@deskhero/dh_ui 1.41.0 → 1.41.2

package/dist/dh_ui.es.js

@@ -1,4 +1,4 @@
-import { reactive, ref, defineComponent, useSlots, toRef, provide, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps, isRef, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, Teleport, createCommentVNode, inject, withKeys, withModifiers, Transition, createElementVNode, Fragment, normalizeStyle, createTextVNode, toDisplayString, resolveDynamicComponent, nextTick, withDirectives, vShow, onBeforeUpdate, getCurrentScope, onScopeDispose, vModelCheckbox, shallowRef, onBeforeUnmount, toRaw, h, isProxy, resolveComponent, toRefs, getCurrentInstance, useCssVars, vModelDynamic, vModelText, pushScopeId, popScopeId } from "vue";
+import { reactive, ref, defineComponent, useSlots, toRef, provide, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps, isRef, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, Teleport, createCommentVNode, inject, withKeys, withModifiers, Transition, createElementVNode, Fragment, normalizeStyle, createTextVNode, toDisplayString, resolveDynamicComponent, nextTick, withDirectives, vShow, onBeforeUpdate, getCurrentScope, onScopeDispose, vModelCheckbox, shallowRef, onBeforeUnmount, toRaw, h, isProxy, resolveComponent, useCssVars, toRefs, getCurrentInstance, vModelDynamic, vModelText, pushScopeId, popScopeId } from "vue";
 var main$1 = "";
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -10777,7 +10777,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$m = defineComponent({
+const _sfc_main$o = defineComponent({
   props: {
     iconName: {
       type: String,
@@ -10806,7 +10806,7 @@ const _sfc_main$m = defineComponent({
     }
   }
 });
-const _hoisted_1$m = ["alt", "data-e2e", "height", "src", "width"];
+const _hoisted_1$o = ["alt", "data-e2e", "height", "src", "width"];
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("img", {
     alt: _ctx.iconName + `-icon`,
@@ -10818,10 +10818,10 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     height: _ctx.size,
     src: _ctx.getIconUrl(),
     width: _ctx.size
-  }, null, 10, _hoisted_1$m);
+  }, null, 10, _hoisted_1$o);
 }
-var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$8], ["__scopeId", "data-v-79076325"]]);
-const _sfc_main$l = defineComponent({
+var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$8], ["__scopeId", "data-v-79076325"]]);
+const _sfc_main$n = defineComponent({
   props: {
     data: {
       type: Boolean,
@@ -10851,13 +10851,13 @@ const _sfc_main$l = defineComponent({
     }
   }
 });
-const _hoisted_1$l = { class: "dp__options" };
-const _hoisted_2$k = { class: "dp__options_switch" };
+const _hoisted_1$n = { class: "dp__options" };
+const _hoisted_2$l = { class: "dp__options_switch" };
 const _hoisted_3$e = /* @__PURE__ */ createElementVNode("span", { class: "dp__options_slider" }, null, -1);
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("label", _hoisted_1$l, [
+  return openBlock(), createElementBlock("label", _hoisted_1$n, [
     createElementVNode("span", null, toDisplayString(_ctx.label), 1),
-    createElementVNode("div", _hoisted_2$k, [
+    createElementVNode("div", _hoisted_2$l, [
       withDirectives(createElementVNode("input", {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.checkedValue = $event),
         name: "switch",
@@ -10869,7 +10869,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var DhSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$7]]);
+var DhSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$7]]);
 /*!
  * Chart.js v3.9.1
  * https://www.chartjs.org
@@ -22771,7 +22771,7 @@ const generateChart = (chartId, chartType, chartController) => {
 };
 const Bar = /* @__PURE__ */ generateChart("bar-chart", "bar", BarController);
 var MultiRangeSlider_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$k = {
+const _sfc_main$m = {
   name: "MultiRangeSlider",
   props: {
     baseClassName: {
@@ -23069,8 +23069,8 @@ const _sfc_main$k = {
   mounted() {
   }
 };
-const _hoisted_1$k = { class: "bar" };
-const _hoisted_2$j = ["min", "max", "step", "value"];
+const _hoisted_1$m = { class: "bar" };
+const _hoisted_2$k = ["min", "max", "step", "value"];
 const _hoisted_3$d = { class: "caption" };
 const _hoisted_4$a = { class: "min-caption" };
 const _hoisted_5$7 = { class: "bar-inner" };
@@ -23094,7 +23094,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass([$props.baseClassName, $data.rangeMarginValue === 0 ? "zero-ranage-margin" : ""]),
     onMousewheel: _cache[10] || (_cache[10] = withModifiers((...args) => $options.onMouseWheel && $options.onMouseWheel(...args), ["prevent", "stop"]))
   }, [
-    createElementVNode("div", _hoisted_1$k, [
+    createElementVNode("div", _hoisted_1$m, [
       createElementVNode("div", {
         class: "bar-left",
         style: normalizeStyle({ width: $options.barMin + "%" }),
@@ -23108,7 +23108,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         step: $props.step,
         value: $data.valueMin,
         onInput: _cache[1] || (_cache[1] = withModifiers((...args) => $options.onInputMinChange && $options.onInputMinChange(...args), ["stop", "prevent"]))
-      }, null, 40, _hoisted_2$j),
+      }, null, 40, _hoisted_2$k),
       createElementVNode("div", {
         class: "thumb thumb-left",
         onMousedown: _cache[2] || (_cache[2] = (...args) => $options.onLeftThumbMousedown && $options.onLeftThumbMousedown(...args)),
@@ -23178,8 +23178,8 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 34);
 }
-var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$6]]);
-const _sfc_main$j = defineComponent({
+var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$6]]);
+const _sfc_main$l = defineComponent({
   components: { DhIcon },
   props: {
     mainText: {
@@ -23236,8 +23236,8 @@ const _sfc_main$j = defineComponent({
     }
   }
 });
-const _hoisted_1$j = { class: "dh-advanced-filter-container" };
-const _hoisted_2$i = { class: "advance_section" };
+const _hoisted_1$l = { class: "dh-advanced-filter-container" };
+const _hoisted_2$j = { class: "advance_section" };
 const _hoisted_3$c = { key: 0 };
 const _hoisted_4$9 = { class: "list-none" };
 const _hoisted_5$6 = ["checked"];
@@ -23245,8 +23245,8 @@ const _hoisted_6$5 = ["checked"];
 const _hoisted_7$5 = ["checked"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$j, [
-    createElementVNode("div", _hoisted_2$i, [
+  return openBlock(), createElementBlock("div", _hoisted_1$l, [
+    createElementVNode("div", _hoisted_2$j, [
       createElementVNode("span", {
         class: "toggle-icon",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleFilter())
@@ -23296,10 +23296,10 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var DhAdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$5]]);
+var DhAdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$5]]);
 var MultiRangeSliderBarOnly = "";
 Chart.register(plugin_tooltip, BarElement, CategoryScale, LinearScale);
-const _sfc_main$i = defineComponent({
+const _sfc_main$k = defineComponent({
   components: { Bar, MultiRangeSlider, DhAdvancedFilter },
   props: {
     numberRange: {
@@ -23553,8 +23553,8 @@ const _sfc_main$i = defineComponent({
     }
   }
 });
-const _hoisted_1$i = { class: "dh-range-container" };
-const _hoisted_2$h = { class: "bar-chart" };
+const _hoisted_1$k = { class: "dh-range-container" };
+const _hoisted_2$i = { class: "bar-chart" };
 const _hoisted_3$b = {
   key: 0,
   class: "input-group-section"
@@ -23567,8 +23567,8 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Bar = resolveComponent("Bar");
   const _component_MultiRangeSlider = resolveComponent("MultiRangeSlider");
   const _component_dh_advanced_filter = resolveComponent("dh-advanced-filter");
-  return openBlock(), createElementBlock("div", _hoisted_1$i, [
-    createElementVNode("div", _hoisted_2$h, [
+  return openBlock(), createElementBlock("div", _hoisted_1$k, [
+    createElementVNode("div", _hoisted_2$i, [
       createVNode(_component_Bar, {
         "chart-data": _ctx.chartData,
         "chart-id": _ctx.chartId,
@@ -23638,11 +23638,11 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onExclude", "onFilter_missing", "onMatch"])
   ]);
 }
-var DhNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$4]]);
+var DhNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$4]]);
 var main = "";
 var AdvancedDatePicker_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$h = { id: "dp-container" };
-const _hoisted_2$g = /* @__PURE__ */ createElementVNode("div", { class: "dp__calendar_range" }, [
+const _hoisted_1$j = { id: "dp-container" };
+const _hoisted_2$h = /* @__PURE__ */ createElementVNode("div", { class: "dp__calendar_range" }, [
   /* @__PURE__ */ createElementVNode("p", null, "From"),
   /* @__PURE__ */ createElementVNode("p", null, "To")
 ], -1);
@@ -23662,7 +23662,7 @@ const _hoisted_15$2 = /* @__PURE__ */ createElementVNode("div", {
   id: "tags",
   class: "dp__calendar_tags"
 }, null, -1);
-const _sfc_main$h = {
+const _sfc_main$j = {
   __name: "AdvancedDatePicker",
   props: {
     numberRange: {
@@ -23755,8 +23755,8 @@ const _sfc_main$h = {
       datePicker.value.openMenu();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
-        _hoisted_2$g,
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+        _hoisted_2$h,
         createVNode(unref(ca), {
           ref_key: "datePicker",
           ref: datePicker,
@@ -23896,6 +23896,104 @@ const _sfc_main$h = {
     };
   }
 };
+const _sfc_main$i = defineComponent({
+  props: {
+    target: { type: String, required: true },
+    trigger: { type: String, required: true },
+    placement: {
+      type: Object,
+      default: () => ({ placement: "bottom" }),
+      required: false
+    },
+    tooltipText: { type: String, required: true }
+  },
+  data() {
+    return {
+      show: false
+    };
+  },
+  methods: {
+    showTooltip() {
+      this.show = !this.show;
+    },
+    tooltip() {
+      let mainDiv = this.$refs.main;
+      let texts = this.$refs[this.target];
+      if (["right", "left"].includes(this.placement)) {
+        texts.style.top = -(((texts == null ? void 0 : texts.offsetHeight) - (mainDiv == null ? void 0 : mainDiv.offsetHeight)) / 2) + "px";
+      }
+    }
+  }
+});
+const _hoisted_1$i = ["placement", "target", "tooltipText", "trigger"];
+const _hoisted_2$g = ["id"];
+const _hoisted_3$9 = { class: "text" };
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    id: "main-contain",
+    ref: "main",
+    class: "dh-tooltip-container tooltip",
+    placement: _ctx.placement,
+    target: _ctx.target,
+    tooltipText: _ctx.tooltipText,
+    trigger: _ctx.trigger,
+    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.trigger == "click" ? _ctx.showTooltip() : null),
+    onMouseover: _cache[1] || (_cache[1] = ($event) => _ctx.tooltip())
+  }, [
+    renderSlot(_ctx.$slots, "default"),
+    createElementVNode("div", {
+      id: _ctx.target,
+      ref: _ctx.target,
+      class: normalizeClass(`tooltiptext ${_ctx.show}`)
+    }, [
+      createElementVNode("span", _hoisted_3$9, toDisplayString(_ctx.tooltipText), 1)
+    ], 10, _hoisted_2$g)
+  ], 40, _hoisted_1$i);
+}
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$3]]);
+var Copiable_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$h = { class: "copy__text" };
+const _sfc_main$h = {
+  __name: "Copiable",
+  props: {
+    text: {
+      type: String,
+      required: true
+    },
+    placement: {
+      type: String,
+      default: "bottom"
+    }
+  },
+  setup(__props) {
+    const copied = ref("copy text");
+    function copyText(data) {
+      navigator.clipboard.writeText(data);
+      copied.value = "copied !";
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", _hoisted_1$h, [
+        createTextVNode(toDisplayString(__props.text) + " ", 1),
+        createVNode(Tooltip, {
+          placement: __props.placement,
+          target: "tooltiptext",
+          "tooltip-text": copied.value,
+          trigger: "hover",
+          onClick: _cache[0] || (_cache[0] = ($event) => copyText(__props.text))
+        }, {
+          default: withCtx(() => [
+            createVNode(DhIcon, {
+              class: "copy__text_icon",
+              "icon-name": "copy",
+              size: "18"
+            })
+          ]),
+          _: 1
+        }, 8, ["placement", "tooltip-text"])
+      ]);
+    };
+  }
+};
 var DatePicker_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$g = /* @__PURE__ */ createTextVNode(" Back ");
 const _hoisted_2$f = /* @__PURE__ */ createElementVNode("div", null, "today", -1);
@@ -24193,7 +24291,7 @@ const _sfc_main$c = defineComponent({
 });
 const _hoisted_1$c = { class: "dh-body-1-medium" };
 const _hoisted_2$c = /* @__PURE__ */ createTextVNode(" Content ");
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
   return openBlock(), createElementBlock(Fragment, null, [
     createElementVNode("div", {
@@ -24216,7 +24314,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ]) : createCommentVNode("", true)
   ], 64);
 }
-var ExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$3]]);
+var ExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$2]]);
 var FileUpload_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$b = /* @__PURE__ */ createElementVNode("label", { for: "upload_pdf" }, [
   /* @__PURE__ */ createTextVNode(" Drag and drop file or "),
@@ -24226,7 +24324,7 @@ const _hoisted_2$b = {
   key: 1,
   class: "file__upload_items"
 };
-const _hoisted_3$9 = { class: "file__upload_list_item" };
+const _hoisted_3$8 = { class: "file__upload_list_item" };
 const _hoisted_4$6 = { class: "file__upload_list_item_label" };
 const _hoisted_5$3 = ["title"];
 const _hoisted_6$2 = {
@@ -24462,7 +24560,7 @@ const _sfc_main$b = {
                 size: 20,
                 style: normalizeStyle({ "z-index": props.zIndex })
               }, null, 8, ["style"])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_3$9, [
+              createElementVNode("div", _hoisted_3$8, [
                 createElementVNode("div", _hoisted_4$6, [
                   createElementVNode("div", null, [
                     createElementVNode("span", {
@@ -24548,7 +24646,7 @@ const _sfc_main$b = {
 var InputDropdown_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$a = { class: "input__dropdown" };
 const _hoisted_2$a = { class: "input__dropdown_second" };
-const _hoisted_3$8 = ["tabindex"];
+const _hoisted_3$7 = ["tabindex"];
 const _hoisted_4$5 = ["onClick"];
 const _hoisted_5$2 = ["onClick"];
 const _sfc_main$a = {
@@ -24641,12 +24739,61 @@ const _sfc_main$a = {
                 }, toDisplayString(option), 9, _hoisted_5$2);
               }), 128))
             ], 2)) : createCommentVNode("", true)
-          ], 40, _hoisted_3$8)
+          ], 40, _hoisted_3$7)
         ])
       ]);
     };
   }
 };
+var InputGroup_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$9 = { class: "input__group" };
+const _hoisted_2$9 = ["type"];
+const _sfc_main$9 = {
+  __name: "InputGroup",
+  props: {
+    inputType: {
+      type: String,
+      default: "text"
+    },
+    iconName: {
+      type: String,
+      required: true
+    },
+    widthProp: {
+      type: String,
+      default: "200px"
+    },
+    direction: {
+      type: String,
+      default: "right"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useCssVars((_ctx) => ({
+      "14ee876f": flexDir.value,
+      "0aeebdb8": __props.widthProp
+    }));
+    const flexDir = ref("row");
+    onMounted(() => {
+      if (props.direction == "left") {
+        flexDir.value = "row-reverse";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        createElementVNode("input", {
+          class: "input__group_field",
+          type: __props.inputType
+        }, null, 8, _hoisted_2$9),
+        createVNode(DhIcon, {
+          class: "input__group_icon",
+          "icon-name": __props.iconName
+        }, null, 8, ["icon-name"])
+      ]);
+    };
+  }
+};
 var _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAR2SURBVHgBlVVdaFtlGH6+LydJ89OYtHVbf+YyhoPK5uK2G3/oIlTYhRctKApebAiCXowtDLzxIi3sUqnBiiBerF6osGl7J0idqWyD4WSZF3PzZ4tt7Y/NmnRN0yYn5/t8z9e0Ne35Wnwg5Jzzvt/7vO/7vT8MO6BnYDEuPP4TXMi4kIgyxqOrElEAZEZKZLhVHhpJBDPb2WE6wcsDZtwwXEkJGd9G7T9WRJqZ+f6RxONprUp9BDIs3CLJJM7tSLAJkg5xIT6EVSTCSEFLdPKT5ai36hqWzBVj8v+R1IFVM8y0ekcSvuwWop6BfFgaoR8kY0RSf04qRUriSh6l/AzcDY3wRtpgmWUSUhSewFYuITMFwV9MJ5iKzFgTCHfITtcWEhvW/H38NfYpViZ+UZ7Jmn920B3dZxDuPLnljOQsFmYiSY8J+53Xook734nE4v1r+P2rBMoTt1VUqzRC/ThFU85P2m7CCYKxc3bVrhNZRjDpdPHmoxnMXBmErFbgDIncza+RuzGE1QTXQ1k0fElF9OpAJcaZK+5kZuHuKCqlAraDbWzmxmWUJm5pXEH89Y8W49w0cNrBGYWlqTvbFvjTna1oigQoLQKP/ryq0eIooSFOxcCP6AxJaWkkDAEfw/uJ52GaJt658D1yhSmdGdJmJ+iOZEyrQaFeOPss9u3xKXUVHlXN8UO78U2qFx0tbuxv9eOzZDepCr0ZGlsGdUFYR3L04C50H4ugt2s/HkwXsVgqoyXUgLbdQeITtgFFEPK58VR7iFKk81dEuU7m5yWkXmtEo98Ao0jeS12FWeVo3+WnZhT48edJvNl3RTkU8nN8fKoJAWNJE5HdsJJl6SG6WVZhbsyZfuxVlSLwwbtd2NMcUM/2wReOP4Enoy2rVuhbQTRhpep25pGiwBmvZJ2EVcuD8/fewGwloIy1NftUdUlqUkn7glPKWpsblO7flTDO330FFjyORKSd4bBcY9CCYboUXFe3S9UmYmuvNeTJGRrEziTM1q/eJieLaWhAnuDbiQO12cZgLa0Ay1UI+7eyUfqjMwehWymMHHNXqxc57Y003W5aR3YrfwCXsp3KkCvgAfd7wX3073PRLAOGxztxbWqfrudtpC/R9uWrrGa/1KjS6MSXfxzFFxNdsJhXxUmOQbj8+Py35zB07xilh2kyAoom328/K6KRM740mUxtHoz2fRTmBKYfMMxXaP+wCMzcAsyHCyQLomRElayQs+y1tAVUAKnLtdW+3ke8avSRILNGZpPMjlsozlMBUI6u36Ebaz8M+OjiPUHwvc9g9KeyWkqLD13ITdpkG9OBPmcQNPrW3uti7hlYjkq3Z5iSH8vPEslCfSV1Ha7g1EucSt/Exe8krv/qrzMQeMxCUyu3d1WGutt5lW+QyXDZLPf9M26cldAODkfY99zSUU4FvL6+kdoK1xKt4dDbc3G3EUmSQhw7EDLqFSFZmvZtf2bQvm8HHeyA2FvFGPd6TlN0R0iZJj0Lq2NSZiWsLGNsjKOYvjlIbbIN/gUK8Nn86IrnuAAAAABJRU5ErkJggg==";
 function isNullish(val) {
   return [null, void 0].indexOf(val) !== -1;
@@ -26492,9 +26639,9 @@ var script = {
     ]);
   }
 };
-const _hoisted_1$9 = ["id", "dir"];
-const _hoisted_2$9 = ["tabindex", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable", "role"];
-const _hoisted_3$7 = ["type", "modelValue", "value", "autocomplete", "id", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"];
+const _hoisted_1$8 = ["id", "dir"];
+const _hoisted_2$8 = ["tabindex", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable", "role"];
+const _hoisted_3$6 = ["type", "modelValue", "value", "autocomplete", "id", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"];
 const _hoisted_4$4 = ["onKeyup", "aria-label"];
 const _hoisted_5$1 = ["onClick"];
 const _hoisted_6$1 = ["type", "modelValue", "value", "id", "autocomplete", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"];
@@ -26557,7 +26704,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, {
         ...$props.attrs,
         ..._ctx.arias
-      }), null, 16, _hoisted_3$7)) : createCommentVNode("v-if", true),
+      }), null, 16, _hoisted_3$6)) : createCommentVNode("v-if", true),
       createCommentVNode(" Tags (with search) "),
       $props.mode == "tags" ? (openBlock(), createElementBlock("div", {
         key: 1,
@@ -26688,7 +26835,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           "aria-hidden": "true"
         }, null, 2)
       ]) : createCommentVNode("v-if", true)
