@deskhero/dh_ui 1.48.10 → 1.50.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, createApp } 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, pushScopeId, popScopeId, vModelText, useCssVars, toRefs, getCurrentInstance, vModelDynamic, createApp } from "vue";
 var main$1 = "";
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -23197,128 +23197,12 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   ], 34);
 }
 var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$6]]);
-const _sfc_main$o = defineComponent({
-  components: { DhIcon },
-  props: {
-    mainText: {
-      type: String,
-      default: "Advanced"
-    },
-    filterMissingText: {
-      type: String,
-      default: "Filter Missing"
-    },
-    matchText: {
-      type: String,
-      default: "Match"
-    },
-    excludeText: {
-      type: String,
-      default: "Exclude"
-    }
-  },
-  data() {
-    return {
-      activeFilter: false,
-      isFilterMissing: false,
-      isMatch: false,
-      isExclude: false
-    };
-  },
-  emits: ["match", "exclude", "filter_missing"],
-  mounted() {
-    this.isMatch = true;
-  },
-  methods: {
-    toggleFilter() {
-      this.activeFilter = !this.activeFilter;
-    },
-    matchFilter() {
-      this.isMatch = true;
-      this.isExclude = false;
-      this.$emit("match", this.isMatch);
-    },
-    excludeFilter() {
-      this.isMatch = false;
-      this.isExclude = true;
-      this.$emit("exclude", this.isExclude);
-    },
-    missingFilter() {
-      this.isFilterMissing = !this.isFilterMissing;
-      this.$emit("filter_missing", this.isFilterMissing);
-      if (this.isFilterMissing && this.isMatch) {
-        this.matchFilter();
-      } else if (this.isFilterMissing && this.isExclude) {
-        this.excludeFilter();
-      }
-    }
-  }
-});
-const _hoisted_1$o = { class: "dh-advanced-filter-container" };
-const _hoisted_2$n = { class: "advance_section" };
-const _hoisted_3$f = { 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$o, [
-    createElementVNode("div", _hoisted_2$n, [
-      createElementVNode("span", {
-        class: "toggle-icon",
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleFilter())
-      }, [
-        createTextVNode(toDisplayString(_ctx.mainText) + " ", 1),
-        createVNode(_component_dh_icon, {
-          "icon-name": _ctx.activeFilter ? "arrow-up" : "arrow-down",
-          size: 20
-        }, null, 8, ["icon-name"])
-      ]),
-      _ctx.activeFilter ? (openBlock(), createElementBlock("div", _hoisted_3$f, [
-        renderSlot(_ctx.$slots, "default"),
-        createElementVNode("ul", _hoisted_4$c, [
-          createElementVNode("li", null, [
-            createElementVNode("label", null, [
-              createElementVNode("input", {
-                checked: _ctx.isFilterMissing,
-                name: "number_filter",
-                type: "checkbox",
-                onChange: _cache[1] || (_cache[1] = ($event) => _ctx.missingFilter())
-              }, null, 40, _hoisted_5$7),
-              createTextVNode(" " + toDisplayString(_ctx.filterMissingText), 1)
-            ])
-          ]),
-          createElementVNode("li", null, [
-            createElementVNode("label", null, [
-              createElementVNode("input", {
-                checked: _ctx.isMatch,
-                name: "number_filter",
-                type: "radio",
-                onChange: _cache[2] || (_cache[2] = ($event) => _ctx.matchFilter())
-              }, null, 40, _hoisted_6$7),
-              createTextVNode(" " + toDisplayString(_ctx.matchText), 1)
-            ]),
-            createElementVNode("label", null, [
-              createElementVNode("input", {
-                checked: _ctx.isExclude,
-                name: "number_filter",
-                type: "radio",
-                onChange: _cache[3] || (_cache[3] = ($event) => _ctx.excludeFilter())
-              }, null, 40, _hoisted_7$6),
-              createTextVNode(" " + toDisplayString(_ctx.excludeText), 1)
-            ])
-          ])
-        ])
-      ])) : createCommentVNode("", true)
-    ])
-  ]);
-}
-var DhAdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$5]]);
 var MultiRangeSliderBarOnly = "";
