@dialpad/dialtone-vue 3.79.0 → 3.80.0

package/dist/types/components/avatar/avatar.vue.d.ts

@@ -0,0 +1,341 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Id of the avatar content wrapper element
+     */
+    id: {
+        type: StringConstructor;
+        default(): string;
+    };
+    /**
+     * Pass in a seed to get the random color generation based on that string. For example if you pass in a
+     * user ID as the string it will return the same randomly generated colors every time for that user.
+     */
+    seed: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Set the avatar background to a specific color. If undefined will randomize the color which can be deterministic
+     * if the seed prop is set.
+     */
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * The size of the avatar
+     * @values xs, sm, md, lg, xl
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (size: unknown) => boolean;
+    };
+    /**
+     * Used to customize the avatar container
+     */
+    avatarClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Set classes on the avatar canvas. Wrapper around the core avatar image.
+     */
+    canvasClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Pass through classes. Used to customize the avatar icon
+     */
+    iconClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Determines whether to show the presence indicator for
+     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
+     * or 'active'. By default, it's null and nothing is shown.
+     * @values null, busy, away, offline, active
+     */
+    presence: {
+        type: StringConstructor;
+        default: string;
+        validator: (state: unknown) => boolean;
+    };
+    /**
+     * A set of props to be passed into the presence component.
+     */
+    presenceProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     * Determines whether to show a group avatar.
+     * Limit to 2 digits max, more than 99 will be rendered as “99+”.
+     * if the number is 1 or less it would just show the regular avatar as if group had not been set.
+     */
+    group: {
+        type: NumberConstructor;
+        default: undefined;
+        validator: (group: unknown) => boolean;
+    };
+    /**
+     * The icon that overlays the avatar
+     */
+    overlayIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The text that overlays the avatar
+     */
+    overlayText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Used to customize the avatar overlay
+     */
+    overlayClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Source of the image
+     */
+    imageSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Alt attribute of the image, by default
+     * it'd be the full name
+     */
+    imageAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Icon name to be displayed on the avatar
+     */
+    iconName: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (name: unknown) => boolean;
+    };
+    /**
+     * Icon size to be displayed on the avatar
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    iconSize: {
+        type: StringConstructor;
+        default: string;
+        validator: (size: unknown) => boolean;
+    };
+    /**
+     * Full name used to extract initials and set alt attribute.
+     */
+    fullName: {
+        type: StringConstructor;
+        default: string;
+    };
+}, any, {
+    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;
+    };
+    imageLoadedSuccessfully: null;
+    formattedInitials: string;
+    initializing: boolean;
+}, {
+    isNotIconType(): boolean;
+    avatarClasses(): any[];
+    overlayClasses(): (string | Record<string, any> | unknown[])[];
+    showGroup(): boolean;
+    formattedGroup(): number | "99+" | undefined;
+    validatedSize(): string;
+    showImage(): string | false;
+}, {
+    setImageListeners(): void;
+    formatInitials(string: any): void;
+    getColor(): any;
+    _loadedImageEventHandler(el: any): void;
+    _erroredImageEventHandler(el: any): void;
+    validateProps(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Id of the avatar content wrapper element
+     */
+    id: {
+        type: StringConstructor;
+        default(): string;
+    };
+    /**
+     * Pass in a seed to get the random color generation based on that string. For example if you pass in a
+     * user ID as the string it will return the same randomly generated colors every time for that user.
+     */
+    seed: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Set the avatar background to a specific color. If undefined will randomize the color which can be deterministic
+     * if the seed prop is set.
+     */
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * The size of the avatar
+     * @values xs, sm, md, lg, xl
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (size: unknown) => boolean;
+    };
+    /**
+     * Used to customize the avatar container
+     */
+    avatarClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Set classes on the avatar canvas. Wrapper around the core avatar image.
+     */
+    canvasClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Pass through classes. Used to customize the avatar icon
+     */
+    iconClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Determines whether to show the presence indicator for
+     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
+     * or 'active'. By default, it's null and nothing is shown.
+     * @values null, busy, away, offline, active
+     */
+    presence: {
+        type: StringConstructor;
+        default: string;
+        validator: (state: unknown) => boolean;
+    };
+    /**
+     * A set of props to be passed into the presence component.
+     */
+    presenceProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     * Determines whether to show a group avatar.
+     * Limit to 2 digits max, more than 99 will be rendered as “99+”.
+     * if the number is 1 or less it would just show the regular avatar as if group had not been set.
+     */
+    group: {
+        type: NumberConstructor;
+        default: undefined;
+        validator: (group: unknown) => boolean;
+    };
+    /**
+     * The icon that overlays the avatar
+     */
+    overlayIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The text that overlays the avatar
+     */
+    overlayText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Used to customize the avatar overlay
+     */
+    overlayClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Source of the image
+     */
+    imageSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Alt attribute of the image, by default
+     * it'd be the full name
+     */
+    imageAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Icon name to be displayed on the avatar
+     */
+    iconName: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (name: unknown) => boolean;
+    };
+    /**
+     * Icon size to be displayed on the avatar
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    iconSize: {
+        type: StringConstructor;
+        default: string;
+        validator: (size: unknown) => boolean;
+    };
+    /**
+     * Full name used to extract initials and set alt attribute.
+     */
+    fullName: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    presence: string;
+    id: string;
+    color: string;
+    size: string;
+    iconSize: string;
+    iconName: string;
+    fullName: string;
+    imageSrc: string;
+    seed: string;
+    avatarClass: string | Record<string, any> | unknown[];
+    canvasClass: string | Record<string, any> | unknown[];
+    iconClass: string | Record<string, any> | unknown[];
+    presenceProps: Record<string, any>;
+    group: number;
+    overlayIcon: string;
+    overlayText: string;
+    overlayClass: string | Record<string, any> | unknown[];
+    imageAlt: string;
+}, {}>;
+export default _default;
+//# sourceMappingURL=avatar.vue.d.ts.map

