@deskhero/dh_ui 1.35.9 → 1.36.0

package/dist/dh_ui.es.js

@@ -10849,12 +10849,12 @@ const _sfc_main$l = defineComponent({
   }
 });
 const _hoisted_1$l = { class: "dp__options" };
-const _hoisted_2$j = { class: "dp__options_switch" };
-const _hoisted_3$d = /* @__PURE__ */ createElementVNode("span", { class: "dp__options_slider" }, null, -1);
+const _hoisted_2$k = { 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, [
     createElementVNode("span", null, toDisplayString(_ctx.label), 1),
-    createElementVNode("div", _hoisted_2$j, [
+    createElementVNode("div", _hoisted_2$k, [
       withDirectives(createElementVNode("input", {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.checkedValue = $event),
         name: "switch",
@@ -10862,7 +10862,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 512), [
         [vModelCheckbox, _ctx.checkedValue]
       ]),
-      _hoisted_3$d
+      _hoisted_3$e
     ])
   ]);
 }
@@ -23067,12 +23067,12 @@ const _sfc_main$k = {
   }
 };
 const _hoisted_1$k = { class: "bar" };
-const _hoisted_2$i = ["min", "max", "step", "value"];
-const _hoisted_3$c = { class: "caption" };
-const _hoisted_4$9 = { class: "min-caption" };
-const _hoisted_5$6 = { class: "bar-inner" };
-const _hoisted_6$6 = ["min", "max", "step", "value"];
-const _hoisted_7$5 = { class: "caption" };
+const _hoisted_2$j = ["min", "max", "step", "value"];
+const _hoisted_3$d = { class: "caption" };
+const _hoisted_4$a = { class: "min-caption" };
+const _hoisted_5$7 = { class: "bar-inner" };
+const _hoisted_6$7 = ["min", "max", "step", "value"];
+const _hoisted_7$6 = { class: "caption" };
 const _hoisted_8$3 = { class: "max-caption" };
 const _hoisted_9$3 = {
   key: 0,
@@ -23105,17 +23105,17 @@ 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$i),
+      }, null, 40, _hoisted_2$j),
       createElementVNode("div", {
         class: "thumb thumb-left",
         onMousedown: _cache[2] || (_cache[2] = (...args) => $options.onLeftThumbMousedown && $options.onLeftThumbMousedown(...args)),
         onTouchstart: _cache[3] || (_cache[3] = (...args) => $options.onLeftThumbMousedown && $options.onLeftThumbMousedown(...args))
       }, [
-        createElementVNode("div", _hoisted_3$c, [
-          createElementVNode("span", _hoisted_4$9, toDisplayString($props.minCaption || $options.barMinVal), 1)
+        createElementVNode("div", _hoisted_3$d, [
+          createElementVNode("span", _hoisted_4$a, toDisplayString($props.minCaption || $options.barMinVal), 1)
         ])
       ], 32),
-      createElementVNode("div", _hoisted_5$6, [
+      createElementVNode("div", _hoisted_5$7, [
         createElementVNode("div", {
           class: "bar-inner-left",
           onClick: _cache[4] || (_cache[4] = (...args) => $options.onInnerBarLeftClick && $options.onInnerBarLeftClick(...args))
@@ -23133,13 +23133,13 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         step: $props.step,
         value: $data.valueMax,
         onInput: _cache[6] || (_cache[6] = withModifiers((...args) => $options.onInputMaxChange && $options.onInputMaxChange(...args), ["stop", "prevent"]))
-      }, null, 40, _hoisted_6$6),
+      }, null, 40, _hoisted_6$7),
       createElementVNode("div", {
         class: "thumb thumb-right",
         onMousedown: _cache[7] || (_cache[7] = (...args) => $options.onRightThumbMousedown && $options.onRightThumbMousedown(...args)),
         onTouchstart: _cache[8] || (_cache[8] = (...args) => $options.onRightThumbMousedown && $options.onRightThumbMousedown(...args))
       }, [
-        createElementVNode("div", _hoisted_7$5, [
+        createElementVNode("div", _hoisted_7$6, [
           createElementVNode("span", _hoisted_8$3, toDisplayString($props.maxCaption || $options.barMaxVal), 1)
         ])
       ], 32),
@@ -23234,16 +23234,16 @@ const _sfc_main$j = defineComponent({
   }
 });
 const _hoisted_1$j = { class: "dh-advanced-filter-container" };
-const _hoisted_2$h = { class: "advance_section" };
-const _hoisted_3$b = { key: 0 };
-const _hoisted_4$8 = { class: "list-none" };
-const _hoisted_5$5 = ["checked"];
-const _hoisted_6$5 = ["checked"];
-const _hoisted_7$4 = ["checked"];
+const _hoisted_2$i = { class: "advance_section" };
+const _hoisted_3$c = { key: 0 };
+const _hoisted_4$9 = { class: "list-none" };
+const _hoisted_5$6 = ["checked"];
+const _hoisted_6$6 = ["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$h, [
+    createElementVNode("div", _hoisted_2$i, [
       createElementVNode("span", {
         class: "toggle-icon",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleFilter())
@@ -23254,9 +23254,9 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           size: 20
         }, null, 8, ["icon-name"])
       ]),
-      _ctx.activeFilter ? (openBlock(), createElementBlock("div", _hoisted_3$b, [
+      _ctx.activeFilter ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
         renderSlot(_ctx.$slots, "default"),
-        createElementVNode("ul", _hoisted_4$8, [
+        createElementVNode("ul", _hoisted_4$9, [
           createElementVNode("li", null, [
             createElementVNode("label", null, [
               createElementVNode("input", {
@@ -23264,7 +23264,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "number_filter",
                 type: "checkbox",
                 onChange: _cache[1] || (_cache[1] = ($event) => _ctx.missingFilter())
-              }, null, 40, _hoisted_5$5),
+              }, null, 40, _hoisted_5$6),
               createTextVNode(" " + toDisplayString(_ctx.filterMissingText), 1)
             ])
           ]),
@@ -23275,7 +23275,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "number_filter",
                 type: "radio",
                 onChange: _cache[2] || (_cache[2] = ($event) => _ctx.matchFilter())
-              }, null, 40, _hoisted_6$5),
+              }, null, 40, _hoisted_6$6),
               createTextVNode(" " + toDisplayString(_ctx.matchText), 1)
             ]),
             createElementVNode("label", null, [
@@ -23284,7 +23284,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "number_filter",
                 type: "radio",
                 onChange: _cache[3] || (_cache[3] = ($event) => _ctx.excludeFilter())
-              }, null, 40, _hoisted_7$4),
+              }, null, 40, _hoisted_7$5),
               createTextVNode(" " + toDisplayString(_ctx.excludeText), 1)
             ])
           ])
