@dialpad/dialtone-vue 2.106.6 → 2.107.0

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

@@ -0,0 +1,59 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Element type (tag name) to use for the wrapper.
+     */
+    elementType: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The icon size to render the emojis at: 100 to 800
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (t: unknown) => boolean;
+    };
+}, {}, {
+    loadingEmojiJson: boolean;
+}, {}, {
+    /**
+     * Replaces the valid codes from the text content with a DtEmoji component.
+     * @returns {Array<VNode|string>}
+     */
+    replaceDtEmojis(replaceList: any, textContent: any): Array<VNode | string>;
+    /**
+     * Recursively search the Vue virtual DOM to find text
+     * @param VNode
+     * @returns {VNode|*}
+     */
+    searchVNodes(VNode: any): any | any;
+    replaceVueComponentVNodeContent(VNode: any): void;
+    /**
+     * Find codes in text.
+     * @param textContent string
+     * @returns {Array<VNode|string>|string}
+     */
+    searchCodes(textContent: any): Array<VNode | string> | string;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Element type (tag name) to use for the wrapper.
+     */
+    elementType: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The icon size to render the emojis at: 100 to 800
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (t: unknown) => boolean;
+    };
+}>>, {
+    size: string;
+    elementType: string;
+}>;
+export default _default;
+//# sourceMappingURL=emoji_text_wrapper.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"emoji_text_wrapper.vue.d.ts","sourceRoot":"","sources":["../../../../components/emoji_text_wrapper/emoji_text_wrapper.vue.js"],"names":[],"mappings":";IAoBI;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;IAmBH;;;OAGG;yDADU,MAAM,QAAM,MAAM,CAAC;IAgBhC;;;;OAIG;8BADU,SAAO;;IAiBpB;;;;OAIG;mCADU,MAAM,QAAM,MAAM,CAAC,GAAC,MAAM;;IAtEvC;;OAEG;;;;;IAMH;;OAEG"}

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

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

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

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

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

