@deskhero/dh_ui 1.26.0 → 1.27.0

package/dist/dh_ui.es.js

@@ -7,7 +7,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$f = defineComponent({
+const _sfc_main$h = defineComponent({
   components: { DhIcon },
   props: {
     mainText: {
@@ -68,19 +68,19 @@ const _sfc_main$f = defineComponent({
     }
   }
 });
-const _hoisted_1$f = { class: "dh-advanced-filter-container" };
-const _hoisted_2$b = { class: "advance_section" };
-const _hoisted_3$8 = {
+const _hoisted_1$g = { class: "dh-advanced-filter-container" };
+const _hoisted_2$c = { class: "advance_section" };
+const _hoisted_3$9 = {
   key: 0,
   class: "list-none"
 };
-const _hoisted_4$6 = ["checked"];
+const _hoisted_4$7 = ["checked"];
 const _hoisted_5$5 = ["checked"];
 const _hoisted_6$5 = ["checked"];
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$f, [
-    createElementVNode("div", _hoisted_2$b, [
+  return openBlock(), createElementBlock("div", _hoisted_1$g, [
+    createElementVNode("div", _hoisted_2$c, [
       createElementVNode("span", {
         class: "toggle-icon",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleFilter())
@@ -91,14 +91,14 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
           size: 20
         }, null, 8, ["icon-name"])
       ]),
-      _ctx.activeFilter ? (openBlock(), createElementBlock("ul", _hoisted_3$8, [
+      _ctx.activeFilter ? (openBlock(), createElementBlock("ul", _hoisted_3$9, [
         createElementVNode("li", null, [
           createElementVNode("label", null, [
             createElementVNode("input", {
               checked: _ctx.isFilterMissing,
               type: "checkbox",
               onChange: _cache[1] || (_cache[1] = ($event) => _ctx.missingFilter())
-            }, null, 40, _hoisted_4$6),
+            }, null, 40, _hoisted_4$7),
             createTextVNode(" " + toDisplayString(_ctx.filterMissingText), 1)
           ])
         ]),
@@ -126,7 +126,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var AdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$8]]);
+var AdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$8]]);
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
     return NaN;
@@ -10811,7 +10811,7 @@ var __glob_1_79 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTQ
 var __glob_1_80 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMTlhNyA3IDAgMSAwIDAtMTQgNyA3IDAgMCAwIDAgMTR6bTgtN2E4IDggMCAxIDEtMTYgMCA4IDggMCAwIDEgMTYgMHoiIGZpbGw9IiNCRkJGQkYiLz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgNy41YS41LjUgMCAwIDEgLjUuNXY0LjkyM2wzLjcgMS42MTlhLjUuNSAwIDEgMS0uNC45MTZsLTQtMS43NWEuNS41IDAgMCAxLS4zLS40NThWOGEuNS41IDAgMCAxIC41LS41eiIgZmlsbD0iI0JGQkZCRiIvPgo8L3N2Zz4K";
 var __glob_1_81 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04Ljc0OSA0LjAzOCAyLjU1MSAxNC4zODZhMS40NjQgMS40NjQgMCAwIDAgMS4yNTEgMi4xOTVoMTIuMzk3YTEuNDYzIDEuNDYzIDAgMCAwIDEuMjUxLTIuMTk1TDExLjI1MiA0LjAzOGExLjQ2NCAxLjQ2NCAwIDAgMC0yLjUwMyAwdjB6TTEwIDcuOHYyLjkyNiIgc3Ryb2tlPSIjRjI5OTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICAgIDxwYXRoIGQ9Ik0xMCAxMy42NTRoLjAwNyIgc3Ryb2tlPSIjRjI5OTRBIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
 var Icon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$e = defineComponent({
+const _sfc_main$g = defineComponent({
   props: {
     iconName: {
       type: String,
@@ -10840,7 +10840,7 @@ const _sfc_main$e = defineComponent({
     }
   }
 });
-const _hoisted_1$e = ["height", "src", "width"];
+const _hoisted_1$f = ["height", "src", "width"];
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("img", {
     alt: "icon",
@@ -10851,13 +10851,13 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     height: _ctx.size,
     src: _ctx.getIconUrl(),
     width: _ctx.size
-  }, null, 10, _hoisted_1$e);
+  }, null, 10, _hoisted_1$f);
 }
-var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$7], ["__scopeId", "data-v-201309a0"]]);
+var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$7], ["__scopeId", "data-v-201309a0"]]);
 var main = "";
 var DatePicker_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$d = /* @__PURE__ */ createTextVNode(" Back ");
-const _sfc_main$d = {
+const _hoisted_1$e = /* @__PURE__ */ createTextVNode(" Back ");
+const _sfc_main$f = {
   __name: "DatePicker",
   setup(__props) {
     const date = ref();
@@ -10908,7 +10908,7 @@ const _sfc_main$d = {
           })
         ]),
         "calendar-icon": withCtx(() => [
-          _hoisted_1$d
+          _hoisted_1$e
         ]),
         "clear-icon": withCtx(() => []),
         "action-preview": withCtx(() => []),
@@ -10918,11 +10918,11 @@ const _sfc_main$d = {
   }
 };
 var Error_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$c = {
+const _hoisted_1$d = {
   key: 0,
   class: "invalid-feedback"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "Error",
   props: {
     errors: {
@@ -10935,7 +10935,7 @@ const _sfc_main$c = /* @__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$c, [
+      return unref(props).errors && ((_a = unref(props).errors) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.errors, (error) => {
           return openBlock(), createElementBlock("span", { key: error }, toDisplayString(error), 1);
         }), 128))
@@ -10944,16 +10944,16 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 var FileUpload_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$b = { class: "file__upload" };
-const _hoisted_2$a = /* @__PURE__ */ createElementVNode("label", { for: "upload_pdf" }, [
+const _hoisted_1$c = { class: "file__upload" };
+const _hoisted_2$b = /* @__PURE__ */ createElementVNode("label", { for: "upload_pdf" }, [
   /* @__PURE__ */ createTextVNode(" Drag and drop file or "),
   /* @__PURE__ */ createElementVNode("span", { id: "upload" }, "browse")
 ], -1);
-const _hoisted_3$7 = {
+const _hoisted_3$8 = {
   key: 0,
   class: "file__upload_items"
 };
-const _hoisted_4$5 = { class: "file__upload_list_item" };
+const _hoisted_4$6 = { class: "file__upload_list_item" };
 const _hoisted_5$4 = { class: "file__upload_list_item_label" };
 const _hoisted_6$4 = ["title"];
 const _hoisted_7$3 = ["value"];
@@ -10963,7 +10963,7 @@ const _hoisted_8$3 = {
 };
 const _hoisted_9$2 = { class: "file__upload_action" };
 const _hoisted_10$2 = /* @__PURE__ */ createElementVNode("button", { class: "file__upload_action_cancel" }, "Cancel", -1);
-const _sfc_main$b = {
+const _sfc_main$d = {
   __name: "FileUpload",
   props: {
     uploadProgress: {
@@ -11033,7 +11033,7 @@ const _sfc_main$b = {
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
         createElementVNode("div", {
           class: "file__upload_btn",
           onDragover: _cache[1] || (_cache[1] = withModifiers(($event) => dragFile($event), ["prevent"])),
@@ -11044,7 +11044,7 @@ const _sfc_main$b = {
             "icon-name": "upload",
             size: 24
           }),
-          _hoisted_2$a,
+          _hoisted_2$b,
           createElementVNode("input", {
             id: "upload_pdf",
             ref_key: "upload",
@@ -11055,7 +11055,7 @@ const _sfc_main$b = {
             onInput: _cache[0] || (_cache[0] = ($event) => uploadFile($event))
           }, null, 544)
         ], 32),
-        fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
+        fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file, id) => {
             return openBlock(), createElementBlock("div", {
               key: id,
@@ -11065,7 +11065,7 @@ const _sfc_main$b = {
                 "icon-name": `file-` + iconName(file.type),
                 size: 40
               }, null, 8, ["icon-name"]),
-              createElementVNode("div", _hoisted_4$5, [
+              createElementVNode("div", _hoisted_4$6, [
                 createElementVNode("div", _hoisted_5$4, [
                   createElementVNode("span", {
                     title: file.name
@@ -11105,7 +11105,7 @@ const _sfc_main$b = {
     };
   }
 };
-const _sfc_main$a = defineComponent({
+const _sfc_main$c = defineComponent({
   components: { DhIcon },
   props: {
     hasCloseButton: {
@@ -11136,13 +11136,13 @@ const _sfc_main$a = defineComponent({
     }
   }
 });
-const _hoisted_1$a = /* @__PURE__ */ createTextVNode("Modal sidebar! ");
-const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("button", { class: "btn btn-primary" }, "Button Bottom", -1);
-const _hoisted_3$6 = {
+const _hoisted_1$b = /* @__PURE__ */ createTextVNode("Modal sidebar! ");
+const _hoisted_2$a = /* @__PURE__ */ createElementVNode("button", { class: "btn btn-primary" }, "Button Bottom", -1);
+const _hoisted_3$7 = {
   id: "modalTitle",
   class: "modal-header"
 };
-const _hoisted_4$4 = /* @__PURE__ */ createTextVNode("Modal header! ");
+const _hoisted_4$5 = /* @__PURE__ */ createTextVNode("Modal header! ");
 const _hoisted_5$3 = /* @__PURE__ */ createTextVNode("Modal body! ");
 const _hoisted_6$3 = { class: "modal-footer" };
 const _hoisted_7$2 = /* @__PURE__ */ createTextVNode("Modal footer! ");
@@ -11184,10 +11184,10 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "sidebar", {}, () => [
-                _hoisted_1$a
+                _hoisted_1$b
               ]),
               renderSlot(_ctx.$slots, "sidebar-button-bottom", {}, () => [
-                _hoisted_2$9
+                _hoisted_2$a
               ])
             ]),
             _: 3
@@ -11195,9 +11195,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("section", {
             class: normalizeClass(`right-section ${_ctx.hasSideBar ? "" : "full"}`)
           }, [
-            createElementVNode("header", _hoisted_3$6, [
+            createElementVNode("header", _hoisted_3$7, [
               renderSlot(_ctx.$slots, "header", {}, () => [
-                _hoisted_4$4
+                _hoisted_4$5
               ])
             ]),
             createElementVNode("section", {
@@ -11223,12 +11223,12 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$6]]);
+var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$6]]);
 var __glob_1_0 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMy41YTguNSA4LjUgMCAxIDAgMCAxNyA4LjUgOC41IDAgMCAwIDAtMTd6TTIuNSAxMmE5LjUgOS41IDAgMSAxIDE5IDAgOS41IDkuNSAwIDAgMS0xOSAweiIgZmlsbD0iI0MzMkYyNyIvPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiA3LjVhLjUuNSAwIDAgMSAuNS41djRhLjUuNSAwIDAgMS0xIDBWOGEuNS41IDAgMCAxIC41LS41ek0xMS4yNSAxNmEuNzUuNzUgMCAwIDEgLjc1LS43NWguMDFhLjc1Ljc1IDAgMCAxIDAgMS41SDEyYS43NS43NSAwIDAgMS0uNzUtLjc1eiIgZmlsbD0iI0MzMkYyNyIvPgo8L3N2Zz4K";
 var __glob_1_1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNy40NTIgMTkuMTg5SDYuNTU4QTIuNTYgMi41NiAwIDAgMSA0IDE2LjYzMVYxNmMwLTEgLjQxNS0xLjk1OSAxLjEzOC0yLjY0NS40MzMtLjQxLjY3OC0uOTc3LjY3OC0xLjU3MlY5LjE4NEE2LjE5MSA2LjE5MSAwIDAgMSAxMiAzYTYuMTkxIDYuMTkxIDAgMCAxIDYuMTg0IDYuMTg0djIuNmMwIC41OTQuMjQ1IDEuMTY1LjY3OCAxLjU3QTMuNjM2IDMuNjM2IDAgMCAxIDIwIDE2di42MzFhMi41NDcgMi41NDcgMCAwIDEtMi41NDkgMi41NTh6bS01LjQ0Ny0xNC43MmE0LjcxOCA0LjcxOCAwIDAgMC00LjcxIDQuNzF2Mi42YzAgMS0uNDE0IDEuOTU4LTEuMTM4IDIuNjQ1LS40MzMuNDEtLjY3Ny45NzctLjY3NyAxLjU3MXYuNjMyYzAgLjU5OS40ODQgMS4wNzggMS4wODMgMS4wODJoMTAuODk0Yy41OTQgMCAxLjA3OC0uNDgzIDEuMDgzLTEuMDgydi0uNjMyYzAtLjU5NC0uMjQ0LTEuMTY2LS42NzgtMS41NzFhMy42MzYgMy42MzYgMCAwIDEtMS4xMzgtMi42NDZWOS4xNzVhNC43MjUgNC43MjUgMCAwIDAtNC43MTktNC43MDV6TTEzLjkwNCAyMS40NjZoLTMuNzk4YS43NC43NCAwIDAgMS0uNzM3LS43MzguNzQuNzQgMCAwIDEgLjczNy0uNzM3aDMuNzk4YS43MzcuNzM3IDAgMSAxIDAgMS40NzV6IiBmaWxsPSIjQkZCRkJGIi8+Cjwvc3ZnPgo=";
 var __glob_1_2 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuNDI3IDYuMjUzYTEgMSAwIDAgMSAwIDEuNDE0bC05LjI0IDkuMjRhMSAxIDAgMCAxLTEuNDE0IDBsLTQuMi00LjJhMSAxIDAgMSAxIDEuNDE0LTEuNDE0bDMuNDkzIDMuNDkzIDguNTMzLTguNTMzYTEgMSAwIDAgMSAxLjQxNCAweiIgZmlsbD0iIzNDQTA2NCIvPgo8L3N2Zz4K";
 var __glob_1_3 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuODkzIDMuNzlhMi4yNTYgMi4yNTYgMCAwIDEgMy4wMzYuNzk2bC4wMDIuMDAzIDcuNDQyIDEyLjQyNGEyLjI1NyAyLjI1NyAwIDAgMS0xLjkzIDMuMzg0SDQuNTU3YTIuMjU3IDIuMjU3IDAgMCAxLTEuOTI5LTMuMzg0bC4wMDQtLjAwN0wxMC4wNyA0LjU4OWwuMDAyLS4wMDNjLjIwMS0uMzMxLjQ4NC0uNjA2LjgyMi0uNzk2ek0xMiA0LjVhMS4yNTYgMS4yNTYgMCAwIDAtMS4wNzMuNjA0aC0uMDAxTDMuNDkgMTcuNTE3YTEuMjU2IDEuMjU2IDAgMCAwIDEuMDc0IDEuODgxaDE0Ljg3YTEuMjU2IDEuMjU2IDAgMCAwIDEuMDc0LTEuODgxTDEzLjA3NCA1LjEwNXYtLjAwMUExLjI1NyAxLjI1NyAwIDAgMCAxMiA0LjV6IiBmaWxsPSIjRjI5OTRBIi8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDguODZhLjUuNSAwIDAgMSAuNS41djMuNTEyYS41LjUgMCAxIDEtMSAwVjkuMzU5YS41LjUgMCAwIDEgLjUtLjV6TTExLjI1IDE2LjM4NWEuNzUuNzUgMCAwIDEgLjc1LS43NWguMDA5YS43NS43NSAwIDEgMSAwIDEuNUgxMmEuNzUuNzUgMCAwIDEtLjc1LS43NXoiIGZpbGw9IiNGMjk5NEEiLz4KPC9zdmc+Cg==";
-const _sfc_main$9 = defineComponent({
+const _sfc_main$b = defineComponent({
   props: {
     notificationType: {
       type: String,
@@ -11299,16 +11299,16 @@ const _sfc_main$9 = defineComponent({
     }
   }
 });
-const _hoisted_1$9 = /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_1$a = /* @__PURE__ */ createElementVNode("img", {
   alt: "icon",
   class: "close-icon",
   src: _imports_0
 }, null, -1);
-const _hoisted_2$8 = [
-  _hoisted_1$9
+const _hoisted_2$9 = [
+  _hoisted_1$a
 ];
-const _hoisted_3$5 = ["src"];
-const _hoisted_4$3 = { class: "additional-text" };
+const _hoisted_3$6 = ["src"];
+const _hoisted_4$4 = { class: "additional-text" };
 const _hoisted_5$2 = {
   key: 0,
   class: "descriptions"
@@ -11326,7 +11326,7 @@ function _sfc_render$5(_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$8)) : createCommentVNode("", true),
+      }, _hoisted_2$9)) : createCommentVNode("", true),
       createElementVNode("div", {
         class: normalizeClass(`content content- ${_ctx.notificationType}`)
       }, [
@@ -11336,9 +11336,9 @@ function _sfc_render$5(_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$5)
+          }, null, 10, _hoisted_3$6)
         ], 2),
-        createElementVNode("div", _hoisted_4$3, [
+        createElementVNode("div", _hoisted_4$4, [
           createElementVNode("div", {
             class: normalizeClass(`title title-${_ctx.notificationType}`)
           }, toDisplayString(_ctx.limitTitle(_ctx.title, _ctx.notificationType)), 3),
@@ -11358,7 +11358,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ], 2);
 }
-var Notification = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$5]]);
+var Notification = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$5]]);
 /*!
  * Chart.js v3.9.1
  * https://www.chartjs.org
@@ -23260,7 +23260,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$8 = {
+const _sfc_main$a = {
   name: "MultiRangeSlider",
   props: {
     baseClassName: {
@@ -23558,10 +23558,10 @@ const _sfc_main$8 = {
   mounted() {
   }
 };
-const _hoisted_1$8 = { class: "bar" };
-const _hoisted_2$7 = ["min", "max", "step", "value"];
-const _hoisted_3$4 = { class: "caption" };
-const _hoisted_4$2 = { class: "min-caption" };
+const _hoisted_1$9 = { class: "bar" };
+const _hoisted_2$8 = ["min", "max", "step", "value"];
+const _hoisted_3$5 = { class: "caption" };
+const _hoisted_4$3 = { class: "min-caption" };
 const _hoisted_5$1 = { class: "bar-inner" };
 const _hoisted_6$1 = ["min", "max", "step", "value"];
 const _hoisted_7$1 = { class: "caption" };
@@ -23583,7 +23583,7 @@ function _sfc_render$4(_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$8, [
+    createElementVNode("div", _hoisted_1$9, [
       createElementVNode("div", {
         class: "bar-left",
         style: normalizeStyle({ width: $options.barMin + "%" }),
@@ -23597,14 +23597,14 @@ function _sfc_render$4(_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$7),
+      }, null, 40, _hoisted_2$8),
       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$4, [
-          createElementVNode("span", _hoisted_4$2, toDisplayString($props.minCaption || $options.barMinVal), 1)
+        createElementVNode("div", _hoisted_3$5, [
+          createElementVNode("span", _hoisted_4$3, toDisplayString($props.minCaption || $options.barMinVal), 1)
         ])
       ], 32),
       createElementVNode("div", _hoisted_5$1, [
@@ -23667,10 +23667,10 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 34);
 }
-var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$4]]);
+var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$4]]);
 var MultiRangeSliderBarOnly = "";
 Chart.register(plugin_tooltip, BarElement, CategoryScale, LinearScale);
-const _sfc_main$7 = defineComponent({
+const _sfc_main$9 = defineComponent({
   components: { Bar, MultiRangeSlider },
   props: {
     numberRange: {
@@ -23918,10 +23918,10 @@ const _sfc_main$7 = defineComponent({
     }
   }
 });
-const _hoisted_1$7 = { class: "dh-range-container" };
-const _hoisted_2$6 = { class: "bar-chart" };
-const _hoisted_3$3 = { class: "input-group-section" };
-const _hoisted_4$1 = { class: "input-group sb-input" };
+const _hoisted_1$8 = { class: "dh-range-container" };
+const _hoisted_2$7 = { class: "bar-chart" };
+const _hoisted_3$4 = { class: "input-group-section" };
+const _hoisted_4$2 = { class: "input-group sb-input" };
 const _hoisted_5 = ["disabled", "max", "value"];
 const _hoisted_6 = { class: "input-group sb-input" };
 const _hoisted_7 = ["disabled", "max", "min", "value"];
@@ -23952,8 +23952,8 @@ const _hoisted_18 = /* @__PURE__ */ createTextVNode(" Exclude ");
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Bar = resolveComponent("Bar");
   const _component_MultiRangeSlider = resolveComponent("MultiRangeSlider");
-  return openBlock(), createElementBlock("div", _hoisted_1$7, [
-    createElementVNode("div", _hoisted_2$6, [
+  return openBlock(), createElementBlock("div", _hoisted_1$8, [
+    createElementVNode("div", _hoisted_2$7, [
       createVNode(_component_Bar, {
         "chart-data": _ctx.chartData,
         "chart-id": _ctx.chartId,
@@ -23977,8 +23977,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         onInput: _ctx.updateBarChart
       }, null, 8, ["base-class-name", "max", "max-caption", "max-value", "min-caption", "min-value", "step", "onInput"])
     ]),
-    createElementVNode("div", _hoisted_3$3, [
-      createElementVNode("div", _hoisted_4$1, [
+    createElementVNode("div", _hoisted_3$4, [
+      createElementVNode("div", _hoisted_4$2, [
         createElementVNode("label", {
           class: normalizeClass(`text-2 input-to ${_ctx.validated ? "disable" : ""}`)
         }, " From ", 2),
@@ -24055,16 +24055,16 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var NumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3]]);
+var NumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$3]]);
 var PasswordField_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$6 = { class: "password__panel" };
-const _hoisted_2$5 = ["placeholder", "type"];
-const _hoisted_3$2 = { class: "icon is-right" };
-const _hoisted_4 = {
+const _hoisted_1$7 = { class: "password__panel" };
+const _hoisted_2$6 = ["placeholder", "type"];
+const _hoisted_3$3 = { class: "icon is-right" };
+const _hoisted_4$1 = {
   key: 0,
   class: "password__tooltip"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "PasswordField",
   props: {
     modelValue: {
@@ -24120,7 +24120,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$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
           class: "form__input password__panel_input",
@@ -24130,7 +24130,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           onFocus,
           onFocusout: outFocus,
           onKeyup: emitChanged
-        }, null, 40, _hoisted_2$5), [
+        }, null, 40, _hoisted_2$6), [
           [vModelDynamic, password.value]
         ]),
         createElementVNode("button", {
@@ -24138,7 +24138,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",
@@ -24146,7 +24146,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["active", "icon-name"])
           ])
         ]),
-        tooltip.value && !props.passwordTooltipDisabled ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        tooltip.value && !props.passwordTooltipDisabled ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
           createElementVNode("p", {
             class: normalizeClass(["password__tooltip_text", hasMinimumLength.value ? "password__tooltip_text--valid" : ""])
           }, [
@@ -24182,7 +24182,103 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-3ae35090"]]);
+var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-3ae35090"]]);
+var RadioBox_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$6 = { class: "radio" };
+const _hoisted_2$5 = ["for"];
+const _hoisted_3$2 = ["id", "type", "value"];
+const _hoisted_4 = { class: "radio__label_txt" };
+const _sfc_main$7 = {
+  __name: "RadioBox",
+  props: {
+    type: {
+      type: String,
+      default: "radio"
+    },
+    value: {
+      type: String,
+      required: true
+    },
+    label: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ["clickBox"],
+  setup(__props, { emit }) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        createElementVNode("label", {
+          class: "radio__label",
+          for: __props.value
+        }, [
+          createElementVNode("input", {
+            id: __props.value,
+            class: "radio__input",
+            name: "radiobox",
+            type: __props.type,
+            value: __props.value,
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("clickBox"))
+          }, null, 8, _hoisted_3$2),
+          createElementVNode("span", _hoisted_4, toDisplayString(__props.label), 1)
+        ], 8, _hoisted_2$5)
+      ]);
+    };
+  }
+};
+var DhRadioBox = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-29696bd5"]]);
+var RadioBoxGroup_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$6 = {
+  __name: "RadioBoxGroup",
+  props: {
+    orientation: {
+      type: String,
+      default: "horizontal"
+    },
+    type: {
+      type: String,
+      default: "radio"
+    },
+    list: {
+      type: Array,
+      required: true
+    }
+  },
+  setup(__props) {
+    const boxes = ref(null);
+    function clicked() {
+      const list = document.querySelectorAll("input");
+      for (let i2 = 0; i2 < list.length; i2++) {
+        if (list[i2].checked) {
+          list[i2].parentNode.parentNode.classList.add("radio--checked");
+        } else {
+          list[i2].parentNode.parentNode.classList.remove("radio--checked");
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "radio__grp",
+          __props.orientation === "vertical" ? "radio__vertical" : "radio__horizontal"
+        ])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (item) => {
+          return openBlock(), createBlock(DhRadioBox, {
+            key: item.key,
+            ref_for: true,
+            ref_key: "boxes",
+            ref: boxes,
+            label: item.label,
+            type: __props.type,
+            value: item.value,
+            onClickBox: clicked
+          }, null, 8, ["label", "type", "value"]);
+        }), 128))
+      ], 2);
+    };
+  }
+};
 var SearchInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = { class: "search-panel" };
 const _hoisted_2$4 = ["placeholder"];
@@ -24657,4 +24753,4 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64);
 }
 var ExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { AdvancedFilter as DhAdvancedFilter, _sfc_main$d as DhDatePicker, _sfc_main$c as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$b as DhFileUpload, DhIcon, Modal as DhModal, Notification as DhNotification, NumberRange as DhNumberRange, PasswordField as DhPasswordField, SearchInput as DhSearchInput, Stepper as DhStepper, Switch as DhSwitch, Tooltip as DhTooltip, VerificationCode as DhVerificationCode };
+export { AdvancedFilter as DhAdvancedFilter, _sfc_main$f as DhDatePicker, _sfc_main$e as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$d as DhFileUpload, DhIcon, Modal as DhModal, Notification as DhNotification, NumberRange as DhNumberRange, PasswordField as DhPasswordField, DhRadioBox, _sfc_main$6 as DhRadioBoxGroup, SearchInput as DhSearchInput, Stepper as DhStepper, Switch as DhSwitch, Tooltip as DhTooltip, VerificationCode as DhVerificationCode };