@deskhero/dh_ui 1.43.10 → 1.44.0

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, vModelText, useCssVars, toRefs, getCurrentInstance, vModelDynamic, 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, vModelText, useCssVars, toRefs, getCurrentInstance, vModelDynamic, pushScopeId, popScopeId, createApp } from "vue";
 var main$1 = "";
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -10784,7 +10784,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$p = defineComponent({
+const _sfc_main$q = defineComponent({
   props: {
     iconName: {
       type: String,
@@ -10818,7 +10818,7 @@ const _sfc_main$p = defineComponent({
     }
   }
 });
-const _hoisted_1$p = ["alt", "data-e2e", "height", "src", "width"];
+const _hoisted_1$q = ["alt", "data-e2e", "height", "src", "width"];
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("img", {
     alt: _ctx.iconName + `-icon`,
@@ -10831,10 +10831,10 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     height: _ctx.size,
     src: _ctx.getIconUrl(),
     width: _ctx.size
-  }, null, 10, _hoisted_1$p);
+  }, null, 10, _hoisted_1$q);
 }
-var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$8], ["__scopeId", "data-v-346530c9"]]);
-const _sfc_main$o = defineComponent({
+var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$8], ["__scopeId", "data-v-346530c9"]]);
+const _sfc_main$p = defineComponent({
   props: {
     data: {
       type: Boolean,
@@ -10864,13 +10864,13 @@ const _sfc_main$o = defineComponent({
     }
   }
 });
-const _hoisted_1$o = { class: "dp__options" };
-const _hoisted_2$n = { class: "dp__options_switch" };
-const _hoisted_3$f = /* @__PURE__ */ createElementVNode("span", { class: "dp__options_slider" }, null, -1);
+const _hoisted_1$p = { class: "dp__options" };
+const _hoisted_2$o = { class: "dp__options_switch" };
+const _hoisted_3$g = /* @__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$o, [
+  return openBlock(), createElementBlock("label", _hoisted_1$p, [
     createElementVNode("span", null, toDisplayString(_ctx.label), 1),
-    createElementVNode("div", _hoisted_2$n, [
+    createElementVNode("div", _hoisted_2$o, [
       withDirectives(createElementVNode("input", {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.checkedValue = $event),
         name: "switch",
@@ -10878,11 +10878,11 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 512), [
         [vModelCheckbox, _ctx.checkedValue]
       ]),
-      _hoisted_3$f
+      _hoisted_3$g
     ])
   ]);
 }
-var DhSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$7]]);
+var DhSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$7]]);
 /*!
  * Chart.js v3.9.1
  * https://www.chartjs.org
@@ -22784,7 +22784,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$n = {
+const _sfc_main$o = {
   name: "MultiRangeSlider",
   props: {
     baseClassName: {
@@ -23082,10 +23082,10 @@ const _sfc_main$n = {
   mounted() {
   }
 };
-const _hoisted_1$n = { class: "bar" };
-const _hoisted_2$m = ["min", "max", "step", "value"];
-const _hoisted_3$e = { class: "caption" };
-const _hoisted_4$c = { class: "min-caption" };
+const _hoisted_1$o = { class: "bar" };
+const _hoisted_2$n = ["min", "max", "step", "value"];
+const _hoisted_3$f = { class: "caption" };
+const _hoisted_4$d = { class: "min-caption" };
 const _hoisted_5$8 = { class: "bar-inner" };
 const _hoisted_6$8 = ["min", "max", "step", "value"];
 const _hoisted_7$7 = { class: "caption" };
@@ -23107,7 +23107,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$n, [
+    createElementVNode("div", _hoisted_1$o, [
       createElementVNode("div", {
         class: "bar-left",
         style: normalizeStyle({ width: $options.barMin + "%" }),
@@ -23121,14 +23121,14 @@ 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$m),
+      }, null, 40, _hoisted_2$n),
       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$e, [
-          createElementVNode("span", _hoisted_4$c, toDisplayString($props.minCaption || $options.barMinVal), 1)
+        createElementVNode("div", _hoisted_3$f, [
+          createElementVNode("span", _hoisted_4$d, toDisplayString($props.minCaption || $options.barMinVal), 1)
         ])
       ], 32),
       createElementVNode("div", _hoisted_5$8, [
@@ -23191,8 +23191,8 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 34);
 }
-var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$6]]);
-const _sfc_main$m = defineComponent({
+var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$6]]);
+const _sfc_main$n = defineComponent({
   components: { DhIcon },
   props: {
     mainText: {
@@ -23249,17 +23249,17 @@ const _sfc_main$m = defineComponent({
     }
   }
 });
-const _hoisted_1$m = { class: "dh-advanced-filter-container" };
-const _hoisted_2$l = { class: "advance_section" };
-const _hoisted_3$d = { key: 0 };
-const _hoisted_4$b = { class: "list-none" };
+const _hoisted_1$n = { class: "dh-advanced-filter-container" };
+const _hoisted_2$m = { class: "advance_section" };
+const _hoisted_3$e = { key: 0 };
+const _hoisted_4$c = { class: "list-none" };
 const _hoisted_5$7 = ["checked"];
 const _hoisted_6$7 = ["checked"];
 const _hoisted_7$6 = ["checked"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$m, [
-    createElementVNode("div", _hoisted_2$l, [
+  return openBlock(), createElementBlock("div", _hoisted_1$n, [
+    createElementVNode("div", _hoisted_2$m, [
       createElementVNode("span", {
         class: "toggle-icon",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleFilter())
@@ -23270,9 +23270,9 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           size: 20
         }, null, 8, ["icon-name"])
       ]),
-      _ctx.activeFilter ? (openBlock(), createElementBlock("div", _hoisted_3$d, [
+      _ctx.activeFilter ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
         renderSlot(_ctx.$slots, "default"),
-        createElementVNode("ul", _hoisted_4$b, [
+        createElementVNode("ul", _hoisted_4$c, [
           createElementVNode("li", null, [
             createElementVNode("label", null, [
               createElementVNode("input", {
@@ -23309,10 +23309,10 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var DhAdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$5]]);
+var DhAdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$5]]);
 var MultiRangeSliderBarOnly = "";
 Chart.register(plugin_tooltip, BarElement, CategoryScale, LinearScale);
-const _sfc_main$l = defineComponent({
+const _sfc_main$m = defineComponent({
   components: { Bar, MultiRangeSlider, DhAdvancedFilter },
   props: {
     numberRange: {
@@ -23566,13 +23566,13 @@ const _sfc_main$l = defineComponent({
     }
   }
 });
-const _hoisted_1$l = { class: "dh-range-container" };
-const _hoisted_2$k = { class: "bar-chart" };
-const _hoisted_3$c = {
+const _hoisted_1$m = { class: "dh-range-container" };
+const _hoisted_2$l = { class: "bar-chart" };
+const _hoisted_3$d = {
   key: 0,
   class: "input-group-section"
 };
-const _hoisted_4$a = { class: "input-group sb-input" };
+const _hoisted_4$b = { class: "input-group sb-input" };
 const _hoisted_5$6 = ["disabled", "max", "value"];
 const _hoisted_6$6 = { class: "input-group sb-input" };
 const _hoisted_7$5 = ["disabled", "max", "min", "value"];
@@ -23580,8 +23580,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$l, [
-    createElementVNode("div", _hoisted_2$k, [
+  return openBlock(), createElementBlock("div", _hoisted_1$m, [
+    createElementVNode("div", _hoisted_2$l, [
       createVNode(_component_Bar, {
         "chart-data": _ctx.chartData,
         "chart-id": _ctx.chartId,
@@ -23606,8 +23606,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$c, [
-      createElementVNode("div", _hoisted_4$a, [
+    _ctx.includeForm ? (openBlock(), createElementBlock("div", _hoisted_3$d, [
+      createElementVNode("div", _hoisted_4$b, [
         createElementVNode("label", {
           class: normalizeClass(`dh-body-2 input-to ${_ctx.validated ? "disable" : ""}`)
         }, " From ", 2),
@@ -23651,16 +23651,16 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onExclude", "onFilter_missing", "onMatch"])
   ]);
 }
-var DhNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$4]]);
+var DhNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$4]]);
 var main = "";
 var AdvancedDatePicker_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$k = { id: "dp-container" };
-const _hoisted_2$j = /* @__PURE__ */ createElementVNode("div", { class: "dp__calendar_range" }, [
+const _hoisted_1$l = { id: "dp-container" };
+const _hoisted_2$k = /* @__PURE__ */ createElementVNode("div", { class: "dp__calendar_range" }, [
   /* @__PURE__ */ createElementVNode("p", null, "From"),
   /* @__PURE__ */ createElementVNode("p", null, "To")
 ], -1);
-const _hoisted_3$b = { class: "dp__multi" };
-const _hoisted_4$9 = ["value"];
+const _hoisted_3$c = { class: "dp__multi" };
+const _hoisted_4$a = ["value"];
 const _hoisted_5$5 = ["value"];
 const _hoisted_6$5 = /* @__PURE__ */ createTextVNode(" Back ");
 const _hoisted_7$4 = ["onClick"];
@@ -23675,7 +23675,7 @@ const _hoisted_15$2 = /* @__PURE__ */ createElementVNode("div", {
   id: "tags",
   class: "dp__calendar_tags"
 }, null, -1);
-const _sfc_main$k = {
+const _sfc_main$l = {
   __name: "AdvancedDatePicker",
   props: {
     numberRange: {
@@ -23768,8 +23768,8 @@ const _sfc_main$k = {
       datePicker.value.openMenu();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
-        _hoisted_2$j,
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+        _hoisted_2$k,
         createVNode(unref(ca), {
           ref_key: "datePicker",
           ref: datePicker,
@@ -23795,14 +23795,14 @@ const _sfc_main$k = {
           onClosed: reOpen
         }, {
           "dp-input": withCtx(() => [
-            createElementVNode("div", _hoisted_3$b, [
+            createElementVNode("div", _hoisted_3$c, [
               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$9),
+              }, null, 40, _hoisted_4$a),
               createElementVNode("input", {
                 class: "dp__input dp__multi_input",
                 placeholder: "MM/DD/YYYY",
@@ -23909,7 +23909,7 @@ const _sfc_main$k = {
     };
   }
 };
-const _sfc_main$j = defineComponent({
+const _sfc_main$k = defineComponent({
   props: {
     target: { type: String, required: true },
     trigger: { type: String, required: true },
@@ -23938,9 +23938,9 @@ const _sfc_main$j = defineComponent({
     }
   }
 });
-const _hoisted_1$j = ["placement", "target", "tooltipText", "trigger"];
-const _hoisted_2$i = ["id"];
-const _hoisted_3$a = { class: "text" };
+const _hoisted_1$k = ["placement", "target", "tooltipText", "trigger"];
+const _hoisted_2$j = ["id"];
+const _hoisted_3$b = { class: "text" };
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     id: "main-contain",
@@ -23959,15 +23959,15 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       ref: _ctx.target,
       class: normalizeClass(`tooltiptext ${_ctx.show}`)
     }, [
-      createElementVNode("span", _hoisted_3$a, toDisplayString(_ctx.tooltipText), 1)
-    ], 10, _hoisted_2$i)
-  ], 40, _hoisted_1$j);
+      createElementVNode("span", _hoisted_3$b, toDisplayString(_ctx.tooltipText), 1)
+    ], 10, _hoisted_2$j)
+  ], 40, _hoisted_1$k);
 }
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$3]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$3]]);
 var Copiable_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$i = { class: "copy__text" };
-const _hoisted_2$h = ["readonly"];
-const _sfc_main$i = {
+const _hoisted_1$j = { class: "copy__text" };
+const _hoisted_2$i = ["readonly"];
+const _sfc_main$j = {
   __name: "Copiable",
   props: {
     text: {
@@ -23998,13 +23998,13 @@ const _sfc_main$i = {
       inputText.value = props.text;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$i, [
+      return openBlock(), createElementBlock("span", _hoisted_1$j, [
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputText.value = $event),
           readonly: __props.readonly,
           type: "text",
           onInput: resetCopyText
-        }, null, 40, _hoisted_2$h), [
+        }, null, 40, _hoisted_2$i), [
           [vModelText, inputText.value]
         ]),
         createVNode(Tooltip, {
@@ -24028,9 +24028,9 @@ const _sfc_main$i = {
   }
 };
 var DatePicker_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$h = /* @__PURE__ */ createTextVNode(" Back ");
-const _hoisted_2$g = /* @__PURE__ */ createElementVNode("div", null, "today", -1);
-const _sfc_main$h = {
+const _hoisted_1$i = /* @__PURE__ */ createTextVNode(" Back ");
+const _hoisted_2$h = /* @__PURE__ */ createElementVNode("div", null, "today", -1);
+const _sfc_main$i = {
   __name: "DatePicker",
   props: {
     inline: {
@@ -24087,12 +24087,12 @@ const _sfc_main$h = {
             })
           ]),
           "calendar-icon": withCtx(() => [
-            _hoisted_1$h
+            _hoisted_1$i
           ]),
           "clear-icon": withCtx(() => []),
           "action-preview": withCtx(() => []),
           "marker-tooltip": withCtx(() => [
-            _hoisted_2$g
+            _hoisted_2$h
           ]),
           _: 1
         }, 8, ["modelValue", "inline", "markers"])
@@ -24101,12 +24101,12 @@ const _sfc_main$h = {
   }
 };
 var DropdownMenuItem_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$g = ["src"];
-const _hoisted_2$f = {
+const _hoisted_1$h = ["src"];
+const _hoisted_2$g = {
   key: 3,
   class: "menu-item-text-wrapper"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuItem",
   props: {
     item: {
@@ -24136,7 +24136,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           alt: "icon image",
           class: "icon icon-url",
           src: __props.item.iconUrl
-        }, null, 8, _hoisted_1$g)) : createCommentVNode("", true),
+        }, null, 8, _hoisted_1$h)) : createCommentVNode("", true),
         !__props.item.iconUrl ? (openBlock(), createBlock(DhIcon, mergeProps({
           key: 1,
           class: "icon"
@@ -24145,7 +24145,7 @@ const _sfc_main$g = /* @__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$f, [
+        __props.item.subText ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
           createElementVNode("span", {
             class: normalizeClass(["dh-body-1", __props.textEllipsisStyle])
           }, toDisplayString(__props.item.text), 3),
@@ -24163,11 +24163,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var DhDropdownMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-3a3f37c0"]]);
+var DhDropdownMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-3a3f37c0"]]);
 var DropdownMenu_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$f = ["data-e2e", "onClick"];
-const _hoisted_2$e = ["onClick"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _hoisted_1$g = ["data-e2e", "onClick"];
+const _hoisted_2$f = ["onClick"];
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenu",
   props: {
     items: {
@@ -24262,20 +24262,20 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 item,
                 "text-ellipsis-style": __props.textEllipsisStyle
               }, null, 8, ["icon-size", "item", "text-ellipsis-style"])
-            ], 8, _hoisted_2$e))
-          ], 8, _hoisted_1$f);
+            ], 8, _hoisted_2$f))
+          ], 8, _hoisted_1$g);
         }), 128))
       ], 4);
     };
   }
 });
-var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-2fa20f7b"]]);
+var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-2fa20f7b"]]);
 var Error_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$e = {
+const _hoisted_1$f = {
   key: 0,
   class: "invalid-feedback"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "Error",
   props: {
     errors: {
@@ -24288,7 +24288,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       var _a;
-      return unref(props).errors && ((_a = unref(props).errors) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
+      return unref(props).errors && ((_a = unref(props).errors) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.errors, (error) => {
           return openBlock(), createElementBlock("span", { key: error }, toDisplayString(error), 1);
         }), 128))
@@ -24296,7 +24296,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = defineComponent({
+const _sfc_main$e = defineComponent({
   components: { DhIcon },
   props: {
     title: {
@@ -24322,8 +24322,8 @@ const _sfc_main$d = defineComponent({
     this.isAdvancedSettingsCurrentlyOpen = this.isAdvancedSettingsOpen;
   }
 });
-const _hoisted_1$d = { class: "dh-body-1-medium" };
-const _hoisted_2$d = /* @__PURE__ */ createTextVNode(" Content ");
+const _hoisted_1$e = { class: "dh-body-1-medium" };
+const _hoisted_2$e = /* @__PURE__ */ createTextVNode(" Content ");
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -24335,7 +24335,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       "data-e2e": "expansion-panel-button",
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.isAdvancedSettingsCurrentlyOpen = !_ctx.isAdvancedSettingsCurrentlyOpen)
     }, [
-      createElementVNode("h4", _hoisted_1$d, toDisplayString(_ctx.title), 1),
+      createElementVNode("h4", _hoisted_1$e, toDisplayString(_ctx.title), 1),
       createVNode(_component_dh_icon, {
         class: "icon",
         "icon-name": _ctx.isAdvancedSettingsCurrentlyOpen ? "arrow-up" : "arrow-down",
@@ -24343,22 +24343,22 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["icon-name"])
     ], 2),
     _ctx.isAdvancedSettingsCurrentlyOpen ? renderSlot(_ctx.$slots, "content", { key: 0 }, () => [
-      _hoisted_2$d
+      _hoisted_2$e
     ]) : createCommentVNode("", true)
   ], 64);
 }
-var ExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$2]]);
+var ExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$2]]);
 var FileUpload_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$c = /* @__PURE__ */ createElementVNode("label", { for: "upload_pdf" }, [
+const _hoisted_1$d = /* @__PURE__ */ createElementVNode("label", { for: "upload_pdf" }, [
   /* @__PURE__ */ createTextVNode(" Drag and drop file or "),
   /* @__PURE__ */ createElementVNode("span", { id: "upload" }, "browse")
 ], -1);
-const _hoisted_2$c = {
+const _hoisted_2$d = {
   key: 1,
   class: "file__upload_items"
 };
-const _hoisted_3$9 = { class: "file__upload_list_item" };
-const _hoisted_4$8 = { class: "file__upload_list_item_label" };
+const _hoisted_3$a = { class: "file__upload_list_item" };
+const _hoisted_4$9 = { class: "file__upload_list_item_label" };
 const _hoisted_5$4 = ["title"];
 const _hoisted_6$4 = {
   key: 0,
@@ -24387,13 +24387,21 @@ const _hoisted_16$1 = {
   class: "file__upload_action"
 };
 const _hoisted_17$1 = /* @__PURE__ */ createElementVNode("button", { class: "file__upload_action_cancel" }, "Cancel", -1);
-const _sfc_main$c = {
+const _sfc_main$d = {
   __name: "FileUpload",
   props: {
     uploadProgress: {
       type: Array,
       required: true
     },
+    errorOccurred: {
+      type: Array,
+      required: true
+    },
+    virusCheck: {
+      type: Array,
+      required: true
+    },
     modelValue: {
       type: FileList,
       required: false,
@@ -24404,10 +24412,6 @@ const _sfc_main$c = {
       required: false,
       default: false
     },
-    errorOccurred: {
-      type: Array,
-      required: true
-    },
     errorMessage: {
       type: String,
       required: false,
@@ -24415,12 +24419,9 @@ const _sfc_main$c = {
     },
     fileSaved: {
       type: Boolean,
+      required: false,
       default: false
     },
-    virusCheck: {
-      type: Array,
-      required: true
-    },
     virusCheckText: {
       type: String,
       required: false,
@@ -24543,7 +24544,7 @@ const _sfc_main$c = {
             "icon-name": "upload",
             size: 24
           }),
-          _hoisted_1$c,
+          _hoisted_1$d,
           createElementVNode("input", {
             id: "upload_pdf",
             ref_key: "upload",
@@ -24554,7 +24555,7 @@ const _sfc_main$c = {
             onInput: _cache[0] || (_cache[0] = ($event) => uploadFile($event))
           }, null, 544)
         ], 32)) : createCommentVNode("", true),
-        fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
+        fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file, id) => {
             return openBlock(), createElementBlock("div", {
               key: id,
@@ -24593,8 +24594,8 @@ const _sfc_main$c = {
                 size: 20,
                 style: normalizeStyle({ "z-index": props.zIndex })
               }, null, 8, ["style"])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_3$9, [
-                createElementVNode("div", _hoisted_4$8, [
+              createElementVNode("div", _hoisted_3$a, [
+                createElementVNode("div", _hoisted_4$9, [
                   createElementVNode("div", null, [
                     createElementVNode("span", {
                       title: file.name
@@ -24677,13 +24678,13 @@ const _sfc_main$c = {
   }
 };
 var InputDropdown_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$b = { class: "input__dropdown" };
-const _hoisted_2$b = ["value"];
-const _hoisted_3$8 = { class: "input__dropdown_second" };
-const _hoisted_4$7 = ["tabindex"];
+const _hoisted_1$c = { class: "input__dropdown" };
+const _hoisted_2$c = ["placeholder", "value"];
+const _hoisted_3$9 = { class: "input__dropdown_second" };
+const _hoisted_4$8 = ["tabindex"];
 const _hoisted_5$3 = ["onClick"];
 const _hoisted_6$3 = ["onClick"];
-const _sfc_main$b = {
+const _sfc_main$c = {
   __name: "InputDropdown",
   props: {
     list: {
@@ -24698,9 +24699,9 @@ const _sfc_main$b = {
       type: String,
       required: true
     },
-    placeholder: {
+    placeholderInput: {
       type: String,
-      default: "select from menu"
+      default: "Enter value"
     },
     tabindex: {
       type: Number,
@@ -24711,31 +24712,43 @@ const _sfc_main$b = {
       type: String,
       required: false,
       default: ""
+    },
+    inputIndex: {
+      type: Number,
+      required: false,
+      default: 0
+    },
+    inputWidth: {
+      type: String,
+      required: false,
+      default: "75%"
     }
   },
   emits: ["update"],
   setup(__props, { emit }) {
     const props = __props;
-    const selected = ref(props.placeholder);
+    const selected = ref(props.list[0].label);
     const open = ref(false);
     const name = ref(null);
     onMounted(() => {
       emit("update", "", selected.value);
     });
     function update() {
-      emit("update", name.value.value, selected.value);
+      emit("update", name.value.value, selected.value, props.inputIndex);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
         createElementVNode("input", {
           ref_key: "name",
           ref: name,
           class: "input__dropdown_text",
+          placeholder: __props.placeholderInput,
+          style: normalizeStyle({ width: __props.inputWidth }),
           type: "text",
           value: __props.inputValue,
           onInput: update
-        }, null, 40, _hoisted_2$b),
-        createElementVNode("div", _hoisted_3$8, [
+        }, null, 44, _hoisted_2$c),
+        createElementVNode("div", _hoisted_3$9, [
           createVNode(DhIcon, {
             "icon-name": __props.icon,
             size: 18
@@ -24779,16 +24792,16 @@ const _sfc_main$b = {
                 }, toDisplayString(option), 9, _hoisted_6$3);
               }), 128))
             ], 2)) : createCommentVNode("", true)
-          ], 40, _hoisted_4$7)
+          ], 40, _hoisted_4$8)
         ])
       ]);
     };
   }
 };
 var InputGroup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$a = { class: "input__group" };
-const _hoisted_2$a = ["type"];
-const _sfc_main$a = {
+const _hoisted_1$b = { class: "input__group" };
+const _hoisted_2$b = ["type"];
+const _sfc_main$b = {
   __name: "InputGroup",
   props: {
     inputType: {
@@ -24821,11 +24834,11 @@ const _sfc_main$a = {
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createElementVNode("input", {
           class: "input__group_field",
           type: __props.inputType
-        }, null, 8, _hoisted_2$a),
+        }, null, 8, _hoisted_2$b),
         createVNode(DhIcon, {
           class: "input__group_icon",
           "icon-name": __props.iconName
@@ -26679,10 +26692,10 @@ 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_4$6 = ["onKeyup", "aria-label"];
+const _hoisted_1$a = ["id", "dir"];
+const _hoisted_2$a = ["tabindex", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable", "role"];
+const _hoisted_3$8 = ["type", "modelValue", "value", "autocomplete", "id", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"];
+const _hoisted_4$7 = ["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$2 = ["innerHTML"];
@@ -26744,7 +26757,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$8)) : createCommentVNode("v-if", true),
       createCommentVNode(" Tags (with search) "),
       $props.mode == "tags" ? (openBlock(), createElementBlock("div", {
         key: 1,
@@ -26774,7 +26787,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   class: normalizeClass(_ctx.classList.tagRemoveIcon)
                 }, null, 2)
               ], 10, _hoisted_5$2)) : createCommentVNode("v-if", true)
-            ], 42, _hoisted_4$6))
+            ], 42, _hoisted_4$7))
           ]);
         }), 256)),
         createElementVNode("div", {
@@ -26875,7 +26888,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$a),
     createCommentVNode(" Options "),
     createElementVNode("div", {
       class: normalizeClass(_ctx.classList.dropdown),
@@ -27026,20 +27039,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$a);
 }
 script.render = render;
 script.__file = "src/Multiselect.vue";
 var default_css_vue_type_style_index_0_src_dc967fa4_lang = "";
 var InputList_vue_vue_type_style_index_1_lang = "";
-const _hoisted_1$8 = /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_1$9 = /* @__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$9 = { class: "list__item_text" };
+const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("div", { id: "list" }, null, -1);
+const _sfc_main$a = {
   __name: "InputList",
   props: {
     list: {
@@ -27088,8 +27101,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$9,
+                createElementVNode("p", _hoisted_2$9, toDisplayString(option[__props.labelProp]), 1),
                 createVNode(DhIcon, {
                   class: "list__item_icon",
                   "icon-name": "delete",
@@ -27102,12 +27115,12 @@ const _sfc_main$9 = {
           ]),
           _: 3
         }, 8, ["modelValue", "label", "options", "value-prop"]),
-        _hoisted_3$6
+        _hoisted_3$7
       ], 64);
     };
   }
 };
-const _sfc_main$8 = defineComponent({
+const _sfc_main$9 = defineComponent({
   components: { DhIcon },
   props: {
     hasCloseButton: {
@@ -27165,18 +27178,18 @@ const _sfc_main$8 = defineComponent({
     }
   }
 });
-const _hoisted_1$7 = { class: "modal-content" };
-const _hoisted_2$7 = {
+const _hoisted_1$8 = { class: "modal-content" };
+const _hoisted_2$8 = {
   key: 0,
   id: "modal-sidebar",
   class: "modal-sidebar"
 };
-const _hoisted_3$5 = {
+const _hoisted_3$6 = {
   key: 0,
   id: "modalTitle",
   class: "modal-header"
 };
-const _hoisted_4$5 = { class: "modal-footer" };
+const _hoisted_4$6 = { 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" }, {
@@ -27206,15 +27219,15 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
               size: 24
             })
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_1$7, [
-            _ctx.hasSideBar ? (openBlock(), createElementBlock("aside", _hoisted_2$7, [
+          createElementVNode("div", _hoisted_1$8, [
+            _ctx.hasSideBar ? (openBlock(), createElementBlock("aside", _hoisted_2$8, [
               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_3$5, [
+              _ctx.hasHeader ? (openBlock(), createElementBlock("header", _hoisted_3$6, [
                 renderSlot(_ctx.$slots, "header")
               ])) : createCommentVNode("", true),
               createElementVNode("section", {
@@ -27226,7 +27239,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
               }, [
                 renderSlot(_ctx.$slots, "body")
               ], 2),
-              createElementVNode("footer", _hoisted_4$5, [
+              createElementVNode("footer", _hoisted_4$6, [
                 _ctx.hasFooter ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : createCommentVNode("", true),
                 _ctx.hasFooterButtonRight ? renderSlot(_ctx.$slots, "footer-button-right", { key: 1 }) : createCommentVNode("", true)
               ])
@@ -27238,8 +27251,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]]);
-const _sfc_main$7 = defineComponent({
+var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$1]]);
+const _sfc_main$8 = defineComponent({
   components: {
     DhIcon
   },
@@ -27313,16 +27326,16 @@ const _sfc_main$7 = defineComponent({
     }
   }
 });
-const _hoisted_1$6 = /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_1$7 = /* @__PURE__ */ createElementVNode("img", {
   alt: "icon",
   class: "close-icon",
   src: _imports_0$1
 }, null, -1);
-const _hoisted_2$6 = [
-  _hoisted_1$6
+const _hoisted_2$7 = [
+  _hoisted_1$7
 ];
-const _hoisted_3$4 = { class: "additional-text" };
-const _hoisted_4$4 = {
+const _hoisted_3$5 = { class: "additional-text" };
+const _hoisted_4$5 = {
   key: 0,
   class: "descriptions"
 };
@@ -27340,7 +27353,7 @@ function _sfc_render(_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$7)) : createCommentVNode("", true),
       createElementVNode("div", {
         class: normalizeClass(`content content- ${_ctx.notificationType}`)
       }, [
@@ -27353,11 +27366,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             size: 33
           }, null, 8, ["class", "icon-name"])
         ], 2),
-        createElementVNode("div", _hoisted_3$4, [
+        createElementVNode("div", _hoisted_3$5, [
           createElementVNode("div", {
             class: normalizeClass(`body-section-title title-${_ctx.notificationType}`)
           }, toDisplayString(_ctx.limitTitle(_ctx.title, _ctx.notificationType)), 3),
-          !["bottom-message"].includes(_ctx.notificationType) ? (openBlock(), createElementBlock("div", _hoisted_4$4, toDisplayString(_ctx.message.length >= 280 ? `${_ctx.message.substring(0, 280)}..` : _ctx.message), 1)) : createCommentVNode("", true)
+          !["bottom-message"].includes(_ctx.notificationType) ? (openBlock(), createElementBlock("div", _hoisted_4$5, 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,
@@ -27376,16 +27389,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ], 6);
 }
-var Notification = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]);
+var Notification = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["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_4$3 = {
+const _hoisted_1$6 = { class: "password__panel" };
+const _hoisted_2$6 = ["placeholder", "type"];
+const _hoisted_3$4 = { class: "icon is-right" };
+const _hoisted_4$4 = {
   key: 0,
   class: "password__tooltip"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "PasswordField",
   props: {
     modelValue: {
@@ -27441,7 +27454,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$6, [
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
           class: "form__input password__panel_input",
@@ -27451,7 +27464,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           onChange: emitChanged,
           onFocus,
           onFocusout: outFocus
-        }, null, 40, _hoisted_2$5), [
+        }, null, 40, _hoisted_2$6), [
           [vModelDynamic, password.value]
         ]),
         createElementVNode("button", {
@@ -27459,7 +27472,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           type: "button",
           onClick: toggleShow
         }, [
-          createElementVNode("span", _hoisted_3$3, [
+          createElementVNode("span", _hoisted_3$4, [
             createVNode(DhIcon, {
               active: isActive.value,
               "icon-name": showPassword.value ? "invisible" : "visible",
@@ -27467,7 +27480,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["active", "icon-name"])
           ])
         ]),
-        tooltip.value && !props.passwordTooltipDisabled ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+        tooltip.value && !props.passwordTooltipDisabled ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
           createElementVNode("p", {
             class: normalizeClass(["password__tooltip_text", hasMinimumLength.value ? "password__tooltip_text--valid" : ""])
           }, [
@@ -27503,13 +27516,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5ec7ff50"]]);
+var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-5ec7ff50"]]);
 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_4$2 = { class: "radio__label_txt" };
-const _sfc_main$5 = {
+const _hoisted_1$5 = { class: "radio" };
+const _hoisted_2$5 = ["for"];
+const _hoisted_3$3 = ["id", "type", "value"];
+const _hoisted_4$3 = { class: "radio__label_txt" };
+const _sfc_main$6 = {
   __name: "RadioBox",
   props: {
     type: {
@@ -27528,7 +27541,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$5, [
         createElementVNode("label", {
           class: "radio__label",
           for: __props.value
@@ -27540,16 +27553,16 @@ const _sfc_main$5 = {
             type: __props.type,
             value: __props.value,
             onClick: _cache[0] || (_cache[0] = ($event) => emit("clickBox"))
-          }, null, 8, _hoisted_3$2),
-          createElementVNode("span", _hoisted_4$2, toDisplayString(__props.label), 1)
-        ], 8, _hoisted_2$4)
+          }, null, 8, _hoisted_3$3),
+          createElementVNode("span", _hoisted_4$3, toDisplayString(__props.label), 1)
+        ], 8, _hoisted_2$5)
       ]);
     };
   }
 };
-var DhRadioBox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-29696bd5"]]);
+var DhRadioBox = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-29696bd5"]]);
 var RadioBoxGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$4 = {
+const _sfc_main$5 = {
   __name: "RadioBoxGroup",
   props: {
     orientation: {
@@ -27601,9 +27614,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$4 = { class: "search-panel" };
+const _hoisted_2$4 = ["placeholder"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "SearchInput",
   props: {
     modelValue: {
@@ -27631,14 +27644,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$4, [
         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$4), [
           [vModelText, search.value]
         ]),
         !search.value ? (openBlock(), createElementBlock("button", {
@@ -27669,12 +27682,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$4, [["__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$3 = { class: "stepper" };
+const _hoisted_2$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "solid" }, null, -1));
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Stepper",
   props: {
     maxSteps: {
@@ -27692,7 +27705,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$3, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(getSteps(), (step, id) => {
           return openBlock(), createElementBlock("div", {
             key: id,
@@ -27701,14 +27714,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$3
           ]);
         }), 128))
       ]);
     };
   }
 });
-var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0213b522"]]);
+var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-0213b522"]]);
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
@@ -42963,6 +42976,108 @@ var bundle = { exports: {} };
   });
 })(bundle);
 var Checklist = /* @__PURE__ */ getDefaultExportFromCjs(bundle.exports);
+var ImageUpload_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$2 = { class: "file__upload" };
+const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("label", { for: "upload_pdf" }, [
+  /* @__PURE__ */ createTextVNode(" Drag and drop image file or "),
+  /* @__PURE__ */ createElementVNode("span", { id: "upload" }, "browse")
+], -1);
+const _hoisted_3$2 = {
+  key: 1,
+  class: "file__upload_items"
+};
+const _hoisted_4$2 = ["alt", "src"];
+const _sfc_main$2 = {
+  __name: "ImageUpload",
+  props: {
+    uploadProgress: {
+      type: Array,
+      required: true,
+      default: () => {
+        return [100];
+      }
+    },
+    errorOccurred: {
+      type: Array,
+      required: true,
+      default: () => {
+        return [false];
+      }
+    },
+    modelValue: {
+      type: FileList,
+      required: false,
+      default: void 0
+    },
+    errorMessage: {
+      type: String,
+      required: false,
+      default: "an error occurred while uploading"
+    }
+  },
+  emits: ["update:modelValue", "save:modelValue", "reload"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const upload = ref(null);
+    const fileSelected = ref(false);
+    const files = ref([]);
+    function uploadFile(e2) {
+      e2.stopPropagation();
+      files.value = upload.value.files;
+      if (files.value) {
+        fileSelected.value = true;
+      }
+      emit("update:modelValue", files.value);
+    }
+    function dragFile(e2) {
+      e2.stopPropagation();
+      e2.dataTransfer.dropEffect = "copy";
+    }
+    function dropFile(e2) {
+      e2.stopPropagation();
+      fileSelected.value = true;
+      files.value = e2.dataTransfer.files;
+      emit("update:modelValue", files.value);
+    }
+    function generateLink(file) {
+      return URL.createObjectURL(file);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        !fileSelected.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "file__upload_btn",
+          onDragover: _cache[1] || (_cache[1] = withModifiers(($event) => dragFile($event), ["prevent"])),
+          onDrop: _cache[2] || (_cache[2] = withModifiers(($event) => dropFile($event), ["prevent"]))
+        }, [
+          createVNode(DhIcon, {
+            class: "file__upload_btn_icon",
+            "icon-name": "upload",
+            size: 24
+          }),
+          _hoisted_2$2,
+          createElementVNode("input", {
+            id: "upload_pdf",
+            ref_key: "upload",
+            ref: upload,
+            multiple: "",
+            name: "file",
+            type: "file",
+            onInput: _cache[0] || (_cache[0] = ($event) => uploadFile($event))
+          }, null, 544)
+        ], 32)) : createCommentVNode("", true),
+        fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+          props.uploadProgress[0] == 100 && !__props.errorOccurred[0] ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            alt: files.value[0].name,
+            class: "file__upload_img",
+            src: generateLink(files.value[0])
+          }, null, 8, _hoisted_4$2)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
 var TextEditor_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$1 = { class: "editor__wrapper" };
 const _hoisted_2$1 = {
@@ -43168,6 +43283,9 @@ const _sfc_main$1 = {
             marker: {
               class: Marker,
               shortcut: "CMD+SHIFT+H"
+            },
+            upload: {
+              class: Upload
             }
           }
         });