@@ -23551,21 +23551,21 @@ const _sfc_main$i = defineComponent({
   }
 });
 const _hoisted_1$i = { class: "dh-range-container" };
-const _hoisted_2$g = { class: "bar-chart" };
-const _hoisted_3$a = {
+const _hoisted_2$h = { class: "bar-chart" };
+const _hoisted_3$b = {
   key: 0,
   class: "input-group-section"
 };
-const _hoisted_4$7 = { class: "input-group sb-input" };
-const _hoisted_5$4 = ["disabled", "max", "value"];
-const _hoisted_6$4 = { class: "input-group sb-input" };
-const _hoisted_7$3 = ["disabled", "max", "min", "value"];
+const _hoisted_4$8 = { class: "input-group sb-input" };
+const _hoisted_5$5 = ["disabled", "max", "value"];
+const _hoisted_6$5 = { class: "input-group sb-input" };
+const _hoisted_7$4 = ["disabled", "max", "min", "value"];
 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$g, [
+    createElementVNode("div", _hoisted_2$h, [
       createVNode(_component_Bar, {
         "chart-data": _ctx.chartData,
         "chart-id": _ctx.chartId,
@@ -23590,8 +23590,8 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         onInput: _ctx.updateBarChart
       }, null, 8, ["base-class-name", "labels", "max", "max-caption", "max-value", "min-caption", "min-value", "step", "onInput"])
     ]),
-    _ctx.includeForm ? (openBlock(), createElementBlock("div", _hoisted_3$a, [
-      createElementVNode("div", _hoisted_4$7, [
+    _ctx.includeForm ? (openBlock(), createElementBlock("div", _hoisted_3$b, [
+      createElementVNode("div", _hoisted_4$8, [
         createElementVNode("label", {
           class: normalizeClass(`dh-body-2 input-to ${_ctx.validated ? "disable" : ""}`)
         }, " From ", 2),
@@ -23604,9 +23604,9 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
           type: "number",
           value: `${_ctx.min}`,
           onInput: _cache[0] || (_cache[0] = ($event) => _ctx.changeMin($event))
-        }, null, 40, _hoisted_5$4)
+        }, null, 40, _hoisted_5$5)
       ]),
-      createElementVNode("div", _hoisted_6$4, [
+      createElementVNode("div", _hoisted_6$5, [
         createElementVNode("label", {
           class: normalizeClass(`dh-body-2 input-to ${_ctx.validated ? "disable" : ""}`)
         }, " To ", 2),
@@ -23619,7 +23619,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
           type: "number",
           value: `${_ctx.max}`,
           onInput: _cache[1] || (_cache[1] = ($event) => _ctx.changeMax($event))
-        }, null, 40, _hoisted_7$3)
+        }, null, 40, _hoisted_7$4)
       ])
     ])) : createCommentVNode("", true),
     renderSlot(_ctx.$slots, "input"),
@@ -23639,15 +23639,15 @@ var DhNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_re
 var main = "";
 var AdvancedDatePicker_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$h = { id: "dp-container" };
-const _hoisted_2$f = /* @__PURE__ */ createElementVNode("div", { class: "dp__calendar_range" }, [
+const _hoisted_2$g = /* @__PURE__ */ createElementVNode("div", { class: "dp__calendar_range" }, [
   /* @__PURE__ */ createElementVNode("p", null, "From"),
   /* @__PURE__ */ createElementVNode("p", null, "To")
 ], -1);
-const _hoisted_3$9 = { class: "dp__multi" };
-const _hoisted_4$6 = ["value"];
-const _hoisted_5$3 = ["value"];
-const _hoisted_6$3 = /* @__PURE__ */ createTextVNode(" Back ");
-const _hoisted_7$2 = ["onClick"];
+const _hoisted_3$a = { class: "dp__multi" };
+const _hoisted_4$7 = ["value"];
+const _hoisted_5$4 = ["value"];
+const _hoisted_6$4 = /* @__PURE__ */ createTextVNode(" Back ");
+const _hoisted_7$3 = ["onClick"];
 const _hoisted_8$2 = ["onClick"];
 const _hoisted_9$2 = ["onClick"];
 const _hoisted_10$2 = ["onClick"];
@@ -23753,7 +23753,7 @@ const _sfc_main$h = {
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$h, [
-        _hoisted_2$f,
+        _hoisted_2$g,
         createVNode(unref(ca), {
           ref_key: "datePicker",
           ref: datePicker,
@@ -23778,21 +23778,21 @@ const _sfc_main$h = {
           onClosed: reOpen
         }, {
           "dp-input": withCtx(() => [
-            createElementVNode("div", _hoisted_3$9, [
+            createElementVNode("div", _hoisted_3$a, [
               createElementVNode("input", {
                 class: "dp__input dp__multi_input",
                 placeholder: "MM/DD/YYYY",
                 type: "text",
                 value: minDate.value ? minDate.value : date.value[0],
                 onInput: _cache[0] || (_cache[0] = ($event) => changeFirstDate($event))
-              }, null, 40, _hoisted_4$6),
+              }, null, 40, _hoisted_4$7),
               createElementVNode("input", {
                 class: "dp__input dp__multi_input",
                 placeholder: "MM/DD/YYYY",
                 type: "text",
                 value: maxDate.value ? maxDate.value : date.value[1],
                 onInput: _cache[1] || (_cache[1] = ($event) => changeSecondDate($event))
-              }, null, 40, _hoisted_5$3)
+              }, null, 40, _hoisted_5$4)
             ])
           ]),
           "arrow-left": withCtx(() => [
@@ -23808,7 +23808,7 @@ const _sfc_main$h = {
             })
           ]),
           "calendar-icon": withCtx(() => [
-            _hoisted_6$3
+            _hoisted_6$4
           ]),
           "clear-icon": withCtx(() => []),
           "action-preview": withCtx(() => []),
@@ -23817,7 +23817,7 @@ const _sfc_main$h = {
             (openBlock(), createBlock(Teleport, { to: "#tags" }, [
               createElementVNode("span", {
                 onClick: ($event) => presetDateRange(range)
-              }, toDisplayString(label), 9, _hoisted_7$2)
+              }, toDisplayString(label), 9, _hoisted_7$3)
             ]))
           ]),
           week: withCtx(({ label, range, presetDateRange }) => [
@@ -23894,7 +23894,7 @@ const _sfc_main$h = {
 };
 var DatePicker_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$g = /* @__PURE__ */ createTextVNode(" Back ");
-const _hoisted_2$e = /* @__PURE__ */ createElementVNode("div", null, "today", -1);
+const _hoisted_2$f = /* @__PURE__ */ createElementVNode("div", null, "today", -1);
 const _sfc_main$g = {
   __name: "DatePicker",
   props: {
@@ -23957,7 +23957,7 @@ const _sfc_main$g = {
           "clear-icon": withCtx(() => []),
           "action-preview": withCtx(() => []),
           "marker-tooltip": withCtx(() => [
-            _hoisted_2$e
+            _hoisted_2$f
           ]),
           _: 1
         }, 8, ["modelValue", "inline", "markers"])
@@ -23967,7 +23967,7 @@ const _sfc_main$g = {
 };
 var DropdownMenuItem_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = ["src"];
-const _hoisted_2$d = {
+const _hoisted_2$e = {
   key: 3,
   class: "menu-item-text-wrapper"
 };
@@ -24010,7 +24010,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           key: 2,
           class: normalizeClass(["dh-body-2", __props.textEllipsisStyle])
         }, toDisplayString(__props.item.text), 3)) : createCommentVNode("", true),
-        __props.item.subText ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
+        __props.item.subText ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
           createElementVNode("span", {
             class: normalizeClass(["dh-body-1", __props.textEllipsisStyle])
           }, toDisplayString(__props.item.text), 3),
@@ -24031,7 +24031,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
 var DhDropdownMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-35071082"]]);
 var DropdownMenu_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$e = ["data-e2e", "onClick"];
-const _hoisted_2$c = ["onClick"];
+const _hoisted_2$d = ["onClick"];
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenu",
   props: {
@@ -24127,7 +24127,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 item,
                 "text-ellipsis-style": __props.textEllipsisStyle
               }, null, 8, ["icon-size", "item", "text-ellipsis-style"])
-            ], 8, _hoisted_2$c))
+            ], 8, _hoisted_2$d))
           ], 8, _hoisted_1$e);
         }), 128))
       ], 4);