-    ], 16, _hoisted_2$9),
+    ], 16, _hoisted_2$8),
     createCommentVNode(" Options "),
     createElementVNode("div", {
       class: normalizeClass(_ctx.classList.dropdown),
@@ -26839,20 +26986,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", {
       class: normalizeClass(_ctx.classList.spacer)
     }, null, 2)
-  ], 42, _hoisted_1$9);
+  ], 42, _hoisted_1$8);
 }
 script.render = render;
 script.__file = "src/Multiselect.vue";
 var default_css_vue_type_style_index_0_src_4c4a0fd4_lang = "";
 var InputList_vue_vue_type_style_index_1_lang = "";
-const _hoisted_1$8 = /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_1$7 = /* @__PURE__ */ createElementVNode("img", {
   alt: "",
   class: "list__item_thumb",
   src: _imports_0
 }, null, -1);
-const _hoisted_2$8 = { class: "list__item_text" };
-const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("div", { id: "list" }, null, -1);
-const _sfc_main$9 = {
+const _hoisted_2$7 = { class: "list__item_text" };
+const _hoisted_3$5 = /* @__PURE__ */ createElementVNode("div", { id: "list" }, null, -1);
+const _sfc_main$8 = {
   __name: "InputList",
   props: {
     list: {
@@ -26901,8 +27048,8 @@ const _sfc_main$9 = {
               createElementVNode("div", {
                 class: normalizeClass(["list__item", { "is-disabled": disabled }])
               }, [
-                _hoisted_1$8,
-                createElementVNode("p", _hoisted_2$8, toDisplayString(option[__props.labelProp]), 1),
+                _hoisted_1$7,
+                createElementVNode("p", _hoisted_2$7, toDisplayString(option[__props.labelProp]), 1),
                 createVNode(DhIcon, {
                   class: "list__item_icon",
                   "icon-name": "delete",
@@ -26915,12 +27062,12 @@ const _sfc_main$9 = {
           ]),
           _: 3
         }, 8, ["modelValue", "label", "options", "value-prop"]),
-        _hoisted_3$6
+        _hoisted_3$5
       ], 64);
     };
   }
 };
-const _sfc_main$8 = defineComponent({
+const _sfc_main$7 = defineComponent({
   components: { DhIcon },
   props: {
     hasCloseButton: {
@@ -26967,18 +27114,18 @@ const _sfc_main$8 = defineComponent({
     }
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$6 = {
   key: 1,
   id: "modal-sidebar",
   class: "modal-sidebar"
 };
-const _hoisted_2$7 = {
+const _hoisted_2$6 = {
   key: 0,
   id: "modalTitle",
   class: "modal-header"
 };
-const _hoisted_3$5 = { class: "modal-footer" };
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_3$4 = { class: "modal-footer" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
   return openBlock(), createBlock(Transition, { name: "modal-fade" }, {
     default: withCtx(() => [
@@ -27007,14 +27154,14 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               size: 24
             })
           ])) : createCommentVNode("", true),
-          _ctx.hasSideBar ? (openBlock(), createElementBlock("aside", _hoisted_1$7, [
+          _ctx.hasSideBar ? (openBlock(), createElementBlock("aside", _hoisted_1$6, [
             renderSlot(_ctx.$slots, "sidebar"),
             _ctx.hasSideBarButtonBottom ? renderSlot(_ctx.$slots, "sidebar-button-bottom", { key: 0 }) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
           createElementVNode("section", {
             class: normalizeClass(`right-section ${_ctx.hasSideBar ? "" : "full"}`)
           }, [
-            _ctx.hasHeader ? (openBlock(), createElementBlock("header", _hoisted_2$7, [
+            _ctx.hasHeader ? (openBlock(), createElementBlock("header", _hoisted_2$6, [
               renderSlot(_ctx.$slots, "header")
             ])) : createCommentVNode("", true),
             createElementVNode("section", {
@@ -27023,7 +27170,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               renderSlot(_ctx.$slots, "body")
             ], 2),
-            createElementVNode("footer", _hoisted_3$5, [
+            createElementVNode("footer", _hoisted_3$4, [
               _ctx.hasFooter ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : createCommentVNode("", true),
               _ctx.hasFooterButtonRight ? renderSlot(_ctx.$slots, "footer-button-right", { key: 1 }) : createCommentVNode("", true)
             ])
@@ -27034,8 +27181,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2]]);
-const _sfc_main$7 = defineComponent({
+var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1]]);
+const _sfc_main$6 = defineComponent({
   props: {
     notificationType: {
       type: String,
@@ -27105,20 +27252,20 @@ const _sfc_main$7 = defineComponent({
     }
   }
 });
-const _hoisted_1$6 = /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_1$5 = /* @__PURE__ */ createElementVNode("img", {
   alt: "icon",
   class: "close-icon",
   src: _imports_0$1
 }, null, -1);
-const _hoisted_2$6 = [
-  _hoisted_1$6
+const _hoisted_2$5 = [
+  _hoisted_1$5
 ];
-const _hoisted_3$4 = { class: "additional-text" };
+const _hoisted_3$3 = { class: "additional-text" };
 const _hoisted_4$3 = {
   key: 0,
   class: "descriptions"
 };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(`dh-notification-container ${_ctx.notificationType}`)
@@ -27131,7 +27278,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         class: "close-notification",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.close(false))
-      }, _hoisted_2$6)) : createCommentVNode("", true),
+      }, _hoisted_2$5)) : createCommentVNode("", true),
       createElementVNode("div", {
         class: normalizeClass(`content content- ${_ctx.notificationType}`)
       }, [
@@ -27143,7 +27290,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
             size: 20
           }, null, 8, ["icon-name"])
         ], 2),
-        createElementVNode("div", _hoisted_3$4, [
+        createElementVNode("div", _hoisted_3$3, [
           createElementVNode("div", {
             class: normalizeClass(`title title-${_ctx.notificationType}`)
           }, toDisplayString(_ctx.limitTitle(_ctx.title, _ctx.notificationType)), 3),
@@ -27166,16 +27313,16 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ], 2);
 }
-var Notification = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1]]);
+var Notification = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]);
 var PasswordField_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$5 = { class: "password__panel" };
-const _hoisted_2$5 = ["placeholder", "type"];
-const _hoisted_3$3 = { class: "icon is-right" };
+const _hoisted_1$4 = { class: "password__panel" };
+const _hoisted_2$4 = ["placeholder", "type"];
+const _hoisted_3$2 = { class: "icon is-right" };
 const _hoisted_4$2 = {
   key: 0,
   class: "password__tooltip"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "PasswordField",
   props: {
     modelValue: {
@@ -27231,7 +27378,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     onMounted(() => () => password.value = props.modelValue || "");
     watch(props, () => (password.value = props.modelValue || "", hasMinimumLength.value = password.value.length > 11, hasNumber.value = /\d/.test(password.value), hasSpecial.value = /[!@#$%^&*)(+=._-]/.test(password.value)));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
           class: "form__input password__panel_input",
@@ -27241,7 +27388,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           onFocus,
           onFocusout: outFocus,
           onKeyup: emitChanged
-        }, null, 40, _hoisted_2$5), [
+        }, null, 40, _hoisted_2$4), [
           [vModelDynamic, password.value]
         ]),
         createElementVNode("button", {
@@ -27249,7 +27396,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           type: "button",
           onClick: toggleShow
         }, [
-          createElementVNode("span", _hoisted_3$3, [
+          createElementVNode("span", _hoisted_3$2, [
             createVNode(DhIcon, {
               active: isActive.value,
               "icon-name": showPassword.value ? "invisible" : "visible",
@@ -27293,13 +27440,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-3ae35090"]]);
+var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-3ae35090"]]);
 var RadioBox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$4 = { class: "radio" };
-const _hoisted_2$4 = ["for"];
-const _hoisted_3$2 = ["id", "type", "value"];
+const _hoisted_1$3 = { class: "radio" };
+const _hoisted_2$3 = ["for"];
+const _hoisted_3$1 = ["id", "type", "value"];
 const _hoisted_4$1 = { class: "radio__label_txt" };
-const _sfc_main$5 = {
+const _sfc_main$4 = {
   __name: "RadioBox",
   props: {
     type: {
@@ -27318,7 +27465,7 @@ const _sfc_main$5 = {
   emits: ["clickBox"],
   setup(__props, { emit }) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createElementVNode("label", {
           class: "radio__label",
           for: __props.value
@@ -27330,16 +27477,16 @@ const _sfc_main$5 = {
             type: __props.type,
             value: __props.value,
             onClick: _cache[0] || (_cache[0] = ($event) => emit("clickBox"))
-          }, null, 8, _hoisted_3$2),
+          }, null, 8, _hoisted_3$1),
           createElementVNode("span", _hoisted_4$1, toDisplayString(__props.label), 1)
-        ], 8, _hoisted_2$4)
+        ], 8, _hoisted_2$3)
       ]);
     };
   }
 };
-var DhRadioBox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-29696bd5"]]);
+var DhRadioBox = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-29696bd5"]]);
 var RadioBoxGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$4 = {
+const _sfc_main$3 = {
   __name: "RadioBoxGroup",
   props: {
     orientation: {
@@ -27391,9 +27538,9 @@ const _sfc_main$4 = {
   }
 };
 var SearchInput_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$3 = { class: "search-panel" };
-const _hoisted_2$3 = ["placeholder"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = { class: "search-panel" };
+const _hoisted_2$2 = ["placeholder"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "SearchInput",
   props: {
     modelValue: {
@@ -27421,14 +27568,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     onMounted(() => () => search.value = props.modelValue || "");
     watch(props, () => search.value = props.modelValue || "");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
           class: "form-input search-panel-input",
           "data-e2e": "search-input",
           placeholder: props.placeholder,
           onKeyup: emitChanged
-        }, null, 40, _hoisted_2$3), [
+        }, null, 40, _hoisted_2$2), [
           [vModelText, search.value]
         ]),
         !search.value ? (openBlock(), createElementBlock("button", {
@@ -27459,12 +27606,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-562faa14"]]);
+var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-562faa14"]]);
 var Stepper_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-0213b522"), n = n(), popScopeId(), n);
-const _hoisted_1$2 = { class: "stepper" };
-const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "solid" }, null, -1));
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1 = { class: "stepper" };
+const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "solid" }, null, -1));
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Stepper",
   props: {
     maxSteps: {
@@ -27482,7 +27629,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return Array.from(Array(props.maxSteps || 0).keys());
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(getSteps(), (step, id) => {
           return openBlock(), createElementBlock("div", {
             key: id,
@@ -27491,69 +27638,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             createElementVNode("span", {
               class: normalizeClass(["step-number", { active: step === __props.currentStep }])
             }, toDisplayString(step + 1), 3),
-            _hoisted_2$2
+            _hoisted_2$1
           ]);
         }), 128))
       ]);
     };
   }
 });
-var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0213b522"]]);
-const _sfc_main$1 = defineComponent({
-  props: {
-    target: { type: String, required: true },
-    trigger: { type: String, required: true },
-    placement: {
-      type: Object,
-      default: () => ({ placement: "bottom" }),
-      required: false
-    },
-    tooltipText: { type: String, required: true }
-  },
-  data() {
-    return {
-      show: false
-    };
-  },
-  methods: {
-    showTooltip() {
-      this.show = !this.show;
-    },
-    tooltip() {
-      let mainDiv = this.$refs.main;
-      let texts = this.$refs[this.target];
-      if (["right", "left"].includes(this.placement)) {
-        texts.style.top = -(((texts == null ? void 0 : texts.offsetHeight) - (mainDiv == null ? void 0 : mainDiv.offsetHeight)) / 2) + "px";
-      }
-    }
-  }
-});
-const _hoisted_1$1 = ["placement", "target", "tooltipText", "trigger"];
-const _hoisted_2$1 = ["id"];
-const _hoisted_3$1 = { class: "text" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    id: "main-contain",
-    ref: "main",
-    class: "dh-tooltip-container tooltip",
-    placement: _ctx.placement,
-    target: _ctx.target,
-    tooltipText: _ctx.tooltipText,
-    trigger: _ctx.trigger,
-    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.trigger == "click" ? _ctx.showTooltip() : null),
-    onMouseover: _cache[1] || (_cache[1] = ($event) => _ctx.tooltip())
-  }, [
-    renderSlot(_ctx.$slots, "default"),
-    createElementVNode("div", {
-      id: _ctx.target,
-      ref: _ctx.target,
-      class: normalizeClass(`tooltiptext ${_ctx.show}`)
-    }, [
-      createElementVNode("span", _hoisted_3$1, toDisplayString(_ctx.tooltipText), 1)
-    ], 10, _hoisted_2$1)
-  ], 40, _hoisted_1$1);
-}
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
+var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0213b522"]]);
 var VerificationCode_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1 = { class: "code" };
 const _hoisted_2 = ["autocomplete"];
@@ -27820,4 +27912,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ace876a"]]);
-export { _sfc_main$h as DhAdvancedDatePicker, DhAdvancedFilter, _sfc_main$g as DhDatePicker, DropdownMenu as DhDropdownMenu, _sfc_main$d as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$b as DhFileUpload, DhIcon, _sfc_main$a as DhInputDropdown, _sfc_main$9 as DhInputList, Modal as DhModal, Notification as DhNotification, DhNumberRange, PasswordField as DhPasswordField, DhRadioBox, _sfc_main$4 as DhRadioBoxGroup, SearchInput as DhSearchInput, Stepper as DhStepper, DhSwitch, Tooltip as DhTooltip, VerificationCode as DhVerificationCode };
+export { _sfc_main$j as DhAdvancedDatePicker, DhAdvancedFilter, _sfc_main$h as DhCopyText, _sfc_main$g as DhDatePicker, DropdownMenu as DhDropdownMenu, _sfc_main$d as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$b as DhFileUpload, DhIcon, _sfc_main$a as DhInputDropdown, _sfc_main$9 as DhInputGroup, _sfc_main$8 as DhInputList, Modal as DhModal, Notification as DhNotification, DhNumberRange, PasswordField as DhPasswordField, DhRadioBox, _sfc_main$3 as DhRadioBoxGroup, SearchInput as DhSearchInput, Stepper as DhStepper, DhSwitch, Tooltip as DhTooltip, VerificationCode as DhVerificationCode };