@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
4,103 lines • 158 kB
TypeScript
import { hasSlotContent } from '../../common/utils';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
label: {
type: StringConstructor;
required: true;
};
labelVisible: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: StringConstructor;
default: null;
validator: (t: unknown) => boolean;
};
description: {
type: StringConstructor;
default: string;
};
showList: {
type: BooleanConstructor;
default: null;
};
listId: {
type: StringConstructor;
default(): string;
};
listClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
dialogClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
onBeginningOfList: {
type: FunctionConstructor;
default: null;
};
onEndOfList: {
type: FunctionConstructor;
default: null;
};
maxHeight: {
type: StringConstructor;
default: string;
};
maxWidth: {
type: StringConstructor;
default: string;
};
padding: {
type: StringConstructor;
default: string;
validator: (padding: unknown) => boolean;
};
contentWidth: {
type: StringConstructor;
default: null;
validator: (contentWidth: unknown) => boolean;
};
openWithArrowKeys: {
type: BooleanConstructor;
default: boolean;
};
popoverOffset: {
type: ArrayConstructor;
default: () => number[];
};
popoverSticky: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
hasSuggestionList: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
emptyList: {
type: BooleanConstructor;
default: boolean;
};
emptyStateMessage: {
type: StringConstructor;
default: string;
};
appendTo: {
type: ({
new (): HTMLElement;
prototype: HTMLElement;
} | ObjectConstructor | StringConstructor)[];
default: string;
validator: (appendTo: unknown) => boolean;
};
transition: {
type: StringConstructor;
default: string;
};
}>, {}, {
DROPDOWN_PADDING_CLASSES: {
none: undefined;
small: string;
large: string;
};
isListShown: boolean;
isInputFocused: boolean;
isListFocused: boolean;
externalAnchor: string;
hasSlotContent: typeof hasSlotContent;
}, {
comboboxListeners(): {
onSelect: ((...args: any[]) => any) & ((highlightIndex: any) => void);
onEscape: ((...args: any[]) => any) & (() => void);
onHighlight: ((...args: any[]) => any) & ((highlightIndex: any) => void);
class?: import('vue').ClassValue;
style?: import('vue').StyleValue;
};
}, {
handleDisplayList(value: any): void;
showComboboxList(): void;
closeComboboxList(): void;
onSelect(highlightIndex: any): void;
onEscape(): void;
onHighlight(highlightIndex: any): void;
onOpened(opened: any): void;
onFocusIn(e: any): void;
onFocusOut(e: any): void;
openOnArrowKeyPress(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select" | "opened" | "escape" | "highlight")[], "select" | "opened" | "escape" | "highlight", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
label: {
type: StringConstructor;
required: true;
};
labelVisible: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: StringConstructor;
default: null;
validator: (t: unknown) => boolean;
};
description: {
type: StringConstructor;
default: string;
};
showList: {
type: BooleanConstructor;
default: null;
};
listId: {
type: StringConstructor;
default(): string;
};
listClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
dialogClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
onBeginningOfList: {
type: FunctionConstructor;
default: null;
};
onEndOfList: {
type: FunctionConstructor;
default: null;
};
maxHeight: {
type: StringConstructor;
default: string;
};
maxWidth: {
type: StringConstructor;
default: string;
};
padding: {
type: StringConstructor;
default: string;
validator: (padding: unknown) => boolean;
};
contentWidth: {
type: StringConstructor;
default: null;
validator: (contentWidth: unknown) => boolean;
};
openWithArrowKeys: {
type: BooleanConstructor;
default: boolean;
};
popoverOffset: {
type: ArrayConstructor;
default: () => number[];
};
popoverSticky: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
hasSuggestionList: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
emptyList: {
type: BooleanConstructor;
default: boolean;
};
emptyStateMessage: {
type: StringConstructor;
default: string;
};
appendTo: {
type: ({
new (): HTMLElement;
prototype: HTMLElement;
} | ObjectConstructor | StringConstructor)[];
default: string;
validator: (appendTo: unknown) => boolean;
};
transition: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{
onSelect?: ((...args: any[]) => any) | undefined;
onOpened?: ((...args: any[]) => any) | undefined;
onEscape?: ((...args: any[]) => any) | undefined;
onHighlight?: ((...args: any[]) => any) | undefined;
}>, {
loading: boolean;
size: string;
description: string;
dialogClass: string | unknown[] | Record<string, any>;
maxHeight: string;
transition: string;
maxWidth: string;
labelVisible: boolean;
listId: string;
onBeginningOfList: Function;
onEndOfList: Function;
showList: boolean;
emptyList: boolean;
emptyStateMessage: string;
appendTo: string | HTMLElement | Record<string, any>;
padding: string;
contentWidth: string;
openWithArrowKeys: boolean;
listClass: string | unknown[] | Record<string, any>;
popoverOffset: unknown[];
popoverSticky: string | boolean;
hasSuggestionList: boolean;
}, {}, {
DtCombobox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
label: {
type: StringConstructor;
required: true;
};
labelVisible: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: StringConstructor;
default: null;
validator: (t: unknown) => boolean;
};
description: {
type: StringConstructor;
default: string;
};
listId: {
type: StringConstructor;
default(): string;
};
onBeginningOfList: {
type: FunctionConstructor;
default: null;
};
onEndOfList: {
type: FunctionConstructor;
default: null;
};
showList: {
type: BooleanConstructor;
default: boolean;
};
listRenderedOutside: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
emptyList: {
type: BooleanConstructor;
default: boolean;
};
emptyStateMessage: {
type: StringConstructor;
default: string;
};
emptyStateClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
clickOnSelect: {
type: BooleanConstructor;
default: boolean;
};
}>, {}, {
outsideRenderedListRef: null;
hasSlotContent: typeof hasSlotContent;
}, {
inputProps(): {
label: string;
labelVisible: boolean;
size: string;
description: string;
role: string;
'aria-label': string;
'aria-expanded': string;
'aria-owns': string;
'aria-haspopup': string;
'aria-activedescendant': undefined;
'aria-controls': string;
};
listProps(): {
role: string;
id: string;
class: string;
'aria-label': string;
};
beginningOfListMethod(): Function;
endOfListMethod(): Function;
activeItemId(): undefined;
activeItemEl(): any;
}, {
onMouseHighlight(e: any): void;
getListElement(): any;
clearHighlightIndex(): void;
afterHighlight(): void;
onEnterKey(): void;
onEscapeKey(): void;
onOpen(open: any, contentRef: any): void;
onKeyValidation(e: any, eventHandler: any): void;
setInitialHighlightIndex(): void;
validateEmptyListProps(): 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, ("select" | "opened" | "escape" | "highlight")[], "select" | "opened" | "escape" | "highlight", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
label: {
type: StringConstructor;
required: true;
};
labelVisible: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: StringConstructor;
default: null;
validator: (t: unknown) => boolean;
};
description: {
type: StringConstructor;
default: string;
};
listId: {
type: StringConstructor;
default(): string;
};
onBeginningOfList: {
type: FunctionConstructor;
default: null;
};
onEndOfList: {
type: FunctionConstructor;
default: null;
};
showList: {
type: BooleanConstructor;
default: boolean;
};
listRenderedOutside: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
emptyList: {
type: BooleanConstructor;
default: boolean;
};
emptyStateMessage: {
type: StringConstructor;
default: string;
};
emptyStateClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
clickOnSelect: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onSelect?: ((...args: any[]) => any) | undefined;
onOpened?: ((...args: any[]) => any) | undefined;
onEscape?: ((...args: any[]) => any) | undefined;
onHighlight?: ((...args: any[]) => any) | undefined;
}>, {
loading: boolean;
size: string;
description: string;
labelVisible: boolean;
listId: string;
onBeginningOfList: Function;
onEndOfList: Function;
showList: boolean;
listRenderedOutside: boolean;
emptyList: boolean;
emptyStateMessage: string;
emptyStateClass: string | unknown[] | Record<string, any>;
clickOnSelect: boolean;
}, {}, {
ComboboxLoadingList: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
DtListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
role: {
type: StringConstructor;
default: string;
validator: (role: unknown) => boolean;
};
elementType: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
navigationType: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
wrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {
injected: boolean;
mouseHighlighted: boolean;
}, {
isDefaultType(): boolean;
listItemListeners(): {
keydown: (event: any) => void;
mousemove: (event: any) => void;
mouseleave: (event: any) => void;
};
isHighlighted(): boolean;
isFocusable(): boolean;
isHoverable(): boolean;
}, {
onClick(e: any): void;
onMouseHover(): void;
onMouseLeave(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
role: {
type: StringConstructor;
default: string;
validator: (role: unknown) => boolean;
};
elementType: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
navigationType: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
wrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{
onKeydown?: ((...args: any[]) => any) | undefined;
onMouseleave?: ((...args: any[]) => any) | undefined;
onMousemove?: ((...args: any[]) => any) | undefined;
}>, {
id: string;
type: string;
role: string;
selected: boolean;
elementType: string;
navigationType: string;
wrapperClass: string | unknown[] | Record<string, any>;
}, {}, {
DtItemLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
as: {
type: StringConstructor;
default: string;
};
unstyled: {
type: BooleanConstructor;
default: boolean;
};
leftClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
titleClass: {
type: StringConstructor;
default: string;
};
subtitleClass: {
type: StringConstructor;
default: string;
};
bottomClass: {
type: StringConstructor;
default: string;
};
rightClass: {
type: StringConstructor;
default: string;
};
selectedClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {}, {
dynamicGridTemplateColumns(): string;
hasSlotContent: typeof hasSlotContent;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
as: {
type: StringConstructor;
default: string;
};
unstyled: {
type: BooleanConstructor;
default: boolean;
};
leftClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
titleClass: {
type: StringConstructor;
default: string;
};
subtitleClass: {
type: StringConstructor;
default: string;
};
bottomClass: {
type: StringConstructor;
default: string;
};
rightClass: {
type: StringConstructor;
default: string;
};
selectedClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
unstyled: boolean;
contentClass: string;
as: string;
leftClass: string;
titleClass: string;
subtitleClass: string;
bottomClass: string;
rightClass: string;
selectedClass: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtIconCheck: 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>;
DtSkeleton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
paragraphOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
listItemOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
textOption: {
type: ObjectConstructor;
default: null;
};
shapeOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
ariaLabel: {
type: StringConstructor;
default: string;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
}>, {}, {}, {
validationOptions(): {
paragraphOption: boolean | Record<string, any>;
listItemOption: boolean | Record<string, any>;
textOption: Record<string, any>;
shapeOption: boolean | Record<string, any>;
};
}, {
validator(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
paragraphOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
listItemOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
textOption: {
type: ObjectConstructor;
default: null;
};
shapeOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
ariaLabel: {
type: StringConstructor;
default: string;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
ariaLabel: string;
animate: boolean;
paragraphOption: boolean | Record<string, any>;
listItemOption: boolean | Record<string, any>;
textOption: Record<string, any>;
shapeOption: boolean | Record<string, any>;
}, {}, {
DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>, {}, {
SKELETON_HEADING_HEIGHTS: {
sm: string;
md: string;
lg: string;
};
}, {}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
type: string;
offset: number;
animationDuration: number;
width: string;
contentClass: string;
animate: boolean;
headingHeight: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {
SKELETON_SHAPES: {
circle: string;
square: string;
};
}, {
shapeStyles(): {
'min-width': any;
'max-width': any;
'min-height': any;
'max-height': any;
animationDelay: string;
animationDuration: any;
};
}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
size: string;
contentClass: string | unknown[] | Record<string, any>;
shape: string;
animate: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtSkeletonListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
shapeSize: {
type: StringConstructor;
default: string;
};
paragraphs: {
type: ObjectConstructor;
default: () => {
rows: number;
randomWidth: boolean;
};
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
shapeClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
shapeSize: {
type: StringConstructor;
default: string;
};
paragraphs: {
type: ObjectConstructor;
default: () => {
rows: number;
randomWidth: boolean;
};
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
shapeClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
contentClass: string;
shape: string;
animate: boolean;
shapeSize: string;
paragraphs: Record<string, any>;
shapeClass: string;
}, {}, {
DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {
SKELETON_SHAPES: {
circle: string;
square: string;
};
}, {
shapeStyles(): {
'min-width': any;
'max-width': any;
'min-height': any;
'max-height': any;
animationDelay: string;
animationDuration: any;
};
}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
size: string;
contentClass: string | unknown[] | Record<string, any>;
shape: string;
animate: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
maxWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
width: {
type: (StringConstructor | ArrayConstructor)[];
default: null;
};
randomWidth: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
rowClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {
integerRows(): number;
}, {
randomWidthPercentage(): string;
getSizeParagraphRow(row: any): {};
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
maxWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
width: {
type: (StringConstructor | ArrayConstructor)[];
default: null;
};
randomWidth: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
rowClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
width: string | unknown[];
contentClass: string;
maxWidth: string | number;
animate: boolean;
rows: string | number;
minWidth: string | number;
randomWidth: boolean;
rowClass: string;
}, {}, {
DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>, {}, {
SKELETON_HEADING_HEIGHTS: {
sm: string;
md: string;
lg: string;
};
}, {}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
type: string;
offset: number;
animationDuration: number;
width: string;
contentClass: string;
animate: boolean;
headingHeight: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
maxWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
width: {
type: (StringConstructor | ArrayConstructor)[];
default: null;
};
randomWidth: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
rowClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {
integerRows(): number;
}, {
randomWidthPercentage(): string;
getSizeParagraphRow(row: any): {};
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
maxWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
width: {
type: (StringConstructor | ArrayConstructor)[];
default: null;
};
randomWidth: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
rowClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
width: string | unknown[];
contentClass: string;
maxWidth: string | number;
animate: boolean;
rows: string | number;
minWidth: string | number;
randomWidth: boolean;
rowClass: string;
}, {}, {
DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>, {}, {
SKELETON_HEADING_HEIGHTS: {
sm: string;
md: string;
lg: string;
};
}, {}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
type: string;
offset: number;
animationDuration: number;
width: string;
contentClass: string;
animate: boolean;
headingHeight: 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>;
ComboboxEmptyList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
message: {
type: StringConstructor;
required: true;
};
itemClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
message: {
type: StringConstructor;
required: true;
};
itemClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{}>, {
itemClass: string | unknown[] | Record<string, any>;
}, {}, {
DtListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
role: {
type: StringConstructor;
default: string;
validator: (role: unknown) => boolean;
};
elementType: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
navigationType: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
wrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {
injected: boolean;
mouseHighlighted: boolean;
}, {
isDefaultType(): boolean;
listItemListeners(): {
keydown: (event: any) => void;
mousemove: (event: any) => void;
mouseleave: (event: any) => void;
};
isHighlighted(): boolean;
isFocusable(): boolean;
isHoverable(): boolean;
}, {
onClick(e: any): void;
onMouseHover(): void;
onMouseLeave(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
role: {
type: StringConstructor;
default: string;
validator: (role: unknown) => boolean;
};
elementType: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
navigationType: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
wrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{
onKeydown?: ((...args: any[]) => any) | undefined;
onMouseleave?: ((...args: any[]) => any) | undefined;
onMousemove?: ((...args: any[]) => any) | undefined;
}>, {
id: string;
type: string;
role: string;
selected: boolean;
elementType: string;
navigationType: string;
wrapperClass: string | unknown[] | Record<string, any>;
}, {}, {
DtItemLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
as: {
type: StringConstructor;
default: string;
};
unstyled: {
type: BooleanConstructor;
default: boolean;
};
leftClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
titleClass: {
type: StringConstructor;
default: string;
};
subtitleClass: {
type: StringConstructor;
default: string;
};
bottomClass: {
type: StringConstructor;
default: string;
};
rightClass: {
type: StringConstructor;
default: string;
};
selectedClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {}, {
dynamicGridTemplateColumns(): string;
hasSlotContent: typeof hasSlotContent;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
as: {
type: StringConstructor;
default: string;
};
unstyled: {
type: BooleanConstructor;
default: boolean;
};
leftClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
titleClass: {
type: StringConstructor;
default: string;
};
subtitleClass: {
type: StringConstructor;
default: string;
};
bottomClass: {
type: StringConstructor;
default: string;
};
rightClass: {
type: StringConstructor;
default: string;
};
selectedClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
unstyled: boolean;
contentClass: string;
as: string;
leftClass: string;
titleClass: string;
subtitleClass: string;
bottomClass: string;
rightClass: string;
selectedClass: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtIconCheck: 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>;
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;
} | ObjectConstructor;
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[];
};
boundary: {
type: ({
new (): HTMLElement;
prototype: HTMLElement;
} | ObjectConstructor | StringConstructor)[];
default: string;
validator: (boundary: unknown) => boolean;
};
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: ({
new (): HTMLElement;
prototype: HTMLElement;
} | ObjectConstructor | StringConstructor)[];
default: string;
validator: (initialFocusElement: unknown) => any;
};
openWithArrowKeys: {
type: BooleanConstructor;
default: boolean;
};
appendTo: {
type: ({
new (): HTMLElement;
prototype: HTMLElement;
} | ObjectConstructor | StringConstructor)[];
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 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;
boundary: string;
fallbackPlacements?: 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;
} | ObjectConstructor;
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[];
};
boundary: {
type: ({
new (): HTMLElement;
prototype: HTMLElement;
} | ObjectConstructor | StringConstructor)[];
default: string;
validator: (boundary: unknown) => boolean;
};
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: ({
new (): HTMLElement;
prototype: HTMLElement;
} | ObjectConstructor | StringConstructor)[];
default: string;
validator: (initialFocusElement: unknown) => any;
};
openWithArrowKeys: {
type: BooleanConstructor;
default: boolean;
};
appendTo: {
type: ({
new (): HTMLElement;
prototype: HTMLElement;
} | ObjectConstructor | StringConstructor)[];
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 | Record<string, any>;
hideOnClick: boolean;
placement: string;
sticky: string | boolean;
boundary: string | HTMLElement | Record<string, any>;
fallbackPlacements: unknown[];
tether: boolean;
externalAnchor: string;
externalAnchorElement: any;
showCloseButton: boolean;
openOnContext: boolean;
ariaLabelledby: string;
padding: string;
contentWidth: string;
contentAppear: boolean;
contentTabindex: number;
modal: boolean;
initialFocusElement: string | HTMLElement | Record<string, any>;
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 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 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 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>;
ComboboxLoadingList: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
DtListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
role: {
type: StringConstructor;
default: string;
validator: (role: unknown) => boolean;
};
elementType: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
navigationType: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
wrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {
injected: boolean;
mouseHighlighted: boolean;
}, {
isDefaultType(): boolean;
listItemListeners(): {
keydown: (event: any) => void;
mousemove: (event: any) => void;
mouseleave: (event: any) => void;
};
isHighlighted(): boolean;
isFocusable(): boolean;
isHoverable(): boolean;
}, {
onClick(e: any): void;
onMouseHover(): void;
onMouseLeave(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
role: {
type: StringConstructor;
default: string;
validator: (role: unknown) => boolean;
};
elementType: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
navigationType: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
wrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{
onKeydown?: ((...args: any[]) => any) | undefined;
onMouseleave?: ((...args: any[]) => any) | undefined;
onMousemove?: ((...args: any[]) => any) | undefined;
}>, {
id: string;
type: string;
role: string;
selected: boolean;
elementType: string;
navigationType: string;
wrapperClass: string | unknown[] | Record<string, any>;
}, {}, {
DtItemLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
as: {
type: StringConstructor;
default: string;
};
unstyled: {
type: BooleanConstructor;
default: boolean;
};
leftClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
titleClass: {
type: StringConstructor;
default: string;
};
subtitleClass: {
type: StringConstructor;
default: string;
};
bottomClass: {
type: StringConstructor;
default: string;
};
rightClass: {
type: StringConstructor;
default: string;
};
selectedClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {}, {
dynamicGridTemplateColumns(): string;
hasSlotContent: typeof hasSlotContent;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
as: {
type: StringConstructor;
default: string;
};
unstyled: {
type: BooleanConstructor;
default: boolean;
};
leftClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
titleClass: {
type: StringConstructor;
default: string;
};
subtitleClass: {
type: StringConstructor;
default: string;
};
bottomClass: {
type: StringConstructor;
default: string;
};
rightClass: {
type: StringConstructor;
default: string;
};
selectedClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
unstyled: boolean;
contentClass: string;
as: string;
leftClass: string;
titleClass: string;
subtitleClass: string;
bottomClass: string;
rightClass: string;
selectedClass: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtIconCheck: 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>;
DtSkeleton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
paragraphOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
listItemOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
textOption: {
type: ObjectConstructor;
default: null;
};
shapeOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
ariaLabel: {
type: StringConstructor;
default: string;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
}>, {}, {}, {
validationOptions(): {
paragraphOption: boolean | Record<string, any>;
listItemOption: boolean | Record<string, any>;
textOption: Record<string, any>;
shapeOption: boolean | Record<string, any>;
};
}, {
validator(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
paragraphOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
listItemOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
textOption: {
type: ObjectConstructor;
default: null;
};
shapeOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
ariaLabel: {
type: StringConstructor;
default: string;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
ariaLabel: string;
animate: boolean;
paragraphOption: boolean | Record<string, any>;
listItemOption: boolean | Record<string, any>;
textOption: Record<string, any>;
shapeOption: boolean | Record<string, any>;
}, {}, {
DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>, {}, {
SKELETON_HEADING_HEIGHTS: {
sm: string;
md: string;
lg: string;
};
}, {}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
type: string;
offset: number;
animationDuration: number;
width: string;
contentClass: string;
animate: boolean;
headingHeight: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {
SKELETON_SHAPES: {
circle: string;
square: string;
};
}, {
shapeStyles(): {
'min-width': any;
'max-width': any;
'min-height': any;
'max-height': any;
animationDelay: string;
animationDuration: any;
};
}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
size: string;
contentClass: string | unknown[] | Record<string, any>;
shape: string;
animate: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtSkeletonListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
shapeSize: {
type: StringConstructor;
default: string;
};
paragraphs: {
type: ObjectConstructor;
default: () => {
rows: number;
randomWidth: boolean;
};
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
shapeClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
shapeSize: {
type: StringConstructor;
default: string;
};
paragraphs: {
type: ObjectConstructor;
default: () => {
rows: number;
randomWidth: boolean;
};
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
shapeClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
contentClass: string;
shape: string;
animate: boolean;
shapeSize: string;
paragraphs: Record<string, any>;
shapeClass: string;
}, {}, {
DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {
SKELETON_SHAPES: {
circle: string;
square: string;
};
}, {
shapeStyles(): {
'min-width': any;
'max-width': any;
'min-height': any;
'max-height': any;
animationDelay: string;
animationDuration: any;
};
}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
size: string;
contentClass: string | unknown[] | Record<string, any>;
shape: string;
animate: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
maxWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
width: {
type: (StringConstructor | ArrayConstructor)[];
default: null;
};
randomWidth: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
rowClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {
integerRows(): number;
}, {
randomWidthPercentage(): string;
getSizeParagraphRow(row: any): {};
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
maxWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
width: {
type: (StringConstructor | ArrayConstructor)[];
default: null;
};
randomWidth: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
rowClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
width: string | unknown[];
contentClass: string;
maxWidth: string | number;
animate: boolean;
rows: string | number;
minWidth: string | number;
randomWidth: boolean;
rowClass: string;
}, {}, {
DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>, {}, {
SKELETON_HEADING_HEIGHTS: {
sm: string;
md: string;
lg: string;
};
}, {}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
type: string;
offset: number;
animationDuration: number;
width: string;
contentClass: string;
animate: boolean;
headingHeight: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
maxWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
width: {
type: (StringConstructor | ArrayConstructor)[];
default: null;
};
randomWidth: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
rowClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {
integerRows(): number;
}, {
randomWidthPercentage(): string;
getSizeParagraphRow(row: any): {};
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
maxWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
width: {
type: (StringConstructor | ArrayConstructor)[];
default: null;
};
randomWidth: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
rowClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
width: string | unknown[];
contentClass: string;
maxWidth: string | number;
animate: boolean;
rows: string | number;
minWidth: string | number;
randomWidth: boolean;
rowClass: string;
}, {}, {
DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>, {}, {
SKELETON_HEADING_HEIGHTS: {
sm: string;
md: string;
lg: string;
};
}, {}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
type: string;
offset: number;
animationDuration: number;
width: string;
contentClass: string;
animate: boolean;
headingHeight: 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>;
ComboboxEmptyList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
message: {
type: StringConstructor;
required: true;
};
itemClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
message: {
type: StringConstructor;
required: true;
};
itemClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{}>, {
itemClass: string | unknown[] | Record<string, any>;
}, {}, {
DtListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
role: {
type: StringConstructor;
default: string;
validator: (role: unknown) => boolean;
};
elementType: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
navigationType: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
wrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {
injected: boolean;
mouseHighlighted: boolean;
}, {
isDefaultType(): boolean;
listItemListeners(): {
keydown: (event: any) => void;
mousemove: (event: any) => void;
mouseleave: (event: any) => void;
};
isHighlighted(): boolean;
isFocusable(): boolean;
isHoverable(): boolean;
}, {
onClick(e: any): void;
onMouseHover(): void;
onMouseLeave(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
role: {
type: StringConstructor;
default: string;
validator: (role: unknown) => boolean;
};
elementType: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
navigationType: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
wrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{
onKeydown?: ((...args: any[]) => any) | undefined;
onMouseleave?: ((...args: any[]) => any) | undefined;
onMousemove?: ((...args: any[]) => any) | undefined;
}>, {
id: string;
type: string;
role: string;
selected: boolean;
elementType: string;
navigationType: string;
wrapperClass: string | unknown[] | Record<string, any>;
}, {}, {
DtItemLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
as: {
type: StringConstructor;
default: string;
};
unstyled: {
type: BooleanConstructor;
default: boolean;
};
leftClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
titleClass: {
type: StringConstructor;
default: string;
};
subtitleClass: {
type: StringConstructor;
default: string;
};
bottomClass: {
type: StringConstructor;
default: string;
};
rightClass: {
type: StringConstructor;
default: string;
};
selectedClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {}, {
dynamicGridTemplateColumns(): string;
hasSlotContent: typeof hasSlotContent;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
as: {
type: StringConstructor;
default: string;
};
unstyled: {
type: BooleanConstructor;
default: boolean;
};
leftClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
titleClass: {
type: StringConstructor;
default: string;
};
subtitleClass: {
type: StringConstructor;
default: string;
};
bottomClass: {
type: StringConstructor;
default: string;
};
rightClass: {
type: StringConstructor;
default: string;
};
selectedClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
unstyled: boolean;
contentClass: string;
as: string;
leftClass: string;
titleClass: string;
subtitleClass: string;
bottomClass: string;
rightClass: string;
selectedClass: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtIconCheck: 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=combobox_with_popover.vue.d.ts.map