package/dist/types/components/avatar/avatar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue.js"],"names":[],"mappings":";IA8BI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA3JH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;OAEG"}

package/dist/types/components/avatar/avatar_constants.d.ts

@@ -0,0 +1,51 @@
+export namespace AVATAR_SIZE_MODIFIERS {
+    const xs: string;
+    const sm: string;
+    const md: string;
+    const lg: string;
+    const xl: string;
+}
+export namespace AVATAR_KIND_MODIFIERS {
+    const _default: string;
+    export { _default as default };
+    export const icon: string;
+    export const initials: string;
+}
+export namespace AVATAR_PRESENCE_SIZE_MODIFIERS {
+    const md_1: string;
+    export { md_1 as md };
+    const lg_1: string;
+    export { lg_1 as lg };
+}
+export namespace AVATAR_PRESENCE_STATES {
+    const NONE: string;
+    const BUSY: string;
+    const AWAY: string;
+    const OFFLINE: string;
+    const ACTIVE: string;
+}
+export namespace AVATAR_ICON_SIZES {
+    const xs_1: undefined;
+    export { xs_1 as xs };
+    const sm_1: string;
+    export { sm_1 as sm };
+    const md_2: string;
+    export { md_2 as md };
+    const lg_2: string;
+    export { lg_2 as lg };
+    const xl_1: string;
+    export { xl_1 as xl };
+}
+export const AVATAR_COLORS: (string | undefined)[];
+export function AVATAR_GROUP_VALIDATOR(group: any): boolean;
+declare namespace _default {
+    export { AVATAR_SIZE_MODIFIERS };
+    export { AVATAR_KIND_MODIFIERS };
+    export { AVATAR_PRESENCE_SIZE_MODIFIERS };
+    export { AVATAR_PRESENCE_STATES };
+    export { AVATAR_ICON_SIZES };
+    export { AVATAR_COLORS };
+    export { AVATAR_GROUP_VALIDATOR };
+}
+export default _default;
+//# sourceMappingURL=avatar_constants.d.ts.map

package/dist/types/components/avatar/avatar_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar_constants.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,mDAoBE;AAEK,4DAAmD"}

package/dist/types/components/avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DtAvatar } from "./avatar.vue";
+export { AVATAR_SIZE_MODIFIERS, AVATAR_KIND_MODIFIERS, AVATAR_PRESENCE_SIZE_MODIFIERS, AVATAR_PRESENCE_STATES, AVATAR_ICON_SIZES, AVATAR_COLORS, AVATAR_GROUP_VALIDATOR } from "./avatar_constants";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/avatar/index.js"],"names":[],"mappings":""}

package/dist/types/components/avatar/utils.d.ts

@@ -0,0 +1,2 @@
+export function extractInitialsFromName(fullName: any): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/components/avatar/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../components/avatar/utils.js"],"names":[],"mappings":"AAAO,+DAUN"}

package/dist/types/components/badge/badge.vue.d.ts

