@deskhero/dh_ui 1.24.2 → 1.25.0

package/dist/dh_ui.es.js

@@ -7,7 +7,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$d = defineComponent({
+const _sfc_main$e = defineComponent({
   components: { DhIcon },
   props: {
     mainText: {
@@ -68,8 +68,8 @@ const _sfc_main$d = defineComponent({
     }
   }
 });
-const _hoisted_1$d = { class: "dh-advanced-filter-container" };
-const _hoisted_2$9 = { class: "advance_section" };
+const _hoisted_1$e = { class: "dh-advanced-filter-container" };
+const _hoisted_2$a = { class: "advance_section" };
 const _hoisted_3$7 = {
   key: 0,
   class: "list-none"
@@ -77,10 +77,10 @@ const _hoisted_3$7 = {
 const _hoisted_4$5 = ["checked"];
 const _hoisted_5$4 = ["checked"];
 const _hoisted_6$4 = ["checked"];
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$d, [
-    createElementVNode("div", _hoisted_2$9, [
+  return openBlock(), createElementBlock("div", _hoisted_1$e, [
+    createElementVNode("div", _hoisted_2$a, [
       createElementVNode("span", {
         class: "toggle-icon",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleFilter())
@@ -126,7 +126,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var AdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$7]]);
+var AdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$8]]);
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
     return NaN;
@@ -10800,7 +10800,7 @@ var __glob_1_68 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTQ
 var __glob_1_69 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMTlhNyA3IDAgMSAwIDAtMTQgNyA3IDAgMCAwIDAgMTR6bTgtN2E4IDggMCAxIDEtMTYgMCA4IDggMCAwIDEgMTYgMHoiIGZpbGw9IiNCRkJGQkYiLz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgNy41YS41LjUgMCAwIDEgLjUuNXY0LjkyM2wzLjcgMS42MTlhLjUuNSAwIDEgMS0uNC45MTZsLTQtMS43NWEuNS41IDAgMCAxLS4zLS40NThWOGEuNS41IDAgMCAxIC41LS41eiIgZmlsbD0iI0JGQkZCRiIvPgo8L3N2Zz4K";
 var __glob_1_70 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04Ljc0OSA0LjAzOCAyLjU1MSAxNC4zODZhMS40NjQgMS40NjQgMCAwIDAgMS4yNTEgMi4xOTVoMTIuMzk3YTEuNDYzIDEuNDYzIDAgMCAwIDEuMjUxLTIuMTk1TDExLjI1MiA0LjAzOGExLjQ2NCAxLjQ2NCAwIDAgMC0yLjUwMyAwdjB6TTEwIDcuOHYyLjkyNiIgc3Ryb2tlPSIjRjI5OTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICAgIDxwYXRoIGQ9Ik0xMCAxMy42NTRoLjAwNyIgc3Ryb2tlPSIjRjI5OTRBIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
 var Icon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$c = defineComponent({
+const _sfc_main$d = defineComponent({
   props: {
     iconName: {
       type: String,
@@ -10829,8 +10829,8 @@ const _sfc_main$c = defineComponent({
     }
   }
 });
-const _hoisted_1$c = ["height", "src", "width"];
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$d = ["height", "src", "width"];
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("img", {
     alt: "icon",
     class: normalizeClass({
@@ -10840,13 +10840,13 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     height: _ctx.size,
     src: _ctx.getIconUrl(),
     width: _ctx.size
-  }, null, 10, _hoisted_1$c);
+  }, null, 10, _hoisted_1$d);
 }
-var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$6], ["__scopeId", "data-v-201309a0"]]);
+var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$7], ["__scopeId", "data-v-201309a0"]]);
 var main = "";
 var DatePicker_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$b = /* @__PURE__ */ createTextVNode(" Back ");
-const _sfc_main$b = {
+const _hoisted_1$c = /* @__PURE__ */ createTextVNode(" Back ");
+const _sfc_main$c = {
   __name: "DatePicker",
   setup(__props) {
     const date = ref();
@@ -10897,7 +10897,7 @@ const _sfc_main$b = {
           })
         ]),
         "calendar-icon": withCtx(() => [
-          _hoisted_1$b
+          _hoisted_1$c
         ]),
         "clear-icon": withCtx(() => []),
         "action-preview": withCtx(() => []),
@@ -10907,11 +10907,11 @@ const _sfc_main$b = {
   }
 };
 var Error_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$a = {
+const _hoisted_1$b = {
   key: 0,
   class: "invalid-feedback"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "Error",
   props: {
     errors: {
@@ -10924,7 +10924,7 @@ const _sfc_main$a = /* @__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$a, [
+      return unref(props).errors && ((_a = unref(props).errors) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.errors, (error) => {
           return openBlock(), createElementBlock("span", { key: error }, toDisplayString(error), 1);
         }), 128))
@@ -10932,7 +10932,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = defineComponent({
+const _sfc_main$a = defineComponent({
   components: { DhIcon },
   props: {
     hasCloseButton: {
@@ -10963,8 +10963,8 @@ const _sfc_main$9 = defineComponent({
     }
   }
 });
-const _hoisted_1$9 = /* @__PURE__ */ createTextVNode("Modal sidebar! ");
-const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("button", { class: "btn btn-primary" }, "Button Bottom", -1);
+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 = {
   id: "modalTitle",
   class: "modal-header"
@@ -10974,7 +10974,7 @@ const _hoisted_5$3 = /* @__PURE__ */ createTextVNode("Modal body! ");
 const _hoisted_6$3 = { class: "modal-footer" };
 const _hoisted_7$2 = /* @__PURE__ */ createTextVNode("Modal footer! ");
 const _hoisted_8$2 = /* @__PURE__ */ createElementVNode("button", { class: "btn btn-primary" }, "Button right", -1);
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
   const _component_sidebar = resolveComponent("sidebar");
   return openBlock(), createBlock(Transition, { name: "modal-fade" }, {
@@ -11011,10 +11011,10 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "sidebar", {}, () => [
-                _hoisted_1$9
+                _hoisted_1$a
               ]),
               renderSlot(_ctx.$slots, "sidebar-button-bottom", {}, () => [
-                _hoisted_2$8
+                _hoisted_2$9
               ])
             ]),
             _: 3
@@ -11050,12 +11050,12 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$5]]);
+var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["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$8 = defineComponent({
+const _sfc_main$9 = defineComponent({
   props: {
     notificationType: {
       type: String,
@@ -11126,13 +11126,13 @@ const _sfc_main$8 = defineComponent({
     }
   }
 });
-const _hoisted_1$8 = /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_1$9 = /* @__PURE__ */ createElementVNode("img", {
   alt: "icon",
   class: "close-icon",
   src: _imports_0
 }, null, -1);
-const _hoisted_2$7 = [
-  _hoisted_1$8
+const _hoisted_2$8 = [
+  _hoisted_1$9
 ];
 const _hoisted_3$5 = ["src"];
 const _hoisted_4$3 = { class: "additional-text" };
@@ -11141,7 +11141,7 @@ const _hoisted_5$2 = {
   class: "descriptions"
 };
 const _hoisted_6$2 = { class: "btn btn-normal btn-primary" };
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(`dh-notification-container ${_ctx.notificationType}`)
   }, [
@@ -11153,7 +11153,7 @@ function _sfc_render$4(_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$7)) : createCommentVNode("", true),
+      }, _hoisted_2$8)) : createCommentVNode("", true),
       createElementVNode("div", {
         class: normalizeClass(`content content- ${_ctx.notificationType}`)
       }, [
@@ -11185,7 +11185,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ], 2);
 }
-var Notification = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$4]]);
+var Notification = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$5]]);
 /*!
  * Chart.js v3.9.1
  * https://www.chartjs.org
@@ -23087,7 +23087,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$7 = {
+const _sfc_main$8 = {
   name: "MultiRangeSlider",
   props: {
     baseClassName: {
@@ -23385,8 +23385,8 @@ const _sfc_main$7 = {
   mounted() {
   }
 };
-const _hoisted_1$7 = { class: "bar" };
-const _hoisted_2$6 = ["min", "max", "step", "value"];
+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_5$1 = { class: "bar-inner" };
@@ -23405,12 +23405,12 @@ const _hoisted_11$1 = {
   key: 2,
   class: "labels"
 };
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     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$7, [
+    createElementVNode("div", _hoisted_1$8, [
       createElementVNode("div", {
         class: "bar-left",
         style: normalizeStyle({ width: $options.barMin + "%" }),
@@ -23424,7 +23424,7 @@ function _sfc_render$3(_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$6),
+      }, null, 40, _hoisted_2$7),
       createElementVNode("div", {
         class: "thumb thumb-left",
         onMousedown: _cache[2] || (_cache[2] = (...args) => $options.onLeftThumbMousedown && $options.onLeftThumbMousedown(...args)),
@@ -23494,10 +23494,10 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 34);
 }
-var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3]]);
+var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$4]]);
 var MultiRangeSliderBarOnly = "";
 Chart.register(plugin_tooltip, BarElement, CategoryScale, LinearScale);
-const _sfc_main$6 = defineComponent({
+const _sfc_main$7 = defineComponent({
   components: { Bar, MultiRangeSlider },
   props: {
     numberRange: {
@@ -23745,8 +23745,8 @@ const _sfc_main$6 = defineComponent({
     }
   }
 });
-const _hoisted_1$6 = { class: "dh-range-container" };
-const _hoisted_2$5 = { class: "bar-chart" };
+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_5 = ["disabled", "max", "value"];
@@ -23776,11 +23776,11 @@ const _hoisted_15 = ["checked", "disabled"];
 const _hoisted_16 = /* @__PURE__ */ createTextVNode(" Match ");
 const _hoisted_17 = ["checked", "disabled"];
 const _hoisted_18 = /* @__PURE__ */ createTextVNode(" Exclude ");
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+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$6, [
-    createElementVNode("div", _hoisted_2$5, [
+  return openBlock(), createElementBlock("div", _hoisted_1$7, [
+    createElementVNode("div", _hoisted_2$6, [
       createVNode(_component_Bar, {
         "chart-data": _ctx.chartData,
         "chart-id": _ctx.chartId,
@@ -23882,16 +23882,16 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var NumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2]]);
+var NumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3]]);
 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_1$6 = { class: "password__panel" };
+const _hoisted_2$5 = ["placeholder", "type"];
 const _hoisted_3$2 = { class: "icon is-right" };
 const _hoisted_4 = {
   key: 0,
   class: "password__tooltip"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "PasswordField",
   props: {
     modelValue: {
@@ -23947,7 +23947,7 @@ const _sfc_main$5 = /* @__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",
@@ -23957,7 +23957,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           onFocus,
           onFocusout: outFocus,
           onKeyup: emitChanged
-        }, null, 40, _hoisted_2$4), [
+        }, null, 40, _hoisted_2$5), [
           [vModelDynamic, password.value]
         ]),
         createElementVNode("button", {
@@ -24009,11 +24009,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-3ae35090"]]);
+var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-3ae35090"]]);
 var SearchInput_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$4 = { class: "search-panel" };
-const _hoisted_2$3 = ["placeholder"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = { class: "search-panel" };
+const _hoisted_2$4 = ["placeholder"];
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "SearchInput",
   props: {
     modelValue: {
@@ -24041,14 +24041,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     onMounted(() => () => search.value = props.modelValue || "");
     watch(props, () => search.value = props.modelValue || "");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
         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", {
@@ -24079,12 +24079,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-562faa14"]]);
+var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__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$3 = { class: "stepper" };
-const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "solid" }, null, -1));
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = { class: "stepper" };
+const _hoisted_2$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "solid" }, null, -1));
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Stepper",
   props: {
     maxSteps: {
@@ -24102,7 +24102,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       return Array.from(Array(props.maxSteps || 0).keys());
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(getSteps(), (step, id) => {
           return openBlock(), createElementBlock("div", {
             key: id,
@@ -24111,15 +24111,15 @@ const _sfc_main$3 = /* @__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$3, [["__scopeId", "data-v-0213b522"]]);
-const _sfc_main$2 = defineComponent({
+var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-0213b522"]]);
+const _sfc_main$3 = defineComponent({
   props: {
     data: {
       type: Boolean,
@@ -24149,13 +24149,13 @@ const _sfc_main$2 = defineComponent({
     }
   }
 });
-const _hoisted_1$2 = { class: "dp__options" };
-const _hoisted_2$1 = { class: "dp__options_switch" };
+const _hoisted_1$3 = { class: "dp__options" };
+const _hoisted_2$2 = { class: "dp__options_switch" };
 const _hoisted_3$1 = /* @__PURE__ */ createElementVNode("span", { class: "dp__options_slider" }, null, -1);
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$2, [
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$3, [
     createElementVNode("span", null, toDisplayString(_ctx.label), 1),
-    createElementVNode("label", _hoisted_2$1, [
+    createElementVNode("label", _hoisted_2$2, [
       withDirectives(createElementVNode("input", {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.checkedValue = $event),
         name: "switch",
@@ -24167,8 +24167,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
-const _sfc_main$1 = defineComponent({
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2]]);
+const _sfc_main$2 = defineComponent({
   props: {
     target: { type: String, required: true },
     trigger: { type: String, required: true },
@@ -24197,10 +24197,10 @@ const _sfc_main$1 = defineComponent({
     }
   }
 });
-const _hoisted_1$1 = ["placement", "target", "tooltipText", "trigger"];
-const _hoisted_2 = ["id"];
+const _hoisted_1$2 = ["placement", "target", "tooltipText", "trigger"];
+const _hoisted_2$1 = ["id"];
 const _hoisted_3 = { class: "text" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     id: "main-contain",
     ref: "main",
@@ -24219,13 +24219,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(`tooltiptext ${_ctx.show}`)
     }, [
       createElementVNode("span", _hoisted_3, toDisplayString(_ctx.tooltipText), 1)
-    ], 10, _hoisted_2)
-  ], 40, _hoisted_1$1);
+    ], 10, _hoisted_2$1)
+  ], 40, _hoisted_1$2);
 }
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
 var VerificationCode_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1 = { class: "code" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1 = { class: "code" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "VerificationCode",
   props: {
     code: {
@@ -24345,7 +24345,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("input", {
           ref_key: "txtInput1",
           ref: txtInput1,
@@ -24447,5 +24447,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-36ebd64c"]]);
-export { AdvancedFilter as DhAdvancedFilter, _sfc_main$b as DhDatePicker, _sfc_main$a as DhError, 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 };
+var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-36ebd64c"]]);
+const _sfc_main = defineComponent({
+  components: { DhIcon },
+  props: {
+    title: {
+      type: String,
+      default: "Advanced"
+    }
+  },
+  data() {
+    return {
+      isAdvancedSettingsOpen: false
+    };
+  }
+});
+const _hoisted_1 = { class: "text-1" };
+const _hoisted_2 = /* @__PURE__ */ createTextVNode(" Content ");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dh_icon = resolveComponent("dh-icon");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createElementVNode("div", {
+      class: "advanced-panel-header clickable",
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.isAdvancedSettingsOpen = !_ctx.isAdvancedSettingsOpen)
+    }, [
+      createElementVNode("h4", _hoisted_1, toDisplayString(_ctx.title), 1),
+      createVNode(_component_dh_icon, {
+        class: "icon",
+        "icon-name": _ctx.isAdvancedSettingsOpen ? "arrow-up" : "arrow-down",
+        size: 24
+      }, null, 8, ["icon-name"])
+    ]),
+    _ctx.isAdvancedSettingsOpen ? renderSlot(_ctx.$slots, "content", { key: 0 }, () => [
+      _hoisted_2
+    ]) : createCommentVNode("", true)
+  ], 64);
+}
+var ExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { AdvancedFilter as DhAdvancedFilter, _sfc_main$c as DhDatePicker, _sfc_main$b as DhError, ExpansionPanel as DhExpansionPanel, 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 };