npm - @deskhero/dh_ui - Versions diffs - 1.29.3 → 1.29.5 - Mend

@deskhero/dh_ui 1.29.3 → 1.29.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/dh_ui.es.js +142 -200
package/dist/dh_ui.umd.js +6 -6
package/dist/src/components/DatePicker.vue.d.ts +9 -1
package/dist/src/components/NumberRange.vue.d.ts +12 -3
package/dist/style.css +1 -1
package/package.json +1 -1

package/dist/dh_ui.es.js CHANGED Viewed

@@ -55,15 +55,11 @@ const _sfc_main$i = defineComponent({
     },
     missingFilter() {
       this.isFilterMissing = !this.isFilterMissing;
-      if (this.isFilterMissing) {
-        this.$emit("filter_missing", this.isFilterMissing);
-      } else {
-        if (this.isMatch) {
-          this.matchFilter();
-        }
-        if (this.isExclude) {
-          this.excludeFilter();
-        }
+      this.$emit("filter_missing", this.isFilterMissing);
+      if (this.isFilterMissing && this.isMatch) {
+        this.matchFilter();
+      } else if (this.isFilterMissing && this.isExclude) {
+        this.excludeFilter();
       }
     }
   }
@@ -96,6 +92,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("label", null, [
             createElementVNode("input", {
               checked: _ctx.isFilterMissing,
+              name: "number_filter",
               type: "checkbox",
               onChange: _cache[1] || (_cache[1] = ($event) => _ctx.missingFilter())
             }, null, 40, _hoisted_4$6),
@@ -126,7 +123,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var AdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$8]]);
+var DhAdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$8]]);
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
     return NaN;
