@dialpad/dialtone-vue 3.103.0 → 3.105.0

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

@@ -0,0 +1,395 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * A set of props to be passed into the modal's close button.
+     * Requires an 'ariaLabel' property.
+     */
+    closeButtonProps: {
+        type: ObjectConstructor;
+        required: true;
+        validator: (props: unknown) => boolean;
+    };
+    /**
+     * Body text to display as the modal's main content.
+     */
+    copy: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Id to use for the dialog's aria-describedby.
+     * Recommended only if the dialog content itself isn't enough to give full context,
+     * as screen readers should recite the dialog contents by default before any aria-description.
+     */
+    describedById: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Id to use for the dialog's aria-labelledby.
+     */
+    labelledById: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    /**
+     * Whether the modal should be shown.
+     * Parent component can sync on this value to control the modal's visibility.
+     * @values true, false
+     */
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Title text to display in the modal header.
+     */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Title text to display in the modal banner.
+     */
+    bannerTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The theme of the modal. kind - default or danger,
+     * @values default, danger
+     */
+    kind: {
+        type: StringConstructor;
+        default: string;
+        validator: (k: unknown) => boolean;
+    };
+    /**
+     * The size of the modal. size - default or full,
+     * @values default, full
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (s: unknown) => boolean;
+    };
+    /**
+     * Additional class name for the root modal element.
+     * Can accept String, Object, and Array, i.e. has the
+     * same API as Vue's built-in handling of the class attribute.
+     */
+    modalClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Additional class name for the dialog element within the modal.
+     * Can accept String, Object, and Array, i.e. has the
+     * same API as Vue's built-in handling of the class attribute.
+     */
+    dialogClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Additional class name for the content element within the modal.
+     * Can accept String, Object, and Array, i.e. has the
+     * same API as Vue's built-in handling of the class attribute.
+     */
+    contentClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Sets the color of the banner.
+     * @values base, error, info, success, warning
+     */
+    bannerKind: {
+        type: StringConstructor;
+        default: string;
+        validate(kind: any): boolean;
+    };
+    /**
+     * Additional class name for the banner element within the modal.
+     * Can accept String, Object, and Array, i.e. has the
+     * same API as Vue's built-in handling of the class attribute.
+     */
+    bannerClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Hides the close button on the modal
+     * @values true, false
+     */
+    hideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether the modal will close when you click outside of the dialog on the overlay.
+     * @values true, false
+     */
+    closeOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Scrollable modal that allows scroll the modal content keeping the header and footer fixed
+     * @values true, false
+     */
+    fixedHeaderFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, any, {
+    MODAL_KIND_MODIFIERS: {
+        default: string;
+        danger: string;
+    };
+    MODAL_SIZE_MODIFIERS: {
+        default: string;
+        full: string;
+    };
+    MODAL_BANNER_KINDS: {
+        error: string;
+        info: string;
+        success: string;
+        warning: string;
+        base: string;
+    };
+    EVENT_KEYNAMES: {
+        esc: string;
+        escape: string;
+        tab: string;
+        enter: string;
+        space: string;
+        spacebar: string;
+        up: string;
+        arrowup: string;
+        left: string;
+        arrowleft: string;
+        right: string;
+        arrowright: string;
+        down: string;
+        arrowdown: string;
+        home: string;
+        end: string;
+    };
+    hasSlotContent: typeof hasSlotContent;
+}, {
+    modalListeners(): {
+        click: (event: any) => void;
+        keydown: (event: any) => void;
+        'after-enter': (event: any) => void;
+    };
+    open(): string;
+    hasFooterSlot(): boolean;
+    bannerKindClass(): any;
+}, {
+    close(): void;
+    setFocusAfterTransition(): void;
+    trapFocus(e: any): void;
+    validateProps(): 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>;
+        _getFirstFocusElement(focusableElements: any): any;
+        _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
+        focusTrappedTabPress(e: object, el: object): void; /**
+         * Hides the close button on the modal
+         * @values true, false
+         */
+    };
+}, import("vue").ComponentOptionsMixin, ("click" | "keydown" | "update:show")[], "click" | "keydown" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * A set of props to be passed into the modal's close button.
+     * Requires an 'ariaLabel' property.
+     */
+    closeButtonProps: {
+        type: ObjectConstructor;
+        required: true;
+        validator: (props: unknown) => boolean;
+    };
+    /**
+     * Body text to display as the modal's main content.
+     */
+    copy: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Id to use for the dialog's aria-describedby.
+     * Recommended only if the dialog content itself isn't enough to give full context,
+     * as screen readers should recite the dialog contents by default before any aria-description.
+     */
+    describedById: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Id to use for the dialog's aria-labelledby.
+     */
+    labelledById: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    /**
+     * Whether the modal should be shown.
+     * Parent component can sync on this value to control the modal's visibility.
+     * @values true, false
+     */
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Title text to display in the modal header.
+     */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Title text to display in the modal banner.
+     */
+    bannerTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The theme of the modal. kind - default or danger,
+     * @values default, danger
+     */
+    kind: {
+        type: StringConstructor;
+        default: string;
+        validator: (k: unknown) => boolean;
+    };
+    /**
+     * The size of the modal. size - default or full,
+     * @values default, full
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (s: unknown) => boolean;
+    };
+    /**
+     * Additional class name for the root modal element.
+     * Can accept String, Object, and Array, i.e. has the
+     * same API as Vue's built-in handling of the class attribute.
+     */
+    modalClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Additional class name for the dialog element within the modal.
+     * Can accept String, Object, and Array, i.e. has the
+     * same API as Vue's built-in handling of the class attribute.
+     */
+    dialogClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Additional class name for the content element within the modal.
+     * Can accept String, Object, and Array, i.e. has the
+     * same API as Vue's built-in handling of the class attribute.
+     */
+    contentClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Sets the color of the banner.
+     * @values base, error, info, success, warning
+     */
+    bannerKind: {
+        type: StringConstructor;
+        default: string;
+        validate(kind: any): boolean;
+    };
+    /**
+     * Additional class name for the banner element within the modal.
+     * Can accept String, Object, and Array, i.e. has the
+     * same API as Vue's built-in handling of the class attribute.
+     */
+    bannerClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Hides the close button on the modal
+     * @values true, false
+     */
+    hideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether the modal will close when you click outside of the dialog on the overlay.
+     * @values true, false
+     */
+    closeOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Scrollable modal that allows scroll the modal content keeping the header and footer fixed
+     * @values true, false
+     */
+    fixedHeaderFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    copy: string;
+    size: string;
+    kind: string;
+    hideClose: boolean;
+    dialogClass: string | Record<string, any> | unknown[];
+    bannerClass: string | Record<string, any> | unknown[];
+    contentClass: string | Record<string, any> | unknown[];
+    show: boolean;
+    describedById: string;
+    labelledById: string;
+    bannerTitle: string;
+    modalClass: string | Record<string, any> | unknown[];
+    bannerKind: string;
+    closeOnClick: boolean;
+    fixedHeaderFooter: boolean;
+}, {}>;
+export default _default;
+import { hasSlotContent } from '@/common/utils';
+//# sourceMappingURL=modal.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.vue.d.ts","sourceRoot":"","sources":["../../../../components/modal/modal.vue.js"],"names":[],"mappings":";IAgCI;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;;IASH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2DArBH;;;WAGG;;;IA3IH;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;;IASH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAtLyC,gBAAgB"}