@@ -24176,7 +24176,7 @@ const _sfc_main$c = defineComponent({
   }
 });
 const _hoisted_1$c = { class: "dh-body-1-medium" };
-const _hoisted_2$b = /* @__PURE__ */ createTextVNode(" Content ");
+const _hoisted_2$c = /* @__PURE__ */ createTextVNode(" Content ");
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -24193,7 +24193,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["icon-name"])
     ], 2),
     _ctx.isAdvancedSettingsOpen ? renderSlot(_ctx.$slots, "content", { key: 0 }, () => [
-      _hoisted_2$b
+      _hoisted_2$c
     ]) : createCommentVNode("", true)
   ], 64);
 }
@@ -24203,18 +24203,18 @@ const _hoisted_1$b = /* @__PURE__ */ createElementVNode("label", { for: "upload_
   /* @__PURE__ */ createTextVNode(" Drag and drop file or "),
   /* @__PURE__ */ createElementVNode("span", { id: "upload" }, "browse")
 ], -1);
-const _hoisted_2$a = {
+const _hoisted_2$b = {
   key: 1,
   class: "file__upload_items"
 };
-const _hoisted_3$8 = { class: "file__upload_list_item" };
-const _hoisted_4$5 = { class: "file__upload_list_item_label" };
-const _hoisted_5$2 = ["title"];
-const _hoisted_6$2 = {
+const _hoisted_3$9 = { class: "file__upload_list_item" };
+const _hoisted_4$6 = { class: "file__upload_list_item_label" };
+const _hoisted_5$3 = ["title"];
+const _hoisted_6$3 = {
   key: 0,
   class: "label__antivirus"
 };
-const _hoisted_7$1 = {
+const _hoisted_7$2 = {
   key: 1,
   class: "label__antivirus label__antivirus--failed"
 };
@@ -24396,7 +24396,7 @@ const _sfc_main$b = {
             onInput: _cache[0] || (_cache[0] = ($event) => uploadFile($event))
           }, null, 544)
         ], 32)) : createCommentVNode("", true),
