@dialpad/dialtone-vue 2.106.6 → 2.107.0

package/dist/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts

@@ -0,0 +1,433 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * String to use for the input label.
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Determines visibility of input label.
+     * @values true, false
+     */
+    labelVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 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;
+    };
+    /**
+     * Description for the input
+     */
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Determines when to show the list element and also controls the aria-expanded attribute.
+     * Leaving this null will have the combobox trigger on input focus by default.
+     * If you set this value, the default trigger behavior will be disabled and you can
+     * control it as you need.
+     */
+    showList: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    /**
+     * Sets an ID on the list element of the component. Used by several aria attributes
+     * as well as when deriving the IDs for each item.
+     */
+    listId: {
+        type: StringConstructor;
+        default(): string;
+    };
+    /**
+     * Additional class for the wrapper list element.
+     */
+    listClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    /**
+     * A method that will be called when the selection goes past the beginning of the list.
+     */
+    onBeginningOfList: {
+        type: FunctionConstructor;
+        default: null;
+    };
+    /**
+     * A method that will be called when the selection goes past the end of the list.
+     */
+    onEndOfList: {
+        type: FunctionConstructor;
+        default: null;
+    };
+    /**
+     * Determines maximum height for the popover before overflow.
+     * Possible units rem|px|em
+     */
+    maxHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Determines maximum width for the popover before overflow.
+     * Possible units rem|px|%|em
+     */
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Vertical padding size around the list element.
+     */
+    padding: {
+        type: StringConstructor;
+        default: string;
+        validator: (padding: unknown) => boolean;
+    };
+    /**
+     * Width configuration for the popover content. When its value is 'anchor',
+     * the popover content will have the same width as the anchor.
+     */
+    contentWidth: {
+        type: StringConstructor;
+        default: null;
+        validator: (contentWidth: unknown) => boolean;
+    };
+    /**
+     * If the list should be shown by pressing up or down arrow key on the input element.
+     * This can be set when not passing showList prop.
+     */
+    openWithArrowKeys: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     *  Displaces the popover content box from its anchor element
+     *  by the specified number of pixels.
+     */
+    popoverOffset: {
+        type: ArrayConstructor;
+        default: () => number[];
+    };
+    /**
+     * If the popover sticks to the input.
+     */
+    popoverSticky: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    /**
+     * Displays the list when the combobox is focused, before the user has typed anything.
+     * When this is enabled the list will not close after selection.
+     */
+    hasSuggestionList: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Determines when to show the skeletons and also controls aria-busy attribute.
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.
+     */
+    emptyList: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Message to show when the list is empty
+     */
+    emptyStateMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Sets the element to which the popover is going to append to.
+     * 'body' will append to the nearest body (supports shadow DOM).
+     * @values 'body', 'parent', HTMLElement,
+     */
+    appendTo: {
+        type: (StringConstructor | {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        })[];
+        default: string;
+        validator: (appendTo: unknown) => boolean;
+    };
+    /**
+     * Named transition when the content display is toggled.
+     * @see DtLazyShow
+     */
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, {
+    DROPDOWN_PADDING_CLASSES: {
+        none: undefined;
+        small: string;
+        large: string;
+    };
+    isListShown: boolean;
+    isInputFocused: boolean;
+    isListFocused: boolean;
+    externalAnchor: string;
+}, {
+    comboboxListeners(): {
+        select: (highlightIndex: any) => void;
+        escape: () => void;
+        highlight: (highlightIndex: any) => void;
+    };
+}, {
+    handleDisplayList(value: any): void;
+    showComboboxList(): void;
+    closeComboboxList(): void;
+    onSelect(highlightIndex: any): void;
+    onEscape(): void;
+    onHighlight(highlightIndex: any): void;
+    onOpened(opened: any): void;
+    onFocusIn(e: any): void;
+    onFocusOut(e: any): void;
+    openOnArrowKeyPress(): void;
+}, {
+    props: {
+        visuallyHiddenClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        visuallyHiddenCloseLabel: {
+            type: StringConstructor;
+            default: null;
+        };
+    };
+    watch: {
+        $props: {
+            immediate: boolean;
+            deep: boolean;
+            handler(): void;
+        };
+    };
+    computed: {
+        showVisuallyHiddenClose(): any;
+    };
+    methods: {
+        /**
+         * String to use for the input label.
+         */
+        validateVisuallyHiddenCloseProps(): void;
+    };
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("select" | "opened" | "escape" | "highlight")[], string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * String to use for the input label.
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Determines visibility of input label.
+     * @values true, false
+     */
+    labelVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 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;
+    };
+    /**
+     * Description for the input
+     */
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Determines when to show the list element and also controls the aria-expanded attribute.
+     * Leaving this null will have the combobox trigger on input focus by default.
+     * If you set this value, the default trigger behavior will be disabled and you can
+     * control it as you need.
+     */
+    showList: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    /**
+     * Sets an ID on the list element of the component. Used by several aria attributes
+     * as well as when deriving the IDs for each item.
+     */
+    listId: {
+        type: StringConstructor;
+        default(): string;
+    };
+    /**
+     * Additional class for the wrapper list element.
+     */
+    listClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    /**
+     * A method that will be called when the selection goes past the beginning of the list.
+     */
+    onBeginningOfList: {
+        type: FunctionConstructor;
+        default: null;
+    };
+    /**
+     * A method that will be called when the selection goes past the end of the list.
+     */
+    onEndOfList: {
+        type: FunctionConstructor;
+        default: null;
+    };
+    /**
+     * Determines maximum height for the popover before overflow.
+     * Possible units rem|px|em
+     */
+    maxHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Determines maximum width for the popover before overflow.
+     * Possible units rem|px|%|em
+     */
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Vertical padding size around the list element.
+     */
+    padding: {
+        type: StringConstructor;
+        default: string;
+        validator: (padding: unknown) => boolean;
+    };
+    /**
+     * Width configuration for the popover content. When its value is 'anchor',
+     * the popover content will have the same width as the anchor.
+     */
+    contentWidth: {
+        type: StringConstructor;
+        default: null;
+        validator: (contentWidth: unknown) => boolean;
+    };
+    /**
+     * If the list should be shown by pressing up or down arrow key on the input element.
+     * This can be set when not passing showList prop.
+     */
+    openWithArrowKeys: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     *  Displaces the popover content box from its anchor element
+     *  by the specified number of pixels.
+     */
+    popoverOffset: {
+        type: ArrayConstructor;
+        default: () => number[];
+    };
+    /**
+     * If the popover sticks to the input.
+     */
+    popoverSticky: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    /**
+     * Displays the list when the combobox is focused, before the user has typed anything.
+     * When this is enabled the list will not close after selection.
+     */
+    hasSuggestionList: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Determines when to show the skeletons and also controls aria-busy attribute.
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.
+     */
+    emptyList: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Message to show when the list is empty
+     */
+    emptyStateMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Sets the element to which the popover is going to append to.
+     * 'body' will append to the nearest body (supports shadow DOM).
+     * @values 'body', 'parent', HTMLElement,
+     */
+    appendTo: {
+        type: (StringConstructor | {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        })[];
+        default: string;
+        validator: (appendTo: unknown) => boolean;
+    };
+    /**
+     * Named transition when the content display is toggled.
+     * @see DtLazyShow
+     */
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    description: string;
+    size: string;
+    loading: boolean;
+    maxHeight: string;
+    transition: string;
+    maxWidth: string;
+    showList: boolean;
+    labelVisible: boolean;
+    listId: string;
+    onBeginningOfList: Function;
+    onEndOfList: Function;
+    emptyList: boolean;
+    emptyStateMessage: string;
+    appendTo: string | HTMLElement;
+    padding: string;
+    contentWidth: string;
+    openWithArrowKeys: boolean;
+    listClass: string | Record<string, any> | unknown[];
+    popoverOffset: unknown[];
+    popoverSticky: string | boolean;
+    hasSuggestionList: boolean;
+}>;
+export default _default;
+//# sourceMappingURL=combobox_with_popover.vue.d.ts.map

