@dialpad/dialtone-vue 2.106.6 → 2.108.0

package/dist/types/components/stack/stack_constants.d.ts

@@ -0,0 +1,16 @@
+export const DT_STACK_DIRECTION: {
+    default: string;
+    column: string;
+    row: string;
+    'row-reverse': string;
+    'column-reverse': string;
+};
+export const DT_STACK_RESPONSIVE_BREAKPOINTS: string[];
+export const DT_STACK_GAP: string[];
+declare namespace _default {
+    export { DT_STACK_DIRECTION };
+    export { DT_STACK_RESPONSIVE_BREAKPOINTS };
+    export { DT_STACK_GAP };
+}
+export default _default;
+//# sourceMappingURL=stack_constants.d.ts.map

package/dist/types/components/stack/stack_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack_constants.d.ts","sourceRoot":"","sources":["../../../../components/stack/stack_constants.js"],"names":[],"mappings":"AAAA;;;;;;EAME;AAEF,uDAAwE;AAExE,oCAA4E"}

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

@@ -0,0 +1,5 @@
+export function directionPropType(value: any): "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
+export function getDefaultDirectionClass(direction: any): string | null;
+export function getResponsiveClasses(direction: any): (string | null)[] | null;
+export function getGapClass(gap: any): string | null;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../components/stack/utils.js"],"names":[],"mappings":"AAgBA,2IAEC;AAED,wEAIC;AAED,+EASC;AAED,qDAEC"}

package/dist/types/components/stack/validators.d.ts

@@ -0,0 +1,3 @@
+export function directionValidator(direction: any): boolean | null;
+export function gapValidator(gap: any): boolean;
+//# sourceMappingURL=validators.d.ts.map

package/dist/types/components/stack/validators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../../../components/stack/validators.js"],"names":[],"mappings":"AAGA,mEAQC;AAED,gDAEC"}

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

@@ -0,0 +1,5 @@
+export { default as DtTabGroup } from "./tab_group.vue";
+export { default as DtTab } from "./tab.vue";
+export { default as DtTabPanel } from "./tab_panel.vue";
+export { TAB_LIST_KIND_MODIFIERS, TAB_LIST_SIZES, TAB_LIST_IMPORTANCE_MODIFIERS, TAB_IMPORTANCE_MODIFIERS } from "./tabs_constants";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/types/components/tabs/tab.vue.d.ts

@@ -0,0 +1,111 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Id of the tab
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Id of the associated content panel
+     */
+    panelId: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Describes the tab
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Controls the state of the tab
+     * @values true, false
+     */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * If true, disables the tab
+     * @values true, false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Used to customize the tab element
+     */
+    tabClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+}, {}, {
+    TAB_IMPORTANCE_MODIFIERS: {
+        selected: string;
+    };
+}, {
+    isSelected(): boolean;
+    tabListeners(): {
+        click: (event: any) => void;
+        focus: (event: any) => void;
+    };
+}, {
+    setSelectedPanelByDefault(): void;
+    selectPanel(selectOverride?: boolean): void;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Id of the tab
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Id of the associated content panel
+     */
+    panelId: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Describes the tab
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Controls the state of the tab
+     * @values true, false
+     */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * If true, disables the tab
+     * @values true, false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Used to customize the tab element
+     */
+    tabClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+}>>, {
+    label: string;
+    disabled: boolean;
+    selected: boolean;
+    tabClass: string | Record<string, any> | unknown[];
+}>;
+export default _default;
+//# sourceMappingURL=tab.vue.d.ts.map

package/dist/types/components/tabs/tab.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.vue.d.ts","sourceRoot":"","sources":["../../../../components/tabs/tab.vue.js"],"names":[],"mappings":";IAoBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;IA5CH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG"}

package/dist/types/components/tabs/tab_group.vue.d.ts