package/dist/types/components/modal/modal_constants.d.ts

@@ -0,0 +1,18 @@
+export namespace MODAL_KIND_MODIFIERS {
+    let _default: string;
+    export { _default as default };
+    export let danger: string;
+}
+export namespace MODAL_SIZE_MODIFIERS {
+    let _default_1: string;
+    export { _default_1 as default };
+    export let full: string;
+}
+export namespace MODAL_BANNER_KINDS {
+    let error: string;
+    let info: string;
+    let success: string;
+    let warning: string;
+    let base: string;
+}
+//# sourceMappingURL=modal_constants.d.ts.map

package/dist/types/components/modal/modal_constants.d.ts.map

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

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

@@ -0,0 +1,6 @@
+export { default as DtNotice } from "./notice.vue";
+export { default as DtNoticeAction } from "./notice_action.vue";
+export { default as DtNoticeIcon } from "./notice_icon.vue";
+export { default as DtNoticeContent } from "./notice_content.vue";
+export { NOTICE_KINDS, NOTICE_ROLES } from "./notice_constants";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,177 @@
+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: undefined;
+    };
+    /**
+     * 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: undefined;
+    };
+    /**
+     * Title header of the notice. This can be left blank to remove the title from the notice entirely.
+     */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Provides a role for the notice. 'status' is used to communicate a message. 'alert' is used to communicate an
+     * important message that does not contain any interactive elements. 'alertdialog' is used to communicate an
+     * important message that does contain interactive elements.
+     * @values alert, alertdialog, status
+     */
+    role: {
+        type: StringConstructor;
+        default: string;
+        validate(role: any): boolean;
+    };
+    /**
+     * Used in scenarios where the message needs to visually dominate the screen.
+     * This will also change the aria role from status to alert.
+     * @values true, false
+     */
+    important: {
+        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
+     * @values true, false
+     */
+    hideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, any, any, {
+    noticeClass(): any[];
+}, {}, {
+    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").ComponentOptionsMixin, ("close" | "click")[], "close" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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: undefined;
+    };
+    /**
+     * 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: undefined;
+    };
+    /**
+     * Title header of the notice. This can be left blank to remove the title from the notice entirely.
+     */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Provides a role for the notice. 'status' is used to communicate a message. 'alert' is used to communicate an
+     * important message that does not contain any interactive elements. 'alertdialog' is used to communicate an
+     * important message that does contain interactive elements.
+     * @values alert, alertdialog, status
+     */
+    role: {
+        type: StringConstructor;
+        default: string;
+        validate(role: any): boolean;
+    };
+    /**
+     * Used in scenarios where the message needs to visually dominate the screen.
+     * This will also change the aria role from status to alert.
+     * @values true, false
+     */
+    important: {
+        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
+     * @values true, false
+     */
+    hideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    role: string;
+    kind: string;
+    titleId: string;
+    contentId: string;
+    closeButtonProps: Record<string, any>;
+    hideClose: boolean;
+    important: boolean;
+}, {}>;
+export default _default;
+//# sourceMappingURL=notice.vue.d.ts.map

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

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

package/dist/types/components/notice/notice_action.vue.d.ts

@@ -0,0 +1,66 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Props for the notice close button.
+     */
+    closeButtonProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     * Hides the close button from the notice
+     * @values true, false
+     */
+    hideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, any, any, {}, {
+    close(): 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").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Props for the notice close button.
+     */
+    closeButtonProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     * Hides the close button from the notice
+     * @values true, false
+     */
+    hideClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    closeButtonProps: Record<string, any>;
+    hideClose: boolean;
+}, {}>;
+export default _default;
+//# sourceMappingURL=notice_action.vue.d.ts.map

package/dist/types/components/notice/notice_action.vue.d.ts.map

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

package/dist/types/components/notice/notice_constants.d.ts

@@ -0,0 +1,8 @@
+export const NOTICE_KINDS: string[];
+export const NOTICE_ROLES: string[];
+declare namespace _default {
+    export { NOTICE_KINDS };
+    export { NOTICE_ROLES };
+}
+export default _default;
+//# sourceMappingURL=notice_constants.d.ts.map

package/dist/types/components/notice/notice_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice_constants.d.ts","sourceRoot":"","sources":["../../../../components/notice/notice_constants.js"],"names":[],"mappings":"AAAA,oCAA4E;AAC5E,oCAA+D"}