package/dist/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox_with_popover.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.js"],"names":[],"mappings":";IAuBI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;;;;IAUH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAlMH;;WAEG;;;;IAFH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;;;;IAUH;;;OAGG"}

package/dist/types/recipes/comboboxes/combobox_with_popover/index.d.ts

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

package/dist/types/recipes/comboboxes/combobox_with_popover/index.d.ts.map

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

package/dist/types/recipes/conversation_view/emoji_row/emoji_row.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Provide an array of reaction objects to be shown.
+     */
+    reactions: {
+        type: ArrayConstructor;
+        default: () => never[];
+        validator: (reactions: unknown) => boolean;
+    };
+}, {}, {}, {}, {
+    emojiClicked(reaction: any): void;
+    emojiHovered(reaction: any, state: any): void;
+}, never, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("emoji-clicked" | "emoji-hovered")[], string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Provide an array of reaction objects to be shown.
+     */
+    reactions: {
+        type: ArrayConstructor;
+        default: () => never[];
+        validator: (reactions: unknown) => boolean;
+    };
+}>>, {
+    reactions: unknown[];
+}>;
+export default _default;
+//# sourceMappingURL=emoji_row.vue.d.ts.map

package/dist/types/recipes/conversation_view/emoji_row/emoji_row.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/emoji_row/emoji_row.vue.js"],"names":[],"mappings":";IAgBI;;OAEG;;;;;;;;;;IAFH;;OAEG"}

package/dist/types/recipes/conversation_view/emoji_row/emoji_row_constants.d.ts

@@ -0,0 +1,6 @@
+export const REACTIONS_ATTRIBUTES: string[];
+declare namespace _default {
+    export { REACTIONS_ATTRIBUTES };
+}
+export default _default;
+//# sourceMappingURL=emoji_row_constants.d.ts.map