@@ -0,0 +1,177 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Identifies the tab group
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The id of the selected tab panel which should be displayed
+     */
+    selected: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * If true, disables the tab group
+     * @values true, false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * If true, applies inverted styles to the tab group
+     * @values true, false
+     */
+    inverted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * If true, applies borderless styles to the tab group
+     * @values true, false
+     */
+    borderless: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * If provided, applies size styles to the tab group
+     * @values default, sm
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validate(size: any): boolean;
+    };
+    /**
+     * Pass through classes, used to customize the tab list
+     */
+    tabListClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    /**
+     * Pass through props, used to customize the tab list
+     */
+    tabListChildProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, {
+    provideObj: {
+        selected: string;
+        disabled: boolean;
+    };
+    focusId: null;
+    tabs: never[];
+    TAB_LIST_SIZE_MODIFIERS: {
+        sm: string;
+    };
+    TAB_LIST_KIND_MODIFIERS: {
+        inverted: string;
+    };
+    TAB_LIST_IMPORTANCE_MODIFIERS: {
+        borderless: string;
+    };
+}, {}, {
+    updateSelected(): void;
+    setFocus(focusId: any): void;
+    getTabChildren(): {
+        context: Element;
+        panelId: string | undefined;
+        id: string | undefined;
+        isSelected: boolean;
+    }[];
+    onChange(): void;
+    changeContentPanel({ selected, selectOverride }: {
+        selected: any;
+        selectOverride: any;
+    }): void;
+    tabLeft(): void;
+    tabRight(): void;
+    selectFocusOnTab(index: any, tabs: any): void;
+    selectTab(): void;
+    selectTabByIndex(index: any, tabs: any): void;
+    getIndexAndTabs(): {
+        tabs: never[];
+        index: number;
+    };
+    onHomeButton(): void;
+    onEndButton(): void;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "change"[], string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Identifies the tab group
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The id of the selected tab panel which should be displayed
+     */
+    selected: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * If true, disables the tab group
+     * @values true, false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * If true, applies inverted styles to the tab group
+     * @values true, false
+     */
+    inverted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * If true, applies borderless styles to the tab group
+     * @values true, false
+     */
+    borderless: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * If provided, applies size styles to the tab group
+     * @values default, sm
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validate(size: any): boolean;
+    };
+    /**
+     * Pass through classes, used to customize the tab list
+     */
+    tabListClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    /**
+     * Pass through props, used to customize the tab list
+     */
+    tabListChildProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    label: string;
+    size: string;
+    inverted: boolean;
+    disabled: boolean;
+    selected: string;
+    borderless: boolean;
+    tabListClass: string | Record<string, any> | unknown[];
+    tabListChildProps: Record<string, any>;
+}>;
+export default _default;
+//# sourceMappingURL=tab_group.vue.d.ts.map

package/dist/types/components/tabs/tab_group.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab_group.vue.d.ts","sourceRoot":"","sources":["../../../../components/tabs/tab_group.vue.js"],"names":[],"mappings":";IAyBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAjEH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/types/components/tabs/tab_panel.vue.d.ts

@@ -0,0 +1,81 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Id of the panel
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Id of the associated tab
+     */
+    tabId: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+    * If true, hides the tab content
+     * @values true, false
+    */
+    hidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Used to customize the tab element
+     */
+    tabPanelClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+}, {}, {
+    isFirstElementFocusable: boolean;
+}, {
+    hidePanel(): true;
+}, {
+    isFirstElementOfPanel(element: any): boolean;
+}, {
+    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, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Id of the panel
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Id of the associated tab
+     */
+    tabId: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+    * If true, hides the tab content
+     * @values true, false
+    */
+    hidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Used to customize the tab element
+     */
+    tabPanelClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+}>>, {
+    hidden: boolean;
+    tabPanelClass: string | Record<string, any> | unknown[];
+}>;
+export default _default;
+//# sourceMappingURL=tab_panel.vue.d.ts.map

package/dist/types/components/tabs/tab_panel.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab_panel.vue.d.ts","sourceRoot":"","sources":["../../../../components/tabs/tab_panel.vue.js"],"names":[],"mappings":";IAgBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;MAGE;;;;;IAMF;;OAEG;;;;;;;;;;;;;;;;;;;;;IA3BH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;MAGE;;;;;IAMF;;OAEG"}

package/dist/types/components/tabs/tabs_constants.d.ts

