@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
436 lines • 12.7 kB
TypeScript
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
role: {
type: StringConstructor;
default: string;
};
showAvatar: {
type: BooleanConstructor;
default: boolean;
};
avatarSrc: {
type: StringConstructor;
default: string;
};
avatarSeed: {
type: StringConstructor;
default: null;
};
avatarFullName: {
type: StringConstructor;
default: string;
};
avatarSize: {
type: StringConstructor;
default: string;
};
avatarLabelledBy: {
type: StringConstructor;
default: string;
};
avatarColor: {
type: StringConstructor;
default: null;
};
presence: {
type: StringConstructor;
default: null;
};
avatarList: {
type: ArrayConstructor;
default: null;
};
}>, {}, {}, {}, {
avatarClick(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "avatar-click"[], "avatar-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
role: {
type: StringConstructor;
default: string;
};
showAvatar: {
type: BooleanConstructor;
default: boolean;
};
avatarSrc: {
type: StringConstructor;
default: string;
};
avatarSeed: {
type: StringConstructor;
default: null;
};
avatarFullName: {
type: StringConstructor;
default: string;
};
avatarSize: {
type: StringConstructor;
default: string;
};
avatarLabelledBy: {
type: StringConstructor;
default: string;
};
avatarColor: {
type: StringConstructor;
default: null;
};
presence: {
type: StringConstructor;
default: null;
};
avatarList: {
type: ArrayConstructor;
default: null;
};
}>> & Readonly<{
"onAvatar-click"?: ((...args: any[]) => any) | undefined;
}>, {
presence: string;
role: string;
avatarSrc: string;
avatarSeed: string;
showAvatar: boolean;
avatarFullName: string;
avatarSize: string;
avatarLabelledBy: string;
avatarColor: string;
avatarList: unknown[];
}, {}, {
DtAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
seed: {
type: StringConstructor;
default: undefined;
};
color: {
type: StringConstructor;
default: undefined;
};
size: {
type: StringConstructor;
default: string;
validator: (size: unknown) => boolean;
};
avatarClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
canvasClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
iconClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
presence: {
type: StringConstructor;
default: string;
validator: (state: unknown) => boolean;
};
presenceProps: {
type: ObjectConstructor;
default: () => {};
};
group: {
type: NumberConstructor;
default: undefined;
validator: (group: unknown) => boolean;
};
overlayText: {
type: StringConstructor;
default: string;
};
overlayClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
imageSrc: {
type: StringConstructor;
default: string;
};
imageAlt: {
type: StringConstructor;
default: undefined;
};
iconSize: {
type: StringConstructor;
default: string;
validator: (size: unknown) => boolean;
};
fullName: {
type: StringConstructor;
default: string;
};
clickable: {
type: BooleanConstructor;
default: boolean;
};
iconAriaLabel: {
type: StringConstructor;
default: undefined;
};
}>, {}, {
AVATAR_SIZE_MODIFIERS: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
};
AVATAR_KIND_MODIFIERS: {
default: string;
icon: string;
initials: string;
};
AVATAR_PRESENCE_SIZE_MODIFIERS: {
md: string;
lg: string;
};
AVATAR_ICON_SIZES: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
};
imageLoadedSuccessfully: null;
formattedInitials: string;
initializing: boolean;
hasSlotContent: typeof import('../../..').hasSlotContent;
}, {
hasOverlayIcon(): any;
iconDataQa(): "dt-avatar-icon";
avatarClasses(): any[];
overlayClasses(): (string | unknown[] | Record<string, any>)[];
showGroup(): boolean;
formattedGroup(): number | "99+" | undefined;
validatedSize(): string;
showImage(): string | false;
}, {
isIconType(): any;
setImageListeners(): Promise<void>;
formatInitials(): void;
getColor(): any;
_loadedImageEventHandler(el: any): void;
_erroredImageEventHandler(el: any): void;
validateProps(): void;
handleClick(e: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
seed: {
type: StringConstructor;
default: undefined;
};
color: {
type: StringConstructor;
default: undefined;
};
size: {
type: StringConstructor;
default: string;
validator: (size: unknown) => boolean;
};
avatarClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
canvasClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
iconClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
presence: {
type: StringConstructor;
default: string;
validator: (state: unknown) => boolean;
};
presenceProps: {
type: ObjectConstructor;
default: () => {};
};
group: {
type: NumberConstructor;
default: undefined;
validator: (group: unknown) => boolean;
};
overlayText: {
type: StringConstructor;
default: string;
};
overlayClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
imageSrc: {
type: StringConstructor;
default: string;
};
imageAlt: {
type: StringConstructor;
default: undefined;
};
iconSize: {
type: StringConstructor;
default: string;
validator: (size: unknown) => boolean;
};
fullName: {
type: StringConstructor;
default: string;
};
clickable: {
type: BooleanConstructor;
default: boolean;
};
iconAriaLabel: {
type: StringConstructor;
default: undefined;
};
}>> & Readonly<{
onClick?: ((...args: any[]) => any) | undefined;
}>, {
id: string;
presence: string;
seed: string;
color: string;
size: string;
avatarClass: string | unknown[] | Record<string, any>;
canvasClass: string | unknown[] | Record<string, any>;
iconClass: string | unknown[] | Record<string, any>;
presenceProps: Record<string, any>;
group: number;
overlayText: string;
overlayClass: string | unknown[] | Record<string, any>;
imageSrc: string;
imageAlt: string;
iconSize: string;
fullName: string;
clickable: boolean;
iconAriaLabel: string;
}, {}, {
DtPresence: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
presence: {
type: StringConstructor;
default: string;
validator: (role: unknown) => boolean;
};
srText: {
type: StringConstructor;
default: null;
};
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
presence: {
type: StringConstructor;
default: string;
validator: (role: unknown) => boolean;
};
srText: {
type: StringConstructor;
default: null;
};
}>> & Readonly<{}>, {
presence: string;
srText: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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 import('../../..').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>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=contact_info.vue.d.ts.map