import { PropType } from 'vue'; import { ModalAction, PrimaryModalAction } from '../../types'; /** * A modal element that overlays the current page, preventing interaction with * other content until it is dismissed. */ declare const _default: import("vue").DefineComponent boolean; }; /** * Primary user action. This will display a primary button with the specified action * (progressive or destructive). */ primaryAction: { type: PropType; default: null; }; /** * Default user action. This will display a normal button. */ defaultAction: { type: PropType; default: null; }; /** * Whether action buttons should be vertically stacked and 100% width. */ stackedActions: { type: BooleanConstructor; default: boolean; }; /** * Whether the dialog should maintain a fixed maximum height on mobile screens, * rather than expanding to fit the content height. */ fixedHeight: { type: (BooleanConstructor | NumberConstructor)[]; default: boolean; validator: (value: unknown) => boolean; }; /** * Selector or DOM element identifying the container the dialog should * be rendered in. The dialog will be ``ed to this element. * An ID selector is recommended, e.g. `#foo-bar`, but providing an * actual element is also supported. * * If this prop is not set, and the parent or one of its ancestors * provides a teleport target using `provide( 'CdxTeleportTarget', * '#foo-bar' )`, the provided target will be used. If there is no * provided target, the dialog will be teleported to the end of the * `` element. */ target: { type: PropType; default: null; }; /** * Whether to disable the use of teleport and render the Dialog in its * original location in the document. If this is true, the `target` prop * is ignored. */ renderInPlace: { type: BooleanConstructor; default: boolean; }; }>, { close: () => void; onBackdropClick: () => void; onBackdropMouseDown: (e: MouseEvent) => void; cdxIconClose: string; labelId: string; rootClasses: import("vue").ComputedRef<{ 'cdx-dialog--vertical-actions': boolean; 'cdx-dialog--dividers': boolean; 'cdx-dialog--fixed-height': boolean; 'cdx-dialog--fixed-height-custom': boolean; }>; backdrop: import("vue").Ref; dialogElement: import("vue").Ref; focusTrapStart: import("vue").Ref; focusTrapEnd: import("vue").Ref; innerTeleportTarget: import("vue").Ref; focusFirst: () => void; focusLast: () => void; dialogBody: import("vue").Ref; focusHolder: import("vue").Ref; showFooterActions: import("vue").ComputedRef; useCloseButtonOrLabel: import("vue").ComputedRef; translatedCloseButtonLabel: import("vue").ComputedRef; computedTarget: import("vue").ComputedRef; fixedHeightRem: import("vue").ComputedRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("default" | "primary" | "update:open")[], "default" | "primary" | "update:open", import("vue").PublicProps, Readonly boolean; }; /** * Primary user action. This will display a primary button with the specified action * (progressive or destructive). */ primaryAction: { type: PropType; default: null; }; /** * Default user action. This will display a normal button. */ defaultAction: { type: PropType; default: null; }; /** * Whether action buttons should be vertically stacked and 100% width. */ stackedActions: { type: BooleanConstructor; default: boolean; }; /** * Whether the dialog should maintain a fixed maximum height on mobile screens, * rather than expanding to fit the content height. */ fixedHeight: { type: (BooleanConstructor | NumberConstructor)[]; default: boolean; validator: (value: unknown) => boolean; }; /** * Selector or DOM element identifying the container the dialog should * be rendered in. The dialog will be ``ed to this element. * An ID selector is recommended, e.g. `#foo-bar`, but providing an * actual element is also supported. * * If this prop is not set, and the parent or one of its ancestors * provides a teleport target using `provide( 'CdxTeleportTarget', * '#foo-bar' )`, the provided target will be used. If there is no * provided target, the dialog will be teleported to the end of the * `` element. */ target: { type: PropType; default: null; }; /** * Whether to disable the use of teleport and render the Dialog in its * original location in the document. If this is true, the `target` prop * is ignored. */ renderInPlace: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onDefault?: ((...args: any[]) => any) | undefined; onPrimary?: ((...args: any[]) => any) | undefined; "onUpdate:open"?: ((...args: any[]) => any) | undefined; }>, { open: boolean; target: string | HTMLElement | null; renderInPlace: boolean; subtitle: string; hideTitle: boolean; useCloseButton: boolean; closeButtonLabel: string; primaryAction: PrimaryModalAction; defaultAction: ModalAction; stackedActions: boolean; fixedHeight: number | boolean; }, {}, { CdxButton: import("vue").DefineComponent; default: string; validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">; }; weight: { type: PropType; default: string; validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">; }; size: { type: PropType; default: string; validator: import("../../types").StringTypeValidator<"medium" | "large" | "small">; }; }>, { button: import("vue").Ref; rootClasses: import("vue").ComputedRef<{ [x: string]: boolean; 'cdx-button--framed': boolean; 'cdx-button--icon-only': boolean; 'cdx-button--is-active': boolean; }>; onClick: (event: Event) => void; onKeyDown: () => void; onKeyUp: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly; default: string; validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">; }; weight: { type: PropType; default: string; validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">; }; size: { type: PropType; default: string; validator: import("../../types").StringTypeValidator<"medium" | "large" | "small">; }; }>> & Readonly<{ onClick?: ((...args: any[]) => any) | undefined; }>, { size: "medium" | "large" | "small"; action: "default" | "progressive" | "destructive"; weight: "normal" | "primary" | "quiet"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; CdxIcon: import("vue").DefineComponent; required: true; }; iconLabel: { type: StringConstructor; default: string; }; lang: { type: PropType; default: null; }; dir: { type: PropType; default: null; }; size: { type: PropType; default: string; validator: import("../../types").StringTypeValidator<"medium" | "small" | "x-small">; }; }>, { rootElement: import("vue").Ref; rootClasses: import("vue").ComputedRef<{ [x: string]: boolean; 'cdx-icon--flipped': boolean; }>; iconSvg: import("vue").ComputedRef; iconPath: import("vue").ComputedRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; required: true; }; iconLabel: { type: StringConstructor; default: string; }; lang: { type: PropType; default: null; }; dir: { type: PropType; default: null; }; size: { type: PropType; default: string; validator: import("../../types").StringTypeValidator<"medium" | "small" | "x-small">; }; }>> & Readonly<{}>, { lang: string | null; iconLabel: string; dir: import("../../types").HTMLDirection | null; size: "medium" | "small" | "x-small"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; export default _default;