@dialpad/dialtone-vue 3.150.0 → 3.150.1

package/dist/lib/toggle.cjs

@@ -1,193 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const common_utils = require("../common/utils.cjs");
-const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
-require("../common/constants.cjs");
-const TOGGLE_SIZE_MODIFIERS = {
-  sm: "d-toggle--small",
-  md: ""
-};
-const TOGGLE_CHECKED_VALUES = [false, true, "mixed"];
-const _sfc_main = {
-  name: "DtToggle",
-  inheritAttrs: false,
-  model: {
-    prop: "checked",
-    event: "change"
-  },
-  props: {
-    /**
-     * The id of the toggle
-     */
-    id: {
-      type: String,
-      default() {
-        return common_utils.getUniqueString();
-      }
-    },
-    /**
-     * Disables the toggle interactions
-     * @values true, false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Value of the toggle
-     * @model checked
-     * @values true, false, 'mixed'
-     */
-    checked: {
-      type: [Boolean, String],
-      default: false,
-      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v)
-    },
-    /**
-     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually
-     * via the checked prop or v-model. Change events will still be triggered.
-     * @values true, false
-     */
-    toggleOnClick: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * The size of the toggle.
-     * @values sm, md
-     */
-    size: {
-      type: String,
-      default: "md",
-      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s)
-    },
-    /**
-     * Shows the icon
-     * @values true, false
-     */
-    showIcon: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Used to customize the label container
-     */
-    labelClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * A set of props that are passed into the label container
-     */
-    labelChildProps: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: [
-    /**
-     * Toggle change event
-     *
-     * @event change
-     * @type {Boolean}
-     * @model change
-     */
-    "change"
-  ],
-  data() {
-    return {
-      internalChecked: this.checked,
-      hasSlotContent: common_utils.hasSlotContent
-    };
-  },
-  computed: {
-    inputListeners() {
-      return {
-        ...this.$attrs,
-        onClick: (_) => this.toggleCheckedValue()
-      };
-    },
-    isIndeterminate() {
-      return this.internalChecked === "mixed";
-    },
-    toggleRole() {
-      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
-        }
-      ];
-    }
-  },
-  watch: {
-    checked(newChecked) {
-      this.internalChecked = newChecked;
-    }
-  },
-  mounted() {
-    this.runValidations();
-  },
-  methods: {
-    toggleCheckedValue() {
-      this.$emit("change", !this.internalChecked);
-      if (this.toggleOnClick) {
-        this.internalChecked = !this.internalChecked;
-      }
-    },
-    hasSlotLabel() {
-      return !!this.$slots.default;
-    },
-    runValidations() {
-      this.validateInputLabels(this.hasSlotLabel(), this.$attrs["aria-label"]);
-    },
-    validateInputLabels(hasLabel, ariaLabel) {
-      if (!hasLabel && !ariaLabel) {
-        vue.warn(
-          "You must provide an aria-label when there is no label passed",
-          this
-        );
-      }
-    }
-  }
-};
-const _hoisted_1 = { class: "d-toggle-wrapper" };
-const _hoisted_2 = ["for"];
-const _hoisted_3 = ["id", "role", "aria-checked", "disabled", "aria-disabled"];
-const _hoisted_4 = {
-  key: 0,
-  class: "d-toggle__inner"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    $data.hasSlotContent(_ctx.$slots.default) ? (vue.openBlock(), vue.createElementBlock("label", vue.mergeProps({
-      key: 0,
-      class: $props.labelClass,
-      for: $props.id
-    }, $props.labelChildProps, { "data-qa": "toggle-label" }), [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 16, _hoisted_2)) : vue.createCommentVNode("", true),
-    vue.createElementVNode("button", vue.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 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4)) : vue.createCommentVNode("", true)
-    ], 16, _hoisted_3)
-  ]);
-}
-const toggle = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+const toggle = require("../components/toggle/toggle.vue.cjs");
+const toggle_constants = require("../components/toggle/toggle_constants.cjs");
 exports.DtToggle = toggle;
-exports.TOGGLE_CHECKED_VALUES = TOGGLE_CHECKED_VALUES;
-exports.TOGGLE_SIZE_MODIFIERS = TOGGLE_SIZE_MODIFIERS;
+exports.TOGGLE_CHECKED_VALUES = toggle_constants.TOGGLE_CHECKED_VALUES;
+exports.TOGGLE_SIZE_MODIFIERS = toggle_constants.TOGGLE_SIZE_MODIFIERS;
 //# sourceMappingURL=toggle.cjs.map

