@opengis/filter 0.1.18 → 0.1.20

package/dist/index.js

@@ -1,11 +1,11 @@
-import { createElementBlock as w, openBlock as s, createElementVNode as r, defineComponent as W, ref as A, withModifiers as se, normalizeClass as _, createCommentVNode as $, toDisplayString as B, computed as E, watch as I, createStaticVNode as Ne, Fragment as T, renderList as X, unref as e, createBlock as O, createVNode as q, createTextVNode as G, withDirectives as Y, vShow as J, getCurrentInstance as Pe, vModelText as ee, onBeforeUnmount as me, onMounted as de, isRef as Ye, Teleport as ge, normalizeStyle as be, renderSlot as ue, nextTick as pe, withCtx as ne, resolveDynamicComponent as oe, mergeProps as Z, toRaw as ce, cloneVNode as We, useSlots as fe, reactive as qe, withKeys as Ae, createSlots as Qe, normalizeProps as He, guardReactiveProps as Ge } from "vue";
-import { notify as Be } from "@opengis/core";
-const te = (t, o) => {
+import { createElementBlock as w, openBlock as s, createElementVNode as i, defineComponent as W, ref as A, computed as O, withModifiers as se, normalizeClass as L, createCommentVNode as V, toDisplayString as S, createVNode as q, watch as _, createStaticVNode as Ne, Fragment as I, renderList as X, unref as e, createBlock as T, createTextVNode as G, withDirectives as Y, vShow as Z, getCurrentInstance as Pe, vModelText as ee, onBeforeUnmount as pe, onMounted as de, isRef as Ye, Teleport as ge, normalizeStyle as be, renderSlot as ce, nextTick as fe, withCtx as oe, resolveDynamicComponent as re, mergeProps as J, toRaw as ue, cloneVNode as We, useSlots as me, reactive as qe, withKeys as Ae, createSlots as Qe, normalizeProps as He, guardReactiveProps as Ge } from "vue";
+import { notify as Se } from "@opengis/core";
+const te = (t, n) => {
   const p = t.__vccOpts || t;
-  for (const [l, i] of o)
-    p[l] = i;
+  for (const [l, o] of n)
+    p[l] = o;
   return p;
-}, Xe = {}, Ze = {
+}, Xe = {}, Je = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -17,25 +17,45 @@ const te = (t, o) => {
   "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 Je(t, o) {
-  return s(), w("svg", Ze, [...o[0] || (o[0] = [
-    r("path", {
+function Ze(t, n) {
+  return s(), w("svg", Je, [...n[0] || (n[0] = [
+    i("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    r("path", { d: "M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747" }, null, -1),
-    r("path", { d: "M20 4v5h-5" }, null, -1)
+    i("path", { d: "M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747" }, null, -1),
+    i("path", { d: "M20 4v5h-5" }, null, -1)
   ])]);
 }
-const et = /* @__PURE__ */ te(Xe, [["render", Je]]), tt = { class: "flex items-center justify-between w-full text-sm" }, lt = { class: "flex items-center cursor-pointer w-full" }, at = {
+const et = /* @__PURE__ */ te(Xe, [["render", Ze]]), tt = {}, lt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "text-blue-600 w-[16px] h-[16px]"
+};
+function at(t, n) {
+  return s(), w("svg", lt, [...n[0] || (n[0] = [
+    i("path", { d: "M20 6 9 17l-5-5" }, null, -1)
+  ])]);
+}
+const ne = /* @__PURE__ */ te(tt, [["render", at]]), nt = { class: "flex items-center justify-between w-full text-sm" }, ot = { class: "flex items-center cursor-pointer w-full" }, rt = {
   key: 0,
   width: "16",
   height: "auto",
   src: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4="
-}, nt = ["value"], ot = { class: "w-[calc(100%-18px)] flex flex-row items-center justify-between pl-[10px]" }, rt = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, st = {
+}, st = ["value"], it = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, ut = {
   key: 0,
   class: "text-xs text-gray-500 dark:text-neutral-500 pr-1"
+}, ct = {
+  key: 1,
+  class: "absolute right-2 flex size-3.5 items-center justify-center"
 }, xe = /* @__PURE__ */ W({
   __name: "list-item",
   props: {
@@ -49,115 +69,121 @@ const et = /* @__PURE__ */ te(Xe, [["render", Je]]), tt = { class: "flex items-c
     highlighted: { type: Boolean }
   },
   emits: ["itemClick"],
-  setup(t, { expose: o, emit: p }) {
-    const l = t, i = p;
+  setup(t, { expose: n, emit: p }) {
+    const l = t, o = p;
     function a() {
-      i("itemClick", l.value);
+      o("itemClick", l.value);
     }
-    const v = A(null);
-    return o({ el: v }), (d, f) => (s(), w("div", {
+    const y = A(null), f = O(() => l.layout === "inline" && l.type === "radio");
+    return n({ el: y }), (u, h) => (s(), w("div", {
       class: "flex items-center w-full rounded-sm group hover:bg-gray-100",
       ref_key: "el",
-      ref: v
+      ref: y
     }, [
-      r("div", tt, [
-        r("div", lt, [
-          r("label", {
+      i("div", nt, [
+        i("div", ot, [
+          i("label", {
             for: "radio-9740",
-            class: _([
+            class: L([
               ["inline", "popover"].includes(t.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": t.highlighted }
+              { "bg-blue-100": t.highlighted, relative: f.value }
             ]),
             onClick: se(a, ["stop", "prevent"])
           }, [
-            r("div", {
-              class: _(["w-[18px] h-[18px] border flex items-center justify-center", [
-                t.type == "checkbox" ? "rounded-[4px]" : "rounded-full",
+            f.value ? V("", !0) : (s(), w("div", {
+              key: 0,
+              class: L(["w-[18px] h-[18px] border flex items-center justify-center", [
+                t.type === "checkbox" ? "rounded-[4px]" : "rounded-full",
                 t.color ? `bg-[${t.color}] border-[#ffffff]` : t.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
               ]])
             }, [
-              t.isSelected ? (s(), w("img", at)) : $("", !0)
-            ], 2),
-            r("input", {
+              t.isSelected ? (s(), w("img", rt)) : V("", !0)
+            ], 2)),
+            i("input", {
               type: "checkbox",
               class: "hidden",
               id: "radio-9740",
               value: t.value
-            }, null, 8, nt),
-            r("div", ot, [
-              r("span", rt, B(t.label ?? "Відсутні данні"), 1),
-              t.count ? (s(), w("div", st, " (" + B(t.count) + ") ", 1)) : $("", !0)
-            ])
+            }, null, 8, st),
+            i("div", {
+              class: L(["flex flex-1 flex-row items-center justify-between", f.value ? "pl-1 pr-6" : "w-[calc(100%-18px)] pl-[10px]"])
+            }, [
+              i("span", it, S(t.label ?? "Відсутні дані"), 1),
+              t.count ? (s(), w("div", ut, " (" + S(t.count) + ") ", 1)) : V("", !0)
+            ], 2),
+            f.value && t.isSelected ? (s(), w("span", ct, [
+              q(ne)
+            ])) : V("", !0)
           ], 2)
         ])
       ])
     ], 512));
   }
 });
-function he(t, o) {
+function he(t, n) {
   const {
     options: p = [],
     limit: l = 20
   } = t;
-  function i(g) {
+  function o(g) {
     return Array.isArray(g) ? g[0] : g;
   }
-  const a = A(i(t.modelValue)), v = A(""), d = A(!1), f = A([]), h = A("id"), c = A("text"), m = A(!1), y = A(t.layout !== "popover" && p.length > l);
+  const a = A(o(t.modelValue)), y = A(""), f = A(!1), u = A([]), h = A("id"), d = A("text"), m = A(!1), b = A(t.layout !== "popover" && p.length > l);
   function k(g) {
-    const b = g.find(Boolean) ?? {}, M = ["id", "value", "code", "key"].find((j) => j in b) ?? "id", U = ["text", "label", "name", "title"].find((j) => j in b) ?? "text";
+    const x = g.find(Boolean) ?? {}, M = ["id", "value", "code", "key"].find((j) => j in x) ?? "id", U = ["text", "label", "name", "title"].find((j) => j in x) ?? "text";
     return { autoValueKey: M, autoLabelKey: U };
   }
   if (p.length > 0) {
     const g = k(p);
-    h.value = g.autoValueKey, c.value = g.autoLabelKey;
+    h.value = g.autoValueKey, d.value = g.autoLabelKey;
   }
-  const V = E(() => {
-    const g = f.value;
+  const $ = O(() => {
+    const g = u.value;
     return t.layout === "popover" || m.value ? g : g.slice(0, l);
   });
-  I(() => t.modelValue, (g) => {
-    a.value = i(g);
-  }, { immediate: !0 }), f.value = [...p].sort((g, b) => t.sort === "count" ? b.count && g.count ? b.count - g.count : 0 : t.sort === "name" ? String(g[c.value] ?? "").localeCompare(String(b[c.value] ?? "")) : 0);
+  _(() => t.modelValue, (g) => {
+    a.value = o(g);
+  }, { immediate: !0 }), u.value = [...p].sort((g, x) => t.sort === "count" ? x.count && g.count ? x.count - g.count : 0 : t.sort === "name" ? String(g[d.value] ?? "").localeCompare(String(x[d.value] ?? "")) : 0);
   function C(g) {
     return a.value === g[h.value];
   }
-  function n(g) {
-    a.value = g[h.value], o("update:modelValue", a.value), o("change", { name: t.name, value: a.value });
+  function c(g) {
+    a.value = g[h.value], n("update:modelValue", a.value), n("change", { name: t.name, value: a.value });
   }
-  function u() {
-    a.value = void 0, o("update:modelValue", a.value), o("clear", t.name);
+  function r() {
+    a.value = void 0, n("update:modelValue", a.value), n("clear", t.name);
   }
-  function x() {
+  function v() {
     m.value = !m.value;
   }
   return {
     innerValue: a,
-    searchTerm: v,
-    filteredOptions: V,
+    searchTerm: y,
+    filteredOptions: $,
     isSelected: C,
-    selectItem: n,
-    clear: u,
-    toggleShowAll: x,
-    isReqProc: d,
+    selectItem: c,
+    clear: r,
+    toggleShowAll: v,
+    isReqProc: f,
     showAll: m,
-    isEnableShowAll: y,
-    labelKey: c,
+    isEnableShowAll: b,
+    labelKey: d,
     valueKey: h,
-    allOptions: f
+    allOptions: u
   };
 }
-const it = {}, ut = {
+const dt = {}, ft = {
   class: "w-48 mx-auto",
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function ct(t, o) {
-  return s(), w("svg", ut, [...o[0] || (o[0] = [
+function mt(t, n) {
+  return s(), w("svg", ft, [...n[0] || (n[0] = [
     Ne('<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)
   ])]);
 }
-const we = /* @__PURE__ */ te(it, [["render", ct]]), dt = {}, ft = {
+const we = /* @__PURE__ */ te(dt, [["render", mt]]), pt = {}, vt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -169,17 +195,17 @@ const we = /* @__PURE__ */ te(it, [["render", ct]]), dt = {}, ft = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate"
 };
-function mt(t, o) {
-  return s(), w("svg", ft, [...o[0] || (o[0] = [
-    r("path", {
+function yt(t, n) {
+  return s(), w("svg", vt, [...n[0] || (n[0] = [
+    i("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    r("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+    i("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ])]);
 }
-const ve = /* @__PURE__ */ te(dt, [["render", mt]]), pt = {}, vt = {
+const ve = /* @__PURE__ */ te(pt, [["render", yt]]), gt = {}, bt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -191,26 +217,26 @@ const ve = /* @__PURE__ */ te(dt, [["render", mt]]), pt = {}, vt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate-[180deg]"
 };
-function yt(t, o) {
-  return s(), w("svg", vt, [...o[0] || (o[0] = [
-    r("path", {
+function xt(t, n) {
+  return s(), w("svg", bt, [...n[0] || (n[0] = [
+    i("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    r("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+    i("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ])]);
 }
-const ke = /* @__PURE__ */ te(pt, [["render", yt]]), gt = {
+const ke = /* @__PURE__ */ te(gt, [["render", xt]]), ht = {
   key: 0,
   class: "w-full"
-}, bt = { class: "flex flex-col items-center justify-center p-5 text-center" }, xt = {
+}, wt = { class: "flex flex-col items-center justify-center p-5 text-center" }, kt = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, ht = {
+}, Ct = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, wt = /* @__PURE__ */ W({
+}, Vt = /* @__PURE__ */ W({
   __name: "radio",
   props: {
     id: {},
@@ -239,161 +265,161 @@ const ke = /* @__PURE__ */ te(pt, [["render", yt]]), gt = {
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: p }) {
-    const l = t, i = A(null), a = p, {
-      innerValue: v,
-      filteredOptions: d,
-      isSelected: f,
+  setup(t, { expose: n, emit: p }) {
+    const l = t, o = A(null), a = p, {
+      innerValue: y,
+      filteredOptions: f,
+      isSelected: u,
       selectItem: h,
-      clear: c,
+      clear: d,
       toggleShowAll: m,
-      isReqProc: y,
+      isReqProc: b,
       showAll: k,
-      isEnableShowAll: V,
+      isEnableShowAll: $,
       labelKey: C,
-      valueKey: n,
-      allOptions: u
+      valueKey: c,
+      allOptions: r
     } = he({
       ...l,
       modelValue: l.modelValue ?? l.default ?? ""
     }, a);
-    return o({
-      clear: c,
-      inputTextRef: i
-    }), I(
+    return n({
+      clear: d,
+      inputTextRef: o
+    }), _(
       () => l.modelValue,
-      (x) => {
-        x === void 0 && (v.value = void 0);
+      (v) => {
+        v === void 0 && (y.value = void 0);
       }
-    ), (x, g) => (s(), w("div", {
-      class: _([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
+    ), (v, g) => (s(), w("div", {
+      class: L([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
     }, [
-      r("div", {
-        class: _([
+      i("div", {
+        class: L([
           t.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
           t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (s(!0), w(T, null, X(e(d), (b) => (s(), O(xe, {
+        (s(!0), w(I, null, X(e(f), (x) => (s(), T(xe, {
           layout: t.layout,
-          key: b[e(n)],
-          count: b.count,
-          label: b[e(C)],
-          color: b.color,
+          key: x[e(c)],
+          count: x.count,
+          label: x[e(C)],
+          color: x.color,
           type: "radio",
-          value: b[e(n)],
-          "is-selected": e(f)(b),
-          onItemClick: (M) => e(h)(b)
+          value: x[e(c)],
+          "is-selected": e(u)(x),
+          onItemClick: (M) => e(h)(x)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
       ], 2),
-      t.type === "select" && e(d).length === 0 && !e(y) ? (s(), w("div", gt, [
-        r("div", bt, [
+      t.type === "select" && e(f).length === 0 && !e(b) ? (s(), w("div", ht, [
+        i("div", wt, [
           q(we),
-          g[4] || (g[4] = r("div", { class: "max-w-sm mx-auto mt-6" }, [
-            r("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
-            r("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
+          g[4] || (g[4] = i("div", { class: "max-w-sm mx-auto mt-6" }, [
+            i("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
+            i("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
           ], -1))
         ])
-      ])) : $("", !0),
-      t.layout !== "popover" && t.type !== "select" ? (s(), w(T, { key: 1 }, [
-        !e(k) && e(V) ? (s(), w("div", {
+      ])) : V("", !0),
+      t.layout !== "popover" && t.type !== "select" ? (s(), w(I, { key: 1 }, [
+        !e(k) && e($) ? (s(), w("div", {
           key: 0,
           onClick: g[0] || (g[0] = //@ts-ignore
-          (...b) => e(m) && e(m)(...b)),
+          (...x) => e(m) && e(m)(...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"
         }, [
           g[5] || (g[5] = G(" Показати більше ", -1)),
           q(ve)
-        ])) : $("", !0),
+        ])) : V("", !0),
         e(k) ? (s(), w("div", {
           key: 1,
           onClick: g[1] || (g[1] = //@ts-ignore
-          (...b) => e(m) && e(m)(...b)),
+          (...x) => e(m) && e(m)(...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"
         }, [
           g[6] || (g[6] = G(" Показати менше ", -1)),
           q(ke)
-        ])) : $("", !0)
-      ], 64)) : $("", !0),
-      t.cleanable ? (s(), w(T, { key: 2 }, [
-        t.layout === "inline" ? (s(), w("div", xt, [
-          G(B(e(v) || e(v) === null ? 1 : 0) + " з " + B(e(u).length) + " обрано ", 1),
-          Y(r("button", {
+        ])) : V("", !0)
+      ], 64)) : V("", !0),
+      t.cleanable ? (s(), w(I, { key: 2 }, [
+        t.layout === "inline" ? (s(), w("div", kt, [
+          G(S(e(y) || e(y) === null ? 1 : 0) + " з " + S(e(r).length) + " обрано ", 1),
+          Y(i("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: g[2] || (g[2] = //@ts-ignore
-            (...b) => e(c) && e(c)(...b))
+            (...x) => e(d) && e(d)(...x))
           }, " Очистити ", 512), [
-            [J, e(v) !== "" && e(v) !== void 0]
+            [Z, e(y) !== "" && e(y) !== void 0]
           ])
-        ])) : $("", !0),
-        t.layout === "popover" ? (s(), w("div", ht, [
-          r("span", null, B(e(v) || e(v) === null ? 1 : 0) + " з " + B(e(u).length) + " обрано", 1),
-          Y(r("button", {
+        ])) : V("", !0),
+        t.layout === "popover" ? (s(), w("div", Ct, [
+          i("span", null, S(e(y) || e(y) === null ? 1 : 0) + " з " + S(e(r).length) + " обрано", 1),
+          Y(i("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: g[3] || (g[3] = //@ts-ignore
-            (...b) => e(c) && e(c)(...b))
+            (...x) => e(d) && e(d)(...x))
           }, " Очистити ", 512), [
-            [J, e(v) !== "" && e(v) !== void 0]
+            [Z, e(y) !== "" && e(y) !== void 0]
           ])
-        ])) : $("", !0)
-      ], 64)) : $("", !0)
+        ])) : V("", !0)
+      ], 64)) : V("", !0)
     ], 2));
   }
 });
-function Le(t, o) {
+function Le(t, n) {
   const {
     options: p = [],
     limit: l = 20
   } = t;
-  function i(g) {
+  function o(g) {
     return Array.isArray(g) ? g : g ? [g] : [];
   }
-  const a = A(i(t.modelValue)), v = A(""), d = A(!1), f = A([]), h = A("id"), c = A("text"), m = A(!1), y = A(t.layout !== "popover" && p.length > l);
+  const a = A(o(t.modelValue)), y = A(""), f = A(!1), u = A([]), h = A("id"), d = A("text"), m = A(!1), b = A(t.layout !== "popover" && p.length > l);
   function k(g) {
-    const b = g.find(Boolean) ?? {}, M = ["id", "value", "code", "key"].find((j) => j in b) ?? "id", U = ["text", "label", "name", "title"].find((j) => j in b) ?? "text";
+    const x = g.find(Boolean) ?? {}, M = ["id", "value", "code", "key"].find((j) => j in x) ?? "id", U = ["text", "label", "name", "title"].find((j) => j in x) ?? "text";
     return { autoValueKey: M, autoLabelKey: U };
   }
   if (p.length > 0) {
     const g = k(p);
-    h.value = g.autoValueKey, c.value = g.autoLabelKey;
+    h.value = g.autoValueKey, d.value = g.autoLabelKey;
   }
-  const V = E(() => {
-    const g = f.value;
+  const $ = O(() => {
+    const g = u.value;
     return t.layout === "popover" || m.value ? g : g.slice(0, l);
   });
-  I(() => t.modelValue, (g) => {
-    a.value = i(g);
-  }, { immediate: !0 }), f.value = [...p].sort((g, b) => t.sort === "count" ? b.count && g.count ? b.count - g.count : 0 : t.sort === "name" ? String(g[c.value]).localeCompare(String(b[c.value])) : 0);
+  _(() => t.modelValue, (g) => {
+    a.value = o(g);
+  }, { immediate: !0 }), u.value = [...p].sort((g, x) => t.sort === "count" ? x.count && g.count ? x.count - g.count : 0 : t.sort === "name" ? String(g[d.value]).localeCompare(String(x[d.value])) : 0);
   function C(g) {
     return a.value && a.value.includes(g[h.value]);
   }
-  function n(g) {
-    const b = a.value.includes(g[h.value]);
-    a.value = b ? a.value.filter((M) => M !== g[h.value]) : [...a.value, g[h.value]], o("update:modelValue", a.value), o("change", { name: t.name, value: a.value });
+  function c(g) {
+    const x = a.value.includes(g[h.value]);
+    a.value = x ? a.value.filter((M) => M !== g[h.value]) : [...a.value, g[h.value]], n("update:modelValue", a.value), n("change", { name: t.name, value: a.value });
   }
-  function u() {
-    a.value = [], o("update:modelValue", a.value), o("clear", t.name);
+  function r() {
+    a.value = [], n("update:modelValue", a.value), n("clear", t.name);
   }
-  function x() {
+  function v() {
     m.value = !m.value;
   }
   return {
     innerValue: a,
-    searchTerm: v,
-    filteredOptions: V,
+    searchTerm: y,
+    filteredOptions: $,
     isSelected: C,
-    selectItem: n,
-    clear: u,
-    toggleShowAll: x,
-    isReqProc: d,
+    selectItem: c,
+    clear: r,
+    toggleShowAll: v,
+    isReqProc: f,
     showAll: m,
-    isEnableShowAll: y,
-    labelKey: c,
+    isEnableShowAll: b,
+    labelKey: d,
     valueKey: h,
-    allOptions: f
+    allOptions: u
   };
 }
-const Se = {
+const Be = {
   en: {
     apply: "Apply",
     search: "Search",
@@ -434,25 +460,25 @@ const Se = {
   }
 };
 function je(t) {
-  const o = t.split(".")[1], p = typeof window < "u" && window.localStorage ? localStorage.locale : null;
-  return (Se[p || navigator.language] || Se.uk)[o];
+  const n = t.split(".")[1], p = typeof window < "u" && window.localStorage ? localStorage.locale : null;
+  return (Be[p || navigator.language] || Be.uk)[n];
 }
 function ae() {
   const t = Pe();
   if (!t.appContext.config.globalProperties.$i18n) return je;
-  const o = t.appContext.config.globalProperties.$t;
+  const n = t.appContext.config.globalProperties.$t;
   return (p) => {
-    const l = o(p);
+    const l = n(p);
     return l === p ? je(p) : l;
   };
 }
-const kt = {
+const $t = {
   key: 0,
   class: "w-full"
-}, Ct = { class: "flex flex-col items-center justify-center p-5 text-center" }, Vt = { class: "max-w-sm mx-auto mt-6" }, $t = { class: "font-medium text-gray-800 dark:text-neutral-200" }, At = {
+}, At = { class: "flex flex-col items-center justify-center p-5 text-center" }, St = { class: "max-w-sm mx-auto mt-6" }, Bt = { class: "font-medium text-gray-800 dark:text-neutral-200" }, jt = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, Bt = {
+}, Dt = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
 }, De = /* @__PURE__ */ W({
@@ -484,105 +510,105 @@ const kt = {
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: p }) {
-    const l = ae(), i = t, a = p, {
-      innerValue: v,
-      filteredOptions: d,
-      isSelected: f,
+  setup(t, { expose: n, emit: p }) {
+    const l = ae(), o = t, a = p, {
+      innerValue: y,
+      filteredOptions: f,
+      isSelected: u,
       selectItem: h,
-      clear: c,
+      clear: d,
       toggleShowAll: m,
-      isReqProc: y,
+      isReqProc: b,
       showAll: k,
-      isEnableShowAll: V,
+      isEnableShowAll: $,
       labelKey: C,
-      valueKey: n,
-      allOptions: u
+      valueKey: c,
+      allOptions: r
     } = Le({
-      ...i,
-      modelValue: i.modelValue
+      ...o,
+      modelValue: o.modelValue
     }, a);
-    return I(
-      () => i.modelValue,
-      (x) => {
-        x === void 0 && (v.value = []);
+    return _(
+      () => o.modelValue,
+      (v) => {
+        v === void 0 && (y.value = []);
       }
-    ), o({
-      clear: c
-    }), (x, g) => (s(), w("div", {
-      class: _([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+    ), n({
+      clear: d
+    }), (v, g) => (s(), w("div", {
+      class: L([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
     }, [
-      r("div", {
-        class: _([
+      i("div", {
+        class: L([
           t.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
           t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (s(!0), w(T, null, X(e(d), (b) => (s(), O(xe, {
+        (s(!0), w(I, null, X(e(f), (x) => (s(), T(xe, {
           layout: t.layout,
-          count: b.count,
-          label: b[e(C)],
-          color: b.color,
+          count: x.count,
+          label: x[e(C)],
+          color: x.color,
           type: "checkbox",
-          value: b[e(n)],
-          "is-selected": e(f)(b),
-          onItemClick: (M) => e(h)(b)
+          value: x[e(c)],
+          "is-selected": e(u)(x),
+          onItemClick: (M) => e(h)(x)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
       ], 2),
-      t.type === "select" && e(d).length === 0 && !e(y) ? (s(), w("div", kt, [
-        r("div", Ct, [
+      t.type === "select" && e(f).length === 0 && !e(b) ? (s(), w("div", $t, [
+        i("div", At, [
           q(we),
-          r("div", Vt, [
-            r("p", $t, B(e(l)("filter.notfound")), 1),
-            g[4] || (g[4] = r("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
+          i("div", St, [
+            i("p", Bt, S(e(l)("filter.notfound")), 1),
+            g[4] || (g[4] = i("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
           ])
         ])
-      ])) : $("", !0),
-      t.layout !== "popover" && t.type !== "select" ? (s(), w(T, { key: 1 }, [
-        !e(k) && e(V) ? (s(), w("div", {
+      ])) : V("", !0),
+      t.layout !== "popover" && t.type !== "select" ? (s(), w(I, { key: 1 }, [
+        !e(k) && e($) ? (s(), w("div", {
           key: 0,
           onClick: g[0] || (g[0] = //@ts-ignore
-          (...b) => e(m) && e(m)(...b)),
+          (...x) => e(m) && e(m)(...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"
         }, [
-          G(B(e(l)("filter.more")) + " ", 1),
+          G(S(e(l)("filter.more")) + " ", 1),
           q(ve)
-        ])) : $("", !0),
+        ])) : V("", !0),
         e(k) ? (s(), w("div", {
           key: 1,
           onClick: g[1] || (g[1] = //@ts-ignore
-          (...b) => e(m) && e(m)(...b)),
+          (...x) => e(m) && e(m)(...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"
         }, [
-          G(B(e(l)("filter.less")) + " ", 1),
+          G(S(e(l)("filter.less")) + " ", 1),
           q(ke)
-        ])) : $("", !0)
-      ], 64)) : $("", !0),
-      t.cleanable ? (s(), w(T, { key: 2 }, [
-        t.layout === "inline" ? (s(), w("div", At, [
-          G(B(e(v).length) + " / " + B(e(u).length) + " " + B(e(l)("filter.selected")) + " ", 1),
-          Y(r("button", {
+        ])) : V("", !0)
+      ], 64)) : V("", !0),
+      t.cleanable ? (s(), w(I, { key: 2 }, [
+        t.layout === "inline" ? (s(), w("div", jt, [
+          G(S(e(y).length) + " / " + S(e(r).length) + " " + S(e(l)("filter.selected")) + " ", 1),
+          Y(i("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: g[2] || (g[2] = //@ts-ignore
-            (...b) => e(c) && e(c)(...b))
-          }, B(e(l)("filter.clear")), 513), [
-            [J, e(v).length !== 0]
+            (...x) => e(d) && e(d)(...x))
+          }, S(e(l)("filter.clear")), 513), [
+            [Z, e(y).length !== 0]
           ])
-        ])) : $("", !0),
-        t.layout === "popover" ? (s(), w("div", Bt, [
-          r("span", null, B(e(v).length) + " / " + B(e(u).length) + " " + B(e(l)("filter.selected")), 1),
-          Y(r("button", {
+        ])) : V("", !0),
+        t.layout === "popover" ? (s(), w("div", Dt, [
+          i("span", null, S(e(y).length) + " / " + S(e(r).length) + " " + S(e(l)("filter.selected")), 1),
+          Y(i("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: g[3] || (g[3] = //@ts-ignore
-            (...b) => e(c) && e(c)(...b))
-          }, B(e(l)("filter.clear")), 513), [
-            [J, e(v).length !== 0]
+            (...x) => e(d) && e(d)(...x))
+          }, S(e(l)("filter.clear")), 513), [
+            [Z, e(y).length !== 0]
           ])
-        ])) : $("", !0)
-      ], 64)) : $("", !0)
+        ])) : V("", !0)
+      ], 64)) : V("", !0)
     ], 2));
   }
-}), St = {}, jt = {
+}), Rt = {}, Ft = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "15px",
@@ -594,18 +620,18 @@ const kt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Dt(t, o) {
-  return s(), w("svg", jt, [...o[0] || (o[0] = [
-    r("path", {
+function Kt(t, n) {
+  return s(), w("svg", Ft, [...n[0] || (n[0] = [
+    i("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    r("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
-    r("path", { d: "M21 21l-6 -6" }, null, -1)
+    i("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
+    i("path", { d: "M21 21l-6 -6" }, null, -1)
   ])]);
 }
-const _e = /* @__PURE__ */ te(St, [["render", Dt]]), Rt = {}, Ft = {
+const Oe = /* @__PURE__ */ te(Rt, [["render", Kt]]), Mt = {}, Lt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -617,24 +643,24 @@ const _e = /* @__PURE__ */ te(St, [["render", Dt]]), Rt = {}, Ft = {
   width: "15px",
   height: "15px"
 };
-function Kt(t, o) {
-  return s(), w("svg", Ft, [...o[0] || (o[0] = [
-    r("path", {
+function Ot(t, n) {
+  return s(), w("svg", Lt, [...n[0] || (n[0] = [
+    i("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    r("path", { d: "M18 6l-12 12" }, null, -1),
-    r("path", { d: "M6 6l12 12" }, null, -1)
+    i("path", { d: "M18 6l-12 12" }, null, -1),
+    i("path", { d: "M6 6l12 12" }, null, -1)
   ])]);
 }
-const Ce = /* @__PURE__ */ te(Rt, [["render", Kt]]);
+const Ce = /* @__PURE__ */ te(Mt, [["render", Ot]]);
 class Ee {
-  static getWidthClass(o) {
-    return typeof o == "number" ? `max-w-[${o}px] min-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] min-w-[${n}px]` : typeof n == "string" ? n.endsWith("%") || n.endsWith("px") ? `max-w-[${n}]` : `max-w-${n}` : "w-full";
   }
 }
-const Mt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, Lt = ["placeholder"], _t = /* @__PURE__ */ W({
+const Et = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, Tt = ["placeholder"], _t = /* @__PURE__ */ W({
   __name: "text-input",
   props: {
     id: {},
@@ -663,82 +689,82 @@ const Mt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { emit: o }) {
-    const p = t, l = A((p.placeholder || p.label || p.title || p.name || "search").toString()), i = o, a = A(p.modelValue?.toString() ?? "");
-    I(
+  setup(t, { emit: n }) {
+    const p = t, l = A((p.placeholder || p.label || p.title || p.name || "search").toString()), o = n, a = A(p.modelValue?.toString() ?? "");
+    _(
       () => p.modelValue,
       (h) => {
         h !== a.value && (a.value = h?.toString() ?? "");
       }
     );
-    let v = null;
-    function d() {
+    let y = null;
+    function f() {
       if (a.value = a.value.trimStart(), a.value.length === 0) {
-        f();
+        u();
         return;
       }
-      v && clearTimeout(v), v = setTimeout(() => {
-        i("update:modelValue", a.value), i("change", { name: p.name, value: a.value });
+      y && clearTimeout(y), y = setTimeout(() => {
+        o("update:modelValue", a.value), o("change", { name: p.name, value: a.value });
       }, 300);
     }
-    function f() {
-      a.value = "", i("update:modelValue", ""), i("clear", p.name);
+    function u() {
+      a.value = "", o("update:modelValue", ""), o("clear", p.name);
     }
-    return (h, c) => (s(), w("div", {
-      class: _([
+    return (h, d) => (s(), w("div", {
+      class: L([
         "vs-form-text relative bg-white rounded-sm [&>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-sm [&>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",
         t.layout === "inline" ? e(Ee).getWidthClass(t.width) : "mb-2" + (t.layout === "popover" ? " m-2" : "")
       ])
     }, [
-      r("div", Mt, [
-        q(_e)
+      i("div", Et, [
+        q(Oe)
       ]),
       a.value !== "" ? (s(), w("div", {
         key: 0,
-        onClick: f,
+        onClick: u,
         class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"
       }, [
         q(Ce)
-      ])) : $("", !0),
-      Y(r("input", {
+      ])) : V("", !0),
+      Y(i("input", {
         type: "text",
-        "onUpdate:modelValue": c[0] || (c[0] = (m) => a.value = m),
-        onInput: d,
+        "onUpdate:modelValue": d[0] || (d[0] = (m) => a.value = m),
+        onInput: f,
         placeholder: l.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-sm 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, Lt), [
+      }, null, 40, Tt), [
         [ee, a.value]
       ])
     ], 2));
   }
 });
-function Oe(t = { color: "blue" }) {
-  return E(() => {
+function Te(t = { color: "blue" }) {
+  return O(() => {
     const p = `w-full px-3 py-2 border-solid border text-black border-gray-300 text-sm rounded focus:outline-none focus:ring-2 focus:ring-${t.color}-500 focus:border-transparent
       text-gray-800 bg-white dark:text-neutral-300 dark:bg-neutral-800 dark:border-neutral-600`;
     return t?.size === "sm" ? `${p}h-[32px]` : `${p}h-[38px]`;
   });
 }
-function Et() {
+function It() {
   return "rounded-md font-medium border-gray-200 border-solid disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full bg-transparent border text-black text-sm h-[38px]";
 }
-function Ot() {
+function Ut() {
   return "font-medium border border-gray-200 border-solid disabled:pointer-events-none disabled:opacity-50 h-7 rounded-md text-xs px-2 py-1 text-gray-800 bg-white hover:bg-gray-100 dark:text-neutral-300 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-600";
 }
-function Te(t) {
+function _e(t) {
   return t === "ghost" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border            text-gray-600 hover:bg-blue-100 hover:text-gray-800 focus:outline-hidden focus:bg-gray-100 focus:text-gray-800 disabled:opacity-50 disabled:pointer-events-none           dark:text-gray-500 dark:hover:bg-blue-800/30 dark:hover:text-blue-400 dark:focus:bg-blue-800/30 dark:focus:text-blue-400" : t === "soft" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border            bg-white-100 text-gray-800 hover:bg-gray-200  hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 disabled:opacity-50            disabled:pointer-events-none dark:text-blue-400 dark:hover:bg-blue-900 dark:focus:bg-blue-900" : "relative border-solid border-gray-200 focus-visible:outline-hidden focus-visible:ring-ring           inline-flex items-center justify-center whitespace-nowrap          rounded-md text-sm font-medium focus-visible:ring-offset-2          disabled:pointer-events-none disabled:opacity-50 border-input           hover:bg-gray-100 border px-4 py-2 gap-1 bg-transparent h-[38px]";
 }
-const Tt = {
+const zt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, It = ["placeholder", "disabled"], Ut = {
+}, Nt = ["placeholder", "disabled"], Pt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, zt = {
+}, Yt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Nt = ["placeholder", "disabled"], Pt = ["disabled"];
-const Yt = /* @__PURE__ */ W({
+}, Wt = ["placeholder", "disabled"], qt = ["disabled"];
+const Qt = /* @__PURE__ */ W({
   __name: "range-input",
   props: {
     id: {},
@@ -767,206 +793,206 @@ const Yt = /* @__PURE__ */ W({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: p }) {
-    const l = Oe(), i = Et(), a = ae(), v = t, d = A(
-      v.modelValue ?? v.default ?? []
-    ), f = p, h = E({
-      get: () => v.modelValue ?? d.value,
-      set: (y) => {
-        v.modelValue !== void 0 ? f("update:modelValue", y) : d.value = y;
+  setup(t, { expose: n, emit: p }) {
+    const l = Te(), o = It(), a = ae(), y = t, f = A(
+      y.modelValue ?? y.default ?? []
+    ), u = p, h = O({
+      get: () => y.modelValue ?? f.value,
+      set: (b) => {
+        y.modelValue !== void 0 ? u("update:modelValue", b) : f.value = b;
       }
     });
-    function c() {
-      f("change", { name: v.name, value: h.value || d.value });
+    function d() {
+      u("change", { name: y.name, value: h.value || f.value });
     }
     function m() {
-      d.value = [], h.value = d.value, f("clear", v.name);
+      f.value = [], h.value = f.value, u("clear", y.name);
     }
-    return I(() => v.modelValue, (y) => {
-      y !== void 0 && v.layout !== "popover" ? (d.value = y, f("update:modelValue", y)) : d.value = [];
-    }), o({
+    return _(() => y.modelValue, (b) => {
+      b !== void 0 && y.layout !== "popover" ? (f.value = b, u("update:modelValue", b)) : f.value = [];
+    }), n({
       clear: m,
       currentValue: h
-    }), (y, k) => (s(), w(T, null, [
-      r("div", null, [
-        r("div", {
-          class: _(t.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
+    }), (b, k) => (s(), w(I, null, [
+      i("div", null, [
+        i("div", {
+          class: L(t.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
         }, [
-          r("div", null, [
-            t.layout !== "vertical" ? (s(), w("label", Tt, B(e(a)("filter.from")), 1)) : $("", !0),
-            Y(r("input", {
+          i("div", null, [
+            t.layout !== "vertical" ? (s(), w("label", zt, S(e(a)("filter.from")), 1)) : V("", !0),
+            Y(i("input", {
               type: "number",
-              class: _(e(l)),
+              class: L(e(l)),
               placeholder: t.placeholder?.[0] ?? "min",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": k[0] || (k[0] = (V) => h.value[0] = V),
+              "onUpdate:modelValue": k[0] || (k[0] = ($) => h.value[0] = $),
               disabled: t.disabled
-            }, null, 10, It), [
+            }, null, 10, Nt), [
               [ee, h.value[0]]
             ])
           ]),
-          t.layout === "vertical" ? (s(), w("label", Ut, " - ")) : $("", !0),
-          r("div", null, [
-            t.layout !== "vertical" ? (s(), w("label", zt, B(e(a)("filter.to")), 1)) : $("", !0),
-            Y(r("input", {
+          t.layout === "vertical" ? (s(), w("label", Pt, " - ")) : V("", !0),
+          i("div", null, [
+            t.layout !== "vertical" ? (s(), w("label", Yt, S(e(a)("filter.to")), 1)) : V("", !0),
+            Y(i("input", {
               type: "number",
-              class: _(e(l)),
+              class: L(e(l)),
               placeholder: t.placeholder?.[1] ?? "max",
               min: "0",
               max: "1000000000000000",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": k[1] || (k[1] = (V) => h.value[1] = V),
+              "onUpdate:modelValue": k[1] || (k[1] = ($) => h.value[1] = $),
               disabled: t.disabled
-            }, null, 10, Nt), [
+            }, null, 10, Wt), [
               [ee, h.value[1]]
             ])
           ]),
           ["popover", "inline", "vertical"].includes(t.layout) ? (s(), w("button", {
             key: 1,
-            onClick: c,
-            class: _(e(i) + (t.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
-          }, B(t.layout === "vertical" ? "Ok" : e(a)("filter.apply")), 3)) : $("", !0),
+            onClick: d,
+            class: L(e(o) + (t.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
+          }, S(t.layout === "vertical" ? "Ok" : e(a)("filter.apply")), 3)) : V("", !0),
           ["popover", "inline"].includes(t.layout) ? (s(), w("button", {
             key: 2,
             disabled: !(h.value[0] || h.value[1]),
             onClick: m,
-            class: _(e(i) + " hover:bg-gray-100")
-          }, B(e(a)("filter.clear")), 11, Pt)) : $("", !0)
+            class: L(e(o) + " hover:bg-gray-100")
+          }, S(e(a)("filter.clear")), 11, qt)) : V("", !0)
         ], 2)
       ]),
-      (t.cleanable && d.value.length, $("", !0))
+      (t.cleanable && f.value.length, V("", !0))
     ], 64));
   }
 });
 class H {
-  static format(o) {
-    const p = o.getFullYear(), l = (o.getMonth() + 1).toString().padStart(2, "0"), i = o.getDate().toString().padStart(2, "0");
-    return `${p}-${l}-${i}`;
+  static format(n) {
+    const p = n.getFullYear(), l = (n.getMonth() + 1).toString().padStart(2, "0"), o = n.getDate().toString().padStart(2, "0");
+    return `${p}-${l}-${o}`;
   }
-  static getShiftedDay(o, p = 0) {
-    const l = o ? new Date(o) : /* @__PURE__ */ new Date();
+  static getShiftedDay(n, p = 0) {
+    const l = n ? new Date(n) : /* @__PURE__ */ new Date();
     return l.setDate(l.getDate() + p), this.format(l);
   }
-  static getLastWeekRange(o, p, l = 0) {
-    if (o && p) {
-      const h = new Date(o), c = new Date(p);
-      return h.setDate(h.getDate() + l * 7), c.setDate(c.getDate() + l * 7), [this.format(h), this.format(c)];
+  static getLastWeekRange(n, p, l = 0) {
+    if (n && p) {
+      const h = new Date(n), d = new Date(p);
+      return h.setDate(h.getDate() + l * 7), d.setDate(d.getDate() + l * 7), [this.format(h), this.format(d)];
     }
-    const i = /* @__PURE__ */ new Date(), a = i.getDay(), v = a === 0 ? 13 : a - 1 + 7, d = new Date(i);
-    d.setDate(i.getDate() - v + l * 7);
-    const f = new Date(d);
-    return f.setDate(d.getDate() + 6), [this.format(d), this.format(f)];
-  }
-  static getMonthRange(o, p, l = 0) {
-    let i;
-    o ? i = new Date(o) : i = /* @__PURE__ */ new Date(), i = new Date(i.getFullYear(), i.getMonth() + l, 1);
-    const a = i, v = new Date(i.getFullYear(), i.getMonth() + 1, 0);
-    return [this.format(a), this.format(v)];
-  }
-  static getQuarterRange(o, p, l = 0) {
-    const i = o || p, a = i ? new Date(i) : /* @__PURE__ */ new Date();
-    let v = Math.floor(a.getMonth() / 3);
-    v += l;
-    const d = (v % 4 + 4) % 4 * 3, f = a.getFullYear() + Math.floor(v / 4), h = new Date(f, d, 1), c = new Date(f, d + 3, 0);
-    return [this.format(h), this.format(c)];
-  }
-  static getYear(o, p = 0) {
+    const o = /* @__PURE__ */ new Date(), a = o.getDay(), y = a === 0 ? 13 : a - 1 + 7, f = new Date(o);
+    f.setDate(o.getDate() - y + l * 7);
+    const u = new Date(f);
+    return u.setDate(f.getDate() + 6), [this.format(f), this.format(u)];
+  }
+  static getMonthRange(n, p, l = 0) {
+    let o;
+    n ? o = new Date(n) : o = /* @__PURE__ */ new Date(), o = new Date(o.getFullYear(), o.getMonth() + l, 1);
+    const a = o, y = new Date(o.getFullYear(), o.getMonth() + 1, 0);
+    return [this.format(a), this.format(y)];
+  }
+  static getQuarterRange(n, p, l = 0) {
+    const o = n || p, a = o ? new Date(o) : /* @__PURE__ */ new Date();
+    let y = Math.floor(a.getMonth() / 3);
+    y += l;
+    const f = (y % 4 + 4) % 4 * 3, u = a.getFullYear() + Math.floor(y / 4), h = new Date(u, f, 1), d = new Date(u, f + 3, 0);
+    return [this.format(h), this.format(d)];
+  }
+  static getYear(n, p = 0) {
     let l;
-    return o && /^\d{4}$/.test(o) ? l = parseInt(o, 10) : o ? l = new Date(o).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), String(l + p);
+    return n && /^\d{4}$/.test(n) ? l = parseInt(n, 10) : n ? l = new Date(n).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), String(l + p);
   }
-  static getYearRange(o, p = 0) {
+  static getYearRange(n, p = 0) {
     let l;
-    return o && /^\d{4}$/.test(o) ? l = parseInt(o, 10) : o ? l = new Date(o).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), [
+    return n && /^\d{4}$/.test(n) ? l = parseInt(n, 10) : n ? l = new Date(n).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), [
       this.format(new Date(l + p, 0, 1)),
       this.format(new Date(l + p + 1, 0, 0))
     ];
   }
-  static getRangeFromDaysBefore(o) {
+  static getRangeFromDaysBefore(n) {
     const p = /* @__PURE__ */ new Date(), l = new Date(p.getTime());
-    return l.setDate(p.getDate() - o), [this.format(l), this.format(p)];
+    return l.setDate(p.getDate() - n), [this.format(l), this.format(p)];
   }
 }
-function Ie(t, o) {
+function Ie(t, n) {
   const {
     popoverRef: p
-  } = t, l = ae(), i = A(""), a = A(
+  } = t, l = ae(), o = A(""), a = A(
     t.modelValue ?? t.default ?? []
-  ), v = A(0);
-  function d() {
-    const u = H.getRangeFromDaysBefore(v.value);
-    return a.value = [...u], o("change", { name: t.name, value: a.value }), o("update:modelValue", a.value), u;
-  }
-  function f(u) {
-    i.value = u, p.value?.close();
-    const x = [];
-    switch (i.value) {
+  ), y = A(0);
+  function f() {
+    const r = H.getRangeFromDaysBefore(y.value);
+    return a.value = [...r], n("change", { name: t.name, value: a.value }), n("update:modelValue", a.value), r;
+  }
+  function u(r) {
+    o.value = r, p.value?.close();
+    const v = [];
+    switch (o.value) {
       case "today":
-        x.push(H.getShiftedDay()), x.push(H.getShiftedDay());
+        v.push(H.getShiftedDay()), v.push(H.getShiftedDay());
         break;
       case "week":
-        x.push(...H.getLastWeekRange());
+        v.push(...H.getLastWeekRange());
         break;
       case "month":
-        x.push(...H.getMonthRange());
+        v.push(...H.getMonthRange());
         break;
       case "quarter":
-        x.push(...H.getQuarterRange());
+        v.push(...H.getQuarterRange());
         break;
       case "year":
-        x.push(...H.getYearRange());
+        v.push(...H.getYearRange());
         break;
       case "last_7_days":
-        v.value = 7, d();
+        y.value = 7, f();
         break;
       case "range":
-        v.value = 7, x.push(...d());
+        y.value = 7, v.push(...f());
         break;
     }
-    a.value = [...x], o("change", { name: t.name, value: a.value }), o("update:modelValue", a.value);
+    a.value = [...v], n("change", { name: t.name, value: a.value }), n("update:modelValue", a.value);
   }
   function h() {
-    const u = [];
-    switch (i.value) {
+    const r = [];
+    switch (o.value) {
       case "today":
-        u.push(H.getShiftedDay(a.value[0], 1));
+        r.push(H.getShiftedDay(a.value[0], 1));
         break;
       case "week":
-        u.push(...H.getLastWeekRange(a.value[0], a.value[1], 1));
+        r.push(...H.getLastWeekRange(a.value[0], a.value[1], 1));
         break;
       case "month":
-        u.push(...H.getMonthRange(a.value[0], a.value[1], 1));
+        r.push(...H.getMonthRange(a.value[0], a.value[1], 1));
         break;
       case "quarter":
-        u.push(...H.getQuarterRange(a.value[0], a.value[1], 1));
+        r.push(...H.getQuarterRange(a.value[0], a.value[1], 1));
         break;
       case "year":
-        u.push(...H.getYearRange(a.value[0], 1));
+        r.push(...H.getYearRange(a.value[0], 1));
         break;
     }
-    a.value = [...u], o("change", { name: t.name, value: a.value }), o("update:modelValue", a.value);
+    a.value = [...r], n("change", { name: t.name, value: a.value }), n("update:modelValue", a.value);
   }
-  function c() {
-    const u = [];
-    switch (i.value) {
+  function d() {
+    const r = [];
+    switch (o.value) {
       case "today":
-        u.push(H.getShiftedDay(a.value[0], -1));
+        r.push(H.getShiftedDay(a.value[0], -1));
         break;
       case "week":
-        u.push(...H.getLastWeekRange(a.value[0], a.value[1], -1));
+        r.push(...H.getLastWeekRange(a.value[0], a.value[1], -1));
         break;
       case "month":
-        u.push(...H.getMonthRange(a.value[0], a.value[1], -1));
+        r.push(...H.getMonthRange(a.value[0], a.value[1], -1));
         break;
       case "quarter":
-        u.push(...H.getQuarterRange(a.value[0], a.value[1], -1));
+        r.push(...H.getQuarterRange(a.value[0], a.value[1], -1));
         break;
       case "year":
-        u.push(...H.getYearRange(a.value[0], -1));
+        r.push(...H.getYearRange(a.value[0], -1));
         break;
     }
-    a.value = [...u], o("change", { name: t.name, value: a.value }), o("update:modelValue", a.value);
+    a.value = [...r], n("change", { name: t.name, value: a.value }), n("update:modelValue", a.value);
   }
   const m = [
     "Січень",
@@ -982,79 +1008,79 @@ function Ie(t, o) {
     "Листопад",
     "Грудень"
   ];
-  function y(u) {
-    const [x, g, b] = u.split("-");
-    return `${b}.${g}.${x}`;
+  function b(r) {
+    const [v, g, x] = r.split("-");
+    return `${x}.${g}.${v}`;
   }
-  function k(u, x = "long") {
-    const g = new Date(Date.UTC(2e3, u - 1, 1));
-    return new Intl.DateTimeFormat(localStorage.locale, { month: x, timeZone: "UTC" }).format(g);
+  function k(r, v = "long") {
+    const g = new Date(Date.UTC(2e3, r - 1, 1));
+    return new Intl.DateTimeFormat(localStorage.locale, { month: v, timeZone: "UTC" }).format(g);
   }
-  function V(u) {
-    const { value: x } = a;
-    switch (u) {
+  function $(r) {
+    const { value: v } = a;
+    switch (r) {
       case "today":
-        return y(x[0]);
+        return b(v[0]);
       case "range":
         return "Період";
       case "week":
-        return x[0] && x[1] ? `${y(x[0])} – ${y(x[1])}` : "";
+        return v[0] && v[1] ? `${b(v[0])} – ${b(v[1])}` : "";
       case "quarter":
-        if (x[0]) {
-          const g = new Date(x[0]), b = g.getFullYear(), M = g.getMonth();
-          return `${Math.floor(M / 3) + 1} ${l("filter.quarter")} ${b}`;
+        if (v[0]) {
+          const g = new Date(v[0]), x = g.getFullYear(), M = g.getMonth();
+          return `${Math.floor(M / 3) + 1} ${l("filter.quarter")} ${x}`;
         }
         return "";
       case "month":
-        if (x[0]) {
-          const [g, b] = x[0].split("-");
-          return `${k(parseInt(b, 10))} ${g}`;
+        if (v[0]) {
+          const [g, x] = v[0].split("-");
+          return `${k(parseInt(x, 10))} ${g}`;
         }
         return "";
       case "year":
-        return x[0] || "";
+        return v[0] || "";
       case "last_7_days":
         return "За останні дні";
       default:
         return t.label ?? "";
     }
   }
-  const C = E(() => i.value ? V(i.value) : t.label ?? "");
-  function n() {
-    i.value = "", a.value = [], o("update:modelValue", []), o("clear", t.name);
+  const C = O(() => o.value ? $(o.value) : t.label ?? "");
+  function c() {
+    o.value = "", a.value = [], n("update:modelValue", []), n("clear", t.name);
   }
   return {
-    activeMode: i,
+    activeMode: o,
     innerValue: a,
-    daysBefore: v,
-    onDaysBeforeChange: d,
-    onSelectChange: f,
+    daysBefore: y,
+    onDaysBeforeChange: f,
+    onSelectChange: u,
     nextClick: h,
-    prevClick: c,
+    prevClick: d,
     ukMonths: m,
-    formatDisplayDate: y,
-    getModeLabel: V,
+    formatDisplayDate: b,
+    getModeLabel: $,
     currentLabel: C,
-    clear: n
+    clear: c
   };
 }
-const Wt = {
+const Ht = {
   key: 0,
   class: "relative flex w-full h-auto gap-2 filter-date m-2 flex-wrap"
-}, qt = {
+}, Gt = {
   key: 0,
   class: "flex gap-1 !w-[75%] rounded-sm"
-}, Qt = ["max", "disabled"], Ht = ["min", "disabled"], Gt = {
+}, Xt = ["max", "disabled"], Jt = ["min", "disabled"], Zt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Xt = ["max", "disabled"], Zt = {
+}, el = ["max", "disabled"], tl = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Jt = {
+}, ll = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, el = ["min", "disabled"], tl = { class: "flex gap-1 pt-2" }, ll = ["onClick"];
-const al = /* @__PURE__ */ W({
+}, al = ["min", "disabled"], nl = { class: "flex gap-1 pt-2" }, ol = ["onClick"];
+const rl = /* @__PURE__ */ W({
   __name: "date-input",
   props: {
     id: {},
@@ -1083,201 +1109,201 @@ const al = /* @__PURE__ */ W({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: p }) {
-    const l = t, i = Oe(), a = Ot(), v = ae(), d = p, f = A(null), {
+  setup(t, { expose: n, emit: p }) {
+    const l = t, o = Te(), a = Ut(), y = ae(), f = p, u = A(null), {
       activeMode: h,
-      innerValue: c,
+      innerValue: d,
       onSelectChange: m,
-      nextClick: y,
+      nextClick: b,
       prevClick: k,
-      clear: V
+      clear: $
     } = Ie({
       ...l,
-      popoverRef: f
-    }, d);
-    return I(() => l.modelValue, (C) => {
-      C !== void 0 ? (c.value = C, d("update:modelValue", C)) : (h.value = "", c.value = []);
-    }), o({
-      clear: V,
-      popoverRef: f
-    }), (C, n) => (s(), w(T, null, [
-      t.layout === "inline" ? (s(), w("div", Wt, [
-        e(h) !== "" && e(h) === "range" ? (s(), w("div", qt, [
-          Y(r("input", {
+      popoverRef: u
+    }, f);
+    return _(() => l.modelValue, (C) => {
+      C !== void 0 ? (d.value = C, f("update:modelValue", C)) : (h.value = "", d.value = []);
+    }), n({
+      clear: $,
+      popoverRef: u
+    }), (C, c) => (s(), w(I, null, [
+      t.layout === "inline" ? (s(), w("div", Ht, [
+        e(h) !== "" && e(h) === "range" ? (s(), w("div", Gt, [
+          Y(i("input", {
             type: "date",
-            max: e(c)[1],
+            max: e(d)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": n[0] || (n[0] = (u) => e(c)[0] = u),
+            "onUpdate:modelValue": c[0] || (c[0] = (r) => e(d)[0] = r),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",
             disabled: t.disabled
-          }, null, 8, Qt), [
-            [ee, e(c)[0]]
+          }, null, 8, Xt), [
+            [ee, e(d)[0]]
           ]),
-          Y(r("input", {
+          Y(i("input", {
             type: "date",
-            min: e(c)[0],
+            min: e(d)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": n[1] || (n[1] = (u) => e(c)[1] = u),
+            "onUpdate:modelValue": c[1] || (c[1] = (r) => e(d)[1] = r),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",
             disabled: t.disabled
-          }, null, 8, Ht), [
-            [ee, e(c)[1]]
+          }, null, 8, Jt), [
+            [ee, e(d)[1]]
           ])
-        ])) : $("", !0)
-      ])) : $("", !0),
-      r("div", {
-        class: _(t.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
+        ])) : V("", !0)
+      ])) : V("", !0),
+      i("div", {
+        class: L(t.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
       }, [
-        r("div", {
-          class: _(t.layout !== "popover" ? "w-[48%]" : "")
+        i("div", {
+          class: L(t.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          t.layout === "popover" ? (s(), w("label", Gt, B(e(v)("filter.from")), 1)) : $("", !0),
-          Y(r("input", {
+          t.layout === "popover" ? (s(), w("label", Zt, S(e(y)("filter.from")), 1)) : V("", !0),
+          Y(i("input", {
             type: "date",
-            max: e(c)[1],
+            max: e(d)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": n[2] || (n[2] = (u) => e(c)[0] = u),
-            class: _(e(i)),
+            "onUpdate:modelValue": c[2] || (c[2] = (r) => e(d)[0] = r),
+            class: L(e(o)),
             disabled: t.disabled
-          }, null, 10, Xt), [
-            [ee, e(c)[0]]
+          }, null, 10, el), [
+            [ee, e(d)[0]]
           ])
         ], 2),
-        t.layout !== "popover" ? (s(), w("label", Zt, " - ")) : $("", !0),
-        r("div", {
-          class: _(t.layout !== "popover" ? "w-[48%]" : "")
+        t.layout !== "popover" ? (s(), w("label", tl, " - ")) : V("", !0),
+        i("div", {
+          class: L(t.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          t.layout === "popover" ? (s(), w("label", Jt, B(e(v)("filter.to")), 1)) : $("", !0),
-          Y(r("input", {
+          t.layout === "popover" ? (s(), w("label", ll, S(e(y)("filter.to")), 1)) : V("", !0),
+          Y(i("input", {
             type: "date",
-            min: e(c)[0],
+            min: e(d)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": n[3] || (n[3] = (u) => e(c)[1] = u),
-            class: _(e(i)),
+            "onUpdate:modelValue": c[3] || (c[3] = (r) => e(d)[1] = r),
+            class: L(e(o)),
             disabled: t.disabled
-          }, null, 10, el), [
-            [ee, e(c)[1]]
+          }, null, 10, al), [
+            [ee, e(d)[1]]
           ])
         ], 2)
       ], 2),
-      r("div", tl, [
-        (s(), w(T, null, X(["today", "week", "month", "quarter", "year"], (u) => r("button", {
-          key: u,
-          class: _(e(a) + (e(h) === u ? " bg-blue-100" : "")),
-          onClick: (x) => e(m)(u)
-        }, B(e(v)("filter." + u)), 11, ll)), 64)),
-        r("button", {
-          class: _(e(a)),
-          onClick: n[4] || (n[4] = //@ts-ignore
-          (...u) => e(k) && e(k)(...u))
+      i("div", nl, [
+        (s(), w(I, null, X(["today", "week", "month", "quarter", "year"], (r) => i("button", {
+          key: r,
+          class: L(e(a) + (e(h) === r ? " bg-blue-100" : "")),
+          onClick: (v) => e(m)(r)
+        }, S(e(y)("filter." + r)), 11, ol)), 64)),
+        i("button", {
+          class: L(e(a)),
+          onClick: c[4] || (c[4] = //@ts-ignore
+          (...r) => e(k) && e(k)(...r))
         }, " <", 2),
-        r("button", {
-          class: _(e(a)),
-          onClick: n[5] || (n[5] = //@ts-ignore
-          (...u) => e(y) && e(y)(...u))
+        i("button", {
+          class: L(e(a)),
+          onClick: c[5] || (c[5] = //@ts-ignore
+          (...r) => e(b) && e(b)(...r))
         }, " >", 2)
       ]),
-      (t.cleanable, $("", !0))
+      (t.cleanable, V("", !0))
     ], 64));
   }
 });
-function nl(t, o) {
+function sl(t, n) {
   const {
     api: p,
     options: l = [],
-    limit: i = 20,
+    limit: o = 20,
     dataKey: a = "data"
-  } = t, v = t.multi;
-  function d(D) {
-    return v ? Array.isArray(D) ? D : D ? [D] : [] : Array.isArray(D) ? D[0] : D;
+  } = t, y = t.multi;
+  function f(D) {
+    return y ? Array.isArray(D) ? D : D ? [D] : [] : Array.isArray(D) ? D[0] : D;
   }
-  const f = A(d(t.modelValue)), h = A(""), c = A(!1), m = A(l), y = A("id"), k = A("text"), V = A(!1), C = A(t.layout !== "popover" && l.length > i), n = A([]), u = A(0);
-  function x(D) {
-    const L = D.find(Boolean) ?? {}, N = ["id", "value", "code", "key"].find((ie) => ie in L) ?? "id", P = ["text", "label", "name", "title"].find((ie) => ie in L) ?? "text";
+  const u = A(f(t.modelValue)), h = A(""), d = A(!1), m = A(l), b = A("id"), k = A("text"), $ = A(!1), C = A(t.layout !== "popover" && l.length > o), c = A([]), r = A(0);
+  function v(D) {
+    const E = D.find(Boolean) ?? {}, N = ["id", "value", "code", "key"].find((ie) => ie in E) ?? "id", P = ["text", "label", "name", "title"].find((ie) => ie in E) ?? "text";
     return { autoValueKey: N, autoLabelKey: P };
   }
   if (l.length > 0) {
-    const D = x(l);
-    y.value = D.autoValueKey, k.value = D.autoLabelKey;
+    const D = v(l);
+    b.value = D.autoValueKey, k.value = D.autoLabelKey;
   }
-  const g = E(() => {
+  const g = O(() => {
     if (p) return m.value;
     const D = m.value;
     if (t.layout === "popover") return D;
     if (!h.value)
-      return V.value ? D : D.slice(0, i);
-    const L = h.value.toLowerCase();
-    return D.filter((N) => N[k.value].toLowerCase().includes(L));
+      return $.value ? D : D.slice(0, o);
+    const E = h.value.toLowerCase();
+    return D.filter((N) => N[k.value].toLowerCase().includes(E));
   });
-  let b = null;
+  let x = null;
   async function M(D) {
     if (p) {
-      c.value = !0;
+      d.value = !0;
       try {
-        const L = new URL(p, window.location.origin);
-        L.searchParams.set("json", "1"), L.searchParams.set("key", D), L.searchParams.set("limit", i.toString());
-        const N = await fetch(L.toString());
+        const E = new URL(p, window.location.origin);
+        E.searchParams.set("json", "1"), E.searchParams.set("key", D), E.searchParams.set("limit", o.toString());
+        const N = await fetch(E.toString());
         if (!N.ok) {
-          Be({ type: "error", title: "Error", message: "Failed to fetch remote options" }), m.value = [];
+          Se({ type: "error", title: "Error", message: "Failed to fetch remote options" }), m.value = [];
           return;
         }
         const P = await N.json();
         if (!P[a]) {
-          Be({ type: "error", title: "Error", message: P }), m.value = [];
+          Se({ type: "error", title: "Error", message: P }), m.value = [];
           return;
         }
         if (m.value = P[a], m.value.length > 0) {
-          const ie = x(m.value);
-          y.value = ie.autoValueKey, k.value = ie.autoLabelKey;
+          const ie = v(m.value);
+          b.value = ie.autoValueKey, k.value = ie.autoLabelKey;
         }
-        u.value = P.total;
-      } catch (L) {
-        console.error("Failed to fetch remote options:", L);
+        r.value = P.total;
+      } catch (E) {
+        console.error("Failed to fetch remote options:", E);
       } finally {
-        c.value = !1;
+        d.value = !1;
       }
     }
   }
-  I(h, (D) => {
-    p && (b && clearTimeout(b), b = setTimeout(() => {
+  _(h, (D) => {
+    p && (x && clearTimeout(x), x = setTimeout(() => {
       M(D);
     }, 200));
-  }), I(() => t.modelValue, (D) => {
-    f.value = d(D);
+  }), _(() => t.modelValue, (D) => {
+    u.value = f(D);
   }, { immediate: !0 });
   function U(D) {
-    return v && Array.isArray(f.value) ? f.value.includes(D[y.value]) : f.value && f.value === D[y.value];
+    return y && Array.isArray(u.value) ? u.value.includes(D[b.value]) : u.value && u.value === D[b.value];
   }
   function j(D) {
-    if (v && !Array.isArray(f.value) && (f.value = []), v && Array.isArray(f.value)) {
-      const L = f.value.includes(D[y.value]);
-      f.value = L ? f.value.filter((N) => N !== D[y.value]) : [...f.value, D[y.value]], n.value = L ? n.value.filter((N) => N !== D[k.value]) : [...n.value, D[k.value]];
+    if (y && !Array.isArray(u.value) && (u.value = []), y && Array.isArray(u.value)) {
+      const E = u.value.includes(D[b.value]);
+      u.value = E ? u.value.filter((N) => N !== D[b.value]) : [...u.value, D[b.value]], c.value = E ? c.value.filter((N) => N !== D[k.value]) : [...c.value, D[k.value]];
     } else
-      f.value = D[y.value], n.value = D[k.value];
-    o("update:modelValue", f.value), o("change", { name: t.name, value: f.value });
+      u.value = D[b.value], c.value = D[k.value];
+    n("update:modelValue", u.value), n("change", { name: t.name, value: u.value });
   }
-  function S() {
-    v ? (f.value = [], n.value = []) : (f.value = void 0, n.value = []), o("update:modelValue", f.value), o("clear", t.name);
+  function B() {
+    y ? (u.value = [], c.value = []) : (u.value = void 0, c.value = []), n("update:modelValue", u.value), n("clear", t.name);
   }
   function K() {
-    b && clearTimeout(b), h.value = "", V.value = !1;
+    x && clearTimeout(x), h.value = "", $.value = !1;
   }
   function R() {
-    V.value = !V.value;
+    $.value = !$.value;
   }
-  me(() => {
-    b && clearTimeout(b);
+  pe(() => {
+    x && clearTimeout(x);
   });
   const F = A(-1);
-  I(g, () => {
+  _(g, () => {
     F.value = g.value.length > 0 ? 0 : -1;
   });
   function z(D) {
-    const L = g.value.length;
+    const E = g.value.length;
     if (D.key === "ArrowDown")
-      D.preventDefault(), F.value = (F.value + 1) % L;
+      D.preventDefault(), F.value = (F.value + 1) % E;
     else if (D.key === "ArrowUp")
-      D.preventDefault(), F.value = (F.value - 1 + L) % L;
+      D.preventDefault(), F.value = (F.value - 1 + E) % E;
     else if (D.key === "Enter" && (D.preventDefault(), F.value >= 0 && F.value < g.value.length)) {
       const N = g.value[F.value];
       j(N);
@@ -1287,37 +1313,37 @@ function nl(t, o) {
     p && m.value.length === 0 && h.value.length === 0 && M(h.value);
   }
   return {
-    innerValue: f,
+    innerValue: u,
     searchTerm: h,
     filteredOptions: g,
     isSelected: U,
     selectItem: j,
-    clear: S,
+    clear: B,
     resetSearch: K,
     toggleShowAll: R,
-    isReqProc: c,
-    showAll: V,
+    isReqProc: d,
+    showAll: $,
     isEnableShowAll: C,
     labelKey: k,
-    valueKey: y,
+    valueKey: b,
     allOptions: m,
     highlightedIndex: F,
     onKeyDown: z,
-    selectedLabels: n,
-    totalCount: u,
+    selectedLabels: c,
+    totalCount: r,
     loadData: Q
   };
 }
-const ol = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, rl = ["placeholder"], sl = {
+const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, ul = ["placeholder"], cl = {
   key: 0,
   class: "w-full"
-}, il = { class: "flex flex-col items-center justify-center p-5 text-center" }, ul = { class: "max-w-sm mx-auto mt-6" }, cl = { class: "font-medium text-gray-800 dark:text-neutral-200" }, dl = {
+}, dl = { class: "flex flex-col items-center justify-center p-5 text-center" }, fl = { class: "max-w-sm mx-auto mt-6" }, ml = { class: "font-medium text-gray-800 dark:text-neutral-200" }, pl = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, fl = {
+}, vl = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, ml = /* @__PURE__ */ W({
+}, yl = /* @__PURE__ */ W({
   __name: "select",
   props: {
     id: {},
@@ -1346,154 +1372,154 @@ const ol = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: p }) {
-    const l = ae(), i = t, a = p, v = A(null), {
-      innerValue: d,
-      filteredOptions: f,
+  setup(t, { expose: n, emit: p }) {
+    const l = ae(), o = t, a = p, y = A(null), {
+      innerValue: f,
+      filteredOptions: u,
       isSelected: h,
-      selectItem: c,
+      selectItem: d,
       clear: m,
-      resetSearch: y,
+      resetSearch: b,
       toggleShowAll: k,
-      isReqProc: V,
+      isReqProc: $,
       showAll: C,
-      isEnableShowAll: n,
-      searchTerm: u,
-      labelKey: x,
+      isEnableShowAll: c,
+      searchTerm: r,
+      labelKey: v,
       valueKey: g,
-      highlightedIndex: b,
+      highlightedIndex: x,
       onKeyDown: M,
       selectedLabels: U,
       totalCount: j,
-      loadData: S
-    } = nl({
-      ...i,
-      modelValue: i.modelValue
+      loadData: B
+    } = sl({
+      ...o,
+      modelValue: o.modelValue
     }, a);
     de(() => {
-      y(), i.layout !== "inline" && (S(), v.value && i.layout === "popover" && v.value.focus());
-    }), I(
-      () => i.modelValue,
+      b(), o.layout !== "inline" && (B(), y.value && o.layout === "popover" && y.value.focus());
+    }), _(
+      () => o.modelValue,
       (R) => {
-        R === void 0 && (i.multi ? d.value = [] : d.value = void 0);
+        R === void 0 && (o.multi ? f.value = [] : f.value = void 0);
       }
     );
     const K = A([]);
-    return I(b, (R) => {
+    return _(x, (R) => {
       R >= 0 && K.value[R] && K.value[R]?.scrollIntoView({
         block: "nearest",
         behavior: "smooth"
       });
-    }), I(f, () => {
+    }), _(u, () => {
       K.value = [];
-    }), o({
+    }), n({
       clear: m,
-      inputTextRef: v,
+      inputTextRef: y,
       selectedLabels: U,
-      loadData: S
+      loadData: B
     }), (R, F) => (s(), w("div", {
-      class: _([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+      class: L([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
     }, [
-      r("div", ol, [
-        Y(r("input", {
-          "onUpdate:modelValue": F[0] || (F[0] = (z) => Ye(u) ? u.value = z : null),
+      i("div", il, [
+        Y(i("input", {
+          "onUpdate:modelValue": F[0] || (F[0] = (z) => Ye(r) ? r.value = z : null),
           onKeydown: F[1] || (F[1] = //@ts-ignore
           (...z) => e(M) && e(M)(...z)),
           class: "w-full h-full text-[13px] px-4 border rounded-sm pl-9 focus:outline-none focus:ring-ring focus:ring-1 focus:ring-blue-500 text-gray-700",
           placeholder: e(l)("filter.search"),
           type: "text",
           ref_key: "inputTextRef",
-          ref: v
-        }, null, 40, rl), [
-          [ee, e(u)]
+          ref: y
+        }, null, 40, ul), [
+          [ee, e(r)]
         ]),
-        q(_e, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
-        e(u) != "" ? (s(), O(Ce, {
+        q(Oe, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
+        e(r) != "" ? (s(), T(Ce, {
           key: 0,
-          onClick: F[2] || (F[2] = (z) => u.value = ""),
+          onClick: F[2] || (F[2] = (z) => r.value = ""),
           class: "absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"
-        })) : $("", !0)
+        })) : V("", !0)
       ]),
-      r("div", {
-        class: _([
+      i("div", {
+        class: L([
           t.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
           t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (s(!0), w(T, null, X(e(f), (z, Q) => (s(), O(xe, {
+        (s(!0), w(I, null, X(e(u), (z, Q) => (s(), T(xe, {
           layout: t.layout,
           count: z.count,
-          label: z[e(x)],
+          label: z[e(v)],
           color: z.color,
           type: t.multi ? "checkbox" : "radio",
           value: z[e(g)],
           "is-selected": e(h)(z),
-          highlighted: Q === e(b),
-          onItemClick: (D) => e(c)(z),
+          highlighted: Q === e(x),
+          onItemClick: (D) => e(d)(z),
           ref_for: !0,
           ref: (D) => K.value[Q] = D?.el
         }, null, 8, ["layout", "count", "label", "color", "type", "value", "is-selected", "highlighted", "onItemClick"]))), 256))
       ], 2),
-      t.type === "select" && e(f).length === 0 && !e(V) ? (s(), w("div", sl, [
-        r("div", il, [
+      t.type === "select" && e(u).length === 0 && !e($) ? (s(), w("div", cl, [
+        i("div", dl, [
           q(we),
-          r("div", ul, [
-            r("p", cl, B(e(l)("filter.notfound")), 1),
-            F[7] || (F[7] = r("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
+          i("div", fl, [
+            i("p", ml, S(e(l)("filter.notfound")), 1),
+            F[7] || (F[7] = i("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
           ])
         ])
-      ])) : $("", !0),
-      t.layout !== "popover" && t.type !== "select" ? (s(), w(T, { key: 1 }, [
-        !e(C) && e(n) ? (s(), w("div", {
+      ])) : V("", !0),
+      t.layout !== "popover" && t.type !== "select" ? (s(), w(I, { key: 1 }, [
+        !e(C) && e(c) ? (s(), w("div", {
           key: 0,
           onClick: F[3] || (F[3] = //@ts-ignore
           (...z) => e(k) && e(k)(...z)),
           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"
         }, [
-          G(B(e(l)("filter.more")) + " ", 1),
+          G(S(e(l)("filter.more")) + " ", 1),
           q(ve)
-        ])) : $("", !0),
+        ])) : V("", !0),
         e(C) ? (s(), w("div", {
           key: 1,
           onClick: F[4] || (F[4] = //@ts-ignore
           (...z) => e(k) && e(k)(...z)),
           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"
         }, [
-          G(B(e(l)("filter.less")) + " ", 1),
+          G(S(e(l)("filter.less")) + " ", 1),
           q(ke)
-        ])) : $("", !0)
-      ], 64)) : $("", !0),
-      t.cleanable ? (s(), w(T, { key: 2 }, [
-        t.layout === "inline" ? (s(), w("div", dl, [
-          G(B(t.multi && Array.isArray(e(d)) ? e(d)?.length : e(d) !== void 0 && (e(d) || e(d) === null) ? 1 : 0) + " / " + B(e(j)) + " " + B(e(l)("filter.selected")) + " ", 1),
-          Y(r("button", {
+        ])) : V("", !0)
+      ], 64)) : V("", !0),
+      t.cleanable ? (s(), w(I, { key: 2 }, [
+        t.layout === "inline" ? (s(), w("div", pl, [
+          G(S(t.multi && Array.isArray(e(f)) ? e(f)?.length : e(f) !== void 0 && (e(f) || e(f) === null) ? 1 : 0) + " / " + S(e(j)) + " " + S(e(l)("filter.selected")) + " ", 1),
+          Y(i("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: F[5] || (F[5] = //@ts-ignore
             (...z) => e(m) && e(m)(...z))
-          }, B(e(l)("filter.clear")), 513), [
-            [J, e(d) !== "" && e(d) !== void 0 || e(d)]
+          }, S(e(l)("filter.clear")), 513), [
+            [Z, e(f) !== "" && e(f) !== void 0 || e(f)]
           ])
-        ])) : $("", !0),
-        t.layout === "popover" ? (s(), w("div", fl, [
-          r("span", null, B(t.multi && Array.isArray(e(d)) ? e(d)?.length : e(d) !== void 0 && (e(d) || e(d) === null) ? 1 : 0) + " / " + B(e(j)) + " " + B(e(l)("filter.selected")), 1),
-          Y(r("button", {
+        ])) : V("", !0),
+        t.layout === "popover" ? (s(), w("div", vl, [
+          i("span", null, S(t.multi && Array.isArray(e(f)) ? e(f)?.length : e(f) !== void 0 && (e(f) || e(f) === null) ? 1 : 0) + " / " + S(e(j)) + " " + S(e(l)("filter.selected")), 1),
+          Y(i("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: F[6] || (F[6] = //@ts-ignore
             (...z) => e(m) && e(m)(...z))
-          }, B(e(l)("filter.clear")), 513), [
-            [J, e(d) !== "" && e(d) !== void 0 || e(d)]
+          }, S(e(l)("filter.clear")), 513), [
+            [Z, e(f) !== "" && e(f) !== void 0 || e(f)]
           ])
-        ])) : $("", !0)
-      ], 64)) : $("", !0)
+        ])) : V("", !0)
+      ], 64)) : V("", !0)
     ], 2));
   }
-}), pl = ["for", "onClick"], vl = ["id", "name", "value"], yl = { class: "block" }, gl = {
+}), gl = ["for", "onClick"], bl = ["id", "name", "value"], xl = { class: "block" }, hl = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, bl = {
+}, wl = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, xl = /* @__PURE__ */ W({
+}, kl = /* @__PURE__ */ W({
   __name: "tag-field",
   props: {
     id: {},
@@ -1522,77 +1548,77 @@ const ol = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: p }) {
-    const l = t, i = p, {
+  setup(t, { expose: n, emit: p }) {
+    const l = t, o = p, {
       innerValue: a,
-      isSelected: v,
-      selectItem: d,
-      clear: f,
+      isSelected: y,
+      selectItem: f,
+      clear: u,
       labelKey: h,
-      valueKey: c,
+      valueKey: d,
       allOptions: m
     } = l.multi ? Le({
       ...l,
       modelValue: l.modelValue ?? l.default ?? []
-    }, i) : he({
+    }, o) : he({
       ...l,
       modelValue: l.modelValue !== void 0 ? l.modelValue : l.default ?? ""
-    }, i);
-    return o({
-      clear: f
-    }), I(
+    }, o);
+    return n({
+      clear: u
+    }), _(
       () => l.modelValue,
-      (y) => {
-        y === void 0 && (l.multi ? a.value = [] : a.value = void 0);
+      (b) => {
+        b === void 0 && (l.multi ? a.value = [] : a.value = void 0);
       }
-    ), (y, k) => (s(), w(T, null, [
-      r("div", {
-        class: _(["grid grid-cols-3 gap-2 mx-[1px]", t.layout === "popover" ? "m-1" : "mb-1"])
+    ), (b, k) => (s(), w(I, null, [
+      i("div", {
+        class: L(["grid grid-cols-3 gap-2 mx-[1px]", t.layout === "popover" ? "m-1" : "mb-1"])
       }, [
-        (s(!0), w(T, null, X(e(m), (V) => (s(), w("label", {
-          key: `item-${V[e(c)]}`,
-          for: `item-${V[e(c)]}`,
-          onClick: se((C) => e(d)(V), ["stop", "prevent"]),
-          class: _([e(v)(V) ? "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-sm 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%)]"])
+        (s(!0), w(I, null, X(e(m), ($) => (s(), w("label", {
+          key: `item-${$[e(d)]}`,
+          for: `item-${$[e(d)]}`,
+          onClick: se((C) => e(f)($), ["stop", "prevent"]),
+          class: L([e(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-sm 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%)]"])
         }, [
-          r("input", {
+          i("input", {
             type: "checkbox",
-            id: `item-${V[e(c)]}`,
+            id: `item-${$[e(d)]}`,
             class: "hidden w4poy border-gray-200 g41z1 g22e3 axcnw dark:text-indigo-500 dark:border-neutral-700 dark:focus:ring-neutral-900",
-            name: `item-${V[e(c)]}`,
-            value: V[e(c)]
-          }, null, 8, vl),
-          r("span", yl, B(V[e(h)]), 1)
-        ], 10, pl))), 128))
+            name: `item-${$[e(d)]}`,
+            value: $[e(d)]
+          }, null, 8, bl),
+          i("span", xl, S($[e(h)]), 1)
+        ], 10, gl))), 128))
       ], 2),
-      t.cleanable ? (s(), w(T, { key: 0 }, [
-        t.layout === "inline" ? (s(), w("div", gl, [
-          G(B(t.multi && Array.isArray(e(a)) ? e(a)?.length : e(a) !== void 0 && (e(a) || e(a) === null) ? 1 : 0) + " з " + B(e(m).length) + " обрано ", 1),
-          Y(r("button", {
+      t.cleanable ? (s(), w(I, { key: 0 }, [
+        t.layout === "inline" ? (s(), w("div", hl, [
+          G(S(t.multi && Array.isArray(e(a)) ? e(a)?.length : e(a) !== void 0 && (e(a) || e(a) === null) ? 1 : 0) + " з " + S(e(m).length) + " обрано ", 1),
+          Y(i("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: k[0] || (k[0] = //@ts-ignore
-            (...V) => e(f) && e(f)(...V))
+            (...$) => e(u) && e(u)(...$))
           }, " Очистити ", 512), [
-            [J, e(a) !== "" && e(a) !== void 0 || e(a)]
+            [Z, e(a) !== "" && e(a) !== void 0 || e(a)]
           ])
-        ])) : $("", !0),
-        t.layout === "popover" ? (s(), w("div", bl, [
-          r("span", null, B(t.multi && Array.isArray(e(a)) ? e(a)?.length : e(a) !== void 0 && (e(a) || e(a) === null) ? 1 : 0) + " з " + B(e(m).length) + " обрано", 1),
-          Y(r("button", {
+        ])) : V("", !0),
+        t.layout === "popover" ? (s(), w("div", wl, [
+          i("span", null, S(t.multi && Array.isArray(e(a)) ? e(a)?.length : e(a) !== void 0 && (e(a) || e(a) === null) ? 1 : 0) + " з " + S(e(m).length) + " обрано", 1),
+          Y(i("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: k[1] || (k[1] = //@ts-ignore
-            (...V) => e(f) && e(f)(...V))
+            (...$) => e(u) && e(u)(...$))
           }, " Очистити ", 512), [
-            [J, e(a) !== void 0 && e(a) !== "" || e(a)]
+            [Z, e(a) !== void 0 && e(a) !== "" || e(a)]
           ])
-        ])) : $("", !0)
-      ], 64)) : $("", !0)
+        ])) : V("", !0)
+      ], 64)) : V("", !0)
     ], 64));
   }
-}), hl = ["disabled", "title"], wl = { class: "flex w-full items-center justify-between gap-1 overflow-hidden text-left" }, kl = { class: "truncate text-ellipsis text-sm" }, Cl = {
+}), Cl = ["disabled", "title"], Vl = { class: "flex w-full items-center justify-between gap-1 overflow-hidden text-left" }, $l = { class: "truncate text-ellipsis text-sm" }, Al = {
   key: 0,
   class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-sm bg-blue-100 px-2 text-[11px] font-semibold text-blue-600"
-}, Vl = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-sm 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" }, $l = { 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" }, Ve = /* @__PURE__ */ W({
+}, Sl = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-sm 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" }, Bl = { 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" }, Ve = /* @__PURE__ */ W({
   __name: "popover-field",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -1609,108 +1635,91 @@ const ol = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     mode: {},
     layout: {}
   },
-  setup(t, { expose: o }) {
-    const p = t, l = E(() => Te(p.mode)), i = A(!1), a = A({ top: 0, left: 0 }), v = A(null), d = A(null), f = A(null);
+  setup(t, { expose: n }) {
+    const p = t, l = O(() => _e(p.mode)), o = A(!1), a = A({ top: 0, left: 0 }), y = A(null), f = A(null), u = A(null);
     function h() {
-      const b = d.value, M = f.value;
-      if (!b || !M) return;
-      const U = b.getBoundingClientRect(), j = M.offsetWidth, S = window.innerWidth, K = U.bottom + 8;
+      const x = f.value, M = u.value;
+      if (!x || !M) return;
+      const U = x.getBoundingClientRect(), j = M.offsetWidth, B = window.innerWidth, K = U.bottom + 8;
       let { left: R } = U;
-      R + j > S && (R = Math.max(S - j - 10, 10)), a.value = { top: K, left: R };
+      R + j > B && (R = Math.max(B - j - 10, 10)), a.value = { top: K, left: R };
     }
-    function c() {
-      i.value = !i.value, i.value && pe(() => {
+    function d() {
+      o.value = !o.value, o.value && fe(() => {
         h(), p.fieldRef?.inputTextRef && p.fieldRef?.inputTextRef?.focus?.(), p.fieldRef?.loadData && p.fieldRef?.loadData?.();
       });
     }
-    function m(b) {
-      !v.value?.contains(b.target) && !f.value?.contains(b.target) && !d.value?.contains(b.target) && (i.value = !1);
+    function m(x) {
+      !y.value?.contains(x.target) && !u.value?.contains(x.target) && !f.value?.contains(x.target) && (o.value = !1);
     }
-    function y(b) {
-      b.key === "Escape" && (i.value = !1);
+    function b(x) {
+      x.key === "Escape" && (o.value = !1);
     }
-    const k = A(!1), V = A("ua"), C = (b) => {
-      b.detail.key === "locale" && (V.value = b.detail.newValue);
+    const k = A(!1), $ = A("ua"), C = (x) => {
+      x.detail.key === "locale" && ($.value = x.detail.newValue);
     };
     de(() => {
-      k.value = !0, V.value = localStorage.locale, window.addEventListener("storage", C), document.addEventListener("click", m, !0), document.addEventListener("keydown", y), window.addEventListener("scroll", h, !0);
-    }), me(() => {
-      window.removeEventListener("resize", C), document.removeEventListener("click", m, !0), document.removeEventListener("keydown", y), window.removeEventListener("scroll", h, !0);
+      k.value = !0, $.value = localStorage.locale, window.addEventListener("storage", C), document.addEventListener("click", m, !0), document.addEventListener("keydown", b), window.addEventListener("scroll", h, !0);
+    }), pe(() => {
+      window.removeEventListener("resize", C), document.removeEventListener("click", m, !0), document.removeEventListener("keydown", b), window.removeEventListener("scroll", h, !0);
     });
-    function n() {
-      i.value = !1;
+    function c() {
+      o.value = !1;
     }
-    o({ close: n });
-    function u(b) {
-      return Array.isArray(b) ? b.filter((M) => M != null && M !== "").length : b && typeof b == "object" ? Object.values(b).filter((M) => M != null && M !== "").length : typeof b == "string" ? b.trim() === "" ? 0 : 1 : typeof b == "number" ? Number.isNaN(b) ? 0 : 1 : b === null || b !== void 0 ? 1 : 0;
+    n({ close: c });
+    function r(x) {
+      return Array.isArray(x) ? x.filter((M) => M != null && M !== "").length : x && typeof x == "object" ? Object.values(x).filter((M) => M != null && M !== "").length : typeof x == "string" ? x.trim() === "" ? 0 : 1 : typeof x == "number" ? Number.isNaN(x) ? 0 : 1 : x === null || x !== void 0 ? 1 : 0;
     }
-    const x = E(() => {
-      const b = p.fieldRef?.selectedLabels, M = u(b);
-      return M > 0 ? M : u(p.currentValue);
-    }), g = E(() => {
-      const b = p.fieldRef?.selectedLabels;
-      return !b || ["inline"].includes(p.layout || "") ? p[V.value] || (p.label ?? "") : Array.isArray(b) ? b.length > 0 ? b.join(", ") : p.label ?? "" : String(b);
+    const v = O(() => {
+      const x = p.fieldRef?.selectedLabels, M = r(x);
+      return M > 0 ? M : r(p.currentValue);
+    }), g = O(() => {
+      const x = p.fieldRef?.selectedLabels;
+      return !x || ["inline"].includes(p.layout || "") ? p[$.value] || (p.label ?? "") : Array.isArray(x) ? x.length > 0 ? x.join(", ") : p.label ?? "" : String(x);
     });
-    return (b, M) => (s(), w("div", null, [
-      r("button", {
-        onClick: c,
+    return (x, M) => (s(), w("div", null, [
+      i("button", {
+        onClick: d,
         disabled: t.disabled,
         ref_key: "triggerRef",
-        ref: d,
+        ref: f,
         title: t.label,
-        class: _([
+        class: L([
           l.value,
           t.width ? e(Ee).getWidthClass(t.width) : "w-full",
-          t.layout === "inline" && x.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600" : ""
+          t.layout === "inline" && v.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600" : ""
         ]),
         type: "button"
       }, [
-        r("span", wl, [
-          r("span", kl, B(g.value), 1),
-          t.layout === "inline" && x.value > 0 ? (s(), w("span", Cl, B(x.value), 1)) : $("", !0)
+        i("span", Vl, [
+          i("span", $l, S(g.value), 1),
+          t.layout === "inline" && v.value > 0 ? (s(), w("span", Al, S(v.value), 1)) : V("", !0)
         ]),
         q(ve, { class: "h-4 w-4 text-neutral-500" })
-      ], 10, hl),
-      k.value ? (s(), O(ge, {
+      ], 10, Cl),
+      k.value ? (s(), T(ge, {
         key: 0,
         to: "body"
       }, [
-        Y(r("div", {
+        Y(i("div", {
           ref_key: "popperRef",
-          ref: f,
+          ref: u,
           class: "vsTailwind vs-popover__content bottom-right w-fit fixed z-[1000]",
           style: be({ top: `${a.value.top}px`, left: `${a.value.left}px` }),
           "data-inside-popover": ""
         }, [
-          r("div", Vl, [
-            r("div", $l, [
-              ue(b.$slots, "default")
+          i("div", Sl, [
+            i("div", Bl, [
+              ce(x.$slots, "default")
             ])
           ])
         ], 4), [
-          [J, i.value]
+          [Z, o.value]
         ])
-      ])) : $("", !0)
+      ])) : V("", !0)
     ]));
   }
-}), Al = {}, Bl = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  class: "text-blue-600 w-[16px] h-[16px]"
-};
-function Sl(t, o) {
-  return s(), w("svg", Bl, [...o[0] || (o[0] = [
-    r("path", { d: "M20 6 9 17l-5-5" }, null, -1)
-  ])]);
-}
-const re = /* @__PURE__ */ te(Al, [["render", Sl]]), jl = {}, Dl = {
+}), jl = {}, Dl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1722,14 +1731,14 @@ const re = /* @__PURE__ */ te(Al, [["render", Sl]]), jl = {}, Dl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[90deg]"
 };
-function Rl(t, o) {
-  return s(), w("svg", Dl, [...o[0] || (o[0] = [
-    r("path", {
+function Rl(t, n) {
+  return s(), w("svg", Dl, [...n[0] || (n[0] = [
+    i("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    r("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+    i("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ])]);
 }
 const Fl = /* @__PURE__ */ te(jl, [["render", Rl]]), Kl = {}, Ml = {
@@ -1744,17 +1753,17 @@ const Fl = /* @__PURE__ */ te(jl, [["render", Rl]]), Kl = {}, Ml = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[270deg]"
 };
-function Ll(t, o) {
-  return s(), w("svg", Ml, [...o[0] || (o[0] = [
-    r("path", {
+function Ll(t, n) {
+  return s(), w("svg", Ml, [...n[0] || (n[0] = [
+    i("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    r("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+    i("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ])]);
 }
-const _l = /* @__PURE__ */ te(Kl, [["render", Ll]]), El = { class: "flex gap-1" }, Ol = { class: "mb-1" }, Tl = { class: "mb-1" }, Il = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Ul = ["title"], zl = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Nl = ["title"], Pl = {
+const Ol = /* @__PURE__ */ te(Kl, [["render", Ll]]), El = { class: "flex gap-1" }, Tl = { class: "mb-1" }, _l = { class: "mb-1" }, Il = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Ul = ["title"], zl = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Nl = ["title"], Pl = {
   key: 1,
   class: "flex gap-1 !w-[75%] rounded-sm"
 }, Yl = ["max", "disabled"], Wl = ["min", "disabled"];
@@ -1787,161 +1796,162 @@ const ql = /* @__PURE__ */ W({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: p }) {
-    const l = ae(), i = t, a = p, v = A(null), {
-      activeMode: d,
-      innerValue: f,
+  setup(t, { expose: n, emit: p }) {
+    const l = ae(), o = t, a = p, y = A(null), {
+      activeMode: f,
+      innerValue: u,
       onSelectChange: h,
-      nextClick: c,
+      nextClick: d,
       prevClick: m,
-      currentLabel: y,
+      currentLabel: b,
       clear: k
     } = Ie({
-      ...i,
-      popoverRef: v
+      ...o,
+      popoverRef: y
     }, a);
-    return I(() => i.modelValue, (V) => {
-      V !== void 0 ? (f.value = V, a("update:modelValue", V)) : (d.value = "", f.value = []);
-    }), o({
+    return _(() => o.modelValue, ($) => {
+      $ !== void 0 ? (u.value = $, a("update:modelValue", $)) : (f.value = "", u.value = []);
+    }), n({
       clear: k,
-      popoverRef: v
-    }), (V, C) => (s(), w(T, null, [
-      r("div", El, [
+      popoverRef: y
+    }), ($, C) => (s(), w(I, null, [
+      i("div", El, [
         q(Ve, {
           ref_key: "popoverRef",
-          ref: v,
-          label: e(y),
-          "current-value": e(f),
+          ref: y,
+          label: e(b),
+          "current-value": e(u),
           mode: t.mode,
-          width: typeof t.width == "number" && e(f).length ? t.width - 70 : t.width,
+          width: typeof t.width == "number" && e(u).length ? t.width - 70 : t.width,
           onClear: e(k),
-          layout: t.layout
+          layout: t.layout,
+          class: L(t.itemClass)
         }, {
-          default: ne(() => [
-            r("div", null, [
-              r("button", {
+          default: oe(() => [
+            i("div", null, [
+              i("button", {
                 type: "button",
-                onClick: C[0] || (C[0] = (n) => e(h)("range")),
+                onClick: C[0] || (C[0] = (c) => e(h)("range")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                G(B(e(l)("filter.period")) + " ", 1),
-                e(d) === "range" ? (s(), O(re, { key: 0 })) : $("", !0)
+                G(S(e(l)("filter.period")) + " ", 1),
+                e(f) === "range" ? (s(), T(ne, { key: 0 })) : V("", !0)
               ])
             ]),
-            C[12] || (C[12] = r("div", null, [
-              r("div", { class: "pt-1 mt-1 border-t" })
+            C[12] || (C[12] = i("div", null, [
+              i("div", { class: "pt-1 mt-1 border-t" })
             ], -1)),
-            r("div", null, [
-              r("button", {
+            i("div", null, [
+              i("button", {
                 type: "button",
-                onClick: C[1] || (C[1] = (n) => e(h)("today")),
+                onClick: C[1] || (C[1] = (c) => e(h)("today")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                G(B(e(l)("filter.today")) + " ", 1),
-                e(d) === "today" ? (s(), O(re, { key: 0 })) : $("", !0)
+                G(S(e(l)("filter.today")) + " ", 1),
+                e(f) === "today" ? (s(), T(ne, { key: 0 })) : V("", !0)
               ])
             ]),
-            r("div", null, [
-              r("button", {
+            i("div", null, [
+              i("button", {
                 type: "button",
-                onClick: C[2] || (C[2] = (n) => e(h)("week")),
+                onClick: C[2] || (C[2] = (c) => e(h)("week")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                G(B(e(l)("filter.week")) + " ", 1),
-                e(d) === "week" ? (s(), O(re, { key: 0 })) : $("", !0)
+                G(S(e(l)("filter.week")) + " ", 1),
+                e(f) === "week" ? (s(), T(ne, { key: 0 })) : V("", !0)
               ])
             ]),
-            r("div", null, [
-              r("button", {
+            i("div", null, [
+              i("button", {
                 type: "button",
-                onClick: C[3] || (C[3] = (n) => e(h)("month")),
+                onClick: C[3] || (C[3] = (c) => e(h)("month")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                G(B(e(l)("filter.month")) + " ", 1),
-                e(d) === "month" ? (s(), O(re, { key: 0 })) : $("", !0)
+                G(S(e(l)("filter.month")) + " ", 1),
+                e(f) === "month" ? (s(), T(ne, { key: 0 })) : V("", !0)
               ])
             ]),
-            r("div", null, [
-              r("button", {
+            i("div", null, [
+              i("button", {
                 type: "button",
-                onClick: C[4] || (C[4] = (n) => e(h)("quarter")),
+                onClick: C[4] || (C[4] = (c) => e(h)("quarter")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                G(B(e(l)("filter.quarter")) + " ", 1),
-                e(d) === "quarter" ? (s(), O(re, { key: 0 })) : $("", !0)
+                G(S(e(l)("filter.quarter")) + " ", 1),
+                e(f) === "quarter" ? (s(), T(ne, { key: 0 })) : V("", !0)
               ])
             ]),
-            r("div", Ol, [
-              r("button", {
+            i("div", Tl, [
+              i("button", {
                 type: "button",
-                onClick: C[5] || (C[5] = (n) => e(h)("year")),
+                onClick: C[5] || (C[5] = (c) => e(h)("year")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                G(B(e(l)("filter.year")) + " ", 1),
-                e(d) === "year" ? (s(), O(re, { key: 0 })) : $("", !0)
+                G(S(e(l)("filter.year")) + " ", 1),
+                e(f) === "year" ? (s(), T(ne, { key: 0 })) : V("", !0)
               ])
             ]),
-            r("div", Tl, [
-              r("button", {
+            i("div", _l, [
+              i("button", {
                 type: "button",
-                onClick: C[6] || (C[6] = (n) => e(k)()),
+                onClick: C[6] || (C[6] = (c) => e(k)()),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                G(B(e(l)("filter.alltime")) + " ", 1),
-                e(f)[0] ? $("", !0) : (s(), O(re, { key: 0 }))
+                G(S(e(l)("filter.alltime")) + " ", 1),
+                e(u)[0] ? V("", !0) : (s(), T(ne, { key: 0 }))
               ])
             ])
           ]),
           _: 1
-        }, 8, ["label", "current-value", "mode", "width", "onClear", "layout"]),
-        e(d) !== "" && e(d) !== "range" && e(d) !== "last_7_days" ? (s(), w(T, { key: 0 }, [
-          r("div", Il, [
-            r("button", {
+        }, 8, ["label", "current-value", "mode", "width", "onClear", "layout", "class"]),
+        e(f) !== "" && e(f) !== "range" && e(f) !== "last_7_days" ? (s(), w(I, { key: 0 }, [
+          i("div", Il, [
+            i("button", {
               type: "button",
               title: e(l)("filter.prev"),
               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: C[7] || (C[7] = //@ts-ignore
-              (...n) => e(m) && e(m)(...n))
+              (...c) => e(m) && e(m)(...c))
             }, [
               q(Fl)
             ], 8, Ul)
           ]),
-          r("div", zl, [
-            r("button", {
+          i("div", zl, [
+            i("button", {
               type: "button",
               title: e(l)("filter.next"),
               class: "inline-flex h-[38px] items-center px-2 text-sm text-gray-800 gap-x-2 bg-gray-100 -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: C[8] || (C[8] = //@ts-ignore
-              (...n) => e(c) && e(c)(...n))
+              (...c) => e(d) && e(d)(...c))
             }, [
-              q(_l)
+              q(Ol)
             ], 8, Nl)
           ])
-        ], 64)) : $("", !0),
-        e(d) !== "" && e(d) === "range" ? (s(), w("div", Pl, [
-          Y(r("input", {
+        ], 64)) : V("", !0),
+        e(f) !== "" && e(f) === "range" ? (s(), w("div", Pl, [
+          Y(i("input", {
             type: "date",
-            max: e(f)[1],
+            max: e(u)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": C[9] || (C[9] = (n) => e(f)[0] = n),
+            "onUpdate:modelValue": C[9] || (C[9] = (c) => e(u)[0] = c),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",
             disabled: t.disabled
           }, null, 8, Yl), [
-            [ee, e(f)[0]]
+            [ee, e(u)[0]]
           ]),
-          Y(r("input", {
+          Y(i("input", {
             type: "date",
-            min: e(f)[0],
+            min: e(u)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": C[10] || (C[10] = (n) => e(f)[1] = n),
+            "onUpdate:modelValue": C[10] || (C[10] = (c) => e(u)[1] = c),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",
             disabled: t.disabled
           }, null, 8, Wl), [
-            [ee, e(f)[1]]
+            [ee, e(u)[1]]
           ])
-        ])) : $("", !0)
+        ])) : V("", !0)
       ]),
-      (t.cleanable, $("", !0))
+      (t.cleanable, V("", !0))
     ], 64));
   }
 }), Ql = { class: "flex flex-wrap items-center gap-2" }, Hl = ["disabled", "onClick"], Gl = {
@@ -1976,67 +1986,67 @@ const ql = /* @__PURE__ */ W({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: p }) {
-    const l = t, i = p, {
+  setup(t, { expose: n, emit: p }) {
+    const l = t, o = p, {
       innerValue: a,
-      isSelected: v,
-      selectItem: d,
-      clear: f,
+      isSelected: y,
+      selectItem: f,
+      clear: u,
       labelKey: h,
-      valueKey: c,
+      valueKey: d,
       allOptions: m
     } = he({
       ...l,
       modelValue: l.modelValue ?? l.default ?? ""
-    }, i), y = E(() => a.value !== void 0 && !(typeof a.value == "string" && a.value === "")), k = E(() => y.value ? 1 : 0);
-    function V(n) {
-      return v(n) ? ["bg-blue-600 text-white"].filter((u) => typeof u == "string" && u.trim().length > 0).join(" ") : ["text-gray-700 hover:bg-gray-200 bg-gray-50 "].filter((u) => typeof u == "string" && u.trim().length > 0).join(" ");
+    }, o), b = O(() => a.value !== void 0 && !(typeof a.value == "string" && a.value === "")), k = O(() => b.value ? 1 : 0);
+    function $(c) {
+      return y(c) ? ["bg-blue-600 text-white"].filter((r) => typeof r == "string" && r.trim().length > 0).join(" ") : ["text-gray-700 hover:bg-gray-200 bg-gray-50 "].filter((r) => typeof r == "string" && r.trim().length > 0).join(" ");
     }
-    function C(n) {
-      l.disabled || d(n);
+    function C(c) {
+      l.disabled || f(c);
     }
-    return o({
-      clear: f
-    }), I(
+    return n({
+      clear: u
+    }), _(
       () => l.modelValue,
-      (n) => {
-        n === void 0 && (a.value = void 0);
+      (c) => {
+        c === void 0 && (a.value = void 0);
       }
-    ), (n, u) => (s(), w(T, null, [
-      r("div", Ql, [
-        (s(!0), w(T, null, X(e(m), (x) => (s(), w("button", {
-          key: x[e(c)],
+    ), (c, r) => (s(), w(I, null, [
+      i("div", Ql, [
+        (s(!0), w(I, null, X(e(m), (v) => (s(), w("button", {
+          key: v[e(d)],
           type: "button",
-          class: _(["px-3 py-2 text-sm font-medium rounded-md transition-colors", V(x)]),
+          class: L(["px-3 py-2 text-sm font-medium rounded-md transition-colors", $(v)]),
           disabled: t.disabled,
-          onClick: (g) => C(x)
-        }, B(x[e(h)]), 11, Hl))), 128))
+          onClick: (g) => C(v)
+        }, S(v[e(h)]), 11, Hl))), 128))
       ]),
       t.cleanable && t.layout === "popover" ? (s(), w("div", Gl, [
-        r("span", null, B(k.value) + " з " + B(e(m).length) + " обрано", 1),
-        Y(r("button", {
+        i("span", null, S(k.value) + " з " + S(e(m).length) + " обрано", 1),
+        Y(i("button", {
           class: "text-gray-600 hover:text-gray-800",
-          onClick: u[0] || (u[0] = //@ts-ignore
-          (...x) => e(f) && e(f)(...x))
+          onClick: r[0] || (r[0] = //@ts-ignore
+          (...v) => e(u) && e(u)(...v))
         }, " Очистити ", 512), [
-          [J, y.value]
+          [Z, b.value]
         ])
-      ])) : $("", !0)
+      ])) : V("", !0)
     ], 64));
   }
 }), Re = {
-  radio: wt,
+  radio: Vt,
   checkbox: De,
   check: De,
   text: _t,
-  range: Yt,
-  date: al,
-  select: ml,
-  tag: xl,
+  range: Qt,
+  date: rl,
+  select: yl,
+  tag: kl,
   button: Xl,
   "date:inline": ql
 };
-function $e(t, o) {
+function $e(t, n) {
   let p;
   switch (t.toLowerCase()) {
     case "autocomplete":
@@ -2048,12 +2058,12 @@ function $e(t, o) {
     default:
       p = t?.toString().toLowerCase();
   }
-  return p === "date" && o && o === "inline" && (p = "date:inline"), {
+  return p === "date" && n && n === "inline" && (p = "date:inline"), {
     component: Re[p] || Re.text,
     type: p
   };
 }
-const Zl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Jl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, ea = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, ta = { class: "flex items-center" }, la = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, aa = { class: "filter-layout__body" }, na = /* @__PURE__ */ W({
+const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Zl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, ea = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, ta = { class: "flex items-center" }, la = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, aa = { class: "filter-layout__body" }, na = /* @__PURE__ */ W({
   __name: "vertical-layout",
   props: {
     id: {},
@@ -2082,71 +2092,71 @@ const Zl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: p }) {
-    const l = t, i = p, a = A(), v = $e(l.type, l.layout), d = E({
+  setup(t, { expose: n, emit: p }) {
+    const l = t, o = p, a = A(), y = $e(l.type, l.layout), f = O({
       get: () => l.modelValue,
-      set: (m) => i("update:modelValue", m)
+      set: (m) => o("update:modelValue", m)
     });
-    function f(m) {
-      i("clear", m);
+    function u(m) {
+      o("clear", m);
     }
-    function h(m, y) {
-      i("change", { name: m, value: y }), l.modelValue !== void 0 && i("update:modelValue", y);
+    function h(m, b) {
+      o("change", { name: m, value: b }), l.modelValue !== void 0 && o("update:modelValue", b);
     }
-    function c() {
-      i("clear", l.name);
+    function d() {
+      o("clear", l.name);
     }
-    return I(
+    return _(
       () => l.default,
       (m) => {
-        d.value = m;
+        f.value = m;
       }
-    ), I(
+    ), _(
       () => l.modelValue,
       (m) => {
-        d.value = m;
+        f.value = m;
       }
-    ), o({
+    ), n({
       filterRef: a
-    }), (m, y) => (s(), w("div", Zl, [
-      r("div", Jl, [
-        r("div", ea, [
-          r("div", ta, [
-            r("span", la, B(t.label), 1)
+    }), (m, b) => (s(), w("div", Jl, [
+      i("div", Zl, [
+        i("div", ea, [
+          i("div", ta, [
+            i("span", la, S(t.label), 1)
           ]),
-          typeof d.value == "string" && d.value.trim() !== "" || Array.isArray(d.value) && d.value.length > 0 && d.value.some((k) => k !== void 0) || d.value === null ? (s(), O(et, {
+          typeof f.value == "string" && f.value.trim() !== "" || Array.isArray(f.value) && f.value.length > 0 && f.value.some((k) => k !== void 0) || f.value === null ? (s(), T(et, {
             key: 0,
-            onClick: c
-          })) : $("", !0)
+            onClick: d
+          })) : V("", !0)
         ]),
-        r("div", aa, [
-          e(v)?.type !== "select" ? (s(), O(oe(e(v)?.component), Z({ key: 0 }, l, {
-            type: e(v)?.type,
+        i("div", aa, [
+          e(y)?.type !== "select" ? (s(), T(re(e(y)?.component), J({ key: 0 }, l, {
+            type: e(y)?.type,
             class: l.itemClass,
-            onChange: y[0] || (y[0] = (k) => h(k.name, k.value)),
-            onClear: y[1] || (y[1] = (k) => f(k)),
+            onChange: b[0] || (b[0] = (k) => h(k.name, k.value)),
+            onClear: b[1] || (b[1] = (k) => u(k)),
             ref_key: "filterRef",
             ref: a
-          }), null, 16, ["type", "class"])) : (s(), O(Ve, {
+          }), null, 16, ["type", "class"])) : (s(), T(Ve, {
             key: 1,
-            "current-value": d.value,
+            "current-value": f.value,
             label: t.label,
             mode: t.mode,
-            onClear: c,
+            onClear: d,
             fieldRef: a.value,
             width: void 0,
             disabled: t.disabled,
             layout: "vertical"
           }, {
-            default: ne(() => [
-              (s(), O(oe(e(v)?.component), Z({
+            default: oe(() => [
+              (s(), T(re(e(y)?.component), J({
                 ref_key: "filterRef",
                 ref: a
               }, l, {
-                type: e(v)?.type,
+                type: e(y)?.type,
                 class: l.itemClass,
-                onChange: y[2] || (y[2] = (k) => h(k.name, k.value)),
-                onClear: y[3] || (y[3] = (k) => f(k))
+                onChange: b[2] || (b[2] = (k) => h(k.name, k.value)),
+                onClear: b[3] || (b[3] = (k) => u(k))
               }), null, 16, ["type", "class"]))
             ]),
             _: 1
@@ -2184,59 +2194,59 @@ const Zl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: p }) {
-    const l = t, i = p, a = A(), v = $e(l.type, l.layout), d = E({
+  setup(t, { expose: n, emit: p }) {
+    const l = t, o = p, a = A(), y = $e(l.type, l.layout), f = O({
       get: () => l.modelValue,
-      set: (c) => i("update:modelValue", c)
+      set: (d) => o("update:modelValue", d)
     });
-    function f(c = l.name) {
-      i("clear", c);
+    function u(d = l.name) {
+      o("clear", d);
     }
-    function h(c, m) {
-      i("change", { name: c, value: m }), l.modelValue !== void 0 && i("update:modelValue", m);
+    function h(d, m) {
+      o("change", { name: d, value: m }), l.modelValue !== void 0 && o("update:modelValue", m);
     }
-    return I(
+    return _(
       () => l.default,
-      (c) => {
-        d.value = c;
+      (d) => {
+        f.value = d;
       }
-    ), I(
+    ), _(
       () => l.modelValue,
-      (c) => {
-        d.value = c;
+      (d) => {
+        f.value = d;
       }
-    ), o({
+    ), n({
       filterRef: a
-    }), (c, m) => ["text", "date", "button"].includes(t.type.toLocaleLowerCase()) ? (s(), O(oe(e(v)?.component), Z({ key: 0 }, l, {
-      type: e(v)?.type,
-      class: l.itemClass,
-      onChange: m[0] || (m[0] = (y) => h(y.name, y.value)),
-      onClear: m[1] || (m[1] = (y) => f(y)),
+    }), (d, m) => ["text", "date", "button"].includes(t.type.toLocaleLowerCase()) ? (s(), T(re(e(y)?.component), J({ key: 0 }, l, {
+      type: e(y)?.type,
+      class: t.itemClass,
+      onChange: m[0] || (m[0] = (b) => h(b.name, b.value)),
+      onClear: m[1] || (m[1] = (b) => u(b)),
       disabled: t.disabled,
-      modelValue: d.value,
-      "onUpdate:modelValue": m[2] || (m[2] = (y) => d.value = y)
-    }), null, 16, ["type", "class", "disabled", "modelValue"])) : (s(), O(Ve, {
+      modelValue: f.value,
+      "onUpdate:modelValue": m[2] || (m[2] = (b) => f.value = b)
+    }), null, 16, ["type", "class", "disabled", "modelValue"])) : (s(), T(Ve, {
       key: 1,
-      "current-value": d.value,
+      "current-value": f.value,
       label: t.label,
       mode: t.mode,
-      onClear: f,
+      onClear: u,
       fieldRef: a.value,
       width: l.width,
       disabled: t.disabled,
       layout: "inline"
     }, {
-      default: ne(() => [
-        (s(), O(oe(e(v)?.component), Z({
+      default: oe(() => [
+        (s(), T(re(e(y)?.component), J({
           ref_key: "filterRef",
           ref: a
         }, l, {
-          modelValue: d.value,
-          "onUpdate:modelValue": m[3] || (m[3] = (y) => d.value = y),
-          type: e(v)?.type,
+          modelValue: f.value,
+          "onUpdate:modelValue": m[3] || (m[3] = (b) => f.value = b),
+          type: e(y)?.type,
           class: l.itemClass,
-          onChange: m[4] || (m[4] = (y) => h(y.name, y.value)),
-          onClear: m[5] || (m[5] = (y) => f(y))
+          onChange: m[4] || (m[4] = (b) => h(b.name, b.value)),
+          onClear: m[5] || (m[5] = (b) => u(b))
         }), null, 16, ["modelValue", "type", "class"]))
       ]),
       _: 1
@@ -2271,41 +2281,41 @@ const Zl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: p }) {
-    const l = t, i = p, a = A(), v = A($e(l.type, l.layout)), d = E({
+  setup(t, { expose: n, emit: p }) {
+    const l = t, o = p, a = A(), y = A($e(l.type, l.layout)), f = O({
       get: () => l.modelValue,
-      set: (c) => i("update:modelValue", c)
+      set: (d) => o("update:modelValue", d)
     });
-    function f(c) {
-      i("clear", c);
+    function u(d) {
+      o("clear", d);
     }
-    function h(c, m) {
-      i("change", { name: c, value: m }), l.modelValue !== void 0 && i("update:modelValue", m);
+    function h(d, m) {
+      o("change", { name: d, value: m }), l.modelValue !== void 0 && o("update:modelValue", m);
     }
-    return I(
+    return _(
       () => l.default,
-      (c) => {
-        d.value = c;
+      (d) => {
+        f.value = d;
       }
-    ), I(
+    ), _(
       () => l.modelValue,
-      (c) => {
-        d.value = c;
+      (d) => {
+        f.value = d;
       }
-    ), I(
+    ), _(
       () => l,
-      (c) => {
-        d.value = c;
+      (d) => {
+        f.value = d;
       }
-    ), o({
+    ), n({
       filterRef: a
-    }), (c, m) => (s(), O(oe(v.value?.component), Z(l, {
-      type: v.value?.type,
+    }), (d, m) => (s(), T(re(y.value?.component), J(l, {
+      type: y.value?.type,
       class: l.itemClass,
-      modelValue: d.value,
-      "onUpdate:modelValue": m[0] || (m[0] = (y) => d.value = y),
-      onChange: m[1] || (m[1] = (y) => h(y.name, y.value)),
-      onClear: m[2] || (m[2] = (y) => f(y)),
+      modelValue: f.value,
+      "onUpdate:modelValue": m[0] || (m[0] = (b) => f.value = b),
+      onChange: m[1] || (m[1] = (b) => h(b.name, b.value)),
+      onClear: m[2] || (m[2] = (b) => u(b)),
       ref_key: "filterRef",
       ref: a
     }), null, 16, ["type", "class", "modelValue"]));
@@ -2339,28 +2349,28 @@ const Zl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: p }) {
-    const l = t, i = p, a = A(), v = E({
+  setup(t, { expose: n, emit: p }) {
+    const l = t, o = p, a = A(), y = O({
       get: () => l.modelValue,
-      set: (c) => i("update:modelValue", c)
+      set: (d) => o("update:modelValue", d)
     });
-    function d(c) {
-      i("clear", c);
+    function f(d) {
+      o("clear", d);
     }
-    function f(c, m) {
-      i("change", { name: c, value: m }), l.modelValue !== void 0 && i("update:modelValue", m);
+    function u(d, m) {
+      o("change", { name: d, value: m }), l.modelValue !== void 0 && o("update:modelValue", m);
     }
-    I(
+    _(
       () => l.default,
-      (c) => {
-        v.value = c;
+      (d) => {
+        y.value = d;
       }
-    ), I(
+    ), _(
       () => l.modelValue,
-      (c) => {
-        v.value = c;
+      (d) => {
+        y.value = d;
       }
-    ), o({
+    ), n({
       filterRef: a
     });
     function h() {
@@ -2375,145 +2385,153 @@ const Zl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
           return Fe;
       }
     }
-    return (c, m) => (s(), O(oe(h()), Z(l, {
-      onChange: m[0] || (m[0] = (y) => f(y.name, y.value)),
-      onClear: m[1] || (m[1] = (y) => d(y)),
-      modelValue: v.value,
-      "onUpdate:modelValue": m[2] || (m[2] = (y) => v.value = y)
+    return (d, m) => (s(), T(re(h()), J(l, {
+      onChange: m[0] || (m[0] = (b) => u(b.name, b.value)),
+      onClear: m[1] || (m[1] = (b) => f(b)),
+      modelValue: y.value,
+      "onUpdate:modelValue": m[2] || (m[2] = (b) => y.value = b)
     }), null, 16, ["modelValue"]));
   }
 });
-function ye(t, o) {
+function ye(t, n) {
   const {
     slots: p
-  } = t, l = A(t.value ?? {}), i = E(() => (ce(p?.default?.()) ?? []).flatMap((u) => Array.isArray(u.children) ? u.children : [u]));
-  function a(n) {
-    delete l.value[n], o("clear", {
-      data: ce(l.value),
-      name: n
+  } = t, l = (r) => r ? JSON.parse(JSON.stringify(ue(r))) : {}, o = A(l(t.value));
+  _(
+    () => t.value,
+    (r) => {
+      o.value = l(r);
+    },
+    { deep: !0, immediate: !0 }
+  );
+  const a = O(() => (ue(p?.default?.()) ?? []).flatMap((v) => Array.isArray(v.children) ? v.children : [v]));
+  function y(r) {
+    delete o.value[r], n("clear", {
+      data: ue(o.value),
+      name: r
     });
   }
-  function v(n, u) {
-    u === void 0 ? a(n) : l.value = {
-      ...l.value,
-      [n]: u
-    }, o("change", {
-      data: ce(l.value),
-      name: n,
-      value: u
+  function f(r, v) {
+    v === void 0 ? y(r) : o.value = {
+      ...o.value,
+      [r]: v
+    }, n("change", {
+      data: ue(o.value),
+      name: r,
+      value: v
     });
   }
-  const d = E(() => i.value.map((n) => {
-    const u = n.props?.name;
-    return We(n, {
-      ...n.props,
+  const u = O(() => a.value.map((r) => {
+    const v = r.props?.name;
+    return We(r, {
+      ...r.props,
       layout: t.view,
       showClean: !0,
-      modelValue: l.value[u],
-      "onUpdate:modelValue": (x) => {
-        v(u, x);
+      modelValue: o.value[v],
+      "onUpdate:modelValue": (g) => {
+        f(v, g);
       },
-      onClear: () => a(u),
-      class: [t.itemClass, n.props?.class],
-      itemClass: [t.itemClass, n.props?.itemClass].filter((x) => typeof x == "string" && x.trim().length > 0).join(" ") || void 0
+      onClear: () => y(v),
+      class: [t.itemClass, r.props?.class],
+      itemClass: [t.itemClass, r.props?.itemClass].filter((g) => typeof g == "string" && g.trim().length > 0).join(" ") || void 0
     });
-  })), f = E(
+  })), h = O(
     () => new Map(
-      d.value.map((n) => {
-        const u = n.props?.name;
-        return u ? [u, n] : null;
-      }).filter((n) => n !== null)
+      u.value.map((r) => {
+        const v = r.props?.name;
+        return v ? [v, r] : null;
+      }).filter((r) => r !== null)
     )
   );
-  function h(n = !1) {
-    l.value = {}, n || o("clearAll", {
-      data: ce(l.value),
+  function d(r = !1) {
+    o.value = {}, r || n("clearAll", {
+      data: ue(o.value),
       name: "ALL"
     });
   }
-  const c = A(""), m = E(() => t.schema?.value ? Object.entries(l.value).filter(([n, u]) => t.schema && !(n in t.schema.value) ? !1 : Array.isArray(u) ? u.some((x) => x !== "" && x !== void 0) : u !== "" && u !== void 0).length : 0), y = A();
-  I(c, async () => {
-    await pe(), y?.value?.filterRef?.inputTextRef && y.value.filterRef.inputTextRef.focus();
+  const m = A(""), b = O(() => t.schema?.value ? Object.entries(o.value).filter(([r, v]) => t.schema && !(r in t.schema.value) ? !1 : Array.isArray(v) ? v.some((g) => g !== "" && g !== void 0) : v !== "" && v !== void 0).length : 0), k = A();
+  _(m, async () => {
+    await fe(), k?.value?.filterRef?.inputTextRef && k.value.filterRef.inputTextRef.focus();
   });
-  const k = E(() => t.schema?.value ? Object.fromEntries(Object.entries(t.schema?.value).slice(0, t.limit)) : {}), V = E(() => {
-    if (d.value.length === 0) return [];
-    let n = 0;
+  const $ = O(() => t.schema?.value ? Object.fromEntries(Object.entries(t.schema?.value).slice(0, t.limit)) : {}), C = O(() => {
+    if (u.value.length === 0) return [];
+    let r = 0;
     if (t.schema?.value) {
-      const u = Object.entries(t.schema.value).length;
-      t.limit && u < t.limit ? n = t.limit - u : n = 0;
+      const v = Object.entries(t.schema.value).length;
+      t.limit && v < t.limit ? r = t.limit - v : r = 0;
     }
-    return d.value.slice(0, n);
-  }), C = E(() => d.value.length === 0 ? [] : t.view !== "inline" ? d.value : d.value.slice(V.value.length));
+    return u.value.slice(0, r);
+  }), c = O(() => u.value.length === 0 ? [] : t.view !== "inline" ? u.value : u.value.slice(C.value.length));
   return {
-    activeFilter: l,
-    activeFilterCount: m,
-    onFilterChange: v,
-    clearFilter: a,
-    clearAllFilters: h,
-    limitedSchema: k,
-    filtersSlot: d,
-    limitedFiltersSlot: V,
-    popoverFiltersSlot: C,
-    vnodeMap: f,
-    selectedFilter: c,
-    filterRef: y
+    activeFilter: o,
+    activeFilterCount: b,
+    onFilterChange: f,
+    clearFilter: y,
+    clearAllFilters: d,
+    limitedSchema: $,
+    filtersSlot: u,
+    limitedFiltersSlot: C,
+    popoverFiltersSlot: c,
+    vnodeMap: h,
+    selectedFilter: m,
+    filterRef: k
   };
 }
 const ra = /* @__PURE__ */ W({
   __name: "popover",
   emits: ["open", "close"],
-  setup(t, { emit: o }) {
-    const p = A(!1), l = A(null), i = A(null), a = A(null), v = A({ top: "0px", left: "0px", position: "absolute" });
-    function d() {
+  setup(t, { emit: n }) {
+    const p = A(!1), l = A(null), o = A(null), a = A(null), y = A({ top: "0px", left: "0px", position: "absolute" });
+    function f() {
       p.value = !p.value;
     }
-    function f() {
-      const k = a.value, V = l.value;
-      if (!k || !V) return;
-      const C = k.getBoundingClientRect(), n = V.offsetWidth, u = window.innerWidth - C.left;
-      let x = C.left + window.scrollX;
-      n > u && (x = window.innerWidth - n - 8, x < 8 && (x = 8)), v.value = {
+    function u() {
+      const k = a.value, $ = l.value;
+      if (!k || !$) return;
+      const C = k.getBoundingClientRect(), c = $.offsetWidth, r = window.innerWidth - C.left;
+      let v = C.left + window.scrollX;
+      c > r && (v = window.innerWidth - c - 8, v < 8 && (v = 8)), y.value = {
         position: "absolute",
         top: `${C.bottom + window.scrollY + 8}px`,
-        left: `${x}px`
+        left: `${v}px`
       };
     }
-    const h = E(() => Object.entries(v.value).map((k) => k.join(":")).join(";"));
-    function c(k) {
-      const V = k.target;
-      !a.value?.contains(k.target) && !l.value?.contains(k.target) && !V.closest("[data-inside-popover]") && (p.value = !1);
+    const h = O(() => Object.entries(y.value).map((k) => k.join(":")).join(";"));
+    function d(k) {
+      const $ = k.target;
+      !a.value?.contains(k.target) && !l.value?.contains(k.target) && !$.closest("[data-inside-popover]") && (p.value = !1);
     }
     const m = A(!1);
     de(() => {
       m.value = !0;
     }), de(() => {
-      a.value = i.value?.querySelector("[data-popover-trigger]") || null, a.value?.addEventListener("click", d), document.addEventListener("click", c), window.addEventListener("resize", f), window.addEventListener("scroll", f, !0);
-    }), me(() => {
-      a.value?.removeEventListener("click", d), document.removeEventListener("click", c), window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0);
+      a.value = o.value?.querySelector("[data-popover-trigger]") || null, a.value?.addEventListener("click", f), document.addEventListener("click", d), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0);
+    }), pe(() => {
+      a.value?.removeEventListener("click", f), document.removeEventListener("click", d), window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0);
     });
-    const y = o;
-    return I(p, async (k) => {
-      k ? (y("open"), await pe(), f()) : y("close");
-    }), (k, V) => (s(), w("div", {
+    const b = n;
+    return _(p, async (k) => {
+      k ? (b("open"), await fe(), u()) : b("close");
+    }), (k, $) => (s(), w("div", {
       ref_key: "wrapperRef",
-      ref: i
+      ref: o
     }, [
-      ue(k.$slots, "trigger"),
-      m.value ? (s(), O(ge, {
+      ce(k.$slots, "trigger"),
+      m.value ? (s(), T(ge, {
         key: 0,
         to: "body"
       }, [
-        Y(r("div", {
+        Y(i("div", {
           ref_key: "popoverRef",
           ref: l,
           class: "absolute z-[50] w-[600px] rounded-md border bg-white shadow-md",
           style: be(h.value)
         }, [
-          ue(k.$slots, "default")
+          ce(k.$slots, "default")
         ], 4), [
-          [J, p.value]
+          [Z, p.value]
         ])
-      ])) : $("", !0)
+      ])) : V("", !0)
     ], 512));
   }
 }), sa = {}, ia = {
@@ -2528,9 +2546,9 @@ const ra = /* @__PURE__ */ W({
   "stroke-linejoin": "round",
   class: "lucide lucide-filter h-4 w-4"
 };
-function ua(t, o) {
-  return s(), w("svg", ia, [...o[0] || (o[0] = [
-    r("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
+function ua(t, n) {
+  return s(), w("svg", ia, [...n[0] || (n[0] = [
+    i("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
   ])]);
 }
 const Ue = /* @__PURE__ */ te(sa, [["render", ua]]), ca = { class: "flex items-center gap-2 overflow-hidden" }, da = {
@@ -2545,10 +2563,10 @@ const Ue = /* @__PURE__ */ te(sa, [["render", ua]]), ca = { class: "flex items-c
 }, $a = {
   key: 0,
   class: "p-2 border-t"
-}, Aa = { class: "flex-1 min-h-[300px] overflow-y-auto" }, Ba = {
+}, Aa = { class: "flex-1 min-h-[300px] overflow-y-auto" }, Sa = {
   key: 0,
   class: "flex items-center justify-center h-full text-gray-500"
-}, Sa = { class: "text-sm" }, ze = /* @__PURE__ */ W({
+}, Ba = { class: "text-sm" }, ze = /* @__PURE__ */ W({
   __name: "popover-filter-layout",
   props: {
     badgeCount: {},
@@ -2565,156 +2583,156 @@ const Ue = /* @__PURE__ */ te(sa, [["render", ua]]), ca = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(t, { expose: o, emit: p }) {
-    const l = ae(), i = t, a = Te(i.mode), v = fe(), d = p, f = A({}), h = E(() => f?.value ? i.view !== "inline" ? f?.value : Object.fromEntries(Object.entries(f?.value).slice(i.limit)) : {}), {
-      activeFilter: c,
+  setup(t, { expose: n, emit: p }) {
+    const l = ae(), o = t, a = _e(o.mode), y = me(), f = p, u = A({}), h = O(() => u?.value ? o.view !== "inline" ? u?.value : Object.fromEntries(Object.entries(u?.value).slice(o.limit)) : {}), {
+      activeFilter: d,
       activeFilterCount: m,
-      onFilterChange: y,
+      onFilterChange: b,
       clearFilter: k,
-      clearAllFilters: V,
+      clearAllFilters: $,
       popoverFiltersSlot: C,
-      selectedFilter: n,
-      filterRef: u
+      selectedFilter: c,
+      filterRef: r
     } = ye({
-      ...i,
-      schema: f,
-      slots: v
-    }, d), x = E(() => i.badgeCount ?? m.value);
+      ...o,
+      schema: u,
+      slots: y
+    }, f), v = O(() => o.badgeCount ?? m.value);
     function g(U) {
       return Array.isArray(U) ? U.filter((j) => j != null && j !== "").length : U && typeof U == "object" ? Object.values(U).filter((j) => j != null && j !== "").length : U === null || U !== void 0 && U !== "" ? 1 : 0;
     }
-    function b(U) {
-      return c.value ? g(c.value[U]) : 0;
+    function x(U) {
+      return d.value ? g(d.value[U]) : 0;
     }
     function M() {
       if (h.value) {
         const [U] = Object.keys(h.value);
-        n.value = U;
-      } else C.value.length > 0 ? n.value = C.value[0].props.name : n.value = "";
+        c.value = U;
+      } else C.value.length > 0 ? c.value = C.value[0].props.name : c.value = "";
     }
-    return I(
-      () => i.schema,
+    return _(
+      () => o.schema,
       (U) => {
-        f.value = U ?? {};
+        u.value = U ?? {};
       },
       { deep: !0, immediate: !0 }
-    ), o({
+    ), n({
       clearFilter: k,
-      clearAllFilters: V
-    }), (U, j) => (s(), O(ra, {
+      clearAllFilters: $
+    }), (U, j) => (s(), T(ra, {
       onOpen: M,
-      onClose: j[5] || (j[5] = (S) => n.value = "")
+      onClose: j[5] || (j[5] = (B) => c.value = "")
     }, {
-      trigger: ne(() => [
-        r("button", {
+      trigger: oe(() => [
+        i("button", {
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
-          class: _([
+          class: L([
             t.itemClass,
             e(a),
             "flex items-center justify-between gap-2",
-            x.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600 hover:border-blue-500" : "text-neutral-700 hover:border-neutral-400"
+            v.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600 hover:border-blue-500" : "text-neutral-700 hover:border-neutral-400"
           ]),
           type: "button"
         }, [
-          r("span", ca, [
+          i("span", ca, [
             q(Ue, { class: "h-4 w-4" }),
-            j[6] || (j[6] = r("span", { class: "text-sm font-medium" }, "Фільтр", -1))
+            j[6] || (j[6] = i("span", { class: "text-sm font-medium" }, "Фільтр", -1))
           ]),
-          x.value > 0 ? (s(), w("span", da, B(x.value), 1)) : $("", !0)
+          v.value > 0 ? (s(), w("span", da, S(v.value), 1)) : V("", !0)
         ], 2)
       ]),
-      default: ne(() => [
-        r("div", fa, [
-          r("div", ma, [
-            r("div", pa, [
-              r("p", va, B(e(l)("filter.selectFieldHelp")), 1)
+      default: oe(() => [
+        i("div", fa, [
+          i("div", ma, [
+            i("div", pa, [
+              i("p", va, S(e(l)("filter.selectFieldHelp")), 1)
             ]),
-            r("div", ya, [
-              t.schema ? (s(!0), w(T, { key: 0 }, X(Object.entries(h.value), ([S, K]) => (s(), w("button", {
-                key: S,
+            i("div", ya, [
+              t.schema ? (s(!0), w(I, { key: 0 }, X(Object.entries(h.value), ([B, K]) => (s(), w("button", {
+                key: B,
                 onClick: () => {
-                  n.value = S;
+                  c.value = B;
                 },
-                class: _([
+                class: L([
                   "flex w-full items-center justify-between px-3 py-2 text-left transition-colors hover:bg-gray-50",
-                  e(n) === S ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
+                  e(c) === B ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
                 ])
               }, [
-                r("div", ba, [
-                  r("span", xa, B(K.label), 1)
+                i("div", ba, [
+                  i("span", xa, S(K.label), 1)
                 ]),
-                b(S) > 0 ? (s(), w("div", ha, B(b(S)), 1)) : $("", !0)
-              ], 10, ga))), 128)) : $("", !0),
-              (s(!0), w(T, null, X(e(C), (S, K) => (s(), w("button", {
+                x(B) > 0 ? (s(), w("div", ha, S(x(B)), 1)) : V("", !0)
+              ], 10, ga))), 128)) : V("", !0),
+              (s(!0), w(I, null, X(e(C), (B, K) => (s(), w("button", {
                 key: "slot-" + K,
-                onClick: (R) => n.value = S.props.name,
-                class: _([
+                onClick: (R) => c.value = B.props.name,
+                class: L([
                   "flex items-center justify-between px-3 py-2 text-left transition-colors hover:bg-gray-50",
-                  e(n) === S.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
+                  e(c) === B.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
                 ])
               }, [
-                r("div", ka, [
-                  r("span", Ca, B(S.props.label), 1)
+                i("div", ka, [
+                  i("span", Ca, S(B.props.label), 1)
                 ]),
-                b(S.props.name) > 0 ? (s(), w("div", Va, B(b(S.props.name)), 1)) : $("", !0)
+                x(B.props.name) > 0 ? (s(), w("div", Va, S(x(B.props.name)), 1)) : V("", !0)
               ], 10, wa))), 128))
             ]),
             e(m) > 0 ? (s(), w("div", $a, [
-              r("button", {
-                class: _([t.itemClass, "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors"]),
-                onClick: j[0] || (j[0] = (S) => e(V)()),
+              i("button", {
+                class: L([t.itemClass, "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors"]),
+                onClick: j[0] || (j[0] = (B) => e($)()),
                 "data-inside-popover": ""
               }, " Очистити всі ", 2)
-            ])) : $("", !0)
+            ])) : V("", !0)
           ]),
-          r("div", Aa, [
-            e(n) === "" ? (s(), w("div", Ba, [
-              r("p", Sa, B(e(l)("filter.selectFieldHelp")), 1)
-            ])) : $("", !0),
-            e(n) ? (s(), w(T, { key: 1 }, [
-              h.value ? (s(!0), w(T, { key: 0 }, X(Object.entries(h.value), ([S, K]) => (s(), w(T, null, [
-                e(n) === S ? (s(), O(le, Z({
-                  key: S,
+          i("div", Aa, [
+            e(c) === "" ? (s(), w("div", Sa, [
+              i("p", Ba, S(e(l)("filter.selectFieldHelp")), 1)
+            ])) : V("", !0),
+            e(c) ? (s(), w(I, { key: 1 }, [
+              h.value ? (s(!0), w(I, { key: 0 }, X(Object.entries(h.value), ([B, K]) => (s(), w(I, null, [
+                e(c) === B ? (s(), T(le, J({
+                  key: B,
                   layout: "popover",
                   ref_for: !0,
                   ref_key: "filterRef",
-                  ref: u
+                  ref: r
                 }, { ref_for: !0 }, K, {
                   class: [t.itemClass, K?.class],
                   "item-class": [t.itemClass, K?.itemClass].filter(Boolean).join(" ") || void 0,
-                  onChange: j[1] || (j[1] = (R) => e(y)(R.name, R.value)),
+                  onChange: j[1] || (j[1] = (R) => e(b)(R.name, R.value)),
                   onClear: j[2] || (j[2] = (R) => {
-                    e(k)(R), e(y)(R, void 0);
+                    e(k)(R), e(b)(R, void 0);
                   }),
-                  modelValue: e(c)[S],
-                  "onUpdate:modelValue": (R) => e(c)[S] = R,
+                  modelValue: e(d)[B],
+                  "onUpdate:modelValue": (R) => e(d)[B] = R,
                   cleanable: !0
-                }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : $("", !0)
-              ], 64))), 256)) : $("", !0),
-              (s(!0), w(T, null, X(e(C), (S, K) => (s(), w(T, {
+                }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : V("", !0)
+              ], 64))), 256)) : V("", !0),
+              (s(!0), w(I, null, X(e(C), (B, K) => (s(), w(I, {
                 key: "slot-" + K
               }, [
-                e(n) === S.props.name ? (s(), O(le, Z({
+                e(c) === B.props.name ? (s(), T(le, J({
                   key: 0,
                   layout: "popover"
-                }, { ref_for: !0 }, S.props, {
+                }, { ref_for: !0 }, B.props, {
                   ref_for: !0,
                   ref_key: "filterRef",
-                  ref: u,
-                  class: [t.itemClass, S.props?.class],
-                  "item-class": [t.itemClass, S.props?.itemClass].filter(Boolean).join(" ") || void 0,
-                  onChange: j[3] || (j[3] = (R) => e(y)(R.name, R.value)),
+                  ref: r,
+                  class: [t.itemClass, B.props?.class],
+                  "item-class": [t.itemClass, B.props?.itemClass].filter(Boolean).join(" ") || void 0,
+                  onChange: j[3] || (j[3] = (R) => e(b)(R.name, R.value)),
                   onClear: j[4] || (j[4] = (R) => {
-                    e(k)(R), e(y)(R, void 0);
+                    e(k)(R), e(b)(R, void 0);
                   }),
-                  modelValue: e(c)[S.props.name],
-                  "onUpdate:modelValue": (R) => e(c)[S.props.name] = R,
+                  modelValue: e(d)[B.props.name],
+                  "onUpdate:modelValue": (R) => e(d)[B.props.name] = R,
                   cleanable: !0
-                }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : $("", !0)
+                }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : V("", !0)
               ], 64))), 128))
-            ], 64)) : $("", !0)
+            ], 64)) : V("", !0)
           ])
         ])
       ]),
@@ -2737,100 +2755,100 @@ const Ue = /* @__PURE__ */ te(sa, [["render", ua]]), ca = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(t, { expose: o, emit: p }) {
-    const l = ae(), i = t, a = p, v = fe(), d = A({}), f = E(() => Object.keys(i.schema).length > i.limit), {
+  setup(t, { expose: n, emit: p }) {
+    const l = ae(), o = t, a = p, y = me(), f = A({}), u = O(() => Object.keys(o.schema).length > o.limit), {
       activeFilter: h,
-      activeFilterCount: c,
+      activeFilterCount: d,
       onFilterChange: m,
-      clearFilter: y,
+      clearFilter: b,
       clearAllFilters: k,
-      limitedSchema: V,
+      limitedSchema: $,
       filtersSlot: C,
-      limitedFiltersSlot: n
+      limitedFiltersSlot: c
     } = ye(
       {
-        ...i,
-        schema: d,
-        slots: v
+        ...o,
+        schema: f,
+        slots: y
       },
       a
     );
-    function u(j) {
-      return Array.isArray(j) ? j.some((S) => S !== "" && S !== void 0 && S !== null) : j === null ? !0 : j && typeof j == "object" ? Object.values(j).some((S) => S !== "" && S !== void 0 && S !== null) : j !== "" && j !== void 0;
+    function r(j) {
+      return Array.isArray(j) ? j.some((B) => B !== "" && B !== void 0 && B !== null) : j === null ? !0 : j && typeof j == "object" ? Object.values(j).some((B) => B !== "" && B !== void 0 && B !== null) : j !== "" && j !== void 0;
     }
-    const x = E(() => {
-      const j = Object.keys(V.value ?? {}), S = n.value.map((K) => K.props?.name).filter((K) => typeof K == "string");
-      return /* @__PURE__ */ new Set([...j, ...S]);
-    }), g = E(() => Object.entries(h.value ?? {}).filter(([j, S]) => x.value.has(j) && u(S)).length), b = E(() => {
-      const j = c.value ?? 0, S = g.value ?? 0;
-      return Math.max(j - S, 0);
+    const v = O(() => {
+      const j = Object.keys($.value ?? {}), B = c.value.map((K) => K.props?.name).filter((K) => typeof K == "string");
+      return /* @__PURE__ */ new Set([...j, ...B]);
+    }), g = O(() => Object.entries(h.value ?? {}).filter(([j, B]) => v.value.has(j) && r(B)).length), x = O(() => {
+      const j = d.value ?? 0, B = g.value ?? 0;
+      return Math.max(j - B, 0);
     }), M = A();
     function U() {
       M.value && M.value.clearAllFilters(!0), k();
     }
-    return I(
-      () => i.schema,
+    return _(
+      () => o.schema,
       (j) => {
-        d.value = j;
+        f.value = j;
       },
       { deep: !0, immediate: !0 }
-    ), o({
-      clearFilter: y,
+    ), n({
+      clearFilter: b,
       clearAllFilters: k
-    }), (j, S) => (s(), w("div", ja, [
-      t.schema ? (s(!0), w(T, { key: 0 }, X(Object.entries(e(V)), ([K, R]) => (s(), O(le, Z({
+    }), (j, B) => (s(), w("div", ja, [
+      t.schema ? (s(!0), w(I, { key: 0 }, X(Object.entries(e($)), ([K, R]) => (s(), T(le, J({
         key: K,
         mode: t.mode,
         width: t.width ? t.width : R?.width
       }, { ref_for: !0 }, R, {
         class: [t.itemClass, R?.class],
         "item-class": [t.itemClass, R?.itemClass].filter(Boolean).join(" ") || void 0,
-        onChange: S[0] || (S[0] = (F) => e(m)(F.name, F.value)),
-        onClear: e(y),
+        onChange: B[0] || (B[0] = (F) => e(m)(F.name, F.value)),
+        onClear: e(b),
         layout: "inline",
         cleanable: !0,
         modelValue: e(h)[K],
         "onUpdate:modelValue": (F) => e(h)[K] = F
-      }), null, 16, ["mode", "width", "class", "item-class", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : $("", !0),
-      (s(!0), w(T, null, X(e(n), (K, R) => (s(), O(le, Z({
+      }), null, 16, ["mode", "width", "class", "item-class", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : V("", !0),
+      (s(!0), w(I, null, X(e(c), (K, R) => (s(), T(le, J({
         key: "slot-" + R,
         layout: "inline"
       }, { ref_for: !0 }, K.props, {
         class: [t.itemClass, K.props?.class],
         "item-class": [t.itemClass, K.props?.itemClass].filter(Boolean).join(" ") || void 0,
-        onChange: S[1] || (S[1] = (F) => e(m)(F.name, F.value)),
-        onClear: S[2] || (S[2] = (F) => {
-          e(y)(F), e(m)(F, void 0);
+        onChange: B[1] || (B[1] = (F) => e(m)(F.name, F.value)),
+        onClear: B[2] || (B[2] = (F) => {
+          e(b)(F), e(m)(F, void 0);
         }),
         cleanable: !0,
         modelValue: e(h)[K.props.name],
         "onUpdate:modelValue": (F) => e(h)[K.props.name] = F
       }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)),
-      f.value ? (s(), O(ze, Z({ key: 1 }, i, {
+      u.value ? (s(), T(ze, J({ key: 1 }, o, {
         schema: t.schema,
         limit: t.limit,
-        onChange: S[3] || (S[3] = (K) => e(m)(K.name, K.value)),
-        onClearAll: S[4] || (S[4] = (K) => e(k)()),
-        onClear: S[5] || (S[5] = (K) => e(y)(K.name)),
+        onChange: B[3] || (B[3] = (K) => e(m)(K.name, K.value)),
+        onClearAll: B[4] || (B[4] = (K) => e(k)()),
+        onClear: B[5] || (B[5] = (K) => e(b)(K.name)),
         mode: t.mode,
         ref_key: "popoverRef",
         ref: M,
         cleanable: !0,
-        "badge-count": b.value
+        "badge-count": x.value
       }), {
-        default: ne(() => [
-          (s(!0), w(T, null, X(e(C), (K, R) => (s(), O(oe(K), Z({
+        default: oe(() => [
+          (s(!0), w(I, null, X(e(C), (K, R) => (s(), T(re(K), J({
             key: "slot-" + R,
             layout: "popover"
           }, { ref_for: !0 }, K.props, { cleanable: !0 }), null, 16))), 128))
         ]),
         _: 1
-      }, 16, ["schema", "limit", "mode", "badge-count"])) : $("", !0),
-      e(c) > 0 ? (s(), w("button", {
+      }, 16, ["schema", "limit", "mode", "badge-count"])) : V("", !0),
+      e(d) > 0 ? (s(), w("button", {
         key: 2,
         onClick: U,
-        class: _([t.itemClass, "relative py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-md bg-gray-50 border text-gray-800 hover:bg-gray-200 focus:bg-gray-200"])
-      }, B(e(l)("filter.clear")), 3)) : $("", !0)
+        class: L([t.itemClass, "relative py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-md bg-gray-50 border text-gray-800 hover:bg-gray-200 focus:bg-gray-200"])
+      }, S(e(l)("filter.clear")), 3)) : V("", !0)
     ]));
   }
 }), Da = {
@@ -2852,64 +2870,64 @@ const Ue = /* @__PURE__ */ te(sa, [["render", ua]]), ca = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(t, { expose: o, emit: p }) {
-    const l = t, i = p, a = fe(), {
-      activeFilter: v,
-      activeFilterCount: d,
-      onFilterChange: f,
+  setup(t, { expose: n, emit: p }) {
+    const l = t, o = p, a = me(), {
+      activeFilter: y,
+      activeFilterCount: f,
+      onFilterChange: u,
       clearFilter: h,
-      clearAllFilters: c,
+      clearAllFilters: d,
       filtersSlot: m
     } = ye({
       ...l,
       slots: a
-    }, i);
-    return o({
+    }, o);
+    return n({
       clearFilter: h,
-      clearAllFilters: c
-    }), (y, k) => t.view === "vertical" ? (s(), w("div", Da, [
-      r("div", Ra, [
-        e(d) > 0 ? (s(), w("button", {
+      clearAllFilters: d
+    }), (b, k) => t.view === "vertical" ? (s(), w("div", Da, [
+      i("div", Ra, [
+        e(f) > 0 ? (s(), w("button", {
           key: 0,
-          onClick: k[0] || (k[0] = (V) => e(c)()),
+          onClick: k[0] || (k[0] = ($) => e(d)()),
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
-          class: _([t.itemClass, "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"]),
+          class: L([t.itemClass, "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"
-        }, " Очистити ", 2)) : $("", !0),
-        t.schema ? (s(!0), w(T, { key: 1 }, X(Object.entries(t.schema), ([V, C]) => (s(), O(le, Z({ layout: "vertical" }, { ref_for: !0 }, C, {
+        }, " Очистити ", 2)) : V("", !0),
+        t.schema ? (s(!0), w(I, { key: 1 }, X(Object.entries(t.schema), ([$, C]) => (s(), T(le, J({ layout: "vertical" }, { ref_for: !0 }, C, {
           class: [t.itemClass, C?.class],
           "item-class": [t.itemClass, C?.itemClass].filter(Boolean).join(" ") || void 0,
-          onChange: k[1] || (k[1] = (n) => e(f)(n.name, n.value)),
-          onClear: k[2] || (k[2] = (n) => {
-            e(h)(n), e(f)(n, void 0);
+          onChange: k[1] || (k[1] = (c) => e(u)(c.name, c.value)),
+          onClear: k[2] || (k[2] = (c) => {
+            e(h)(c), e(u)(c, void 0);
           }),
-          modelValue: e(v)[V],
-          "onUpdate:modelValue": (n) => e(v)[V] = n,
+          modelValue: e(y)[$],
+          "onUpdate:modelValue": (c) => e(y)[$] = c,
           showClean: !0
-        }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 256)) : $("", !0),
-        (s(!0), w(T, null, X(e(m), (V, C) => (s(), O(le, Z({
+        }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 256)) : V("", !0),
+        (s(!0), w(I, null, X(e(m), ($, C) => (s(), T(le, J({
           key: "slot-" + C,
           layout: "vertical"
-        }, { ref_for: !0 }, V.props, {
-          class: [t.itemClass, V.props?.class],
-          "item-class": [t.itemClass, V.props?.itemClass].filter(Boolean).join(" ") || void 0,
-          onChange: k[3] || (k[3] = (n) => e(f)(n.name, n.value)),
-          onClear: k[4] || (k[4] = (n) => {
-            e(h)(n), e(f)(n, void 0);
+        }, { ref_for: !0 }, $.props, {
+          class: [t.itemClass, $.props?.class],
+          "item-class": [t.itemClass, $.props?.itemClass].filter(Boolean).join(" ") || void 0,
+          onChange: k[3] || (k[3] = (c) => e(u)(c.name, c.value)),
+          onClear: k[4] || (k[4] = (c) => {
+            e(h)(c), e(u)(c, void 0);
           }),
-          modelValue: e(v)[V.props.name],
-          "onUpdate:modelValue": (n) => e(v)[V.props.name] = n,
+          modelValue: e(y)[$.props.name],
+          "onUpdate:modelValue": (c) => e(y)[$.props.name] = c,
           showClean: !0
         }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128))
       ])
-    ])) : $("", !0);
+    ])) : V("", !0);
   }
 }), Ka = ["onKeydown"], Ma = ["disabled"], La = {
   key: 0,
   class: "ml-2 inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-full bg-blue-500 px-1.5 text-[11px] font-semibold text-white"
-}, _a = { class: "rounded-2xl border border-slate-300/35 bg-white/95 p-4 shadow-2xl backdrop-blur-sm" }, Ea = { class: "mb-3 flex items-center justify-between" }, Oa = { class: "text-[15px] font-semibold text-slate-800" }, Ta = { "aria-hidden": "true" }, Ia = { class: "flex max-h-80 flex-col gap-1 overflow-y-auto" }, Ua = {
+}, Oa = { class: "rounded-2xl border border-slate-300/35 bg-white/95 p-4 shadow-2xl backdrop-blur-sm" }, Ea = { class: "mb-3 flex items-center justify-between" }, Ta = { class: "text-[15px] font-semibold text-slate-800" }, _a = { "aria-hidden": "true" }, Ia = { class: "flex max-h-80 flex-col gap-1 overflow-y-auto" }, Ua = {
   key: 0,
   class: "mt-3 flex justify-end"
 }, za = /* @__PURE__ */ W({
@@ -2928,25 +2946,25 @@ const Ue = /* @__PURE__ */ te(sa, [["render", ua]]), ca = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(t, { emit: o }) {
-    const p = ae(), l = t, i = o, a = A({}), v = fe(), {
-      activeFilter: d,
-      activeFilterCount: f,
+  setup(t, { emit: n }) {
+    const p = ae(), l = t, o = n, a = A({}), y = me(), {
+      activeFilter: f,
+      activeFilterCount: u,
       onFilterChange: h,
-      clearFilter: c,
+      clearFilter: d,
       clearAllFilters: m,
-      filtersSlot: y
+      filtersSlot: b
     } = ye(
       {
         ...l,
         schema: a.value,
-        slots: v
+        slots: y
       },
-      i
-    ), k = A(null), V = A(null), C = qe({ open: !1, top: 0, left: 0 }), n = E(() => C.open), u = E(() => !!l.disabled), x = E(() => a.value || {}), g = E(() => l.title ?? "Фільтр"), b = E(() => !!v.trigger), M = E(() => [
+      o
+    ), k = A(null), $ = A(null), C = qe({ open: !1, top: 0, left: 0 }), c = O(() => C.open), r = O(() => !!l.disabled), v = O(() => a.value || {}), g = O(() => l.title ?? "Фільтр"), x = O(() => !!y.trigger), M = O(() => [
       "inline-flex h-9 items-center justify-center gap-2 rounded-lg border border-transparent bg-slate-200/70 px-3 text-sm font-medium text-slate-700 transition-colors hover:bg-blue-100 hover:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-200 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-slate-200/70 disabled:hover:text-slate-700",
-      u.value ? "cursor-not-allowed opacity-60" : "cursor-pointer"
-    ]), U = E(() => C.open ? {
+      r.value ? "cursor-not-allowed opacity-60" : "cursor-pointer"
+    ]), U = O(() => C.open ? {
       position: "absolute",
       top: `${C.top}px`,
       left: `${C.left}px`,
@@ -2956,28 +2974,28 @@ const Ue = /* @__PURE__ */ te(sa, [["render", ua]]), ca = { class: "flex items-c
     function j() {
       C.open = !1;
     }
-    function S() {
+    function B() {
       if (!k.value) return;
       const Q = k.value.getBoundingClientRect();
       C.top = Q.bottom + window.scrollY + 8, C.left = Q.left + Q.width / 2 + window.scrollX;
     }
     function K() {
-      C.open = !C.open, C.open && pe(S);
+      C.open = !C.open, C.open && fe(B);
     }
     function R() {
-      u.value || K();
+      r.value || K();
     }
     function F() {
-      C.open && S();
+      C.open && B();
     }
     function z() {
       m();
     }
     return de(() => {
       window.addEventListener("resize", F), window.addEventListener("scroll", F, !0);
-    }), me(() => {
+    }), pe(() => {
       window.removeEventListener("resize", F), window.removeEventListener("scroll", F, !0);
-    }), I(
+    }), _(
       () => l.schema,
       (Q) => {
         if (!Q) {
@@ -2985,9 +3003,9 @@ const Ue = /* @__PURE__ */ te(sa, [["render", ua]]), ca = { class: "flex items-c
           return;
         }
         if (Array.isArray(Q)) {
-          const D = Q.filter((L) => L && (L.name || L.id)).map((L) => {
-            const N = L.name || L.id;
-            return [N, { ...L, name: N }];
+          const D = Q.filter((E) => E && (E.name || E.id)).map((E) => {
+            const N = E.name || E.id;
+            return [N, { ...E, name: N }];
           });
           a.value = Object.fromEntries(D);
           return;
@@ -2995,7 +3013,7 @@ const Ue = /* @__PURE__ */ te(sa, [["render", ua]]), ca = { class: "flex items-c
         a.value = Q;
       },
       { deep: !0, immediate: !0 }
-    ), I(
+    ), _(
       () => l.disabled,
       (Q) => {
         Q && j();
@@ -3005,9 +3023,9 @@ const Ue = /* @__PURE__ */ te(sa, [["render", ua]]), ca = { class: "flex items-c
       ref_key: "anchor",
       ref: k
     }, [
-      b.value ? (s(), w("span", {
+      x.value ? (s(), w("span", {
         key: 0,
-        class: _(["inline-flex", u.value ? "cursor-not-allowed opacity-60 pointer-events-none" : "cursor-pointer"]),
+        class: L(["inline-flex", r.value ? "cursor-not-allowed opacity-60 pointer-events-none" : "cursor-pointer"]),
         role: "button",
         tabindex: "0",
         "data-popover-trigger": "",
@@ -3017,84 +3035,84 @@ const Ue = /* @__PURE__ */ te(sa, [["render", ua]]), ca = { class: "flex items-c
           Ae(se(R, ["prevent", "stop"]), ["space"])
         ]
       }, [
-        ue(Q.$slots, "trigger", {
+        ce(Q.$slots, "trigger", {
           toggle: R,
-          open: n.value,
-          disabled: u.value,
-          activeCount: e(f)
+          open: c.value,
+          disabled: r.value,
+          activeCount: e(u)
         })
       ], 42, Ka)) : (s(), w("button", {
         key: 1,
-        class: _(M.value),
+        class: L(M.value),
         type: "button",
-        disabled: u.value,
+        disabled: r.value,
         onClick: se(R, ["prevent", "stop"]),
         "data-popover-trigger": ""
       }, [
         q(Ue, { class: "h-4 w-4" }),
-        e(f) > 0 ? (s(), w("div", La, B(e(f)), 1)) : $("", !0)
+        e(u) > 0 ? (s(), w("div", La, S(e(u)), 1)) : V("", !0)
       ], 10, Ma)),
-      (s(), O(ge, { to: "body" }, [
-        n.value ? (s(), w("div", {
+      (s(), T(ge, { to: "body" }, [
+        c.value ? (s(), w("div", {
           key: 0,
-          class: _(["absolute", typeof t.width == "number" ? `min-w-[${t.width + 32 + (Object.keys(x.value).length > 7 ? 20 : 0)}px]` : "min-w-[268px] "]),
+          class: L(["absolute", typeof t.width == "number" ? `min-w-[${t.width + 32 + (Object.keys(v.value).length > 7 ? 20 : 0)}px]` : "min-w-[268px] "]),
           style: be(U.value),
           ref_key: "panel",
-          ref: V,
+          ref: $,
           onClick: D[4] || (D[4] = se(() => {
           }, ["stop"]))
         }, [
-          r("div", _a, [
-            r("div", Ea, [
-              r("h3", Oa, B(g.value), 1),
-              r("button", {
+          i("div", Oa, [
+            i("div", Ea, [
+              i("h3", Ta, S(g.value), 1),
+              i("button", {
                 type: "button",
                 class: "inline-flex h-6 w-6 items-center justify-center rounded-full border-0 bg-slate-300/40 text-slate-600 transition-colors hover:bg-blue-200/60 hover:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-200",
                 onClick: j
               }, [
-                r("span", Ta, [
+                i("span", _a, [
                   q(Ce, { class: "h-4 w-4" })
                 ]),
-                D[5] || (D[5] = r("span", { class: "sr-only" }, "Закрити", -1))
+                D[5] || (D[5] = i("span", { class: "sr-only" }, "Закрити", -1))
               ])
             ]),
-            r("div", Ia, [
-              Object.keys(x.value).length ? (s(!0), w(T, { key: 0 }, X(Object.entries(x.value), ([L, N]) => (s(), O(le, Z({ key: L }, { ref_for: !0 }, { ...N, layout: "inline" }, {
+            i("div", Ia, [
+              Object.keys(v.value).length ? (s(!0), w(I, { key: 0 }, X(Object.entries(v.value), ([E, N]) => (s(), T(le, J({ key: E }, { ref_for: !0 }, { ...N, layout: "inline" }, {
                 width: t.width ? t.width : N?.width,
                 class: [t.itemClass, N?.class],
                 "item-class": [t.itemClass, N?.itemClass].filter(Boolean).join(" ") || void 0,
                 cleanable: !0,
-                modelValue: e(d)[L],
-                "onUpdate:modelValue": (P) => e(d)[L] = P,
+                modelValue: e(f)[E],
+                "onUpdate:modelValue": (P) => e(f)[E] = P,
                 onChange: D[0] || (D[0] = (P) => e(h)(P.name, P.value)),
                 onClear: D[1] || (D[1] = (P) => {
-                  e(c)(P), e(h)(P, void 0);
+                  e(d)(P), e(h)(P, void 0);
                 })
-              }), null, 16, ["width", "class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)) : $("", !0),
-              (s(!0), w(T, null, X(e(y), (L, N) => (s(), O(le, Z({
+              }), null, 16, ["width", "class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)) : V("", !0),
+              (s(!0), w(I, null, X(e(b), (E, N) => (s(), T(le, J({
                 key: "slot-" + N,
                 ref_for: !0
-              }, { ...L.props, layout: "inline" }, {
-                class: [t.itemClass, L.props?.class],
-                "item-class": [t.itemClass, L.props?.itemClass].filter(Boolean).join(" ") || void 0,
+              }, { ...E.props, layout: "inline" }, {
+                class: [t.itemClass, E.props?.class],
+                "item-class": [t.itemClass, E.props?.itemClass].filter(Boolean).join(" ") || void 0,
                 cleanable: !0,
-                modelValue: e(d)[L.props.name],
-                "onUpdate:modelValue": (P) => e(d)[L.props.name] = P,
+                modelValue: e(f)[E.props.name],
+                "onUpdate:modelValue": (P) => e(f)[E.props.name] = P,
                 onChange: D[2] || (D[2] = (P) => e(h)(P.name, P.value)),
                 onClear: D[3] || (D[3] = (P) => {
-                  e(c)(P), e(h)(P, void 0);
+                  e(d)(P), e(h)(P, void 0);
                 })
               }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128))
             ]),
-            e(f) > 0 ? (s(), w("div", Ua, [
-              r("button", {
+            e(u) > 0 ? (s(), w("div", Ua, [
+              i("button", {
                 type: "button",
-                class: _([t.itemClass, "text-sm font-semibold text-blue-600 transition-colors hover:text-blue-700 focus:outline-none"]),
+                class: L([t.itemClass, "text-sm font-semibold text-blue-600 transition-colors hover:text-blue-700 focus:outline-none"]),
                 onClick: z
-              }, B(e(p)("filter.clear")), 3)
-            ])) : $("", !0)
+              }, S(e(p)("filter.clear")), 3)
+            ])) : V("", !0)
           ])
-        ], 6)) : $("", !0)
+        ], 6)) : V("", !0)
       ]))
     ], 512));
   }
@@ -3114,50 +3132,58 @@ const Ue = /* @__PURE__ */ te(sa, [["render", ua]]), ca = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(t, { expose: o, emit: p }) {
-    const l = t, i = A(l.value ?? {}), a = p, v = A(), d = fe();
-    function f(n) {
-      if (Array.isArray(n))
-        return n.map((u) => f(u));
-      if (n !== null && typeof n == "object") {
-        const u = ce(n), x = {};
-        for (const g in u)
-          x[g] = f(u[g]);
-        return x;
+  setup(t, { expose: n, emit: p }) {
+    const l = t, o = A(u(l.value ?? {}));
+    _(
+      () => l.value,
+      async (c) => {
+        o.value = u(c ?? {}), (!c || Object.keys(c).length === 0) && (await fe(), y.value?.clearAllFilters?.(!0));
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const a = p, y = A(), f = me();
+    function u(c) {
+      if (Array.isArray(c))
+        return c.map((r) => u(r));
+      if (c !== null && typeof c == "object") {
+        const r = ue(c), v = {};
+        for (const g in r)
+          v[g] = u(r[g]);
+        return v;
       }
-      return n;
+      return c;
     }
-    function h(n, u) {
-      u !== void 0 ? i.value = {
-        ...i.value,
-        [n]: u
-      } : delete i.value[n], a("change", {
-        data: f(i.value),
-        name: n,
-        value: f(u)
+    function h(c, r) {
+      r !== void 0 ? o.value = {
+        ...o.value,
+        [c]: r
+      } : delete o.value[c], a("change", {
+        data: u(o.value),
+        name: c,
+        value: u(r)
       });
     }
-    function c(n) {
-      delete i.value[n], a("clear", {
-        data: f(i.value),
-        name: n
+    function d(c) {
+      delete o.value[c], a("clear", {
+        data: u(o.value),
+        name: c
       }), a("change", {
-        data: f(i.value),
-        name: n,
+        data: u(o.value),
+        name: c,
         value: null
       });
     }
     function m() {
-      i.value = {}, a("clear", {
-        data: f(i.value),
+      o.value = {}, a("clear", {
+        data: u(o.value),
         name: "ALL"
       }), a("change", {
-        data: f(i.value),
+        data: u(o.value),
         name: "ALL",
         value: null
       });
     }
-    const y = A({});
+    const b = A({});
     function k() {
       switch (l.view) {
         case "inline":
@@ -3172,72 +3198,72 @@ const Ue = /* @__PURE__ */ te(sa, [["render", ua]]), ca = { class: "flex items-c
           return Ke;
       }
     }
-    I(
+    _(
       () => l.schema,
-      (n) => {
-        if (!n) {
-          y.value = {};
+      (c) => {
+        if (!c) {
+          b.value = {};
           return;
         }
-        if (Array.isArray(n) && !n.length) {
-          y.value = {};
+        if (Array.isArray(c) && !c.length) {
+          b.value = {};
           return;
         }
-        Array.isArray(n) ? y.value = n.filter((u) => u.type).reduce((u, x) => (Object.assign(x, {
-          name: x.id || x.name,
-          type: { datepicker: "date" }[x.type.toLowerCase()] || x.type.toLowerCase(),
-          label: x.label || x.ua
-        }), u[x.name] = x, x.data && !x.api && !x.options && Object.assign(x, { api: `/api/suggest/${x.data}` }), u), {}) : (Object.entries(n).forEach(([u, x]) => {
-          Object.assign(x, { name: u || x.name || x.id, type: x.type.toLowerCase() });
-        }), y.value = { ...n });
+        Array.isArray(c) ? b.value = c.filter((r) => r.type).reduce((r, v) => (Object.assign(v, {
+          name: v.id || v.name,
+          type: { datepicker: "date" }[v.type.toLowerCase()] || v.type.toLowerCase(),
+          label: v.label || v.ua
+        }), r[v.name] = v, v.data && !v.api && !v.options && Object.assign(v, { api: `/api/suggest/${v.data}` }), r), {}) : (Object.entries(c).forEach(([r, v]) => {
+          Object.assign(v, { name: r || v.name || v.id, type: v.type.toLowerCase() });
+        }), b.value = { ...c });
       },
       { immediate: !0, deep: !0 }
     );
-    function V(n) {
-      v.value.clearFilter(n), c(n);
+    function $(c) {
+      y.value.clearFilter(c), d(c);
     }
     function C() {
-      v.value.clearAllFilters(), m();
+      y.value.clearAllFilters(), m();
     }
-    return I(
-      () => i.value,
-      (n) => {
+    return _(
+      () => o.value,
+      (c) => {
         if (l.history) {
-          const u = new URL(window.location.href), x = new URLSearchParams(window.location.search);
-          Object.keys(n).length > 0 ? x.set(
+          const r = new URL(window.location.href), v = new URLSearchParams(window.location.search);
+          Object.keys(c).length > 0 ? v.set(
             "filter",
-            Object.entries(n).filter(([, g]) => g).map(([g, b]) => `${g}=${b}`).join("|")
-          ) : x.delete("filter"), u.search = decodeURI(x.toString()), window.history.pushState({}, "", u);
+            Object.entries(c).filter(([, g]) => g).map(([g, x]) => `${g}=${x}`).join("|")
+          ) : v.delete("filter"), r.search = decodeURI(v.toString()), window.history.pushState({}, "", r);
         }
       }
-    ), o({
+    ), n({
       clearAllFilters: C,
-      clearFilter: V
-    }), (n, u) => (s(), O(oe(k()), Z(l, {
-      schema: y.value,
-      onChange: u[0] || (u[0] = (x) => h(x.name, x.value)),
-      onClear: u[1] || (u[1] = (x) => c(x.name)),
+      clearFilter: $
+    }), (c, r) => (s(), T(re(k()), J(l, {
+      schema: b.value,
+      onChange: r[0] || (r[0] = (v) => h(v.name, v.value)),
+      onClear: r[1] || (r[1] = (v) => d(v.name)),
       onClearAll: m,
       ref_key: "filterRef",
-      ref: v
+      ref: y
     }), Qe({
-      default: ne(() => [
-        ue(n.$slots, "default")
+      default: oe(() => [
+        ce(c.$slots, "default")
       ]),
       _: 2
     }, [
-      e(d).trigger ? {
+      e(f).trigger ? {
         name: "trigger",
-        fn: ne((x) => [
-          ue(n.$slots, "trigger", He(Ge(x)))
+        fn: oe((v) => [
+          ce(c.$slots, "trigger", He(Ge(v)))
         ]),
         key: "0"
       } : void 0
     ]), 1040, ["schema"]));
   }
 });
-Me.install = function(o) {
-  o.component("Filter", Me), o.component("FilterField", le);
+Me.install = function(n) {
+  n.component("Filter", Me), n.component("FilterField", le);
 };
 export {
   Me as Filter,