- Name
service- Kind
- parameter
- Type
AlertDialogService- Requirement
- required
DocsAPI referenceHeadlessalert-dialog
alert-dialog headless API
The core connector and vanilla mount are always visible. Use the framework choice to inspect native composition, props, outputs, context and hooks for the selected adapter.
@grassroot/ui-headless-core/alert-dialog
Core connector and vanilla API
activateAlertDialogManagers
functiondeclare function activateAlertDialogManagers(service: AlertDialogService, scope: PartScope, doc: Document): () => void;serviceAlertDialogServicescopePartScopedocDocumentreturn() => void- Name
scope- Kind
- parameter
- Type
PartScope- Requirement
- required
- Name
doc- Kind
- parameter
- Type
Document- Requirement
- required
- Name
return- Kind
- return value
- Type
() => void- Requirement
- n/a
alertDialogAnatomy
valueexport declare const alertDialogAnatomy: { readonly scope: "alert-dialog"; readonly parts: readonly ["trigger", "backdrop", "positioner", "content", "title", "description", "close-trigger"];};partsreadonly ["trigger", "backdrop", "positioner", "content", "title", "description", "close-trigger"]scope"alert-dialog"- Name
parts- Kind
- property
- Type
readonly ["trigger", "backdrop", "positioner", "content", "title", "description", "close-trigger"]- Requirement
- required
- Name
scope- Kind
- property
- Type
"alert-dialog"- Requirement
- required
AlertDialogApi
interfaceinterface AlertDialogApi { triggerProps(): PartProps; backdropProps(): PartProps; positionerProps(): PartProps; contentProps(): PartProps; titleProps(): PartProps; descriptionProps(): PartProps; closeTriggerProps(): PartProps; readonly open: boolean;}backdropProps() => PartPropscloseTriggerProps() => PartPropscontentProps() => PartPropsdescriptionProps() => PartPropsopenbooleanpositionerProps() => PartPropstitleProps() => PartPropstriggerProps() => PartProps- Name
backdropProps- Kind
- method
- Type
() => PartProps- Requirement
- required
- Name
closeTriggerProps- Kind
- method
- Type
() => PartProps- Requirement
- required
- Name
contentProps- Kind
- method
- Type
() => PartProps- Requirement
- required
- Name
descriptionProps- Kind
- method
- Type
() => PartProps- Requirement
- required
- Name
open- Kind
- property
- Type
boolean- Requirement
- required
- Name
positionerProps- Kind
- method
- Type
() => PartProps- Requirement
- required
- Name
titleProps- Kind
- method
- Type
() => PartProps- Requirement
- required
- Name
triggerProps- Kind
- method
- Type
() => PartProps- Requirement
- required
type AlertDialogChangeReason = AlertDialogOpenReason | AlertDialogCloseReason;type AlertDialogCloseReason = "escape" | "outside-click" | "close-trigger" | "programmatic";AlertDialogCommand
typetype AlertDialogCommand = CommandObject & { readonly type: "OPEN_CHANGE_REQUEST"; readonly open: boolean; readonly reason: AlertDialogChangeReason;};openbooleanreasonAlertDialogChangeReasontypestring- Name
open- Kind
- property
- Type
boolean- Requirement
- required
- Name
reason- Kind
- property
- Type
AlertDialogChangeReason- Requirement
- required
- Name
type- Kind
- property
- Type
string- Requirement
- required
AlertDialogConnectOptions
interfaceinterface AlertDialogConnectOptions {}AlertDialogContext
typetype AlertDialogContext = { readonly mode: "controlled" | "uncontrolled";};mode"controlled" | "uncontrolled"- Name
mode- Kind
- property
- Type
"controlled" | "uncontrolled"- Requirement
- required
AlertDialogEvent
typetype AlertDialogEvent = { readonly type: "OPEN"; readonly reason: AlertDialogOpenReason;} | { readonly type: "CLOSE"; readonly reason: AlertDialogCloseReason;};AlertDialogInput
typetype AlertDialogInput = { readonly open?: boolean; readonly defaultOpen?: boolean; readonly dismissable?: boolean;};defaultOpenbooleandismissablebooleanopenboolean- Name
defaultOpen- Kind
- property
- Type
boolean- Requirement
- optional
- Name
dismissable- Kind
- property
- Type
boolean- Requirement
- optional
- Name
open- Kind
- property
- Type
boolean- Requirement
- optional
alertDialogMachine
valueexport declare const alertDialogMachine: AlertDialogMachine;AlertDialogMount
interfaceinterface AlertDialogMount { readonly service: AlertDialogService; readonly connector: AlertDialogApi; readonly root: HTMLElement; readonly trigger: HTMLButtonElement; destroy(): void;}connectorAlertDialogApidestroy() => voidrootHTMLElementserviceAlertDialogServicetriggerHTMLButtonElement- Name
connector- Kind
- property
- Type
AlertDialogApi- Requirement
- required
- Name
destroy- Kind
- method
- Type
() => void- Requirement
- required
- Name
root- Kind
- property
- Type
HTMLElement- Requirement
- required
- Name
service- Kind
- property
- Type
AlertDialogService- Requirement
- required
- Name
trigger- Kind
- property
- Type
HTMLButtonElement- Requirement
- required
AlertDialogOpenChangeDetail
interfaceinterface AlertDialogOpenChangeDetail { readonly open: boolean; readonly reason: AlertDialogChangeReason;}openbooleanreasonAlertDialogChangeReason- Name
open- Kind
- property
- Type
boolean- Requirement
- required
- Name
reason- Kind
- property
- Type
AlertDialogChangeReason- Requirement
- required
type AlertDialogOpenReason = "trigger" | "programmatic";AlertDialogPart
typetype AlertDialogPart = (typeof alertDialogAnatomy.parts)[number];alertDialogSelectors
valueexport declare const alertDialogSelectors: { open: (snapshot: AlertDialogSnapshot) => boolean;};open(snapshot: AlertDialogSnapshot) => boolean- Name
open- Kind
- property
- Type
(snapshot: AlertDialogSnapshot) => boolean- Requirement
- required
AlertDialogService
typetype AlertDialogService = Service<AlertDialogInput, AlertDialogStateValue, AlertDialogContext, AlertDialogEvent, AlertDialogCommand>;AlertDialogSnapshot
typetype AlertDialogSnapshot = Snapshot<AlertDialogStateValue, AlertDialogContext>;type AlertDialogStateValue = "open" | "closed";connectAlertDialog
functiondeclare function connectAlertDialog(service: AlertDialogService, scope: PartScope, _options?: AlertDialogConnectOptions): AlertDialogApi;serviceAlertDialogServicescopePartScope_optionsAlertDialogConnectOptionsreturnAlertDialogApi- Name
service- Kind
- parameter
- Type
AlertDialogService- Requirement
- required
- Name
scope- Kind
- parameter
- Type
PartScope- Requirement
- required
- Name
_options- Kind
- parameter
- Type
AlertDialogConnectOptions- Requirement
- optional
- Name
return- Kind
- return value
- Type
AlertDialogApi- Requirement
- n/a
mountAlertDialog
functiondeclare function mountAlertDialog(container: HTMLElement, options?: MountAlertDialogOptions): AlertDialogMount;containerHTMLElementoptionsMountAlertDialogOptionsreturnAlertDialogMount- Name
container- Kind
- parameter
- Type
HTMLElement- Requirement
- required
- Name
options- Kind
- parameter
- Type
MountAlertDialogOptions- Requirement
- optional
- Name
return- Kind
- return value
- Type
AlertDialogMount- Requirement
- n/a
MountAlertDialogOptions
interfaceinterface MountAlertDialogOptions extends AlertDialogInput { readonly onOpenChange?: (detail: AlertDialogOpenChangeDetail) => void; readonly renderTrigger?: (button: HTMLButtonElement) => void; readonly renderContent?: (panel: HTMLDivElement) => void; readonly renderTitle?: (heading: HTMLHeadingElement) => void; readonly renderDescription?: (paragraph: HTMLParagraphElement) => void; readonly renderCloseTrigger?: (button: HTMLButtonElement) => void;}onOpenChange(detail: AlertDialogOpenChangeDetail) => voidrenderCloseTrigger(button: HTMLButtonElement) => voidrenderContent(panel: HTMLDivElement) => voidrenderDescription(paragraph: HTMLParagraphElement) => voidrenderTitle(heading: HTMLHeadingElement) => voidrenderTrigger(button: HTMLButtonElement) => void- Name
onOpenChange- Kind
- property
- Type
(detail: AlertDialogOpenChangeDetail) => void- Requirement
- optional
- Name
renderCloseTrigger- Kind
- property
- Type
(button: HTMLButtonElement) => void- Requirement
- optional
- Name
renderContent- Kind
- property
- Type
(panel: HTMLDivElement) => void- Requirement
- optional
- Name
renderDescription- Kind
- property
- Type
(paragraph: HTMLParagraphElement) => void- Requirement
- optional
- Name
renderTitle- Kind
- property
- Type
(heading: HTMLHeadingElement) => void- Requirement
- optional
- Name
renderTrigger- Kind
- property
- Type
(button: HTMLButtonElement) => void- Requirement
- optional
runAlertDialogCommand
functiondeclare function runAlertDialogCommand(command: AlertDialogCommand, _scope: PartScope, options?: { readonly onOpenChange?: (detail: { open: boolean; reason: AlertDialogChangeReason; }) => void;}): void;commandAlertDialogCommand_scopePartScopeoptions{
readonly onOpenChange?: (detail: {
open: boolean;
reason: AlertDialogChangeReason;
}) => void;
}returnvoid- Name
command- Kind
- parameter
- Type
AlertDialogCommand- Requirement
- required
- Name
_scope- Kind
- parameter
- Type
PartScope- Requirement
- required
- Name
options- Kind
- parameter
- Type
{ readonly onOpenChange?: (detail: { open: boolean; reason: AlertDialogChangeReason; }) => void; }- Requirement
- optional
- Name
return- Kind
- return value
- Type
void- Requirement
- n/a
Framework adapters
Each panel keeps its adapter's public vocabulary. React compound exports, Vue composables, standalone Angular declarations, Svelte components, and Solid hooks stay native to their framework.
React imports
import { AlertDialog, Backdrop, CloseTrigger, Content, Description, Positioner, Root, Title } from "@grassroot/ui-headless-react/alert-dialog"; // +1 more exportsVue imports
<script setup lang="ts">import { AlertDialogBackdrop, AlertDialogCloseTrigger, AlertDialogContent, AlertDialogDescription, AlertDialogPositioner, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger } from "@grassroot/ui-headless-vue/alert-dialog";</script>Angular imports
import { Component } from "@angular/core";import { GR_ALERT_DIALOG_DECLARATIONS } from "@grassroot/ui-headless-angular/alert-dialog"; @Component({ standalone: true, imports: [GR_ALERT_DIALOG_DECLARATIONS], template: `<!-- compose the alert-dialog parts here -->` })export class Example {}Solid imports
import { AlertDialogBackdrop, AlertDialogCloseTrigger, AlertDialogContent, AlertDialogDescription, AlertDialogPositioner, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger } from "@grassroot/ui-headless-solid/alert-dialog";@grassroot/ui-headless-react/alert-dialog
React adapter
AlertDialog
valueexport declare const AlertDialog: { Root: typeof Root; Trigger: import("react").ForwardRefExoticComponent<AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>; Backdrop: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & { readonly asChild?: boolean; } & import("react").RefAttributes<HTMLDivElement>>; Positioner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & { readonly asChild?: boolean; } & import("react").RefAttributes<HTMLDivElement>>; Content: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & { readonly asChild?: boolean; } & import("react").RefAttributes<HTMLDivElement>>; Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & { readonly asChild?: boolean; } & import("react").RefAttributes<HTMLHeadingElement>>; Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & { readonly asChild?: boolean; } & import("react").RefAttributes<HTMLParagraphElement>>; CloseTrigger: import("react").ForwardRefExoticComponent<AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;};Backdropimport("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
readonly asChild?: boolean;
} & import("react").RefAttributes<HTMLDivElement>>CloseTriggerimport("react").ForwardRefExoticComponent<AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>Contentimport("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
readonly asChild?: boolean;
} & import("react").RefAttributes<HTMLDivElement>>Descriptionimport("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
readonly asChild?: boolean;
} & import("react").RefAttributes<HTMLParagraphElement>>Positionerimport("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
readonly asChild?: boolean;
} & import("react").RefAttributes<HTMLDivElement>>Roottypeof RootTitleimport("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
readonly asChild?: boolean;
} & import("react").RefAttributes<HTMLHeadingElement>>Triggerimport("react").ForwardRefExoticComponent<AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>- Name
Backdrop- Kind
- property
- Type
import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & { readonly asChild?: boolean; } & import("react").RefAttributes<HTMLDivElement>>- Requirement
- required
- Name
CloseTrigger- Kind
- property
- Type
import("react").ForwardRefExoticComponent<AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>- Requirement
- required
- Name
Content- Kind
- property
- Type
import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & { readonly asChild?: boolean; } & import("react").RefAttributes<HTMLDivElement>>- Requirement
- required
- Name
Description- Kind
- property
- Type
import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & { readonly asChild?: boolean; } & import("react").RefAttributes<HTMLParagraphElement>>- Requirement
- required
- Name
Positioner- Kind
- property
- Type
import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & { readonly asChild?: boolean; } & import("react").RefAttributes<HTMLDivElement>>- Requirement
- required
- Name
Root- Kind
- property
- Type
typeof Root- Requirement
- required
- Name
Title- Kind
- property
- Type
import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & { readonly asChild?: boolean; } & import("react").RefAttributes<HTMLHeadingElement>>- Requirement
- required
- Name
Trigger- Kind
- property
- Type
import("react").ForwardRefExoticComponent<AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>- Requirement
- required
AlertDialogContext
valueexport declare const AlertDialogContext: import("react").Context<AlertDialogContextValue | null>;propsPreturnReactNode- Name
props- Kind
- parameter
- Type
P- Requirement
- required
- Name
return- Kind
- return value
- Type
ReactNode- Requirement
- n/a
AlertDialogOpenChangeDetail
interfaceinterface AlertDialogOpenChangeDetail { readonly open: boolean; readonly reason: AlertDialogChangeReason;}openbooleanreasonAlertDialogChangeReason- Name
open- Kind
- property
- Type
boolean- Requirement
- required
- Name
reason- Kind
- property
- Type
AlertDialogChangeReason- Requirement
- required
AlertDialogRootProps
interfaceinterface AlertDialogRootProps extends Pick<AlertDialogInput, "open" | "defaultOpen" | "dismissable"> { readonly onOpenChange?: (detail: { open: boolean; reason: string; }) => void; readonly children?: ReactNode;}childrenReactNodeonOpenChange(detail: {
open: boolean;
reason: string;
}) => void- Name
children- Kind
- property
- Type
ReactNode- Requirement
- optional
- Name
onOpenChange- Kind
- property
- Type
(detail: { open: boolean; reason: string; }) => void- Requirement
- optional
AlertDialogTriggerProps
interfaceinterface AlertDialogTriggerProps extends Omit<ComponentPropsWithoutRef<"button">, "type"> { readonly asChild?: boolean;}asChildboolean- Name
asChild- Kind
- property
- Type
boolean- Requirement
- optional
Backdrop
valueexport declare const Backdrop: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & { readonly asChild?: boolean;} & import("react").RefAttributes<HTMLDivElement>>;propsPreturnReactNode- Name
props- Kind
- parameter
- Type
P- Requirement
- required
- Name
return- Kind
- return value
- Type
ReactNode- Requirement
- n/a
CloseTrigger
valueexport declare const CloseTrigger: import("react").ForwardRefExoticComponent<AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;propsPreturnReactNode- Name
props- Kind
- parameter
- Type
P- Requirement
- required
- Name
return- Kind
- return value
- Type
ReactNode- Requirement
- n/a
Content
valueexport declare const Content: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & { readonly asChild?: boolean;} & import("react").RefAttributes<HTMLDivElement>>;propsPreturnReactNode- Name
props- Kind
- parameter
- Type
P- Requirement
- required
- Name
return- Kind
- return value
- Type
ReactNode- Requirement
- n/a
Description
valueexport declare const Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & { readonly asChild?: boolean;} & import("react").RefAttributes<HTMLParagraphElement>>;propsPreturnReactNode- Name
props- Kind
- parameter
- Type
P- Requirement
- required
- Name
return- Kind
- return value
- Type
ReactNode- Requirement
- n/a
Positioner
valueexport declare const Positioner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & { readonly asChild?: boolean;} & import("react").RefAttributes<HTMLDivElement>>;propsPreturnReactNode- Name
props- Kind
- parameter
- Type
P- Requirement
- required
- Name
return- Kind
- return value
- Type
ReactNode- Requirement
- n/a
Root
functiondeclare function Root(props: AlertDialogRootProps): import("react").JSX.Element;propsAlertDialogRootPropsreturnimport("react").JSX.Element- Name
props- Kind
- parameter
- Type
AlertDialogRootProps- Requirement
- required
- Name
return- Kind
- return value
- Type
import("react").JSX.Element- Requirement
- n/a
Title
valueexport declare const Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & { readonly asChild?: boolean;} & import("react").RefAttributes<HTMLHeadingElement>>;propsPreturnReactNode- Name
props- Kind
- parameter
- Type
P- Requirement
- required
- Name
return- Kind
- return value
- Type
ReactNode- Requirement
- n/a
Trigger
valueexport declare const Trigger: import("react").ForwardRefExoticComponent<AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;propsPreturnReactNode- Name
props- Kind
- parameter
- Type
P- Requirement
- required
- Name
return- Kind
- return value
- Type
ReactNode- Requirement
- n/a
useAlertDialog
functiondeclare function useAlertDialog(input: AlertDialogInput, options?: UseAlertDialogOptions): UseAlertDialogResult;inputAlertDialogInputoptionsUseAlertDialogOptionsreturnUseAlertDialogResult- Name
input- Kind
- parameter
- Type
AlertDialogInput- Requirement
- required
- Name
options- Kind
- parameter
- Type
UseAlertDialogOptions- Requirement
- optional
- Name
return- Kind
- return value
- Type
UseAlertDialogResult- Requirement
- n/a
useAlertDialogContext
functiondeclare function useAlertDialogContext(part: string): AlertDialogContextValue;partstringreturnAlertDialogContextValue- Name
part- Kind
- parameter
- Type
string- Requirement
- required
- Name
return- Kind
- return value
- Type
AlertDialogContextValue- Requirement
- n/a
UseAlertDialogOptions
interfaceinterface UseAlertDialogOptions { readonly onOpenChange?: (detail: AlertDialogOpenChangeDetail) => void;}onOpenChange(detail: AlertDialogOpenChangeDetail) => void- Name
onOpenChange- Kind
- property
- Type
(detail: AlertDialogOpenChangeDetail) => void- Requirement
- optional
UseAlertDialogResult
interfaceinterface UseAlertDialogResult { readonly service: AlertDialogService; readonly connector: AlertDialogApi; readonly scope: PartScope; readonly snapshot: AlertDialogSnapshot;}connectorAlertDialogApiscopePartScopeserviceAlertDialogServicesnapshotAlertDialogSnapshot- Name
connector- Kind
- property
- Type
AlertDialogApi- Requirement
- required
- Name
scope- Kind
- property
- Type
PartScope- Requirement
- required
- Name
service- Kind
- property
- Type
AlertDialogService- Requirement
- required
- Name
snapshot- Kind
- property
- Type
AlertDialogSnapshot- Requirement
- required
useServiceVersion
functionSubscribes a component to a service's committed-snapshot version.
declare function useServiceVersion<S extends Service<any, any, any, any, any, any>>(service: S): ReturnType<S["getSnapshot"]>;serviceSreturnReturnType<S["getSnapshot"]>- Name
service- Kind
- parameter
- Type
S- Requirement
- required
- Name
return- Kind
- return value
- Type
ReturnType<S["getSnapshot"]>- Requirement
- n/a
@grassroot/ui-headless-vue/alert-dialog
Vue adapter
AlertDialogBackdrop
valueexport declare const AlertDialogBackdrop: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any;}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>> & Readonly<{}>, { asChild: boolean;}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;AlertDialogCloseTrigger
valueexport declare const AlertDialogCloseTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any;}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>> & Readonly<{}>, { asChild: boolean;}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;AlertDialogContent
valueexport declare const AlertDialogContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any;}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>> & Readonly<{}>, { asChild: boolean;}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;AlertDialogContextKey
valueexport declare const AlertDialogContextKey: InjectionKey<AlertDialogContextValue>;AlertDialogContextValue
interfaceinterface AlertDialogContextValue { readonly service: AlertDialogService; readonly connector: AlertDialogApi; readonly scope: PartScope; readonly snapshot: ShallowRef<AlertDialogSnapshot>;}connectorAlertDialogApiscopePartScopeserviceAlertDialogServicesnapshotShallowRef<AlertDialogSnapshot>- Name
connector- Kind
- property
- Type
AlertDialogApi- Requirement
- required
- Name
scope- Kind
- property
- Type
PartScope- Requirement
- required
- Name
service- Kind
- property
- Type
AlertDialogService- Requirement
- required
- Name
snapshot- Kind
- property
- Type
ShallowRef<AlertDialogSnapshot>- Requirement
- required
AlertDialogDescription
valueexport declare const AlertDialogDescription: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any;}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>> & Readonly<{}>, { asChild: boolean;}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;AlertDialogOpenChangeDetail
interfaceinterface AlertDialogOpenChangeDetail { readonly open: boolean; readonly reason: AlertDialogChangeReason;}openbooleanreasonAlertDialogChangeReason- Name
open- Kind
- property
- Type
boolean- Requirement
- required
- Name
reason- Kind
- property
- Type
AlertDialogChangeReason- Requirement
- required
AlertDialogPositioner
valueexport declare const AlertDialogPositioner: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any;}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>> & Readonly<{}>, { asChild: boolean;}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;AlertDialogRoot
valueexport declare const AlertDialogRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ open: { type: PropType<AlertDialogInput["open"]>; default: undefined; }; defaultOpen: { type: PropType<AlertDialogInput["defaultOpen"]>; default: undefined; }; dismissable: { type: PropType<AlertDialogInput["dismissable"]>; default: undefined; };}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any;}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { openChange: (_detail: AlertDialogOpenChangeDetail) => true;}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ open: { type: PropType<AlertDialogInput["open"]>; default: undefined; }; defaultOpen: { type: PropType<AlertDialogInput["defaultOpen"]>; default: undefined; }; dismissable: { type: PropType<AlertDialogInput["dismissable"]>; default: undefined; };}>> & Readonly<{ onOpenChange?: ((_detail: AlertDialogOpenChangeDetail) => any) | undefined;}>, { open: boolean | undefined; defaultOpen: boolean | undefined; dismissable: boolean | undefined;}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;AlertDialogTitle
valueexport declare const AlertDialogTitle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any;}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>> & Readonly<{}>, { asChild: boolean;}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;AlertDialogTrigger
valueexport declare const AlertDialogTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any;}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ asChild: { type: BooleanConstructor; default: boolean; };}>> & Readonly<{}>, { asChild: boolean;}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;useAlertDialog
functiondeclare function useAlertDialog(input: AlertDialogInput | (() => AlertDialogInput), options?: UseAlertDialogOptions): UseAlertDialogResult;inputAlertDialogInput | (() => AlertDialogInput)optionsUseAlertDialogOptionsreturnUseAlertDialogResult- Name
input- Kind
- parameter
- Type
AlertDialogInput | (() => AlertDialogInput)- Requirement
- required
- Name
options- Kind
- parameter
- Type
UseAlertDialogOptions- Requirement
- optional
- Name
return- Kind
- return value
- Type
UseAlertDialogResult- Requirement
- n/a
useAlertDialogContext
functiondeclare function useAlertDialogContext(partName: string): AlertDialogContextValue;partNamestringreturnAlertDialogContextValue- Name
partName- Kind
- parameter
- Type
string- Requirement
- required
- Name
return- Kind
- return value
- Type
AlertDialogContextValue- Requirement
- n/a
UseAlertDialogOptions
interfaceinterface UseAlertDialogOptions { readonly onOpenChange?: (detail: AlertDialogOpenChangeDetail) => void;}onOpenChange(detail: AlertDialogOpenChangeDetail) => void- Name
onOpenChange- Kind
- property
- Type
(detail: AlertDialogOpenChangeDetail) => void- Requirement
- optional
UseAlertDialogResult
interfaceinterface UseAlertDialogResult { readonly service: AlertDialogService; readonly connector: AlertDialogApi; readonly scope: PartScope; readonly snapshot: ShallowRef<AlertDialogSnapshot>; readonly hasMounted: ShallowRef<boolean>;}connectorAlertDialogApihasMountedShallowRef<boolean>scopePartScopeserviceAlertDialogServicesnapshotShallowRef<AlertDialogSnapshot>- Name
connector- Kind
- property
- Type
AlertDialogApi- Requirement
- required
- Name
hasMounted- Kind
- property
- Type
ShallowRef<boolean>- Requirement
- required
- Name
scope- Kind
- property
- Type
PartScope- Requirement
- required
- Name
service- Kind
- property
- Type
AlertDialogService- Requirement
- required
- Name
snapshot- Kind
- property
- Type
ShallowRef<AlertDialogSnapshot>- Requirement
- required
@grassroot/ui-headless-angular/alert-dialog
Angular adapter
ALERT_DIALOG_STORE
valueexport declare const ALERT_DIALOG_STORE: InjectionToken<AlertDialogStore>;AlertDialogOpenChangeDetail
interfaceexport interface AlertDialogOpenChangeDetail { readonly open: boolean; readonly reason: AlertDialogChangeReason;}openbooleanreasonAlertDialogChangeReason- Name
open- Kind
- property
- Type
boolean- Requirement
- required
- Name
reason- Kind
- property
- Type
AlertDialogChangeReason- Requirement
- required
AlertDialogStore
interfaceexport interface AlertDialogStore { readonly service: AlertDialogService; readonly connector: AlertDialogApi; readonly scope: PartScope; readonly version: WritableSignal<number>; start(): void; stop(): void; sync(input: AlertDialogInput): void; bindOpenChange?(handler: (detail: { open: boolean; reason: AlertDialogChangeReason; }) => void): void;}bindOpenChange((handler: (detail: { open: boolean; reason: AlertDialogChangeReason; }) => void) => void) | undefinedconnectorAlertDialogApiscopePartScopeserviceAlertDialogServicestart() => voidstop() => voidsync(input: AlertDialogInput) => voidversionWritableSignal<number>- Name
bindOpenChange- Kind
- method
- Type
((handler: (detail: { open: boolean; reason: AlertDialogChangeReason; }) => void) => void) | undefined- Requirement
- optional
- Name
connector- Kind
- property
- Type
AlertDialogApi- Requirement
- required
- Name
scope- Kind
- property
- Type
PartScope- Requirement
- required
- Name
service- Kind
- property
- Type
AlertDialogService- Requirement
- required
- Name
start- Kind
- method
- Type
() => void- Requirement
- required
- Name
stop- Kind
- method
- Type
() => void- Requirement
- required
- Name
sync- Kind
- method
- Type
(input: AlertDialogInput) => void- Requirement
- required
- Name
version- Kind
- property
- Type
WritableSignal<number>- Requirement
- required
createAlertDialogStore
functionexport declare function createAlertDialogStore(initialInput: AlertDialogInput, options?: CreateAlertDialogStoreOptions): AlertDialogStore;initialInputAlertDialogInputoptionsCreateAlertDialogStoreOptionsreturnAlertDialogStore- Name
initialInput- Kind
- parameter
- Type
AlertDialogInput- Requirement
- required
- Name
options- Kind
- parameter
- Type
CreateAlertDialogStoreOptions- Requirement
- optional
- Name
return- Kind
- return value
- Type
AlertDialogStore- Requirement
- n/a
CreateAlertDialogStoreOptions
interfaceexport interface CreateAlertDialogStoreOptions { readonly onOpenChange?: (detail: AlertDialogOpenChangeDetail) => void; readonly onCommit?: () => void;}onCommit() => voidonOpenChange(detail: AlertDialogOpenChangeDetail) => void- Name
onCommit- Kind
- property
- Type
() => void- Requirement
- optional
- Name
onOpenChange- Kind
- property
- Type
(detail: AlertDialogOpenChangeDetail) => void- Requirement
- optional
DIALOG_PROJECTION_STORE
valueexport declare const DIALOG_PROJECTION_STORE: InjectionToken<DialogProjectionStore>;export declare const GR_ALERT_DIALOG_DECLARATIONS: readonly [typeof GrAlertDialogRoot, typeof GrAlertDialogTrigger, typeof GrAlertDialogOpen, typeof GrAlertDialogBackdrop, typeof GrAlertDialogPositioner, typeof GrAlertDialogContent, typeof GrAlertDialogTitle, typeof GrAlertDialogDescription, typeof GrAlertDialogCloseTrigger];GrAlertDialogBackdrop
classexport declare class GrAlertDialogBackdrop extends AlertDialogPartBase { constructor(); static ɵfac: i0.ɵɵFactoryDeclaration<GrAlertDialogBackdrop, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<GrAlertDialogBackdrop, "[grAlertDialogBackdrop]", never, {}, {}, never, never, true, never>;}ɵdiri0.ɵɵDirectiveDeclaration<GrAlertDialogBackdrop, "[grAlertDialogBackdrop]", never, {}, {}, never, never, true, never>ɵfaci0.ɵɵFactoryDeclaration<GrAlertDialogBackdrop, never>- Name
ɵdir- Kind
- property
- Type
i0.ɵɵDirectiveDeclaration<GrAlertDialogBackdrop, "[grAlertDialogBackdrop]", never, {}, {}, never, never, true, never>- Requirement
- required
- Name
ɵfac- Kind
- property
- Type
i0.ɵɵFactoryDeclaration<GrAlertDialogBackdrop, never>- Requirement
- required
export declare class GrAlertDialogCloseTrigger extends AlertDialogPartBase { constructor(); static ɵfac: i0.ɵɵFactoryDeclaration<GrAlertDialogCloseTrigger, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<GrAlertDialogCloseTrigger, "[grAlertDialogCloseTrigger]", never, {}, {}, never, never, true, never>;}ɵdiri0.ɵɵDirectiveDeclaration<GrAlertDialogCloseTrigger, "[grAlertDialogCloseTrigger]", never, {}, {}, never, never, true, never>ɵfaci0.ɵɵFactoryDeclaration<GrAlertDialogCloseTrigger, never>- Name
ɵdir- Kind
- property
- Type
i0.ɵɵDirectiveDeclaration<GrAlertDialogCloseTrigger, "[grAlertDialogCloseTrigger]", never, {}, {}, never, never, true, never>- Requirement
- required
- Name
ɵfac- Kind
- property
- Type
i0.ɵɵFactoryDeclaration<GrAlertDialogCloseTrigger, never>- Requirement
- required
GrAlertDialogContent
classexport declare class GrAlertDialogContent extends AlertDialogPartBase { constructor(); static ɵfac: i0.ɵɵFactoryDeclaration<GrAlertDialogContent, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<GrAlertDialogContent, "[grAlertDialogContent]", never, {}, {}, never, never, true, never>;}ɵdiri0.ɵɵDirectiveDeclaration<GrAlertDialogContent, "[grAlertDialogContent]", never, {}, {}, never, never, true, never>ɵfaci0.ɵɵFactoryDeclaration<GrAlertDialogContent, never>- Name
ɵdir- Kind
- property
- Type
i0.ɵɵDirectiveDeclaration<GrAlertDialogContent, "[grAlertDialogContent]", never, {}, {}, never, never, true, never>- Requirement
- required
- Name
ɵfac- Kind
- property
- Type
i0.ɵɵFactoryDeclaration<GrAlertDialogContent, never>- Requirement
- required
GrAlertDialogDescription
classexport declare class GrAlertDialogDescription extends AlertDialogPartBase { constructor(); static ɵfac: i0.ɵɵFactoryDeclaration<GrAlertDialogDescription, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<GrAlertDialogDescription, "[grAlertDialogDescription], [grassrootDialogDescription]", never, {}, {}, never, never, true, never>;}ɵdiri0.ɵɵDirectiveDeclaration<GrAlertDialogDescription, "[grAlertDialogDescription], [grassrootDialogDescription]", never, {}, {}, never, never, true, never>ɵfaci0.ɵɵFactoryDeclaration<GrAlertDialogDescription, never>- Name
ɵdir- Kind
- property
- Type
i0.ɵɵDirectiveDeclaration<GrAlertDialogDescription, "[grAlertDialogDescription], [grassrootDialogDescription]", never, {}, {}, never, never, true, never>- Requirement
- required
- Name
ɵfac- Kind
- property
- Type
i0.ɵɵFactoryDeclaration<GrAlertDialogDescription, never>- Requirement
- required
GrAlertDialogOpen
classexport declare class GrAlertDialogOpen implements OnDestroy { private readonly store; private readonly template; private readonly view; private shown; constructor(); ngOnDestroy(): void; static ɵfac: i0.ɵɵFactoryDeclaration<GrAlertDialogOpen, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<GrAlertDialogOpen, "[grAlertDialogOpen]", never, {}, {}, never, never, true, never>;}ngOnDestroy() => voidɵdiri0.ɵɵDirectiveDeclaration<GrAlertDialogOpen, "[grAlertDialogOpen]", never, {}, {}, never, never, true, never>ɵfaci0.ɵɵFactoryDeclaration<GrAlertDialogOpen, never>shownanystoreanytemplateanyviewany- Name
ngOnDestroy- Kind
- method
- Type
() => void- Requirement
- required
- Name
ɵdir- Kind
- property
- Type
i0.ɵɵDirectiveDeclaration<GrAlertDialogOpen, "[grAlertDialogOpen]", never, {}, {}, never, never, true, never>- Requirement
- required
- Name
ɵfac- Kind
- property
- Type
i0.ɵɵFactoryDeclaration<GrAlertDialogOpen, never>- Requirement
- required
- Name
shown- Kind
- property
- Type
any- Requirement
- required
- Name
store- Kind
- property
- Type
any- Requirement
- required
- Name
template- Kind
- property
- Type
any- Requirement
- required
- Name
view- Kind
- property
- Type
any- Requirement
- required
GrAlertDialogPositioner
classexport declare class GrAlertDialogPositioner extends AlertDialogPartBase { constructor(); static ɵfac: i0.ɵɵFactoryDeclaration<GrAlertDialogPositioner, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<GrAlertDialogPositioner, "[grAlertDialogPositioner]", never, {}, {}, never, never, true, never>;}ɵdiri0.ɵɵDirectiveDeclaration<GrAlertDialogPositioner, "[grAlertDialogPositioner]", never, {}, {}, never, never, true, never>ɵfaci0.ɵɵFactoryDeclaration<GrAlertDialogPositioner, never>- Name
ɵdir- Kind
- property
- Type
i0.ɵɵDirectiveDeclaration<GrAlertDialogPositioner, "[grAlertDialogPositioner]", never, {}, {}, never, never, true, never>- Requirement
- required
- Name
ɵfac- Kind
- property
- Type
i0.ɵɵFactoryDeclaration<GrAlertDialogPositioner, never>- Requirement
- required
GrAlertDialogRoot
classexport declare class GrAlertDialogRoot implements OnDestroy { readonly open: import("@angular/core").InputSignal<boolean | undefined>; readonly defaultOpen: import("@angular/core").InputSignal<boolean | undefined>; readonly dismissable: import("@angular/core").InputSignal<boolean | undefined>; readonly openChange: import("@angular/core").OutputEmitterRef<AlertDialogOpenChangeDetail>; private readonly injector; private last; private release?; private registrationTicked; readonly store: AlertDialogStore; constructor(); ngOnDestroy(): void; static ɵfac: i0.ɵɵFactoryDeclaration<GrAlertDialogRoot, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<GrAlertDialogRoot, "[grAlertDialogRoot]", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "dismissable": { "alias": "dismissable"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, never, true, never>;}defaultOpenimport("@angular/core").InputSignal<boolean | undefined>dismissableimport("@angular/core").InputSignal<boolean | undefined>injectoranylastanyngOnDestroy() => voidopenimport("@angular/core").InputSignal<boolean | undefined>openChangeimport("@angular/core").OutputEmitterRef<AlertDialogOpenChangeDetail>ɵdiri0.ɵɵDirectiveDeclaration<GrAlertDialogRoot, "[grAlertDialogRoot]", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "dismissable": { "alias": "dismissable"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, never, true, never>ɵfaci0.ɵɵFactoryDeclaration<GrAlertDialogRoot, never>registrationTickedanyreleaseanystoreAlertDialogStore- Name
defaultOpen- Kind
- property
- Type
import("@angular/core").InputSignal<boolean | undefined>- Requirement
- required
- Name
dismissable- Kind
- property
- Type
import("@angular/core").InputSignal<boolean | undefined>- Requirement
- required
- Name
injector- Kind
- property
- Type
any- Requirement
- required
- Name
last- Kind
- property
- Type
any- Requirement
- required
- Name
ngOnDestroy- Kind
- method
- Type
() => void- Requirement
- required
- Name
open- Kind
- property
- Type
import("@angular/core").InputSignal<boolean | undefined>- Requirement
- required
- Name
openChange- Kind
- property
- Type
import("@angular/core").OutputEmitterRef<AlertDialogOpenChangeDetail>- Requirement
- required
- Name
ɵdir- Kind
- property
- Type
i0.ɵɵDirectiveDeclaration<GrAlertDialogRoot, "[grAlertDialogRoot]", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "dismissable": { "alias": "dismissable"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, never, true, never>- Requirement
- required
- Name
ɵfac- Kind
- property
- Type
i0.ɵɵFactoryDeclaration<GrAlertDialogRoot, never>- Requirement
- required
- Name
registrationTicked- Kind
- property
- Type
any- Requirement
- required
- Name
release- Kind
- property
- Type
any- Requirement
- optional
- Name
store- Kind
- property
- Type
AlertDialogStore- Requirement
- required
GrAlertDialogTitle
classexport declare class GrAlertDialogTitle extends AlertDialogPartBase { constructor(); static ɵfac: i0.ɵɵFactoryDeclaration<GrAlertDialogTitle, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<GrAlertDialogTitle, "[grAlertDialogTitle], [grassrootDialogTitle]", never, {}, {}, never, never, true, never>;}ɵdiri0.ɵɵDirectiveDeclaration<GrAlertDialogTitle, "[grAlertDialogTitle], [grassrootDialogTitle]", never, {}, {}, never, never, true, never>ɵfaci0.ɵɵFactoryDeclaration<GrAlertDialogTitle, never>- Name
ɵdir- Kind
- property
- Type
i0.ɵɵDirectiveDeclaration<GrAlertDialogTitle, "[grAlertDialogTitle], [grassrootDialogTitle]", never, {}, {}, never, never, true, never>- Requirement
- required
- Name
ɵfac- Kind
- property
- Type
i0.ɵɵFactoryDeclaration<GrAlertDialogTitle, never>- Requirement
- required
GrAlertDialogTrigger
classexport declare class GrAlertDialogTrigger extends AlertDialogPartBase { constructor(); static ɵfac: i0.ɵɵFactoryDeclaration<GrAlertDialogTrigger, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<GrAlertDialogTrigger, "[grAlertDialogTrigger]", never, {}, {}, never, never, true, never>;}ɵdiri0.ɵɵDirectiveDeclaration<GrAlertDialogTrigger, "[grAlertDialogTrigger]", never, {}, {}, never, never, true, never>ɵfaci0.ɵɵFactoryDeclaration<GrAlertDialogTrigger, never>- Name
ɵdir- Kind
- property
- Type
i0.ɵɵDirectiveDeclaration<GrAlertDialogTrigger, "[grAlertDialogTrigger]", never, {}, {}, never, never, true, never>- Requirement
- required
- Name
ɵfac- Kind
- property
- Type
i0.ɵɵFactoryDeclaration<GrAlertDialogTrigger, never>- Requirement
- required
provideAlertDialogStore
functionexport declare function provideAlertDialogStore(): Provider;returnProvider- Name
return- Kind
- return value
- Type
Provider- Requirement
- n/a
@grassroot/ui-headless-svelte/alert-dialog
Svelte adapter
AlertDialogBackdrop
componentexport { default as AlertDialogBackdrop } from "./AlertDialogBackdrop.svelte"AlertDialogCloseTrigger
componentexport { default as AlertDialogCloseTrigger } from "./AlertDialogCloseTrigger.svelte"AlertDialogContent
componentexport { default as AlertDialogContent } from "./AlertDialogContent.svelte"AlertDialogContextValue
interfaceexport interface AlertDialogContextValue { readonly service: AlertDialogService; readonly connector: AlertDialogApi; readonly scope: PartScope; readonly version: () => number;}connectorAlertDialogApiscopePartScopeserviceAlertDialogServiceversion() => number- Name
connector- Kind
- property
- Type
AlertDialogApi- Requirement
- required
- Name
scope- Kind
- property
- Type
PartScope- Requirement
- required
- Name
service- Kind
- property
- Type
AlertDialogService- Requirement
- required
- Name
version- Kind
- property
- Type
() => number- Requirement
- required
AlertDialogDescription
componentexport { default as AlertDialogDescription } from "./AlertDialogDescription.svelte"AlertDialogOpenChangeDetail
interfaceexport interface AlertDialogOpenChangeDetail { readonly open: boolean; readonly reason: AlertDialogChangeReason;}openbooleanreasonAlertDialogChangeReason- Name
open- Kind
- property
- Type
boolean- Requirement
- required
- Name
reason- Kind
- property
- Type
AlertDialogChangeReason- Requirement
- required
AlertDialogPositioner
componentexport { default as AlertDialogPositioner } from "./AlertDialogPositioner.svelte"AlertDialogRoot
componentexport { default as AlertDialogRoot } from "./AlertDialogRoot.svelte"AlertDialogTitle
componentexport { default as AlertDialogTitle } from "./AlertDialogTitle.svelte"AlertDialogTrigger
componentexport { default as AlertDialogTrigger } from "./AlertDialogTrigger.svelte"createAlertDialog
functionexport declare function createAlertDialog(inputGetter: () => AlertDialogInput, options?: UseAlertDialogOptions): UseAlertDialogResult;inputGetter() => AlertDialogInputoptionsUseAlertDialogOptionsreturnUseAlertDialogResult- Name
inputGetter- Kind
- parameter
- Type
() => AlertDialogInput- Requirement
- required
- Name
options- Kind
- parameter
- Type
UseAlertDialogOptions- Requirement
- optional
- Name
return- Kind
- return value
- Type
UseAlertDialogResult- Requirement
- n/a
useAlertDialogContext
functionexport declare function useAlertDialogContext(partName: string): AlertDialogContextValue;partNamestringreturnAlertDialogContextValue- Name
partName- Kind
- parameter
- Type
string- Requirement
- required
- Name
return- Kind
- return value
- Type
AlertDialogContextValue- Requirement
- n/a
UseAlertDialogOptions
interfaceexport interface UseAlertDialogOptions { readonly onOpenChange?: (detail: AlertDialogOpenChangeDetail) => void;}onOpenChange(detail: AlertDialogOpenChangeDetail) => void- Name
onOpenChange- Kind
- property
- Type
(detail: AlertDialogOpenChangeDetail) => void- Requirement
- optional
UseAlertDialogResult
interfaceexport interface UseAlertDialogResult { readonly service: AlertDialogService; readonly connector: AlertDialogApi; readonly scope: PartScope; readonly version: () => number;}connectorAlertDialogApiscopePartScopeserviceAlertDialogServiceversion() => number- Name
connector- Kind
- property
- Type
AlertDialogApi- Requirement
- required
- Name
scope- Kind
- property
- Type
PartScope- Requirement
- required
- Name
service- Kind
- property
- Type
AlertDialogService- Requirement
- required
- Name
version- Kind
- property
- Type
() => number- Requirement
- required
@grassroot/ui-headless-solid/alert-dialog
Solid adapter
AlertDialogBackdrop
functionexport declare function AlertDialogBackdrop(props: AlertDialogBackdropProps): JSX.Element;propsAlertDialogBackdropPropsreturnJSX.Element- Name
props- Kind
- parameter
- Type
AlertDialogBackdropProps- Requirement
- required
- Name
return- Kind
- return value
- Type
JSX.Element- Requirement
- n/a
AlertDialogBackdropProps
interfaceexport interface AlertDialogBackdropProps extends JSX.HTMLAttributes<HTMLDivElement>, Shared {}AlertDialogCloseTrigger
functionexport declare function AlertDialogCloseTrigger(props: AlertDialogCloseTriggerProps): JSX.Element;propsAlertDialogCloseTriggerPropsreturnJSX.Element- Name
props- Kind
- parameter
- Type
AlertDialogCloseTriggerProps- Requirement
- required
- Name
return- Kind
- return value
- Type
JSX.Element- Requirement
- n/a
AlertDialogCloseTriggerProps
interfaceexport interface AlertDialogCloseTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement>, Shared {}AlertDialogContent
functionexport declare function AlertDialogContent(props: AlertDialogContentProps): JSX.Element;propsAlertDialogContentPropsreturnJSX.Element- Name
props- Kind
- parameter
- Type
AlertDialogContentProps- Requirement
- required
- Name
return- Kind
- return value
- Type
JSX.Element- Requirement
- n/a
AlertDialogContentProps
interfaceexport interface AlertDialogContentProps extends JSX.HTMLAttributes<HTMLDivElement>, Shared {}AlertDialogContext
valueexport declare const AlertDialogContext: import("solid-js").Context<AlertDialogContextValue | undefined>;AlertDialogContextValue
interfaceexport interface AlertDialogContextValue { readonly service: AlertDialogService; readonly connector: AlertDialogApi; readonly scope: PartScope; readonly snapshot: Accessor<AlertDialogSnapshot>;}connectorAlertDialogApiscopePartScopeserviceAlertDialogServicesnapshotAccessor<AlertDialogSnapshot>- Name
connector- Kind
- property
- Type
AlertDialogApi- Requirement
- required
- Name
scope- Kind
- property
- Type
PartScope- Requirement
- required
- Name
service- Kind
- property
- Type
AlertDialogService- Requirement
- required
- Name
snapshot- Kind
- property
- Type
Accessor<AlertDialogSnapshot>- Requirement
- required
AlertDialogDescription
functionexport declare function AlertDialogDescription(props: AlertDialogDescriptionProps): JSX.Element;propsAlertDialogDescriptionPropsreturnJSX.Element- Name
props- Kind
- parameter
- Type
AlertDialogDescriptionProps- Requirement
- required
- Name
return- Kind
- return value
- Type
JSX.Element- Requirement
- n/a
AlertDialogDescriptionProps
interfaceexport interface AlertDialogDescriptionProps extends JSX.HTMLAttributes<HTMLParagraphElement>, Shared {}AlertDialogOpenChangeDetail
interfaceexport interface AlertDialogOpenChangeDetail { readonly open: boolean; readonly reason: AlertDialogChangeReason;}openbooleanreasonAlertDialogChangeReason- Name
open- Kind
- property
- Type
boolean- Requirement
- required
- Name
reason- Kind
- property
- Type
AlertDialogChangeReason- Requirement
- required
AlertDialogPositioner
functionexport declare function AlertDialogPositioner(props: AlertDialogPositionerProps): JSX.Element;propsAlertDialogPositionerPropsreturnJSX.Element- Name
props- Kind
- parameter
- Type
AlertDialogPositionerProps- Requirement
- required
- Name
return- Kind
- return value
- Type
JSX.Element- Requirement
- n/a
AlertDialogPositionerProps
interfaceexport interface AlertDialogPositionerProps extends JSX.HTMLAttributes<HTMLDivElement>, Shared {}AlertDialogRoot
functionexport declare function AlertDialogRoot(props: AlertDialogRootProps): JSX.Element;propsAlertDialogRootPropsreturnJSX.Element- Name
props- Kind
- parameter
- Type
AlertDialogRootProps- Requirement
- required
- Name
return- Kind
- return value
- Type
JSX.Element- Requirement
- n/a
AlertDialogRootProps
interfaceexport interface AlertDialogRootProps { readonly open?: AlertDialogInput["open"]; readonly defaultOpen?: AlertDialogInput["defaultOpen"]; readonly dismissable?: AlertDialogInput["dismissable"]; readonly onOpenChange?: (detail: AlertDialogOpenChangeDetail) => void; readonly children?: JSX.Element;}childrenJSX.ElementdefaultOpenAlertDialogInput["defaultOpen"]dismissableAlertDialogInput["dismissable"]onOpenChange(detail: AlertDialogOpenChangeDetail) => voidopenAlertDialogInput["open"]- Name
children- Kind
- property
- Type
JSX.Element- Requirement
- optional
- Name
defaultOpen- Kind
- property
- Type
AlertDialogInput["defaultOpen"]- Requirement
- optional
- Name
dismissable- Kind
- property
- Type
AlertDialogInput["dismissable"]- Requirement
- optional
- Name
onOpenChange- Kind
- property
- Type
(detail: AlertDialogOpenChangeDetail) => void- Requirement
- optional
- Name
open- Kind
- property
- Type
AlertDialogInput["open"]- Requirement
- optional
AlertDialogTitle
functionexport declare function AlertDialogTitle(props: AlertDialogTitleProps): JSX.Element;propsAlertDialogTitlePropsreturnJSX.Element- Name
props- Kind
- parameter
- Type
AlertDialogTitleProps- Requirement
- required
- Name
return- Kind
- return value
- Type
JSX.Element- Requirement
- n/a
AlertDialogTitleProps
interfaceexport interface AlertDialogTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement>, Shared {}AlertDialogTrigger
functionexport declare function AlertDialogTrigger(props: AlertDialogTriggerProps): JSX.Element;propsAlertDialogTriggerPropsreturnJSX.Element- Name
props- Kind
- parameter
- Type
AlertDialogTriggerProps- Requirement
- required
- Name
return- Kind
- return value
- Type
JSX.Element- Requirement
- n/a
AlertDialogTriggerProps
interfaceexport interface AlertDialogTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement>, Shared {}useAlertDialog
functionexport declare function useAlertDialog(input: Accessor<AlertDialogInput>, options?: UseAlertDialogOptions): UseAlertDialogResult;inputAccessor<AlertDialogInput>optionsUseAlertDialogOptionsreturnUseAlertDialogResult- Name
input- Kind
- parameter
- Type
Accessor<AlertDialogInput>- Requirement
- required
- Name
options- Kind
- parameter
- Type
UseAlertDialogOptions- Requirement
- optional
- Name
return- Kind
- return value
- Type
UseAlertDialogResult- Requirement
- n/a
useAlertDialogContext
functionexport declare function useAlertDialogContext(partName: string): AlertDialogContextValue;partNamestringreturnAlertDialogContextValue- Name
partName- Kind
- parameter
- Type
string- Requirement
- required
- Name
return- Kind
- return value
- Type
AlertDialogContextValue- Requirement
- n/a
UseAlertDialogOptions
interfaceexport interface UseAlertDialogOptions { readonly onOpenChange?: (detail: AlertDialogOpenChangeDetail) => void;}onOpenChange(detail: AlertDialogOpenChangeDetail) => void- Name
onOpenChange- Kind
- property
- Type
(detail: AlertDialogOpenChangeDetail) => void- Requirement
- optional
UseAlertDialogResult
interfaceexport interface UseAlertDialogResult { readonly service: AlertDialogService; readonly connector: AlertDialogApi; readonly scope: PartScope; readonly snapshot: Accessor<AlertDialogSnapshot>;}connectorAlertDialogApiscopePartScopeserviceAlertDialogServicesnapshotAccessor<AlertDialogSnapshot>- Name
connector- Kind
- property
- Type
AlertDialogApi- Requirement
- required
- Name
scope- Kind
- property
- Type
PartScope- Requirement
- required
- Name
service- Kind
- property
- Type
AlertDialogService- Requirement
- required
- Name
snapshot- Kind
- property
- Type
Accessor<AlertDialogSnapshot>- Requirement
- required