package/dist/types/recipes/conversation_view/emoji_row/emoji_row_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji_row_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/emoji_row/emoji_row_constants.js"],"names":[],"mappings":"AAAA,4CAME"}

package/dist/types/recipes/conversation_view/emoji_row/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DtRecipeEmojiRow } from "./emoji_row.vue";
+export { REACTIONS_ATTRIBUTES } from "./emoji_row_constants";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/recipes/conversation_view/emoji_row/index.d.ts.map

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

package/dist/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts

@@ -0,0 +1,179 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
+     */
+    avatarSeed: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Show avatar, show header text or dont show left time and vice versa
+     */
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Show the avatar of the user, if this is not passed in, the initials would display
+     */
+    avatarImageUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The display name of the sender
+     */
+    displayName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * time string displayed as is.
+     * Shown on the header when showHeader is true
+     */
+    time: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * short time string without AM/PM displayed as is.
+     * Shown on the left of feed item when showHeader is false and isActive is true
+     */
+    shortTime: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * A label displayed next to the displayName. Will not show if empty.
+     */
+    labelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * displays a darkened background on the row.
+     */
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * state for the feed item row. Can be default, searched & error
+     */
+    state: {
+        type: StringConstructor;
+        default: string;
+        validator: (state: unknown) => boolean;
+    };
+}, {}, {
+    faded: boolean;
+}, {
+    feedListeners(): {
+        mouseenter: () => void;
+        mouseleave: () => void;
+        focusin: () => void;
+        focusout: () => void;
+        keydown: (event: any) => void;
+    };
+    listItemClasses(): (string | {
+        'd-bgc-secondary-opaque': never;
+    })[];
+}, {
+    trapFocus(e: any): void;
+    setFocus(bool: any): void;
+    setHover(bool: any): void;
+    fade(): void;
+}, {
+    methods: {
+        getFirstFocusableElement(el: object): Promise<any>;
+        focusFirstElement(el?: object): Promise<void>;
+        focusElementById(elementId: any): Promise<void>; /**
+         * Fires when hovered over feed row
+         *
+         * @event hover
+         * @type {Boolean}
+         */
+        _getFirstFocusElement(focusableElements: any): any;
+        _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
+        focusTrappedTabPress(e: object, el: object): void;
+    };
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("focus" | "keydown" | "hover")[], string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
+     */
+    avatarSeed: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Show avatar, show header text or dont show left time and vice versa
+     */
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Show the avatar of the user, if this is not passed in, the initials would display
+     */
+    avatarImageUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The display name of the sender
+     */
+    displayName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * time string displayed as is.
+     * Shown on the header when showHeader is true
+     */
+    time: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * short time string without AM/PM displayed as is.
+     * Shown on the left of feed item when showHeader is false and isActive is true
+     */
+    shortTime: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * A label displayed next to the displayName. Will not show if empty.
+     */
+    labelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * displays a darkened background on the row.
+     */
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * state for the feed item row. Can be default, searched & error
+     */
+    state: {
+        type: StringConstructor;
+        default: string;
+        validator: (state: unknown) => boolean;
+    };
+}>>, {
+    time: string;
+    isActive: boolean;
+    state: string;
+    avatarSeed: string;
+    showHeader: boolean;
+    avatarImageUrl: string;
+    displayName: string;
+    shortTime: string;
+    labelText: string;
+}>;
+export default _default;
+//# sourceMappingURL=feed_item_row.vue.d.ts.map

package/dist/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feed_item_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_item_row/feed_item_row.vue.js"],"names":[],"mappings":";IAwBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDASH;;;;;WAKG;;;;;;IAlFH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/types/recipes/conversation_view/feed_item_row/feed_item_row_constants.d.ts

@@ -0,0 +1,12 @@
+export namespace FEED_ROW_STATE_BACKGROUND_COLOR {
+    let NORMAL: string;
+    let SEARCHED: string;
+    let ERROR: string;
+}
+export const DEFAULT_FEED_ROW_STATE: "NORMAL";
+declare namespace _default {
+    export { FEED_ROW_STATE_BACKGROUND_COLOR };
+    export { DEFAULT_FEED_ROW_STATE };
+}
+export default _default;
+//# sourceMappingURL=feed_item_row_constants.d.ts.map

package/dist/types/recipes/conversation_view/feed_item_row/feed_item_row_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feed_item_row_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_item_row/feed_item_row_constants.js"],"names":[],"mappings":";;;;;AAMA,8CAA+C"}

package/dist/types/recipes/conversation_view/feed_item_row/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DtRecipeFeedItemRow } from "./feed_item_row.vue";
+export { FEED_ROW_STATE_BACKGROUND_COLOR, DEFAULT_FEED_ROW_STATE } from "./feed_item_row_constants";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/recipes/conversation_view/feed_item_row/index.d.ts.map

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