@@ -0,0 +1,72 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * DtIcon identifier
+     */
+    id: {
+        type: StringConstructor;
+        default(): string;
+    };
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (s: unknown) => boolean;
+    };
+    /**
+     * The icon name in kebab-case
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}, {}, {}, {
+    iconSize(): any;
+    icon(): any;
+}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * DtIcon identifier
+     */
+    id: {
+        type: StringConstructor;
+        default(): string;
+    };
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (s: unknown) => boolean;
+    };
+    /**
+     * The icon name in kebab-case
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>>, {
+    id: string;
+    size: string;
+    ariaLabel: string;
+}>;
+export default _default;
+//# sourceMappingURL=icon.vue.d.ts.map

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

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

package/dist/types/components/icon/icon_constants.d.ts

@@ -0,0 +1,15 @@
+export const ICON_SIZE_MODIFIERS: {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+};
+declare namespace _default {
+    export { ICON_SIZE_MODIFIERS };
+}
+export default _default;
+//# sourceMappingURL=icon_constants.d.ts.map

package/dist/types/components/icon/icon_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon_constants.d.ts","sourceRoot":"","sources":["../../../../components/icon/icon_constants.js"],"names":[],"mappings":"AAAA;;;;;;;;;EASE"}

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

@@ -0,0 +1,3 @@
+export { default as DtIcon } from "./icon.vue";
+export { ICON_SIZE_MODIFIERS } from "./icon_constants";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,124 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Controls whether the image modal is shown. Leaving this null will have the image modal
+     * trigger on click by default.
+     * If you set this value, the default trigger behavior will be disabled and you can control it as you need.
+     * Supports .sync modifier
+     * @values null, true, false
+     */
+    open: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    /**
+     * URL of the image to be shown
+     */
+    imageSrc: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Alt text of image
+     */
+    imageAlt: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Image Class
+     */
+    imageButtonClass: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /**
+     * Aria label
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Aria label for close button
+     */
+    closeAriaLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {}, {
+    showCloseButton: boolean;
+    isOpen: boolean;
+}, {
+    modalListeners(): {
+        click: (event: any) => void;
+        keydown: (event: any) => void;
+    };
+}, {
+    openModal(): void;
+    close(): void;
+    focusAfterOpen(): void;
+    trapFocus(e: any): 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, ("update:open" | "opened")[], string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Controls whether the image modal is shown. Leaving this null will have the image modal
+     * trigger on click by default.
+     * If you set this value, the default trigger behavior will be disabled and you can control it as you need.
+     * Supports .sync modifier
+     * @values null, true, false
+     */
+    open: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    /**
+     * URL of the image to be shown
+     */
+    imageSrc: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Alt text of image
+     */
+    imageAlt: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Image Class
+     */
+    imageButtonClass: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /**
+     * Aria label
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Aria label for close button
+     */
+    closeAriaLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {
+    open: boolean;
+    imageButtonClass: string;
+}>;
+export default _default;
+//# sourceMappingURL=image_viewer.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image_viewer.vue.d.ts","sourceRoot":"","sources":["../../../../components/image_viewer/image_viewer.vue.js"],"names":[],"mappings":";IAoBI;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA/CH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG"}

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

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

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

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

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

@@ -0,0 +1,3 @@
+export { default as DtInput } from "./input.vue";
+export { INPUT_TYPES, INPUT_SIZES } from "./input_constants";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,359 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Name property of the input element
+     */
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Type of the input, one of: `text`, `password`, `email`, `number`, `textarea`, 'date', 'time'.
+     * When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.
+     * @values text, password, email, number, textarea, date, time
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (t: unknown) => boolean;
+    };
+    /**
+     * Value of the input
+     */
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /**
+     * Disables the input
+     * @values true, false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Label for the input
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Determines visibility of input label.
+     * @values true, false
+     */
+    labelVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Description for the input
+     */
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`
+     * @values null, xs, sm, md, lg, xl
+     */
+    size: {
+        type: StringConstructor;
+        default: null;
+        validator: (t: unknown) => boolean;
+    };
+    /**
+     * Size of the icon. One of `xs`, `sm`, `md`, `lg`, `xl`. If you do not set this the icon will size relative
+     * to the input size
+     * @values null, xs, sm, md, lg, xl
+     */
+    iconSize: {
+        type: StringConstructor;
+        default: null;
+        validator: (t: unknown) => boolean;
+    };
+    /**
+     * Additional class name for the input element.
+     * Can accept String, Object, and Array, i.e. has the
+     * same API as Vue's built-in handling of the class attribute.
+     */
+    inputClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    /**
+     * Additional class name for the input wrapper element.
+     * Can accept all of String, Object, and Array, i.e. has the
+     * same api as Vue's built-in handling of the class attribute.
+     */
+    inputWrapperClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    /**
+     * The current character length that the user has entered into the input.
+     * This will only need to be used if you are using `validate.length` and
+     * the string contains abnormal characters.
+     * For example, an emoji could take up many characters in the input, but should only count as 1 character.
+     * If no number is provided, a built-in length calculation will be used for the length validation.
+     */
+    currentLength: {
+        type: NumberConstructor;
+        default: null;
+    };
+    /**
+     * Whether the input will continue to display a warning validation message even if the input has lost focus.
+     */
+    retainWarning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Validation for the input. Supports maximum length validation with the structure:
+     * `{ "length": {"description": string, "max": number, "warn": number, "message": string,
+     * "limitMaxLength": boolean }}`
+     */
+    validate: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    /**
+     * hidden allows to use input without the element visually present in DOM
+     */
+    hidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, {
+    descriptionSizeClasses: {
+        lg: string;
+        xl: string;
+    };
+    labelSizeClasses: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    isInputFocused: boolean;
+    isInvalid: boolean;
+    defaultLength: number;
+}, {
+    isTextarea(): boolean;
+    isDefaultSize(): boolean;
+    isDefaultIconSize(): boolean;
+    iconSizeComputed(): any;
+    isValidSize(): boolean;
+    isValidDescriptionSize(): boolean;
+    inputComponent(): "input" | "textarea";
+    inputListeners(): {
+        input: (event: any) => void;
+        focus: (event: any) => void;
+        blur: (event: any) => void;
+    };
+    descriptionKey(): string;
+    inputState(): string | null;
+    defaultLengthCalculation(): number;
+    validationProps(): {
+        length: {
+            description: any;
+            max: any;
+            warn: any;
+            message: any;
+            limitMaxLength: any;
+        };
+    };
+    validationMessages(): any;
+    showInputState(): any;
+    inputLength(): any;
+    inputLengthState(): string | null;
+    shouldValidateLength(): boolean;
+    shouldLimitMaxLength(): any;
+    showLengthLimitValidation(): any;
+    sizeModifierClass(): any;
+    stateClass(): any[];
+}, {
+    inputClasses(): any[];
+    inputWrapperClasses(): any[];
+    calculateLength(value: any): number;
+    inputLengthErrorMessage(): {
+        message: any;
+        type: string | null;
+    };
+    inputIconClasses(side: any): any[];
+    onBlur(e: any): void;
+    clear(): void;
+    blur(): void;
+    focus(): void;
+    select(): void;
+    getMessageKey(type: any, index: any): string;
+    validateLength(length: any): void;
+}, {
+    props: {
+        messagesClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        messagesChildProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        showMessages: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        messages: {
+            type: ArrayConstructor;
+            default: () => never[];
+            validator: (messages: any) => any;
+        };
+    };
+    computed: {
+        formattedMessages(): any;
+    };
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "focus" | "focusin" | "focusout" | "clear" | "blur" | "update:length" | "update:invalid")[], string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Name property of the input element
+     */
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Type of the input, one of: `text`, `password`, `email`, `number`, `textarea`, 'date', 'time'.
+     * When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.
+     * @values text, password, email, number, textarea, date, time
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (t: unknown) => boolean;
+    };
+    /**
+     * Value of the input
+     */
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /**
+     * Disables the input
+     * @values true, false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Label for the input
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Determines visibility of input label.
+     * @values true, false
+     */
+    labelVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Description for the input
+     */
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`
+     * @values null, xs, sm, md, lg, xl
+     */
+    size: {
+        type: StringConstructor;
+        default: null;
+        validator: (t: unknown) => boolean;
+    };
+    /**
+     * Size of the icon. One of `xs`, `sm`, `md`, `lg`, `xl`. If you do not set this the icon will size relative
+     * to the input size
+     * @values null, xs, sm, md, lg, xl
+     */
+    iconSize: {
+        type: StringConstructor;
+        default: null;
+        validator: (t: unknown) => boolean;
+    };
+    /**
+     * Additional class name for the input element.
+     * Can accept String, Object, and Array, i.e. has the
+     * same API as Vue's built-in handling of the class attribute.
+     */
+    inputClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    /**
+     * Additional class name for the input wrapper element.
+     * Can accept all of String, Object, and Array, i.e. has the
+     * same api as Vue's built-in handling of the class attribute.
+     */
+    inputWrapperClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    /**
+     * The current character length that the user has entered into the input.
+     * This will only need to be used if you are using `validate.length` and
+     * the string contains abnormal characters.
+     * For example, an emoji could take up many characters in the input, but should only count as 1 character.
+     * If no number is provided, a built-in length calculation will be used for the length validation.
+     */
+    currentLength: {
+        type: NumberConstructor;
+        default: null;
+    };
+    /**
+     * Whether the input will continue to display a warning validation message even if the input has lost focus.
+     */
+    retainWarning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Validation for the input. Supports maximum length validation with the structure:
+     * `{ "length": {"description": string, "max": number, "warn": number, "message": string,
+     * "limitMaxLength": boolean }}`
+     */
+    validate: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    /**
+     * hidden allows to use input without the element visually present in DOM
+     */
+    hidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    name: string;
+    value: string | number;
+    description: string;
+    type: string;
+    label: string;
+    size: string;
+    iconSize: string;
+    validate: Record<string, any>;
+    disabled: boolean;
+    hidden: boolean;
+    labelVisible: boolean;
+    inputClass: string | Record<string, any> | unknown[];
+    inputWrapperClass: string | Record<string, any> | unknown[];
+    currentLength: number;
+    retainWarning: boolean;
+}>;
+export default _default;
+//# sourceMappingURL=input.vue.d.ts.map

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

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