@@ -10731,10 +10728,10 @@ Object.entries(ss).forEach(([e2, a3]) => {
 var __glob_1_0$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDIxIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjk4NzgxMyA5QzAuOTIzODEzIDkgMC44Njc4MTMgOC45NzYgMC44MTk4MTMgOC45MjhDMC43NzE4MTMgOC44OCAwLjc0NzgxMyA4LjgyNCAwLjc0NzgxMyA4Ljc2QzAuNzQ3ODEzIDguNjk2IDAuNzUxODEzIDguNjUyIDAuNzU5ODEzIDguNjI4TDMuNzM1ODEgMC44NjRDMy43OTk4MSAwLjY4Nzk5OSAzLjkyNzgxIDAuNTk5OTk5IDQuMTE5ODEgMC41OTk5OTlINC45MzU4MUM1LjEyNzgxIDAuNTk5OTk5IDUuMjU1ODEgMC42ODc5OTkgNS4zMTk4MSAwLjg2NEw4LjI4MzgxIDguNjI4TDguMzA3ODEgOC43NkM4LjMwNzgxIDguODI0IDguMjgzODEgOC44OCA4LjIzNTgxIDguOTI4QzguMTg3ODEgOC45NzYgOC4xMzE4MSA5IDguMDY3ODEgOUg3LjQ1NTgxQzcuMzY3ODEgOSA3LjI5OTgxIDguOTggNy4yNTE4MSA4Ljk0QzcuMjAzODEgOC44OTIgNy4xNzE4MSA4Ljg0NCA3LjE1NTgxIDguNzk2TDYuNDk1ODEgNy4wOTJIMi41NTk4MUwxLjg5OTgxIDguNzk2QzEuODgzODEgOC44NDQgMS44NDc4MSA4Ljg5MiAxLjc5MTgxIDguOTRDMS43NDM4MSA4Ljk4IDEuNjc5ODEgOSAxLjU5OTgxIDlIMC45ODc4MTNaTTYuMTQ3ODEgNi4wNkw0LjUyNzgxIDEuOEwyLjkwNzgxIDYuMDZINi4xNDc4MVpNOS4zNjk2MyA1LjkwNEM5LjI4OTYzIDUuOTA0IDkuMjIxNjMgNS44OCA5LjE2NTYzIDUuODMyQzkuMTE3NjMgNS43NzYgOS4wOTM2MyA1LjcwOCA5LjA5MzYzIDUuNjI4VjUuMTcyQzkuMDkzNjMgNS4wOTIgOS4xMTc2MyA1LjAyOCA5LjE2NTYzIDQuOThDOS4yMjE2MyA0LjkyNCA5LjI4OTYzIDQuODk2IDkuMzY5NjMgNC44OTZIMTIuOTY5NkMxMy4wNDk2IDQuODk2IDEzLjExMzYgNC45MjQgMTMuMTYxNiA0Ljk4QzEzLjIxNzYgNS4wMjggMTMuMjQ1NiA1LjA5MiAxMy4yNDU2IDUuMTcyVjUuNjI4QzEzLjI0NTYgNS43MDggMTMuMjE3NiA1Ljc3NiAxMy4xNjE2IDUuODMyQzEzLjExMzYgNS44OCAxMy4wNDk2IDUuOTA0IDEyLjk2OTYgNS45MDRIOS4zNjk2M1pNMTQuMzUzOSA5QzE0LjI3MzkgOSAxNC4yMDU5IDguOTc2IDE0LjE0OTkgOC45MjhDMTQuMTAxOSA4Ljg3MiAxNC4wNzc5IDguOCAxNC4wNzc5IDguNzEyVjguMTk2QzE0LjA3NzkgOC4wOTIgMTQuMDkzOSA4LjAwOCAxNC4xMjU5IDcuOTQ0QzE0LjE2NTkgNy44OCAxNC4yMDk5IDcuODE2IDE0LjI1NzkgNy43NTJMMTguNzIxOSAxLjY0NEgxNC40NjE5QzE0LjM4MTkgMS42NDQgMTQuMzEzOSAxLjYyIDE0LjI1NzkgMS41NzJDMTQuMjA5OSAxLjUxNiAxNC4xODU5IDEuNDQ4IDE0LjE4NTkgMS4zNjhWMC44ODc5OTlDMTQuMTg1OSAwLjc5OTk5OSAxNC4yMDk5IDAuNzMyIDE0LjI1NzkgMC42ODRDMTQuMzEzOSAwLjYyOCAxNC4zODE5IDAuNTk5OTk5IDE0LjQ2MTkgMC41OTk5OTlIMTkuODk3OUMxOS45ODU5IDAuNTk5OTk5IDIwLjA1MzkgMC42MjggMjAuMTAxOSAwLjY4NEMyMC4xNTc5IDAuNzMyIDIwLjE4NTkgMC43OTk5OTkgMjAuMTg1OSAwLjg4Nzk5OVYxLjQwNEMyMC4xODU5IDEuNDkyIDIwLjE2OTkgMS41NjQgMjAuMTM3OSAxLjYyQzIwLjExMzkgMS42NzYgMjAuMDc3OSAxLjc0NCAyMC4wMjk5IDEuODI0TDE1LjYwMTkgNy45NTZIMjAuMDE3OUMyMC4xMDU5IDcuOTU2IDIwLjE3MzkgNy45ODQgMjAuMjIxOSA4LjA0QzIwLjI3NzkgOC4wODggMjAuMzA1OSA4LjE1NiAyMC4zMDU5IDguMjQ0VjguNzI0QzIwLjMwNTkgOC44MDQgMjAuMjc3OSA4Ljg3MiAyMC4yMjE5IDguOTI4QzIwLjE3MzkgOC45NzYgMjAuMTA1OSA5IDIwLjAxNzkgOUgxNC4zNTM5WiIgZmlsbD0iIzgyODI4MiIvPgo8L3N2Zz4K";
 var __glob_1_1$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS40MjcxIDYuMjUyODlDMTkuODE3NiA2LjY0MzQxIDE5LjgxNzYgNy4yNzY1OCAxOS40MjcxIDcuNjY3MUwxMC4xODcgMTYuOTA3MUM5Ljk5OTUxIDE3LjA5NDcgOS43NDUxNSAxNy4yIDkuNDc5OTMgMTcuMkM5LjIxNDcyIDE3LjIgOC45NjAzNiAxNy4wOTQ3IDguNzcyODMgMTYuOTA3MUw0LjU3MjgzIDEyLjcwNzFDNC4xODIzMSAxMi4zMTY2IDQuMTgyMzEgMTEuNjgzNCA0LjU3MjgzIDExLjI5MjlDNC45NjMzNSAxMC45MDI0IDUuNTk2NTIgMTAuOTAyNCA1Ljk4NzA0IDExLjI5MjlMOS40Nzk5MyAxNC43ODU3TDE4LjAxMjggNi4yNTI4OUMxOC40MDMzIDUuODYyMzcgMTkuMDM2NSA1Ljg2MjM3IDE5LjQyNzEgNi4yNTI4OVoiIGZpbGw9IiMxRDgyNDUiLz4KPC9zdmc+Cg==";
 var __glob_1_2$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjA1NiAxMi45NTdhLjkyNS45MjUgMCAwIDAtLjc1OC0uNDI1Ljg3Ny44NzcgMCAwIDAtLjc1OC40MjVjLS40OTkuODMyLTIuMTA3IDMuNjA0LTIuMTA3IDQuODYxYTIuODg3IDIuODg3IDAgMCAwIDIuODg0IDIuODg0IDIuODg3IDIuODg3IDAgMCAwIDIuODgzLTIuODg0Yy0uMDM3LTEuMjU3LTEuNjQ1LTQuMDQ3LTIuMTQ0LTQuODZ6bS0uNzU4IDYuNjkxQTEuODU0IDEuODU0IDAgMCAxIDE0LjQ1IDE3LjhjMC0uODg3IDEuNDA1LTMuMzY0IDEuODQ4LTQuMTAzLjQyNS43MzkgMS44NDkgMy4yMTYgMS44NDkgNC4xMDMtLjAxOSAxLjAxNi0uODUgMS44NDgtMS44NDkgMS44NDh6bS0uNjY1LTguMjYyIDEuMTQ2LS4xM2EuOTEuOTEgMCAwIDAgLjc5NC0uNjQ2Ljk0OC45NDggMCAwIDAtLjIyMS0uOTk4bC02LjEzNi02LjE1NWEuNjcuNjcgMCAwIDAtLjk0MyAwbC0uOTk4Ljk5OC0uOTA2LS45MDVhMS40NCAxLjQ0IDAgMCAwLTIuMDUxIDAgMS40NCAxLjQ0IDAgMCAwIDAgMi4wNTFsLjkwNS45MDYtMS42NDUgMS42NDVhMi42OTIgMi42OTIgMCAwIDAtLjczOSAyLjM2NmMuMDkyLjU1NC40MDcgMS4wNTMuODEzIDEuNDZsMi42MjUgMi42MjRjLjQwNi40MDcuOTA1LjcwMyAxLjQ2LjgxM2EyLjU5MiAyLjU5MiAwIDAgMCAyLjM2Ni0uNzM5bDMuMDY4LTMuMDY4YS44My44MyAwIDAgMSAuNDYyLS4yMjJ6TTcuMDM4IDQuOWEuNDU4LjQ1OCAwIDAgMSAwLS42MjguNDU4LjQ1OCAwIDAgMSAuNjI5IDBsLjkwNi45MDUtLjYyOS42MjktLjkwNi0uOTA2em03LjYzNCA1LjYtMy4zNjQgMy4zNjRhMS41MTcgMS41MTcgMCAwIDEtMi4xNDQgMEw2LjQxIDExLjA5MWExLjU1OSAxLjU1OSAwIDAgMS0uNDQ0LTEuMDcyYzAtLjQwNy4xNjctLjc3Ny40NDQtMS4wNzJsMS42NDUtMS42NDUgMS45MDQgMS45MjJhLjkwNC45MDQgMCAwIDAgLjI0LjgxMy45MjYuOTI2IDAgMCAwIDEuMjk0IDAgLjkyNi45MjYgMCAwIDAgMC0xLjI5NC44OS44OSAwIDAgMC0uODEzLS4yNEw4Ljc1NyA2LjU5OWwxLjk5Ny0xLjk5NiA1LjU0NCA1LjU0NS0xLjE4My4xM2EuOTE4LjkxOCAwIDAgMC0uNDQzLjIyMXoiIGZpbGw9IiNCRkJGQkYiLz48L3N2Zz4=";
-var _imports_0$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Im0xMiAxNi02LjA2Mi02aDEyLjEyNEwxMiAxNnoiIGZpbGw9IiNCRkJGQkYiLz4KPC9zdmc+Cg==";
+var __glob_1_3$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Im0xMiAxNi02LjA2Mi02aDEyLjEyNEwxMiAxNnoiIGZpbGw9IiNCRkJGQkYiLz4KPC9zdmc+Cg==";
 var __glob_1_4 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOCAxMkg2TTEyIDE4bC02LTYgNi02IiBzdHJva2U9IiNCRkJGQkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
 var __glob_1_5 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik02IDEyaDEyTTEyIDZsNiA2LTYgNiIgc3Ryb2tlPSIjQkZCRkJGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==";
-var _imports_1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Im0xMiA4IDYuMDYyIDZINS45MzhMMTIgOHoiIGZpbGw9IiNCRkJGQkYiLz4KPC9zdmc+Cg==";
+var __glob_1_6 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Im0xMiA4IDYuMDYyIDZINS45MzhMMTIgOHoiIGZpbGw9IiNCRkJGQkYiLz4KPC9zdmc+Cg==";
 var __glob_1_7 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOCAyLjkxNTg5TDYuOTE1ODkgMS4wODQxMUw1LjA4NDExIDIuMTMwODRWMEgyLjkxNTg5VjIuMTMwODRMMS4wODQxMSAxLjA4NDExTDAgMi45MTU4OUwxLjg2OTE2IDRMMCA1LjA4NDExTDEuMDg0MTEgNi45MTU4OUwyLjkxNTg5IDUuODY5MTZWOEg1LjA4NDExVjUuODY5MTZMNi45MTU4OSA2LjkxNTg5TDggNS4wODQxMUw2LjEzMDg0IDRMOCAyLjkxNTg5WiIgZmlsbD0iI0FBQUNCNCIvPgo8L3N2Zz4K";
 var __glob_1_8 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41MTk1IDEuNDI1MjlDOS45NDQ1MSAxLjQyNTI5IDkuMzkzMDMgMS42NTM3MiA4Ljk4NjQzIDIuMDYwMzNMMi44NTk3NiA4LjE4N0MyLjIwMjk3IDguODQzNzkgMS44MzM5OCA5LjczNDU5IDEuODMzOTggMTAuNjYzNEMxLjgzMzk4IDExLjU5MjMgMi4yMDI5NyAxMi40ODMxIDIuODU5NzYgMTMuMTM5OUMzLjUxNjU2IDEzLjc5NjcgNC40MDczNiAxNC4xNjU3IDUuMzM2MjEgMTQuMTY1N0M2LjI2NTA2IDE0LjE2NTcgNy4xNTU4NiAxMy43OTY3IDcuODEyNjUgMTMuMTM5OUwxMy45MzkzIDcuMDEzMjJDMTQuMTM0NiA2LjgxNzk2IDE0LjQ1MTIgNi44MTc5NiAxNC42NDY0IDcuMDEzMjJDMTQuODQxNyA3LjIwODQ4IDE0Ljg0MTcgNy41MjUwNyAxNC42NDY0IDcuNzIwMzNMOC41MTk3NiAxMy44NDdDNy42NzU0MyAxNC42OTEzIDYuNTMwMjcgMTUuMTY1NyA1LjMzNjIxIDE1LjE2NTdDNC4xNDIxNCAxNS4xNjU3IDIuOTk2OTkgMTQuNjkxMyAyLjE1MjY2IDEzLjg0N0MxLjMwODMyIDEzLjAwMjcgMC44MzM5ODQgMTEuODU3NSAwLjgzMzk4NCAxMC42NjM0QzAuODMzOTg0IDkuNDY5MzggMS4zMDgzMiA4LjMyNDIyIDIuMTUyNjYgNy40Nzk4OUw4LjI3OTMyIDEuMzUzMjJDOC44NzM0NiAwLjc1OTA3OSA5LjY3OTMgMC40MjUyOTMgMTAuNTE5NSAwLjQyNTI5M0MxMS4zNTk4IDAuNDI1MjkzIDEyLjE2NTYgMC43NTkwNzkgMTIuNzU5OCAxLjM1MzIyQzEzLjM1MzkgMS45NDczNyAxMy42ODc3IDIuNzUzMiAxMy42ODc3IDMuNTkzNDRDMTMuNjg3NyA0LjQzMzY5IDEzLjM1MzkgNS4yMzk1MiAxMi43NTk4IDUuODMzNjZMNi42MjY0MyAxMS45NjAzQzYuMjgyNDcgMTIuMzA0MyA1LjgxNTk3IDEyLjQ5NzUgNS4zMjk1NCAxMi40OTc1QzQuODQzMTEgMTIuNDk3NSA0LjM3NjYxIDEyLjMwNDMgNC4wMzI2NiAxMS45NjAzQzMuNjg4NyAxMS42MTY0IDMuNDk1NDcgMTEuMTQ5OSAzLjQ5NTQ3IDEwLjY2MzRDMy40OTU0NyAxMC4xNzcgMy42ODg3IDkuNzEwNTEgNC4wMzI2NiA5LjM2NjU2TDkuNjkyODYgMy43MTMwMUM5Ljg4ODI0IDMuNTE3ODcgMTAuMjA0OCAzLjUxODA1IDEwLjQgMy43MTM0M0MxMC41OTUxIDMuOTA4ODEgMTAuNTk0OSA0LjIyNTM5IDEwLjM5OTYgNC40MjA1NEw0LjczOTc2IDEwLjA3MzdDNC41ODMzNCAxMC4yMzAxIDQuNDk1NDcgMTAuNDQyMiA0LjQ5NTQ3IDEwLjY2MzRDNC40OTU0NyAxMC44ODQ3IDQuNTgzMzQgMTEuMDk2OCA0LjczOTc2IDExLjI1MzJDNC44OTYxOCAxMS40MDk2IDUuMTA4MzMgMTEuNDk3NSA1LjMyOTU0IDExLjQ5NzVDNS41NTA3NSAxMS40OTc1IDUuNzYyOSAxMS40MDk2IDUuOTE5MzIgMTEuMjUzMkwxMi4wNTI3IDUuMTI2NTZDMTIuNDU5MyA0LjcxOTk1IDEyLjY4NzcgNC4xNjg0NyAxMi42ODc3IDMuNTkzNDRDMTIuNjg3NyAzLjAxODQxIDEyLjQ1OTMgMi40NjY5NCAxMi4wNTI3IDIuMDYwMzNDMTEuNjQ2IDEuNjUzNzIgMTEuMDk0NiAxLjQyNTI5IDEwLjUxOTUgMS40MjUyOVoiIGZpbGw9IiNBQUFDQjQiLz4KPC9zdmc+Cg==";
 var __glob_1_9 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik02Ljk4IDExLjJhMi41OTcgMi41OTcgMCAwIDAtMi41OTkgMi41OTd2My4yOWExLjk3IDEuOTcgMCAxIDAgLjg2Ni4wMjJ2LTMuMzEyYTEuNzMyIDEuNzMyIDAgMCAxIDEuNzMyLTEuNzMyaDQuNjF2NS4wNDRhMS45NyAxLjk3IDAgMSAwIC44NjcgMHYtNS4wNDRoNC42MzJhMS43MzIgMS43MzIgMCAwIDEgMS43MzIgMS43MzJ2My4zMTJhMS45NyAxLjk3IDAgMSAwIC44NjYgMHYtMy4zMTJhMi41OTggMi41OTggMCAwIDAtMi41OTgtMi41OThoLTQuNjMyVjYuODkxYTEuOTcgMS45NyAwIDEgMC0uODY2IDBWMTEuMkg2Ljk4em0tMS4xMjcgNy43OTJhMS4xMDQgMS4xMDQgMCAxIDEtLjA3Ny0uNDA4Yy4wNTQuMTM3LjA4LjI4My4wNzcuNDN2LS4wMjJ6bTcuMjc0IDBhMS4xMDMgMS4xMDMgMCAxIDEtLjA3OC0uNDA4Yy4wNTQuMTM3LjA4LjI4My4wNzguNDN2LS4wMjJ6bTcuMjA4IDBhMS4xMDQgMS4xMDQgMCAxIDEtLjA3OC0uNDA4Yy4wNTQuMTM3LjA4LjI4My4wNzguNDN2LS4wMjJ6TTEwLjk0IDQuOTg3YTEuMTAzIDEuMTAzIDAgMSAxIDIuMjA3IDAgMS4xMDMgMS4xMDMgMCAwIDEtMi4yMDcgMHoiIGZpbGw9IiNCRkJGQkYiLz4KPC9zdmc+Cg==";
@@ -10836,7 +10833,7 @@ const _sfc_main$h = defineComponent({
   },
   methods: {
     getIconUrl() {
-      return new URL({ "../assets/icons/A-Z.svg": __glob_1_0$1, "../assets/icons/accept.svg": __glob_1_1$1, "../assets/icons/appearance.svg": __glob_1_2$1, "../assets/icons/arrow-down.svg": _imports_0$1, "../assets/icons/arrow-left.svg": __glob_1_4, "../assets/icons/arrow-right.svg": __glob_1_5, "../assets/icons/arrow-up.svg": _imports_1, "../assets/icons/asterisk.svg": __glob_1_7, "../assets/icons/attachment.svg": __glob_1_8, "../assets/icons/automation.svg": __glob_1_9, "../assets/icons/bar-chart.svg": __glob_1_10, "../assets/icons/billing.svg": __glob_1_11, "../assets/icons/calendar.svg": __glob_1_12, "../assets/icons/clock.svg": __glob_1_13, "../assets/icons/close.svg": _imports_0, "../assets/icons/columns.svg": __glob_1_15, "../assets/icons/dashboard.svg": __glob_1_16, "../assets/icons/delete.svg": __glob_1_17, "../assets/icons/deskHeroLogo.svg": __glob_1_18, "../assets/icons/dot.svg": __glob_1_19, "../assets/icons/drag-mark.svg": __glob_1_20, "../assets/icons/email-templates.svg": __glob_1_21, "../assets/icons/email.svg": __glob_1_22, "../assets/icons/emoji.svg": __glob_1_23, "../assets/icons/expand-collapse.svg": __glob_1_24, "../assets/icons/expand.svg": __glob_1_25, "../assets/icons/export.svg": __glob_1_26, "../assets/icons/field.svg": __glob_1_27, "../assets/icons/file-csv.svg": __glob_1_28, "../assets/icons/file-doc.svg": __glob_1_29, "../assets/icons/file-jpeg.svg": __glob_1_30, "../assets/icons/file-mp4.svg": __glob_1_31, "../assets/icons/file-pdf.svg": __glob_1_32, "../assets/icons/file-png.svg": __glob_1_33, "../assets/icons/file-txt.svg": __glob_1_34, "../assets/icons/file-unknown.svg": __glob_1_35, "../assets/icons/file-xls.svg": __glob_1_36, "../assets/icons/filter.svg": __glob_1_37, "../assets/icons/forms.svg": __glob_1_38, "../assets/icons/groups.svg": __glob_1_39, "../assets/icons/happy.svg": __glob_1_40, "../assets/icons/help-section.svg": __glob_1_41, "../assets/icons/help.svg": __glob_1_42, "../assets/icons/home.svg": __glob_1_43, "../assets/icons/info.svg": __glob_1_44, "../assets/icons/invisible.svg": __glob_1_45, "../assets/icons/kanban.svg": __glob_1_46, "../assets/icons/key.svg": __glob_1_47, "../assets/icons/knowledgeBase.svg": __glob_1_48, "../assets/icons/link.svg": __glob_1_49, "../assets/icons/lists.svg": __glob_1_50, "../assets/icons/loader.svg": __glob_1_51, "../assets/icons/logout.svg": __glob_1_52, "../assets/icons/more.svg": __glob_1_53, "../assets/icons/newItem.svg": __glob_1_54, "../assets/icons/newList.svg": __glob_1_55, "../assets/icons/next.svg": __glob_1_56, "../assets/icons/notification.svg": __glob_1_57, "../assets/icons/notifications.svg": __glob_1_58, "../assets/icons/number.svg": __glob_1_59, "../assets/icons/options.svg": __glob_1_60, "../assets/icons/plans.svg": __glob_1_61, "../assets/icons/plus.svg": __glob_1_62, "../assets/icons/previous.svg": __glob_1_63, "../assets/icons/radio.svg": __glob_1_64, "../assets/icons/regex.svg": __glob_1_65, "../assets/icons/roles.svg": __glob_1_66, "../assets/icons/save.svg": __glob_1_67, "../assets/icons/search.svg": __glob_1_68, "../assets/icons/select.svg": __glob_1_69, "../assets/icons/settings.svg": __glob_1_70, "../assets/icons/shortcut.svg": __glob_1_71, "../assets/icons/star.svg": __glob_1_72, "../assets/icons/text.svg": __glob_1_73, "../assets/icons/tickets.svg": __glob_1_74, "../assets/icons/upload.svg": __glob_1_75, "../assets/icons/user.svg": __glob_1_76, "../assets/icons/validation.svg": __glob_1_77, "../assets/icons/view.svg": __glob_1_78, "../assets/icons/visible.svg": __glob_1_79, "../assets/icons/wait.svg": __glob_1_80, "../assets/icons/warning.svg": __glob_1_81 }[`../assets/icons/${this.iconName}.svg`], self.location).href;
+      return new URL({ "../assets/icons/A-Z.svg": __glob_1_0$1, "../assets/icons/accept.svg": __glob_1_1$1, "../assets/icons/appearance.svg": __glob_1_2$1, "../assets/icons/arrow-down.svg": __glob_1_3$1, "../assets/icons/arrow-left.svg": __glob_1_4, "../assets/icons/arrow-right.svg": __glob_1_5, "../assets/icons/arrow-up.svg": __glob_1_6, "../assets/icons/asterisk.svg": __glob_1_7, "../assets/icons/attachment.svg": __glob_1_8, "../assets/icons/automation.svg": __glob_1_9, "../assets/icons/bar-chart.svg": __glob_1_10, "../assets/icons/billing.svg": __glob_1_11, "../assets/icons/calendar.svg": __glob_1_12, "../assets/icons/clock.svg": __glob_1_13, "../assets/icons/close.svg": _imports_0, "../assets/icons/columns.svg": __glob_1_15, "../assets/icons/dashboard.svg": __glob_1_16, "../assets/icons/delete.svg": __glob_1_17, "../assets/icons/deskHeroLogo.svg": __glob_1_18, "../assets/icons/dot.svg": __glob_1_19, "../assets/icons/drag-mark.svg": __glob_1_20, "../assets/icons/email-templates.svg": __glob_1_21, "../assets/icons/email.svg": __glob_1_22, "../assets/icons/emoji.svg": __glob_1_23, "../assets/icons/expand-collapse.svg": __glob_1_24, "../assets/icons/expand.svg": __glob_1_25, "../assets/icons/export.svg": __glob_1_26, "../assets/icons/field.svg": __glob_1_27, "../assets/icons/file-csv.svg": __glob_1_28, "../assets/icons/file-doc.svg": __glob_1_29, "../assets/icons/file-jpeg.svg": __glob_1_30, "../assets/icons/file-mp4.svg": __glob_1_31, "../assets/icons/file-pdf.svg": __glob_1_32, "../assets/icons/file-png.svg": __glob_1_33, "../assets/icons/file-txt.svg": __glob_1_34, "../assets/icons/file-unknown.svg": __glob_1_35, "../assets/icons/file-xls.svg": __glob_1_36, "../assets/icons/filter.svg": __glob_1_37, "../assets/icons/forms.svg": __glob_1_38, "../assets/icons/groups.svg": __glob_1_39, "../assets/icons/happy.svg": __glob_1_40, "../assets/icons/help-section.svg": __glob_1_41, "../assets/icons/help.svg": __glob_1_42, "../assets/icons/home.svg": __glob_1_43, "../assets/icons/info.svg": __glob_1_44, "../assets/icons/invisible.svg": __glob_1_45, "../assets/icons/kanban.svg": __glob_1_46, "../assets/icons/key.svg": __glob_1_47, "../assets/icons/knowledgeBase.svg": __glob_1_48, "../assets/icons/link.svg": __glob_1_49, "../assets/icons/lists.svg": __glob_1_50, "../assets/icons/loader.svg": __glob_1_51, "../assets/icons/logout.svg": __glob_1_52, "../assets/icons/more.svg": __glob_1_53, "../assets/icons/newItem.svg": __glob_1_54, "../assets/icons/newList.svg": __glob_1_55, "../assets/icons/next.svg": __glob_1_56, "../assets/icons/notification.svg": __glob_1_57, "../assets/icons/notifications.svg": __glob_1_58, "../assets/icons/number.svg": __glob_1_59, "../assets/icons/options.svg": __glob_1_60, "../assets/icons/plans.svg": __glob_1_61, "../assets/icons/plus.svg": __glob_1_62, "../assets/icons/previous.svg": __glob_1_63, "../assets/icons/radio.svg": __glob_1_64, "../assets/icons/regex.svg": __glob_1_65, "../assets/icons/roles.svg": __glob_1_66, "../assets/icons/save.svg": __glob_1_67, "../assets/icons/search.svg": __glob_1_68, "../assets/icons/select.svg": __glob_1_69, "../assets/icons/settings.svg": __glob_1_70, "../assets/icons/shortcut.svg": __glob_1_71, "../assets/icons/star.svg": __glob_1_72, "../assets/icons/text.svg": __glob_1_73, "../assets/icons/tickets.svg": __glob_1_74, "../assets/icons/upload.svg": __glob_1_75, "../assets/icons/user.svg": __glob_1_76, "../assets/icons/validation.svg": __glob_1_77, "../assets/icons/view.svg": __glob_1_78, "../assets/icons/visible.svg": __glob_1_79, "../assets/icons/wait.svg": __glob_1_80, "../assets/icons/warning.svg": __glob_1_81 }[`../assets/icons/${this.iconName}.svg`], self.location).href;
     }
   }
 });
@@ -10859,61 +10856,60 @@ var DatePicker_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$f = /* @__PURE__ */ createTextVNode(" Back ");
 const _sfc_main$g = {
   __name: "DatePicker",
-  setup(__props) {
+  props: {
+    inline: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update"],
+  setup(__props, { emit }) {
     const date = ref();
     const datePicker = ref(null);
-    const textInputOptions = ref({
-      format: "dd/MM/yyyy"
-    });
-    onMounted(() => {
-      datePicker.value.openMenu();
-    });
     const handleDate = (modelData) => {
       date.value = modelData;
+      emit("update", date.value);
     };
-    function reOpen() {
-      datePicker.value.openMenu();
-    }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ca), {
-        ref_key: "datePicker",
-        ref: datePicker,
-        modelValue: date.value,
-        "onUpdate:modelValue": [
-          _cache[0] || (_cache[0] = ($event) => date.value = $event),
-          handleDate
-        ],
-        "arrow-navigation": "",
-        "close-on-auto-apply": false,
-        "day-names": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
-        "enable-time-picker": false,
-        offset: 12,
-        "select-text": "Apply",
-        "text-input": "",
-        "text-input-options": textInputOptions.value,
-        uid: "base",
-        onClosed: reOpen
-      }, {
-        "dp-input": withCtx(() => []),
-        "arrow-left": withCtx(() => [
-          createVNode(DhIcon, {
-            "icon-name": "previous",
-            size: 20
-          })
-        ]),
-        "arrow-right": withCtx(() => [
-          createVNode(DhIcon, {
-            "icon-name": "next",
-            size: 20
-          })
-        ]),
-        "calendar-icon": withCtx(() => [
-          _hoisted_1$f
-        ]),
-        "clear-icon": withCtx(() => []),
-        "action-preview": withCtx(() => []),
-        _: 1
-      }, 8, ["modelValue", "text-input-options"]);
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(unref(ca), {
+          ref_key: "datePicker",
+          ref: datePicker,
+          modelValue: date.value,
+          "onUpdate:modelValue": [
+            _cache[0] || (_cache[0] = ($event) => date.value = $event),
+            handleDate
+          ],
+          "arrow-navigation": "",
+          "day-names": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+          "enable-time-picker": false,
+          inline: __props.inline,
+          offset: 12,
+          placeholder: "MM/DD/YYYY",
+          "select-text": "Apply",
+          "text-input": "",
+          uid: "base"
+        }, {
+          "arrow-left": withCtx(() => [
+            createVNode(DhIcon, {
+              "icon-name": "previous",
+              size: 20
+            })
+          ]),
+          "arrow-right": withCtx(() => [
+            createVNode(DhIcon, {
+              "icon-name": "next",
+              size: 20
+            })
+          ]),
+          "calendar-icon": withCtx(() => [
+            _hoisted_1$f
+          ]),
+          "clear-icon": withCtx(() => []),
+          "action-preview": withCtx(() => []),
+          _: 1
+        }, 8, ["modelValue", "inline"])
+      ]);
     };
   }
 };
@@ -10957,12 +10953,12 @@ const _hoisted_4$5 = { class: "file__upload_list_item" };
 const _hoisted_5$3 = { class: "file__upload_list_item_label" };
 const _hoisted_6$3 = ["title"];
 const _hoisted_7$2 = ["value"];
-const _hoisted_8$2 = {
+const _hoisted_8$1 = {
   key: 1,
   class: "file__upload_placeholder"
 };
-const _hoisted_9$2 = { class: "file__upload_action" };
-const _hoisted_10$2 = /* @__PURE__ */ createElementVNode("button", { class: "file__upload_action_cancel" }, "Cancel", -1);
+const _hoisted_9$1 = { class: "file__upload_action" };
+const _hoisted_10$1 = /* @__PURE__ */ createElementVNode("button", { class: "file__upload_action_cancel" }, "Cancel", -1);
 const _sfc_main$e = {
   __name: "FileUpload",
   props: {
@@ -11094,9 +11090,9 @@ const _sfc_main$e = {
             ]);
           }), 128))
         ])) : createCommentVNode("", true),
-        !fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_8$2, " No file selected ")) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_9$2, [
-          _hoisted_10$2,
+        !fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_8$1, " No file selected ")) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_9$1, [
+          _hoisted_10$1,
           createElementVNode("button", {
             class: normalizeClass(["file__upload_action_done", fileSelected.value ? "file__upload_action_done--active" : ""])
           }, " Done ", 2)
@@ -23561,16 +23557,16 @@ 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" };
-const _hoisted_8$1 = { class: "max-caption" };
-const _hoisted_9$1 = {
+const _hoisted_8 = { class: "max-caption" };
+const _hoisted_9 = {
   key: 0,
   class: "ruler"
 };
-const _hoisted_10$1 = {
+const _hoisted_10 = {
   key: 1,
   class: "sub-ruler"
 };
-const _hoisted_11$1 = {
+const _hoisted_11 = {
   key: 2,
   class: "labels"
 };
@@ -23628,7 +23624,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         onTouchstart: _cache[8] || (_cache[8] = (...args) => $options.onRightThumbMousedown && $options.onRightThumbMousedown(...args))
       }, [
         createElementVNode("div", _hoisted_7$1, [
-          createElementVNode("span", _hoisted_8$1, toDisplayString($props.maxCaption || $options.barMaxVal), 1)
+          createElementVNode("span", _hoisted_8, toDisplayString($props.maxCaption || $options.barMaxVal), 1)
         ])
       ], 32),
       createElementVNode("div", {
@@ -23637,7 +23633,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[9] || (_cache[9] = (...args) => $options.onBarRightClick && $options.onBarRightClick(...args))
       }, null, 4)
     ]),
-    $props.ruler ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
+    $props.ruler ? (openBlock(), createElementBlock("div", _hoisted_9, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.stepCount, (n) => {
         return openBlock(), createElementBlock("div", {
           key: n,
@@ -23645,7 +23641,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         });
       }), 128))
     ])) : createCommentVNode("", true),
-    $options.subStepCount ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+    $options.subStepCount ? (openBlock(), createElementBlock("div", _hoisted_10, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.subStepCount, (n) => {
         return openBlock(), createElementBlock("div", {
           key: n,
@@ -23653,7 +23649,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         });
       }), 128))
     ])) : createCommentVNode("", true),
-    $props.label ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
+    $props.label ? (openBlock(), createElementBlock("div", _hoisted_11, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.scaleLabels, (label) => {
         return openBlock(), createElementBlock("div", {
           class: "label",
@@ -23667,7 +23663,7 @@ var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc
 var MultiRangeSliderBarOnly = "";
 Chart.register(plugin_tooltip, BarElement, CategoryScale, LinearScale);
 const _sfc_main$a = defineComponent({
-  components: { Bar, MultiRangeSlider },
+  components: { Bar, MultiRangeSlider, DhAdvancedFilter },
   props: {
     numberRange: {
       type: Array,
@@ -23692,6 +23688,10 @@ const _sfc_main$a = defineComponent({
     steps: {
       type: Number,
       default: 1
+    },
+    includeForm: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -23759,6 +23759,57 @@ const _sfc_main$a = defineComponent({
     this.highlightChart();
   },
   methods: {
+    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");
+          } else {
+            this.chartData.datasets[0].backgroundColor.push("#e0e0e0");
+          }
+        }
+      }
+    },
+    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");
+          } else {
+            this.chartData.datasets[0].backgroundColor.push("#5ea9e5");
+          }
+        }
+      }
+    },
+    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");
+        }
+      } else {
+        if (this.isMatch) {
+          this.matchFilter();
+        }
+        if (this.isExclude) {
+          this.excludeFilter();
+        }
+      }
+    },
     changeMin(e2) {
       let minValue = e2.target.value;
       this.min = minValue ? minValue : "1";
@@ -23825,57 +23876,6 @@ const _sfc_main$a = defineComponent({
       this.chartData.datasets[0].data = [];
       this.chart_dta = [];
     },
-    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");
-          } else {
-            this.chartData.datasets[0].backgroundColor.push("#e0e0e0");
-          }
-        }
-      }
-    },
-    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");
-          } else {
-            this.chartData.datasets[0].backgroundColor.push("#5ea9e5");
-          }
-        }
-      }
-    },
-    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");
-        }
-      } else {
-        if (this.isMatch) {
-          this.matchFilter();
-        }
-        if (this.isExclude) {
-          this.excludeFilter();
-        }
-      }
-    },
     sortData(arr) {
       return arr.slice().sort(function(a3, b2) {
         return a3.count - b2.count;
@@ -23916,38 +23916,18 @@ const _sfc_main$a = defineComponent({
 });
 const _hoisted_1$9 = { class: "dh-range-container" };
 const _hoisted_2$8 = { class: "bar-chart" };
-const _hoisted_3$4 = { class: "input-group-section" };
+const _hoisted_3$4 = {
+  key: 0,
+  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"];
-const _hoisted_8 = { class: "advance_section" };
-const _hoisted_9 = /* @__PURE__ */ createTextVNode(" Advanced ");
-const _hoisted_10 = {
-  key: 0,
-  alt: "arrow",
-  src: _imports_0$1,
-  width: "20"
-};
-const _hoisted_11 = {
-  key: 1,
-  alt: "arrow",
-  src: _imports_1,
-  width: "20"
-};
-const _hoisted_12 = {
-  key: 0,
-  class: "list-none"
-};
-const _hoisted_13 = ["checked"];
-const _hoisted_14 = /* @__PURE__ */ createTextVNode(" Filter Missing ");
-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$3(_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$9, [
     createElementVNode("div", _hoisted_2$8, [
       createVNode(_component_Bar, {
@@ -23973,7 +23953,7 @@ 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$4, [
+    _ctx.includeForm ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
       createElementVNode("div", _hoisted_4$2, [
         createElementVNode("label", {
           class: normalizeClass(`text-2 input-to ${_ctx.validated ? "disable" : ""}`)
@@ -24004,51 +23984,13 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
           onInput: _cache[1] || (_cache[1] = ($event) => _ctx.changeMax($event))
         }, null, 40, _hoisted_7)
       ])
-    ]),
-    createElementVNode("div", _hoisted_8, [
-      createElementVNode("span", {
-        class: "toggle-icon",
-        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.toggleFilter())
-      }, [
-        _hoisted_9,
-        !_ctx.activeFilter ? (openBlock(), createElementBlock("img", _hoisted_10)) : createCommentVNode("", true),
-        _ctx.activeFilter ? (openBlock(), createElementBlock("img", _hoisted_11)) : createCommentVNode("", true)
-      ]),
-      _ctx.activeFilter ? (openBlock(), createElementBlock("ul", _hoisted_12, [
-        createElementVNode("li", null, [
-          createElementVNode("label", null, [
-            createElementVNode("input", {
-              checked: _ctx.isDisable,
-              type: "checkbox",
-              onChange: _cache[3] || (_cache[3] = ($event) => _ctx.missingFilter())
-            }, null, 40, _hoisted_13),
-            _hoisted_14
-          ])
-        ]),
-        createElementVNode("li", null, [
-          createElementVNode("label", null, [
-            createElementVNode("input", {
-              checked: _ctx.isMatch,
-              disabled: _ctx.validated ? true : false,
-              name: "number_filter",
-              type: "radio",
-              onChange: _cache[4] || (_cache[4] = ($event) => _ctx.matchFilter())
-            }, null, 40, _hoisted_15),
-            _hoisted_16
-          ]),
-          createElementVNode("label", null, [
-            createElementVNode("input", {
-              checked: _ctx.isExclude,
-              disabled: _ctx.validated ? true : false,
-              name: "number_filter",
-              type: "radio",
-              onChange: _cache[5] || (_cache[5] = ($event) => _ctx.excludeFilter())
-            }, null, 40, _hoisted_17),
-            _hoisted_18
-          ])
-        ])
-      ])) : createCommentVNode("", true)
-    ])
+    ])) : createCommentVNode("", true),
+    renderSlot(_ctx.$slots, "default"),
+    createVNode(_component_dh_advanced_filter, {
+      onExclude: _ctx.excludeFilter,
+      onFilter_missing: _ctx.missingFilter,
+      onMatch: _ctx.matchFilter
+    }, null, 8, ["onExclude", "onFilter_missing", "onMatch"])
   ]);
 }
 var NumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$3]]);
@@ -24870,4 +24812,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f98d032"]]);
-export { AdvancedFilter as DhAdvancedFilter, _sfc_main$g as DhDatePicker, DropdownMenu as DhDropdownMenu, _sfc_main$f as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$e as DhFileUpload, DhIcon, Modal as DhModal, Notification as DhNotification, NumberRange as DhNumberRange, PasswordField as DhPasswordField, DhRadioBox, _sfc_main$7 as DhRadioBoxGroup, SearchInput as DhSearchInput, Stepper as DhStepper, Switch as DhSwitch, Tooltip as DhTooltip, VerificationCode as DhVerificationCode };
+export { DhAdvancedFilter, _sfc_main$g as DhDatePicker, DropdownMenu as DhDropdownMenu, _sfc_main$f as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$e as DhFileUpload, DhIcon, Modal as DhModal, Notification as DhNotification, NumberRange as DhNumberRange, PasswordField as DhPasswordField, DhRadioBox, _sfc_main$7 as DhRadioBoxGroup, SearchInput as DhSearchInput, Stepper as DhStepper, Switch as DhSwitch, Tooltip as DhTooltip, VerificationCode as DhVerificationCode };