import type { PropType } from 'vue'; declare const _default: typeof __VLS_export; export default _default; declare const __VLS_export: import("vue").DefineComponent; default: undefined; }; /** * enables local mode for the dialog. * dialog is fixed to first "position: relative;" parent */ local: BooleanConstructor; maxWidth: { type: (StringConstructor | NumberConstructor)[]; default: string; }; modelValue: { type: BooleanConstructor; default: undefined; }; noClickAnimation: BooleanConstructor; overlayBackground: { type: (StringConstructor | BooleanConstructor)[]; default: boolean; }; restoreFocus: { type: BooleanConstructor; default: boolean; }; /** * clicking outside content will not close modal */ persistent: BooleanConstructor; scrollable: BooleanConstructor; /** * CSS selector string or an actual DOM node where * where to teleport dialog when it is opened. */ teleportTo: { type: PropType; default: string; }; trapFocus: { type: BooleanConstructor; default: boolean; }; /** * disables teleport. */ disableTeleport: BooleanConstructor; transition: { type: StringConstructor; default: string; }; width: { type: (StringConstructor | NumberConstructor)[]; default: string; }; /** * it true, the dialog will add hash to the url. * and will be closed on browser back button. */ closeOnBack: { type: BooleanConstructor; default: boolean; }; /** * disables internal useCloseOnBack integration. * useful when history/hash sync is managed externally. */ disableUseCloseOnBack: BooleanConstructor; }>, { overlayComponent: import("vue").Ref> & Readonly<{ onClick?: ((...args: any[]) => any) | undefined; }>, { activeProxy: import("vue").Ref; styles: import("vue").ComputedRef<{ zIndex: number; }>; classes: import("vue").ComputedRef<(string | { 'g-dialog-overlay--active': boolean; 'g-dialog-overlay--local': boolean; })[]>; computedBackground: import("vue").ComputedRef; onClick: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly> & Readonly<{ onClick?: ((...args: any[]) => any) | undefined; }>, { activeProxy: import("vue").Ref; styles: import("vue").ComputedRef<{ zIndex: number; }>; classes: import("vue").ComputedRef<(string | { 'g-dialog-overlay--active': boolean; 'g-dialog-overlay--local': boolean; })[]>; computedBackground: import("vue").ComputedRef; onClick: () => void; }, {}, {}, {}, {}> | null, import("vue").CreateComponentPublicInstanceWithMixins> & Readonly<{ onClick?: ((...args: any[]) => any) | undefined; }>, { activeProxy: import("vue").Ref; styles: import("vue").ComputedRef<{ zIndex: number; }>; classes: import("vue").ComputedRef<(string | { 'g-dialog-overlay--active': boolean; 'g-dialog-overlay--local': boolean; })[]>; computedBackground: import("vue").ComputedRef; onClick: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly> & Readonly<{ onClick?: ((...args: any[]) => any) | undefined; }>, { activeProxy: import("vue").Ref; styles: import("vue").ComputedRef<{ zIndex: number; }>; classes: import("vue").ComputedRef<(string | { 'g-dialog-overlay--active': boolean; 'g-dialog-overlay--local': boolean; })[]>; computedBackground: import("vue").ComputedRef; onClick: () => void; }, {}, {}, {}, {}> | null>; frameComponent: import("vue").Ref void>; required: true; }; height: { type: (StringConstructor | NumberConstructor)[]; required: true; }; local: { type: BooleanConstructor; required: true; }; maxWidth: { type: (StringConstructor | NumberConstructor)[]; required: true; }; scrollable: { type: BooleanConstructor; required: true; }; transition: { type: StringConstructor; required: true; }; width: { type: (StringConstructor | NumberConstructor)[]; required: true; }; }>> & Readonly<{}>, { frameElement: import("vue").Ref; classes: import("vue").ComputedRef<(string | { 'g-dialog-frame--active': boolean; 'g-dialog-frame--fullscreen': boolean; 'g-dialog-frame--local': boolean; })[]>; styles: import("vue").ComputedRef<{ zIndex: number; }>; animateClick: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, { ariaDescribedby: string; ariaLabel: string; ariaLabelledby: string; }, true, {}, {}, { GDialogContent: import("vue").DefineComponent, { styles: import("vue").ComputedRef<{ maxWidth: string | undefined; width: string | undefined; height: string | undefined; }>; classes: import("vue").ComputedRef<(string | { 'g-dialog-content--scrollable': boolean; 'g-dialog-content--depressed': boolean; 'g-dialog-content--fullscreen': boolean; })[]>; computedBackground: import("vue").ComputedRef; computedBorderRadius: import("vue").ComputedRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly> & Readonly<{}>, { fullscreen: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly void>; required: true; }; height: { type: (StringConstructor | NumberConstructor)[]; required: true; }; local: { type: BooleanConstructor; required: true; }; maxWidth: { type: (StringConstructor | NumberConstructor)[]; required: true; }; scrollable: { type: BooleanConstructor; required: true; }; transition: { type: StringConstructor; required: true; }; width: { type: (StringConstructor | NumberConstructor)[]; required: true; }; }>> & Readonly<{}>, { frameElement: import("vue").Ref; classes: import("vue").ComputedRef<(string | { 'g-dialog-frame--active': boolean; 'g-dialog-frame--fullscreen': boolean; 'g-dialog-frame--local': boolean; })[]>; styles: import("vue").ComputedRef<{ zIndex: number; }>; animateClick: () => void; }, {}, {}, {}, { ariaDescribedby: string; ariaLabel: string; ariaLabelledby: string; }> | null, import("vue").CreateComponentPublicInstanceWithMixins void>; required: true; }; height: { type: (StringConstructor | NumberConstructor)[]; required: true; }; local: { type: BooleanConstructor; required: true; }; maxWidth: { type: (StringConstructor | NumberConstructor)[]; required: true; }; scrollable: { type: BooleanConstructor; required: true; }; transition: { type: StringConstructor; required: true; }; width: { type: (StringConstructor | NumberConstructor)[]; required: true; }; }>> & Readonly<{}>, { frameElement: import("vue").Ref; classes: import("vue").ComputedRef<(string | { 'g-dialog-frame--active': boolean; 'g-dialog-frame--fullscreen': boolean; 'g-dialog-frame--local': boolean; })[]>; styles: import("vue").ComputedRef<{ zIndex: number; }>; animateClick: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, { ariaDescribedby: string; ariaLabel: string; ariaLabelledby: string; }, true, {}, {}, { GDialogContent: import("vue").DefineComponent, { styles: import("vue").ComputedRef<{ maxWidth: string | undefined; width: string | undefined; height: string | undefined; }>; classes: import("vue").ComputedRef<(string | { 'g-dialog-content--scrollable': boolean; 'g-dialog-content--depressed': boolean; 'g-dialog-content--fullscreen': boolean; })[]>; computedBackground: import("vue").ComputedRef; computedBorderRadius: import("vue").ComputedRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly> & Readonly<{}>, { fullscreen: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly void>; required: true; }; height: { type: (StringConstructor | NumberConstructor)[]; required: true; }; local: { type: BooleanConstructor; required: true; }; maxWidth: { type: (StringConstructor | NumberConstructor)[]; required: true; }; scrollable: { type: BooleanConstructor; required: true; }; transition: { type: StringConstructor; required: true; }; width: { type: (StringConstructor | NumberConstructor)[]; required: true; }; }>> & Readonly<{}>, { frameElement: import("vue").Ref; classes: import("vue").ComputedRef<(string | { 'g-dialog-frame--active': boolean; 'g-dialog-frame--fullscreen': boolean; 'g-dialog-frame--local': boolean; })[]>; styles: import("vue").ComputedRef<{ zIndex: number; }>; animateClick: () => void; }, {}, {}, {}, { ariaDescribedby: string; ariaLabel: string; ariaLabelledby: string; }> | null>; activatedOnce: import("vue").Ref; zIndex: import("vue").Ref; isActive: import("vue").Ref; activatorAttrs: { onClick(): void; }; handleFrameKeydown: (event: KeyboardEvent) => void; onClickOutside: () => void; onClose: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { 'update:modelValue': (val: boolean) => true; }, string, import("vue").PublicProps, Readonly; default: undefined; }; /** * enables local mode for the dialog. * dialog is fixed to first "position: relative;" parent */ local: BooleanConstructor; maxWidth: { type: (StringConstructor | NumberConstructor)[]; default: string; }; modelValue: { type: BooleanConstructor; default: undefined; }; noClickAnimation: BooleanConstructor; overlayBackground: { type: (StringConstructor | BooleanConstructor)[]; default: boolean; }; restoreFocus: { type: BooleanConstructor; default: boolean; }; /** * clicking outside content will not close modal */ persistent: BooleanConstructor; scrollable: BooleanConstructor; /** * CSS selector string or an actual DOM node where * where to teleport dialog when it is opened. */ teleportTo: { type: PropType; default: string; }; trapFocus: { type: BooleanConstructor; default: boolean; }; /** * disables teleport. */ disableTeleport: BooleanConstructor; transition: { type: StringConstructor; default: string; }; width: { type: (StringConstructor | NumberConstructor)[]; default: string; }; /** * it true, the dialog will add hash to the url. * and will be closed on browser back button. */ closeOnBack: { type: BooleanConstructor; default: boolean; }; /** * disables internal useCloseOnBack integration. * useful when history/hash sync is managed externally. */ disableUseCloseOnBack: BooleanConstructor; }>> & Readonly<{ "onUpdate:modelValue"?: ((val: boolean) => any) | undefined; }>, { modelValue: boolean; fullscreen: boolean; background: string | boolean; local: boolean; transition: string; borderRadius: string | number | boolean; contentClass: string; depressed: boolean; height: string | number; maxWidth: string | number; scrollable: boolean; width: string | number; ariaDescribedby: string; ariaLabel: string; ariaLabelledby: string; noClickAnimation: boolean; persistent: boolean; disableTeleport: boolean; disableUseCloseOnBack: boolean; initialFocus: string | HTMLElement | SVGElement | null; overlayBackground: string | boolean; restoreFocus: boolean; teleportTo: string | HTMLElement | SVGElement; trapFocus: boolean; closeOnBack: boolean; }, {}, { GDialogOverlay: import("vue").DefineComponent, { activeProxy: import("vue").Ref; styles: import("vue").ComputedRef<{ zIndex: number; }>; classes: import("vue").ComputedRef<(string | { 'g-dialog-overlay--active': boolean; 'g-dialog-overlay--local': boolean; })[]>; computedBackground: import("vue").ComputedRef; onClick: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly> & Readonly<{ onClick?: ((...args: any[]) => any) | undefined; }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; GDialogFrame: import("vue").DefineComponent void>; required: true; }; height: { type: (StringConstructor | NumberConstructor)[]; required: true; }; local: { type: BooleanConstructor; required: true; }; maxWidth: { type: (StringConstructor | NumberConstructor)[]; required: true; }; scrollable: { type: BooleanConstructor; required: true; }; transition: { type: StringConstructor; required: true; }; width: { type: (StringConstructor | NumberConstructor)[]; required: true; }; }>, { frameElement: import("vue").Ref; classes: import("vue").ComputedRef<(string | { 'g-dialog-frame--active': boolean; 'g-dialog-frame--fullscreen': boolean; 'g-dialog-frame--local': boolean; })[]>; styles: import("vue").ComputedRef<{ zIndex: number; }>; animateClick: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly void>; required: true; }; height: { type: (StringConstructor | NumberConstructor)[]; required: true; }; local: { type: BooleanConstructor; required: true; }; maxWidth: { type: (StringConstructor | NumberConstructor)[]; required: true; }; scrollable: { type: BooleanConstructor; required: true; }; transition: { type: StringConstructor; required: true; }; width: { type: (StringConstructor | NumberConstructor)[]; required: true; }; }>> & Readonly<{}>, { ariaDescribedby: string; ariaLabel: string; ariaLabelledby: string; }, {}, { GDialogContent: import("vue").DefineComponent, { styles: import("vue").ComputedRef<{ maxWidth: string | undefined; width: string | undefined; height: string | undefined; }>; classes: import("vue").ComputedRef<(string | { 'g-dialog-content--scrollable': boolean; 'g-dialog-content--depressed': boolean; 'g-dialog-content--fullscreen': boolean; })[]>; computedBackground: import("vue").ComputedRef; computedBorderRadius: import("vue").ComputedRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly> & Readonly<{}>, { fullscreen: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; //# sourceMappingURL=GDialog.vue.d.ts.map