@dialpad/dialtone-vue 2.106.6 → 2.108.0

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

@@ -0,0 +1,184 @@
+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://dialtone.dialpad.com/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://dialtone.dialpad.com/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 | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+}, {}, {
+    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;
+        /**
+         * Icon on the left side of the badge. Supports any valid icon name from the icon catalog at
+         * https://dialtone.dialpad.com/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.
+         */
+        '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/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Icon on the left side of the badge. Supports any valid icon name from the icon catalog at
+     * https://dialtone.dialpad.com/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://dialtone.dialpad.com/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 | StringConstructor | ArrayConstructor)[];
+        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;;;;;;;;;;;;;;;;;;;;;;;QA9DH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAJH;;;;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 {
+    let _default: string;
+    export { _default as default };
+    export let info: string;
+    export let success: string;
+    export let warning: string;
+    export let critical: string;
+    export let bulletin: string;
+    export let ai: string;
+}
+export namespace BADGE_KIND_MODIFIERS {
+    let label: string;
+    let 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":""}

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

@@ -0,0 +1,252 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Sets an ID on the title element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the title.
+     */
+    titleId: {
+        type: StringConstructor;
+        default(): string;
+    };
+    /**
+     * Sets an ID on the content element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the content.
+     */
+    contentId: {
+        type: StringConstructor;
+        default(): string;
+    };
+    /**
+     * Title header of the notice. This can be left blank to remove the title from the notice entirely.
+     */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Used in scenarios where the message needs to visually dominate the screen.
+     * This will also change the aria role from status to alertdialog.
+     * and will modally trap the keyboard focus in the dialog as soon as it displays.
+     * @values true, false
+     */
+    important: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Pins the banner to the top of the window and pushes all app content down.
+     * @values true, false
+     */
+    pinned: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Severity level of the notice, sets the icon and background
+     * @values base, error, info, success, warning
+     */
+    kind: {
+        type: StringConstructor;
+        default: string;
+        validate(kind: any): boolean;
+    };
+    /**
+     * Props for the notice close button.
+     */
+    closeButtonProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     * Hides the close button from the notice
+     */
+    hideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Hides the icon from the notice
+     * @values true, false
+     */
+    hideIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Inner dialog class
+     */
+    dialogClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Banner background image
+     */
+    backgroundImage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Background image size, follows the background-size CSS property values
+     * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" target="_blank">
+     *   CSS background-sizes
+     * </a>
+     */
+    backgroundSize: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, {}, {
+    role(): "status" | "alertdialog";
+    bannerClass(): (string | {
+        'd-banner--important': never;
+        'd-banner--pinned': never;
+    })[];
+    bannerBackgroundImage(): string | null;
+}, {
+    trapFocus(e: any): void;
+}, {
+    props: {
+        visuallyHiddenClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        visuallyHiddenCloseLabel: {
+            type: StringConstructor;
+            default: null;
+        };
+    };
+    watch: {
+        $props: {
+            immediate: boolean;
+            deep: boolean;
+            handler(): void;
+        };
+    };
+    computed: {
+        showVisuallyHiddenClose(): any;
+    };
+    methods: {
+        validateVisuallyHiddenCloseProps(): 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/types/v3-component-options.js").ComponentOptionsMixin, "close"[], string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Sets an ID on the title element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the title.
+     */
+    titleId: {
+        type: StringConstructor;
+        default(): string;
+    };
+    /**
+     * Sets an ID on the content element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the content.
+     */
+    contentId: {
+        type: StringConstructor;
+        default(): string;
+    };
+    /**
+     * Title header of the notice. This can be left blank to remove the title from the notice entirely.
+     */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Used in scenarios where the message needs to visually dominate the screen.
+     * This will also change the aria role from status to alertdialog.
+     * and will modally trap the keyboard focus in the dialog as soon as it displays.
+     * @values true, false
+     */
+    important: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Pins the banner to the top of the window and pushes all app content down.
+     * @values true, false
+     */
+    pinned: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Severity level of the notice, sets the icon and background
+     * @values base, error, info, success, warning
+     */
+    kind: {
+        type: StringConstructor;
+        default: string;
+        validate(kind: any): boolean;
+    };
+    /**
+     * Props for the notice close button.
+     */
+    closeButtonProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     * Hides the close button from the notice
+     */
+    hideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Hides the icon from the notice
+     * @values true, false
+     */
+    hideIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Inner dialog class
+     */
+    dialogClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Banner background image
+     */
+    backgroundImage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Background image size, follows the background-size CSS property values
+     * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" target="_blank">
+     *   CSS background-sizes
+     * </a>
+     */
+    backgroundSize: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    title: string;
+    kind: string;
+    titleId: string;
+    contentId: string;
+    closeButtonProps: Record<string, any>;
+    hideClose: boolean;
+    important: boolean;
+    pinned: boolean;
+    hideIcon: boolean;
+    dialogClass: string;
+    backgroundImage: string;
+    backgroundSize: string;
+}>;
+export default _default;
+//# sourceMappingURL=banner.vue.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export { default as DtBanner } from "./banner.vue";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/types/components/breadcrumbs/breadcrumb_item.vue.d.ts

@@ -0,0 +1,56 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Passed through to link. If true, applies inverted styles to the link.
+     */
+    inverted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Applies selected styles to the breadcrumb
+     */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Describes the breadcrumb. Overridden by default slot
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, {
+    BREADCRUMB_ITEM_SELECTED_MODIFIER: string;
+}, {
+    linkKind(): "muted" | "inverted";
+    ariaCurrent(): "location" | undefined;
+}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Passed through to link. If true, applies inverted styles to the link.
+     */
+    inverted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Applies selected styles to the breadcrumb
+     */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Describes the breadcrumb. Overridden by default slot
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    label: string;
+    inverted: boolean;
+    selected: boolean;
+}>;
+export default _default;
+//# sourceMappingURL=breadcrumb_item.vue.d.ts.map

package/dist/types/components/breadcrumbs/breadcrumb_item.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb_item.vue.d.ts","sourceRoot":"","sources":["../../../../components/breadcrumbs/breadcrumb_item.vue.js"],"names":[],"mappings":";IAgBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;IAlBH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}

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

