@dialpad/dialtone

declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>; export default _default; type __VLS_WithTemplateSlots<T, S> = T & (new () => { $slots: S; }); declare const __VLS_component: import('vue').DefineComponent<{}, { show: typeof onMouseEnter; hide: typeof onMouseLeave; $emit: (event: "opened", ...args: any[]) => void; $props: { readonly [x: string]: any; }; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, { popover: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{ open: { type: BooleanConstructor; default: null; }; openOnContext: { type: BooleanConstructor; default: boolean; }; elementType: { type: StringConstructor; default: string; }; transition: { type: StringConstructor; default: string; }; role: { type: StringConstructor; default: string; validator: (role: unknown) => boolean; }; ariaLabelledby: { type: StringConstructor; default: null; }; ariaLabel: { type: StringConstructor; default: null; }; padding: { type: StringConstructor; default: string; validator: (padding: unknown) => boolean; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; contentWidth: { type: StringConstructor; default: string; validator: (contentWidth: unknown) => boolean; }; contentAppear: { type: BooleanConstructor; default: null; }; contentTabindex: { type: NumberConstructor; default: number; }; externalAnchor: { type: StringConstructor; default: string; }; externalAnchorElement: { type: { new (): HTMLElement; prototype: HTMLElement; }; default: null; }; id: { type: StringConstructor; default(): string; }; offset: { type: ArrayConstructor; default: () => number[]; }; hideOnClick: { type: BooleanConstructor; default: boolean; }; modal: { type: BooleanConstructor; default: boolean; }; fallbackPlacements: { type: ArrayConstructor; default: () => string[]; }; placement: { type: StringConstructor; default: string; }; tether: { type: BooleanConstructor; default: boolean; }; sticky: { type: (StringConstructor | BooleanConstructor)[]; default: boolean; validator: (sticky: unknown) => boolean; }; maxHeight: { type: StringConstructor; default: string; }; maxWidth: { type: StringConstructor; default: string; }; showCloseButton: { type: BooleanConstructor; default: boolean; }; headerClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; footerClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; dialogClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; initialFocusElement: { type: (StringConstructor | { new (): HTMLElement; prototype: HTMLElement; })[]; default: string; validator: (initialFocusElement: unknown) => any; }; openWithArrowKeys: { type: BooleanConstructor; default: boolean; }; appendTo: { type: (StringConstructor | { new (): HTMLElement; prototype: HTMLElement; })[]; default: string; validator: (appendTo: unknown) => boolean; }; }>> & Readonly<{ onKeydown?: ((...args: any[]) => any) | undefined; "onUpdate:open"?: ((...args: any[]) => any) | undefined; onOpened?: ((...args: any[]) => any) | undefined; "onMouseenter-popover"?: ((...args: any[]) => any) | undefined; "onMouseleave-popover"?: ((...args: any[]) => any) | undefined; "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined; "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined; }>, {}, { POPOVER_PADDING_CLASSES: { none: undefined; small: string; medium: string; large: string; }; POPOVER_HEADER_FOOTER_PADDING_CLASSES: { none: undefined; small: string; medium: string; large: string; }; intersectionObserver: null; mutationObserver: null; isOutsideViewport: boolean; isOpen: boolean; toAppear: boolean; anchorEl: null; popoverContentEl: null; hasSlotContent: typeof import('../../common/utils').hasSlotContent; }, { popoverListeners(): { keydown: (event: any) => void; 'after-leave': () => void; 'after-enter': () => void; }; calculatedMaxHeight(): string; labelledBy(): string | false; }, { hasIntersectedViewport(entries: any): void; updateAnchorEl(): void; popperOptions(): { modifiers: ({ name: string; options: { fallbackPlacements: any[]; boundary: string; altAxis?: undefined; tether?: undefined; }; enabled?: undefined; } | { name: string; enabled: boolean; options?: undefined; } | { name: string; options: { altAxis: boolean; tether: boolean; fallbackPlacements?: undefined; boundary?: undefined; }; enabled?: undefined; })[]; }; validateProps(): void; calculateAnchorZindex(): 300 | 650; defaultToggleOpen(e: any): void; onContext(event: any): Promise<void>; toggleOpen(): void; onArrowKeyPress(e: any): void; addEventListeners(): void; removeEventListeners(): void; closePopover(): void; preventScrolling(): void; enableScrolling(): void; removeReferences(): void; onShow(): Promise<void>; onLeaveTransitionComplete(): Promise<void>; onEnterTransitionComplete(): Promise<void>; focusInitialElement(): void; focusInitialElementById(): void; onResize(): void; onClickOutside(): void; onKeydown(e: any): void; setPopoverContentAnchorWidth(): Promise<void>; focusFirstElementIfNeeded(domEl: any): void; getReferenceClientRect(error: any): any; initTippyInstance(): void; onMouseEnter(): void; onMouseLeave(): void; onMouseEnterAnchor(): void; onMouseLeaveAnchor(): void; }, { methods: { getFirstFocusableElement(el: object): Promise<any>; focusFirstElement(el?: object): Promise<void>; focusElementById(elementId: any): Promise<void>; _getFirstFocusElement(focusableElements: any): any; _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[]; focusTrappedTabPress(e: object, el: object): void; }; }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], import('vue').PublicProps, { id: string; offset: unknown[]; open: boolean; ariaLabel: string; role: string; dialogClass: string | unknown[] | Record<string, any>; maxHeight: string; contentClass: string | unknown[] | Record<string, any>; headerClass: string | unknown[] | Record<string, any>; footerClass: string | unknown[] | Record<string, any>; elementType: string; transition: string; maxWidth: string; appendTo: string | HTMLElement; hideOnClick: boolean; placement: string; sticky: string | boolean; fallbackPlacements: unknown[]; tether: boolean; externalAnchor: string; externalAnchorElement: HTMLElement; showCloseButton: boolean; openOnContext: boolean; ariaLabelledby: string; padding: string; contentWidth: string; contentAppear: boolean; contentTabindex: number; modal: boolean; initialFocusElement: string | HTMLElement; openWithArrowKeys: boolean; }, true, {}, {}, { SrOnlyCloseButton: import('vue').DefineComponent<{}, {}, { i18n: any; }, { closeButtonTitle(): any; }, { close(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<{}> & Readonly<{ onClose?: ((...args: any[]) => any) | undefined; }>, {}, {}, { DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; ariaLabel: { type: StringConstructor; default: undefined; }; }>, {}, {}, { iconSizeClass(): any; ariaHidden(): "true" | "false"; dataQA(): {}; }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; ariaLabel: { type: StringConstructor; default: undefined; }; }>> & Readonly<{ onLoaded?: ((...args: any[]) => any) | undefined; }>, { size: string; ariaLabel: string; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ circle: { type: BooleanConstructor; default: boolean; }; iconPosition: { type: StringConstructor; default: string; validator: (position: unknown) => boolean; }; importance: { type: StringConstructor; default: string; validator: (i: unknown) => boolean; }; link: { type: BooleanConstructor; default: boolean; }; linkKind: { type: StringConstructor; default: string; validator: (lk: unknown) => boolean; }; linkInverted: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; default: boolean; }; type: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; width: { type: StringConstructor; default: null; }; size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; labelClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; loading: { type: BooleanConstructor; default: boolean; }; kind: { type: StringConstructor; default: string; validator: (k: unknown) => boolean; }; assertiveOnFocus: { type: BooleanConstructor; default: boolean; }; active: { type: BooleanConstructor; default: boolean; }; to: { type: (ObjectConstructor | StringConstructor)[]; default: null; }; href: { type: StringConstructor; default: null; }; target: { type: StringConstructor; default: null; }; rel: { type: StringConstructor; default: null; }; replace: { type: BooleanConstructor; default: boolean; }; }>, {}, { ICON_POSITION_MODIFIERS: { left: string; right: string; top: string; bottom: string; }; isInFocus: boolean; hasSlotContent: typeof import('../../common/utils').hasSlotContent; i18n: any; }, { computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>; isNativeButton(): boolean; computedAttrs(): { 'aria-disabled'?: string | undefined; tabindex?: string | undefined; to: string | Record<string, any>; replace: boolean; type?: undefined; disabled?: undefined; } | { 'aria-disabled'?: string | undefined; tabindex?: string | undefined; href: string | null; target: string; rel: string; type?: undefined; disabled?: undefined; } | { type: string; disabled: boolean; }; computedListeners(): { focusin: (e: any) => void; focusout: (e: any) => void; }; computedAriaLive(): unknown; iconSize(): any; loaderSize(): any; }, { resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>; buttonClasses(): any[]; isInvalidPropCombination(circle: any, kind: any, importance: any): boolean; shouldRenderIcon(): any; isIconOnly(): any; isVerticalIconLayout(): boolean; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ circle: { type: BooleanConstructor; default: boolean; }; iconPosition: { type: StringConstructor; default: string; validator: (position: unknown) => boolean; }; importance: { type: StringConstructor; default: string; validator: (i: unknown) => boolean; }; link: { type: BooleanConstructor; default: boolean; }; linkKind: { type: StringConstructor; default: string; validator: (lk: unknown) => boolean; }; linkInverted: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; default: boolean; }; type: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; width: { type: StringConstructor; default: null; }; size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; labelClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; loading: { type: BooleanConstructor; default: boolean; }; kind: { type: StringConstructor; default: string; validator: (k: unknown) => boolean; }; assertiveOnFocus: { type: BooleanConstructor; default: boolean; }; active: { type: BooleanConstructor; default: boolean; }; to: { type: (ObjectConstructor | StringConstructor)[]; default: null; }; href: { type: StringConstructor; default: null; }; target: { type: StringConstructor; default: null; }; rel: { type: StringConstructor; default: null; }; replace: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onFocusin?: ((...args: any[]) => any) | undefined; onFocusout?: ((...args: any[]) => any) | undefined; }>, { link: boolean; disabled: boolean; type: string; target: string; circle: boolean; active: boolean; loading: boolean; size: string; replace: boolean; kind: string; labelClass: string | unknown[] | Record<string, any>; href: string; to: string | Record<string, any>; iconPosition: string; importance: string; linkKind: string; linkInverted: boolean; width: string; assertiveOnFocus: boolean; rel: string; }, {}, { DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ ariaLabel: { type: StringConstructor; default: string; }; size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ ariaLabel: { type: StringConstructor; default: string; }; size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; }>> & Readonly<{}>, { size: string; ariaLabel: string; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; DtLazyShow: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ show: { type: BooleanConstructor; default: boolean; }; transition: { type: StringConstructor; default: null; }; appear: { type: BooleanConstructor; default: boolean; }; }>, {}, { initialized: boolean; }, { isCSSEnabled(): boolean; }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ show: { type: BooleanConstructor; default: boolean; }; transition: { type: StringConstructor; default: null; }; appear: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{}>, { show: boolean; appear: boolean; transition: string; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; PopoverHeaderFooter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ type: { type: StringConstructor; validator: (value: unknown) => boolean; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; showCloseButton: { type: BooleanConstructor; default: boolean; }; }>, {}, { hasSlotContent: typeof import('../../common/utils').hasSlotContent; i18n: any; }, { closeButtonTitle(): any; }, { focusCloseButton(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ type: { type: StringConstructor; validator: (value: unknown) => boolean; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; showCloseButton: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onClose?: ((...args: any[]) => any) | undefined; }>, { contentClass: string | unknown[] | Record<string, any>; showCloseButton: boolean; }, {}, { DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ circle: { type: BooleanConstructor; default: boolean; }; iconPosition: { type: StringConstructor; default: string; validator: (position: unknown) => boolean; }; importance: { type: StringConstructor; default: string; validator: (i: unknown) => boolean; }; link: { type: BooleanConstructor; default: boolean; }; linkKind: { type: StringConstructor; default: string; validator: (lk: unknown) => boolean; }; linkInverted: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; default: boolean; }; type: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; width: { type: StringConstructor; default: null; }; size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; labelClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; loading: { type: BooleanConstructor; default: boolean; }; kind: { type: StringConstructor; default: string; validator: (k: unknown) => boolean; }; assertiveOnFocus: { type: BooleanConstructor; default: boolean; }; active: { type: BooleanConstructor; default: boolean; }; to: { type: (ObjectConstructor | StringConstructor)[]; default: null; }; href: { type: StringConstructor; default: null; }; target: { type: StringConstructor; default: null; }; rel: { type: StringConstructor; default: null; }; replace: { type: BooleanConstructor; default: boolean; }; }>, {}, { ICON_POSITION_MODIFIERS: { left: string; right: string; top: string; bottom: string; }; isInFocus: boolean; hasSlotContent: typeof import('../../common/utils').hasSlotContent; i18n: any; }, { computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>; isNativeButton(): boolean; computedAttrs(): { 'aria-disabled'?: string | undefined; tabindex?: string | undefined; to: string | Record<string, any>; replace: boolean; type?: undefined; disabled?: undefined; } | { 'aria-disabled'?: string | undefined; tabindex?: string | undefined; href: string | null; target: string; rel: string; type?: undefined; disabled?: undefined; } | { type: string; disabled: boolean; }; computedListeners(): { focusin: (e: any) => void; focusout: (e: any) => void; }; computedAriaLive(): unknown; iconSize(): any; loaderSize(): any; }, { resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>; buttonClasses(): any[]; isInvalidPropCombination(circle: any, kind: any, importance: any): boolean; shouldRenderIcon(): any; isIconOnly(): any; isVerticalIconLayout(): boolean; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ circle: { type: BooleanConstructor; default: boolean; }; iconPosition: { type: StringConstructor; default: string; validator: (position: unknown) => boolean; }; importance: { type: StringConstructor; default: string; validator: (i: unknown) => boolean; }; link: { type: BooleanConstructor; default: boolean; }; linkKind: { type: StringConstructor; default: string; validator: (lk: unknown) => boolean; }; linkInverted: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; default: boolean; }; type: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; width: { type: StringConstructor; default: null; }; size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; labelClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; loading: { type: BooleanConstructor; default: boolean; }; kind: { type: StringConstructor; default: string; validator: (k: unknown) => boolean; }; assertiveOnFocus: { type: BooleanConstructor; default: boolean; }; active: { type: BooleanConstructor; default: boolean; }; to: { type: (ObjectConstructor | StringConstructor)[]; default: null; }; href: { type: StringConstructor; default: null; }; target: { type: StringConstructor; default: null; }; rel: { type: StringConstructor; default: null; }; replace: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onFocusin?: ((...args: any[]) => any) | undefined; onFocusout?: ((...args: any[]) => any) | undefined; }>, { link: boolean; disabled: boolean; type: string; target: string; circle: boolean; active: boolean; loading: boolean; size: string; replace: boolean; kind: string; labelClass: string | unknown[] | Record<string, any>; href: string; to: string | Record<string, any>; iconPosition: string; importance: string; linkKind: string; linkInverted: boolean; width: string; assertiveOnFocus: boolean; rel: string; }, {}, { DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ ariaLabel: { type: StringConstructor; default: string; }; size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ ariaLabel: { type: StringConstructor; default: string; }; size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; }>> & Readonly<{}>, { size: string; ariaLabel: string; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; ariaLabel: { type: StringConstructor; default: undefined; }; }>, {}, {}, { iconSizeClass(): any; ariaHidden(): "true" | "false"; dataQA(): {}; }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; ariaLabel: { type: StringConstructor; default: undefined; }; }>> & Readonly<{ onLoaded?: ((...args: any[]) => any) | undefined; }>, { size: string; ariaLabel: string; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: import('vue').ComputedOptions; M: { getFirstFocusableElement(el: object): Promise<any>; focusFirstElement(el?: object): Promise<void>; focusElementById(elementId: any): Promise<void>; _getFirstFocusElement(focusableElements: any): any; _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[]; focusTrappedTabPress(e: object, el: object): void; }; Defaults: {}; } & { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import('vue').ExtractPropTypes<{ open: { type: BooleanConstructor; default: null; }; openOnContext: { type: BooleanConstructor; default: boolean; }; elementType: { type: StringConstructor; default: string; }; transition: { type: StringConstructor; default: string; }; role: { type: StringConstructor; default: string; validator: (role: unknown) => boolean; }; ariaLabelledby: { type: StringConstructor; default: null; }; ariaLabel: { type: StringConstructor; default: null; }; padding: { type: StringConstructor; default: string; validator: (padding: unknown) => boolean; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; contentWidth: { type: StringConstructor; default: string; validator: (contentWidth: unknown) => boolean; }; contentAppear: { type: BooleanConstructor; default: null; }; contentTabindex: { type: NumberConstructor; default: number; }; externalAnchor: { type: StringConstructor; default: string; }; externalAnchorElement: { type: { new (): HTMLElement; prototype: HTMLElement; }; default: null; }; id: { type: StringConstructor; default(): string; }; offset: { type: ArrayConstructor; default: () => number[]; }; hideOnClick: { type: BooleanConstructor; default: boolean; }; modal: { type: BooleanConstructor; default: boolean; }; fallbackPlacements: { type: ArrayConstructor; default: () => string[]; }; placement: { type: StringConstructor; default: string; }; tether: { type: BooleanConstructor; default: boolean; }; sticky: { type: (StringConstructor | BooleanConstructor)[]; default: boolean; validator: (sticky: unknown) => boolean; }; maxHeight: { type: StringConstructor; default: string; }; maxWidth: { type: StringConstructor; default: string; }; showCloseButton: { type: BooleanConstructor; default: boolean; }; headerClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; footerClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; dialogClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; initialFocusElement: { type: (StringConstructor | { new (): HTMLElement; prototype: HTMLElement; })[]; default: string; validator: (initialFocusElement: unknown) => any; }; openWithArrowKeys: { type: BooleanConstructor; default: boolean; }; appendTo: { type: (StringConstructor | { new (): HTMLElement; prototype: HTMLElement; })[]; default: string; validator: (appendTo: unknown) => boolean; }; }>> & Readonly<{ onKeydown?: ((...args: any[]) => any) | undefined; "onUpdate:open"?: ((...args: any[]) => any) | undefined; onOpened?: ((...args: any[]) => any) | undefined; "onMouseenter-popover"?: ((...args: any[]) => any) | undefined; "onMouseleave-popover"?: ((...args: any[]) => any) | undefined; "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined; "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined; }>, {}, { POPOVER_PADDING_CLASSES: { none: undefined; small: string; medium: string; large: string; }; POPOVER_HEADER_FOOTER_PADDING_CLASSES: { none: undefined; small: string; medium: string; large: string; }; intersectionObserver: null; mutationObserver: null; isOutsideViewport: boolean; isOpen: boolean; toAppear: boolean; anchorEl: null; popoverContentEl: null; hasSlotContent: typeof import('../../common/utils').hasSlotContent; }, import('vue').ComputedOptions & { popoverListeners(): { keydown: (event: any) => void; 'after-leave': () => void; 'after-enter': () => void; }; calculatedMaxHeight(): string; labelledBy(): string | false; }, { getFirstFocusableElement(el: object): Promise<any>; focusFirstElement(el?: object): Promise<void>; focusElementById(elementId: any): Promise<void>; _getFirstFocusElement(focusableElements: any): any; _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[]; focusTrappedTabPress(e: object, el: object): void; } & { hasIntersectedViewport(entries: any): void; updateAnchorEl(): void; popperOptions(): { modifiers: ({ name: string; options: { fallbackPlacements: any[]; boundary: string; altAxis?: undefined; tether?: undefined; }; enabled?: undefined; } | { name: string; enabled: boolean; options?: undefined; } | { name: string; options: { altAxis: boolean; tether: boolean; fallbackPlacements?: undefined; boundary?: undefined; }; enabled?: undefined; })[]; }; validateProps(): void; calculateAnchorZindex(): 300 | 650; defaultToggleOpen(e: any): void; onContext(event: any): Promise<void>; toggleOpen(): void; onArrowKeyPress(e: any): void; addEventListeners(): void; removeEventListeners(): void; closePopover(): void; preventScrolling(): void; enableScrolling(): void; removeReferences(): void; onShow(): Promise<void>; onLeaveTransitionComplete(): Promise<void>; onEnterTransitionComplete(): Promise<void>; focusInitialElement(): void; focusInitialElementById(): void; onResize(): void; onClickOutside(): void; onKeydown(e: any): void; setPopoverContentAnchorWidth(): Promise<void>; focusFirstElementIfNeeded(domEl: any): void; getReferenceClientRect(error: any): any; initTippyInstance(): void; onMouseEnter(): void; onMouseLeave(): void; onMouseEnterAnchor(): void; onMouseLeaveAnchor(): void; }, { id: string; offset: unknown[]; open: boolean; ariaLabel: string; role: string; dialogClass: string | unknown[] | Record<string, any>; maxHeight: string; contentClass: string | unknown[] | Record<string, any>; headerClass: string | unknown[] | Record<string, any>; footerClass: string | unknown[] | Record<string, any>; elementType: string; transition: string; maxWidth: string; appendTo: string | HTMLElement; hideOnClick: boolean; placement: string; sticky: string | boolean; fallbackPlacements: unknown[]; tether: boolean; externalAnchor: string; externalAnchorElement: HTMLElement; showCloseButton: boolean; openOnContext: boolean; ariaLabelledby: string; padding: string; contentWidth: string; contentAppear: boolean; contentTabindex: number; modal: boolean; initialFocusElement: string | HTMLElement; openWithArrowKeys: boolean; }> | null; }, any>; type __VLS_TemplateResult = { attrs: Partial<{}>; slots: { anchor?(_: any): any; content?(_: {}): any; headerContent?(_: {}): any; footerContent?(_: {}): any; }; refs: { popover: CreateComponentPublicInstanceWithMixins<ToResolvedProps<ExtractPropTypes<{ open: { type: BooleanConstructor; default: null; }; openOnContext: { type: BooleanConstructor; default: boolean; }; elementType: { type: StringConstructor; default: string; }; transition: { type: StringConstructor; default: string; }; role: { type: StringConstructor; default: string; validator: (role: unknown) => boolean; }; ariaLabelledby: { type: StringConstructor; default: null; }; ariaLabel: { type: StringConstructor; default: null; }; padding: { type: StringConstructor; default: string; validator: (padding: unknown) => boolean; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; contentWidth: { type: StringConstructor; default: string; validator: (contentWidth: unknown) => boolean; }; contentAppear: { type: BooleanConstructor; default: null; }; contentTabindex: { type: NumberConstructor; default: number; }; externalAnchor: { type: StringConstructor; default: string; }; externalAnchorElement: { type: { new (): HTMLElement; prototype: HTMLElement; }; default: null; }; id: { type: StringConstructor; default(): string; }; offset: { type: ArrayConstructor; default: () => number[]; }; hideOnClick: { type: BooleanConstructor; default: boolean; }; modal: { type: BooleanConstructor; default: boolean; }; fallbackPlacements: { type: ArrayConstructor; default: () => string[]; }; placement: { type: StringConstructor; default: string; }; tether: { type: BooleanConstructor; default: boolean; }; sticky: { type: (StringConstructor | BooleanConstructor)[]; default: boolean; validator: (sticky: unknown) => boolean; }; maxHeight: { type: StringConstructor; default: string; }; maxWidth: { type: StringConstructor; default: string; }; showCloseButton: { type: BooleanConstructor; default: boolean; }; headerClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: stri