package/dist/lib/toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.cjs","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":["getUniqueString","hasSlotContent","warn","_openBlock","_createElementBlock","_mergeProps","_renderSlot","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"toggle.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/lib/toggle.js

@@ -1,192 +1,7 @@
-import { warn, openBlock, createElementBlock, mergeProps, renderSlot, createCommentVNode, createElementVNode } from "vue";
-import { getUniqueString, hasSlotContent } from "../common/utils.js";
-import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
-import "../common/constants.js";
-const TOGGLE_SIZE_MODIFIERS = {
-  sm: "d-toggle--small",
-  md: ""
-};
-const TOGGLE_CHECKED_VALUES = [false, true, "mixed"];
-const _sfc_main = {
-  name: "DtToggle",
-  inheritAttrs: false,
-  model: {
-    prop: "checked",
-    event: "change"
-  },
-  props: {
-    /**
-     * The id of the toggle
-     */
-    id: {
-      type: String,
-      default() {
-        return getUniqueString();
-      }
-    },
-    /**
-     * Disables the toggle interactions
-     * @values true, false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Value of the toggle
-     * @model checked
-     * @values true, false, 'mixed'
-     */
-    checked: {
-      type: [Boolean, String],
-      default: false,
-      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v)
-    },
-    /**
-     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually
-     * via the checked prop or v-model. Change events will still be triggered.
-     * @values true, false
-     */
-    toggleOnClick: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * The size of the toggle.
-     * @values sm, md
-     */
-    size: {
-      type: String,
-      default: "md",
-      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s)
-    },
-    /**
-     * Shows the icon
-     * @values true, false
-     */
-    showIcon: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Used to customize the label container
-     */
-    labelClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * A set of props that are passed into the label container
-     */
-    labelChildProps: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: [
-    /**
-     * Toggle change event
-     *
-     * @event change
-     * @type {Boolean}
-     * @model change
-     */
-    "change"
-  ],
-  data() {
-    return {
-      internalChecked: this.checked,
-      hasSlotContent
-    };
-  },
-  computed: {
-    inputListeners() {
-      return {
-        ...this.$attrs,
-        onClick: (_) => this.toggleCheckedValue()
-      };
-    },
-    isIndeterminate() {
-      return this.internalChecked === "mixed";
-    },
-    toggleRole() {
-      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
-        }
-      ];
-    }
-  },
-  watch: {
-    checked(newChecked) {
-      this.internalChecked = newChecked;
-    }
-  },
-  mounted() {
-    this.runValidations();
-  },
-  methods: {
-    toggleCheckedValue() {
-      this.$emit("change", !this.internalChecked);
-      if (this.toggleOnClick) {
-        this.internalChecked = !this.internalChecked;
-      }
-    },
-    hasSlotLabel() {
-      return !!this.$slots.default;
-    },
-    runValidations() {
-      this.validateInputLabels(this.hasSlotLabel(), this.$attrs["aria-label"]);
-    },
-    validateInputLabels(hasLabel, ariaLabel) {
-      if (!hasLabel && !ariaLabel) {
-        warn(
-          "You must provide an aria-label when there is no label passed",
-          this
-        );
-      }
-    }
-  }
-};
-const _hoisted_1 = { class: "d-toggle-wrapper" };
-const _hoisted_2 = ["for"];
-const _hoisted_3 = ["id", "role", "aria-checked", "disabled", "aria-disabled"];
-const _hoisted_4 = {
-  key: 0,
-  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)
-  ]);
-}
-const toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+import { default as default2 } from "../components/toggle/toggle.vue.js";
+import { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from "../components/toggle/toggle_constants.js";
 export {
-  toggle as DtToggle,
+  default2 as DtToggle,
   TOGGLE_CHECKED_VALUES,
   TOGGLE_SIZE_MODIFIERS
 };

package/dist/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":["_openBlock","_createElementBlock","_mergeProps","_renderSlot","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"toggle.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/lib/tooltip-directive.cjs

@@ -1,85 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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-XnGWXaxX.js");
-require("tippy.js");
-require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
-const DtTooltipDirective = {
-  name: "dt-tooltip-directive",
-  install(app) {
-    let tooltipInstance;
-    const mountPoint = document.createElement("div");
-    document.body.appendChild(mountPoint);
-    const DEFAULT_PLACEMENT = "top";
-    const DtTooltipDirectiveApp = vue.createApp({
-      name: "DtTooltipDirectiveApp",
-      components: { DtTooltip: lib_tooltip.DtTooltip },
-      data() {
-        return {
-          tooltips: []
-        };
-      },
-      mounted() {
-        tooltipInstance = vue.getCurrentInstance();
-      },
-      methods: {
-        addOrUpdateTooltip(id, message, placement) {
-          const index = this.tooltips.findIndex((tooltip) => tooltip.id === id);
-          if (index !== -1) {
-            this.tooltips[index].message = message;
-            this.tooltips[index].placement = placement;
-          } else {
-            this.tooltips.push({ id, message, placement });
-          }
-        },
-        removeTooltip(id) {
-          this.tooltips = this.tooltips.filter((tooltip) => tooltip.id !== id);
-        }
-      },
-      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}"]`
-            });
-          })
-        );
-      }
-    });
-    DtTooltipDirectiveApp.mount(mountPoint);
-    app.directive("dt-tooltip", {
-      beforeMount(anchor, binding) {
-        setupTooltip(anchor, binding);
-      },
-      updated(anchor, binding) {
-        if (binding.value !== binding.oldValue) {
-          setupTooltip(anchor, binding);
-        }
-      },
-      unmounted(anchor) {
-        tooltipInstance.ctx.removeTooltip(anchor.getAttribute("data-dt-tooltip-id"));
-      }
-    });
-    function setupTooltip(anchor, binding) {
-      const tooltipId = anchor.getAttribute("data-dt-tooltip-id") || common_utils.getUniqueString();
-      const message = binding.value;
-      const placement = binding.arg || DEFAULT_PLACEMENT;
-      anchor.setAttribute("data-dt-tooltip-id", tooltipId);
-      tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, message, placement);
-    }
-  }
-};
-exports.DtTooltipDirective = DtTooltipDirective;
+const tooltip = require("../directives/tooltip/tooltip.cjs");
+exports.DtTooltipDirective = tooltip.default;
 //# sourceMappingURL=tooltip-directive.cjs.map