@@ -0,0 +1,59 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * A provided list of breadcrumbs. Overridden by default slot
+     */
+    breadcrumbs: {
+        type: ArrayConstructor;
+        default: () => never[];
+        validate(breadcrumbs: any): any;
+    };
+    /**
+     * Passed through to link. If true, applies inverted styles to the link.
+     * @values true, false
+     */
+    inverted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Descriptive label for the navigation content.
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, {
+    BREADCRUMBS_INVERTED_MODIFIER: string;
+}, {}, {
+    getBreadcrumbItemKey(index: any): string;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * A provided list of breadcrumbs. Overridden by default slot
+     */
+    breadcrumbs: {
+        type: ArrayConstructor;
+        default: () => never[];
+        validate(breadcrumbs: any): any;
+    };
+    /**
+     * Passed through to link. If true, applies inverted styles to the link.
+     * @values true, false
+     */
+    inverted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Descriptive label for the navigation content.
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    ariaLabel: string;
+    inverted: boolean;
+    breadcrumbs: unknown[];
+}>;
+export default _default;
+//# sourceMappingURL=breadcrumbs.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.vue.d.ts","sourceRoot":"","sources":["../../../../components/breadcrumbs/breadcrumbs.vue.js"],"names":[],"mappings":";IAmBI;;OAEG;;;;;;IAWH;;;OAGG;;;;;IAMH;;OAEG;;;;;;;;;;IAxBH;;OAEG;;;;;;IAWH;;;OAGG;;;;;IAMH;;OAEG"}

package/dist/types/components/breadcrumbs/breadcrumbs_constants.d.ts

@@ -0,0 +1,3 @@
+export const BREADCRUMB_ITEM_SELECTED_MODIFIER: "d-breadcrumbs__item--selected";
+export const BREADCRUMBS_INVERTED_MODIFIER: "d-breadcrumbs--inverted";
+//# sourceMappingURL=breadcrumbs_constants.d.ts.map

package/dist/types/components/breadcrumbs/breadcrumbs_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs_constants.d.ts","sourceRoot":"","sources":["../../../../components/breadcrumbs/breadcrumbs_constants.js"],"names":[],"mappings":"AAAA,gFAAiF;AACjF,sEAAuE"}

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

@@ -0,0 +1,4 @@
+export { default as DtBreadcrumbs } from "./breadcrumbs.vue";
+export { default as DtBreadcrumbItem } from "./breadcrumb_item.vue";
+export { BREADCRUMB_ITEM_SELECTED_MODIFIER, BREADCRUMBS_INVERTED_MODIFIER } from "./breadcrumbs_constants";
+//# sourceMappingURL=index.d.ts.map

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

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