@@ -0,0 +1,14 @@
+export const TAB_LIST_SIZES: string[];
+export namespace TAB_LIST_SIZE_MODIFIERS {
+    let sm: string;
+}
+export namespace TAB_LIST_KIND_MODIFIERS {
+    let inverted: string;
+}
+export namespace TAB_LIST_IMPORTANCE_MODIFIERS {
+    let borderless: string;
+}
+export namespace TAB_IMPORTANCE_MODIFIERS {
+    let selected: string;
+}
+//# sourceMappingURL=tabs_constants.d.ts.map

package/dist/types/components/tabs/tabs_constants.d.ts.map

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

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

@@ -0,0 +1,3 @@
+export { default as DtToast } from "./toast.vue";
+export { TOAST_ROLES, TOAST_MIN_DURATION } from "./toast_constants";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,238 @@
+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 toast. This can be left blank to remove the title from the toast entirely.
+     */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Message of the toast. Overridden by default slot.
+     */
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to
+     * communicate an important message like an error that does not contain any interactive elements.
+     * @values status, alert
+     */
+    role: {
+        type: StringConstructor;
+        default: string;
+        validator: (role: unknown) => boolean;
+    };
+    /**
+     * Severity level of the toast, sets the icon and background
+     * @values base, error, info, success, warning
+     */
+    kind: {
+        type: StringConstructor;
+        default: string;
+        validator: (kind: unknown) => boolean;
+    };
+    /**
+     * Used in scenarios where the message needs to visually dominate the screen.
+     * @values true, false
+     */
+    important: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Controls whether the toast is shown. If a valid duration is provided, the toast will disappear
+     * after reaching the duration time, so it's convenient to use `.sync` modifier with this prop to update
+     * the data in your component.
+     * Supports .sync modifier
+     * @values true, false
+     */
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Props for the toast close button.
+     */
+    closeButtonProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     * Hides the close button from the toast
+     * @values true, false
+     */
+    hideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The duration in ms the toast will display before disappearing.
+     * The toast won't disappear if the duration is not provided.
+     * If it's provided, it should be equal to or greater than 6000.
+     */
+    duration: {
+        type: NumberConstructor;
+        default: null;
+        validator: (duration: unknown) => boolean;
+    };
+}, {}, {
+    isShown: boolean;
+    minDuration: number;
+}, {
+    kindClass(): any;
+    noticeActionListeners(): {
+        close: (event: any) => void;
+    };
+    shouldSetTimeout(): boolean;
+}, {
+    setTimeout(): 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;
+    };
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("close" | "update:show")[], 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 toast. This can be left blank to remove the title from the toast entirely.
+     */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Message of the toast. Overridden by default slot.
+     */
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to
+     * communicate an important message like an error that does not contain any interactive elements.
+     * @values status, alert
+     */
+    role: {
+        type: StringConstructor;
+        default: string;
+        validator: (role: unknown) => boolean;
+    };
+    /**
+     * Severity level of the toast, sets the icon and background
+     * @values base, error, info, success, warning
+     */
+    kind: {
+        type: StringConstructor;
+        default: string;
+        validator: (kind: unknown) => boolean;
+    };
+    /**
+     * Used in scenarios where the message needs to visually dominate the screen.
+     * @values true, false
+     */
+    important: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Controls whether the toast is shown. If a valid duration is provided, the toast will disappear
+     * after reaching the duration time, so it's convenient to use `.sync` modifier with this prop to update
+     * the data in your component.
+     * Supports .sync modifier
+     * @values true, false
+     */
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Props for the toast close button.
+     */
+    closeButtonProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     * Hides the close button from the toast
+     * @values true, false
+     */
+    hideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The duration in ms the toast will display before disappearing.
+     * The toast won't disappear if the duration is not provided.
+     * If it's provided, it should be equal to or greater than 6000.
+     */
+    duration: {
+        type: NumberConstructor;
+        default: null;
+        validator: (duration: unknown) => boolean;
+    };
+}>>, {
+    title: string;
+    role: string;
+    message: string;
+    kind: string;
+    titleId: string;
+    contentId: string;
+    closeButtonProps: Record<string, any>;
+    hideClose: boolean;
+    important: boolean;
+    show: boolean;
+    duration: number;
+}>;
+export default _default;
+//# sourceMappingURL=toast.vue.d.ts.map