UNPKG

@dialpad/dialtone

Version:

Dialpad's Dialtone design system monorepo

1,377 lines 47.8 kB
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ open: { type: BooleanConstructor; default: null; }; openOnContext: { type: BooleanConstructor; default: boolean; }; padding: { type: StringConstructor; default: string; validator: (padding: unknown) => boolean; }; modal: { type: BooleanConstructor; default: boolean; }; contentWidth: { type: StringConstructor; default: null; }; maxHeight: { type: StringConstructor; default: string; }; maxWidth: { type: StringConstructor; default: string; }; listId: { type: StringConstructor; default(): string; }; navigationType: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; fallbackPlacements: { type: ArrayConstructor; default: () => string[]; }; placement: { type: StringConstructor; default: string; }; onBeginningOfList: { type: FunctionConstructor; default: null; }; onEndOfList: { type: FunctionConstructor; default: null; }; listClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; appendTo: { type: (StringConstructor | { new (): HTMLElement; prototype: HTMLElement; })[]; default: string; validator: (appendTo: unknown) => boolean; }; tether: { type: BooleanConstructor; default: boolean; }; transition: { type: StringConstructor; default: string; }; }>, {}, { LIST_ITEM_NAVIGATION_TYPES: { ARROW_KEYS: string; TAB: string; NONE: string; }; DROPDOWN_PADDING_CLASSES: { none: undefined; small: string; large: string; }; EVENT_KEYNAMES: { esc: string; escape: string; tab: string; enter: string; space: string; spacebar: string; up: string; arrowup: string; left: string; arrowleft: string; right: string; arrowright: string; down: string; arrowdown: string; home: string; end: string; }; openedWithKeyboard: boolean; isOpen: null; }, { dropdownListeners(): { 'update:open': (value: any) => void; opened: (isPopoverOpen: any) => void; keydown: (event: any) => void; }; beginningOfListMethod(): Function; endOfListMethod(): Function; activeItemEl(): any; isArrowKeyNav(): boolean; listClasses(): any[]; shouldOpenWithArrowKeys(): boolean; }, { onMouseHighlight(e: any): void; getListElement(): unknown; clearHighlightIndex(): void; afterHighlight(): void; updateInitialHighlightIndex(isPopoverOpen: any): void; onSpaceKey(): void; onEnterKey(): void; onUpKeyPress(): void; onDownKeyPress(): void; onHomeKeyPress(): void; onEndKeyPress(): void; onKeyPress(e: any): void; }, { mixins: { methods: { scrollElementIntoViewIfNeeded(ref: Element, opt_center: any, opt_behavior: any, opt_parent: any): void; scrollElementIntoView(ref: Element, opt_scrollToTop: any, opt_behavior: any, opt_parent: any): void; scrollIntoViewIfNeeded(ref: any, opt_center: any, opt_behavior: any, opt_parent: any): void; scrollIntoView(ref: any, opt_dir: any, opt_ifNeeded: any, opt_behavior: any, opt_parent: any): void; _setScrollTop(el: any, scrollTop: any, bounds: any, offsetTop: any, offsetBottom: any, opt_isNeeded: any, opt_behavior: any): void; _getElementHeight(el: any): any; _getScrollBounds(el: any): { top: any; bottom: any; }; _inScrollBounds(top: any, bottom: any, bounds: any): boolean; }; }[]; data(): { [x: string]: string | number | boolean; scrollToOnHighlight: boolean; focusOnKeyboardNavigation: boolean; }; provide(): { highlightId: () => any; }; methods: { _getListElement(): any; _itemsLength(): any; _getListItemNodes(): any; onUpKey(): void; onDownKey(): void; onHomeKey(): void; onEndKey(): void; onNavigationKey(key: any): void; isValidLetter(key: any): boolean; jumpToBeginning(): void; jumpToEnd(): void; setHighlightIndex(num: any): void; setHighlightId(id: any): void; _getItemIndex(id: any): number | undefined; _getItemId(index: any): any; scrollActiveItemIntoViewIfNeeded(): void; focusActiveItemIfNeeded(): void; }; }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "highlight")[], "keydown" | "update:open" | "opened" | "highlight", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ open: { type: BooleanConstructor; default: null; }; openOnContext: { type: BooleanConstructor; default: boolean; }; padding: { type: StringConstructor; default: string; validator: (padding: unknown) => boolean; }; modal: { type: BooleanConstructor; default: boolean; }; contentWidth: { type: StringConstructor; default: null; }; maxHeight: { type: StringConstructor; default: string; }; maxWidth: { type: StringConstructor; default: string; }; listId: { type: StringConstructor; default(): string; }; navigationType: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; fallbackPlacements: { type: ArrayConstructor; default: () => string[]; }; placement: { type: StringConstructor; default: string; }; onBeginningOfList: { type: FunctionConstructor; default: null; }; onEndOfList: { type: FunctionConstructor; default: null; }; listClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; appendTo: { type: (StringConstructor | { new (): HTMLElement; prototype: HTMLElement; })[]; default: string; validator: (appendTo: unknown) => boolean; }; tether: { type: BooleanConstructor; default: boolean; }; transition: { type: StringConstructor; default: string; }; }>> & Readonly<{ onKeydown?: ((...args: any[]) => any) | undefined; "onUpdate:open"?: ((...args: any[]) => any) | undefined; onOpened?: ((...args: any[]) => any) | undefined; onHighlight?: ((...args: any[]) => any) | undefined; }>, { open: boolean; maxHeight: string; transition: string; maxWidth: string; navigationType: string; listId: string; onBeginningOfList: Function; onEndOfList: Function; appendTo: string | HTMLElement; placement: string; fallbackPlacements: unknown[]; tether: boolean; openOnContext: boolean; padding: string; contentWidth: string; modal: boolean; listClass: string | unknown[] | Record<string, any>; }, {}, { DtPopover: import('vue').DefineComponent<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; }; }>, {}, { 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")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, 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; }>, { 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; }, {}, { 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>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; export default _default; //# sourceMappingURL=dropdown.vue.d.ts.map