@dialpad/dialtone 9.66.0 → 9.67.0

package/dist/vue3/lib/toggle.js

@@ -113,11 +113,15 @@ const _sfc_main = {
       return this.isIndeterminate ? "checkbox" : "switch";
     },
     toggleClasses() {
-      return ["d-toggle", TOGGLE_SIZE_MODIFIERS[this.size], {
-        "d-toggle--checked": this.internalChecked === true,
-        "d-toggle--disabled": this.disabled,
-        "d-toggle--indeterminate": this.isIndeterminate
-      }];
+      return [
+        "d-toggle",
+        TOGGLE_SIZE_MODIFIERS[this.size],
+        {
+          "d-toggle--checked": this.internalChecked === true,
+          "d-toggle--disabled": this.disabled,
+          "d-toggle--indeterminate": this.isIndeterminate
+        }
+      ];
     }
   },
   watch: {
@@ -143,14 +147,15 @@ const _sfc_main = {
     },
     validateInputLabels(hasLabel, ariaLabel) {
       if (!hasLabel && !ariaLabel) {
-        warn("You must provide an aria-label when there is no label passed", this);
+        warn(
+          "You must provide an aria-label when there is no label passed",
+          this
+        );
       }
     }
   }
 };
-const _hoisted_1 = {
-  class: "d-toggle-wrapper"
-};
+const _hoisted_1 = { class: "d-toggle-wrapper" };
 const _hoisted_2 = ["for"];
 const _hoisted_3 = ["id", "role", "aria-checked", "disabled", "aria-disabled"];
 const _hoisted_4 = {
@@ -158,21 +163,26 @@ const _hoisted_4 = {
   class: "d-toggle__inner"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [$data.hasSlotContent(_ctx.$slots.default) ? (openBlock(), createElementBlock("label", mergeProps({
-    key: 0,
-    class: $props.labelClass,
-    for: $props.id
-  }, $props.labelChildProps, {
-    "data-qa": "toggle-label"
-  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2)) : createCommentVNode("", true), createElementVNode("button", mergeProps({
-    id: $props.id,
-    role: $options.toggleRole,
-    type: "button",
-    "aria-checked": $data.internalChecked.toString(),
-    disabled: $props.disabled,
-    "aria-disabled": $props.disabled.toString(),
-    class: $options.toggleClasses
-  }, $options.inputListeners), [$props.showIcon ? (openBlock(), createElementBlock("span", _hoisted_4)) : createCommentVNode("", true)], 16, _hoisted_3)]);
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    $data.hasSlotContent(_ctx.$slots.default) ? (openBlock(), createElementBlock("label", mergeProps({
+      key: 0,
+      class: $props.labelClass,
+      for: $props.id
+    }, $props.labelChildProps, { "data-qa": "toggle-label" }), [
+      renderSlot(_ctx.$slots, "default")
+    ], 16, _hoisted_2)) : createCommentVNode("", true),
+    createElementVNode("button", mergeProps({
+      id: $props.id,
+      role: $options.toggleRole,
+      type: "button",
+      "aria-checked": $data.internalChecked.toString(),
+      disabled: $props.disabled,
+      "aria-disabled": $props.disabled.toString(),
+      class: $options.toggleClasses
+    }, $options.inputListeners), [
+      $props.showIcon ? (openBlock(), createElementBlock("span", _hoisted_4)) : createCommentVNode("", true)
+    ], 16, _hoisted_3)
+  ]);
 }
 const toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/vue3/lib/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sources":["../../components/toggle/toggle_constants.js","../../components/toggle/toggle.vue"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n","<template>\n  <div class=\"d-toggle-wrapper\">\n    <label\n      v-if=\"hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/toggle/toggle_constants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  model: {\n    prop: 'checked',\n    event: 'change',\n  },\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @model checked\n     * @values true, false, 'mixed'\n     */\n    checked: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Toggle change event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.checked,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...this.$attrs,\n        onClick: _ => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[this.size],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    checked (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    toggleCheckedValue () {\n      this.$emit('change', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasSlotLabel(), this.$attrs['aria-label']);\n    },\n\n    validateInputLabels (hasLabel, ariaLabel) {\n      if (!hasLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n</script>\n"],"names":["TOGGLE_SIZE_MODIFIERS","sm","md","TOGGLE_CHECKED_VALUES","_sfc_main","name","inheritAttrs","model","prop","event","props","id","type","String","default","getUniqueString","disabled","Boolean","checked","validator","v","includes","toggleOnClick","size","s","Object","keys","showIcon","labelClass","Array","labelChildProps","emits","data","internalChecked","hasSlotContent","computed","inputListeners","$attrs","onClick","_","toggleCheckedValue","isIndeterminate","toggleRole","toggleClasses","watch","newChecked","mounted","runValidations","methods","$emit","hasSlotLabel","$slots","validateInputLabels","hasLabel","ariaLabel","warn","_hoisted_1","class","_openBlock","_createElementBlock","$data","_ctx","_mergeProps","$props","for","_renderSlot","_createElementVNode","role","$options","toString","_hoisted_4"],"mappings":"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"}
+{"version":3,"file":"toggle.js","sources":["../../components/toggle/toggle_constants.js","../../components/toggle/toggle.vue"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n","<template>\n  <div class=\"d-toggle-wrapper\">\n    <label\n      v-if=\"hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/toggle/toggle_constants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  model: {\n    prop: 'checked',\n    event: 'change',\n  },\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @model checked\n     * @values true, false, 'mixed'\n     */\n    checked: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Toggle change event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.checked,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...this.$attrs,\n        onClick: _ => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[this.size],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    checked (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    toggleCheckedValue () {\n      this.$emit('change', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasSlotLabel(), this.$attrs['aria-label']);\n    },\n\n    validateInputLabels (hasLabel, ariaLabel) {\n      if (!hasLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n</script>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","_renderSlot","_createElementVNode"],"mappings":"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"}

package/dist/vue3/lib/tooltip-directive.cjs

@@ -4,7 +4,7 @@ const common_utils = require("../common/utils.cjs");
 const vue = require("vue");
 const lib_tooltip = require("./tooltip.cjs");
 require("../common/constants.cjs");