+var NumberRange_vue_vue_type_style_index_0_scoped_true_lang = "";
 Chart.register(plugin_tooltip, BarElement, CategoryScale, LinearScale);
-const _sfc_main$n = defineComponent({
-  components: { Bar, MultiRangeSlider, DhAdvancedFilter },
+const _sfc_main$o = defineComponent({
+  components: { Bar, MultiRangeSlider },
+  emits: ["update"],
   props: {
     numberRange: {
       type: Array,
@@ -23340,13 +23224,21 @@ const _sfc_main$n = defineComponent({
       type: String,
       default: "label"
     },
-    steps: {
-      type: Number,
-      default: 1
-    },
     includeForm: {
       type: Boolean,
       default: false
+    },
+    isMatch: {
+      type: Boolean,
+      default: true
+    },
+    isExclude: {
+      type: Boolean,
+      default: false
+    },
+    isDisable: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -23368,9 +23260,6 @@ const _sfc_main$n = defineComponent({
         plugins: {
           legend: {
             display: false
-          },
-          tooltip: {
-            enabled: false
           }
         },
         scales: {
@@ -23394,69 +23283,88 @@ const _sfc_main$n = defineComponent({
           }
         }
       },
-      chartLines: {},
-      min: "1",
-      max: this.maxNumber(this.numberRange),
-      rangeMax: this.numberRange.length,
-      chart_dta: [],
-      BarMinValue: 1,
-      BarMaxValue: this.numberRange.length,
-      activeFilter: false,
+      min: 0,
+      max: this.numberRange.length - 1,
       validated: false,
-      isMatch: false,
-      isExclude: false,
-      isDisable: false,
-      labels: []
+      activeColor: "#5ea9e5",
+      inactiveColor: "#e0e0e0"
     };
   },
   mounted() {
-    this.isMatch = true;
     this.setChartData(this.numberRange);
-    this.highlightChart();
-    this.labels = [this.BarMinValue, this.max];
+    if (this.isDisable)
+      this.missingFilter();
+  },
+  computed: {
+    getRangeLength() {
+      return this.numberRange.length;
+    },
+    getFirstKey() {
+      return this.numberRange[0].key;
+    },
+    getLastKey() {
+      return this.numberRange[this.getRangeLength - 1].key;
+    },
+    getMinKey() {
+      return `${this.numberRange[this.min].key}`;
+    },
+    getMaxKey() {
+      return `${this.numberRange[this.max].key}`;
+    },
+    getLastIndex() {
+      return this.numberRange.length - 1;
+    }
   },
   methods: {
+    updateRange() {
+      const minKey = this.getMinKey;
+      const maxKey = this.getMaxKey;
+      this.$emit("update", { minKey, maxKey });
+    },
+    updateBarChart(e2) {
+      const { minValue, maxValue } = e2;
+      this.min = minValue;
+      this.max = maxValue;
+      if (!this.isDisable) {
+        if (this.isExclude)
+          this.excludeFilter();
+        else
+          this.matchFilter();
+      }
+    },
     matchFilter() {
       if (!this.isDisable) {
-        this.isMatch = true;
-        this.isExclude = false;
         var data = this.chartData.datasets[0].data;
-        this.chartLines = this.chartData.datasets[0];
         this.chartData.datasets[0].backgroundColor = [];
         for (let i2 = 0; i2 <= data.length; i2++) {
-          if (data[i2] >= this.min && data[i2] <= this.max) {
-            this.chartData.datasets[0].backgroundColor.push("#5ea9e5");
+          if (i2 >= this.min && i2 <= this.max) {
+            this.chartData.datasets[0].backgroundColor.push(this.activeColor);
           } else {
-            this.chartData.datasets[0].backgroundColor.push("#e0e0e0");
+            this.chartData.datasets[0].backgroundColor.push(this.inactiveColor);
           }
         }
       }
     },
     excludeFilter() {
       if (!this.isDisable) {
-        this.isMatch = false;
-        this.isExclude = true;
         var data = this.chartData.datasets[0].data;
-        this.chartLines = this.chartData.datasets[0];
         this.chartData.datasets[0].backgroundColor = [];
         for (let i2 = 0; i2 < data.length; i2++) {
-          if (data[i2] >= this.min && data[i2] <= this.max) {
-            this.chartData.datasets[0].backgroundColor.push("#e0e0e0");
+          if (i2 >= this.min && i2 <= this.max) {
+            this.chartData.datasets[0].backgroundColor.push(this.inactiveColor);
           } else {
-            this.chartData.datasets[0].backgroundColor.push("#5ea9e5");
+            this.chartData.datasets[0].backgroundColor.push(this.activeColor);
           }
         }
       }
     },
     missingFilter() {
-      this.isDisable = !this.isDisable;
       this.validated = !this.validated;
       var data = this.chartData.datasets[0].data;
-      this.chartLines = this.chartData.datasets[0];
       this.chartData.datasets[0].backgroundColor = [];
       if (this.validated) {
         for (let i2 = 1; i2 <= data.length; i2++) {
-          this.chartData.datasets[0].backgroundColor.push("#e0e0e0");
+          this.chartData.datasets[0].backgroundColor.push(this.inactiveColor);
         }
       } else {
         if (this.isMatch) {
@@ -23468,9 +23376,8 @@ const _sfc_main$n = defineComponent({
       }
     },
     changeMin(e2) {
-      let minValue = e2.target.value;
-      this.min = minValue ? minValue : "1";
-      this.BarMinValue = minValue ? this.getFirstIndex(parseInt(minValue)) : 1;
+      let minValue = parseInt(e2.target.value);
+      this.min = minValue ? minValue : 0;
       if (this.isMatch && !this.isDisable) {
         this.matchFilter();
       }
@@ -23479,9 +23386,8 @@ const _sfc_main$n = defineComponent({
       }
     },
     changeMax(e2) {
-      let maxValue = e2.target.value;
-      this.BarMaxValue = maxValue && maxValue > this.maxNumber(this.numberRange) ? this.numberRange.length : this.getLastIndex(parseInt(maxValue));
-      this.max = maxValue && maxValue > this.maxNumber(this.numberRange) ? this.maxNumber(this.numberRange) : maxValue;
+      let maxValue = parseInt(e2.target.value);
+      this.max = maxValue;
       if (this.isMatch && !this.isDisable) {
         this.matchFilter();
       }
@@ -23490,103 +23396,31 @@ const _sfc_main$n = defineComponent({
       }
     },
     setChartData(chart_data) {
-      chart_data = this.sortData(chart_data);
-      this.removeChartData();
-      let key = this.chartData.labels;
+      let labels = this.chartData.labels;
+      let values = [];
       for (let j = 0; j < chart_data.length; j++) {
-        key.push(chart_data[j].key);
-        this.chart_dta.push(chart_data[j].count);
-      }
-      this.chartData.datasets[0].data = this.chart_dta;
-    },
-    highlightChart() {
-      var data = this.chartData.datasets[0].data;
-      this.chartLines = this.chartData.datasets[0];
-      this.chartData.datasets[0].backgroundColor = [];
-      for (let i2 = 0; i2 <= data.length; i2++) {
-        if (data[i2] >= this.min && data[i2] <= this.max) {
-          this.chartData.datasets[0].backgroundColor.push("#5ea9e5");
-        } else {
-          this.chartData.datasets[0].backgroundColor.push("#e0e0e0");
-        }
-      }
-    },
-    updateBarChart(e2) {
-      const { minValue, maxValue } = e2;
-      this.BarMinValue = minValue;
-      this.BarMaxValue = maxValue;
-      var data = this.chartData.datasets[0].data;
-      this.min = data[this.BarMinValue] ? data[this.BarMinValue] : "1";
-      this.max = data[this.BarMaxValue] ? data[this.BarMaxValue] : this.max;
-      if (this.isMatch && !this.isDisable) {
-        this.matchFilter();
+        labels.push(chart_data[j].key);
+        values.push(chart_data[j].count);
       }
-      if (this.isExclude && !this.isDisable) {
-        this.excludeFilter();
-      }
-    },
-    toggleFilter() {
-      this.activeFilter = !this.activeFilter;
-    },
-    removeChartData() {
-      this.chartData.labels = [];
-      this.chartData.datasets[0].data = [];
-      this.chart_dta = [];
-    },
-    sortData(arr) {
-      return arr.slice().sort(function(a3, b2) {
-        return a3.count - b2.count;
-      });
-    },
-    maxNumber(arr) {
-      if (arr.length == 0)
-        return;
-      return arr.reduce((acc, shot) => acc = acc > shot.count ? acc : shot.count, 0);
-    },
-    getLastIndex(index) {
-      let data = this.chartData.datasets[0].data;
-      let indexVal = 0;
-      for (let i2 = index; i2 >= 0; i2--) {
-        if (data.lastIndexOf(i2) !== -1) {
-          indexVal = data.lastIndexOf(i2);
-          break;
-        } else {
-          continue;
-        }
-      }
-      return indexVal;
-    },
-    getFirstIndex(index) {
-      let data = this.chartData.datasets[0].data;
-      let indexVal = 0;
-      for (let i2 = index; i2 <= this.max; i2++) {
-        if (data.lastIndexOf(i2) !== -1) {
-          indexVal = data.lastIndexOf(i2);
-          break;
-        } else {
-          continue;
-        }
-      }
-      return indexVal;
+      this.chartData.datasets[0].data = values;
     }
   }
 });
-const _hoisted_1$n = { class: "dh-range-container" };
-const _hoisted_2$m = { class: "bar-chart" };
-const _hoisted_3$e = {
+const _hoisted_1$o = { class: "dh-range-container" };
+const _hoisted_2$n = { class: "bar-chart" };
+const _hoisted_3$f = {
   key: 0,
   class: "input-group-section"
 };
-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"];
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_4$c = { class: "input-group sb-input" };
+const _hoisted_5$7 = ["disabled", "max", "value"];
+const _hoisted_6$7 = { class: "input-group sb-input" };
+const _hoisted_7$6 = ["disabled", "max", "min", "value"];
+function _sfc_render$5(_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$n, [
-    createElementVNode("div", _hoisted_2$m, [
+  return openBlock(), createElementBlock("div", _hoisted_1$o, [
+    createElementVNode("div", _hoisted_2$n, [
       createVNode(_component_Bar, {
         "chart-data": _ctx.chartData,
         "chart-id": _ctx.chartId,
@@ -23597,78 +23431,72 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["chart-data", "chart-id", "chart-options", "dataset-id-key", "height", "width"]),
       createVNode(_component_MultiRangeSlider, {
         "base-class-name": `multi-range-slider range-slider ${_ctx.isDisable}`,
-        label: true,
-        labels: _ctx.labels,
-        max: _ctx.rangeMax,
-        "max-caption": `${_ctx.max}`,
-        "max-value": _ctx.BarMaxValue,
-        min: 1,
-        "min-caption": `${_ctx.min}`,
-        "min-value": _ctx.BarMinValue,
+        label: false,
+        max: _ctx.getLastIndex,
+        "max-caption": _ctx.getMaxKey,
+        "max-value": _ctx.max,
+        min: 0,
+        "min-caption": _ctx.getMinKey,
+        "min-value": _ctx.min,
         "range-margin": 0,
         ruler: false,
-        step: _ctx.steps,
+        step: 1,
         onInput: _ctx.updateBarChart
-      }, null, 8, ["base-class-name", "labels", "max", "max-caption", "max-value", "min-caption", "min-value", "step", "onInput"])
+      }, null, 8, ["base-class-name", "max", "max-caption", "max-value", "min-caption", "min-value", "onInput"])
     ]),
-    _ctx.includeForm ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
-      createElementVNode("div", _hoisted_4$b, [
+    _ctx.includeForm ? (openBlock(), createElementBlock("div", _hoisted_3$f, [
+      createElementVNode("div", _hoisted_4$c, [
         createElementVNode("label", {
           class: normalizeClass(`dh-body-2 input-to ${_ctx.validated ? "disable" : ""}`)
         }, " From ", 2),
         createElementVNode("input", {
           class: "form-input text",
-          disabled: _ctx.validated ? true : false,
-          max: `${_ctx.max}`,
+          disabled: _ctx.validated,
+          max: _ctx.max,
           min: "1",
           placeholder: "From",
           type: "number",
-          value: `${_ctx.min}`,
+          value: _ctx.getMinKey,
           onInput: _cache[0] || (_cache[0] = ($event) => _ctx.changeMin($event))
-        }, null, 40, _hoisted_5$6)
+        }, null, 40, _hoisted_5$7)
       ]),
-      createElementVNode("div", _hoisted_6$6, [
+      createElementVNode("div", _hoisted_6$7, [
         createElementVNode("label", {
           class: normalizeClass(`dh-body-2 input-to ${_ctx.validated ? "disable" : ""}`)
         }, " To ", 2),
         createElementVNode("input", {
           class: "form-input text",
-          disabled: _ctx.validated ? true : false,
-          max: `${_ctx.maxNumber(_ctx.numberRange)}`,
-          min: `${_ctx.min}`,
+          disabled: _ctx.validated,
+          max: _ctx.max,
+          min: _ctx.min,
           placeholder: "To",
           type: "number",
-          value: `${_ctx.max}`,
+          value: _ctx.getMaxKey,
           onInput: _cache[1] || (_cache[1] = ($event) => _ctx.changeMax($event))
-        }, null, 40, _hoisted_7$5)
+        }, null, 40, _hoisted_7$6)
       ])
     ])) : createCommentVNode("", true),
-    renderSlot(_ctx.$slots, "input"),
-    createVNode(_component_dh_advanced_filter, {
-      onExclude: _ctx.excludeFilter,
-      onFilter_missing: _ctx.missingFilter,
-      onMatch: _ctx.matchFilter
-    }, {
-      default: withCtx(() => [
-        renderSlot(_ctx.$slots, "filter")
-      ]),
-      _: 3
-    }, 8, ["onExclude", "onFilter_missing", "onMatch"])
+    renderSlot(_ctx.$slots, "input", {}, void 0, true),
+    createElementVNode("button", {
+      class: "btn",
+      onClick: _cache[2] || (_cache[2] = ($event) => _ctx.updateRange())
+    }, "Apply")
   ]);
 }
-var DhNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$4]]);
+var DhNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$5], ["__scopeId", "data-v-65816419"]]);
 var main = "";
-var AdvancedDatePicker_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$m = { id: "dp-container" };
-const _hoisted_2$l = /* @__PURE__ */ createElementVNode("div", { class: "dp__calendar_range" }, [
+var AdvancedDatePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _withScopeId$1 = (n) => (pushScopeId("data-v-f12ea7b0"), n = n(), popScopeId(), n);
+const _hoisted_1$n = { id: "dp-container" };
+const _hoisted_2$m = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "dp__calendar_range" }, [
   /* @__PURE__ */ createElementVNode("p", null, "From"),
   /* @__PURE__ */ createElementVNode("p", null, "To")
-], -1);
-const _hoisted_3$d = { 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"];
+], -1));
+const _hoisted_3$e = { class: "dp__multi" };
+const _hoisted_4$b = ["value"];
+const _hoisted_5$6 = ["value"];
+const _hoisted_6$6 = /* @__PURE__ */ createTextVNode(" Back ");
+const _hoisted_7$5 = ["onClick"];
 const _hoisted_8$3 = ["onClick"];
 const _hoisted_9$2 = ["onClick"];
 const _hoisted_10$2 = ["onClick"];
@@ -23676,11 +23504,11 @@ const _hoisted_11$2 = ["onClick"];
 const _hoisted_12$2 = ["onClick"];
 const _hoisted_13$2 = ["onClick"];
 const _hoisted_14$2 = ["onClick"];
-const _hoisted_15$2 = /* @__PURE__ */ createElementVNode("div", {
+const _hoisted_15$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", {
   id: "tags",
   class: "dp__calendar_tags"
-}, null, -1);
-const _sfc_main$m = {
+}, null, -1));
+const _sfc_main$n = {
   __name: "AdvancedDatePicker",
   props: {
     numberRange: {
@@ -23773,8 +23601,8 @@ const _sfc_main$m = {
       datePicker.value.openMenu();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
-        _hoisted_2$l,
+      return openBlock(), createElementBlock("div", _hoisted_1$n, [
+        _hoisted_2$m,
         createVNode(unref(ca), {
           ref_key: "datePicker",
           ref: datePicker,
@@ -23800,21 +23628,21 @@ const _sfc_main$m = {
           onClosed: reOpen
         }, {
           "dp-input": withCtx(() => [
-            createElementVNode("div", _hoisted_3$d, [
+            createElementVNode("div", _hoisted_3$e, [
               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$a),
+              }, null, 40, _hoisted_4$b),
               createElementVNode("input", {
                 class: "dp__input dp__multi_input",
                 placeholder: "MM/DD/YYYY",
                 type: "text",
                 value: maxDate.value ? maxDate.value : date.value[1],
                 onInput: _cache[1] || (_cache[1] = ($event) => changeSecondDate($event))
-              }, null, 40, _hoisted_5$5)
+              }, null, 40, _hoisted_5$6)
             ])
           ]),
           "arrow-left": withCtx(() => [
@@ -23830,7 +23658,7 @@ const _sfc_main$m = {
             })
           ]),
           "calendar-icon": withCtx(() => [
-            _hoisted_6$5
+            _hoisted_6$6
           ]),
           "clear-icon": withCtx(() => []),
           "action-preview": withCtx(() => []),
@@ -23839,7 +23667,7 @@ const _sfc_main$m = {
             (openBlock(), createBlock(Teleport, { to: "#tags" }, [
               createElementVNode("span", {
                 onClick: ($event) => presetDateRange(range)
-              }, toDisplayString(label), 9, _hoisted_7$4)
+              }, toDisplayString(label), 9, _hoisted_7$5)
             ]))
           ]),
           week: withCtx(({ label, range, presetDateRange }) => [
@@ -23914,6 +23742,125 @@ const _sfc_main$m = {
     };
   }
 };
+var AdvancedDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-f12ea7b0"]]);
+const _sfc_main$m = defineComponent({
+  components: { DhIcon },
+  props: {
+    mainText: {
+      type: String,
+      default: "Advanced"
+    },
+    filterMissingText: {
+      type: String,
+      default: "Filter Missing"
+    },
+    matchText: {
+      type: String,
+      default: "Match"
+    },
+    excludeText: {
+      type: String,
+      default: "Exclude"
+    }
+  },
+  data() {
+    return {
+      activeFilter: false,
+      isFilterMissing: false,
+      isMatch: false,
+      isExclude: false
+    };
+  },
+  emits: ["match", "exclude", "filter_missing"],
+  mounted() {
+    this.isMatch = true;
+  },
+  methods: {
+    toggleFilter() {
+      this.activeFilter = !this.activeFilter;
+    },
+    matchFilter() {
+      this.isMatch = true;
+      this.isExclude = false;
+      this.$emit("match", this.isMatch);
+    },
+    excludeFilter() {
+      this.isMatch = false;
+      this.isExclude = true;
+      this.$emit("exclude", this.isExclude);
+    },
+    missingFilter() {
+      this.isFilterMissing = !this.isFilterMissing;
+      this.$emit("filter_missing", this.isFilterMissing);
+      if (this.isFilterMissing && this.isMatch) {
+        this.matchFilter();
+      } else if (this.isFilterMissing && this.isExclude) {
+        this.excludeFilter();
+      }
+    }
+  }
+});
+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$a = { class: "list-none" };
+const _hoisted_5$5 = ["checked"];
+const _hoisted_6$5 = ["checked"];
+const _hoisted_7$4 = ["checked"];
+function _sfc_render$4(_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, [
+      createElementVNode("span", {
+        class: "toggle-icon",
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleFilter())
+      }, [
+        createTextVNode(toDisplayString(_ctx.mainText) + " ", 1),
+        createVNode(_component_dh_icon, {
+          "icon-name": _ctx.activeFilter ? "arrow-up" : "arrow-down",
+          size: 20
+        }, null, 8, ["icon-name"])
+      ]),
+      _ctx.activeFilter ? (openBlock(), createElementBlock("div", _hoisted_3$d, [
+        renderSlot(_ctx.$slots, "default"),
+        createElementVNode("ul", _hoisted_4$a, [
+          createElementVNode("li", null, [
+            createElementVNode("label", null, [
+              createElementVNode("input", {
+                checked: _ctx.isFilterMissing,
+                name: "number_filter",
+                type: "checkbox",
+                onChange: _cache[1] || (_cache[1] = ($event) => _ctx.missingFilter())
+              }, null, 40, _hoisted_5$5),
+              createTextVNode(" " + toDisplayString(_ctx.filterMissingText), 1)
+            ])
+          ]),
+          createElementVNode("li", null, [
+            createElementVNode("label", null, [
+              createElementVNode("input", {
+                checked: _ctx.isMatch,
+                name: "number_filter",
+                type: "radio",
+                onChange: _cache[2] || (_cache[2] = ($event) => _ctx.matchFilter())
+              }, null, 40, _hoisted_6$5),
+              createTextVNode(" " + toDisplayString(_ctx.matchText), 1)
+            ]),
+            createElementVNode("label", null, [
+              createElementVNode("input", {
+                checked: _ctx.isExclude,
+                name: "number_filter",
+                type: "radio",
+                onChange: _cache[3] || (_cache[3] = ($event) => _ctx.excludeFilter())
+              }, null, 40, _hoisted_7$4),
+              createTextVNode(" " + toDisplayString(_ctx.excludeText), 1)
+            ])
+          ])
+        ])
+      ])) : createCommentVNode("", true)
+    ])
+  ]);
+}
+var AdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$4]]);
 const _sfc_main$l = defineComponent({
   props: {
     target: { type: String, required: true },
@@ -24041,6 +23988,18 @@ const _sfc_main$j = {
     inline: {
       type: Boolean,
       default: true
+    },
+    multiCalendars: {
+      type: Boolean,
+      default: false
+    },
+    range: {
+      type: Boolean,
+      default: false
+    },
+    enableTimePicker: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update"],
@@ -24069,15 +24028,18 @@ const _sfc_main$j = {
             handleDate
           ],
           "day-names": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
-          "enable-time-picker": false,
           inline: __props.inline,
           markers: markers.value,
+          "enable-time-picker": __props.enableTimePicker,
           "month-name-format": "short",
           offset: 12,
           placeholder: "MM/DD/YYYY",
+          format: "MM/dd/yyyy",
           "select-text": "Apply",
           "text-input": "",
-          uid: "base"
+          uid: "base",
+          "multi-calendars": __props.multiCalendars,
+          range: __props.range || __props.multiCalendars
         }, {
           "arrow-left": withCtx(() => [
             createVNode(DhIcon, {
@@ -24100,7 +24062,7 @@ const _sfc_main$j = {
             _hoisted_2$i
           ]),
           _: 1
-        }, 8, ["modelValue", "inline", "markers"])
+        }, 8, ["modelValue", "inline", "markers", "enable-time-picker", "multi-calendars", "range"])
       ]);
     };
   }