package/dist/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":["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;;"}
+{"version":3,"file":"tooltip-directive.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/lib/tooltip-directive.js

@@ -1,85 +1,5 @@
-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-WsOUIY-m.js";
-import "tippy.js";
-import "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
-const DtTooltipDirective = {
-  name: "dt-tooltip-directive",
-  install(app) {
-    let tooltipInstance;
-    const mountPoint = document.createElement("div");
-    document.body.appendChild(mountPoint);
-    const DEFAULT_PLACEMENT = "top";
-    const DtTooltipDirectiveApp = createApp({
-      name: "DtTooltipDirectiveApp",
-      components: { DtTooltip },
-      data() {
-        return {
-          tooltips: []
-        };
-      },
-      mounted() {
-        tooltipInstance = getCurrentInstance();
-      },
-      methods: {
-        addOrUpdateTooltip(id, message, placement) {
-          const index = this.tooltips.findIndex((tooltip) => tooltip.id === id);
-          if (index !== -1) {
-            this.tooltips[index].message = message;
-            this.tooltips[index].placement = placement;
-          } else {
-            this.tooltips.push({ id, message, placement });
-          }
-        },
-        removeTooltip(id) {
-          this.tooltips = this.tooltips.filter((tooltip) => tooltip.id !== id);
-        }
-      },
-      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}"]`
-            });
-          })
-        );
-      }
-    });
-    DtTooltipDirectiveApp.mount(mountPoint);
-    app.directive("dt-tooltip", {
-      beforeMount(anchor, binding) {
-        setupTooltip(anchor, binding);
-      },
-      updated(anchor, binding) {
-        if (binding.value !== binding.oldValue) {
-          setupTooltip(anchor, binding);
-        }
-      },
-      unmounted(anchor) {
-        tooltipInstance.ctx.removeTooltip(anchor.getAttribute("data-dt-tooltip-id"));
-      }
-    });
-    function setupTooltip(anchor, binding) {
-      const tooltipId = anchor.getAttribute("data-dt-tooltip-id") || getUniqueString();
-      const message = binding.value;
-      const placement = binding.arg || DEFAULT_PLACEMENT;
-      anchor.setAttribute("data-dt-tooltip-id", tooltipId);
-      tooltipInstance.ctx.addOrUpdateTooltip(tooltipId, message, placement);
-    }
-  }
-};
+import { default as default2 } from "../directives/tooltip/tooltip.js";
 export {
-  DtTooltipDirective
+  default2 as DtTooltipDirective
 };
 //# sourceMappingURL=tooltip-directive.js.map

package/dist/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":[],"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;"}
+{"version":3,"file":"tooltip-directive.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}