-        fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
+        fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file, id) => {
             return openBlock(), createElementBlock("div", {
               key: id,
@@ -24435,13 +24435,13 @@ const _sfc_main$b = {
                 size: 20,
                 style: normalizeStyle({ "z-index": props.zIndex })
               }, null, 8, ["style"])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_3$8, [
-                createElementVNode("div", _hoisted_4$5, [
+              createElementVNode("div", _hoisted_3$9, [
+                createElementVNode("div", _hoisted_4$6, [
                   createElementVNode("div", null, [
                     createElementVNode("span", {
                       title: file.name
-                    }, toDisplayString(getName(file.name)) + toDisplayString(getExtension(file.name)), 9, _hoisted_5$2),
-                    props.uploadProgress[id] == 100 && __props.fileSaved && !__props.errorOccured[id] && __props.virusCheck[id] == "loading" ? (openBlock(), createElementBlock("span", _hoisted_6$2, [
+                    }, toDisplayString(getName(file.name)) + toDisplayString(getExtension(file.name)), 9, _hoisted_5$3),
+                    props.uploadProgress[id] == 100 && __props.fileSaved && !__props.errorOccured[id] && __props.virusCheck[id] == "loading" ? (openBlock(), createElementBlock("span", _hoisted_6$3, [
                       createTextVNode(toDisplayString(__props.virusCheckText) + " ", 1),
                       createVNode(DhIcon, {
                         class: "file__upload_list_icon_sub--loading",
@@ -24449,7 +24449,7 @@ const _sfc_main$b = {
                         size: 18
                       })
                     ])) : createCommentVNode("", true),
-                    props.uploadProgress[id] == 100 && __props.fileSaved && __props.virusCheck[id] == "failed" ? (openBlock(), createElementBlock("span", _hoisted_7$1, toDisplayString(__props.virusCheckFailedText), 1)) : createCommentVNode("", true),
+                    props.uploadProgress[id] == 100 && __props.fileSaved && __props.virusCheck[id] == "failed" ? (openBlock(), createElementBlock("span", _hoisted_7$2, toDisplayString(__props.virusCheckFailedText), 1)) : createCommentVNode("", true),
                     props.uploadProgress[id] == 100 && __props.fileSaved && __props.virusCheck[id] == "detected" ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(__props.virusDetectedText), 1)) : createCommentVNode("", true),
                     _hoisted_9$1,
                     __props.fileSaved && !__props.errorOccured[id] || !__props.errorOccured[id] && __props.virusCheck[id] ? (openBlock(), createElementBlock("span", _hoisted_10$1, toDisplayString(formatBytes(file.size)), 1)) : createCommentVNode("", true),
@@ -24520,9 +24520,9 @@ const _sfc_main$b = {
 };
 var InputDropdown_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$a = { class: "input__dropdown" };
-const _hoisted_2$9 = { class: "input__dropdown_second" };
-const _hoisted_3$7 = ["tabindex"];
-const _hoisted_4$4 = ["onClick"];
+const _hoisted_2$a = { class: "input__dropdown_second" };
+const _hoisted_3$8 = ["tabindex"];
+const _hoisted_4$5 = ["onClick"];
 const _sfc_main$a = {
   __name: "InputDropdown",
   props: {
@@ -24566,7 +24566,7 @@ const _sfc_main$a = {
           type: "text",
           onInput: update
         }, null, 544),
-        createElementVNode("div", _hoisted_2$9, [
+        createElementVNode("div", _hoisted_2$a, [
           createVNode(DhIcon, {
             "icon-name": __props.icon,
             size: 18
@@ -24591,10 +24591,10 @@ const _sfc_main$a = {
                     open.value = false;
                     update();
                   }
-                }, toDisplayString(option), 9, _hoisted_4$4);
+                }, toDisplayString(option), 9, _hoisted_4$5);
               }), 128))
             ], 2)
-          ], 40, _hoisted_3$7)
+          ], 40, _hoisted_3$8)
         ])
       ]);
     };
