@dialpad/dialtone 9.95.0 → 9.97.0

package/dist/vue3/recipes/conversation_view/message_input/message_input_topbar.vue.js

@@ -0,0 +1,223 @@
+import { DtIconListBullet, DtIconBold, DtIconItalic, DtIconStrikethrough, DtIconListOrdered, DtIconQuote, DtIconCode, DtIconCodeBlock } from "@dialpad/dialtone-icons/vue3";
+import DtRecipeMessageInputButton from "./message_input_button.vue.js";
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, renderSlot, createElementVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+import DtStack from "../../../components/stack/stack.vue.js";
+const _sfc_main = {
+  name: "DtRecipeMesageInputTopbar",
+  components: {
+    DtStack,
+    DtIconListBullet,
+    DtIconBold,
+    DtIconItalic,
+    DtIconStrikethrough,
+    DtIconListOrdered,
+    DtIconQuote,
+    DtIconCode,
+    DtIconCodeBlock,
+    DtRecipeMessageInputButton
+  },
+  props: {
+    boldButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    italicButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    strikeButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    bulletListButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    orderedListButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    blockQuoteButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    codeButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    codeBlockButtonOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    isSelectionActive: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  emits: ["click"]
+};
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1);
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_icon_bold = resolveComponent("dt-icon-bold");
+  const _component_dt_recipe_message_input_button = resolveComponent("dt-recipe-message-input-button");
+  const _component_dt_icon_italic = resolveComponent("dt-icon-italic");
+  const _component_dt_icon_strikethrough = resolveComponent("dt-icon-strikethrough");
+  const _component_dt_icon_list_bullet = resolveComponent("dt-icon-list-bullet");
+  const _component_dt_icon_list_ordered = resolveComponent("dt-icon-list-ordered");
+  const _component_dt_icon_quote = resolveComponent("dt-icon-quote");
+  const _component_dt_icon_code = resolveComponent("dt-icon-code");
+  const _component_dt_icon_code_block = resolveComponent("dt-icon-code-block");
+  const _component_dt_stack = resolveComponent("dt-stack");
+  return openBlock(), createBlock(_component_dt_stack, {
+    direction: "row",
+    gap: "200",
+    class: "d-recipe-message-input__button-stack"
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.boldButtonOptions.ariaLabel,
+        "tooltip-text": $props.boldButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.boldButtonOptions.keyboardShortcutText,
+        "data-qa": "bold",
+        "is-active": $props.isSelectionActive("bold"),
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", "bold", $event))
+      }, {
+        icon: withCtx(() => [
+          createVNode(_component_dt_icon_bold, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.italicButtonOptions.ariaLabel,
+        "tooltip-text": $props.italicButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.italicButtonOptions.keyboardShortcutText,
+        "data-qa": "italic",
+        "is-active": $props.isSelectionActive("italic"),
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", "italic", $event))
+      }, {
+        icon: withCtx(() => [
+          createVNode(_component_dt_icon_italic, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.strikeButtonOptions.ariaLabel,
+        "tooltip-text": $props.strikeButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.strikeButtonOptions.keyboardShortcutText,
+        "data-qa": "strikethrough",
+        "is-active": $props.isSelectionActive("strike"),
+        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("click", "strike", $event))
+      }, {
+        icon: withCtx(() => [
+          createVNode(_component_dt_icon_strikethrough, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      _hoisted_1,
+      renderSlot(_ctx.$slots, "link"),
+      _hoisted_2,
+      createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.bulletListButtonOptions.ariaLabel,
+        "tooltip-text": $props.bulletListButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.bulletListButtonOptions.keyboardShortcutText,
+        "data-qa": "bullet-list",
+        "is-active": $props.isSelectionActive("bulletList"),
+        onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("click", "bulletList", $event))
+      }, {
+        icon: withCtx(() => [
+          createVNode(_component_dt_icon_list_bullet, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.orderedListButtonOptions.ariaLabel,
+        "tooltip-text": $props.orderedListButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.orderedListButtonOptions.keyboardShortcutText,
+        "data-qa": "ordered-list",
+        "is-active": $props.isSelectionActive("orderedList"),
+        onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("click", "orderedList", $event))
+      }, {
+        icon: withCtx(() => [
+          createVNode(_component_dt_icon_list_ordered, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      _hoisted_3,
+      createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.blockQuoteButtonOptions.ariaLabel,
+        "tooltip-text": $props.blockQuoteButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.blockQuoteButtonOptions.keyboardShortcutText,
+        "data-qa": "blockquote",
+        "is-active": $props.isSelectionActive("blockquote"),
+        onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("click", "blockquote", $event))
+      }, {
+        icon: withCtx(() => [
+          createVNode(_component_dt_icon_quote, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      _hoisted_4,
+      createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.codeButtonOptions.ariaLabel,
+        "tooltip-text": $props.codeButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.codeButtonOptions.keyboardShortcutText,
+        "data-qa": "code",
+        "is-active": $props.isSelectionActive("code"),
+        onClick: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("click", "code", $event))
+      }, {
+        icon: withCtx(() => [
+          createVNode(_component_dt_icon_code, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.codeBlockButtonOptions.ariaLabel,
+        "tooltip-text": $props.codeBlockButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.codeBlockButtonOptions.keyboardShortcutText,
+        "data-qa": "code-block",
+        "is-active": $props.isSelectionActive("codeBlock"),
+        onClick: _cache[7] || (_cache[7] = ($event) => _ctx.$emit("click", "codeBlock", $event))
+      }, {
+        icon: withCtx(() => [
+          createVNode(_component_dt_icon_code_block, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"])
+    ]),
+    _: 3
+  });
+}
+const DtRecipeMessageInputTopbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  DtRecipeMessageInputTopbar as default
+};
+//# sourceMappingURL=message_input_topbar.vue.js.map

package/dist/vue3/recipes/conversation_view/message_input/message_input_topbar.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_input_topbar.vue.js","sources":["../../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonOptions.ariaLabel\"\n      :tooltip-text=\"boldButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonOptions.ariaLabel\"\n      :tooltip-text=\"italicButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonOptions.ariaLabel\"\n      :tooltip-text=\"strikeButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonOptions.ariaLabel\"\n      :tooltip-text=\"bulletListButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonOptions.ariaLabel\"\n      :tooltip-text=\"orderedListButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonOptions.ariaLabel\"\n      :tooltip-text=\"blockQuoteButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeBlockButtonOptions.tooltipText\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\n\nimport {\n  DtIconListBullet, DtIconBold, DtIconItalic, DtIconStrikethrough,\n  DtIconListOrdered, DtIconQuote, DtIconCode, DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\n\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n  name: 'DtRecipeMesageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_createElementVNode","_createBlock","_withCtx","_createVNode","_renderSlot"],"mappings":"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"}

package/dist/vue3/types/components/hovercard/hovercard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hovercard.vue.d.ts","sourceRoot":"","sources":["../../../../components/hovercard/hovercard.vue"],"names":[],"mappings":"AA4CA;;;;;;;qBA6kB4B,GAAG;qBACF,GAAG;2BACI,GAAG;2BACH,GAAG"}
+{"version":3,"file":"hovercard.vue.d.ts","sourceRoot":"","sources":["../../../../components/hovercard/hovercard.vue"],"names":[],"mappings":"AAgDA;;;;;;;qBAutB6B,GAAG;qBACF,GAAG;2BACG,GAAG;2BACH,GAAG"}

package/dist/vue3/types/components/popover/popover.vue.d.ts

@@ -1,3 +1,434 @@
-declare const _default: (props: Record<string, any> & {}) => any;
+import { hasSlotContent } from '../../common/utils';
+declare const _default: import('vue').DefineComponent<{
+    open: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    openOnContext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    elementType: {
+        type: StringConstructor;
+        default: string;
+    };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    role: {
+        type: StringConstructor;
+        default: string;
+        validator: (role: unknown) => boolean;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: null;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: null;
+    };
+    closeButtonProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    padding: {
+        type: StringConstructor;
+        default: string;
+        validator: (padding: unknown) => boolean;
+    };
+    contentClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    contentWidth: {
+        type: StringConstructor;
+        default: string;
+        validator: (contentWidth: unknown) => boolean;
+    };
+    contentAppear: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    contentTabindex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    externalAnchor: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default(): string;
+    };
+    offset: {
+        type: ArrayConstructor;
+        default: () => number[];
+    };
+    hideOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fallbackPlacements: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    tether: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sticky: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (sticky: unknown) => boolean;
+    };
+    maxHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    footerClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    dialogClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    initialFocusElement: {
+        type: ({
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        } | StringConstructor)[];
+        default: string;
+        validator: (initialFocusElement: unknown) => any;
+    };
+    openWithArrowKeys: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendTo: {
+        type: ({
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        } | StringConstructor)[];
+        default: string;
+        validator: (appendTo: unknown) => boolean;
+    };
+}, any, {
+    POPOVER_PADDING_CLASSES: {
+        none: undefined;
+        small: string;
+        medium: string;
+        large: string;
+    };
+    POPOVER_HEADER_FOOTER_PADDING_CLASSES: {
+        none: undefined;
+        small: string;
+        medium: string;
+        large: string;
+    };
+    intersectionObserver: null;
+    isOutsideViewport: boolean;
+    isOpen: boolean;
+    toAppear: boolean;
+    anchorEl: null;
+    popoverContentEl: null;
+    hasSlotContent: typeof hasSlotContent;
+}, {
+    popoverListeners(): {
+        keydown: (event: any) => void;
+        'after-leave': (event: any) => void;
+        'after-enter': (event: any) => void;
+    };
+    calculatedMaxHeight(): "calc(100vh - var(--dt-space-300))";
+    labelledBy(): never;
+}, {
+    hasIntersectedViewport(entries: any): void;
+    popperOptions(): {
+        modifiers: ({
+            name: string;
+            options: {
+                fallbackPlacements: any[];
+                boundary: string;
+                altAxis?: undefined;
+                tether?: undefined;
+            };
+            enabled?: undefined;
+        } | {
+            name: string;
+            enabled: boolean;
+            options?: undefined;
+        } | {
+            name: string;
+            options: {
+                altAxis: boolean;
+                tether: boolean;
+                fallbackPlacements?: undefined;
+                boundary?: undefined;
+            };
+            enabled?: undefined;
+        })[];
+    };
+    validateProps(): void;
+    calculateAnchorZindex(): 300 | 650;
+    defaultToggleOpen(e: any): void;
+    onContext(event: any): Promise<void>;
+    toggleOpen(): void;
+    onArrowKeyPress(e: any): void;
+    addEventListeners(): void;
+    removeEventListeners(): void;
+    closePopover(): void;
+    preventScrolling(): void;
+    enableScrolling(): void;
+    removeReferences(): void;
+    onShow(): Promise<void>;
+    onLeaveTransitionComplete(): Promise<void>;
+    onEnterTransitionComplete(): Promise<void>;
+    focusInitialElement(): void;
+    focusInitialElementById(): void;
+    onResize(): void;
+    onClickOutside(): void;
+    onKeydown(e: any): void;
+    setPopoverContentAnchorWidth(): Promise<void>;
+    focusFirstElementIfNeeded(domEl: any): void;
+    getReferenceClientRect(error: any): any;
+    initTippyInstance(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onMouseEnterAnchor(): void;
+    onMouseLeaveAnchor(): 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').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    openOnContext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    elementType: {
+        type: StringConstructor;
+        default: string;
+    };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    role: {
+        type: StringConstructor;
+        default: string;
+        validator: (role: unknown) => boolean;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: null;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: null;
+    };
+    closeButtonProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    padding: {
+        type: StringConstructor;
+        default: string;
+        validator: (padding: unknown) => boolean;
+    };
+    contentClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    contentWidth: {
+        type: StringConstructor;
+        default: string;
+        validator: (contentWidth: unknown) => boolean;
+    };
+    contentAppear: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    contentTabindex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    externalAnchor: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default(): string;
+    };
+    offset: {
+        type: ArrayConstructor;
+        default: () => number[];
+    };
+    hideOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fallbackPlacements: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    tether: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sticky: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (sticky: unknown) => boolean;
+    };
+    maxHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    footerClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    dialogClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    initialFocusElement: {
+        type: ({
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        } | StringConstructor)[];
+        default: string;
+        validator: (initialFocusElement: unknown) => any;
+    };
+    openWithArrowKeys: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendTo: {
+        type: ({
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        } | StringConstructor)[];
+        default: string;
+        validator: (appendTo: unknown) => boolean;
+    };
+}>> & {
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    "onMouseenter-popover"?: ((...args: any[]) => any) | undefined;
+    "onMouseleave-popover"?: ((...args: any[]) => any) | undefined;
+    "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
+    "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
+}, {
+    id: string;
+    role: string;
+    open: boolean;
+    ariaLabel: string;
+    transition: string;
+    closeButtonProps: Record<string, any>;
+    dialogClass: string | Record<string, any> | unknown[];
+    maxHeight: string;
+    contentClass: string | Record<string, any> | unknown[];
+    headerClass: string | Record<string, any> | unknown[];
+    footerClass: string | Record<string, any> | unknown[];
+    elementType: string;
+    maxWidth: string;
+    offset: unknown[];
+    fallbackPlacements: unknown[];
+    tether: boolean;
+    appendTo: string | HTMLElement;
+    hideOnClick: boolean;
+    placement: string;
+    sticky: string | boolean;
+    externalAnchor: string;
+    showCloseButton: boolean;
+    contentAppear: boolean;
+    modal: boolean;
+    openOnContext: boolean;
+    ariaLabelledby: string;
+    padding: string;
+    contentWidth: string;
+    contentTabindex: number;
+    initialFocusElement: string | HTMLElement;
+    openWithArrowKeys: boolean;
+}, {}>;
 export default _default;
 //# sourceMappingURL=popover.vue.d.ts.map

package/dist/vue3/types/components/popover/popover.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.vue.d.ts","sourceRoot":"","sources":["../../../../components/popover/popover.vue"],"names":[],"mappings":"AA6HA;"}
+{"version":3,"file":"popover.vue.d.ts","sourceRoot":"","sources":["../../../../components/popover/popover.vue"],"names":[],"mappings":"AA6HA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAqjC6H,gBAAgB"}