npm - @opengis/filter - Versions diffs - 0.1.2 → 0.1.3 - Mend

@opengis/filter 0.1.2 → 0.1.3

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 (3) hide show

package/filter.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent as U, ref as _, createElementBlock as k, openBlock as f, createElementVNode as d, withModifiers as $e, normalizeClass as R, createCommentVNode as $, toDisplayString as j, computed as I, watch as F, createStaticVNode as Le, Fragment as M, renderList as W, unref as e, createBlock as D, createVNode as H, createTextVNode as N, withDirectives as O, vShow as X, vModelText as G, onMounted as ae, onBeforeUnmount as ce, Teleport as _e, normalizeStyle as Ae, renderSlot as ue, nextTick as fe, isRef as Ee, withCtx as te, resolveDynamicComponent as Z, mergeProps as P, toRaw as ne, cloneVNode as Te, useSlots as pe } from "vue";
+import { defineComponent as U, ref as _, createElementBlock as k, openBlock as f, createElementVNode as d, withModifiers as $e, normalizeClass as M, createCommentVNode as $, toDisplayString as j, computed as I, watch as D, createStaticVNode as Le, Fragment as F, renderList as W, unref as e, createBlock as R, createVNode as Y, createTextVNode as N, withDirectives as O, vShow as X, vModelText as G, onMounted as ae, onBeforeUnmount as ce, Teleport as _e, normalizeStyle as Ae, renderSlot as ie, nextTick as fe, isRef as Ee, withCtx as te, resolveDynamicComponent as Z, mergeProps as P, toRaw as ne, cloneVNode as Te, useSlots as pe } from "vue";
 const Ie = { class: "flex items-center justify-between w-full text-sm" }, Oe = { class: "flex items-center cursor-pointer w-full" }, Ue = {
   key: 0,
   width: "16",
@@ -20,29 +20,29 @@ const Ie = { class: "flex items-center justify-between w-full text-sm" }, Oe = {
     highlighted: { type: Boolean }
   },
   emits: ["itemClick"],
-  setup(c, { expose: o, emit: b }) {
+  setup(c, { expose: n, emit: b }) {
     const t = c, a = b;
     function r() {
       a("itemClick", t.value);
     }
-    const u = _(null);
-    return o({ el: u }), (p, m) => (f(), k("div", {
+    const i = _(null);
+    return n({ el: i }), (p, v) => (f(), k("div", {
       class: "flex items-center w-full rounded-lg group hover:bg-gray-100",
       ref_key: "el",
-      ref: u
+      ref: i
     }, [
       d("div", Ie, [
         d("div", Oe, [
           d("label", {
             for: "radio-9740",
-            class: R([
+            class: M([
               ["inline", "popover"].includes(p.layout) ? "text-sm text-gray-500 px-2 w-full py-2 cursor-pointer !flex flex-row items-center" : "flex flex-row items-center w-full px-2 py-2 text-sm text-gray-500 cursor-pointer",
               { "bg-blue-100": p.highlighted }
             ]),
             onClick: $e(r, ["stop", "prevent"])
           }, [
             d("div", {
-              class: R(["w-[18px] h-[18px] border flex items-center justify-center", [
+              class: M(["w-[18px] h-[18px] border flex items-center justify-center", [
                 p.type == "checkbox" ? "rounded-[4px]" : "rounded-full",
                 p.color ? `bg-[${p.color}] border-[#ffffff]` : p.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
               ]])
@@ -65,61 +65,61 @@ const Ie = { class: "flex items-center justify-between w-full text-sm" }, Oe = {
     ], 512));
   }
 });
-function Be(c, o) {
+function Se(c, n) {
   const {
     options: b = [],
     limit: t = 20
   } = c;
-  function a(n) {
-    return Array.isArray(n) ? n[0] : n;
+  function a(o) {
+    return Array.isArray(o) ? o[0] : o;
   }
-  const r = _(a(c.modelValue)), u = _(""), p = _(!1), m = _([]), h = _("id"), i = _("text"), s = _(!1), v = _(c.layout !== "popover" && b.length > t);
-  function w(n) {
-    const x = n.find(Boolean) ?? {}, B = ["id", "value", "code", "key"].find((K) => K in x) ?? "id", S = ["text", "label", "name", "title"].find((K) => K in x) ?? "text";
-    return { autoValueKey: B, autoLabelKey: S };
+  const r = _(a(c.modelValue)), i = _(""), p = _(!1), v = _([]), h = _("id"), u = _("text"), s = _(!1), m = _(c.layout !== "popover" && b.length > t);
+  function C(o) {
+    const x = o.find(Boolean) ?? {}, S = ["id", "value", "code", "key"].find((K) => K in x) ?? "id", B = ["text", "label", "name", "title"].find((K) => K in x) ?? "text";
+    return { autoValueKey: S, autoLabelKey: B };
   }
   if (b.length > 0) {
-    const n = w(b);
-    h.value = n.autoValueKey, i.value = n.autoLabelKey;
+    const o = C(b);
+    h.value = o.autoValueKey, u.value = o.autoLabelKey;
   }
   const y = I(() => {
-    const n = m.value;
-    return c.layout === "popover" || s.value ? n : n.slice(0, t);
+    const o = v.value;
+    return c.layout === "popover" || s.value ? o : o.slice(0, t);
   });
-  F(() => c.modelValue, (n) => {
-    r.value = a(n);
-  }, { immediate: !0 }), m.value = [...b].sort((n, x) => c.sort === "count" ? x.count && n.count ? x.count - n.count : 0 : c.sort === "name" ? String(n[i.value] ?? "").localeCompare(String(x[i.value] ?? "")) : 0);
-  function g(n) {
-    return r.value === n[h.value];
+  D(() => c.modelValue, (o) => {
+    r.value = a(o);
+  }, { immediate: !0 }), v.value = [...b].sort((o, x) => c.sort === "count" ? x.count && o.count ? x.count - o.count : 0 : c.sort === "name" ? String(o[u.value] ?? "").localeCompare(String(x[u.value] ?? "")) : 0);
+  function g(o) {
+    return r.value === o[h.value];
   }
-  function l(n) {
-    r.value = n[h.value], o("update:modelValue", r.value), o("change", { name: c.name, value: r.value });
+  function l(o) {
+    r.value = o[h.value], n("update:modelValue", r.value), n("change", { name: c.name, value: r.value });
   }
   function V() {
-    r.value = void 0, o("update:modelValue", r.value), o("clear", c.name);
+    r.value = void 0, n("update:modelValue", r.value), n("clear", c.name);
   }
-  function C() {
+  function w() {
     s.value = !s.value;
   }
   return {
     innerValue: r,
-    searchTerm: u,
+    searchTerm: i,
     filteredOptions: y,
     isSelected: g,
     selectItem: l,
     clear: V,
-    toggleShowAll: C,
+    toggleShowAll: w,
     isReqProc: p,
     showAll: s,
-    isEnableShowAll: v,
-    labelKey: i,
+    isEnableShowAll: m,
+    labelKey: u,
     valueKey: h,
-    allOptions: m
+    allOptions: v
   };
 }
-const J = (c, o) => {
+const J = (c, n) => {
   const b = c.__vccOpts || c;
-  for (const [t, a] of o)
+  for (const [t, a] of n)
     b[t] = a;
   return b;
 }, Pe = {}, We = {
@@ -128,8 +128,8 @@ const J = (c, o) => {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function qe(c, o) {
-  return f(), k("svg", We, o[0] || (o[0] = [
+function qe(c, n) {
+  return f(), k("svg", We, n[0] || (n[0] = [
     Le('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
   ]));
 }
@@ -145,8 +145,8 @@ const ve = /* @__PURE__ */ J(Pe, [["render", qe]]), Qe = {}, Ge = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate"
 };
-function Xe(c, o) {
-  return f(), k("svg", Ge, o[0] || (o[0] = [
+function Xe(c, n) {
+  return f(), k("svg", Ge, n[0] || (n[0] = [
     d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -155,7 +155,7 @@ function Xe(c, o) {
     d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const ie = /* @__PURE__ */ J(Qe, [["render", Xe]]), Je = {}, Ze = {
+const ue = /* @__PURE__ */ J(Qe, [["render", Xe]]), Je = {}, Ze = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -167,8 +167,8 @@ const ie = /* @__PURE__ */ J(Qe, [["render", Xe]]), Je = {}, Ze = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate-[180deg]"
 };
-function et(c, o) {
-  return f(), k("svg", Ze, o[0] || (o[0] = [
+function et(c, n) {
+  return f(), k("svg", Ze, n[0] || (n[0] = [
     d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -212,167 +212,167 @@ const ye = /* @__PURE__ */ J(Je, [["render", et]]), tt = {
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(c, { expose: o, emit: b }) {
+  setup(c, { expose: n, emit: b }) {
     const t = c, a = _(null), r = b, {
-      innerValue: u,
+      innerValue: i,
       filteredOptions: p,
-      isSelected: m,
+      isSelected: v,
       selectItem: h,
-      clear: i,
+      clear: u,
       toggleShowAll: s,
-      isReqProc: v,
-      showAll: w,
+      isReqProc: m,
+      showAll: C,
       isEnableShowAll: y,
       labelKey: g,
       valueKey: l,
       allOptions: V
-    } = Be({
+    } = Se({
       ...t,
       modelValue: t.modelValue ?? t.default ?? ""
     }, r);
-    return o({
-      clear: i,
+    return n({
+      clear: u,
       inputTextRef: a
-    }), F(
+    }), D(
       () => t.modelValue,
-      (C) => {
-        C === void 0 && (u.value = void 0);
+      (w) => {
+        w === void 0 && (i.value = void 0);
       }
-    ), (C, n) => (f(), k("div", {
-      class: R([C.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
+    ), (w, o) => (f(), k("div", {
+      class: M([w.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
     }, [
       d("div", {
-        class: R([
-          C.layout === "popover" ? "flex-1 overflow-y-auto max-h-64 p-2" : "",
-          C.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+        class: M([
+          w.layout === "popover" ? "flex-1 overflow-y-auto max-h-64 p-2" : "",
+          w.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (f(!0), k(M, null, W(e(p), (x) => (f(), D(me, {
-          layout: C.layout,
+        (f(!0), k(F, null, W(e(p), (x) => (f(), R(me, {
+          layout: w.layout,
           key: x[e(l)],
           count: x.count,
           label: x[e(g)],
           color: x.color,
           type: "radio",
           value: x[e(l)],
-          "is-selected": e(m)(x),
-          onItemClick: (B) => e(h)(x)
+          "is-selected": e(v)(x),
+          onItemClick: (S) => e(h)(x)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
       ], 2),
-      C.type === "select" && e(p).length === 0 && !e(v) ? (f(), k("div", tt, [
+      w.type === "select" && e(p).length === 0 && !e(m) ? (f(), k("div", tt, [
         d("div", lt, [
-          H(ve),
-          n[4] || (n[4] = d("div", { class: "max-w-sm mx-auto mt-6" }, [
+          Y(ve),
+          o[4] || (o[4] = d("div", { class: "max-w-sm mx-auto mt-6" }, [
             d("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
             d("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
           ], -1))
         ])
       ])) : $("", !0),
-      C.layout !== "popover" && C.type !== "select" ? (f(), k(M, { key: 1 }, [
-        !e(w) && e(y) ? (f(), k("div", {
+      w.layout !== "popover" && w.type !== "select" ? (f(), k(F, { key: 1 }, [
+        !e(C) && e(y) ? (f(), k("div", {
           key: 0,
-          onClick: n[0] || (n[0] = //@ts-ignore
+          onClick: o[0] || (o[0] = //@ts-ignore
           (...x) => e(s) && e(s)(...x)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          n[5] || (n[5] = N(" Показати більше ", -1)),
-          H(ie)
+          o[5] || (o[5] = N(" Показати більше ", -1)),
+          Y(ue)
         ])) : $("", !0),
-        e(w) ? (f(), k("div", {
+        e(C) ? (f(), k("div", {
           key: 1,
-          onClick: n[1] || (n[1] = //@ts-ignore
+          onClick: o[1] || (o[1] = //@ts-ignore
           (...x) => e(s) && e(s)(...x)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          n[6] || (n[6] = N(" Показати менше ", -1)),
-          H(ye)
+          o[6] || (o[6] = N(" Показати менше ", -1)),
+          Y(ye)
         ])) : $("", !0)
       ], 64)) : $("", !0),
-      C.cleanable ? (f(), k(M, { key: 2 }, [
-        C.layout === "inline" ? (f(), k("div", ot, [
-          N(j(e(u) || e(u) === null ? 1 : 0) + " з " + j(e(V).length) + " обрано ", 1),
+      w.cleanable ? (f(), k(F, { key: 2 }, [
+        w.layout === "inline" ? (f(), k("div", ot, [
+          N(j(e(i) || e(i) === null ? 1 : 0) + " з " + j(e(V).length) + " обрано ", 1),
           O(d("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: n[2] || (n[2] = //@ts-ignore
-            (...x) => e(i) && e(i)(...x))
+            onClick: o[2] || (o[2] = //@ts-ignore
+            (...x) => e(u) && e(u)(...x))
           }, " Очистити ", 512), [
-            [X, e(u) !== "" && e(u) !== void 0]
+            [X, e(i) !== "" && e(i) !== void 0]
           ])
         ])) : $("", !0),
-        C.layout === "popover" ? (f(), k("div", nt, [
-          d("span", null, j(e(u) || e(u) === null ? 1 : 0) + " з " + j(e(V).length) + " обрано", 1),
+        w.layout === "popover" ? (f(), k("div", nt, [
+          d("span", null, j(e(i) || e(i) === null ? 1 : 0) + " з " + j(e(V).length) + " обрано", 1),
           O(d("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: n[3] || (n[3] = //@ts-ignore
-            (...x) => e(i) && e(i)(...x))
+            onClick: o[3] || (o[3] = //@ts-ignore
+            (...x) => e(u) && e(u)(...x))
           }, " Очистити ", 512), [
-            [X, e(u) !== "" && e(u) !== void 0]
+            [X, e(i) !== "" && e(i) !== void 0]
           ])
         ])) : $("", !0)
       ], 64)) : $("", !0)
     ], 2));
   }
 });
-function Se(c, o) {
+function Be(c, n) {
   const {
     options: b = [],
     limit: t = 20
   } = c;
-  function a(n) {
-    return Array.isArray(n) ? n : n ? [n] : [];
+  function a(o) {
+    return Array.isArray(o) ? o : o ? [o] : [];
   }
-  const r = _(a(c.modelValue)), u = _(""), p = _(!1), m = _([]), h = _("id"), i = _("text"), s = _(!1), v = _(c.layout !== "popover" && b.length > t);
-  function w(n) {
-    const x = n.find(Boolean) ?? {}, B = ["id", "value", "code", "key"].find((K) => K in x) ?? "id", S = ["text", "label", "name", "title"].find((K) => K in x) ?? "text";
-    return { autoValueKey: B, autoLabelKey: S };
+  const r = _(a(c.modelValue)), i = _(""), p = _(!1), v = _([]), h = _("id"), u = _("text"), s = _(!1), m = _(c.layout !== "popover" && b.length > t);
+  function C(o) {
+    const x = o.find(Boolean) ?? {}, S = ["id", "value", "code", "key"].find((K) => K in x) ?? "id", B = ["text", "label", "name", "title"].find((K) => K in x) ?? "text";
+    return { autoValueKey: S, autoLabelKey: B };
   }
   if (b.length > 0) {
-    const n = w(b);
-    h.value = n.autoValueKey, i.value = n.autoLabelKey;
+    const o = C(b);
+    h.value = o.autoValueKey, u.value = o.autoLabelKey;
   }
   const y = I(() => {
-    const n = m.value;
-    return c.layout === "popover" || s.value ? n : n.slice(0, t);
+    const o = v.value;
+    return c.layout === "popover" || s.value ? o : o.slice(0, t);
   });
-  F(() => c.modelValue, (n) => {
-    r.value = a(n);
-  }, { immediate: !0 }), m.value = [...b].sort((n, x) => c.sort === "count" ? x.count && n.count ? x.count - n.count : 0 : c.sort === "name" ? String(n[i.value]).localeCompare(String(x[i.value])) : 0);
-  function g(n) {
-    return r.value && r.value.includes(n[h.value]);
+  D(() => c.modelValue, (o) => {
+    r.value = a(o);
+  }, { immediate: !0 }), v.value = [...b].sort((o, x) => c.sort === "count" ? x.count && o.count ? x.count - o.count : 0 : c.sort === "name" ? String(o[u.value]).localeCompare(String(x[u.value])) : 0);
+  function g(o) {
+    return r.value && r.value.includes(o[h.value]);
   }
-  function l(n) {
-    const x = r.value.includes(n[h.value]);
-    r.value = x ? r.value.filter((B) => B !== n[h.value]) : [...r.value, n[h.value]], o("update:modelValue", r.value), o("change", { name: c.name, value: r.value });
+  function l(o) {
+    const x = r.value.includes(o[h.value]);
+    r.value = x ? r.value.filter((S) => S !== o[h.value]) : [...r.value, o[h.value]], n("update:modelValue", r.value), n("change", { name: c.name, value: r.value });
   }
   function V() {
-    r.value = [], o("update:modelValue", r.value), o("clear", c.name);
+    r.value = [], n("update:modelValue", r.value), n("clear", c.name);
   }
-  function C() {
+  function w() {
     s.value = !s.value;
   }
   return {
     innerValue: r,
-    searchTerm: u,
+    searchTerm: i,
     filteredOptions: y,
     isSelected: g,
     selectItem: l,
     clear: V,
-    toggleShowAll: C,
+    toggleShowAll: w,
     isReqProc: p,
     showAll: s,
-    isEnableShowAll: v,
-    labelKey: i,
+    isEnableShowAll: m,
+    labelKey: u,
     valueKey: h,
-    allOptions: m
+    allOptions: v
   };
 }
 const rt = {
   key: 0,
   class: "w-full"
-}, st = { class: "flex flex-col items-center justify-center p-5 text-center" }, ut = {
+}, st = { class: "flex flex-col items-center justify-center p-5 text-center" }, it = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, it = {
+}, ut = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
 }, xe = /* @__PURE__ */ U({
@@ -401,97 +401,97 @@ const rt = {
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(c, { expose: o, emit: b }) {
+  setup(c, { expose: n, emit: b }) {
     const t = c, a = b, {
       innerValue: r,
-      filteredOptions: u,
+      filteredOptions: i,
       isSelected: p,
-      selectItem: m,
+      selectItem: v,
       clear: h,
-      toggleShowAll: i,
+      toggleShowAll: u,
       isReqProc: s,
-      showAll: v,
-      isEnableShowAll: w,
+      showAll: m,
+      isEnableShowAll: C,
       labelKey: y,
       valueKey: g,
       allOptions: l
-    } = Se({
+    } = Be({
       ...t,
       modelValue: t.modelValue
     }, a);
-    return F(
+    return D(
       () => t.modelValue,
       (V) => {
         V === void 0 && (r.value = []);
       }
-    ), o({
+    ), n({
       clear: h
-    }), (V, C) => (f(), k("div", {
-      class: R([V.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+    }), (V, w) => (f(), k("div", {
+      class: M([V.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
     }, [
       d("div", {
-        class: R([
+        class: M([
           V.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
           V.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (f(!0), k(M, null, W(e(u), (n) => (f(), D(me, {
+        (f(!0), k(F, null, W(e(i), (o) => (f(), R(me, {
           layout: V.layout,
-          count: n.count,
-          label: n[e(y)],
-          color: n.color,
+          count: o.count,
+          label: o[e(y)],
+          color: o.color,
           type: "checkbox",
-          value: n[e(g)],
-          "is-selected": e(p)(n),
-          onItemClick: (x) => e(m)(n)
+          value: o[e(g)],
+          "is-selected": e(p)(o),
+          onItemClick: (x) => e(v)(o)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
       ], 2),
-      V.type === "select" && e(u).length === 0 && !e(s) ? (f(), k("div", rt, [
+      V.type === "select" && e(i).length === 0 && !e(s) ? (f(), k("div", rt, [
         d("div", st, [
-          H(ve),
-          C[4] || (C[4] = d("div", { class: "max-w-sm mx-auto mt-6" }, [
+          Y(ve),
+          w[4] || (w[4] = d("div", { class: "max-w-sm mx-auto mt-6" }, [
             d("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
             d("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
           ], -1))
         ])
       ])) : $("", !0),
-      V.layout !== "popover" && V.type !== "select" ? (f(), k(M, { key: 1 }, [
-        !e(v) && e(w) ? (f(), k("div", {
+      V.layout !== "popover" && V.type !== "select" ? (f(), k(F, { key: 1 }, [
+        !e(m) && e(C) ? (f(), k("div", {
           key: 0,
-          onClick: C[0] || (C[0] = //@ts-ignore
-          (...n) => e(i) && e(i)(...n)),
+          onClick: w[0] || (w[0] = //@ts-ignore
+          (...o) => e(u) && e(u)(...o)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          C[5] || (C[5] = N(" Показати більше ", -1)),
-          H(ie)
+          w[5] || (w[5] = N(" Показати більше ", -1)),
+          Y(ue)
         ])) : $("", !0),
-        e(v) ? (f(), k("div", {
+        e(m) ? (f(), k("div", {
           key: 1,
-          onClick: C[1] || (C[1] = //@ts-ignore
-          (...n) => e(i) && e(i)(...n)),
+          onClick: w[1] || (w[1] = //@ts-ignore
+          (...o) => e(u) && e(u)(...o)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          C[6] || (C[6] = N(" Показати менше ", -1)),
-          H(ye)
+          w[6] || (w[6] = N(" Показати менше ", -1)),
+          Y(ye)
         ])) : $("", !0)
       ], 64)) : $("", !0),
-      V.cleanable ? (f(), k(M, { key: 2 }, [
-        V.layout === "inline" ? (f(), k("div", ut, [
+      V.cleanable ? (f(), k(F, { key: 2 }, [
+        V.layout === "inline" ? (f(), k("div", it, [
           N(j(e(r).length) + " з " + j(e(l).length) + " обрано ", 1),
           O(d("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: C[2] || (C[2] = //@ts-ignore
-            (...n) => e(h) && e(h)(...n))
+            onClick: w[2] || (w[2] = //@ts-ignore
+            (...o) => e(h) && e(h)(...o))
           }, " Очистити ", 512), [
             [X, e(r).length !== 0]
           ])
         ])) : $("", !0),
-        V.layout === "popover" ? (f(), k("div", it, [
+        V.layout === "popover" ? (f(), k("div", ut, [
           d("span", null, j(e(r).length) + " з " + j(e(l).length) + " обрано", 1),
           O(d("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: C[3] || (C[3] = //@ts-ignore
-            (...n) => e(h) && e(h)(...n))
+            onClick: w[3] || (w[3] = //@ts-ignore
+            (...o) => e(h) && e(h)(...o))
           }, " Очистити ", 512), [
             [X, e(r).length !== 0]
           ])
@@ -511,8 +511,8 @@ const rt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function ft(c, o) {
-  return f(), k("svg", ct, o[0] || (o[0] = [
+function ft(c, n) {
+  return f(), k("svg", ct, n[0] || (n[0] = [
     d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -522,7 +522,7 @@ function ft(c, o) {
     d("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const De = /* @__PURE__ */ J(dt, [["render", ft]]), pt = {}, mt = {
+const Re = /* @__PURE__ */ J(dt, [["render", ft]]), pt = {}, mt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -534,8 +534,8 @@ const De = /* @__PURE__ */ J(dt, [["render", ft]]), pt = {}, mt = {
   width: "15px",
   height: "15px"
 };
-function vt(c, o) {
-  return f(), k("svg", mt, o[0] || (o[0] = [
+function vt(c, n) {
+  return f(), k("svg", mt, n[0] || (n[0] = [
     d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -545,10 +545,10 @@ function vt(c, o) {
     d("path", { d: "M6 6l12 12" }, null, -1)
   ]));
 }
-const Re = /* @__PURE__ */ J(pt, [["render", vt]]);
+const De = /* @__PURE__ */ J(pt, [["render", vt]]);
 class de {
-  static getWidthClass(o) {
-    return typeof o == "number" ? `max-w-[${o}px]` : typeof o == "string" ? o.endsWith("%") || o.endsWith("px") ? `max-w-[${o}]` : `max-w-${o}` : "w-full";
+  static getWidthClass(n) {
+    return typeof n == "number" ? `max-w-[${n}px]` : typeof n == "string" ? n.endsWith("%") || n.endsWith("px") ? `max-w-[${n}]` : `max-w-${n}` : "w-full";
   }
 }
 const yt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, gt = ["placeholder"], bt = /* @__PURE__ */ U({
@@ -577,40 +577,47 @@ const yt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(c, { emit: o }) {
-    const b = c, t = _((b.placeHolder || b.label || b.name || "search").toString()), a = o, r = _(b.modelValue ?? "");
-    F(
+  setup(c, { emit: n }) {
+    const b = c, t = _((b.placeHolder || b.label || b.name || "search").toString()), a = n, r = _(b.modelValue?.toString() ?? "");
+    D(
       () => b.modelValue,
-      (m) => {
-        m !== r.value && (r.value = m ?? "");
+      (h) => {
+        h !== r.value && (r.value = h?.toString() ?? "");
       }
     );
-    function u() {
-      a("update:modelValue", r.value), a("change", { name: b.name, value: r.value });
-    }
+    let i = null;
     function p() {
-      r.value = "", a("update:modelValue", ""), a("clear", b.name), a("change", { name: b.name, value: null });
+      if (r.value = r.value.trimStart(), r.value.length === 0) {
+        v();
+        return;
+      }
+      i && clearTimeout(i), i = setTimeout(() => {
+        a("update:modelValue", r.value), a("change", { name: b.name, value: r.value });
+      }, 300);
     }
-    return (m, h) => (f(), k("div", {
-      class: R([
+    function v() {
+      r.value = "", a("update:modelValue", ""), a("clear", b.name);
+    }
+    return (h, u) => (f(), k("div", {
+      class: M([
         "vs-form-text relative bg-white rounded-lg [&>input]:py-[7px] [&>input]:max-h-[38px]  [&>input]:ps-10 [&>input]:pe-8 [&>input]:block [&>input]:w-full [&>input]:bg-gray-100 [&>input]:border-transparent [&>input]:rounded-lg [&>input]:text-sm [&>input]:focus:bg-white [&>input]:focus:border-blue-500 [&>input]:focus:ring-blue-500 [&>input]:disabled:opacity-50 [&>input]:disabled:pointer-events-none [&>input]:dark:bg-neutral-700 [&>input]:dark:border-transparent [&>input]:dark:text-neutral-400 [&>input]:dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600",
-        m.layout === "inline" ? e(de).getWidthClass(m.width) : "mb-2" + (m.layout === "popover" ? " m-2" : "")
+        h.layout === "inline" ? e(de).getWidthClass(h.width) : "mb-2" + (h.layout === "popover" ? " m-2" : "")
       ])
     }, [
       d("div", yt, [
-        H(De)
+        Y(Re)
       ]),
       r.value !== "" ? (f(), k("div", {
         key: 0,
-        onClick: p,
+        onClick: v,
         class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"
       }, [
-        H(Re)
+        Y(De)
       ])) : $("", !0),
       O(d("input", {
         type: "text",
-        "onUpdate:modelValue": h[0] || (h[0] = (i) => r.value = i),
-        onInput: u,
+        "onUpdate:modelValue": u[0] || (u[0] = (s) => r.value = s),
+        onInput: p,
         placeholder: t.value,
         class: "!pr-7 !pl-8 bg-white h-[38px] min-w-[100px] text-sm py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
       }, null, 40, gt), [
@@ -670,43 +677,43 @@ const At = /* @__PURE__ */ U({
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(c, { expose: o, emit: b }) {
-    const t = Me(), a = ht(), r = c, u = _(
+  setup(c, { expose: n, emit: b }) {
+    const t = Me(), a = ht(), r = c, i = _(
       r.modelValue ?? r.default ?? []
-    ), p = b, m = I({
-      get: () => r.modelValue ?? u.value,
+    ), p = b, v = I({
+      get: () => r.modelValue ?? i.value,
       set: (s) => {
-        r.modelValue !== void 0 ? p("update:modelValue", s) : u.value = s;
+        r.modelValue !== void 0 ? p("update:modelValue", s) : i.value = s;
       }
     });
     function h() {
-      p("change", { name: r.name, value: m.value || u.value });
+      p("change", { name: r.name, value: v.value || i.value });
     }
-    function i() {
-      u.value = [], m.value = u.value, p("clear", r.name);
+    function u() {
+      i.value = [], v.value = i.value, p("clear", r.name);
     }
-    return F(() => r.modelValue, (s) => {
-      s !== void 0 && r.layout !== "popover" ? (u.value = s, p("update:modelValue", s)) : u.value = [];
-    }), o({
-      clear: i,
-      currentValue: m
-    }), (s, v) => (f(), k(M, null, [
+    return D(() => r.modelValue, (s) => {
+      s !== void 0 && r.layout !== "popover" ? (i.value = s, p("update:modelValue", s)) : i.value = [];
+    }), n({
+      clear: u,
+      currentValue: v
+    }), (s, m) => (f(), k(F, null, [
       d("div", null, [
         d("div", {
-          class: R(s.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
+          class: M(s.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
         }, [
           d("div", null, [
             s.layout !== "vertical" ? (f(), k("label", kt, "Від")) : $("", !0),
             O(d("input", {
               type: "number",
-              class: R(e(t)),
+              class: M(e(t)),
               placeholder: s.placeHolder?.[0] ?? "min",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": v[0] || (v[0] = (w) => m.value[0] = w),
+              "onUpdate:modelValue": m[0] || (m[0] = (C) => v.value[0] = C),
               disabled: s.disabled
             }, null, 10, wt), [
-              [G, m.value[0]]
+              [G, v.value[0]]
             ])
           ]),
           s.layout === "vertical" ? (f(), k("label", Ct, " - ")) : $("", !0),
@@ -714,38 +721,38 @@ const At = /* @__PURE__ */ U({
             s.layout !== "vertical" ? (f(), k("label", Vt, "До")) : $("", !0),
             O(d("input", {
               type: "number",
-              class: R(e(t)),
+              class: M(e(t)),
               placeholder: s.placeHolder?.[1] ?? "max",
               min: "0",
               max: "1000000000000000",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": v[1] || (v[1] = (w) => m.value[1] = w),
+              "onUpdate:modelValue": m[1] || (m[1] = (C) => v.value[1] = C),
               disabled: s.disabled
             }, null, 10, $t), [
-              [G, m.value[1]]
+              [G, v.value[1]]
             ])
           ]),
           ["popover", "inline", "vertical"].includes(s.layout) ? (f(), k("button", {
             key: 1,
             onClick: h,
-            class: R(e(a) + (s.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
+            class: M(e(a) + (s.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
           }, j(s.layout === "vertical" ? "Ok" : "Застосувати"), 3)) : $("", !0),
           ["popover", "inline"].includes(s.layout) ? (f(), k("button", {
             key: 2,
-            disabled: !(m.value[0] || m.value[1]),
-            onClick: i,
-            class: R(e(a) + " hover:bg-gray-100")
+            disabled: !(v.value[0] || v.value[1]),
+            onClick: u,
+            class: M(e(a) + " hover:bg-gray-100")
           }, "Очистити", 10, _t)) : $("", !0)
         ], 2)
       ]),
-      (s.cleanable && u.value.length, $("", !0))
+      (s.cleanable && i.value.length, $("", !0))
     ], 64));
   }
-}), Bt = ["disabled", "title"], St = {
+}), St = ["disabled", "title"], Bt = {
   key: 0,
   class: "absolute top-0 end-0 inline-flex min-h-[10px] min-w-[10px] z-10 items-center py-0.5 rounded-full text-xs font-medium transform -translate-y-1/2 translate-x-1/2 bg-blue-600 text-white px-1"
-}, Dt = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, Rt = { class: "w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2" }, ge = /* @__PURE__ */ U({
+}, Rt = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, Dt = { class: "w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2" }, ge = /* @__PURE__ */ U({
   __name: "popover-field",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -756,71 +763,71 @@ const At = /* @__PURE__ */ U({
     mode: {},
     layout: {}
   },
-  setup(c, { expose: o }) {
-    const b = c, t = I(() => Fe(b.mode)), a = _(!1), r = _({ top: 0, left: 0 }), u = _(null), p = _(null), m = _(null);
+  setup(c, { expose: n }) {
+    const b = c, t = I(() => Fe(b.mode)), a = _(!1), r = _({ top: 0, left: 0 }), i = _(null), p = _(null), v = _(null);
     function h() {
-      const l = p.value, V = m.value;
+      const l = p.value, V = v.value;
       if (!l || !V) return;
-      const C = l.getBoundingClientRect(), n = V.offsetWidth, x = window.innerWidth, B = C.bottom + 8;
-      let { left: S } = C;
-      S + n > x && (S = Math.max(x - n - 10, 10)), r.value = { top: B, left: S };
+      const w = l.getBoundingClientRect(), o = V.offsetWidth, x = window.innerWidth, S = w.bottom + 8;
+      let { left: B } = w;
+      B + o > x && (B = Math.max(x - o - 10, 10)), r.value = { top: S, left: B };
     }
-    function i() {
+    function u() {
       a.value = !a.value, a.value && fe(() => {
         h(), b.fieldRef?.inputTextRef && b.fieldRef?.inputTextRef.focus();
       });
     }
     function s(l) {
-      !u.value?.contains(l.target) && !m.value?.contains(l.target) && (a.value = !1);
+      !i.value?.contains(l.target) && !v.value?.contains(l.target) && (a.value = !1);
     }
-    function v(l) {
+    function m(l) {
       l.key === "Escape" && (a.value = !1);
     }
-    const w = _(!1);
+    const C = _(!1);
     ae(() => {
-      w.value = !0;
+      C.value = !0;
     }), ae(() => {
-      document.addEventListener("click", s, !0), document.addEventListener("keydown", v), window.addEventListener("scroll", h, !0);
+      document.addEventListener("click", s, !0), document.addEventListener("keydown", m), window.addEventListener("scroll", h, !0);
     }), ce(() => {
-      document.removeEventListener("click", s, !0), document.removeEventListener("keydown", v), window.removeEventListener("scroll", h, !0);
+      document.removeEventListener("click", s, !0), document.removeEventListener("keydown", m), window.removeEventListener("scroll", h, !0);
     });
     function y() {
       a.value = !1;
     }
-    o({ close: y });
+    n({ close: y });
     const g = I(() => {
       const l = b.fieldRef?.selectedLabels;
       return l ? Array.isArray(l) ? l.length > 0 ? l.join(", ") : b.label ?? "" : String(l) : b.label ?? "";
     });
     return (l, V) => (f(), k("div", null, [
       d("button", {
-        onClick: i,
+        onClick: u,
         disabled: l.disabled,
         ref_key: "triggerRef",
         ref: p,
         title: l.label,
-        class: R(t.value + " " + (l.width ? e(de).getWidthClass(l.width) : "w-full"))
+        class: M(t.value + " " + (l.width ? e(de).getWidthClass(l.width) : "w-full"))
       }, [
         d("span", {
-          class: R(["truncate text-ellipsis block", l.width ? e(de).getWidthClass(l.width - 50) : "w-full"])
+          class: M(["truncate text-ellipsis block", l.width ? e(de).getWidthClass(l.width - 50) : "w-full"])
         }, j(g.value), 3),
-        H(ie, { class: "h-4 w-4" }),
-        (Array.isArray(l.currentValue) ? l.currentValue === null || l.currentValue.length > 0 : l.currentValue === null || l.currentValue) && l.layout === "inline" ? (f(), k("span", St)) : $("", !0)
-      ], 10, Bt),
-      w.value ? (f(), D(_e, {
+        Y(ue, { class: "h-4 w-4" }),
+        (Array.isArray(l.currentValue) ? l.currentValue === null || l.currentValue.length > 0 : l.currentValue === null || l.currentValue) && l.layout === "inline" ? (f(), k("span", Bt)) : $("", !0)
+      ], 10, St),
+      C.value ? (f(), R(_e, {
         key: 0,
         to: "body"
       }, [
         O(d("div", {
           ref_key: "popperRef",
-          ref: m,
+          ref: v,
           class: "vsTailwind vs-popover__content bottom-right w-fit fixed z-[1000]",
           style: Ae({ top: `${r.value.top}px`, left: `${r.value.left}px` }),
           "data-inside-popover": ""
         }, [
-          d("div", Dt, [
-            d("div", Rt, [
-              ue(l.$slots, "default")
+          d("div", Rt, [
+            d("div", Dt, [
+              ie(l.$slots, "default")
             ])
           ])
         ], 4), [
@@ -833,135 +840,135 @@ const At = /* @__PURE__ */ U({
 function Mt(c) {
   return String(c).charAt(0).toUpperCase() + String(c).slice(1);
 }
-class Y {
-  static format(o) {
-    const b = o.getFullYear(), t = (o.getMonth() + 1).toString().padStart(2, "0"), a = o.getDate().toString().padStart(2, "0");
+class H {
+  static format(n) {
+    const b = n.getFullYear(), t = (n.getMonth() + 1).toString().padStart(2, "0"), a = n.getDate().toString().padStart(2, "0");
     return `${b}-${t}-${a}`;
   }
-  static getShiftedDay(o, b = 0) {
-    const t = o ? new Date(o) : /* @__PURE__ */ new Date();
+  static getShiftedDay(n, b = 0) {
+    const t = n ? new Date(n) : /* @__PURE__ */ new Date();
     return t.setDate(t.getDate() + b), this.format(t);
   }
-  static getLastWeekRange(o, b, t = 0) {
-    if (o && b) {
-      const h = new Date(o), i = new Date(b);
-      return h.setDate(h.getDate() + t * 7), i.setDate(i.getDate() + t * 7), [this.format(h), this.format(i)];
+  static getLastWeekRange(n, b, t = 0) {
+    if (n && b) {
+      const h = new Date(n), u = new Date(b);
+      return h.setDate(h.getDate() + t * 7), u.setDate(u.getDate() + t * 7), [this.format(h), this.format(u)];
     }
-    const a = /* @__PURE__ */ new Date(), r = a.getDay(), u = r === 0 ? 13 : r - 1 + 7, p = new Date(a);
-    p.setDate(a.getDate() - u + t * 7);
-    const m = new Date(p);
-    return m.setDate(p.getDate() + 6), [this.format(p), this.format(m)];
+    const a = /* @__PURE__ */ new Date(), r = a.getDay(), i = r === 0 ? 13 : r - 1 + 7, p = new Date(a);
+    p.setDate(a.getDate() - i + t * 7);
+    const v = new Date(p);
+    return v.setDate(p.getDate() + 6), [this.format(p), this.format(v)];
   }
-  static getMonthRange(o, b, t = 0) {
+  static getMonthRange(n, b, t = 0) {
     let a;
-    o ? a = new Date(o) : a = /* @__PURE__ */ new Date(), a = new Date(a.getFullYear(), a.getMonth() + t, 1);
-    const r = a, u = new Date(a.getFullYear(), a.getMonth() + 1, 0);
-    return [this.format(r), this.format(u)];
-  }
-  static getQuarterRange(o, b, t = 0) {
-    const a = o || b, r = a ? new Date(a) : /* @__PURE__ */ new Date();
-    let u = Math.floor(r.getMonth() / 3);
-    u += t;
-    const p = (u % 4 + 4) % 4 * 3, m = r.getFullYear() + Math.floor(u / 4), h = new Date(m, p, 1), i = new Date(m, p + 3, 0);
-    return [this.format(h), this.format(i)];
-  }
-  static getYear(o, b = 0) {
+    n ? a = new Date(n) : a = /* @__PURE__ */ new Date(), a = new Date(a.getFullYear(), a.getMonth() + t, 1);
+    const r = a, i = new Date(a.getFullYear(), a.getMonth() + 1, 0);
+    return [this.format(r), this.format(i)];
+  }
+  static getQuarterRange(n, b, t = 0) {
+    const a = n || b, r = a ? new Date(a) : /* @__PURE__ */ new Date();
+    let i = Math.floor(r.getMonth() / 3);
+    i += t;
+    const p = (i % 4 + 4) % 4 * 3, v = r.getFullYear() + Math.floor(i / 4), h = new Date(v, p, 1), u = new Date(v, p + 3, 0);
+    return [this.format(h), this.format(u)];
+  }
+  static getYear(n, b = 0) {
     let t;
-    return o && /^\d{4}$/.test(o) ? t = parseInt(o, 10) : o ? t = new Date(o).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), String(t + b);
+    return n && /^\d{4}$/.test(n) ? t = parseInt(n, 10) : n ? t = new Date(n).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), String(t + b);
   }
-  static getYearRange(o, b = 0) {
+  static getYearRange(n, b = 0) {
     let t;
-    return o && /^\d{4}$/.test(o) ? t = parseInt(o, 10) : o ? t = new Date(o).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), [
+    return n && /^\d{4}$/.test(n) ? t = parseInt(n, 10) : n ? t = new Date(n).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), [
       this.format(new Date(t + b, 0, 1)),
       this.format(new Date(t + b + 1, 0, 0))
     ];
   }
-  static getRangeFromDaysBefore(o) {
+  static getRangeFromDaysBefore(n) {
     const b = /* @__PURE__ */ new Date(), t = new Date(b.getTime());
-    return t.setDate(b.getDate() - o), [this.format(t), this.format(b)];
+    return t.setDate(b.getDate() - n), [this.format(t), this.format(b)];
   }
 }
-function Ke(c, o) {
+function Ke(c, n) {
   const {
     popoverRef: b
   } = c, t = _(""), a = _(
     c.modelValue ?? c.default ?? []
   ), r = _(0);
-  function u() {
-    const g = Y.getRangeFromDaysBefore(r.value);
-    return a.value = [...g], o("change", { name: c.name, value: a.value }), o("update:modelValue", a.value), g;
+  function i() {
+    const g = H.getRangeFromDaysBefore(r.value);
+    return a.value = [...g], n("change", { name: c.name, value: a.value }), n("update:modelValue", a.value), g;
   }
   function p(g) {
     t.value = g, b.value?.close();
     const l = [];
     switch (t.value) {
       case "today":
-        l.push(Y.getShiftedDay()), l.push(Y.getShiftedDay());
+        l.push(H.getShiftedDay()), l.push(H.getShiftedDay());
         break;
       case "week":
-        l.push(...Y.getLastWeekRange());
+        l.push(...H.getLastWeekRange());
         break;
       case "month":
-        l.push(...Y.getMonthRange());
+        l.push(...H.getMonthRange());
         break;
       case "quarter":
-        l.push(...Y.getQuarterRange());
+        l.push(...H.getQuarterRange());
         break;
       case "year":
-        l.push(...Y.getYearRange());
+        l.push(...H.getYearRange());
         break;
       case "last_7_days":
-        r.value = 7, u();
+        r.value = 7, i();
         break;
       case "range":
-        r.value = 7, l.push(...u());
+        r.value = 7, l.push(...i());
         break;
     }
-    a.value = [...l], o("change", { name: c.name, value: a.value }), o("update:modelValue", a.value);
+    a.value = [...l], n("change", { name: c.name, value: a.value }), n("update:modelValue", a.value);
   }
-  function m() {
+  function v() {
     const g = [];
     switch (t.value) {
       case "today":
-        g.push(Y.getShiftedDay(a.value[0], 1));
+        g.push(H.getShiftedDay(a.value[0], 1));
         break;
       case "week":
-        g.push(...Y.getLastWeekRange(a.value[0], a.value[1], 1));
+        g.push(...H.getLastWeekRange(a.value[0], a.value[1], 1));
         break;
       case "month":
-        g.push(...Y.getMonthRange(a.value[0], a.value[1], 1));
+        g.push(...H.getMonthRange(a.value[0], a.value[1], 1));
         break;
       case "quarter":
-        g.push(...Y.getQuarterRange(a.value[0], a.value[1], 1));
+        g.push(...H.getQuarterRange(a.value[0], a.value[1], 1));
         break;
       case "year":
-        g.push(...Y.getYearRange(a.value[0], 1));
+        g.push(...H.getYearRange(a.value[0], 1));
         break;
     }
-    a.value = [...g], o("change", { name: c.name, value: a.value }), o("update:modelValue", a.value);
+    a.value = [...g], n("change", { name: c.name, value: a.value }), n("update:modelValue", a.value);
   }
   function h() {
     const g = [];
     switch (t.value) {
       case "today":
-        g.push(Y.getShiftedDay(a.value[0], -1));
+        g.push(H.getShiftedDay(a.value[0], -1));
         break;
       case "week":
-        g.push(...Y.getLastWeekRange(a.value[0], a.value[1], -1));
+        g.push(...H.getLastWeekRange(a.value[0], a.value[1], -1));
         break;
       case "month":
-        g.push(...Y.getMonthRange(a.value[0], a.value[1], -1));
+        g.push(...H.getMonthRange(a.value[0], a.value[1], -1));
         break;
       case "quarter":
-        g.push(...Y.getQuarterRange(a.value[0], a.value[1], -1));
+        g.push(...H.getQuarterRange(a.value[0], a.value[1], -1));
         break;
       case "year":
-        g.push(...Y.getYearRange(a.value[0], -1));
+        g.push(...H.getYearRange(a.value[0], -1));
         break;
     }
-    a.value = [...g], o("change", { name: c.name, value: a.value }), o("update:modelValue", a.value);
+    a.value = [...g], n("change", { name: c.name, value: a.value }), n("update:modelValue", a.value);
   }
-  const i = [
+  const u = [
     "Січень",
     "Лютий",
     "Березень",
@@ -976,10 +983,10 @@ function Ke(c, o) {
     "Грудень"
   ];
   function s(g) {
-    const [l, V, C] = g.split("-");
-    return `${C}.${V}.${l}`;
+    const [l, V, w] = g.split("-");
+    return `${w}.${V}.${l}`;
   }
-  function v(g) {
+  function m(g) {
     const { value: l } = a;
     switch (g) {
       case "today":
@@ -990,14 +997,14 @@ function Ke(c, o) {
         return l[0] && l[1] ? `${s(l[0])} – ${s(l[1])}` : "";
       case "quarter":
         if (l[0]) {
-          const V = new Date(l[0]), C = V.getFullYear(), n = V.getMonth();
-          return `${Math.floor(n / 3) + 1} квартал ${C}`;
+          const V = new Date(l[0]), w = V.getFullYear(), o = V.getMonth();
+          return `${Math.floor(o / 3) + 1} квартал ${w}`;
         }
         return "";
       case "month":
         if (l[0]) {
-          const [V, C] = l[0].split("-");
-          return `${i[parseInt(C, 10) - 1]} ${V}`;
+          const [V, w] = l[0].split("-");
+          return `${u[parseInt(w, 10) - 1]} ${V}`;
         }
         return "";
       case "year":
@@ -1008,22 +1015,22 @@ function Ke(c, o) {
         return c.label ?? "";
     }
   }
-  const w = I(() => t.value ? v(t.value) : c.label ?? "");
+  const C = I(() => t.value ? m(t.value) : c.label ?? "");
   function y() {
-    t.value = "", a.value = [], o("update:modelValue", []), o("clear", c.name);
+    t.value = "", a.value = [], n("update:modelValue", []), n("clear", c.name);
   }
   return {
     activeMode: t,
     innerValue: a,
     daysBefore: r,
-    onDaysBeforeChange: u,
+    onDaysBeforeChange: i,
     onSelectChange: p,
-    nextClick: m,
+    nextClick: v,
     prevClick: h,
-    ukMonths: i,
+    ukMonths: u,
     formatDisplayDate: s,
-    getModeLabel: v,
-    currentLabel: w,
+    getModeLabel: m,
+    currentLabel: C,
     clear: y
   };
 }
@@ -1069,26 +1076,26 @@ const Ht = /* @__PURE__ */ U({
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(c, { expose: o, emit: b }) {
-    const t = c, a = Me(), r = xt(), u = b, p = _(null), {
-      activeMode: m,
+  setup(c, { expose: n, emit: b }) {
+    const t = c, a = Me(), r = xt(), i = b, p = _(null), {
+      activeMode: v,
       innerValue: h,
-      onSelectChange: i,
+      onSelectChange: u,
       nextClick: s,
-      prevClick: v,
-      clear: w
+      prevClick: m,
+      clear: C
     } = Ke({
       ...t,
       popoverRef: p
-    }, u);
-    return F(() => t.modelValue, (y) => {
-      y !== void 0 ? (h.value = y, u("update:modelValue", y)) : (m.value = "", h.value = []);
-    }), o({
-      clear: w,
+    }, i);
+    return D(() => t.modelValue, (y) => {
+      y !== void 0 ? (h.value = y, i("update:modelValue", y)) : (v.value = "", h.value = []);
+    }), n({
+      clear: C,
       popoverRef: p
-    }), (y, g) => (f(), k(M, null, [
+    }), (y, g) => (f(), k(F, null, [
       y.layout === "inline" ? (f(), k("div", Ft, [
-        e(m) !== "" && e(m) === "range" ? (f(), k("div", Kt, [
+        e(v) !== "" && e(v) === "range" ? (f(), k("div", Kt, [
           O(d("input", {
             type: "date",
             max: e(h)[1],
@@ -1112,10 +1119,10 @@ const Ht = /* @__PURE__ */ U({
         ])) : $("", !0)
       ])) : $("", !0),
       d("div", {
-        class: R(y.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
+        class: M(y.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
       }, [
         d("div", {
-          class: R(y.layout !== "popover" ? "w-[48%]" : "")
+          class: M(y.layout !== "popover" ? "w-[48%]" : "")
         }, [
           y.layout === "popover" ? (f(), k("label", Et, "Від")) : $("", !0),
           O(d("input", {
@@ -1123,7 +1130,7 @@ const Ht = /* @__PURE__ */ U({
             max: e(h)[1],
             locale: "uk-UA",
             "onUpdate:modelValue": g[2] || (g[2] = (l) => e(h)[0] = l),
-            class: R(e(a)),
+            class: M(e(a)),
             disabled: y.disabled
           }, null, 10, Tt), [
             [G, e(h)[0]]
@@ -1131,7 +1138,7 @@ const Ht = /* @__PURE__ */ U({
         ], 2),
         y.layout !== "popover" ? (f(), k("label", It, " - ")) : $("", !0),
         d("div", {
-          class: R(y.layout !== "popover" ? "w-[48%]" : "")
+          class: M(y.layout !== "popover" ? "w-[48%]" : "")
         }, [
           y.layout === "popover" ? (f(), k("label", Ot, "До")) : $("", !0),
           O(d("input", {
@@ -1139,7 +1146,7 @@ const Ht = /* @__PURE__ */ U({
             min: e(h)[0],
             locale: "uk-UA",
             "onUpdate:modelValue": g[3] || (g[3] = (l) => e(h)[1] = l),
-            class: R(e(a)),
+            class: M(e(a)),
             disabled: y.disabled
           }, null, 10, Ut), [
             [G, e(h)[1]]
@@ -1147,18 +1154,18 @@ const Ht = /* @__PURE__ */ U({
         ], 2)
       ], 2),
       d("div", zt, [
-        (f(), k(M, null, W(["today", "week", "month", "quarter", "year"], (l) => d("button", {
+        (f(), k(F, null, W(["today", "week", "month", "quarter", "year"], (l) => d("button", {
           key: l,
-          class: R(e(r) + (e(m) === l ? " bg-blue-100" : "")),
-          onClick: (V) => e(i)(l)
+          class: M(e(r) + (e(v) === l ? " bg-blue-100" : "")),
+          onClick: (V) => e(u)(l)
         }, j(e(Mt)(l)), 11, Nt)), 64)),
         d("button", {
-          class: R(e(r)),
+          class: M(e(r)),
           onClick: g[4] || (g[4] = //@ts-ignore
-          (...l) => e(v) && e(v)(...l))
+          (...l) => e(m) && e(m)(...l))
         }, " <", 2),
         d("button", {
-          class: R(e(r)),
+          class: M(e(r)),
           onClick: g[5] || (g[5] = //@ts-ignore
           (...l) => e(s) && e(s)(...l))
         }, " >", 2)
@@ -1167,38 +1174,38 @@ const Ht = /* @__PURE__ */ U({
     ], 64));
   }
 });
-function Yt(c, o) {
+function Yt(c, n) {
   const {
     api: b,
     options: t = [],
     limit: a = 20,
     dataKey: r = "data"
-  } = c, u = c.multi;
+  } = c, i = c.multi;
   function p(A) {
-    return u ? Array.isArray(A) ? A : A ? [A] : [] : Array.isArray(A) ? A[0] : A;
+    return i ? Array.isArray(A) ? A : A ? [A] : [] : Array.isArray(A) ? A[0] : A;
   }
-  const m = _(p(c.modelValue)), h = _(""), i = _(!1), s = _([]), v = _("id"), w = _("text"), y = _(!1), g = _(c.layout !== "popover" && t.length > a), l = _([]), V = _(0);
-  function C(A) {
+  const v = _(p(c.modelValue)), h = _(""), u = _(!1), s = _([]), m = _("id"), C = _("text"), y = _(!1), g = _(c.layout !== "popover" && t.length > a), l = _([]), V = _(0);
+  function w(A) {
     const z = A.find(Boolean) ?? {}, q = ["id", "value", "code", "key"].find((oe) => oe in z) ?? "id", se = ["text", "label", "name", "title"].find((oe) => oe in z) ?? "text";
     return { autoValueKey: q, autoLabelKey: se };
   }
   if (t.length > 0) {
-    const A = C(t);
-    v.value = A.autoValueKey, w.value = A.autoLabelKey;
+    const A = w(t);
+    m.value = A.autoValueKey, C.value = A.autoLabelKey;
   }
-  const n = I(() => {
+  const o = I(() => {
     if (b) return s.value;
     const A = s.value;
     if (c.layout === "popover") return A;
     if (!h.value)
       return y.value ? A : A.slice(0, a);
     const z = h.value.toLowerCase();
-    return A.filter((q) => q[w.value].toLowerCase().includes(z));
+    return A.filter((q) => q[C.value].toLowerCase().includes(z));
   });
   let x = null;
-  async function B(A) {
+  async function S(A) {
     if (b) {
-      i.value = !0;
+      u.value = !0;
       try {
         const z = new URL(b, window.location.origin);
         z.searchParams.set("json", "1"), z.searchParams.set("key", A), z.searchParams.set("limit", a.toString());
@@ -1207,37 +1214,37 @@ function Yt(c, o) {
           throw new Error(`HTTP error! status: ${q.status}`);
         const se = await q.json();
         if (s.value = se[r], s.value.length > 0) {
-          const oe = C(s.value);
-          v.value = oe.autoValueKey, w.value = oe.autoLabelKey;
+          const oe = w(s.value);
+          m.value = oe.autoValueKey, C.value = oe.autoLabelKey;
         }
         V.value = se.total;
       } catch (z) {
         console.error("Failed to fetch remote options:", z);
       } finally {
-        i.value = !1;
+        u.value = !1;
       }
     }
   }
-  F(h, (A) => {
+  D(h, (A) => {
     b && (x && clearTimeout(x), x = setTimeout(() => {
-      B(A);
+      S(A);
     }, 200));
-  }), F(() => c.modelValue, (A) => {
-    m.value = p(A);
-  }, { immediate: !0 }), b ? B("") : s.value = t;
-  function S(A) {
-    return u && Array.isArray(m.value) ? m.value.includes(A[v.value]) : m.value && m.value === A[v.value];
+  }), D(() => c.modelValue, (A) => {
+    v.value = p(A);
+  }, { immediate: !0 }), b ? S("") : s.value = t;
+  function B(A) {
+    return i && Array.isArray(v.value) ? v.value.includes(A[m.value]) : v.value && v.value === A[m.value];
   }
   function K(A) {
-    if (u && !Array.isArray(m.value) && (m.value = []), u && Array.isArray(m.value)) {
-      const z = m.value.includes(A[v.value]);
-      m.value = z ? m.value.filter((q) => q !== A[v.value]) : [...m.value, A[v.value]], l.value = z ? l.value.filter((q) => q !== A[w.value]) : [...l.value, A[w.value]];
+    if (i && !Array.isArray(v.value) && (v.value = []), i && Array.isArray(v.value)) {
+      const z = v.value.includes(A[m.value]);
+      v.value = z ? v.value.filter((q) => q !== A[m.value]) : [...v.value, A[m.value]], l.value = z ? l.value.filter((q) => q !== A[C.value]) : [...l.value, A[C.value]];
     } else
-      m.value = A[v.value], l.value = A[w.value];
-    o("update:modelValue", m.value), o("change", { name: c.name, value: m.value });
+      v.value = A[m.value], l.value = A[C.value];
+    n("update:modelValue", v.value), n("change", { name: c.name, value: v.value });
   }
   function E() {
-    u ? (m.value = [], l.value = []) : (m.value = void 0, l.value = []), o("update:modelValue", m.value), o("clear", c.name);
+    i ? (v.value = [], l.value = []) : (v.value = void 0, l.value = []), n("update:modelValue", v.value), n("clear", c.name);
   }
   function L() {
     x && clearTimeout(x), h.value = "", y.value = !1;
@@ -1249,34 +1256,34 @@ function Yt(c, o) {
     x && clearTimeout(x);
   });
   const Q = _(-1);
-  F(n, () => {
-    Q.value = n.value.length > 0 ? 0 : -1;
+  D(o, () => {
+    Q.value = o.value.length > 0 ? 0 : -1;
   });
   function re(A) {
-    const z = n.value.length;
+    const z = o.value.length;
     if (A.key === "ArrowDown")
       A.preventDefault(), Q.value = (Q.value + 1) % z;
     else if (A.key === "ArrowUp")
       A.preventDefault(), Q.value = (Q.value - 1 + z) % z;
-    else if (A.key === "Enter" && (A.preventDefault(), Q.value >= 0 && Q.value < n.value.length)) {
-      const q = n.value[Q.value];
+    else if (A.key === "Enter" && (A.preventDefault(), Q.value >= 0 && Q.value < o.value.length)) {
+      const q = o.value[Q.value];
       K(q);
     }
   }
   return {
-    innerValue: m,
+    innerValue: v,
     searchTerm: h,
-    filteredOptions: n,
-    isSelected: S,
+    filteredOptions: o,
+    isSelected: B,
     selectItem: K,
     clear: E,
     resetSearch: L,
     toggleShowAll: T,
-    isReqProc: i,
+    isReqProc: u,
     showAll: y,
     isEnableShowAll: g,
-    labelKey: w,
-    valueKey: v,
+    labelKey: C,
+    valueKey: m,
     allOptions: s,
     highlightedIndex: Q,
     onKeyDown: re,
@@ -1319,51 +1326,51 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(c, { expose: o, emit: b }) {
+  setup(c, { expose: n, emit: b }) {
     const t = c, a = b, r = _(null), {
-      innerValue: u,
+      innerValue: i,
       filteredOptions: p,
-      isSelected: m,
+      isSelected: v,
       selectItem: h,
-      clear: i,
+      clear: u,
       resetSearch: s,
-      toggleShowAll: v,
-      isReqProc: w,
+      toggleShowAll: m,
+      isReqProc: C,
       showAll: y,
       isEnableShowAll: g,
       searchTerm: l,
       labelKey: V,
-      valueKey: C,
-      highlightedIndex: n,
+      valueKey: w,
+      highlightedIndex: o,
       onKeyDown: x,
-      selectedLabels: B,
-      totalCount: S
+      selectedLabels: S,
+      totalCount: B
     } = Yt({
       ...t,
       modelValue: t.modelValue
     }, a);
     ae(() => {
       s();
-    }), F(
+    }), D(
       () => t.modelValue,
       (E) => {
-        E === void 0 && (t.multi ? u.value = [] : u.value = void 0);
+        E === void 0 && (t.multi ? i.value = [] : i.value = void 0);
       }
     );
     const K = _([]);
-    return F(n, (E) => {
+    return D(o, (E) => {
       E >= 0 && K.value[E] && K.value[E]?.scrollIntoView({
         block: "nearest",
         behavior: "smooth"
       });
-    }), F(p, () => {
+    }), D(p, () => {
       K.value = [];
-    }), o({
-      clear: i,
+    }), n({
+      clear: u,
       inputTextRef: r,
-      selectedLabels: B
+      selectedLabels: S
     }), (E, L) => (f(), k("div", {
-      class: R([E.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+      class: M([E.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
     }, [
       d("div", Pt, [
         O(d("input", {
@@ -1378,80 +1385,81 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
         }, null, 544), [
           [G, e(l)]
         ]),
-        H(De, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
-        H(Re, {
+        Y(Re, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
+        e(l) != "" ? (f(), R(De, {
+          key: 0,
           onClick: L[2] || (L[2] = (T) => l.value = ""),
           class: "absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"
-        })
+        })) : $("", !0)
       ]),
       d("div", {
-        class: R([
+        class: M([
           E.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
           E.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (f(!0), k(M, null, W(e(p), (T, Q) => (f(), D(me, {
+        (f(!0), k(F, null, W(e(p), (T, Q) => (f(), R(me, {
           layout: E.layout,
           count: T.count,
           label: T[e(V)],
           color: T.color,
           type: E.multi ? "checkbox" : "radio",
-          value: T[e(C)],
-          "is-selected": e(m)(T),
-          highlighted: Q === e(n),
+          value: T[e(w)],
+          "is-selected": e(v)(T),
+          highlighted: Q === e(o),
           onItemClick: (re) => e(h)(T),
           ref_for: !0,
           ref: (re) => K.value[Q] = re?.el
         }, null, 8, ["layout", "count", "label", "color", "type", "value", "is-selected", "highlighted", "onItemClick"]))), 256))
       ], 2),
-      E.type === "select" && e(p).length === 0 && !e(w) ? (f(), k("div", Wt, [
+      E.type === "select" && e(p).length === 0 && !e(C) ? (f(), k("div", Wt, [
         d("div", qt, [
-          H(ve),
+          Y(ve),
           L[7] || (L[7] = d("div", { class: "max-w-sm mx-auto mt-6" }, [
             d("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
             d("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
           ], -1))
         ])
       ])) : $("", !0),
-      E.layout !== "popover" && E.type !== "select" ? (f(), k(M, { key: 1 }, [
+      E.layout !== "popover" && E.type !== "select" ? (f(), k(F, { key: 1 }, [
         !e(y) && e(g) ? (f(), k("div", {
           key: 0,
           onClick: L[3] || (L[3] = //@ts-ignore
-          (...T) => e(v) && e(v)(...T)),
+          (...T) => e(m) && e(m)(...T)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
           L[8] || (L[8] = N(" Показати більше ", -1)),
-          H(ie)
+          Y(ue)
         ])) : $("", !0),
         e(y) ? (f(), k("div", {
           key: 1,
           onClick: L[4] || (L[4] = //@ts-ignore
-          (...T) => e(v) && e(v)(...T)),
+          (...T) => e(m) && e(m)(...T)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
           L[9] || (L[9] = N(" Показати менше ", -1)),
-          H(ye)
+          Y(ye)
         ])) : $("", !0)
       ], 64)) : $("", !0),
-      E.cleanable ? (f(), k(M, { key: 2 }, [
+      E.cleanable ? (f(), k(F, { key: 2 }, [
         E.layout === "inline" ? (f(), k("div", Qt, [
-          N(j(E.multi && Array.isArray(e(u)) ? e(u)?.length : e(u) !== void 0 && (e(u) || e(u) === null) ? 1 : 0) + " з " + j(e(S)) + " обрано ", 1),
+          N(j(E.multi && Array.isArray(e(i)) ? e(i)?.length : e(i) !== void 0 && (e(i) || e(i) === null) ? 1 : 0) + " з " + j(e(B)) + " обрано ", 1),
           O(d("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: L[5] || (L[5] = //@ts-ignore
-            (...T) => e(i) && e(i)(...T))
+            (...T) => e(u) && e(u)(...T))
           }, " Очистити ", 512), [
-            [X, e(u) !== "" && e(u) !== void 0 || e(u)]
+            [X, e(i) !== "" && e(i) !== void 0 || e(i)]
           ])
         ])) : $("", !0),
         E.layout === "popover" ? (f(), k("div", Gt, [
-          d("span", null, j(E.multi && Array.isArray(e(u)) ? e(u)?.length : e(u) !== void 0 && (e(u) || e(u) === null) ? 1 : 0) + " з " + j(e(S)) + " обрано", 1),
+          d("span", null, j(E.multi && Array.isArray(e(i)) ? e(i)?.length : e(i) !== void 0 && (e(i) || e(i) === null) ? 1 : 0) + " з " + j(e(B)) + " обрано", 1),
           O(d("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: L[6] || (L[6] = //@ts-ignore
-            (...T) => e(i) && e(i)(...T))
+            (...T) => e(u) && e(u)(...T))
           }, " Очистити ", 512), [
-            [X, e(u) !== "" && e(u) !== void 0 || e(u)]
+            [X, e(i) !== "" && e(i) !== void 0 || e(i)]
           ])
         ])) : $("", !0)
       ], 64)) : $("", !0)
@@ -1489,66 +1497,66 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(c, { expose: o, emit: b }) {
+  setup(c, { expose: n, emit: b }) {
     const t = c, a = b, {
       innerValue: r,
-      isSelected: u,
+      isSelected: i,
       selectItem: p,
-      clear: m,
+      clear: v,
       labelKey: h,
-      valueKey: i,
+      valueKey: u,
       allOptions: s
-    } = t.multi ? Se({
+    } = t.multi ? Be({
       ...t,
       modelValue: t.modelValue ?? t.default ?? []
-    }, a) : Be({
+    }, a) : Se({
       ...t,
       modelValue: t.modelValue !== void 0 ? t.modelValue : t.default ?? ""
     }, a);
-    return o({
-      clear: m
-    }), F(
+    return n({
+      clear: v
+    }), D(
       () => t.modelValue,
-      (v) => {
-        v === void 0 && (t.multi ? r.value = [] : r.value = void 0);
+      (m) => {
+        m === void 0 && (t.multi ? r.value = [] : r.value = void 0);
       }
-    ), (v, w) => (f(), k(M, null, [
+    ), (m, C) => (f(), k(F, null, [
       d("div", {
-        class: R(["grid grid-cols-3 gap-2 mx-[1px]", v.layout === "popover" ? "m-1" : "mb-1"])
+        class: M(["grid grid-cols-3 gap-2 mx-[1px]", m.layout === "popover" ? "m-1" : "mb-1"])
       }, [
-        (f(!0), k(M, null, W(e(s), (y) => (f(), k("label", {
-          key: `item-${y[e(i)]}`,
-          for: `item-${y[e(i)]}`,
+        (f(!0), k(F, null, W(e(s), (y) => (f(), k("label", {
+          key: `item-${y[e(u)]}`,
+          for: `item-${y[e(u)]}`,
           onClick: $e((g) => e(p)(y), ["stop", "prevent"]),
-          class: R([e(u)(y) ? "ring-2 ring-indigo-600" : "", "p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-lg dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 peer-checked:text-indigo-600 dark:has-checked:text-indigo-500 peer-checked:border-indigo-600 dark:has-checked:border-indigo-500 peer-checked:ring peer-checked:shadow focus:ring dark:has-checked:ring-indigo-500 has-disabled:pointer-events-none has-disabled:text-gray-200 dark:has-disabled:text-neutral-700 has-disabled:after:absolute has-disabled:after:inset-0 has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-gray-200)_calc(50%-1px),var(--color-gray-200)_50%,transparent_50%)] dark:has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-neutral-700)_calc(50%-1px),var(--color-neutral-700)_50%,transparent_50%)]"])
+          class: M([e(i)(y) ? "ring-2 ring-indigo-600" : "", "p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-lg dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 peer-checked:text-indigo-600 dark:has-checked:text-indigo-500 peer-checked:border-indigo-600 dark:has-checked:border-indigo-500 peer-checked:ring peer-checked:shadow focus:ring dark:has-checked:ring-indigo-500 has-disabled:pointer-events-none has-disabled:text-gray-200 dark:has-disabled:text-neutral-700 has-disabled:after:absolute has-disabled:after:inset-0 has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-gray-200)_calc(50%-1px),var(--color-gray-200)_50%,transparent_50%)] dark:has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-neutral-700)_calc(50%-1px),var(--color-neutral-700)_50%,transparent_50%)]"])
         }, [
           d("input", {
             type: "checkbox",
-            id: `item-${y[e(i)]}`,
+            id: `item-${y[e(u)]}`,
             class: "hidden w4poy border-gray-200 g41z1 g22e3 axcnw dark:text-indigo-500 dark:border-neutral-700 dark:focus:ring-neutral-900",
-            name: `item-${y[e(i)]}`,
-            value: y[e(i)]
+            name: `item-${y[e(u)]}`,
+            value: y[e(u)]
           }, null, 8, Zt),
           d("span", el, j(y[e(h)]), 1)
         ], 10, Jt))), 128))
       ], 2),
-      v.cleanable ? (f(), k(M, { key: 0 }, [
-        v.layout === "inline" ? (f(), k("div", tl, [
-          N(j(v.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + j(e(s).length) + " обрано ", 1),
+      m.cleanable ? (f(), k(F, { key: 0 }, [
+        m.layout === "inline" ? (f(), k("div", tl, [
+          N(j(m.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + j(e(s).length) + " обрано ", 1),
           O(d("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: w[0] || (w[0] = //@ts-ignore
-            (...y) => e(m) && e(m)(...y))
+            onClick: C[0] || (C[0] = //@ts-ignore
+            (...y) => e(v) && e(v)(...y))
           }, " Очистити ", 512), [
             [X, e(r) !== "" && e(r) !== void 0 || e(r)]
           ])
         ])) : $("", !0),
-        v.layout === "popover" ? (f(), k("div", ll, [
-          d("span", null, j(v.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + j(e(s).length) + " обрано", 1),
+        m.layout === "popover" ? (f(), k("div", ll, [
+          d("span", null, j(m.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + j(e(s).length) + " обрано", 1),
           O(d("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: w[1] || (w[1] = //@ts-ignore
-            (...y) => e(m) && e(m)(...y))
+            onClick: C[1] || (C[1] = //@ts-ignore
+            (...y) => e(v) && e(v)(...y))
           }, " Очистити ", 512), [
             [X, e(r) !== void 0 && e(r) !== "" || e(r)]
           ])
@@ -1568,12 +1576,12 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
   "stroke-linejoin": "round",
   class: "text-blue-600 w-[16px] h-[16px]"
 };
-function rl(c, o) {
-  return f(), k("svg", al, o[0] || (o[0] = [
+function rl(c, n) {
+  return f(), k("svg", al, n[0] || (n[0] = [
     d("path", { d: "M20 6 9 17l-5-5" }, null, -1)
   ]));
 }
-const ee = /* @__PURE__ */ J(nl, [["render", rl]]), sl = {}, ul = {
+const ee = /* @__PURE__ */ J(nl, [["render", rl]]), sl = {}, il = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1585,8 +1593,8 @@ const ee = /* @__PURE__ */ J(nl, [["render", rl]]), sl = {}, ul = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[90deg]"
 };
-function il(c, o) {
-  return f(), k("svg", ul, o[0] || (o[0] = [
+function ul(c, n) {
+  return f(), k("svg", il, n[0] || (n[0] = [
     d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1595,7 +1603,7 @@ function il(c, o) {
     d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const dl = /* @__PURE__ */ J(sl, [["render", il]]), cl = {}, fl = {
+const dl = /* @__PURE__ */ J(sl, [["render", ul]]), cl = {}, fl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1607,8 +1615,8 @@ const dl = /* @__PURE__ */ J(sl, [["render", il]]), cl = {}, fl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[270deg]"
 };
-function pl(c, o) {
-  return f(), k("svg", fl, o[0] || (o[0] = [
+function pl(c, n) {
+  return f(), k("svg", fl, n[0] || (n[0] = [
     d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1647,44 +1655,44 @@ const Cl = /* @__PURE__ */ U({
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(c, { expose: o, emit: b }) {
+  setup(c, { expose: n, emit: b }) {
     const t = c, a = b, r = _(null), {
-      activeMode: u,
+      activeMode: i,
       innerValue: p,
-      onSelectChange: m,
+      onSelectChange: v,
       nextClick: h,
-      prevClick: i,
+      prevClick: u,
       currentLabel: s,
-      clear: v
+      clear: m
     } = Ke({
       ...t,
       popoverRef: r
     }, a);
-    return F(() => t.modelValue, (w) => {
-      w !== void 0 ? (p.value = w, a("update:modelValue", w)) : (u.value = "", p.value = []);
-    }), o({
-      clear: v,
+    return D(() => t.modelValue, (C) => {
+      C !== void 0 ? (p.value = C, a("update:modelValue", C)) : (i.value = "", p.value = []);
+    }), n({
+      clear: m,
       popoverRef: r
-    }), (w, y) => (f(), k(M, null, [
+    }), (C, y) => (f(), k(F, null, [
       d("div", vl, [
-        H(ge, {
+        Y(ge, {
           ref_key: "popoverRef",
           ref: r,
           label: e(s),
           "current-value": e(p),
-          mode: w.mode,
-          onClear: e(v),
-          layout: w.layout
+          mode: C.mode,
+          onClear: e(m),
+          layout: C.layout
         }, {
           default: te(() => [
             d("div", null, [
               d("button", {
                 type: "button",
-                onClick: y[0] || (y[0] = (g) => e(m)("range")),
+                onClick: y[0] || (y[0] = (g) => e(v)("range")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 y[12] || (y[12] = N(" Період ", -1)),
-                e(u) === "range" ? (f(), D(ee, { key: 0 })) : $("", !0)
+                e(i) === "range" ? (f(), R(ee, { key: 0 })) : $("", !0)
               ])
             ]),
             y[19] || (y[19] = d("div", null, [
@@ -1693,77 +1701,77 @@ const Cl = /* @__PURE__ */ U({
             d("div", null, [
               d("button", {
                 type: "button",
-                onClick: y[1] || (y[1] = (g) => e(m)("today")),
+                onClick: y[1] || (y[1] = (g) => e(v)("today")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 y[13] || (y[13] = N(" Сьогодні ", -1)),
-                e(u) === "today" ? (f(), D(ee, { key: 0 })) : $("", !0)
+                e(i) === "today" ? (f(), R(ee, { key: 0 })) : $("", !0)
               ])
             ]),
             d("div", null, [
               d("button", {
                 type: "button",
-                onClick: y[2] || (y[2] = (g) => e(m)("week")),
+                onClick: y[2] || (y[2] = (g) => e(v)("week")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 y[14] || (y[14] = N(" Тиждень ", -1)),
-                e(u) === "week" ? (f(), D(ee, { key: 0 })) : $("", !0)
+                e(i) === "week" ? (f(), R(ee, { key: 0 })) : $("", !0)
               ])
             ]),
             d("div", null, [
               d("button", {
                 type: "button",
-                onClick: y[3] || (y[3] = (g) => e(m)("month")),
+                onClick: y[3] || (y[3] = (g) => e(v)("month")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 y[15] || (y[15] = N(" Місяць ", -1)),
-                e(u) === "month" ? (f(), D(ee, { key: 0 })) : $("", !0)
+                e(i) === "month" ? (f(), R(ee, { key: 0 })) : $("", !0)
               ])
             ]),
             d("div", null, [
               d("button", {
                 type: "button",
-                onClick: y[4] || (y[4] = (g) => e(m)("quarter")),
+                onClick: y[4] || (y[4] = (g) => e(v)("quarter")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 y[16] || (y[16] = N(" Квартал ", -1)),
-                e(u) === "quarter" ? (f(), D(ee, { key: 0 })) : $("", !0)
+                e(i) === "quarter" ? (f(), R(ee, { key: 0 })) : $("", !0)
               ])
             ]),
             d("div", yl, [
               d("button", {
                 type: "button",
-                onClick: y[5] || (y[5] = (g) => e(m)("year")),
+                onClick: y[5] || (y[5] = (g) => e(v)("year")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 y[17] || (y[17] = N(" Рік ", -1)),
-                e(u) === "year" ? (f(), D(ee, { key: 0 })) : $("", !0)
+                e(i) === "year" ? (f(), R(ee, { key: 0 })) : $("", !0)
               ])
             ]),
             d("div", gl, [
               d("button", {
                 type: "button",
-                onClick: y[6] || (y[6] = (g) => e(v)()),
+                onClick: y[6] || (y[6] = (g) => e(m)()),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 y[18] || (y[18] = N(" Весь час ", -1)),
-                e(p)[0] ? $("", !0) : (f(), D(ee, { key: 0 }))
+                e(p)[0] ? $("", !0) : (f(), R(ee, { key: 0 }))
               ])
             ])
           ]),
           _: 1,
           __: [19]
         }, 8, ["label", "current-value", "mode", "onClear", "layout"]),
-        e(u) !== "" && e(u) !== "range" && e(u) !== "last_7_days" ? (f(), k(M, { key: 0 }, [
+        e(i) !== "" && e(i) !== "range" && e(i) !== "last_7_days" ? (f(), k(F, { key: 0 }, [
           d("div", bl, [
             d("button", {
               type: "button",
               title: "Попередній період",
               class: "inline-flex h-[38px] items-center px-2 text-sm text-gray-800 bg-gray-100 gap-x-2 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",
               onClick: y[7] || (y[7] = //@ts-ignore
-              (...g) => e(i) && e(i)(...g))
+              (...g) => e(u) && e(u)(...g))
             }, [
-              H(dl)
+              Y(dl)
             ])
           ]),
           d("div", hl, [
@@ -1774,18 +1782,18 @@ const Cl = /* @__PURE__ */ U({
               onClick: y[8] || (y[8] = //@ts-ignore
               (...g) => e(h) && e(h)(...g))
             }, [
-              H(ml)
+              Y(ml)
             ])
           ])
         ], 64)) : $("", !0),
-        e(u) !== "" && e(u) === "range" ? (f(), k("div", xl, [
+        e(i) !== "" && e(i) === "range" ? (f(), k("div", xl, [
           O(d("input", {
             type: "date",
             max: e(p)[1],
             locale: "uk-UA",
             "onUpdate:modelValue": y[9] || (y[9] = (g) => e(p)[0] = g),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600",
-            disabled: w.disabled
+            disabled: C.disabled
           }, null, 8, kl), [
             [G, e(p)[0]]
           ]),
@@ -1795,13 +1803,13 @@ const Cl = /* @__PURE__ */ U({
             locale: "uk-UA",
             "onUpdate:modelValue": y[10] || (y[10] = (g) => e(p)[1] = g),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600 appearance-auto",
-            disabled: w.disabled
+            disabled: C.disabled
           }, null, 8, wl), [
             [G, e(p)[1]]
           ])
         ])) : $("", !0)
       ]),
-      (w.cleanable, $("", !0))
+      (C.cleanable, $("", !0))
     ], 64));
   }
 }), ke = {
@@ -1815,7 +1823,7 @@ const Cl = /* @__PURE__ */ U({
   tag: ol,
   "date:inline": Cl
 };
-function be(c, o) {
+function be(c, n) {
   let b;
   switch (c.toLowerCase()) {
     case "autocomplete":
@@ -1827,7 +1835,7 @@ function be(c, o) {
     default:
       b = c?.toString().toLowerCase();
   }
-  return b === "date" && o && o === "inline" && (b = "date:inline"), {
+  return b === "date" && n && n === "inline" && (b = "date:inline"), {
     component: ke[b] || ke.text,
     type: b
   };
@@ -1844,8 +1852,8 @@ const Vl = {}, $l = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-reload absolute inline mr-1 text-gray-800 transition-all cursor-pointer active:rotate-90 right-1 top-1 hover:text-blue-500"
 };
-function _l(c, o) {
-  return f(), k("svg", $l, o[0] || (o[0] = [
+function _l(c, n) {
+  return f(), k("svg", $l, n[0] || (n[0] = [
     d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1855,7 +1863,7 @@ function _l(c, o) {
     d("path", { d: "M20 4v5h-5" }, null, -1)
   ]));
 }
-const Al = /* @__PURE__ */ J(Vl, [["render", _l]]), Bl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Sl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, Dl = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, Rl = { class: "flex items-center" }, Ml = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, Fl = { class: "filter-layout__body" }, Kl = /* @__PURE__ */ U({
+const Al = /* @__PURE__ */ J(Vl, [["render", _l]]), Sl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Bl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, Rl = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, Dl = { class: "flex items-center" }, Ml = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, Fl = { class: "filter-layout__body" }, Kl = /* @__PURE__ */ U({
   __name: "vertical-layout",
   props: {
     id: {},
@@ -1881,69 +1889,69 @@ const Al = /* @__PURE__ */ J(Vl, [["render", _l]]), Bl = { style: { display: "in
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(c, { expose: o, emit: b }) {
-    const t = c, a = b, r = _(), u = be(t.type, t.layout), p = I({
+  setup(c, { expose: n, emit: b }) {
+    const t = c, a = b, r = _(), i = be(t.type, t.layout), p = I({
       get: () => t.modelValue,
       set: (s) => a("update:modelValue", s)
     });
-    function m(s) {
+    function v(s) {
       a("clear", s);
     }
-    function h(s, v) {
-      a("change", { name: s, value: v }), t.modelValue !== void 0 && a("update:modelValue", v);
+    function h(s, m) {
+      a("change", { name: s, value: m }), t.modelValue !== void 0 && a("update:modelValue", m);
     }
-    function i() {
+    function u() {
       r.value && r.value.clear(), a("clear", t.name);
     }
-    return F(
+    return D(
       () => t.default,
       (s) => {
         p.value = s;
       }
-    ), F(
+    ), D(
       () => t.modelValue,
       (s) => {
         p.value = s;
       }
-    ), o({
+    ), n({
       filterRef: r
-    }), (s, v) => (f(), k("div", Bl, [
-      d("div", Sl, [
-        d("div", Dl, [
-          d("div", Rl, [
+    }), (s, m) => (f(), k("div", Sl, [
+      d("div", Bl, [
+        d("div", Rl, [
+          d("div", Dl, [
             d("span", Ml, j(s.label), 1)
           ]),
-          typeof p.value == "string" && p.value.trim() !== "" || Array.isArray(p.value) && p.value.length > 0 && p.value.some((w) => w !== void 0) || p.value === null ? (f(), D(Al, {
+          typeof p.value == "string" && p.value.trim() !== "" || Array.isArray(p.value) && p.value.length > 0 && p.value.some((C) => C !== void 0) || p.value === null ? (f(), R(Al, {
             key: 0,
-            onClick: i
+            onClick: u
           })) : $("", !0)
         ]),
         d("div", Fl, [
-          e(u)?.type !== "select" ? (f(), D(Z(e(u)?.component), P({ key: 0 }, t, {
-            type: e(u)?.type,
-            onChange: v[0] || (v[0] = (w) => h(w.name, w.value)),
-            onClear: v[1] || (v[1] = (w) => m(w)),
+          e(i)?.type !== "select" ? (f(), R(Z(e(i)?.component), P({ key: 0 }, t, {
+            type: e(i)?.type,
+            onChange: m[0] || (m[0] = (C) => h(C.name, C.value)),
+            onClear: m[1] || (m[1] = (C) => v(C)),
             ref_key: "filterRef",
             ref: r
-          }), null, 16, ["type"])) : (f(), D(ge, {
+          }), null, 16, ["type"])) : (f(), R(ge, {
             key: 1,
             "current-value": p.value,
             label: s.label,
             mode: s.mode,
-            onClear: i,
+            onClear: u,
             fieldRef: r.value,
             width: void 0,
             disabled: s.disabled,
             layout: "vertical"
           }, {
             default: te(() => [
-              (f(), D(Z(e(u)?.component), P({
+              (f(), R(Z(e(i)?.component), P({
                 ref_key: "filterRef",
                 ref: r
               }, t, {
-                type: e(u)?.type,
-                onChange: v[2] || (v[2] = (w) => h(w.name, w.value)),
-                onClear: v[3] || (v[3] = (w) => m(w))
+                type: e(i)?.type,
+                onChange: m[2] || (m[2] = (C) => h(C.name, C.value)),
+                onClear: m[3] || (m[3] = (C) => v(C))
               }), null, 16, ["type"]))
             ]),
             _: 1
@@ -1978,57 +1986,57 @@ const Al = /* @__PURE__ */ J(Vl, [["render", _l]]), Bl = { style: { display: "in
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(c, { expose: o, emit: b }) {
-    const t = c, a = b, r = _(), u = be(t.type, t.layout), p = I({
+  setup(c, { expose: n, emit: b }) {
+    const t = c, a = b, r = _(), i = be(t.type, t.layout), p = I({
       get: () => t.modelValue,
-      set: (i) => a("update:modelValue", i)
+      set: (u) => a("update:modelValue", u)
     });
-    function m(i = t.name) {
-      a("clear", i);
+    function v(u = t.name) {
+      a("clear", u);
     }
-    function h(i, s) {
-      a("change", { name: i, value: s }), t.modelValue !== void 0 && a("update:modelValue", s);
+    function h(u, s) {
+      a("change", { name: u, value: s }), t.modelValue !== void 0 && a("update:modelValue", s);
     }
-    return F(
+    return D(
       () => t.default,
-      (i) => {
-        p.value = i;
+      (u) => {
+        p.value = u;
       }
-    ), F(
+    ), D(
       () => t.modelValue,
-      (i) => {
-        p.value = i;
+      (u) => {
+        p.value = u;
       }
-    ), o({
+    ), n({
       filterRef: r
-    }), (i, s) => ["text", "date"].includes(i.type.toLocaleLowerCase()) ? (f(), D(Z(e(u)?.component), P({ key: 0 }, t, {
-      type: e(u)?.type,
-      onChange: s[0] || (s[0] = (v) => h(v.name, v.value)),
-      onClear: s[1] || (s[1] = (v) => m(v)),
-      disabled: i.disabled,
+    }), (u, s) => ["text", "date"].includes(u.type.toLocaleLowerCase()) ? (f(), R(Z(e(i)?.component), P({ key: 0 }, t, {
+      type: e(i)?.type,
+      onChange: s[0] || (s[0] = (m) => h(m.name, m.value)),
+      onClear: s[1] || (s[1] = (m) => v(m)),
+      disabled: u.disabled,
       modelValue: p.value,
-      "onUpdate:modelValue": s[2] || (s[2] = (v) => p.value = v)
-    }), null, 16, ["type", "disabled", "modelValue"])) : (f(), D(ge, {
+      "onUpdate:modelValue": s[2] || (s[2] = (m) => p.value = m)
+    }), null, 16, ["type", "disabled", "modelValue"])) : (f(), R(ge, {
       key: 1,
       "current-value": p.value,
-      label: i.label,
-      mode: i.mode,
-      onClear: m,
+      label: u.label,
+      mode: u.mode,
+      onClear: v,
       fieldRef: r.value,
       width: t.width,
-      disabled: i.disabled,
+      disabled: u.disabled,
       layout: "inline"
     }, {
       default: te(() => [
-        (f(), D(Z(e(u)?.component), P({
+        (f(), R(Z(e(i)?.component), P({
           ref_key: "filterRef",
           ref: r
         }, t, {
           modelValue: p.value,
-          "onUpdate:modelValue": s[3] || (s[3] = (v) => p.value = v),
-          type: e(u)?.type,
-          onChange: s[4] || (s[4] = (v) => h(v.name, v.value)),
-          onClear: s[5] || (s[5] = (v) => m(v))
+          "onUpdate:modelValue": s[3] || (s[3] = (m) => p.value = m),
+          type: e(i)?.type,
+          onChange: s[4] || (s[4] = (m) => h(m.name, m.value)),
+          onClear: s[5] || (s[5] = (m) => v(m))
         }), null, 16, ["modelValue", "type"]))
       ]),
       _: 1
@@ -2060,40 +2068,40 @@ const Al = /* @__PURE__ */ J(Vl, [["render", _l]]), Bl = { style: { display: "in
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(c, { expose: o, emit: b }) {
-    const t = c, a = b, r = _(), u = _(be(t.type, t.layout)), p = I({
+  setup(c, { expose: n, emit: b }) {
+    const t = c, a = b, r = _(), i = _(be(t.type, t.layout)), p = I({
       get: () => t.modelValue,
-      set: (i) => a("update:modelValue", i)
+      set: (u) => a("update:modelValue", u)
     });
-    function m(i) {
-      a("clear", i);
+    function v(u) {
+      a("clear", u);
     }
-    function h(i, s) {
-      a("change", { name: i, value: s }), t.modelValue !== void 0 && a("update:modelValue", s);
+    function h(u, s) {
+      a("change", { name: u, value: s }), t.modelValue !== void 0 && a("update:modelValue", s);
     }
-    return F(
+    return D(
       () => t.default,
-      (i) => {
-        p.value = i;
+      (u) => {
+        p.value = u;
       }
-    ), F(
+    ), D(
       () => t.modelValue,
-      (i) => {
-        p.value = i;
+      (u) => {
+        p.value = u;
       }
-    ), F(
+    ), D(
       () => t,
-      (i) => {
-        p.value = i;
+      (u) => {
+        p.value = u;
       }
-    ), o({
+    ), n({
       filterRef: r
-    }), (i, s) => (f(), D(Z(u.value?.component), P(t, {
-      type: u.value?.type,
+    }), (u, s) => (f(), R(Z(i.value?.component), P(t, {
+      type: i.value?.type,
       modelValue: p.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (v) => p.value = v),
-      onChange: s[1] || (s[1] = (v) => h(v.name, v.value)),
-      onClear: s[2] || (s[2] = (v) => m(v)),
+      "onUpdate:modelValue": s[0] || (s[0] = (m) => p.value = m),
+      onChange: s[1] || (s[1] = (m) => h(m.name, m.value)),
+      onClear: s[2] || (s[2] = (m) => v(m)),
       ref_key: "filterRef",
       ref: r
     }), null, 16, ["type", "modelValue"]));
@@ -2124,28 +2132,28 @@ const Al = /* @__PURE__ */ J(Vl, [["render", _l]]), Bl = { style: { display: "in
     sort: { default: "name" }
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(c, { expose: o, emit: b }) {
-    const t = c, a = b, r = _(), u = I({
+  setup(c, { expose: n, emit: b }) {
+    const t = c, a = b, r = _(), i = I({
       get: () => t.modelValue,
-      set: (i) => a("update:modelValue", i)
+      set: (u) => a("update:modelValue", u)
     });
-    function p(i) {
-      a("clear", i);
+    function p(u) {
+      a("clear", u);
     }
-    function m(i, s) {
-      a("change", { name: i, value: s }), t.modelValue !== void 0 && a("update:modelValue", s);
+    function v(u, s) {
+      a("change", { name: u, value: s }), t.modelValue !== void 0 && a("update:modelValue", s);
     }
-    F(
+    D(
       () => t.default,
-      (i) => {
-        u.value = i;
+      (u) => {
+        i.value = u;
       }
-    ), F(
+    ), D(
       () => t.modelValue,
-      (i) => {
-        u.value = i;
+      (u) => {
+        i.value = u;
       }
-    ), o({
+    ), n({
       filterRef: r
     });
     function h() {
@@ -2160,136 +2168,136 @@ const Al = /* @__PURE__ */ J(Vl, [["render", _l]]), Bl = { style: { display: "in
           return we;
       }
     }
-    return (i, s) => (f(), D(Z(h()), P(t, {
-      onChange: s[0] || (s[0] = (v) => m(v.name, v.value)),
-      onClear: s[1] || (s[1] = (v) => p(v)),
-      modelValue: u.value,
-      "onUpdate:modelValue": s[2] || (s[2] = (v) => u.value = v)
+    return (u, s) => (f(), R(Z(h()), P(t, {
+      onChange: s[0] || (s[0] = (m) => v(m.name, m.value)),
+      onClear: s[1] || (s[1] = (m) => p(m)),
+      modelValue: i.value,
+      "onUpdate:modelValue": s[2] || (s[2] = (m) => i.value = m)
     }), null, 16, ["modelValue"]));
   }
 });
-function he(c, o) {
+function he(c, n) {
   const {
     slots: b
-  } = c, t = _(c.value ?? {}), a = I(() => (ne(b?.default?.()) ?? []).flatMap((n) => Array.isArray(n.children) ? n.children : [n]));
-  function r(C) {
-    delete t.value[C], o("clear", {
+  } = c, t = _(c.value ?? {}), a = I(() => (ne(b?.default?.()) ?? []).flatMap((o) => Array.isArray(o.children) ? o.children : [o]));
+  function r(w) {
+    delete t.value[w], n("clear", {
       data: ne(t.value),
-      name: C
+      name: w
     });
   }
-  function u(C, n) {
-    n === void 0 ? r(C) : t.value = {
+  function i(w, o) {
+    o === void 0 ? r(w) : t.value = {
       ...t.value,
-      [C]: n
-    }, o("change", {
+      [w]: o
+    }, n("change", {
       data: ne(t.value),
-      name: C,
-      value: n
+      name: w,
+      value: o
     });
   }
-  const p = I(() => a.value.map((C) => {
-    const n = C.props?.name;
-    return Te(C, {
-      ...C.props,
+  const p = I(() => a.value.map((w) => {
+    const o = w.props?.name;
+    return Te(w, {
+      ...w.props,
       layout: c.view,
       showClean: !0,
-      modelValue: t[n],
+      modelValue: t[o],
       "onUpdate:modelValue": (x) => {
-        u(n, x);
+        i(o, x);
       },
-      onClear: () => r(n)
+      onClear: () => r(o)
     });
-  })), m = I(
+  })), v = I(
     () => new Map(
-      p.value.map((C) => {
-        const n = C.props?.name;
-        return n ? [n, C] : null;
-      }).filter((C) => C !== null)
+      p.value.map((w) => {
+        const o = w.props?.name;
+        return o ? [o, w] : null;
+      }).filter((w) => w !== null)
     )
   );
-  function h(C = !1) {
-    t.value = {}, C || o("clearAll", {
+  function h(w = !1) {
+    t.value = {}, w || n("clearAll", {
       data: ne(t.value),
       name: "ALL"
     });
   }
-  const i = _(""), s = I(() => c.schema?.value ? Object.entries(t.value).filter(([C, n]) => c.schema && !(C in c.schema.value) ? !1 : Array.isArray(n) ? n.some((x) => x !== "" && x !== void 0) : n !== "" && n !== void 0).length : 0), v = _();
-  F(i, async () => {
-    await fe(), v?.value?.filterRef?.inputTextRef && v.value.filterRef.inputTextRef.focus();
+  const u = _(""), s = I(() => c.schema?.value ? Object.entries(t.value).filter(([w, o]) => c.schema && !(w in c.schema.value) ? !1 : Array.isArray(o) ? o.some((x) => x !== "" && x !== void 0) : o !== "" && o !== void 0).length : 0), m = _();
+  D(u, async () => {
+    await fe(), m?.value?.filterRef?.inputTextRef && m.value.filterRef.inputTextRef.focus();
   });
-  const w = I(() => c.schema?.value ? Object.fromEntries(Object.entries(c.schema?.value).slice(0, c.limit)) : {}), y = I(() => c.schema?.value ? c.view !== "inline" ? c.schema?.value : Object.fromEntries(Object.entries(c.schema?.value).slice(c.limit)) : {}), g = I(() => {
+  const C = I(() => c.schema?.value ? Object.fromEntries(Object.entries(c.schema?.value).slice(0, c.limit)) : {}), y = I(() => c.schema?.value ? c.view !== "inline" ? c.schema?.value : Object.fromEntries(Object.entries(c.schema?.value).slice(c.limit)) : {}), g = I(() => {
     if (p.value.length === 0) return [];
-    let C = 0;
+    let w = 0;
     if (c.schema?.value) {
-      const n = Object.entries(c.schema.value).length;
-      n < c.limit ? C = c.limit - n : C = 0;
+      const o = Object.entries(c.schema.value).length;
+      o < c.limit ? w = c.limit - o : w = 0;
     }
-    return p.value.slice(0, C);
+    return p.value.slice(0, w);
   }), l = I(() => p.value.length === 0 ? [] : c.view !== "inline" ? p.value : p.value.slice(g.value.length));
   function V() {
     if (y.value) {
-      const [C] = Object.keys(y.value);
-      i.value = C;
-    } else l.value.length > 0 ? i.value = l.value[0].props.name : i.value = "";
+      const [w] = Object.keys(y.value);
+      u.value = w;
+    } else l.value.length > 0 ? u.value = l.value[0].props.name : u.value = "";
   }
   return {
     activeFilter: t,
     activeFilterCount: s,
-    onFilterChange: u,
+    onFilterChange: i,
     clearFilter: r,
     clearAllFilters: h,
-    limitedSchema: w,
+    limitedSchema: C,
     popoverSchema: y,
     filtersSlot: p,
     limitedFiltersSlot: g,
     popoverFiltersSlot: l,
-    vnodeMap: m,
+    vnodeMap: v,
     onPopoverOpen: V,
-    selectedFilter: i,
-    filterRef: v
+    selectedFilter: u,
+    filterRef: m
   };
 }
 const Ll = /* @__PURE__ */ U({
   __name: "popover",
   emits: ["open", "close"],
-  setup(c, { emit: o }) {
-    const b = _(!1), t = _(null), a = _(null), r = _(null), u = _({ top: "0px", left: "0px", position: "absolute" });
+  setup(c, { emit: n }) {
+    const b = _(!1), t = _(null), a = _(null), r = _(null), i = _({ top: "0px", left: "0px", position: "absolute" });
     function p() {
       b.value = !b.value;
     }
-    function m() {
-      const v = r.value, w = t.value;
-      if (!v || !w) return;
-      const y = v.getBoundingClientRect(), g = w.offsetWidth, l = window.innerWidth - y.left;
+    function v() {
+      const m = r.value, C = t.value;
+      if (!m || !C) return;
+      const y = m.getBoundingClientRect(), g = C.offsetWidth, l = window.innerWidth - y.left;
       let V = y.left + window.scrollX;
-      g > l && (V = window.innerWidth - g - 8, V < 8 && (V = 8)), u.value = {
+      g > l && (V = window.innerWidth - g - 8, V < 8 && (V = 8)), i.value = {
         position: "absolute",
         top: `${y.bottom + window.scrollY + 8}px`,
         left: `${V}px`
       };
     }
-    function h(v) {
-      const w = v.target;
-      !r.value?.contains(v.target) && !t.value?.contains(v.target) && !w.closest("[data-inside-popover]") && (b.value = !1);
+    function h(m) {
+      const C = m.target;
+      !r.value?.contains(m.target) && !t.value?.contains(m.target) && !C.closest("[data-inside-popover]") && (b.value = !1);
     }
-    const i = _(!1);
+    const u = _(!1);
     ae(() => {
-      i.value = !0;
+      u.value = !0;
     }), ae(() => {
-      r.value = a.value?.querySelector("[data-popover-trigger]") || null, r.value?.addEventListener("click", p), document.addEventListener("click", h), window.addEventListener("resize", m), window.addEventListener("scroll", m, !0);
+      r.value = a.value?.querySelector("[data-popover-trigger]") || null, r.value?.addEventListener("click", p), document.addEventListener("click", h), window.addEventListener("resize", v), window.addEventListener("scroll", v, !0);
     }), ce(() => {
-      r.value?.removeEventListener("click", p), document.removeEventListener("click", h), window.removeEventListener("resize", m), window.removeEventListener("scroll", m, !0);
+      r.value?.removeEventListener("click", p), document.removeEventListener("click", h), window.removeEventListener("resize", v), window.removeEventListener("scroll", v, !0);
     });
-    const s = o;
-    return F(b, async (v) => {
-      v ? (s("open"), await fe(), m()) : s("close");
-    }), (v, w) => (f(), k("div", {
+    const s = n;
+    return D(b, async (m) => {
+      m ? (s("open"), await fe(), v()) : s("close");
+    }), (m, C) => (f(), k("div", {
       ref_key: "wrapperRef",
       ref: a
     }, [
-      ue(v.$slots, "trigger"),
-      i.value ? (f(), D(_e, {
+      ie(m.$slots, "trigger"),
+      u.value ? (f(), R(_e, {
         key: 0,
         to: "body"
       }, [
@@ -2297,9 +2305,9 @@ const Ll = /* @__PURE__ */ U({
           ref_key: "popoverRef",
           ref: t,
           class: "absolute z-[50] w-[600px] rounded-md border bg-white shadow-md",
-          style: Ae(u.value)
+          style: Ae(i.value)
         }, [
-          ue(v.$slots, "default")
+          ie(m.$slots, "default")
         ], 4), [
           [X, b.value]
         ])
@@ -2318,8 +2326,8 @@ const Ll = /* @__PURE__ */ U({
   "stroke-linejoin": "round",
   class: "lucide lucide-filter h-4 w-4"
 };
-function Il(c, o) {
-  return f(), k("svg", Tl, o[0] || (o[0] = [
+function Il(c, n) {
+  return f(), k("svg", Tl, n[0] || (n[0] = [
     d("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
   ]));
 }
@@ -2349,14 +2357,14 @@ const Ol = /* @__PURE__ */ J(El, [["render", Il]]), Ul = {
     limit: { default: 3 }
   },
   emits: ["change", "clear", "clearAll"],
-  setup(c, { expose: o, emit: b }) {
-    const t = c, a = Fe(t.mode), r = pe(), u = b, p = _({}), {
-      activeFilter: m,
+  setup(c, { expose: n, emit: b }) {
+    const t = c, a = Fe(t.mode), r = pe(), i = b, p = _({}), {
+      activeFilter: v,
       activeFilterCount: h,
-      onFilterChange: i,
+      onFilterChange: u,
       clearFilter: s,
-      clearAllFilters: v,
-      popoverSchema: w,
+      clearAllFilters: m,
+      popoverSchema: C,
       popoverFiltersSlot: y,
       onPopoverOpen: g,
       selectedFilter: l,
@@ -2365,61 +2373,61 @@ const Ol = /* @__PURE__ */ J(El, [["render", Il]]), Ul = {
       ...t,
       schema: p,
       slots: r
-    }, u);
-    return F(
+    }, i);
+    return D(
       () => t.schema,
-      (C) => {
-        p.value = C;
+      (w) => {
+        p.value = w;
       },
       { deep: !0, immediate: !0 }
-    ), o({
+    ), n({
       clearFilter: s,
-      clearAllFilters: v
-    }), (C, n) => (f(), D(Ll, {
+      clearAllFilters: m
+    }), (w, o) => (f(), R(Ll, {
       onOpen: e(g),
-      onClose: n[5] || (n[5] = (x) => l.value = "")
+      onClose: o[5] || (o[5] = (x) => l.value = "")
     }, {
       trigger: te(() => [
         d("button", {
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
-          class: R(
+          class: M(
             e(a) + (e(h) > 0 ? "bg-blue-50 border-blue-200 text-blue-700 hover:bg-blue-100" : "text-gray-800 hover:bg-gray-200 focus:bg-gray-200")
           ),
           type: "button"
         }, [
-          H(Ol),
-          n[6] || (n[6] = N(" Фільтр ", -1)),
+          Y(Ol),
+          o[6] || (o[6] = N(" Фільтр ", -1)),
           e(h) > 0 ? (f(), k("div", Ul, j(e(h)), 1)) : $("", !0)
         ], 2)
       ]),
       default: te(() => [
         d("div", zl, [
           d("div", Nl, [
-            n[7] || (n[7] = d("div", { class: "p-4 border-b" }, [
+            o[7] || (o[7] = d("div", { class: "p-4 border-b" }, [
               d("p", { class: "text-sm text-gray-600" }, "Select a field to start creating a filter.")
             ], -1)),
             d("div", Hl, [
-              C.schema ? (f(!0), k(M, { key: 0 }, W(Object.entries(e(w)), ([x, B]) => (f(), k("button", {
+              w.schema ? (f(!0), k(F, { key: 0 }, W(Object.entries(e(C)), ([x, S]) => (f(), k("button", {
                 key: x,
                 onClick: () => {
                   l.value = x;
                 },
-                class: R([
+                class: M([
                   "w-full flex items-center justify-between px-3 py-2 text-left hover:bg-gray-50 transition-colors",
                   e(l) === x ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : ""
                 ])
               }, [
                 d("div", Pl, [
-                  d("span", Wl, j(B.label), 1)
+                  d("span", Wl, j(S.label), 1)
                 ]),
-                (Array.isArray(e(m)[x]) ? e(m)[x]?.length > 0 : e(m)[x] || e(m)[x] === null) ? (f(), k("div", ql)) : $("", !0)
+                (Array.isArray(e(v)[x]) ? e(v)[x]?.length > 0 : e(v)[x] || e(v)[x] === null) ? (f(), k("div", ql)) : $("", !0)
               ], 10, Yl))), 128)) : $("", !0),
-              (f(!0), k(M, null, W(e(y), (x, B) => (f(), k("button", {
-                key: "slot-" + B,
-                onClick: (S) => l.value = x.props.name,
-                class: R([
+              (f(!0), k(F, null, W(e(y), (x, S) => (f(), k("button", {
+                key: "slot-" + S,
+                onClick: (B) => l.value = x.props.name,
+                class: M([
                   "w-full flex items-center justify-between px-3 py-2 text-left hover:bg-gray-50 transition-colors",
                   e(l) === x.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : ""
                 ])
@@ -2427,56 +2435,56 @@ const Ol = /* @__PURE__ */ J(El, [["render", Il]]), Ul = {
                 d("div", Gl, [
                   d("span", Xl, j(x.props.label), 1)
                 ]),
-                e(m)[x.props.name]?.length > 0 ? (f(), k("div", Jl)) : $("", !0)
+                e(v)[x.props.name]?.length > 0 ? (f(), k("div", Jl)) : $("", !0)
               ], 10, Ql))), 128))
             ]),
             e(h) > 0 ? (f(), k("div", Zl, [
               d("button", {
                 class: "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors",
-                onClick: n[0] || (n[0] = (x) => e(v)()),
+                onClick: o[0] || (o[0] = (x) => e(m)()),
                 "data-inside-popover": ""
               }, " Очистити всі ")
             ])) : $("", !0)
           ]),
           d("div", eo, [
-            e(l) === "" ? (f(), k("div", to, n[8] || (n[8] = [
+            e(l) === "" ? (f(), k("div", to, o[8] || (o[8] = [
               d("p", { class: "text-sm" }, "Select a field to start creating a filter.", -1)
             ]))) : $("", !0),
-            e(l) ? (f(), k(M, { key: 1 }, [
-              e(w) ? (f(!0), k(M, { key: 0 }, W(Object.entries(e(w)), ([x, B]) => (f(), k(M, null, [
-                e(l) === x ? (f(), D(le, P({
+            e(l) ? (f(), k(F, { key: 1 }, [
+              e(C) ? (f(!0), k(F, { key: 0 }, W(Object.entries(e(C)), ([x, S]) => (f(), k(F, null, [
+                e(l) === x ? (f(), R(le, P({
                   name: x,
                   key: x,
                   layout: "popover",
                   ref_for: !0,
                   ref_key: "filterRef",
                   ref: V
-                }, { ref_for: !0 }, B, {
-                  onChange: n[1] || (n[1] = (S) => e(i)(S.name, S.value)),
-                  onClear: n[2] || (n[2] = (S) => {
-                    e(s)(S), e(i)(S, void 0);
+                }, { ref_for: !0 }, S, {
+                  onChange: o[1] || (o[1] = (B) => e(u)(B.name, B.value)),
+                  onClear: o[2] || (o[2] = (B) => {
+                    e(s)(B), e(u)(B, void 0);
                   }),
-                  modelValue: e(m)[x],
-                  "onUpdate:modelValue": (S) => e(m)[x] = S,
+                  modelValue: e(v)[x],
+                  "onUpdate:modelValue": (B) => e(v)[x] = B,
                   cleanable: !0
                 }), null, 16, ["name", "modelValue", "onUpdate:modelValue"])) : $("", !0)
               ], 64))), 256)) : $("", !0),
-              (f(!0), k(M, null, W(e(y), (x, B) => (f(), k(M, {
-                key: "slot-" + B
+              (f(!0), k(F, null, W(e(y), (x, S) => (f(), k(F, {
+                key: "slot-" + S
               }, [
-                e(l) === x.props.name ? (f(), D(le, P({
+                e(l) === x.props.name ? (f(), R(le, P({
                   key: 0,
                   layout: "popover"
                 }, { ref_for: !0 }, x.props, {
                   ref_for: !0,
                   ref_key: "filterRef",
                   ref: V,
-                  onChange: n[3] || (n[3] = (S) => e(i)(S.name, S.value)),
-                  onClear: n[4] || (n[4] = (S) => {
-                    e(s)(S), e(i)(S, void 0);
+                  onChange: o[3] || (o[3] = (B) => e(u)(B.name, B.value)),
+                  onClear: o[4] || (o[4] = (B) => {
+                    e(s)(B), e(u)(B, void 0);
                   }),
-                  modelValue: e(m)[x.props.name],
-                  "onUpdate:modelValue": (S) => e(m)[x.props.name] = S,
+                  modelValue: e(v)[x.props.name],
+                  "onUpdate:modelValue": (B) => e(v)[x.props.name] = B,
                   cleanable: !0
                 }), null, 16, ["modelValue", "onUpdate:modelValue"])) : $("", !0)
               ], 64))), 128))
@@ -2498,85 +2506,85 @@ const Ol = /* @__PURE__ */ J(El, [["render", Il]]), Ul = {
     limit: { default: 3 }
   },
   emits: ["change", "clear", "clearAll"],
-  setup(c, { expose: o, emit: b }) {
-    const t = c, a = b, r = pe(), u = _({}), {
+  setup(c, { expose: n, emit: b }) {
+    const t = c, a = b, r = pe(), i = _({}), {
       activeFilter: p,
-      activeFilterCount: m,
+      activeFilterCount: v,
       onFilterChange: h,
-      clearFilter: i,
+      clearFilter: u,
       clearAllFilters: s,
-      limitedSchema: v,
-      popoverSchema: w,
+      limitedSchema: m,
+      popoverSchema: C,
       filtersSlot: y,
       limitedFiltersSlot: g,
       popoverFiltersSlot: l
     } = he(
       {
         ...t,
-        schema: u,
+        schema: i,
         slots: r
       },
       a
     ), V = _();
-    function C() {
+    function w() {
       V.value && V.value.clearAllFilters(!0), s();
     }
-    return F(
+    return D(
       () => t.schema,
-      (n) => {
-        u.value = n;
+      (o) => {
+        i.value = o;
       },
       { deep: !0, immediate: !0 }
-    ), o({
-      clearFilter: i,
+    ), n({
+      clearFilter: u,
       clearAllFilters: s
-    }), (n, x) => (f(), k("div", lo, [
-      n.schema ? (f(!0), k(M, { key: 0 }, W(Object.entries(e(v)), ([B, S]) => (f(), D(le, P({
-        key: B,
-        name: B,
-        mode: n.mode
-      }, { ref_for: !0 }, S, {
+    }), (o, x) => (f(), k("div", lo, [
+      o.schema ? (f(!0), k(F, { key: 0 }, W(Object.entries(e(m)), ([S, B]) => (f(), R(le, P({
+        key: S,
+        name: S,
+        mode: o.mode
+      }, { ref_for: !0 }, B, {
         onChange: x[0] || (x[0] = (K) => e(h)(K.name, K.value)),
-        onClear: e(i),
+        onClear: e(u),
         layout: "inline",
         cleanable: !0,
-        modelValue: e(p)[B],
-        "onUpdate:modelValue": (K) => e(p)[B] = K
+        modelValue: e(p)[S],
+        "onUpdate:modelValue": (K) => e(p)[S] = K
       }), null, 16, ["name", "mode", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : $("", !0),
-      (f(!0), k(M, null, W(e(g), (B, S) => (f(), D(le, P({
-        key: "slot-" + S,
+      (f(!0), k(F, null, W(e(g), (S, B) => (f(), R(le, P({
+        key: "slot-" + B,
         layout: "inline"
-      }, { ref_for: !0 }, B.props, {
+      }, { ref_for: !0 }, S.props, {
         onChange: x[1] || (x[1] = (K) => e(h)(K.name, K.value)),
         onClear: x[2] || (x[2] = (K) => {
-          e(i)(K), e(h)(K, void 0);
+          e(u)(K), e(h)(K, void 0);
         }),
         cleanable: !0,
-        modelValue: e(p)[B.props.name],
-        "onUpdate:modelValue": (K) => e(p)[B.props.name] = K
+        modelValue: e(p)[S.props.name],
+        "onUpdate:modelValue": (K) => e(p)[S.props.name] = K
       }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128)),
-      Object.entries(e(w)).length > 0 || e(l).length > 0 ? (f(), D(je, P({ key: 1 }, t, {
-        schema: e(w),
+      Object.entries(e(C)).length > 0 || e(l).length > 0 ? (f(), R(je, P({ key: 1 }, t, {
+        schema: e(C),
         limit: 0,
-        onChange: x[3] || (x[3] = (B) => e(h)(B.name, B.value)),
-        onClearAll: x[4] || (x[4] = (B) => e(s)()),
-        onClear: x[5] || (x[5] = (B) => e(i)(B.name)),
-        mode: n.mode,
+        onChange: x[3] || (x[3] = (S) => e(h)(S.name, S.value)),
+        onClearAll: x[4] || (x[4] = (S) => e(s)()),
+        onClear: x[5] || (x[5] = (S) => e(u)(S.name)),
+        mode: o.mode,
         ref_key: "popoverRef",
         ref: V,
         cleanable: !0
       }), {
         default: te(() => [
-          (f(!0), k(M, null, W(e(y), (B, S) => (f(), D(Z(B), P({
-            key: "slot-" + S,
+          (f(!0), k(F, null, W(e(y), (S, B) => (f(), R(Z(S), P({
+            key: "slot-" + B,
             layout: "popover"
-          }, { ref_for: !0 }, B.props, { cleanable: !0 }), null, 16))), 128))
+          }, { ref_for: !0 }, S.props, { cleanable: !0 }), null, 16))), 128))
         ]),
         _: 1
       }, 16, ["schema", "mode"])) : $("", !0),
-      e(m) > 0 ? (f(), k("button", {
+      e(v) > 0 ? (f(), k("button", {
         key: 2,
-        onClick: C,
+        onClick: w,
         class: "relative py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 border border-transparent text-gray-800 hover:bg-gray-200 focus:bg-gray-200"
       }, " Очистити ")) : $("", !0)
     ]));
@@ -2595,54 +2603,54 @@ const Ol = /* @__PURE__ */ J(El, [["render", Il]]), Ul = {
     limit: { default: 3 }
   },
   emits: ["change", "clear", "clearAll"],
-  setup(c, { expose: o, emit: b }) {
+  setup(c, { expose: n, emit: b }) {
     const t = c, a = b, r = pe(), {
-      activeFilter: u,
+      activeFilter: i,
       activeFilterCount: p,
-      onFilterChange: m,
+      onFilterChange: v,
       clearFilter: h,
-      clearAllFilters: i,
+      clearAllFilters: u,
       filtersSlot: s
     } = he({
       ...t,
       slots: r
     }, a);
-    return o({
+    return n({
       clearFilter: h,
-      clearAllFilters: i
-    }), (v, w) => v.view === "vertical" ? (f(), k("div", oo, [
+      clearAllFilters: u
+    }), (m, C) => m.view === "vertical" ? (f(), k("div", oo, [
       d("div", no, [
         e(p) > 0 ? (f(), k("button", {
           key: 0,
-          onClick: w[0] || (w[0] = (y) => e(i)()),
+          onClick: C[0] || (C[0] = (y) => e(u)()),
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
           class: "w-full ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground border h-10 px-4 py-2 gap-2 m-2 bg-white text-gray-800 hover:bg-gray-200 focus:bg-gray-200",
           type: "button"
         }, " Очистити ")) : $("", !0),
-        v.schema ? (f(!0), k(M, { key: 1 }, W(Object.entries(v.schema), ([y, g]) => (f(), D(le, P({
+        m.schema ? (f(!0), k(F, { key: 1 }, W(Object.entries(m.schema), ([y, g]) => (f(), R(le, P({
           name: y,
           layout: "vertical"
         }, { ref_for: !0 }, g, {
-          onChange: w[1] || (w[1] = (l) => e(m)(l.name, l.value)),
-          onClear: w[2] || (w[2] = (l) => {
-            e(h)(l), e(m)(l, void 0);
+          onChange: C[1] || (C[1] = (l) => e(v)(l.name, l.value)),
+          onClear: C[2] || (C[2] = (l) => {
+            e(h)(l), e(v)(l, void 0);
           }),
-          modelValue: e(u)[y],
-          "onUpdate:modelValue": (l) => e(u)[y] = l,
+          modelValue: e(i)[y],
+          "onUpdate:modelValue": (l) => e(i)[y] = l,
           showClean: !0
         }), null, 16, ["name", "modelValue", "onUpdate:modelValue"]))), 256)) : $("", !0),
-        (f(!0), k(M, null, W(e(s), (y, g) => (f(), D(le, P({
+        (f(!0), k(F, null, W(e(s), (y, g) => (f(), R(le, P({
           key: "slot-" + g,
           layout: "vertical"
         }, { ref_for: !0 }, y.props, {
-          onChange: w[3] || (w[3] = (l) => e(m)(l.name, l.value)),
-          onClear: w[4] || (w[4] = (l) => {
-            e(h)(l), e(m)(l, void 0);
+          onChange: C[3] || (C[3] = (l) => e(v)(l.name, l.value)),
+          onClear: C[4] || (C[4] = (l) => {
+            e(h)(l), e(v)(l, void 0);
           }),
-          modelValue: e(u)[y.props.name],
-          "onUpdate:modelValue": (l) => e(u)[y.props.name] = l,
+          modelValue: e(i)[y.props.name],
+          "onUpdate:modelValue": (l) => e(i)[y.props.name] = l,
           showClean: !0
         }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128))
       ])
@@ -2659,20 +2667,20 @@ const Ol = /* @__PURE__ */ J(El, [["render", Il]]), Ul = {
     limit: { default: 3 }
   },
   emits: ["change", "clear", "clearAll"],
-  setup(c, { expose: o, emit: b }) {
-    const t = c, a = _(t.value ?? {}), r = b, u = _();
+  setup(c, { expose: n, emit: b }) {
+    const t = c, a = _(t.value ?? {}), r = b, i = _();
     function p(g) {
       if (Array.isArray(g))
         return g.map((l) => p(l));
       if (g !== null && typeof g == "object") {
         const l = ne(g), V = {};
-        for (const C in l)
-          V[C] = p(l[C]);
+        for (const w in l)
+          V[w] = p(l[w]);
         return V;
       }
       return g;
     }
-    function m(g, l) {
+    function v(g, l) {
       l !== void 0 ? a.value = {
         ...a.value,
         [g]: l
@@ -2692,7 +2700,7 @@ const Ol = /* @__PURE__ */ J(El, [["render", Il]]), Ul = {
         value: null
       });
     }
-    function i() {
+    function u() {
       a.value = {}, r("clear", {
         data: p(a.value),
         name: "ALL"
@@ -2703,7 +2711,7 @@ const Ol = /* @__PURE__ */ J(El, [["render", Il]]), Ul = {
       });
     }
     const s = _({});
-    function v() {
+    function m() {
       switch (t.view) {
         case "inline":
           return Ce;
@@ -2715,7 +2723,7 @@ const Ol = /* @__PURE__ */ J(El, [["render", Il]]), Ul = {
           return Ce;
       }
     }
-    F(
+    D(
       () => t.schema,
       (g) => {
         if (!g) {
@@ -2732,32 +2740,43 @@ const Ol = /* @__PURE__ */ J(El, [["render", Il]]), Ul = {
       },
       { immediate: !0, deep: !0 }
     );
-    function w(g) {
-      u.value.clearFilter(g), h(g);
+    function C(g) {
+      i.value.clearFilter(g), h(g);
     }
     function y() {
-      u.value.clearAllFilters(), i();
+      i.value.clearAllFilters(), u();
     }
-    return o({
+    return D(
+      () => a.value,
+      (g) => {
+        if (t.history) {
+          const l = new URL(window.location.href), V = new URLSearchParams(window.location.search);
+          Object.keys(g).length > 0 ? V.set(
+            "filter",
+            Object.entries(g).filter(([, w]) => w).map(([w, o]) => `${w}=${o}`).join("|")
+          ) : V.delete("filter"), l.search = decodeURI(V.toString()), window.history.pushState({}, "", l);
+        }
+      }
+    ), n({
       clearAllFilters: y,
-      clearFilter: w
-    }), (g, l) => (f(), D(Z(v()), P(t, {
+      clearFilter: C
+    }), (g, l) => (f(), R(Z(m()), P(t, {
       schema: s.value,
-      onChange: l[0] || (l[0] = (V) => m(V.name, V.value)),
+      onChange: l[0] || (l[0] = (V) => v(V.name, V.value)),
       onClear: l[1] || (l[1] = (V) => h(V.name)),
-      onClearAll: i,
+      onClearAll: u,
       ref_key: "filterRef",
-      ref: u
+      ref: i
     }), {
       default: te(() => [
-        ue(g.$slots, "default")
+        ie(g.$slots, "default")
       ]),
       _: 3
     }, 16, ["schema"]));
   }
 });
-Ve.install = function(o) {
-  o.component("Filter", Ve), o.component("FilterField", le);
+Ve.install = function(n) {
+  n.component("Filter", Ve), n.component("FilterField", le);
 };
 export {
   Ve as Filter,