@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
1,431 lines • 54.9 kB
TypeScript
import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
ariaLabel: {
type: StringConstructor;
default: string;
};
description: {
type: StringConstructor;
required: true;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
hideActions: {
type: BooleanConstructor;
default: boolean;
};
unreadCount: {
type: StringConstructor;
default: null;
validator(value: unknown): boolean;
};
}>, {}, {
labelWidth: string;
i18n: any;
}, {
leftbarContactCentersRowClasses(): (string | {
'd-recipe-leftbar-row__unread-count': boolean;
'd-recipe-leftbar-row--selected': boolean;
})[];
getAriaLabel(): string;
contactRowListeners(): Object;
showUnreadCount(): boolean;
menuButtonLabel(): any;
}, {
removeClassStyleAttrs: typeof removeClassStyleAttrs;
addClassStyleAttrs: typeof addClassStyleAttrs;
adjustLabelWidth(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "click-menu")[], "click" | "click-menu", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
ariaLabel: {
type: StringConstructor;
default: string;
};
description: {
type: StringConstructor;
required: true;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
hideActions: {
type: BooleanConstructor;
default: boolean;
};
unreadCount: {
type: StringConstructor;
default: null;
validator(value: unknown): boolean;
};
}>> & Readonly<{
onClick?: ((...args: any[]) => any) | undefined;
"onClick-menu"?: ((...args: any[]) => any) | undefined;
}>, {
ariaLabel: string;
selected: boolean;
hideActions: boolean;
unreadCount: string;
}, {}, {
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>;
DtBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
iconSize: {
type: StringConstructor;
default: string;
validator: (s: unknown) => boolean;
};
text: {
type: StringConstructor;
default: string;
};
kind: {
type: StringConstructor;
default: string;
validator: (kind: unknown) => boolean;
};
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
decoration: {
type: StringConstructor;
default: undefined;
validator: (type: unknown) => boolean;
};
labelClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
subtle: {
type: BooleanConstructor;
default: boolean;
};
outlined: {
type: BooleanConstructor;
default: boolean;
};
}>, {}, {
BADGE_TYPE_MODIFIERS: {
default: string;
info: string;
success: string;
warning: string;
critical: string;
bulletin: string;
ai: string;
};
BADGE_KIND_MODIFIERS: {
label: string;
count: string;
};
BADGE_DECORATION_MODIFIERS: {
'black-400': string;
'black-500': string;
'black-900': string;
'red-200': string;
'red-300': string;
'red-400': string;
'purple-200': string;
'purple-300': string;
'purple-400': string;
'purple-500': string;
'blue-200': string;
'blue-300': string;
'blue-400': string;
'green-300': string;
'green-400': string;
'green-500': string;
'gold-300': string;
'gold-400': string;
'gold-500': string;
'magenta-200': string;
'magenta-300': string;
'magenta-400': string;
};
}, {
hasLeftIcon(): any;
hasRightIcon(): any;
hasIcons(): any;
}, {
validateProps(): void;
validateTypePropCombination(): void;
validateDecorationPropCombination(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
iconSize: {
type: StringConstructor;
default: string;
validator: (s: unknown) => boolean;
};
text: {
type: StringConstructor;
default: string;
};
kind: {
type: StringConstructor;
default: string;
validator: (kind: unknown) => boolean;
};
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
decoration: {
type: StringConstructor;
default: undefined;
validator: (type: unknown) => boolean;
};
labelClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
subtle: {
type: BooleanConstructor;
default: boolean;
};
outlined: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, {
type: string;
outlined: boolean;
iconSize: string;
text: string;
kind: string;
decoration: string;
labelClass: string | unknown[] | Record<string, any>;
subtle: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtEmojiTextWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
elementType: {
type: StringConstructor;
default: string;
};
size: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
}>, {}, {
loadingEmojiJson: boolean;
}, {}, {
replaceDtEmojis(replaceList: any, textContent: any): Array<VNode | string>;
searchVNodes(VNode: any): any | any;
replaceVueComponentVNodeContent(): void;
searchCodes(textContent: any): Array<VNode | string> | string;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
elementType: {
type: StringConstructor;
default: string;
};
size: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
}>> & Readonly<{}>, {
size: string;
elementType: string;
}, {}, {
DtEmoji: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
code: {
type: StringConstructor;
required: true;
};
size: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
imgClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
ariaLabel: {
type: StringConstructor;
default: null;
};
showSkeleton: {
type: BooleanConstructor;
default: boolean;
};
}>, {}, {
emojiData: null;
imgLoading: boolean;
}, {
emojiDataValid(): false;
emojiSrc(): any;
emojiAlt(): any;
emojiLabel(): any;
emojiSize(): any;
}, {
getEmojiData(): void;
imageLoaded(): void;
imageErrored(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
code: {
type: StringConstructor;
required: true;
};
size: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
imgClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
ariaLabel: {
type: StringConstructor;
default: null;
};
showSkeleton: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, {
size: string;
ariaLabel: string;
imgClass: string | unknown[] | Record<string, any>;
showSkeleton: boolean;
}, {}, {
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>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtIconHeadphones: 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>;
DtIconChevronDown: 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>;
export default _default;
//# sourceMappingURL=contact_centers_row.vue.d.ts.map