@@ -0,0 +1,179 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Icon on the left side of the badge. Supports any valid icon name from the icon catalog at
+     * https://dialpad.design/components/icon.html#icon-catalog. If type:'ai' is set, the ai icon
+     * will automatically be shown here, but this can be overridden by setting this prop.
+     */
+    iconLeft: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Icon on the right side of the badge. Supports any valid icon name from the icon catalog at
+     * https://dialpad.design/components/icon.html#icon-catalog
+     */
+    iconRight: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Text for the badge content
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The kind of badge which determines the styling
+     * @values label, count
+     */
+    kind: {
+        type: StringConstructor;
+        default: string;
+        validator: (kind: unknown) => boolean;
+    };
+    /**
+     * Color for the badge background
+     * @values default, info, success, warning, critical, bulletin, ai
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (type: unknown) => boolean;
+    };
+    /**
+     * Decoration for the badge. This can be only used with kind: label and type: default
+     * with no iconLeft and iconRight
+     * @values default, black-400, black-500, black-900, red-200, red-300, red-400, purple-200,
+     * purple-300, purple-400, purple-500, blue-200, blue-300, blue-400, green-300, green-400,
+     * green-500, gold-300, gold-400, gold-500, magenta-200, magenta-300, magenta-400
+     */
+    decoration: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (type: unknown) => boolean;
+    };
+    /**
+     * Used to customize the label container
+     */
+    labelClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+}, any, {
+    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;
+    };
+}, {
+    hasIcons(): boolean;
+}, {
+    validateProps(): void;
+    validateTypePropCombination(): void;
+    validateDecorationPropCombination(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Icon on the left side of the badge. Supports any valid icon name from the icon catalog at
+     * https://dialpad.design/components/icon.html#icon-catalog. If type:'ai' is set, the ai icon
+     * will automatically be shown here, but this can be overridden by setting this prop.
+     */
+    iconLeft: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Icon on the right side of the badge. Supports any valid icon name from the icon catalog at
+     * https://dialpad.design/components/icon.html#icon-catalog
+     */
+    iconRight: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Text for the badge content
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The kind of badge which determines the styling
+     * @values label, count
+     */
+    kind: {
+        type: StringConstructor;
+        default: string;
+        validator: (kind: unknown) => boolean;
+    };
+    /**
+     * Color for the badge background
+     * @values default, info, success, warning, critical, bulletin, ai
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (type: unknown) => boolean;
+    };
+    /**
+     * Decoration for the badge. This can be only used with kind: label and type: default
+     * with no iconLeft and iconRight
+     * @values default, black-400, black-500, black-900, red-200, red-300, red-400, purple-200,
+     * purple-300, purple-400, purple-500, blue-200, blue-300, blue-400, green-300, green-400,
+     * green-500, gold-300, gold-400, gold-500, magenta-200, magenta-300, magenta-400
+     */
+    decoration: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (type: unknown) => boolean;
+    };
+    /**
+     * Used to customize the label container
+     */
+    labelClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+}>>, {
+    type: string;
+    text: string;
+    iconLeft: string;
+    iconRight: string;
+    kind: string;
+    decoration: string;
+    labelClass: string | Record<string, any> | unknown[];
+}, {}>;
+export default _default;
+//# sourceMappingURL=badge.vue.d.ts.map

package/dist/types/components/badge/badge.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.vue.d.ts","sourceRoot":"","sources":["../../../../components/badge/badge.vue.js"],"names":[],"mappings":";IAkBI;;;;OAIG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;;;OAMG;;;;;;IAOH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA9DH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;;;OAMG;;;;;;IAOH;;OAEG"}

package/dist/types/components/badge/badge_constants.d.ts

@@ -0,0 +1,39 @@
+export namespace BADGE_TYPE_MODIFIERS {
+    const _default: string;
+    export { _default as default };
+    export const info: string;
+    export const success: string;
+    export const warning: string;
+    export const critical: string;
+    export const bulletin: string;
+    export const ai: string;
+}
+export namespace BADGE_KIND_MODIFIERS {
+    const label: string;
+    const count: string;
+}
+export const 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;
+};
+//# sourceMappingURL=badge_constants.d.ts.map

package/dist/types/components/badge/badge_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge_constants.d.ts","sourceRoot":"","sources":["../../../../components/badge/badge_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAeA;;;;;;;;;;;;;;;;;;;;;;;EAuBE"}

package/dist/types/components/badge/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DtBadge } from "./badge.vue";
+export { BADGE_TYPE_MODIFIERS, BADGE_KIND_MODIFIERS, BADGE_DECORATION_MODIFIERS } from "./badge_constants";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/badge/index.js"],"names":[],"mappings":""}