@@ -27489,7 +27451,7 @@ const _sfc_main$8 = defineComponent({
     if (this.dismissible && ["toast", "bottom-message"].includes(this.notificationType)) {
       setTimeout(() => {
         this.close();
-      }, 3e3);
+      }, 5e3);
     }
   },
   emits: ["action"],
@@ -43279,7 +43241,7 @@ const _hoisted_7$1 = {
   href: "https://deskhero.com",
   target: "_blank"
 };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", { id: "codex-editor" }, null, -1);
+const _hoisted_8 = ["id"];
 const _sfc_main$1 = {
   __name: "TextEditor",
   props: {
@@ -43320,6 +43282,10 @@ const _sfc_main$1 = {
       default: "Start typing...",
       required: false
     },
+    holder: {
+      type: String,
+      required: true
+    },
     wordCount: {
       type: Boolean,
       default: false,
@@ -43332,13 +43298,14 @@ const _sfc_main$1 = {
     }
   },
   emits: ["change"],
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     const isReady = ref(false);
     const words = ref(0);
     const addFirstBlock = ref(false);
+    const editorJS = ref({});
     const configurationMail = ref({
-      holder: "codex-editor",
+      holder: props.holder,
       autofocus: true,
       minHeight: 0,
       defaultBlock: "paragraph",
@@ -43384,9 +43351,19 @@ const _sfc_main$1 = {
     const limitExceeded = computed(() => {
       return words.value > 300 ? true : false;
     });
+    expose({
+      toggleReadOnly,
+      save
+    });
+    function toggleReadOnly() {
+      editorJS.value.readOnly.toggle();
+    }
+    function save() {
+      return editorJS.value.save();
+    }
     function myEditor() {
       if (props.featureSet == "Full") {
-        window.editor = new EditorJS({
+        editorJS.value = new EditorJS({
           ...configurationMail.value,
           data: props.data,
           minHeight: props.minHeight,
@@ -43428,7 +43405,7 @@ const _sfc_main$1 = {
           }
         });
       } else if (props.featureSet == "Mail") {
-        window.editor = new EditorJS({
+        editorJS.value = new EditorJS({
           ...configurationMail.value,
           data: props.data,
           minHeight: props.minHeight,
@@ -43445,7 +43422,7 @@ const _sfc_main$1 = {
           }
         });
       } else {
-        window.editor = new EditorJS({
+        editorJS.value = new EditorJS({
           ...configurationMail.value,
           data: props.data,
           minHeight: props.minHeight,
@@ -43545,7 +43522,7 @@ const _sfc_main$1 = {
             createElementVNode("p", _hoisted_6$1, toDisplayString(__props.firstBlockText), 1),
             createElementVNode("a", _hoisted_7$1, toDisplayString(__props.learnMoreText), 1)
           ])) : createCommentVNode("", true),
-          _hoisted_8
+          createElementVNode("div", { id: __props.holder }, null, 8, _hoisted_8)
         ])
       ]);
     };
@@ -43817,4 +43794,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ace876a"]]);
-export { _sfc_main$m as DhAdvancedDatePicker, DhAdvancedFilter, _sfc_main$k as DhCopyText, _sfc_main$j as DhDatePicker, DropdownMenu as DhDropdownMenu, _sfc_main$g as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$e as DhFileUpload, DhIcon, _sfc_main$d as DhInputDropdown, _sfc_main$c as DhInputDropdownMultiple, _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 };
+export { AdvancedDatePicker as DhAdvancedDatePicker, AdvancedFilter as DhAdvancedFilter, _sfc_main$k as DhCopyText, _sfc_main$j as DhDatePicker, DropdownMenu as DhDropdownMenu, _sfc_main$g as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$e as DhFileUpload, DhIcon, _sfc_main$d as DhInputDropdown, _sfc_main$c as DhInputDropdownMultiple, _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 };