@@ -26446,12 +26446,12 @@ var script = {
   }
 };
 const _hoisted_1$9 = ["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$3 = ["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"];
-const _hoisted_7 = ["innerHTML"];
+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_4$4 = ["onKeyup", "aria-label"];
+const _hoisted_5$2 = ["onClick"];
+const _hoisted_6$2 = ["type", "modelValue", "value", "id", "autocomplete", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"];
+const _hoisted_7$1 = ["innerHTML"];
 const _hoisted_8 = ["id"];
 const _hoisted_9 = ["id", "aria-label", "aria-selected"];
 const _hoisted_10 = ["data-pointed", "onMouseenter", "onClick"];
@@ -26510,7 +26510,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, {
         ...$props.attrs,
         ..._ctx.arias
-      }), null, 16, _hoisted_3$6)) : createCommentVNode("v-if", true),
+      }), null, 16, _hoisted_3$7)) : createCommentVNode("v-if", true),
       createCommentVNode(" Tags (with search) "),
       $props.mode == "tags" ? (openBlock(), createElementBlock("div", {
         key: 1,
@@ -26539,8 +26539,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 createElementVNode("span", {
                   class: normalizeClass(_ctx.classList.tagRemoveIcon)
                 }, null, 2)
-              ], 10, _hoisted_5$1)) : createCommentVNode("v-if", true)
-            ], 42, _hoisted_4$3))
+              ], 10, _hoisted_5$2)) : createCommentVNode("v-if", true)
+            ], 42, _hoisted_4$4))
           ]);
         }), 256)),
         createElementVNode("div", {
@@ -26573,7 +26573,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, {
             ...$props.attrs,
             ..._ctx.arias
-          }), null, 16, _hoisted_6$1)) : createCommentVNode("v-if", true)
+          }), null, 16, _hoisted_6$2)) : createCommentVNode("v-if", true)
         ], 2)
       ], 2)) : createCommentVNode("v-if", true),
       createCommentVNode(" Single label "),
@@ -26597,7 +26597,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("div", {
           class: normalizeClass(_ctx.classList.multipleLabel),
           innerHTML: _ctx.multipleLabelText
-        }, null, 10, _hoisted_7)
+        }, null, 10, _hoisted_7$1)
       ]) : createCommentVNode("v-if", true),
       createCommentVNode(" Placeholder "),
       $props.placeholder && !_ctx.hasSelected && !_ctx.search ? renderSlot(_ctx.$slots, "placeholder", { key: 4 }, () => [
@@ -26641,7 +26641,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           "aria-hidden": "true"
         }, null, 2)
       ]) : createCommentVNode("v-if", true)
-    ], 16, _hoisted_2$8),
+    ], 16, _hoisted_2$9),
     createCommentVNode(" Options "),
     createElementVNode("div", {
       class: normalizeClass(_ctx.classList.dropdown),
@@ -26803,8 +26803,8 @@ const _hoisted_1$8 = /* @__PURE__ */ createElementVNode("img", {
   class: "list__item_thumb",
   src: _imports_0
 }, null, -1);
-const _hoisted_2$7 = { class: "list__item_text" };
-const _hoisted_3$5 = /* @__PURE__ */ createElementVNode("div", { id: "list" }, 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 = {
   __name: "InputList",
   props: {
@@ -26831,7 +26831,7 @@ const _sfc_main$9 = {
                 class: normalizeClass(["list__item", { "is-disabled": disabled }])
               }, [
                 _hoisted_1$8,
-                createElementVNode("p", _hoisted_2$7, toDisplayString(option.value), 1),
+                createElementVNode("p", _hoisted_2$8, toDisplayString(option.value), 1),
                 createVNode(DhIcon, {
                   class: "list__item_icon",
                   "icon-name": "delete",
@@ -26844,7 +26844,7 @@ const _sfc_main$9 = {
           ]),
           _: 3
         }, 8, ["modelValue", "options"]),
-        _hoisted_3$5
+        _hoisted_3$6
       ], 64);
     };
   }
@@ -26901,12 +26901,12 @@ const _hoisted_1$7 = {
   id: "modal-sidebar",
   class: "modal-sidebar"
 };
-const _hoisted_2$6 = {
+const _hoisted_2$7 = {
   key: 0,
   id: "modalTitle",
   class: "modal-header"
 };
-const _hoisted_3$4 = { class: "modal-footer" };
+const _hoisted_3$5 = { class: "modal-footer" };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
   return openBlock(), createBlock(Transition, { name: "modal-fade" }, {
@@ -26943,7 +26943,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("section", {
             class: normalizeClass(`right-section ${_ctx.hasSideBar ? "" : "full"}`)
           }, [
-            _ctx.hasHeader ? (openBlock(), createElementBlock("header", _hoisted_2$6, [
+            _ctx.hasHeader ? (openBlock(), createElementBlock("header", _hoisted_2$7, [
               renderSlot(_ctx.$slots, "header")
             ])) : createCommentVNode("", true),
             createElementVNode("section", {
@@ -26952,7 +26952,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               renderSlot(_ctx.$slots, "body")
             ], 2),
-            createElementVNode("footer", _hoisted_3$4, [
+            createElementVNode("footer", _hoisted_3$5, [
               _ctx.hasFooter ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : createCommentVNode("", true),
               _ctx.hasFooterButtonRight ? renderSlot(_ctx.$slots, "footer-button-right", { key: 1 }) : createCommentVNode("", true)
             ])
@@ -27044,16 +27044,16 @@ const _hoisted_1$6 = /* @__PURE__ */ createElementVNode("img", {
   class: "close-icon",
   src: _imports_0$1
 }, null, -1);
-const _hoisted_2$5 = [
+const _hoisted_2$6 = [
   _hoisted_1$6
 ];
-const _hoisted_3$3 = ["src"];
-const _hoisted_4$2 = { class: "additional-text" };
-const _hoisted_5 = {
+const _hoisted_3$4 = ["src"];
+const _hoisted_4$3 = { class: "additional-text" };
+const _hoisted_5$1 = {
   key: 0,
   class: "descriptions"
 };
-const _hoisted_6 = { class: "btn btn-normal btn-primary" };
+const _hoisted_6$1 = { class: "btn btn-normal btn-primary" };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(`dh-notification-container ${_ctx.notificationType}`)
@@ -27066,7 +27066,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         class: "close-notification",
         onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.close && _ctx.close(...args), ["prevent"]))
-      }, _hoisted_2$5)) : createCommentVNode("", true),
+      }, _hoisted_2$6)) : createCommentVNode("", true),
       createElementVNode("div", {
         class: normalizeClass(`content content- ${_ctx.notificationType}`)
       }, [
@@ -27076,19 +27076,19 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("img", {
             class: normalizeClass(`icons icons-${_ctx.status} icons-${_ctx.status}-${_ctx.notificationType}`),
             src: _ctx.getIconUrl()
-          }, null, 10, _hoisted_3$3)
+          }, null, 10, _hoisted_3$4)
         ], 2),
-        createElementVNode("div", _hoisted_4$2, [
+        createElementVNode("div", _hoisted_4$3, [
           createElementVNode("div", {
             class: normalizeClass(`title title-${_ctx.notificationType}`)
           }, toDisplayString(_ctx.limitTitle(_ctx.title, _ctx.notificationType)), 3),
-          !["bottom-message"].includes(_ctx.notificationType) ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(_ctx.message.length >= 280 ? `${_ctx.message.substring(0, 280)}..` : _ctx.message), 1)) : createCommentVNode("", true)
+          !["bottom-message"].includes(_ctx.notificationType) ? (openBlock(), createElementBlock("div", _hoisted_5$1, toDisplayString(_ctx.message.length >= 280 ? `${_ctx.message.substring(0, 280)}..` : _ctx.message), 1)) : createCommentVNode("", true)
         ]),
         !["toast", "bottom-message"].includes(_ctx.notificationType) ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(`buttons ${_ctx.notificationType}`)
         }, [
-          createElementVNode("button", _hoisted_6, toDisplayString(_ctx.notificationButton), 1),
+          createElementVNode("button", _hoisted_6$1, toDisplayString(_ctx.notificationButton), 1),
           createElementVNode("button", {
             class: "btn btn-normal btn-secondary dismiss",
             onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.close && _ctx.close(...args), ["prevent"]))
@@ -27101,9 +27101,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
 var Notification = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1]]);
 var PasswordField_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = { class: "password__panel" };
-const _hoisted_2$4 = ["placeholder", "type"];
-const _hoisted_3$2 = { class: "icon is-right" };
-const _hoisted_4$1 = {
+const _hoisted_2$5 = ["placeholder", "type"];
+const _hoisted_3$3 = { class: "icon is-right" };
+const _hoisted_4$2 = {
   key: 0,
   class: "password__tooltip"
 };
@@ -27173,7 +27173,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           onFocus,
           onFocusout: outFocus,
           onKeyup: emitChanged
-        }, null, 40, _hoisted_2$4), [
+        }, null, 40, _hoisted_2$5), [
           [vModelDynamic, password.value]
         ]),
         createElementVNode("button", {
@@ -27181,7 +27181,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           type: "button",
           onClick: toggleShow
         }, [
-          createElementVNode("span", _hoisted_3$2, [
+          createElementVNode("span", _hoisted_3$3, [
             createVNode(DhIcon, {
               active: isActive.value,
               "icon-name": showPassword.value ? "invisible" : "visible",
@@ -27189,7 +27189,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["active", "icon-name"])
           ])
         ]),
-        tooltip.value && !props.passwordTooltipDisabled ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+        tooltip.value && !props.passwordTooltipDisabled ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
           createElementVNode("p", {
             class: normalizeClass(["password__tooltip_text", hasMinimumLength.value ? "password__tooltip_text--valid" : ""])
           }, [
@@ -27228,9 +27228,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-3ae35090"]]);
 var RadioBox_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$4 = { class: "radio" };
-const _hoisted_2$3 = ["for"];
-const _hoisted_3$1 = ["id", "type", "value"];
-const _hoisted_4 = { class: "radio__label_txt" };
+const _hoisted_2$4 = ["for"];
+const _hoisted_3$2 = ["id", "type", "value"];
+const _hoisted_4$1 = { class: "radio__label_txt" };
 const _sfc_main$5 = {
   __name: "RadioBox",
   props: {
@@ -27262,9 +27262,9 @@ const _sfc_main$5 = {
             type: __props.type,
             value: __props.value,
             onClick: _cache[0] || (_cache[0] = ($event) => emit("clickBox"))
-          }, null, 8, _hoisted_3$1),
-          createElementVNode("span", _hoisted_4, toDisplayString(__props.label), 1)
-        ], 8, _hoisted_2$3)
+          }, null, 8, _hoisted_3$2),
+          createElementVNode("span", _hoisted_4$1, toDisplayString(__props.label), 1)
+        ], 8, _hoisted_2$4)
       ]);
     };
   }
@@ -27324,7 +27324,7 @@ 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$2 = ["placeholder"];
+const _hoisted_2$3 = ["placeholder"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "SearchInput",
   props: {
@@ -27360,7 +27360,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           "data-e2e": "search-input",
           placeholder: props.placeholder,
           onKeyup: emitChanged
-        }, null, 40, _hoisted_2$2), [
+        }, null, 40, _hoisted_2$3), [
           [vModelText, search.value]
         ]),
         !search.value ? (openBlock(), createElementBlock("button", {
@@ -27395,7 +27395,7 @@ var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-
 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$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "solid" }, null, -1));
+const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "solid" }, null, -1));
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "Stepper",
   props: {
@@ -27423,7 +27423,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             createElementVNode("span", {
               class: normalizeClass(["step-number", { active: step === __props.currentStep }])
             }, toDisplayString(step + 1), 3),
-            _hoisted_2$1
+            _hoisted_2$2
           ]);
         }), 128))
       ]);
@@ -27461,8 +27461,8 @@ const _sfc_main$1 = defineComponent({
   }
 });
 const _hoisted_1$1 = ["placement", "target", "tooltipText", "trigger"];
-const _hoisted_2 = ["id"];
-const _hoisted_3 = { class: "text" };
+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",
@@ -27481,19 +27481,38 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: _ctx.target,
       class: normalizeClass(`tooltiptext ${_ctx.show}`)
     }, [
-      createElementVNode("span", _hoisted_3, toDisplayString(_ctx.tooltipText), 1)
-    ], 10, _hoisted_2)
+      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 VerificationCode_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1 = { class: "code" };
+const _hoisted_2 = ["autocomplete"];
+const _hoisted_3 = ["autocomplete"];
+const _hoisted_4 = ["autocomplete"];
+const _hoisted_5 = ["autocomplete"];
+const _hoisted_6 = ["autocomplete"];
+const _hoisted_7 = ["autocomplete"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VerificationCode",
   props: {
     code: {
       type: String,
-      required: true
+      required: false,
+      default: ""
+    },
+    focusOnFirstInput: {
+      type: Boolean,
+      default: true
+    },
+    focusOnFirstInputDelay: {
+      type: Number,
+      default: 100
+    },
+    autoComplete: {
+      type: String,
+      default: "off"
     }
   },
   emits: ["submit"],
@@ -27602,17 +27621,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const code = `${(_a = txtInput1.value) == null ? void 0 : _a.value}${(_b = txtInput2.value) == null ? void 0 : _b.value}${(_c = txtInput3.value) == null ? void 0 : _c.value}${(_d = txtInput4.value) == null ? void 0 : _d.value}${(_e = txtInput5.value) == null ? void 0 : _e.value}${(_f = txtInput6.value) == null ? void 0 : _f.value}`;
       emit("submit", code);
     }
+    function focusOnFirstInputWithDelay() {
+      setTimeout(() => {
+        var _a;
+        if (props.focusOnFirstInput) {
+          (_a = txtInput1.value) == null ? void 0 : _a.focus();
+        }
+      }, props.focusOnFirstInputDelay);
+    }
     onMounted(() => {
       if (props.code) {
         fillCell(props.code);
         submit();
       }
+      focusOnFirstInputWithDelay();
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("input", {
           ref_key: "txtInput1",
           ref: txtInput1,
+          autocomplete: __props.autoComplete,
           autofocus: "",
           class: "form-input input-1",
           "data-e2e": "input-1",
@@ -27627,10 +27656,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _cache[3] || (_cache[3] = withKeys(($event) => moveInputToRight(1), ["right"]))
           ],
           onPaste
-        }, null, 544),
+        }, null, 40, _hoisted_2),
         createElementVNode("input", {
           ref_key: "txtInput2",
           ref: txtInput2,
+          autocomplete: __props.autoComplete,
           class: "form-input",
           "data-e2e": "input-2",
           inputmode: "numeric",
@@ -27644,10 +27674,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _cache[7] || (_cache[7] = withKeys(($event) => moveInputToRight(2), ["right"]))
           ],
           onPaste
-        }, null, 544),
+        }, null, 40, _hoisted_3),
         createElementVNode("input", {
           ref_key: "txtInput3",
           ref: txtInput3,
+          autocomplete: __props.autoComplete,
           class: "form-input",
           "data-e2e": "input-3",
           inputmode: "numeric",
@@ -27661,10 +27692,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _cache[11] || (_cache[11] = withKeys(($event) => moveInputToRight(3), ["right"]))
           ],
           onPaste
-        }, null, 544),
+        }, null, 40, _hoisted_4),
         createElementVNode("input", {
           ref_key: "txtInput4",
           ref: txtInput4,
+          autocomplete: __props.autoComplete,
           class: "form-input",
           "data-e2e": "input-4",
           inputmode: "numeric",
@@ -27678,10 +27710,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _cache[15] || (_cache[15] = withKeys(($event) => moveInputToRight(4), ["right"]))
           ],
           onPaste
-        }, null, 544),
+        }, null, 40, _hoisted_5),
         createElementVNode("input", {
           ref_key: "txtInput5",
           ref: txtInput5,
+          autocomplete: __props.autoComplete,
           class: "form-input",
           "data-e2e": "input-5",
           inputmode: "numeric",
@@ -27695,10 +27728,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _cache[19] || (_cache[19] = withKeys(($event) => moveInputToRight(5), ["right"]))
           ],
           onPaste
-        }, null, 544),
+        }, null, 40, _hoisted_6),
         createElementVNode("input", {
           ref_key: "txtInput6",
           ref: txtInput6,
+          autocomplete: __props.autoComplete,
           class: "form-input",
           "data-e2e": "input-6",
           inputmode: "numeric",
@@ -27712,10 +27746,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _cache[23] || (_cache[23] = withKeys(($event) => moveInputToRight(6), ["right"]))
           ],
           onPaste
-        }, null, 544)
+        }, null, 40, _hoisted_7)
       ]);
     };
   }
 });
-var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7d5513ee"]]);
+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 };