@@ -43184,6 +43302,46 @@ const _sfc_main$1 = {
         addFirstBlock.value = true;
       }
     });
+    class Upload {
+      static get isReadOnlySupported() {
+        return true;
+      }
+      static get toolbox() {
+        return {
+          title: "Image upload",
+          icon: '<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 7.86105L8.00238 11.8587C7.44745 12.3993 6.70189 12.6997 5.92714 12.6946C5.15239 12.6896 4.4108 12.3796 3.86295 11.8317C3.31511 11.2839 3.0051 10.5423 3.00006 9.76755C2.99502 8.9928 3.29535 8.24724 3.83602 7.69231L7.95308 3.57525C8.3214 3.20693 8.82097 3 9.34186 3C9.86276 3 10.3623 3.20693 10.7306 3.57525C11.099 3.94358 11.3059 4.44314 11.3059 4.96404C11.3059 5.48494 11.099 5.9845 10.7306 6.35283L6.73233 10.3511C6.54817 10.5353 6.29839 10.6388 6.03794 10.6388C5.77749 10.6388 5.52771 10.5353 5.34355 10.3511C5.15938 10.167 5.05592 9.9172 5.05592 9.65675C5.05592 9.3963 5.15938 9.14652 5.34355 8.96236L9.22243 5.08348" stroke="black" stroke-width="0.5"/></svg>'
+        };
+      }
+      constructor({ data }) {
+        this.data = data;
+        this.wrapper = void 0;
+      }
+      render() {
+        this.wrapper = document.createElement("div");
+        if (this.data && this.data.url) {
+          this._createImage(this.data.url);
+          return this.wrapper;
+        }
+        const app = createApp(_sfc_main$2, {
+          data: function() {
+            return this.data;
+          }
+        });
+        app.mount(this.wrapper);
+        return this.wrapper;
+      }
+      _createImage(url) {
+        const image = document.createElement("img");
+        image.classList.add("file__upload_img");
+        image.src = url;
+        this.wrapper.innerHTML = "";
+        this.wrapper.appendChild(image);
+      }
+      save(blockContent) {
+        const image = blockContent.querySelector("img");
+        return { url: image.src };
+      }
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         __props.wordCount ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
@@ -43473,4 +43631,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ace876a"]]);
-export { _sfc_main$k as DhAdvancedDatePicker, DhAdvancedFilter, _sfc_main$i as DhCopyText, _sfc_main$h as DhDatePicker, DropdownMenu as DhDropdownMenu, _sfc_main$e as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$c as DhFileUpload, DhIcon, _sfc_main$b as DhInputDropdown, _sfc_main$a as DhInputGroup, _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, _sfc_main$1 as DhTextEditor, Tooltip as DhTooltip, VerificationCode as DhVerificationCode };
+export { _sfc_main$l as DhAdvancedDatePicker, DhAdvancedFilter, _sfc_main$j as DhCopyText, _sfc_main$i as DhDatePicker, DropdownMenu as DhDropdownMenu, _sfc_main$f as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$d as DhFileUpload, DhIcon, _sfc_main$c as DhInputDropdown, _sfc_main$b as DhInputGroup, _sfc_main$a as DhInputList, Modal as DhModal, Notification as DhNotification, DhNumberRange, PasswordField as DhPasswordField, DhRadioBox, _sfc_main$5 as DhRadioBoxGroup, SearchInput as DhSearchInput, Stepper as DhStepper, DhSwitch, _sfc_main$1 as DhTextEditor, Tooltip as DhTooltip, VerificationCode as DhVerificationCode };