-require("../chunks/popover_constants-h9MD6WUt.js");
+require("../chunks/popover_constants-XnGWXaxX.js");
 require("tippy.js");
 require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
 const DtTooltipDirective = {
@@ -16,9 +16,7 @@ const DtTooltipDirective = {
     const DEFAULT_PLACEMENT = "top";
     const DtTooltipDirectiveApp = vue.createApp({
       name: "DtTooltipDirectiveApp",
-      components: {
-        DtTooltip: lib_tooltip.DtTooltip
-      },
+      components: { DtTooltip: lib_tooltip.DtTooltip },
       data() {
         return {
           tooltips: []
@@ -34,11 +32,7 @@ const DtTooltipDirective = {
             this.tooltips[index].message = message;
             this.tooltips[index].placement = placement;
           } else {
-            this.tooltips.push({
-              id,
-              message,
-              placement
-            });
+            this.tooltips.push({ id, message, placement });
           }
         },
         removeTooltip(id) {
@@ -46,23 +40,22 @@ const DtTooltipDirective = {
         }
       },
       render() {
-        return vue.h("div", this.tooltips.map(({
-          id,
-          message,
-          placement
-        }) => {
-          return vue.h(lib_tooltip.DtTooltip, {
-            key: id,
-            message,
-            placement,
-            sticky: true,
-            /**
-             * Set the delay to false when running tests only.
-             */
-            delay: process.env.NODE_ENV !== "test",
-            externalAnchor: `[data-dt-tooltip-id="${id}"]`
-          });
-        }));
+        return vue.h(
+          "div",
+          this.tooltips.map(({ id, message, placement }) => {
+            return vue.h(lib_tooltip.DtTooltip, {
+              key: id,
+              message,
+              placement,
+              sticky: true,
+              /**
+               * Set the delay to false when running tests only.
+               */
+              delay: process.env.NODE_ENV !== "test",
+              externalAnchor: `[data-dt-tooltip-id="${id}"]`
+            });
+          })
+        );
       }
     });
     DtTooltipDirectiveApp.mount(mountPoint);

package/dist/vue3/lib/tooltip-directive.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-directive.cjs","sources":["../../directives/tooltip/tooltip.js"],"sourcesContent":["import { DtTooltip } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, getCurrentInstance, h } from 'vue';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (app) {\n    let tooltipInstance;\n    const mountPoint = document.createElement('div');\n    document.body.appendChild(mountPoint);\n\n    const DEFAULT_PLACEMENT = 'top';\n    const DtTooltipDirectiveApp = createApp({\n      name: 'DtTooltipDirectiveApp',\n      components: { DtTooltip },\n      data () {\n        return {\n          tooltips: [],\n        };\n      },\n\n      mounted () {\n        tooltipInstance = getCurrentInstance();\n      },\n\n      methods: {\n        addOrUpdateTooltip (id, message, placement) {\n          const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n          if (index !== -1) {\n            // Update existing tooltip\n            this.tooltips[index].message = message;\n            this.tooltips[index].placement = placement;\n          } else {\n            // Add new tooltip\n            this.tooltips.push({ id, message, placement });\n          }\n        },\n\n        removeTooltip (id) {\n          this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n        },\n      },\n\n      render () {\n        return h('div',\n          this.tooltips.map(({ id, message, placement }) => {\n            return h(DtTooltip, {\n              key: id,\n              message,\n              placement,\n              sticky: true,\n              /**\n               * Set the delay to false when running tests only.\n               */\n              delay: process.env.NODE_ENV !== 'test',\n              externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n            });\n          }),\n        );\n      },\n    });\n\n    DtTooltipDirectiveApp.mount(mountPoint);\n\n    app.directive('dt-tooltip', {\n      beforeMount (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      updated (anchor, binding) {\n        // Update tooltip on binding value change\n        if (binding.value !== binding.oldValue) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unmounted (anchor) {\n        tooltipInstance.ctx.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n      const message = binding.value;\n      const placement = binding.arg || DEFAULT_PLACEMENT;\n\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n\n      tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, message, placement);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"names":["DtTooltipDirective","name","install","app","tooltipInstance","mountPoint","document","createElement","body","appendChild","DEFAULT_PLACEMENT","DtTooltipDirectiveApp","createApp","components","DtTooltip","data","tooltips","mounted","getCurrentInstance","methods","addOrUpdateTooltip","id","message","placement","index","findIndex","tooltip","push","removeTooltip","filter","render","h","map","key","sticky","delay","process","env","NODE_ENV","externalAnchor","mount","directive","beforeMount","anchor","binding","setupTooltip","updated","value","oldValue","unmounted","ctx","getAttribute","tooltipId","getUniqueString","arg","setAttribute"],"mappings":";;;;;;;;;AAIO,MAAMA,qBAAqB;AAAA,EAChCC,MAAM;AAAA,EACNC,QAASC,KAAK;AACZ,QAAIC;AACJ,UAAMC,aAAaC,SAASC,cAAc,KAAK;AAC/CD,aAASE,KAAKC,YAAYJ,UAAU;AAEpC,UAAMK,oBAAoB;AAC1B,UAAMC,wBAAwBC,IAAAA,UAAU;AAAA,MACtCX,MAAM;AAAA,MACNY,YAAY;AAAA,QAAEC,WAAAA,YAAAA;AAAAA,MAAW;AAAA,MACzBC,OAAQ;AACN,eAAO;AAAA,UACLC,UAAU,CAAA;AAAA;MAEb;AAAA,MAEDC,UAAW;AACTb,0BAAkBc,IAAkB,mBAAA;AAAA,MACrC;AAAA,MAEDC,SAAS;AAAA,QACPC,mBAAoBC,IAAIC,SAASC,WAAW;AAC1C,gBAAMC,QAAQ,KAAKR,SAASS,UAAUC,aAAWA,QAAQL,OAAOA,EAAE;AAClE,cAAIG,UAAU,IAAI;AAEhB,iBAAKR,SAASQ,KAAK,EAAEF,UAAUA;AAC/B,iBAAKN,SAASQ,KAAK,EAAED,YAAYA;AAAAA,UACnC,OAAO;AAEL,iBAAKP,SAASW,KAAK;AAAA,cAAEN;AAAAA,cAAIC;AAAAA,cAASC;AAAAA,YAAU,CAAC;AAAA,UAC/C;AAAA,QACD;AAAA,QAEDK,cAAeP,IAAI;AACjB,eAAKL,WAAW,KAAKA,SAASa,OAAOH,aAAWA,QAAQL,OAAOA,EAAE;AAAA,QACnE;AAAA,MACD;AAAA,MAEDS,SAAU;AACR,eAAOC,IAAC,EAAC,OACP,KAAKf,SAASgB,IAAI,CAAC;AAAA,UAAEX;AAAAA,UAAIC;AAAAA,UAASC;AAAAA,QAAU,MAAM;AAChD,iBAAOQ,IAAAA,EAAEjB,YAAAA,WAAW;AAAA,YAClBmB,KAAKZ;AAAAA,YACLC;AAAAA,YACAC;AAAAA,YACAW,QAAQ;AAAA;AAAA;AAAA;AAAA,YAIRC,OAAOC,QAAQC,IAAIC,aAAa;AAAA,YAChCC,gBAAgB,wBAAwBlB,EAAE;AAAA,UAC5C,CAAC;AAAA,QACF,CAAA,CACH;AAAA,MACF;AAAA,IACF,CAAC;AAEDV,0BAAsB6B,MAAMnC,UAAU;AAEtCF,QAAIsC,UAAU,cAAc;AAAA,MAC1BC,YAAaC,QAAQC,SAAS;AAE5BC,qBAAaF,QAAQC,OAAO;AAAA,MAC7B;AAAA,MACDE,QAASH,QAAQC,SAAS;AAExB,YAAIA,QAAQG,UAAUH,QAAQI,UAAU;AACtCH,uBAAaF,QAAQC,OAAO;AAAA,QAC9B;AAAA,MACD;AAAA,MACDK,UAAWN,QAAQ;AACjBvC,wBAAgB8C,IAAItB,cAAce,OAAOQ,aAAa,oBAAoB,CAAC;AAAA,MAC7E;AAAA,IACF,CAAC;AAED,aAASN,aAAcF,QAAQC,SAAS;AACtC,YAAMQ,YAAYT,OAAOQ,aAAa,oBAAoB,KAAKE,aAAe,gBAAA;AAC9E,YAAM/B,UAAUsB,QAAQG;AACxB,YAAMxB,YAAYqB,QAAQU,OAAO5C;AAEjCiC,aAAOY,aAAa,sBAAsBH,SAAS;AAEnDhD,sBAAgB8C,IAAI9B,mBAAmBgC,WAAW9B,SAASC,SAAS;AAAA,IACtE;AAAA,EACF;AACF;;"}
+{"version":3,"file":"tooltip-directive.cjs","sources":["../../directives/tooltip/tooltip.js"],"sourcesContent":["import { DtTooltip } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, getCurrentInstance, h } from 'vue';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (app) {\n    let tooltipInstance;\n    const mountPoint = document.createElement('div');\n    document.body.appendChild(mountPoint);\n\n    const DEFAULT_PLACEMENT = 'top';\n    const DtTooltipDirectiveApp = createApp({\n      name: 'DtTooltipDirectiveApp',\n      components: { DtTooltip },\n      data () {\n        return {\n          tooltips: [],\n        };\n      },\n\n      mounted () {\n        tooltipInstance = getCurrentInstance();\n      },\n\n      methods: {\n        addOrUpdateTooltip (id, message, placement) {\n          const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n          if (index !== -1) {\n            // Update existing tooltip\n            this.tooltips[index].message = message;\n            this.tooltips[index].placement = placement;\n          } else {\n            // Add new tooltip\n            this.tooltips.push({ id, message, placement });\n          }\n        },\n\n        removeTooltip (id) {\n          this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n        },\n      },\n\n      render () {\n        return h('div',\n          this.tooltips.map(({ id, message, placement }) => {\n            return h(DtTooltip, {\n              key: id,\n              message,\n              placement,\n              sticky: true,\n              /**\n               * Set the delay to false when running tests only.\n               */\n              delay: process.env.NODE_ENV !== 'test',\n              externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n            });\n          }),\n        );\n      },\n    });\n\n    DtTooltipDirectiveApp.mount(mountPoint);\n\n    app.directive('dt-tooltip', {\n      beforeMount (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      updated (anchor, binding) {\n        // Update tooltip on binding value change\n        if (binding.value !== binding.oldValue) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unmounted (anchor) {\n        tooltipInstance.ctx.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n      const message = binding.value;\n      const placement = binding.arg || DEFAULT_PLACEMENT;\n\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n\n      tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, message, placement);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"names":["createApp","DtTooltip","getCurrentInstance","h","getUniqueString"],"mappings":";;;;;;;;;AAIY,MAAC,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAAS,KAAK;AACZ,QAAI;AACJ,UAAM,aAAa,SAAS,cAAc,KAAK;AAC/C,aAAS,KAAK,YAAY,UAAU;AAEpC,UAAM,oBAAoB;AAC1B,UAAM,wBAAwBA,IAAAA,UAAU;AAAA,MACtC,MAAM;AAAA,MACN,YAAY,EAAEC,WAAAA,YAAAA,UAAW;AAAA,MACzB,OAAQ;AACN,eAAO;AAAA,UACL,UAAU,CAAE;AAAA,QACtB;AAAA,MACO;AAAA,MAED,UAAW;AACT,0BAAkBC,IAAkB,mBAAA;AAAA,MACrC;AAAA,MAED,SAAS;AAAA,QACP,mBAAoB,IAAI,SAAS,WAAW;AAC1C,gBAAM,QAAQ,KAAK,SAAS,UAAU,aAAW,QAAQ,OAAO,EAAE;AAClE,cAAI,UAAU,IAAI;AAEhB,iBAAK,SAAS,KAAK,EAAE,UAAU;AAC/B,iBAAK,SAAS,KAAK,EAAE,YAAY;AAAA,UAC7C,OAAiB;AAEL,iBAAK,SAAS,KAAK,EAAE,IAAI,SAAS,UAAS,CAAE;AAAA,UAC9C;AAAA,QACF;AAAA,QAED,cAAe,IAAI;AACjB,eAAK,WAAW,KAAK,SAAS,OAAO,aAAW,QAAQ,OAAO,EAAE;AAAA,QAClE;AAAA,MACF;AAAA,MAED,SAAU;AACR,eAAOC,IAAC;AAAA,UAAC;AAAA,UACP,KAAK,SAAS,IAAI,CAAC,EAAE,IAAI,SAAS,gBAAgB;AAChD,mBAAOA,IAAAA,EAAEF,YAAAA,WAAW;AAAA,cAClB,KAAK;AAAA,cACL;AAAA,cACA;AAAA,cACA,QAAQ;AAAA;AAAA;AAAA;AAAA,cAIR,OAAO,QAAQ,IAAI,aAAa;AAAA,cAChC,gBAAgB,wBAAwB,EAAE;AAAA,YACxD,CAAa;AAAA,UACb,CAAW;AAAA,QACX;AAAA,MACO;AAAA,IACP,CAAK;AAED,0BAAsB,MAAM,UAAU;AAEtC,QAAI,UAAU,cAAc;AAAA,MAC1B,YAAa,QAAQ,SAAS;AAE5B,qBAAa,QAAQ,OAAO;AAAA,MAC7B;AAAA,MACD,QAAS,QAAQ,SAAS;AAExB,YAAI,QAAQ,UAAU,QAAQ,UAAU;AACtC,uBAAa,QAAQ,OAAO;AAAA,QAC7B;AAAA,MACF;AAAA,MACD,UAAW,QAAQ;AACjB,wBAAgB,IAAI,cAAc,OAAO,aAAa,oBAAoB,CAAC;AAAA,MAC5E;AAAA,IACP,CAAK;AAED,aAAS,aAAc,QAAQ,SAAS;AACtC,YAAM,YAAY,OAAO,aAAa,oBAAoB,KAAKG,aAAe,gBAAA;AAC9E,YAAM,UAAU,QAAQ;AACxB,YAAM,YAAY,QAAQ,OAAO;AAEjC,aAAO,aAAa,sBAAsB,SAAS;AAEnD,sBAAgB,IAAI,mBAAmB,WAAW,SAAS,SAAS;AAAA,IACrE;AAAA,EACF;AACH;;"}

package/dist/vue3/lib/tooltip-directive.js

@@ -2,7 +2,7 @@ import { getUniqueString } from "../common/utils.js";
 import { createApp, getCurrentInstance, h } from "vue";
 import { DtTooltip } from "./tooltip.js";
 import "../common/constants.js";
-import "../chunks/popover_constants-6YkPPbnk.js";
+import "../chunks/popover_constants-WsOUIY-m.js";
 import "tippy.js";
 import "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
 const DtTooltipDirective = {
@@ -14,9 +14,7 @@ const DtTooltipDirective = {
     const DEFAULT_PLACEMENT = "top";
     const DtTooltipDirectiveApp = createApp({
       name: "DtTooltipDirectiveApp",
-      components: {
-        DtTooltip
-      },
+      components: { DtTooltip },
       data() {
         return {
           tooltips: []
@@ -32,11 +30,7 @@ const DtTooltipDirective = {
             this.tooltips[index].message = message;
             this.tooltips[index].placement = placement;
           } else {
-            this.tooltips.push({
-              id,
-              message,
-              placement
-            });
+            this.tooltips.push({ id, message, placement });
           }
         },
         removeTooltip(id) {
@@ -44,23 +38,22 @@ const DtTooltipDirective = {
         }
       },
       render() {
-        return h("div", this.tooltips.map(({
-          id,
-          message,
-          placement
-        }) => {
-          return h(DtTooltip, {
-            key: id,
-            message,
-            placement,
-            sticky: true,
-            /**
-             * Set the delay to false when running tests only.
-             */
-            delay: process.env.NODE_ENV !== "test",
-            externalAnchor: `[data-dt-tooltip-id="${id}"]`
-          });
-        }));
+        return h(
+          "div",
+          this.tooltips.map(({ id, message, placement }) => {
+            return h(DtTooltip, {
+              key: id,
+              message,
+              placement,
+              sticky: true,
+              /**
+               * Set the delay to false when running tests only.
+               */
+              delay: process.env.NODE_ENV !== "test",
+              externalAnchor: `[data-dt-tooltip-id="${id}"]`
+            });
+          })
+        );
       }
     });
     DtTooltipDirectiveApp.mount(mountPoint);

package/dist/vue3/lib/tooltip-directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-directive.js","sources":["../../directives/tooltip/tooltip.js"],"sourcesContent":["import { DtTooltip } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, getCurrentInstance, h } from 'vue';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (app) {\n    let tooltipInstance;\n    const mountPoint = document.createElement('div');\n    document.body.appendChild(mountPoint);\n\n    const DEFAULT_PLACEMENT = 'top';\n    const DtTooltipDirectiveApp = createApp({\n      name: 'DtTooltipDirectiveApp',\n      components: { DtTooltip },\n      data () {\n        return {\n          tooltips: [],\n        };\n      },\n\n      mounted () {\n        tooltipInstance = getCurrentInstance();\n      },\n\n      methods: {\n        addOrUpdateTooltip (id, message, placement) {\n          const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n          if (index !== -1) {\n            // Update existing tooltip\n            this.tooltips[index].message = message;\n            this.tooltips[index].placement = placement;\n          } else {\n            // Add new tooltip\n            this.tooltips.push({ id, message, placement });\n          }\n        },\n\n        removeTooltip (id) {\n          this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n        },\n      },\n\n      render () {\n        return h('div',\n          this.tooltips.map(({ id, message, placement }) => {\n            return h(DtTooltip, {\n              key: id,\n              message,\n              placement,\n              sticky: true,\n              /**\n               * Set the delay to false when running tests only.\n               */\n              delay: process.env.NODE_ENV !== 'test',\n              externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n            });\n          }),\n        );\n      },\n    });\n\n    DtTooltipDirectiveApp.mount(mountPoint);\n\n    app.directive('dt-tooltip', {\n      beforeMount (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      updated (anchor, binding) {\n        // Update tooltip on binding value change\n        if (binding.value !== binding.oldValue) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unmounted (anchor) {\n        tooltipInstance.ctx.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n      const message = binding.value;\n      const placement = binding.arg || DEFAULT_PLACEMENT;\n\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n\n      tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, message, placement);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"names":["DtTooltipDirective","name","install","app","tooltipInstance","mountPoint","document","createElement","body","appendChild","DEFAULT_PLACEMENT","DtTooltipDirectiveApp","createApp","components","DtTooltip","data","tooltips","mounted","getCurrentInstance","methods","addOrUpdateTooltip","id","message","placement","index","findIndex","tooltip","push","removeTooltip","filter","render","h","map","key","sticky","delay","process","env","NODE_ENV","externalAnchor","mount","directive","beforeMount","anchor","binding","setupTooltip","updated","value","oldValue","unmounted","ctx","getAttribute","tooltipId","getUniqueString","arg","setAttribute"],"mappings":";;;;;;;AAIO,MAAMA,qBAAqB;AAAA,EAChCC,MAAM;AAAA,EACNC,QAASC,KAAK;AACZ,QAAIC;AACJ,UAAMC,aAAaC,SAASC,cAAc,KAAK;AAC/CD,aAASE,KAAKC,YAAYJ,UAAU;AAEpC,UAAMK,oBAAoB;AAC1B,UAAMC,wBAAwBC,UAAU;AAAA,MACtCX,MAAM;AAAA,MACNY,YAAY;AAAA,QAAEC;AAAAA,MAAW;AAAA,MACzBC,OAAQ;AACN,eAAO;AAAA,UACLC,UAAU,CAAA;AAAA;MAEb;AAAA,MAEDC,UAAW;AACTb,0BAAkBc,mBAAkB;AAAA,MACrC;AAAA,MAEDC,SAAS;AAAA,QACPC,mBAAoBC,IAAIC,SAASC,WAAW;AAC1C,gBAAMC,QAAQ,KAAKR,SAASS,UAAUC,aAAWA,QAAQL,OAAOA,EAAE;AAClE,cAAIG,UAAU,IAAI;AAEhB,iBAAKR,SAASQ,KAAK,EAAEF,UAAUA;AAC/B,iBAAKN,SAASQ,KAAK,EAAED,YAAYA;AAAAA,UACnC,OAAO;AAEL,iBAAKP,SAASW,KAAK;AAAA,cAAEN;AAAAA,cAAIC;AAAAA,cAASC;AAAAA,YAAU,CAAC;AAAA,UAC/C;AAAA,QACD;AAAA,QAEDK,cAAeP,IAAI;AACjB,eAAKL,WAAW,KAAKA,SAASa,OAAOH,aAAWA,QAAQL,OAAOA,EAAE;AAAA,QACnE;AAAA,MACD;AAAA,MAEDS,SAAU;AACR,eAAOC,EAAE,OACP,KAAKf,SAASgB,IAAI,CAAC;AAAA,UAAEX;AAAAA,UAAIC;AAAAA,UAASC;AAAAA,QAAU,MAAM;AAChD,iBAAOQ,EAAEjB,WAAW;AAAA,YAClBmB,KAAKZ;AAAAA,YACLC;AAAAA,YACAC;AAAAA,YACAW,QAAQ;AAAA;AAAA;AAAA;AAAA,YAIRC,OAAOC,QAAQC,IAAIC,aAAa;AAAA,YAChCC,gBAAgB,wBAAwBlB,EAAE;AAAA,UAC5C,CAAC;AAAA,QACF,CAAA,CACH;AAAA,MACF;AAAA,IACF,CAAC;AAEDV,0BAAsB6B,MAAMnC,UAAU;AAEtCF,QAAIsC,UAAU,cAAc;AAAA,MAC1BC,YAAaC,QAAQC,SAAS;AAE5BC,qBAAaF,QAAQC,OAAO;AAAA,MAC7B;AAAA,MACDE,QAASH,QAAQC,SAAS;AAExB,YAAIA,QAAQG,UAAUH,QAAQI,UAAU;AACtCH,uBAAaF,QAAQC,OAAO;AAAA,QAC9B;AAAA,MACD;AAAA,MACDK,UAAWN,QAAQ;AACjBvC,wBAAgB8C,IAAItB,cAAce,OAAOQ,aAAa,oBAAoB,CAAC;AAAA,MAC7E;AAAA,IACF,CAAC;AAED,aAASN,aAAcF,QAAQC,SAAS;AACtC,YAAMQ,YAAYT,OAAOQ,aAAa,oBAAoB,KAAKE,gBAAe;AAC9E,YAAM/B,UAAUsB,QAAQG;AACxB,YAAMxB,YAAYqB,QAAQU,OAAO5C;AAEjCiC,aAAOY,aAAa,sBAAsBH,SAAS;AAEnDhD,sBAAgB8C,IAAI9B,mBAAmBgC,WAAW9B,SAASC,SAAS;AAAA,IACtE;AAAA,EACF;AACF;"}
+{"version":3,"file":"tooltip-directive.js","sources":["../../directives/tooltip/tooltip.js"],"sourcesContent":["import { DtTooltip } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, getCurrentInstance, h } from 'vue';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (app) {\n    let tooltipInstance;\n    const mountPoint = document.createElement('div');\n    document.body.appendChild(mountPoint);\n\n    const DEFAULT_PLACEMENT = 'top';\n    const DtTooltipDirectiveApp = createApp({\n      name: 'DtTooltipDirectiveApp',\n      components: { DtTooltip },\n      data () {\n        return {\n          tooltips: [],\n        };\n      },\n\n      mounted () {\n        tooltipInstance = getCurrentInstance();\n      },\n\n      methods: {\n        addOrUpdateTooltip (id, message, placement) {\n          const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n          if (index !== -1) {\n            // Update existing tooltip\n            this.tooltips[index].message = message;\n            this.tooltips[index].placement = placement;\n          } else {\n            // Add new tooltip\n            this.tooltips.push({ id, message, placement });\n          }\n        },\n\n        removeTooltip (id) {\n          this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n        },\n      },\n\n      render () {\n        return h('div',\n          this.tooltips.map(({ id, message, placement }) => {\n            return h(DtTooltip, {\n              key: id,\n              message,\n              placement,\n              sticky: true,\n              /**\n               * Set the delay to false when running tests only.\n               */\n              delay: process.env.NODE_ENV !== 'test',\n              externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n            });\n          }),\n        );\n      },\n    });\n\n    DtTooltipDirectiveApp.mount(mountPoint);\n\n    app.directive('dt-tooltip', {\n      beforeMount (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      updated (anchor, binding) {\n        // Update tooltip on binding value change\n        if (binding.value !== binding.oldValue) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unmounted (anchor) {\n        tooltipInstance.ctx.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n      const message = binding.value;\n      const placement = binding.arg || DEFAULT_PLACEMENT;\n\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n\n      tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, message, placement);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"names":[],"mappings":";;;;;;;AAIY,MAAC,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAAS,KAAK;AACZ,QAAI;AACJ,UAAM,aAAa,SAAS,cAAc,KAAK;AAC/C,aAAS,KAAK,YAAY,UAAU;AAEpC,UAAM,oBAAoB;AAC1B,UAAM,wBAAwB,UAAU;AAAA,MACtC,MAAM;AAAA,MACN,YAAY,EAAE,UAAW;AAAA,MACzB,OAAQ;AACN,eAAO;AAAA,UACL,UAAU,CAAE;AAAA,QACtB;AAAA,MACO;AAAA,MAED,UAAW;AACT,0BAAkB,mBAAkB;AAAA,MACrC;AAAA,MAED,SAAS;AAAA,QACP,mBAAoB,IAAI,SAAS,WAAW;AAC1C,gBAAM,QAAQ,KAAK,SAAS,UAAU,aAAW,QAAQ,OAAO,EAAE;AAClE,cAAI,UAAU,IAAI;AAEhB,iBAAK,SAAS,KAAK,EAAE,UAAU;AAC/B,iBAAK,SAAS,KAAK,EAAE,YAAY;AAAA,UAC7C,OAAiB;AAEL,iBAAK,SAAS,KAAK,EAAE,IAAI,SAAS,UAAS,CAAE;AAAA,UAC9C;AAAA,QACF;AAAA,QAED,cAAe,IAAI;AACjB,eAAK,WAAW,KAAK,SAAS,OAAO,aAAW,QAAQ,OAAO,EAAE;AAAA,QAClE;AAAA,MACF;AAAA,MAED,SAAU;AACR,eAAO;AAAA,UAAE;AAAA,UACP,KAAK,SAAS,IAAI,CAAC,EAAE,IAAI,SAAS,gBAAgB;AAChD,mBAAO,EAAE,WAAW;AAAA,cAClB,KAAK;AAAA,cACL;AAAA,cACA;AAAA,cACA,QAAQ;AAAA;AAAA;AAAA;AAAA,cAIR,OAAO,QAAQ,IAAI,aAAa;AAAA,cAChC,gBAAgB,wBAAwB,EAAE;AAAA,YACxD,CAAa;AAAA,UACb,CAAW;AAAA,QACX;AAAA,MACO;AAAA,IACP,CAAK;AAED,0BAAsB,MAAM,UAAU;AAEtC,QAAI,UAAU,cAAc;AAAA,MAC1B,YAAa,QAAQ,SAAS;AAE5B,qBAAa,QAAQ,OAAO;AAAA,MAC7B;AAAA,MACD,QAAS,QAAQ,SAAS;AAExB,YAAI,QAAQ,UAAU,QAAQ,UAAU;AACtC,uBAAa,QAAQ,OAAO;AAAA,QAC7B;AAAA,MACF;AAAA,MACD,UAAW,QAAQ;AACjB,wBAAgB,IAAI,cAAc,OAAO,aAAa,oBAAoB,CAAC;AAAA,MAC5E;AAAA,IACP,CAAK;AAED,aAAS,aAAc,QAAQ,SAAS;AACtC,YAAM,YAAY,OAAO,aAAa,oBAAoB,KAAK,gBAAe;AAC9E,YAAM,UAAU,QAAQ;AACxB,YAAM,YAAY,QAAQ,OAAO;AAEjC,aAAO,aAAa,sBAAsB,SAAS;AAEnD,sBAAgB,IAAI,mBAAmB,WAAW,SAAS,SAAS;AAAA,IACrE;AAAA,EACF;AACH;"}

package/dist/vue3/lib/tooltip.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const popover_constants = require("../chunks/popover_constants-h9MD6WUt.js");
+const popover_constants = require("../chunks/popover_constants-XnGWXaxX.js");
 const common_utils = require("../common/utils.cjs");
 const vue = require("vue");
 const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
@@ -406,28 +406,39 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = {
-  "data-qa": "dt-tooltip-container"
-};
+const _hoisted_1 = { "data-qa": "dt-tooltip-container" };
 const _hoisted_2 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [!$props.externalAnchor ? (vue.openBlock(), vue.createElementBlock("span", {
-    key: 0,
-    ref: "anchor",
-    "data-qa": "dt-tooltip-anchor",
-    onFocusin: _cache[0] || (_cache[0] = (...args) => $options.onEnterAnchor && $options.onEnterAnchor(...args)),
-    onFocusout: _cache[1] || (_cache[1] = (...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args)),
-    onMouseenter: _cache[2] || (_cache[2] = (...args) => $options.onEnterAnchor && $options.onEnterAnchor(...args)),
-    onMouseleave: _cache[3] || (_cache[3] = (...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args)),
-    onKeydown: _cache[4] || (_cache[4] = vue.withKeys((...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args), ["esc"]))
-  }, [vue.renderSlot(_ctx.$slots, "anchor")], 544)) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
-    id: $props.id,
-    ref: "content",
-    "data-qa": "dt-tooltip",
-    class: vue.normalizeClass(["d-tooltip", {
-      [$data.TOOLTIP_KIND_MODIFIERS.inverted]: $props.inverted
-    }, $props.contentClass])
-  }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString($props.message), 1)])], 10, _hoisted_2)]);
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    !$props.externalAnchor ? (vue.openBlock(), vue.createElementBlock("span", {
+      key: 0,
+      ref: "anchor",
+      "data-qa": "dt-tooltip-anchor",
+      onFocusin: _cache[0] || (_cache[0] = (...args) => $options.onEnterAnchor && $options.onEnterAnchor(...args)),
+      onFocusout: _cache[1] || (_cache[1] = (...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args)),
+      onMouseenter: _cache[2] || (_cache[2] = (...args) => $options.onEnterAnchor && $options.onEnterAnchor(...args)),
+      onMouseleave: _cache[3] || (_cache[3] = (...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args)),
+      onKeydown: _cache[4] || (_cache[4] = vue.withKeys((...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args), ["esc"]))
+    }, [
+      vue.renderSlot(_ctx.$slots, "anchor")
+    ], 544)) : vue.createCommentVNode("", true),
+    vue.createElementVNode("div", {
+      id: $props.id,
+      ref: "content",
+      "data-qa": "dt-tooltip",
+      class: vue.normalizeClass([
+        "d-tooltip",
+        {
+          [$data.TOOLTIP_KIND_MODIFIERS.inverted]: $props.inverted
+        },
+        $props.contentClass
+      ])
+    }, [
+      vue.renderSlot(_ctx.$slots, "default", {}, () => [
+        vue.createTextVNode(vue.toDisplayString($props.message), 1)
+      ])
+    ], 10, _hoisted_2)
+  ]);
 }
 const DtTooltip = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
 exports.TOOLTIP_DELAY_MS = popover_constants.TOOLTIP_DELAY_MS;

package/dist/vue3/lib/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","sources":["../../components/tooltip/tooltip.vue"],"sourcesContent":["<template>\n  <div data-qa=\"dt-tooltip-container\">\n    <!-- disabling as the below events are for capturing events from interactive\n         elements within the span rather than on the span itself -->\n    <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n    <span\n      v-if=\"!externalAnchor\"\n      ref=\"anchor\"\n      data-qa=\"dt-tooltip-anchor\"\n      @focusin=\"onEnterAnchor\"\n      @focusout=\"onLeaveAnchor\"\n      @mouseenter=\"onEnterAnchor\"\n      @mouseleave=\"onLeaveAnchor\"\n      @keydown.esc=\"onLeaveAnchor\"\n    >\n      <!-- @slot Slot for the anchor element -->\n      <slot\n        name=\"anchor\"\n      />\n    </span>\n    <div\n      :id=\"id\"\n      ref=\"content\"\n      data-qa=\"dt-tooltip\"\n      :class=\"[\n        'd-tooltip',\n        {\n          [ TOOLTIP_KIND_MODIFIERS.inverted ]: inverted,\n        },\n        contentClass,\n      ]\"\n    >\n      <!-- In case when transitionend event doesn't work correct (for ex. tooltip component with custom trigger) -->\n      <!-- after-leave event can be used instead of transitionend -->\n      <!-- @slot Slot for the content, defaults to message prop -->\n      <slot>\n        {{ message }}\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_DELAY_MS,\n} from './tooltip_constants.js';\nimport {\n  POPOVER_APPEND_TO_VALUES,\n} from '../popover/popover_constants';\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\nimport {\n  createTippy,\n  getAnchor,\n  getPopperOptions,\n} from '@/components/popover/tippy_utils';\n\n/**\n * A tooltip is a floating label that briefly explains an action, function, or an element.\n * Its content is exclusively text and shouldn't be vital information for users.\n * If richer media is desired, consider using a popover instead.\n * @see https://dialtone.dialpad.com/components/tooltip.html\n */\nexport default {\n  name: 'DtTooltip',\n\n  props: {\n    /**\n     * The id of the tooltip\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\"\n     * if defined, otherwise it will automatically position to a new location\n     * as it sees best fit. See\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     *   target=\"_blank\"\n     * >\n     *   Popper.js docs\n     * </a>\n     * */\n    fallbackPlacements: {\n      type: Array,\n      default: () => ['auto'],\n    },\n\n    /**\n     * If true, applies inverted styles to the tooltip\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     *  Displaces the tooltip from its reference element\n     *  by the specified number of pixels. See\n     *  <a\n     *    class=\"d-link\"\n     *    href=\"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     *    target=\"_blank\"\n     *  >\n     *    Tippy.js docs\n     *  </a>\n     */\n    offset: {\n      type: Array,\n      default: () => [0, 12],\n    },\n\n    /**\n     * The direction the popover displays relative to the anchor. See\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     *   target=\"_blank\"\n     * >\n     *   Tippy.js docs\n     * </a>\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n    placement: {\n      type: String,\n      default: 'top',\n      validator (placement) {\n        return TOOLTIP_DIRECTIONS.includes(placement);\n      },\n    },\n\n    /**\n     * If the tooltip sticks to the anchor. This is usually not needed, but can be needed\n     * if the reference element's position is animating, or to automatically update the popover\n     * position in those cases the DOM layout changes the reference element's position.\n     * `true` enables it, `reference` only checks the \"reference\" rect for changes and `popper` only\n     * checks the \"popper\" rect for changes. See\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#sticky\"\n     *   target=\"_blank\"\n     * >\n     *   Tippy.js docs\n     * </a>\n     * @values true, false, reference, popper\n     */\n    sticky: {\n      type: [Boolean, String],\n      default: true,\n      validator: (sticky) => {\n        return TOOLTIP_STICKY_VALUES.includes(sticky);\n      },\n    },\n\n    /**\n     * Sets the element to which the tooltip is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * This prop is not reactive, must be set on initial render.\n     * @values 'body', 'parent', HTMLElement,\n     */\n    appendTo: {\n      type: [HTMLElement, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * Additional css classes for the tooltip content element.\n     * Can accept all of String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * A provided message for the tooltip content\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls whether hover/focus causes the tooltip to appear.\n     * Cannot be combined with the show prop. show value will be ignored.\n     * by default this is true, if you override with false, the tooltip will never show up.\n     */\n    enabled: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.\n     * If you set this value, the default mouseover behavior will be disabled and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n    show: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Whether the tooltip should have a transition effect (fade).\n     */\n    transition: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the tooltip will have a delay when being focused or moused over.\n     * @values true, false\n     */\n    delay: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Set a custom theme on the tooltip. See https://atomiks.github.io/tippyjs/v6/themes/\n     */\n    theme: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * External anchor id to use in those cases the anchor can't be provided via the slot.\n     * For instance, using the combobox's input as the anchor for the popover.\n     */\n    externalAnchor: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when tooltip is shown or hidden\n     *\n     * @event shown\n     * @type {Boolean}\n     */\n    'shown',\n\n    /**\n     * Sync show value\n     *\n     * @event update:show\n     */\n    'update:show',\n  ],\n\n  data () {\n    return {\n      TOOLTIP_KIND_MODIFIERS,\n      hasSlotContent,\n      tip: null,\n\n      inTimer: null,\n\n      // Internal state for whether the tooltip is shown. Changing the prop\n      // will update this.\n      internalShow: false,\n\n      // this is where the placement currently is, this can be different than\n      // the placement prop when there is not enough available room for the tip\n      // to display and it uses a fallback placement.\n      currentPlacement: this.placement,\n    };\n  },\n\n  computed: {\n    // eslint-disable-next-line complexity\n    tippyProps () {\n      return {\n        offset: this.offset,\n        delay: this.delay ? TOOLTIP_DELAY_MS : false,\n        placement: this.placement,\n        sticky: this.sticky,\n        theme: this.inverted ? 'inverted' : this.theme,\n        animation: this.transition ? 'fade' : false,\n        // onShown only triggers when transition is truthy\n        onShown: (tooltipInstance) => this.onShow(tooltipInstance, 'onShown'),\n        // onShown will always be called, but it will be called before the animation is complete\n        onShow: (tooltipInstance) => this.onShow(tooltipInstance, 'onShow'),\n        onHidden: this.onHide,\n\n        popperOptions: getPopperOptions({\n          fallbackPlacements: this.fallbackPlacements,\n          hasHideModifierEnabled: true,\n          onChangePlacement: this.onChangePlacement,\n        }),\n      };\n    },\n\n    anchor () {\n      return this.externalAnchor ? document.body.querySelector(this.externalAnchor) : getAnchor(this.$refs.anchor);\n    },\n  },\n\n  watch: {\n\n    tippyProps: {\n      handler: 'setProps',\n      deep: true,\n    },\n\n    show: {\n      handler: function (show) {\n        if (show !== null && this.enabled) {\n          this.internalShow = show;\n        }\n      },\n\n      immediate: true,\n    },\n\n    internalShow (value) {\n      if (value) {\n        this.setProps();\n        this.tip.show();\n      } else {\n        this.tip.hide();\n      }\n    },\n\n    sticky (sticky) {\n      this.tip.setProps({\n        sticky,\n      });\n    },\n  },\n\n  mounted () {\n    if (!this.enabled && this.show != null) {\n      console.warn('Tooltip: You cannot use both the enabled and show props at the same time.');\n      console.warn('The show prop will be ignored.');\n    }\n\n    this.externalAnchor && this.addExternalAnchorEventListeners();\n    this.tip = createTippy(this.anchor, this.initOptions());\n  },\n\n  beforeUnmount () {\n    this.externalAnchor && this.removeExternalAnchorEventListeners();\n\n    if (this.tip) {\n      this.tip?.destroy();\n    }\n  },\n\n  methods: {\n    calculateAnchorZindex () {\n      // if a modal is currently active render at modal-element z-index, otherwise at tooltip z-index\n      if (this.$el.getRootNode()\n        .querySelector('.d-modal[aria-hidden=\"false\"], .d-modal--transparent[aria-hidden=\"false\"]') ||\n        // Special case because we don't have any dialtone drawer component yet. Render at 651 when\n        // anchor of popover is within a drawer.\n        this.$el.closest('.d-zi-drawer')) {\n        return 651;\n      } else {\n        return 400;\n      }\n    },\n\n    hasVisibleFocus () {\n      return this.anchor.matches(':focus-visible');\n    },\n\n    onEnterAnchor (e) {\n      if (!this.enabled) return;\n      if (this.delay && this.inTimer === null) {\n        this.inTimer = setTimeout(() => {\n          this.triggerShow(e);\n        }, TOOLTIP_DELAY_MS);\n      } else {\n        this.triggerShow(e);\n      }\n    },\n\n    triggerShow (e) {\n      if (e.type === 'focusin') {\n        // only show tooltips on visible focus when triggered via focus.\n        // when the user is using the mouse they only want tooltips to display\n        // on mouseover.\n        //\n        // Example: anchor of a popover is a button with tooltip.\n        // closing it with the mouse would trigger the tooltip to display as\n        // the anchor is focused on close. Not what we want.\n        if (this.show === null && this.hasVisibleFocus()) {\n          this.internalShow = true;\n        }\n      } else {\n        if (this.show === null) this.internalShow = true;\n      }\n    },\n\n    onLeaveAnchor (e) {\n      if (e.type === 'keydown' && e.code !== 'Escape') return;\n\n      clearTimeout(this.inTimer);\n      this.inTimer = null;\n      this.triggerHide();\n    },\n\n    triggerHide () {\n      if (this.show === null) this.internalShow = false;\n    },\n\n    onChangePlacement (placement) {\n      this.currentPlacement = placement;\n    },\n\n    onHide () {\n      this.tip?.unmount();\n      this.$emit('shown', false);\n      if (this.show !== null) {\n        this.$emit('update:show', false);\n      }\n    },\n\n    onShow (tooltipInstance, callingMethod) {\n      if (!this.tooltipHasContent(tooltipInstance)) {\n        return false;\n      }\n      if (this.transition && callingMethod === 'onShow') {\n        return;\n      }\n      this.$emit('shown', true);\n      if (this.show !== null) {\n        this.$emit('update:show', true);\n      }\n    },\n\n    setProps () {\n      if (this.tip && this.tip.setProps) {\n        this.tip.setProps({\n          ...this.tippyProps,\n          // these need to be set here rather than in tippyProps because they are non-reactive\n          appendTo: this.appendTo === 'body' ? this.anchor?.getRootNode()?.querySelector('body') : this.appendTo,\n          zIndex: this.calculateAnchorZindex(),\n        });\n      }\n    },\n\n    onMount () {\n      this.setProps();\n    },\n\n    tooltipHasContent (tooltipInstance) {\n      // don't show tooltip when no content\n      if (tooltipInstance.props.content.textContent.trim().length === 0) {\n        return false;\n      }\n      return true;\n    },\n\n    // set initial options here. If any of the options need to dynamically change, they should be put in\n    // tippyProps instead.\n    initOptions () {\n      const template = this.$refs.content;\n      return {\n        content: template,\n        arrow: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"7\"><path d=\"M 14.5,7 8,0 1.5,7 Z\"/></svg>',\n        // transition duration - same as our custom fade delay in dialtone-globals.less\n        duration: 180,\n        interactive: false,\n        trigger: 'manual',\n        hideOnClick: false,\n        // disable tooltip from displaying on touch devices\n        touch: false,\n        onMount: this.onMount,\n        showOnCreate: this.internalShow,\n        popperOptions: getPopperOptions({\n          hasHideModifierEnabled: true,\n        }),\n      };\n    },\n\n    addExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor.addEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor.addEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n\n    removeExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor.removeEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor.removeEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n@import 'tippy.js/dist/svg-arrow.css';\n\n.tippy-box[data-reference-hidden] {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.tippy-box > .tippy-svg-arrow {\n  fill: var(--dt-color-surface-contrast);\n}\n\n.tippy-box[data-theme~='inverted'] > .tippy-svg-arrow {\n  fill: var(--dt-color-surface-moderate);\n}\n\n.tippy-box[data-animation='fade'][data-state='hidden'] {\n  opacity: 0;\n}\n</style>\n"],"names":["_sfc_main","name","props","id","type","String","default","getUniqueString","fallbackPlacements","Array","inverted","Boolean","offset","placement","validator","TOOLTIP_DIRECTIONS","includes","sticky","TOOLTIP_STICKY_VALUES","appendTo","HTMLElement","POPOVER_APPEND_TO_VALUES","contentClass","Object","message","enabled","show","transition","delay","theme","externalAnchor","emits","data","TOOLTIP_KIND_MODIFIERS","hasSlotContent","tip","inTimer","internalShow","currentPlacement","computed","tippyProps","TOOLTIP_DELAY_MS","animation","onShown","tooltipInstance","onShow","onHidden","onHide","popperOptions","getPopperOptions","hasHideModifierEnabled","onChangePlacement","anchor","document","body","querySelector","getAnchor","$refs","watch","handler","deep","immediate","value","setProps","hide","mounted","console","warn","addExternalAnchorEventListeners","createTippy","initOptions","beforeUnmount","removeExternalAnchorEventListeners","destroy","methods","calculateAnchorZindex","$el","getRootNode","closest","hasVisibleFocus","matches","onEnterAnchor","e","setTimeout","triggerShow","onLeaveAnchor","code","clearTimeout","triggerHide","unmount","$emit","callingMethod","tooltipHasContent","zIndex","onMount","content","textContent","trim","length","template","arrow","duration","interactive","trigger","hideOnClick","touch","showOnCreate","forEach","listener","addEventListener","event","removeEventListener","_hoisted_1","_openBlock","_createElementBlock","$props","ref","onFocusin","$options","args","onFocusout","onMouseenter","onMouseleave","onKeydown","_renderSlot","_ctx","$slots","_createElementVNode","class","_normalizeClass","$data"],"mappings":"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"}
+{"version":3,"file":"tooltip.cjs","sources":["../../components/tooltip/tooltip.vue"],"sourcesContent":["<template>\n  <div data-qa=\"dt-tooltip-container\">\n    <!-- disabling as the below events are for capturing events from interactive\n         elements within the span rather than on the span itself -->\n    <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n    <span\n      v-if=\"!externalAnchor\"\n      ref=\"anchor\"\n      data-qa=\"dt-tooltip-anchor\"\n      @focusin=\"onEnterAnchor\"\n      @focusout=\"onLeaveAnchor\"\n      @mouseenter=\"onEnterAnchor\"\n      @mouseleave=\"onLeaveAnchor\"\n      @keydown.esc=\"onLeaveAnchor\"\n    >\n      <!-- @slot Slot for the anchor element -->\n      <slot\n        name=\"anchor\"\n      />\n    </span>\n    <div\n      :id=\"id\"\n      ref=\"content\"\n      data-qa=\"dt-tooltip\"\n      :class=\"[\n        'd-tooltip',\n        {\n          [ TOOLTIP_KIND_MODIFIERS.inverted ]: inverted,\n        },\n        contentClass,\n      ]\"\n    >\n      <!-- In case when transitionend event doesn't work correct (for ex. tooltip component with custom trigger) -->\n      <!-- after-leave event can be used instead of transitionend -->\n      <!-- @slot Slot for the content, defaults to message prop -->\n      <slot>\n        {{ message }}\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_DELAY_MS,\n} from './tooltip_constants.js';\nimport {\n  POPOVER_APPEND_TO_VALUES,\n} from '../popover/popover_constants';\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\nimport {\n  createTippy,\n  getAnchor,\n  getPopperOptions,\n} from '@/components/popover/tippy_utils';\n\n/**\n * A tooltip is a floating label that briefly explains an action, function, or an element.\n * Its content is exclusively text and shouldn't be vital information for users.\n * If richer media is desired, consider using a popover instead.\n * @see https://dialtone.dialpad.com/components/tooltip.html\n */\nexport default {\n  name: 'DtTooltip',\n\n  props: {\n    /**\n     * The id of the tooltip\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\"\n     * if defined, otherwise it will automatically position to a new location\n     * as it sees best fit. See\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     *   target=\"_blank\"\n     * >\n     *   Popper.js docs\n     * </a>\n     * */\n    fallbackPlacements: {\n      type: Array,\n      default: () => ['auto'],\n    },\n\n    /**\n     * If true, applies inverted styles to the tooltip\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     *  Displaces the tooltip from its reference element\n     *  by the specified number of pixels. See\n     *  <a\n     *    class=\"d-link\"\n     *    href=\"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     *    target=\"_blank\"\n     *  >\n     *    Tippy.js docs\n     *  </a>\n     */\n    offset: {\n      type: Array,\n      default: () => [0, 12],\n    },\n\n    /**\n     * The direction the popover displays relative to the anchor. See\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     *   target=\"_blank\"\n     * >\n     *   Tippy.js docs\n     * </a>\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n    placement: {\n      type: String,\n      default: 'top',\n      validator (placement) {\n        return TOOLTIP_DIRECTIONS.includes(placement);\n      },\n    },\n\n    /**\n     * If the tooltip sticks to the anchor. This is usually not needed, but can be needed\n     * if the reference element's position is animating, or to automatically update the popover\n     * position in those cases the DOM layout changes the reference element's position.\n     * `true` enables it, `reference` only checks the \"reference\" rect for changes and `popper` only\n     * checks the \"popper\" rect for changes. See\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#sticky\"\n     *   target=\"_blank\"\n     * >\n     *   Tippy.js docs\n     * </a>\n     * @values true, false, reference, popper\n     */\n    sticky: {\n      type: [Boolean, String],\n      default: true,\n      validator: (sticky) => {\n        return TOOLTIP_STICKY_VALUES.includes(sticky);\n      },\n    },\n\n    /**\n     * Sets the element to which the tooltip is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * This prop is not reactive, must be set on initial render.\n     * @values 'body', 'parent', HTMLElement,\n     */\n    appendTo: {\n      type: [HTMLElement, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * Additional css classes for the tooltip content element.\n     * Can accept all of String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * A provided message for the tooltip content\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls whether hover/focus causes the tooltip to appear.\n     * Cannot be combined with the show prop. show value will be ignored.\n     * by default this is true, if you override with false, the tooltip will never show up.\n     */\n    enabled: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.\n     * If you set this value, the default mouseover behavior will be disabled and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n    show: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Whether the tooltip should have a transition effect (fade).\n     */\n    transition: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the tooltip will have a delay when being focused or moused over.\n     * @values true, false\n     */\n    delay: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Set a custom theme on the tooltip. See https://atomiks.github.io/tippyjs/v6/themes/\n     */\n    theme: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * External anchor id to use in those cases the anchor can't be provided via the slot.\n     * For instance, using the combobox's input as the anchor for the popover.\n     */\n    externalAnchor: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when tooltip is shown or hidden\n     *\n     * @event shown\n     * @type {Boolean}\n     */\n    'shown',\n\n    /**\n     * Sync show value\n     *\n     * @event update:show\n     */\n    'update:show',\n  ],\n\n  data () {\n    return {\n      TOOLTIP_KIND_MODIFIERS,\n      hasSlotContent,\n      tip: null,\n\n      inTimer: null,\n\n      // Internal state for whether the tooltip is shown. Changing the prop\n      // will update this.\n      internalShow: false,\n\n      // this is where the placement currently is, this can be different than\n      // the placement prop when there is not enough available room for the tip\n      // to display and it uses a fallback placement.\n      currentPlacement: this.placement,\n    };\n  },\n\n  computed: {\n    // eslint-disable-next-line complexity\n    tippyProps () {\n      return {\n        offset: this.offset,\n        delay: this.delay ? TOOLTIP_DELAY_MS : false,\n        placement: this.placement,\n        sticky: this.sticky,\n        theme: this.inverted ? 'inverted' : this.theme,\n        animation: this.transition ? 'fade' : false,\n        // onShown only triggers when transition is truthy\n        onShown: (tooltipInstance) => this.onShow(tooltipInstance, 'onShown'),\n        // onShown will always be called, but it will be called before the animation is complete\n        onShow: (tooltipInstance) => this.onShow(tooltipInstance, 'onShow'),\n        onHidden: this.onHide,\n\n        popperOptions: getPopperOptions({\n          fallbackPlacements: this.fallbackPlacements,\n          hasHideModifierEnabled: true,\n          onChangePlacement: this.onChangePlacement,\n        }),\n      };\n    },\n\n    anchor () {\n      return this.externalAnchor ? document.body.querySelector(this.externalAnchor) : getAnchor(this.$refs.anchor);\n    },\n  },\n\n  watch: {\n\n    tippyProps: {\n      handler: 'setProps',\n      deep: true,\n    },\n\n    show: {\n      handler: function (show) {\n        if (show !== null && this.enabled) {\n          this.internalShow = show;\n        }\n      },\n\n      immediate: true,\n    },\n\n    internalShow (value) {\n      if (value) {\n        this.setProps();\n        this.tip.show();\n      } else {\n        this.tip.hide();\n      }\n    },\n\n    sticky (sticky) {\n      this.tip.setProps({\n        sticky,\n      });\n    },\n  },\n\n  mounted () {\n    if (!this.enabled && this.show != null) {\n      console.warn('Tooltip: You cannot use both the enabled and show props at the same time.');\n      console.warn('The show prop will be ignored.');\n    }\n\n    this.externalAnchor && this.addExternalAnchorEventListeners();\n    this.tip = createTippy(this.anchor, this.initOptions());\n  },\n\n  beforeUnmount () {\n    this.externalAnchor && this.removeExternalAnchorEventListeners();\n\n    if (this.tip) {\n      this.tip?.destroy();\n    }\n  },\n\n  methods: {\n    calculateAnchorZindex () {\n      // if a modal is currently active render at modal-element z-index, otherwise at tooltip z-index\n      if (this.$el.getRootNode()\n        .querySelector('.d-modal[aria-hidden=\"false\"], .d-modal--transparent[aria-hidden=\"false\"]') ||\n        // Special case because we don't have any dialtone drawer component yet. Render at 651 when\n        // anchor of popover is within a drawer.\n        this.$el.closest('.d-zi-drawer')) {\n        return 651;\n      } else {\n        return 400;\n      }\n    },\n\n    hasVisibleFocus () {\n      return this.anchor.matches(':focus-visible');\n    },\n\n    onEnterAnchor (e) {\n      if (!this.enabled) return;\n      if (this.delay && this.inTimer === null) {\n        this.inTimer = setTimeout(() => {\n          this.triggerShow(e);\n        }, TOOLTIP_DELAY_MS);\n      } else {\n        this.triggerShow(e);\n      }\n    },\n\n    triggerShow (e) {\n      if (e.type === 'focusin') {\n        // only show tooltips on visible focus when triggered via focus.\n        // when the user is using the mouse they only want tooltips to display\n        // on mouseover.\n        //\n        // Example: anchor of a popover is a button with tooltip.\n        // closing it with the mouse would trigger the tooltip to display as\n        // the anchor is focused on close. Not what we want.\n        if (this.show === null && this.hasVisibleFocus()) {\n          this.internalShow = true;\n        }\n      } else {\n        if (this.show === null) this.internalShow = true;\n      }\n    },\n\n    onLeaveAnchor (e) {\n      if (e.type === 'keydown' && e.code !== 'Escape') return;\n\n      clearTimeout(this.inTimer);\n      this.inTimer = null;\n      this.triggerHide();\n    },\n\n    triggerHide () {\n      if (this.show === null) this.internalShow = false;\n    },\n\n    onChangePlacement (placement) {\n      this.currentPlacement = placement;\n    },\n\n    onHide () {\n      this.tip?.unmount();\n      this.$emit('shown', false);\n      if (this.show !== null) {\n        this.$emit('update:show', false);\n      }\n    },\n\n    onShow (tooltipInstance, callingMethod) {\n      if (!this.tooltipHasContent(tooltipInstance)) {\n        return false;\n      }\n      if (this.transition && callingMethod === 'onShow') {\n        return;\n      }\n      this.$emit('shown', true);\n      if (this.show !== null) {\n        this.$emit('update:show', true);\n      }\n    },\n\n    setProps () {\n      if (this.tip && this.tip.setProps) {\n        this.tip.setProps({\n          ...this.tippyProps,\n          // these need to be set here rather than in tippyProps because they are non-reactive\n          appendTo: this.appendTo === 'body' ? this.anchor?.getRootNode()?.querySelector('body') : this.appendTo,\n          zIndex: this.calculateAnchorZindex(),\n        });\n      }\n    },\n\n    onMount () {\n      this.setProps();\n    },\n\n    tooltipHasContent (tooltipInstance) {\n      // don't show tooltip when no content\n      if (tooltipInstance.props.content.textContent.trim().length === 0) {\n        return false;\n      }\n      return true;\n    },\n\n    // set initial options here. If any of the options need to dynamically change, they should be put in\n    // tippyProps instead.\n    initOptions () {\n      const template = this.$refs.content;\n      return {\n        content: template,\n        arrow: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"7\"><path d=\"M 14.5,7 8,0 1.5,7 Z\"/></svg>',\n        // transition duration - same as our custom fade delay in dialtone-globals.less\n        duration: 180,\n        interactive: false,\n        trigger: 'manual',\n        hideOnClick: false,\n        // disable tooltip from displaying on touch devices\n        touch: false,\n        onMount: this.onMount,\n        showOnCreate: this.internalShow,\n        popperOptions: getPopperOptions({\n          hasHideModifierEnabled: true,\n        }),\n      };\n    },\n\n    addExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor.addEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor.addEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n\n    removeExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor.removeEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor.removeEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n@import 'tippy.js/dist/svg-arrow.css';\n\n.tippy-box[data-reference-hidden] {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.tippy-box > .tippy-svg-arrow {\n  fill: var(--dt-color-surface-contrast);\n}\n\n.tippy-box[data-theme~='inverted'] > .tippy-svg-arrow {\n  fill: var(--dt-color-surface-moderate);\n}\n\n.tippy-box[data-animation='fade'][data-state='hidden'] {\n  opacity: 0;\n}\n</style>\n"],"names":["getUniqueString","TOOLTIP_DIRECTIONS","TOOLTIP_STICKY_VALUES","POPOVER_APPEND_TO_VALUES","TOOLTIP_KIND_MODIFIERS","hasSlotContent","TOOLTIP_DELAY_MS","getPopperOptions","getAnchor","createTippy","_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;AAiEA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAW;AAAE,eAAOA,aAAe,gBAAA;AAAA,MAAK;AAAA,IACzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAeD,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS,MAAM,CAAC,MAAM;AAAA,IACvB;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAaD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS,MAAM,CAAC,GAAG,EAAE;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAiBD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAW,WAAW;AACpB,eAAOC,kBAAkB,mBAAC,SAAS,SAAS;AAAA,MAC7C;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAiBD,QAAQ;AAAA,MACN,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,MACT,WAAW,CAAC,WAAW;AACrB,eAAOC,kBAAqB,sBAAC,SAAS,MAAM;AAAA,MAC7C;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,UAAU;AAAA,MACR,MAAM,CAAC,aAAa,MAAM;AAAA,MAC1B,SAAS;AAAA,MACT,WAAW,cAAY;AACrB,eAAOC,kBAAwB,yBAAC,SAAS,QAAQ,KAC5C,oBAAoB;AAAA,MAC1B;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,8BACLC,kBAAsB;AAAA,MACtB,gBAAAC,aAAc;AAAA,MACd,KAAK;AAAA,MAEL,SAAS;AAAA;AAAA;AAAA,MAIT,cAAc;AAAA;AAAA;AAAA;AAAA,MAKd,kBAAkB,KAAK;AAAA;EAE1B;AAAA,EAED,UAAU;AAAA;AAAA,IAER,aAAc;AACZ,aAAO;AAAA,QACL,QAAQ,KAAK;AAAA,QACb,OAAO,KAAK,QAAQC,kBAAAA,mBAAmB;AAAA,QACvC,WAAW,KAAK;AAAA,QAChB,QAAQ,KAAK;AAAA,QACb,OAAO,KAAK,WAAW,aAAa,KAAK;AAAA,QACzC,WAAW,KAAK,aAAa,SAAS;AAAA;AAAA,QAEtC,SAAS,CAAC,oBAAoB,KAAK,OAAO,iBAAiB,SAAS;AAAA;AAAA,QAEpE,QAAQ,CAAC,oBAAoB,KAAK,OAAO,iBAAiB,QAAQ;AAAA,QAClE,UAAU,KAAK;AAAA,QAEf,eAAeC,kBAAAA,iBAAiB;AAAA,UAC9B,oBAAoB,KAAK;AAAA,UACzB,wBAAwB;AAAA,UACxB,mBAAmB,KAAK;AAAA,QAC1B,CAAC;AAAA;IAEJ;AAAA,IAED,SAAU;AACR,aAAO,KAAK,iBAAiB,SAAS,KAAK,cAAc,KAAK,cAAc,IAAIC,kBAAAA,UAAU,KAAK,MAAM,MAAM;AAAA,IAC5G;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IAEL,YAAY;AAAA,MACV,SAAS;AAAA,MACT,MAAM;AAAA,IACP;AAAA,IAED,MAAM;AAAA,MACJ,SAAS,SAAU,MAAM;AACvB,YAAI,SAAS,QAAQ,KAAK,SAAS;AACjC,eAAK,eAAe;AAAA,QACtB;AAAA,MACD;AAAA,MAED,WAAW;AAAA,IACZ;AAAA,IAED,aAAc,OAAO;AACnB,UAAI,OAAO;AACT,aAAK,SAAQ;AACb,aAAK,IAAI;aACJ;AACL,aAAK,IAAI;MACX;AAAA,IACD;AAAA,IAED,OAAQ,QAAQ;AACd,WAAK,IAAI,SAAS;AAAA,QAChB;AAAA,MACF,CAAC;AAAA,IACF;AAAA,EACF;AAAA,EAED,UAAW;AACT,QAAI,CAAC,KAAK,WAAW,KAAK,QAAQ,MAAM;AACtC,cAAQ,KAAK,2EAA2E;AACxF,cAAQ,KAAK,gCAAgC;AAAA,IAC/C;AAEA,SAAK,kBAAkB,KAAK;AAC5B,SAAK,MAAMC,8BAAY,KAAK,QAAQ,KAAK,YAAW,CAAE;AAAA,EACvD;AAAA,EAED,gBAAiB;;AACf,SAAK,kBAAkB,KAAK;AAE5B,QAAI,KAAK,KAAK;AACZ,iBAAK,QAAL,mBAAU;AAAA,IACZ;AAAA,EACD;AAAA,EAED,SAAS;AAAA,IACP,wBAAyB;AAEvB,UAAI,KAAK,IAAI,YAAY,EACtB,cAAc,2EAA2E;AAAA;AAAA,MAG1F,KAAK,IAAI,QAAQ,cAAc,GAAG;AAClC,eAAO;AAAA,aACF;AACL,eAAO;AAAA,MACT;AAAA,IACD;AAAA,IAED,kBAAmB;AACjB,aAAO,KAAK,OAAO,QAAQ,gBAAgB;AAAA,IAC5C;AAAA,IAED,cAAe,GAAG;AAChB,UAAI,CAAC,KAAK;AAAS;AACnB,UAAI,KAAK,SAAS,KAAK,YAAY,MAAM;AACvC,aAAK,UAAU,WAAW,MAAM;AAC9B,eAAK,YAAY,CAAC;AAAA,QACnB,GAAEH,kBAAgB,gBAAA;AAAA,aACd;AACL,aAAK,YAAY,CAAC;AAAA,MACpB;AAAA,IACD;AAAA,IAED,YAAa,GAAG;AACd,UAAI,EAAE,SAAS,WAAW;AAQxB,YAAI,KAAK,SAAS,QAAQ,KAAK,gBAAe,GAAI;AAChD,eAAK,eAAe;AAAA,QACtB;AAAA,aACK;AACL,YAAI,KAAK,SAAS;AAAM,eAAK,eAAe;AAAA,MAC9C;AAAA,IACD;AAAA,IAED,cAAe,GAAG;AAChB,UAAI,EAAE,SAAS,aAAa,EAAE,SAAS;AAAU;AAEjD,mBAAa,KAAK,OAAO;AACzB,WAAK,UAAU;AACf,WAAK,YAAW;AAAA,IACjB;AAAA,IAED,cAAe;AACb,UAAI,KAAK,SAAS;AAAM,aAAK,eAAe;AAAA,IAC7C;AAAA,IAED,kBAAmB,WAAW;AAC5B,WAAK,mBAAmB;AAAA,IACzB;AAAA,IAED,SAAU;;AACR,iBAAK,QAAL,mBAAU;AACV,WAAK,MAAM,SAAS,KAAK;AACzB,UAAI,KAAK,SAAS,MAAM;AACtB,aAAK,MAAM,eAAe,KAAK;AAAA,MACjC;AAAA,IACD;AAAA,IAED,OAAQ,iBAAiB,eAAe;AACtC,UAAI,CAAC,KAAK,kBAAkB,eAAe,GAAG;AAC5C,eAAO;AAAA,MACT;AACA,UAAI,KAAK,cAAc,kBAAkB,UAAU;AACjD;AAAA,MACF;AACA,WAAK,MAAM,SAAS,IAAI;AACxB,UAAI,KAAK,SAAS,MAAM;AACtB,aAAK,MAAM,eAAe,IAAI;AAAA,MAChC;AAAA,IACD;AAAA,IAED,WAAY;;AACV,UAAI,KAAK,OAAO,KAAK,IAAI,UAAU;AACjC,aAAK,IAAI,SAAS;AAAA,UAChB,GAAG,KAAK;AAAA;AAAA,UAER,UAAU,KAAK,aAAa,UAAS,gBAAK,WAAL,mBAAa,kBAAb,mBAA4B,cAAc,UAAU,KAAK;AAAA,UAC9F,QAAQ,KAAK,sBAAuB;AAAA,QACtC,CAAC;AAAA,MACH;AAAA,IACD;AAAA,IAED,UAAW;AACT,WAAK,SAAQ;AAAA,IACd;AAAA,IAED,kBAAmB,iBAAiB;AAElC,UAAI,gBAAgB,MAAM,QAAQ,YAAY,KAAM,EAAC,WAAW,GAAG;AACjE,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACR;AAAA;AAAA;AAAA,IAID,cAAe;AACb,YAAM,WAAW,KAAK,MAAM;AAC5B,aAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAO;AAAA;AAAA,QAEP,UAAU;AAAA,QACV,aAAa;AAAA,QACb,SAAS;AAAA,QACT,aAAa;AAAA;AAAA,QAEb,OAAO;AAAA,QACP,SAAS,KAAK;AAAA,QACd,cAAc,KAAK;AAAA,QACnB,eAAeC,kBAAAA,iBAAiB;AAAA,UAC9B,wBAAwB;AAAA,QAC1B,CAAC;AAAA;IAEJ;AAAA,IAED,kCAAmC;AACjC,OAAC,WAAW,YAAY,EAAE,QAAQ,cAAY;AAC5C,aAAK,OAAO,iBAAiB,UAAU,CAAC,UAAU,KAAK,cAAc,KAAK,CAAC;AAAA,MAC7E,CAAC;AACD,OAAC,YAAY,cAAc,SAAS,EAAE,QAAQ,cAAY;AACxD,aAAK,OAAO,iBAAiB,UAAU,CAAC,UAAU,KAAK,cAAc,KAAK,CAAC;AAAA,MAC7E,CAAC;AAAA,IACF;AAAA,IAED,qCAAsC;AACpC,OAAC,WAAW,YAAY,EAAE,QAAQ,cAAY;AAC5C,aAAK,OAAO,oBAAoB,UAAU,CAAC,UAAU,KAAK,cAAc,KAAK,CAAC;AAAA,MAChF,CAAC;AACD,OAAC,YAAY,cAAc,SAAS,EAAE,QAAQ,cAAY;AACxD,aAAK,OAAO,oBAAoB,UAAU,CAAC,UAAU,KAAK,cAAc,KAAK,CAAC;AAAA,MAChF,CAAC;AAAA,IACF;AAAA,EACF;AACH;AApgBO,MAAA,aAAA,EAAA,WAAQ,uBAAsB;;;AAAnC,SAAAG,cAAA,GAAAC,uBAsCM,OAtCN,YAsCM;AAAA,KAjCK,OAAc,mCADvBA,IAcO,mBAAA,QAAA;AAAA;MAZL,KAAI;AAAA,MACJ,WAAQ;AAAA,MACP,kDAAS,SAAa,iBAAA,SAAA,cAAA,GAAA,IAAA;AAAA,MACtB,mDAAU,SAAa,iBAAA,SAAA,cAAA,GAAA,IAAA;AAAA,MACvB,qDAAY,SAAa,iBAAA,SAAA,cAAA,GAAA,IAAA;AAAA,MACzB,qDAAY,SAAa,iBAAA,SAAA,cAAA,GAAA,IAAA;AAAA,MACzB,+DAAa,SAAa,iBAAA,SAAA,cAAA,GAAA,IAAA,GAAA,CAAA,KAAA,CAAA;AAAA;MAG3BC,eAEE,KAAA,QAAA,QAAA;AAAA;IAEJC,IAAAA,mBAkBM,OAAA;AAAA,MAjBH,IAAI,OAAE;AAAA,MACP,KAAI;AAAA,MACJ,WAAQ;AAAA,MACP,OAAKC,IAAAA,eAAA;AAAA;;WAA+C,MAAsB,uBAAC,QAAQ,GAAI,OAAQ;AAAA;QAAqB,OAAY;AAAA;;MAWjIF,IAAAA,WAEO,4BAFP,MAEO;AAAA,gDADF,OAAO,OAAA,GAAA,CAAA;AAAA;;;;;;;;;;;"}

package/dist/vue3/lib/tooltip.js

@@ -1,5 +1,5 @@
-import { TOOLTIP_DIRECTIONS, TOOLTIP_STICKY_VALUES, POPOVER_APPEND_TO_VALUES, TOOLTIP_KIND_MODIFIERS, TOOLTIP_DELAY_MS, getPopperOptions, getAnchor, createTippy } from "../chunks/popover_constants-6YkPPbnk.js";
-import { TOOLTIP_HIDE_ON_CLICK_VARIANTS } from "../chunks/popover_constants-6YkPPbnk.js";
+import { TOOLTIP_DIRECTIONS, TOOLTIP_STICKY_VALUES, POPOVER_APPEND_TO_VALUES, TOOLTIP_KIND_MODIFIERS, TOOLTIP_DELAY_MS, getPopperOptions, getAnchor, createTippy } from "../chunks/popover_constants-WsOUIY-m.js";
+import { TOOLTIP_HIDE_ON_CLICK_VARIANTS } from "../chunks/popover_constants-WsOUIY-m.js";
 import { getUniqueString, hasSlotContent } from "../common/utils.js";
 import { openBlock, createElementBlock, withKeys, renderSlot, createCommentVNode, createElementVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
 import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
@@ -405,28 +405,39 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = {
-  "data-qa": "dt-tooltip-container"
-};
+const _hoisted_1 = { "data-qa": "dt-tooltip-container" };
 const _hoisted_2 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [!$props.externalAnchor ? (openBlock(), createElementBlock("span", {
-    key: 0,
-    ref: "anchor",
-    "data-qa": "dt-tooltip-anchor",
-    onFocusin: _cache[0] || (_cache[0] = (...args) => $options.onEnterAnchor && $options.onEnterAnchor(...args)),
-    onFocusout: _cache[1] || (_cache[1] = (...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args)),
-    onMouseenter: _cache[2] || (_cache[2] = (...args) => $options.onEnterAnchor && $options.onEnterAnchor(...args)),
-    onMouseleave: _cache[3] || (_cache[3] = (...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args)),
-    onKeydown: _cache[4] || (_cache[4] = withKeys((...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args), ["esc"]))
-  }, [renderSlot(_ctx.$slots, "anchor")], 544)) : createCommentVNode("", true), createElementVNode("div", {
-    id: $props.id,
-    ref: "content",
-    "data-qa": "dt-tooltip",
-    class: normalizeClass(["d-tooltip", {
-      [$data.TOOLTIP_KIND_MODIFIERS.inverted]: $props.inverted
-    }, $props.contentClass])
-  }, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString($props.message), 1)])], 10, _hoisted_2)]);
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    !$props.externalAnchor ? (openBlock(), createElementBlock("span", {
+      key: 0,
+      ref: "anchor",
+      "data-qa": "dt-tooltip-anchor",
+      onFocusin: _cache[0] || (_cache[0] = (...args) => $options.onEnterAnchor && $options.onEnterAnchor(...args)),
+      onFocusout: _cache[1] || (_cache[1] = (...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args)),
+      onMouseenter: _cache[2] || (_cache[2] = (...args) => $options.onEnterAnchor && $options.onEnterAnchor(...args)),
+      onMouseleave: _cache[3] || (_cache[3] = (...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args)),
+      onKeydown: _cache[4] || (_cache[4] = withKeys((...args) => $options.onLeaveAnchor && $options.onLeaveAnchor(...args), ["esc"]))
+    }, [
+      renderSlot(_ctx.$slots, "anchor")
+    ], 544)) : createCommentVNode("", true),
+    createElementVNode("div", {
+      id: $props.id,
+      ref: "content",
+      "data-qa": "dt-tooltip",
+      class: normalizeClass([
+        "d-tooltip",
+        {
+          [$data.TOOLTIP_KIND_MODIFIERS.inverted]: $props.inverted
+        },
+        $props.contentClass
+      ])
+    }, [
+      renderSlot(_ctx.$slots, "default", {}, () => [
+        createTextVNode(toDisplayString($props.message), 1)
+      ])
+    ], 10, _hoisted_2)
+  ]);
 }
 const DtTooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {