npm - @opengis/filter - Versions diffs - 0.0.17 → 0.1.1 - Mend

@opengis/filter 0.0.17 → 0.1.1

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

Files changed (4) hide show

package/filter.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent as O, ref as _, createElementBlock as w, openBlock as f, createElementVNode as u, withModifiers as _e, normalizeClass as D, createCommentVNode as V, toDisplayString as F, computed as I, watch as M, createStaticVNode as Le, Fragment as R, renderList as W, unref as e, createBlock as S, createVNode as N, createTextVNode as z, withDirectives as T, vShow as X, vModelText as G, onMounted as ne, onBeforeUnmount as ce, Teleport as $e, normalizeStyle as Ae, renderSlot as ue, nextTick as fe, isRef as Ee, withCtx as le, resolveDynamicComponent as ee, mergeProps as P, toRaw as Z, cloneVNode as Ie, useSlots as pe } from "vue";
+import { defineComponent as O, ref as _, createElementBlock as w, openBlock as f, createElementVNode as u, withModifiers as _e, normalizeClass as D, createCommentVNode as V, toDisplayString as F, computed as I, watch as M, createStaticVNode as Le, Fragment as R, renderList as W, unref as e, createBlock as S, createVNode as N, createTextVNode as z, withDirectives as T, vShow as X, vModelText as G, onMounted as ae, onBeforeUnmount as ce, Teleport as $e, normalizeStyle as Ae, renderSlot as ue, nextTick as fe, isRef as Ee, withCtx as le, resolveDynamicComponent as ee, mergeProps as P, toRaw as Z, cloneVNode as Ie, useSlots as pe } from "vue";
 const Te = { class: "flex items-center justify-between w-full text-sm" }, Oe = { class: "flex items-center cursor-pointer w-full" }, Ue = {
   key: 0,
   width: "16",
@@ -20,16 +20,16 @@ const Te = { class: "flex items-center justify-between w-full text-sm" }, Oe = {
     highlighted: { type: Boolean }
   },
   emits: ["itemClick"],
-  setup(i, { expose: n, emit: v }) {
+  setup(i, { expose: a, emit: v }) {
     const t = i, s = v;
     function r() {
       s("itemClick", t.value);
     }
-    const d = _(null);
-    return n({ el: d }), (m, c) => (f(), w("div", {
+    const c = _(null);
+    return a({ el: c }), (m, d) => (f(), w("div", {
       class: "flex items-center w-full rounded-lg group hover:bg-gray-100",
       ref_key: "el",
-      ref: d
+      ref: c
     }, [
       u("div", Te, [
         u("div", Oe, [
@@ -65,7 +65,7 @@ const Te = { class: "flex items-center justify-between w-full text-sm" }, Oe = {
     ], 512));
   }
 });
-function Be(i, n) {
+function Be(i, a) {
   const {
     options: v = [],
     limit: t = 20
@@ -73,7 +73,7 @@ function Be(i, n) {
   function s(l) {
     return Array.isArray(l) ? l[0] : l;
   }
-  const r = _(s(i.modelValue)), d = _(""), m = _(!1), c = _([]), x = _("id"), p = _("text"), a = _(!1), o = _(i.layout !== "popover" && v.length > t);
+  const r = _(s(i.modelValue)), c = _(""), m = _(!1), d = _([]), x = _("id"), p = _("text"), n = _(!1), o = _(i.layout !== "popover" && v.length > t);
   function h(l) {
     const b = l.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find((Y) => Y in b) ?? "id", A = ["text", "label", "name", "title"].find((Y) => Y in b) ?? "text";
     return { autoValueKey: K, autoLabelKey: A };
@@ -83,43 +83,43 @@ function Be(i, n) {
     x.value = l.autoValueKey, p.value = l.autoLabelKey;
   }
   const g = I(() => {
-    const l = c.value;
-    return i.layout === "popover" || a.value ? l : l.slice(0, t);
+    const l = d.value;
+    return i.layout === "popover" || n.value ? l : l.slice(0, t);
   });
   M(() => i.modelValue, (l) => {
     r.value = s(l);
-  }, { immediate: !0 }), c.value = [...v].sort((l, b) => i.sort === "count" ? b.count && l.count ? b.count - l.count : 0 : i.sort === "name" ? String(l[p.value] ?? "").localeCompare(String(b[p.value] ?? "")) : 0);
+  }, { immediate: !0 }), d.value = [...v].sort((l, b) => i.sort === "count" ? b.count && l.count ? b.count - l.count : 0 : i.sort === "name" ? String(l[p.value] ?? "").localeCompare(String(b[p.value] ?? "")) : 0);
   function k(l) {
     return r.value === l[x.value];
   }
   function y(l) {
-    r.value = l[x.value], n("update:modelValue", r.value), n("change", { name: i.name, value: r.value });
+    r.value = l[x.value], a("update:modelValue", r.value), a("change", { name: i.name, value: r.value });
   }
   function $() {
-    r.value = void 0, n("update:modelValue", r.value), n("clear", i.name);
+    r.value = void 0, a("update:modelValue", r.value), a("clear", i.name);
   }
   function C() {
-    a.value = !a.value;
+    n.value = !n.value;
   }
   return {
     innerValue: r,
-    searchTerm: d,
+    searchTerm: c,
     filteredOptions: g,
     isSelected: k,
     selectItem: y,
     clear: $,
     toggleShowAll: C,
     isReqProc: m,
-    showAll: a,
+    showAll: n,
     isEnableShowAll: o,
     labelKey: p,
     valueKey: x,
-    allOptions: c
+    allOptions: d
   };
 }
-const J = (i, n) => {
+const J = (i, a) => {
   const v = i.__vccOpts || i;
-  for (const [t, s] of n)
+  for (const [t, s] of a)
     v[t] = s;
   return v;
 }, Pe = {}, We = {
@@ -128,8 +128,8 @@ const J = (i, n) => {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function qe(i, n) {
-  return f(), w("svg", We, n[0] || (n[0] = [
+function qe(i, a) {
+  return f(), w("svg", We, a[0] || (a[0] = [
     Le('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
   ]));
 }
@@ -145,8 +145,8 @@ const ve = /* @__PURE__ */ J(Pe, [["render", qe]]), Qe = {}, Ge = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate"
 };
-function Xe(i, n) {
-  return f(), w("svg", Ge, n[0] || (n[0] = [
+function Xe(i, a) {
+  return f(), w("svg", Ge, a[0] || (a[0] = [
     u("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -167,8 +167,8 @@ const ie = /* @__PURE__ */ J(Qe, [["render", Xe]]), Je = {}, Ze = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate-[180deg]"
 };
-function et(i, n) {
-  return f(), w("svg", Ze, n[0] || (n[0] = [
+function et(i, a) {
+  return f(), w("svg", Ze, a[0] || (a[0] = [
     u("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -183,10 +183,10 @@ const ye = /* @__PURE__ */ J(Je, [["render", et]]), tt = {
 }, lt = { class: "flex flex-col items-center justify-center p-5 text-center" }, ot = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, at = {
+}, nt = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, nt = /* @__PURE__ */ O({
+}, at = /* @__PURE__ */ O({
   __name: "radio",
   props: {
     id: {},
@@ -212,14 +212,14 @@ const ye = /* @__PURE__ */ J(Je, [["render", et]]), tt = {
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: n, emit: v }) {
+  setup(i, { expose: a, emit: v }) {
     const t = i, s = _(null), r = v, {
-      innerValue: d,
+      innerValue: c,
       filteredOptions: m,
-      isSelected: c,
+      isSelected: d,
       selectItem: x,
       clear: p,
-      toggleShowAll: a,
+      toggleShowAll: n,
       isReqProc: o,
       showAll: h,
       isEnableShowAll: g,
@@ -230,13 +230,13 @@ const ye = /* @__PURE__ */ J(Je, [["render", et]]), tt = {
       ...t,
       modelValue: t.modelValue ?? t.default ?? ""
     }, r);
-    return n({
+    return a({
       clear: p,
       inputTextRef: s
     }), M(
       () => t.modelValue,
       (C) => {
-        C === void 0 && (d.value = void 0);
+        C === void 0 && (c.value = void 0);
       }
     ), (C, l) => (f(), w("div", {
       class: D([C.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
@@ -255,7 +255,7 @@ const ye = /* @__PURE__ */ J(Je, [["render", et]]), tt = {
           color: b.color,
           type: "radio",
           value: b[e(y)],
-          "is-selected": e(c)(b),
+          "is-selected": e(d)(b),
           onItemClick: (K) => e(x)(b)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
       ], 2),
@@ -272,7 +272,7 @@ const ye = /* @__PURE__ */ J(Je, [["render", et]]), tt = {
         !e(h) && e(g) ? (f(), w("div", {
           key: 0,
           onClick: l[0] || (l[0] = //@ts-ignore
-          (...b) => e(a) && e(a)(...b)),
+          (...b) => e(n) && e(n)(...b)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
           l[5] || (l[5] = z(" Показати більше ", -1)),
@@ -281,7 +281,7 @@ const ye = /* @__PURE__ */ J(Je, [["render", et]]), tt = {
         e(h) ? (f(), w("div", {
           key: 1,
           onClick: l[1] || (l[1] = //@ts-ignore
-          (...b) => e(a) && e(a)(...b)),
+          (...b) => e(n) && e(n)(...b)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
           l[6] || (l[6] = z(" Показати менше ", -1)),
@@ -290,30 +290,30 @@ const ye = /* @__PURE__ */ J(Je, [["render", et]]), tt = {
       ], 64)) : V("", !0),
       C.cleanable ? (f(), w(R, { key: 2 }, [
         C.layout === "inline" ? (f(), w("div", ot, [
-          z(F(e(d) || e(d) === null ? 1 : 0) + " з " + F(e($).length) + " обрано ", 1),
+          z(F(e(c) || e(c) === null ? 1 : 0) + " з " + F(e($).length) + " обрано ", 1),
           T(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: l[2] || (l[2] = //@ts-ignore
             (...b) => e(p) && e(p)(...b))
           }, " Очистити ", 512), [
-            [X, e(d) !== "" && e(d) !== void 0]
+            [X, e(c) !== "" && e(c) !== void 0]
           ])
         ])) : V("", !0),
-        C.layout === "popover" ? (f(), w("div", at, [
-          u("span", null, F(e(d) || e(d) === null ? 1 : 0) + " з " + F(e($).length) + " обрано", 1),
+        C.layout === "popover" ? (f(), w("div", nt, [
+          u("span", null, F(e(c) || e(c) === null ? 1 : 0) + " з " + F(e($).length) + " обрано", 1),
           T(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: l[3] || (l[3] = //@ts-ignore
             (...b) => e(p) && e(p)(...b))
           }, " Очистити ", 512), [
-            [X, e(d) !== "" && e(d) !== void 0]
+            [X, e(c) !== "" && e(c) !== void 0]
           ])
         ])) : V("", !0)
       ], 64)) : V("", !0)
     ], 2));
   }
 });
-function Se(i, n) {
+function Se(i, a) {
   const {
     options: v = [],
     limit: t = 20
@@ -321,7 +321,7 @@ function Se(i, n) {
   function s(l) {
     return Array.isArray(l) ? l : l ? [l] : [];
   }
-  const r = _(s(i.modelValue)), d = _(""), m = _(!1), c = _([]), x = _("id"), p = _("text"), a = _(!1), o = _(i.layout !== "popover" && v.length > t);
+  const r = _(s(i.modelValue)), c = _(""), m = _(!1), d = _([]), x = _("id"), p = _("text"), n = _(!1), o = _(i.layout !== "popover" && v.length > t);
   function h(l) {
     const b = l.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find((Y) => Y in b) ?? "id", A = ["text", "label", "name", "title"].find((Y) => Y in b) ?? "text";
     return { autoValueKey: K, autoLabelKey: A };
@@ -331,39 +331,39 @@ function Se(i, n) {
     x.value = l.autoValueKey, p.value = l.autoLabelKey;
   }
   const g = I(() => {
-    const l = c.value;
-    return i.layout === "popover" || a.value ? l : l.slice(0, t);
+    const l = d.value;
+    return i.layout === "popover" || n.value ? l : l.slice(0, t);
   });
   M(() => i.modelValue, (l) => {
     r.value = s(l);
-  }, { immediate: !0 }), c.value = [...v].sort((l, b) => i.sort === "count" ? b.count && l.count ? b.count - l.count : 0 : i.sort === "name" ? String(l[p.value]).localeCompare(String(b[p.value])) : 0);
+  }, { immediate: !0 }), d.value = [...v].sort((l, b) => i.sort === "count" ? b.count && l.count ? b.count - l.count : 0 : i.sort === "name" ? String(l[p.value]).localeCompare(String(b[p.value])) : 0);
   function k(l) {
     return r.value && r.value.includes(l[x.value]);
   }
   function y(l) {
     const b = r.value.includes(l[x.value]);
-    r.value = b ? r.value.filter((K) => K !== l[x.value]) : [...r.value, l[x.value]], n("update:modelValue", r.value), n("change", { name: i.name, value: r.value });
+    r.value = b ? r.value.filter((K) => K !== l[x.value]) : [...r.value, l[x.value]], a("update:modelValue", r.value), a("change", { name: i.name, value: r.value });
   }
   function $() {
-    r.value = [], n("update:modelValue", r.value), n("clear", i.name);
+    r.value = [], a("update:modelValue", r.value), a("clear", i.name);
   }
   function C() {
-    a.value = !a.value;
+    n.value = !n.value;
   }
   return {
     innerValue: r,
-    searchTerm: d,
+    searchTerm: c,
     filteredOptions: g,
     isSelected: k,
     selectItem: y,
     clear: $,
     toggleShowAll: C,
     isReqProc: m,
-    showAll: a,
+    showAll: n,
     isEnableShowAll: o,
     labelKey: p,
     valueKey: x,
-    allOptions: c
+    allOptions: d
   };
 }
 const rt = {
@@ -401,15 +401,15 @@ const rt = {
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: n, emit: v }) {
+  setup(i, { expose: a, emit: v }) {
     const t = i, s = v, {
       innerValue: r,
-      filteredOptions: d,
+      filteredOptions: c,
       isSelected: m,
-      selectItem: c,
+      selectItem: d,
       clear: x,
       toggleShowAll: p,
-      isReqProc: a,
+      isReqProc: n,
       showAll: o,
       isEnableShowAll: h,
       labelKey: g,
@@ -424,7 +424,7 @@ const rt = {
       ($) => {
         $ === void 0 && (r.value = []);
       }
-    ), n({
+    ), a({
       clear: x
     }), ($, C) => (f(), w("div", {
       class: D([$.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
@@ -435,7 +435,7 @@ const rt = {
           $.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (f(!0), w(R, null, W(e(d), (l) => (f(), S(me, {
+        (f(!0), w(R, null, W(e(c), (l) => (f(), S(me, {
           layout: $.layout,
           count: l.count,
           label: l[e(g)],
@@ -443,10 +443,10 @@ const rt = {
           type: "checkbox",
           value: l[e(k)],
           "is-selected": e(m)(l),
-          onItemClick: (b) => e(c)(l)
+          onItemClick: (b) => e(d)(l)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
       ], 2),
-      $.type === "select" && e(d).length === 0 && !e(a) ? (f(), w("div", rt, [
+      $.type === "select" && e(c).length === 0 && !e(n) ? (f(), w("div", rt, [
         u("div", st, [
           N(ve),
           C[4] || (C[4] = u("div", { class: "max-w-sm mx-auto mt-6" }, [
@@ -511,8 +511,8 @@ const rt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function ft(i, n) {
-  return f(), w("svg", ct, n[0] || (n[0] = [
+function ft(i, a) {
+  return f(), w("svg", ct, a[0] || (a[0] = [
     u("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -534,8 +534,8 @@ const De = /* @__PURE__ */ J(dt, [["render", ft]]), pt = {}, mt = {
   width: "15px",
   height: "15px"
 };
-function vt(i, n) {
-  return f(), w("svg", mt, n[0] || (n[0] = [
+function vt(i, a) {
+  return f(), w("svg", mt, a[0] || (a[0] = [
     u("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -547,8 +547,8 @@ function vt(i, n) {
 }
 const Re = /* @__PURE__ */ J(pt, [["render", vt]]);
 class de {
-  static getWidthClass(n) {
-    return typeof n == "number" ? `max-w-[${n}px]` : typeof n == "string" ? n.endsWith("%") || n.endsWith("px") ? `max-w-[${n}]` : `max-w-${n}` : "w-full";
+  static getWidthClass(a) {
+    return typeof a == "number" ? `max-w-[${a}px]` : typeof a == "string" ? a.endsWith("%") || a.endsWith("px") ? `max-w-[${a}]` : `max-w-${a}` : "w-full";
   }
 }
 const yt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, gt = ["placeholder"], bt = /* @__PURE__ */ O({
@@ -577,24 +577,24 @@ const yt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { emit: n }) {
-    const v = i, t = _((v.placeHolder || v.label || v.name).toString()), s = n, r = _(v.modelValue ?? "");
+  setup(i, { emit: a }) {
+    const v = i, t = _((v.placeHolder || v.label || v.name).toString()), s = a, r = _(v.modelValue ?? "");
     M(
       () => v.modelValue,
-      (c) => {
-        c !== r.value && (r.value = c ?? "");
+      (d) => {
+        d !== r.value && (r.value = d ?? "");
       }
     );
-    function d() {
+    function c() {
       s("update:modelValue", r.value), s("change", { name: v.name, value: r.value });
     }
     function m() {
       r.value = "", s("update:modelValue", ""), s("clear", v.name);
     }
-    return (c, x) => (f(), w("div", {
+    return (d, x) => (f(), w("div", {
       class: D([
         "vs-form-text relative bg-white rounded-lg [&>input]:py-[7px] [&>input]:max-h-[38px]  [&>input]:ps-10 [&>input]:pe-8 [&>input]:block [&>input]:w-full [&>input]:bg-gray-100 [&>input]:border-transparent [&>input]:rounded-lg [&>input]:text-sm [&>input]:focus:bg-white [&>input]:focus:border-blue-500 [&>input]:focus:ring-blue-500 [&>input]:disabled:opacity-50 [&>input]:disabled:pointer-events-none [&>input]:dark:bg-neutral-700 [&>input]:dark:border-transparent [&>input]:dark:text-neutral-400 [&>input]:dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600",
-        c.layout === "inline" ? e(de).getWidthClass(c.width) : "w-full mb-2"
+        d.layout === "inline" ? e(de).getWidthClass(d.width) : "mb-2" + (d.layout === "popover" ? " m-2" : "")
       ])
     }, [
       u("div", yt, [
@@ -610,7 +610,7 @@ const yt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
       T(u("input", {
         type: "text",
         "onUpdate:modelValue": x[0] || (x[0] = (p) => r.value = p),
-        onInput: d,
+        onInput: c,
         placeholder: t.value,
         class: "!pr-7 !pl-8 bg-white h-[38px] text-sm py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
       }, null, 40, gt), [
@@ -670,76 +670,76 @@ const At = /* @__PURE__ */ O({
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: n, emit: v }) {
-    const t = Me(), s = ht(), r = i, d = _(
+  setup(i, { expose: a, emit: v }) {
+    const t = Me(), s = ht(), r = i, c = _(
       r.modelValue ?? r.default ?? []
-    ), m = v, c = I({
-      get: () => r.modelValue ?? d.value,
-      set: (a) => {
-        r.modelValue !== void 0 ? m("update:modelValue", a) : d.value = a;
+    ), m = v, d = I({
+      get: () => r.modelValue ?? c.value,
+      set: (n) => {
+        r.modelValue !== void 0 ? m("update:modelValue", n) : c.value = n;
       }
     });
     function x() {
-      m("change", { name: r.name, value: c.value || d.value });
+      m("change", { name: r.name, value: d.value || c.value });
     }
     function p() {
-      d.value = [], c.value = d.value, m("clear", r.name);
+      c.value = [], d.value = c.value, m("clear", r.name);
     }
-    return M(() => r.modelValue, (a) => {
-      a !== void 0 && r.layout !== "popover" ? (d.value = a, m("update:modelValue", a)) : d.value = [];
-    }), n({
+    return M(() => r.modelValue, (n) => {
+      n !== void 0 && r.layout !== "popover" ? (c.value = n, m("update:modelValue", n)) : c.value = [];
+    }), a({
       clear: p,
-      currentValue: c
-    }), (a, o) => (f(), w(R, null, [
+      currentValue: d
+    }), (n, o) => (f(), w(R, null, [
       u("div", null, [
         u("div", {
-          class: D(a.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
+          class: D(n.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
         }, [
           u("div", null, [
-            a.layout !== "vertical" ? (f(), w("label", kt, "Від")) : V("", !0),
+            n.layout !== "vertical" ? (f(), w("label", kt, "Від")) : V("", !0),
             T(u("input", {
               type: "number",
               class: D(e(t)),
-              placeholder: a.placeHolder?.[0] ?? "min",
+              placeholder: n.placeHolder?.[0] ?? "min",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": o[0] || (o[0] = (h) => c.value[0] = h),
-              disabled: a.disabled
+              "onUpdate:modelValue": o[0] || (o[0] = (h) => d.value[0] = h),
+              disabled: n.disabled
             }, null, 10, wt), [
-              [G, c.value[0]]
+              [G, d.value[0]]
             ])
           ]),
-          a.layout === "vertical" ? (f(), w("label", Ct, " - ")) : V("", !0),
+          n.layout === "vertical" ? (f(), w("label", Ct, " - ")) : V("", !0),
           u("div", null, [
-            a.layout !== "vertical" ? (f(), w("label", Vt, "До")) : V("", !0),
+            n.layout !== "vertical" ? (f(), w("label", Vt, "До")) : V("", !0),
             T(u("input", {
               type: "number",
               class: D(e(t)),
-              placeholder: a.placeHolder?.[1] ?? "max",
+              placeholder: n.placeHolder?.[1] ?? "max",
               min: "0",
               max: "1000000000000000",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": o[1] || (o[1] = (h) => c.value[1] = h),
-              disabled: a.disabled
+              "onUpdate:modelValue": o[1] || (o[1] = (h) => d.value[1] = h),
+              disabled: n.disabled
             }, null, 10, _t), [
-              [G, c.value[1]]
+              [G, d.value[1]]
             ])
           ]),
-          ["popover", "inline", "vertical"].includes(a.layout) ? (f(), w("button", {
+          ["popover", "inline", "vertical"].includes(n.layout) ? (f(), w("button", {
             key: 1,
             onClick: x,
-            class: D(e(s) + (a.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
-          }, F(a.layout === "vertical" ? "Ok" : "Застосувати"), 3)) : V("", !0),
-          ["popover", "inline"].includes(a.layout) ? (f(), w("button", {
+            class: D(e(s) + (n.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
+          }, F(n.layout === "vertical" ? "Ok" : "Застосувати"), 3)) : V("", !0),
+          ["popover", "inline"].includes(n.layout) ? (f(), w("button", {
             key: 2,
-            disabled: !(c.value[0] || c.value[1]),
+            disabled: !(d.value[0] || d.value[1]),
             onClick: p,
             class: D(e(s) + " hover:bg-gray-100")
           }, "Очистити", 10, $t)) : V("", !0)
         ], 2)
       ]),
-      (a.cleanable && d.value.length, V("", !0))
+      (n.cleanable && c.value.length, V("", !0))
     ], 64));
   }
 }), Bt = ["disabled", "title"], St = {
@@ -756,10 +756,10 @@ const At = /* @__PURE__ */ O({
     mode: {},
     layout: {}
   },
-  setup(i, { expose: n }) {
-    const v = i, t = I(() => Ke(v.mode)), s = _(!1), r = _({ top: 0, left: 0 }), d = _(null), m = _(null), c = _(null);
+  setup(i, { expose: a }) {
+    const v = i, t = I(() => Ke(v.mode)), s = _(!1), r = _({ top: 0, left: 0 }), c = _(null), m = _(null), d = _(null);
     function x() {
-      const y = m.value, $ = c.value;
+      const y = m.value, $ = d.value;
       if (!y || !$) return;
       const C = y.getBoundingClientRect(), l = $.offsetWidth, b = window.innerWidth, K = C.bottom + 8;
       let { left: A } = C;
@@ -770,24 +770,24 @@ const At = /* @__PURE__ */ O({
         x(), v.fieldRef?.inputTextRef && v.fieldRef?.inputTextRef.focus();
       });
     }
-    function a(y) {
-      !d.value?.contains(y.target) && !c.value?.contains(y.target) && (s.value = !1);
+    function n(y) {
+      !c.value?.contains(y.target) && !d.value?.contains(y.target) && (s.value = !1);
     }
     function o(y) {
       y.key === "Escape" && (s.value = !1);
     }
     const h = _(!1);
-    ne(() => {
+    ae(() => {
       h.value = !0;
-    }), ne(() => {
-      document.addEventListener("click", a, !0), document.addEventListener("keydown", o), window.addEventListener("scroll", x, !0);
+    }), ae(() => {
+      document.addEventListener("click", n, !0), document.addEventListener("keydown", o), window.addEventListener("scroll", x, !0);
     }), ce(() => {
-      document.removeEventListener("click", a, !0), document.removeEventListener("keydown", o), window.removeEventListener("scroll", x, !0);
+      document.removeEventListener("click", n, !0), document.removeEventListener("keydown", o), window.removeEventListener("scroll", x, !0);
     });
     function g() {
       s.value = !1;
     }
-    n({ close: g });
+    a({ close: g });
     const k = I(() => {
       const y = v.fieldRef?.selectedLabels;
       return y ? Array.isArray(y) ? y.length > 0 ? y.join(", ") : v.label ?? "" : String(y) : v.label ?? "";
@@ -813,7 +813,7 @@ const At = /* @__PURE__ */ O({
       }, [
         T(u("div", {
           ref_key: "popperRef",
-          ref: c,
+          ref: d,
           class: "vsTailwind vs-popover__content bottom-right w-fit fixed z-[1000]",
           style: Ae({ top: `${r.value.top}px`, left: `${r.value.left}px` }),
           "data-inside-popover": ""
@@ -834,62 +834,62 @@ function Mt(i) {
   return String(i).charAt(0).toUpperCase() + String(i).slice(1);
 }
 class H {
-  static format(n) {
-    const v = n.getFullYear(), t = (n.getMonth() + 1).toString().padStart(2, "0"), s = n.getDate().toString().padStart(2, "0");
+  static format(a) {
+    const v = a.getFullYear(), t = (a.getMonth() + 1).toString().padStart(2, "0"), s = a.getDate().toString().padStart(2, "0");
     return `${v}-${t}-${s}`;
   }
-  static getShiftedDay(n, v = 0) {
-    const t = n ? new Date(n) : /* @__PURE__ */ new Date();
+  static getShiftedDay(a, v = 0) {
+    const t = a ? new Date(a) : /* @__PURE__ */ new Date();
     return t.setDate(t.getDate() + v), this.format(t);
   }
-  static getLastWeekRange(n, v, t = 0) {
-    if (n && v) {
-      const x = new Date(n), p = new Date(v);
+  static getLastWeekRange(a, v, t = 0) {
+    if (a && v) {
+      const x = new Date(a), p = new Date(v);
       return x.setDate(x.getDate() + t * 7), p.setDate(p.getDate() + t * 7), [this.format(x), this.format(p)];
     }
-    const s = /* @__PURE__ */ new Date(), r = s.getDay(), d = r === 0 ? 13 : r - 1 + 7, m = new Date(s);
-    m.setDate(s.getDate() - d + t * 7);
-    const c = new Date(m);
-    return c.setDate(m.getDate() + 6), [this.format(m), this.format(c)];
+    const s = /* @__PURE__ */ new Date(), r = s.getDay(), c = r === 0 ? 13 : r - 1 + 7, m = new Date(s);
+    m.setDate(s.getDate() - c + t * 7);
+    const d = new Date(m);
+    return d.setDate(m.getDate() + 6), [this.format(m), this.format(d)];
   }
-  static getMonthRange(n, v, t = 0) {
+  static getMonthRange(a, v, t = 0) {
     let s;
-    n ? s = new Date(n) : s = /* @__PURE__ */ new Date(), s = new Date(s.getFullYear(), s.getMonth() + t, 1);
-    const r = s, d = new Date(s.getFullYear(), s.getMonth() + 1, 0);
-    return [this.format(r), this.format(d)];
-  }
-  static getQuarterRange(n, v, t = 0) {
-    const s = n || v, r = s ? new Date(s) : /* @__PURE__ */ new Date();
-    let d = Math.floor(r.getMonth() / 3);
-    d += t;
-    const m = (d % 4 + 4) % 4 * 3, c = r.getFullYear() + Math.floor(d / 4), x = new Date(c, m, 1), p = new Date(c, m + 3, 0);
+    a ? s = new Date(a) : s = /* @__PURE__ */ new Date(), s = new Date(s.getFullYear(), s.getMonth() + t, 1);
+    const r = s, c = new Date(s.getFullYear(), s.getMonth() + 1, 0);
+    return [this.format(r), this.format(c)];
+  }
+  static getQuarterRange(a, v, t = 0) {
+    const s = a || v, r = s ? new Date(s) : /* @__PURE__ */ new Date();
+    let c = Math.floor(r.getMonth() / 3);
+    c += t;
+    const m = (c % 4 + 4) % 4 * 3, d = r.getFullYear() + Math.floor(c / 4), x = new Date(d, m, 1), p = new Date(d, m + 3, 0);
     return [this.format(x), this.format(p)];
   }
-  static getYear(n, v = 0) {
+  static getYear(a, v = 0) {
     let t;
-    return n && /^\d{4}$/.test(n) ? t = parseInt(n, 10) : n ? t = new Date(n).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), String(t + v);
+    return a && /^\d{4}$/.test(a) ? t = parseInt(a, 10) : a ? t = new Date(a).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), String(t + v);
   }
-  static getYearRange(n, v = 0) {
+  static getYearRange(a, v = 0) {
     let t;
-    return n && /^\d{4}$/.test(n) ? t = parseInt(n, 10) : n ? t = new Date(n).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), [
+    return a && /^\d{4}$/.test(a) ? t = parseInt(a, 10) : a ? t = new Date(a).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), [
       this.format(new Date(t + v, 0, 1)),
       this.format(new Date(t + v + 1, 0, 0))
     ];
   }
-  static getRangeFromDaysBefore(n) {
+  static getRangeFromDaysBefore(a) {
     const v = /* @__PURE__ */ new Date(), t = new Date(v.getTime());
-    return t.setDate(v.getDate() - n), [this.format(t), this.format(v)];
+    return t.setDate(v.getDate() - a), [this.format(t), this.format(v)];
   }
 }
-function Fe(i, n) {
+function Fe(i, a) {
   const {
     popoverRef: v
   } = i, t = _(""), s = _(
     i.modelValue ?? i.default ?? []
   ), r = _(0);
-  function d() {
+  function c() {
     const k = H.getRangeFromDaysBefore(r.value);
-    return s.value = [...k], n("change", { name: i.name, value: s.value }), n("update:modelValue", s.value), k;
+    return s.value = [...k], a("change", { name: i.name, value: s.value }), a("update:modelValue", s.value), k;
   }
   function m(k) {
     t.value = k, v.value?.close();
@@ -911,15 +911,15 @@ function Fe(i, n) {
         y.push(...H.getYearRange());
         break;
       case "last_7_days":
-        r.value = 7, d();
+        r.value = 7, c();
         break;
       case "range":
-        r.value = 7, y.push(...d());
+        r.value = 7, y.push(...c());
         break;
     }
-    s.value = [...y], n("change", { name: i.name, value: s.value }), n("update:modelValue", s.value);
+    s.value = [...y], a("change", { name: i.name, value: s.value }), a("update:modelValue", s.value);
   }
-  function c() {
+  function d() {
     const k = [];
     switch (t.value) {
       case "today":
@@ -938,7 +938,7 @@ function Fe(i, n) {
         k.push(...H.getYearRange(s.value[0], 1));
         break;
     }
-    s.value = [...k], n("change", { name: i.name, value: s.value }), n("update:modelValue", s.value);
+    s.value = [...k], a("change", { name: i.name, value: s.value }), a("update:modelValue", s.value);
   }
   function x() {
     const k = [];
@@ -959,7 +959,7 @@ function Fe(i, n) {
         k.push(...H.getYearRange(s.value[0], -1));
         break;
     }
-    s.value = [...k], n("change", { name: i.name, value: s.value }), n("update:modelValue", s.value);
+    s.value = [...k], a("change", { name: i.name, value: s.value }), a("update:modelValue", s.value);
   }
   const p = [
     "Січень",
@@ -975,7 +975,7 @@ function Fe(i, n) {
     "Листопад",
     "Грудень"
   ];
-  function a(k) {
+  function n(k) {
     const [y, $, C] = k.split("-");
     return `${C}.${$}.${y}`;
   }
@@ -983,11 +983,11 @@ function Fe(i, n) {
     const { value: y } = s;
     switch (k) {
       case "today":
-        return a(y[0]);
+        return n(y[0]);
       case "range":
         return "Період";
       case "week":
-        return y[0] && y[1] ? `${a(y[0])} – ${a(y[1])}` : "";
+        return y[0] && y[1] ? `${n(y[0])} – ${n(y[1])}` : "";
       case "quarter":
         if (y[0]) {
           const $ = new Date(y[0]), C = $.getFullYear(), l = $.getMonth();
@@ -1010,18 +1010,18 @@ function Fe(i, n) {
   }
   const h = I(() => t.value ? o(t.value) : i.label ?? "");
   function g() {
-    t.value = "", s.value = [], n("update:modelValue", []), n("clear", i.name);
+    t.value = "", s.value = [], a("update:modelValue", []), a("clear", i.name);
   }
   return {
     activeMode: t,
     innerValue: s,
     daysBefore: r,
-    onDaysBeforeChange: d,
+    onDaysBeforeChange: c,
     onSelectChange: m,
-    nextClick: c,
+    nextClick: d,
     prevClick: x,
     ukMonths: p,
-    formatDisplayDate: a,
+    formatDisplayDate: n,
     getModeLabel: o,
     currentLabel: h,
     clear: g
@@ -1069,26 +1069,26 @@ const Ht = /* @__PURE__ */ O({
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: n, emit: v }) {
-    const t = i, s = Me(), r = xt(), d = v, m = _(null), {
-      activeMode: c,
+  setup(i, { expose: a, emit: v }) {
+    const t = i, s = Me(), r = xt(), c = v, m = _(null), {
+      activeMode: d,
       innerValue: x,
       onSelectChange: p,
-      nextClick: a,
+      nextClick: n,
       prevClick: o,
       clear: h
     } = Fe({
       ...t,
       popoverRef: m
-    }, d);
+    }, c);
     return M(() => t.modelValue, (g) => {
-      g !== void 0 ? (x.value = g, d("update:modelValue", g)) : (c.value = "", x.value = []);
-    }), n({
+      g !== void 0 ? (x.value = g, c("update:modelValue", g)) : (d.value = "", x.value = []);
+    }), a({
       clear: h,
       popoverRef: m
     }), (g, k) => (f(), w(R, null, [
       g.layout === "inline" ? (f(), w("div", Kt, [
-        e(c) !== "" && e(c) === "range" ? (f(), w("div", Ft, [
+        e(d) !== "" && e(d) === "range" ? (f(), w("div", Ft, [
           T(u("input", {
             type: "date",
             max: e(x)[1],
@@ -1149,7 +1149,7 @@ const Ht = /* @__PURE__ */ O({
       u("div", zt, [
         (f(), w(R, null, W(["today", "week", "month", "quarter", "year"], (y) => u("button", {
           key: y,
-          class: D(e(r) + (e(c) === y ? " bg-blue-100" : "")),
+          class: D(e(r) + (e(d) === y ? " bg-blue-100" : "")),
           onClick: ($) => e(p)(y)
         }, F(e(Mt)(y)), 11, Nt)), 64)),
         u("button", {
@@ -1160,26 +1160,26 @@ const Ht = /* @__PURE__ */ O({
         u("button", {
           class: D(e(r)),
           onClick: k[5] || (k[5] = //@ts-ignore
-          (...y) => e(a) && e(a)(...y))
+          (...y) => e(n) && e(n)(...y))
         }, " >", 2)
       ]),
       (g.cleanable, V("", !0))
     ], 64));
   }
 });
-function Yt(i, n) {
+function Yt(i, a) {
   const {
     api: v,
     options: t = [],
     limit: s = 20,
     dataKey: r = "data"
-  } = i, d = i.multi;
+  } = i, c = i.multi;
   function m(B) {
-    return d ? Array.isArray(B) ? B : B ? [B] : [] : Array.isArray(B) ? B[0] : B;
+    return c ? Array.isArray(B) ? B : B ? [B] : [] : Array.isArray(B) ? B[0] : B;
   }
-  const c = _(m(i.modelValue)), x = _(""), p = _(!1), a = _([]), o = _("id"), h = _("text"), g = _(!1), k = _(i.layout !== "popover" && t.length > s), y = _([]), $ = _(0);
+  const d = _(m(i.modelValue)), x = _(""), p = _(!1), n = _([]), o = _("id"), h = _("text"), g = _(!1), k = _(i.layout !== "popover" && t.length > s), y = _([]), $ = _(0);
   function C(B) {
-    const U = B.find(Boolean) ?? {}, q = ["id", "value", "code", "key"].find((oe) => oe in U) ?? "id", se = ["text", "label", "name", "title"].find((oe) => oe in U) ?? "text";
+    const U = B.find(Boolean) ?? {}, q = ["id", "value", "code", "key"].find((ne) => ne in U) ?? "id", se = ["text", "label", "name", "title"].find((ne) => ne in U) ?? "text";
     return { autoValueKey: q, autoLabelKey: se };
   }
   if (t.length > 0) {
@@ -1187,8 +1187,8 @@ function Yt(i, n) {
     o.value = B.autoValueKey, h.value = B.autoLabelKey;
   }
   const l = I(() => {
-    if (v) return a.value;
-    const B = a.value;
+    if (v) return n.value;
+    const B = n.value;
     if (i.layout === "popover") return B;
     if (!x.value)
       return g.value ? B : B.slice(0, s);
@@ -1206,9 +1206,9 @@ function Yt(i, n) {
         if (!q.ok)
           throw new Error(`HTTP error! status: ${q.status}`);
         const se = await q.json();
-        if (a.value = se[r], a.value.length > 0) {
-          const oe = C(a.value);
-          o.value = oe.autoValueKey, h.value = oe.autoLabelKey;
+        if (n.value = se[r], n.value.length > 0) {
+          const ne = C(n.value);
+          o.value = ne.autoValueKey, h.value = ne.autoLabelKey;
         }
         $.value = se.total;
       } catch (U) {
@@ -1223,21 +1223,21 @@ function Yt(i, n) {
       K(B);
     }, 200));
   }), M(() => i.modelValue, (B) => {
-    c.value = m(B);
-  }, { immediate: !0 }), v ? K("") : a.value = t;
+    d.value = m(B);
+  }, { immediate: !0 }), v ? K("") : n.value = t;
   function A(B) {
-    return d && Array.isArray(c.value) ? c.value.includes(B[o.value]) : c.value && c.value === B[o.value];
+    return c && Array.isArray(d.value) ? d.value.includes(B[o.value]) : d.value && d.value === B[o.value];
   }
   function Y(B) {
-    if (d && !Array.isArray(c.value) && (c.value = []), d && Array.isArray(c.value)) {
-      const U = c.value.includes(B[o.value]);
-      c.value = U ? c.value.filter((q) => q !== B[o.value]) : [...c.value, B[o.value]], y.value = U ? y.value.filter((q) => q !== B[h.value]) : [...y.value, B[h.value]];
+    if (c && !Array.isArray(d.value) && (d.value = []), c && Array.isArray(d.value)) {
+      const U = d.value.includes(B[o.value]);
+      d.value = U ? d.value.filter((q) => q !== B[o.value]) : [...d.value, B[o.value]], y.value = U ? y.value.filter((q) => q !== B[h.value]) : [...y.value, B[h.value]];
     } else
-      c.value = B[o.value], y.value = B[h.value];
-    n("update:modelValue", c.value), n("change", { name: i.name, value: c.value });
+      d.value = B[o.value], y.value = B[h.value];
+    a("update:modelValue", d.value), a("change", { name: i.name, value: d.value });
   }
   function L() {
-    d ? (c.value = [], y.value = []) : (c.value = void 0, y.value = []), n("update:modelValue", c.value), n("clear", i.name);
+    c ? (d.value = [], y.value = []) : (d.value = void 0, y.value = []), a("update:modelValue", d.value), a("clear", i.name);
   }
   function j() {
     b && clearTimeout(b), x.value = "", g.value = !1;
@@ -1264,7 +1264,7 @@ function Yt(i, n) {
     }
   }
   return {
-    innerValue: c,
+    innerValue: d,
     searchTerm: x,
     filteredOptions: l,
     isSelected: A,
@@ -1277,7 +1277,7 @@ function Yt(i, n) {
     isEnableShowAll: k,
     labelKey: h,
     valueKey: o,
-    allOptions: a,
+    allOptions: n,
     highlightedIndex: Q,
     onKeyDown: re,
     selectedLabels: y,
@@ -1319,14 +1319,14 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: n, emit: v }) {
+  setup(i, { expose: a, emit: v }) {
     const t = i, s = v, r = _(null), {
-      innerValue: d,
+      innerValue: c,
       filteredOptions: m,
-      isSelected: c,
+      isSelected: d,
       selectItem: x,
       clear: p,
-      resetSearch: a,
+      resetSearch: n,
       toggleShowAll: o,
       isReqProc: h,
       showAll: g,
@@ -1342,12 +1342,12 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       ...t,
       modelValue: t.modelValue
     }, s);
-    ne(() => {
-      a();
+    ae(() => {
+      n();
     }), M(
       () => t.modelValue,
       (L) => {
-        L === void 0 && (t.multi ? d.value = [] : d.value = void 0);
+        L === void 0 && (t.multi ? c.value = [] : c.value = void 0);
       }
     );
     const Y = _([]);
@@ -1358,7 +1358,7 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       });
     }), M(m, () => {
       Y.value = [];
-    }), n({
+    }), a({
       clear: p,
       inputTextRef: r,
       selectedLabels: K
@@ -1397,7 +1397,7 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
           color: E.color,
           type: L.multi ? "checkbox" : "radio",
           value: E[e(C)],
-          "is-selected": e(c)(E),
+          "is-selected": e(d)(E),
           highlighted: Q === e(l),
           onItemClick: (re) => e(x)(E),
           ref_for: !0,
@@ -1435,23 +1435,23 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       ], 64)) : V("", !0),
       L.cleanable ? (f(), w(R, { key: 2 }, [
         L.layout === "inline" ? (f(), w("div", Qt, [
-          z(F(L.multi && Array.isArray(e(d)) ? e(d)?.length : e(d) !== void 0 && (e(d) || e(d) === null) ? 1 : 0) + " з " + F(e(A)) + " обрано ", 1),
+          z(F(L.multi && Array.isArray(e(c)) ? e(c)?.length : e(c) !== void 0 && (e(c) || e(c) === null) ? 1 : 0) + " з " + F(e(A)) + " обрано ", 1),
           T(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: j[5] || (j[5] = //@ts-ignore
             (...E) => e(p) && e(p)(...E))
           }, " Очистити ", 512), [
-            [X, e(d) !== "" && e(d) !== void 0 || e(d)]
+            [X, e(c) !== "" && e(c) !== void 0 || e(c)]
           ])
         ])) : V("", !0),
         L.layout === "popover" ? (f(), w("div", Gt, [
-          u("span", null, F(L.multi && Array.isArray(e(d)) ? e(d)?.length : e(d) !== void 0 && (e(d) || e(d) === null) ? 1 : 0) + " з " + F(e(A)) + " обрано", 1),
+          u("span", null, F(L.multi && Array.isArray(e(c)) ? e(c)?.length : e(c) !== void 0 && (e(c) || e(c) === null) ? 1 : 0) + " з " + F(e(A)) + " обрано", 1),
           T(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: j[6] || (j[6] = //@ts-ignore
             (...E) => e(p) && e(p)(...E))
           }, " Очистити ", 512), [
-            [X, e(d) !== "" && e(d) !== void 0 || e(d)]
+            [X, e(c) !== "" && e(c) !== void 0 || e(c)]
           ])
         ])) : V("", !0)
       ], 64)) : V("", !0)
@@ -1489,15 +1489,15 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: n, emit: v }) {
+  setup(i, { expose: a, emit: v }) {
     const t = i, s = v, {
       innerValue: r,
-      isSelected: d,
+      isSelected: c,
       selectItem: m,
-      clear: c,
+      clear: d,
       labelKey: x,
       valueKey: p,
-      allOptions: a
+      allOptions: n
     } = t.multi ? Se({
       ...t,
       modelValue: t.modelValue ?? t.default ?? []
@@ -1505,8 +1505,8 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       ...t,
       modelValue: t.modelValue !== void 0 ? t.modelValue : t.default ?? ""
     }, s);
-    return n({
-      clear: c
+    return a({
+      clear: d
     }), M(
       () => t.modelValue,
       (o) => {
@@ -1516,11 +1516,11 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       u("div", {
         class: D(["grid grid-cols-3 gap-2 mx-[1px]", o.layout === "popover" ? "m-1" : "mb-1"])
       }, [
-        (f(!0), w(R, null, W(e(a), (g) => (f(), w("label", {
+        (f(!0), w(R, null, W(e(n), (g) => (f(), w("label", {
           key: `item-${g[e(p)]}`,
           for: `item-${g[e(p)]}`,
           onClick: _e((k) => e(m)(g), ["stop", "prevent"]),
-          class: D([e(d)(g) ? "ring-2 ring-indigo-600" : "", "p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-lg dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 peer-checked:text-indigo-600 dark:has-checked:text-indigo-500 peer-checked:border-indigo-600 dark:has-checked:border-indigo-500 peer-checked:ring peer-checked:shadow focus:ring dark:has-checked:ring-indigo-500 has-disabled:pointer-events-none has-disabled:text-gray-200 dark:has-disabled:text-neutral-700 has-disabled:after:absolute has-disabled:after:inset-0 has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-gray-200)_calc(50%-1px),var(--color-gray-200)_50%,transparent_50%)] dark:has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-neutral-700)_calc(50%-1px),var(--color-neutral-700)_50%,transparent_50%)]"])
+          class: D([e(c)(g) ? "ring-2 ring-indigo-600" : "", "p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-lg dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 peer-checked:text-indigo-600 dark:has-checked:text-indigo-500 peer-checked:border-indigo-600 dark:has-checked:border-indigo-500 peer-checked:ring peer-checked:shadow focus:ring dark:has-checked:ring-indigo-500 has-disabled:pointer-events-none has-disabled:text-gray-200 dark:has-disabled:text-neutral-700 has-disabled:after:absolute has-disabled:after:inset-0 has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-gray-200)_calc(50%-1px),var(--color-gray-200)_50%,transparent_50%)] dark:has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-neutral-700)_calc(50%-1px),var(--color-neutral-700)_50%,transparent_50%)]"])
         }, [
           u("input", {
             type: "checkbox",
@@ -1534,21 +1534,21 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       ], 2),
       o.cleanable ? (f(), w(R, { key: 0 }, [
         o.layout === "inline" ? (f(), w("div", tl, [
-          z(F(o.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + F(e(a).length) + " обрано ", 1),
+          z(F(o.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + F(e(n).length) + " обрано ", 1),
           T(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: h[0] || (h[0] = //@ts-ignore
-            (...g) => e(c) && e(c)(...g))
+            (...g) => e(d) && e(d)(...g))
           }, " Очистити ", 512), [
             [X, e(r) !== "" && e(r) !== void 0 || e(r)]
           ])
         ])) : V("", !0),
         o.layout === "popover" ? (f(), w("div", ll, [
-          u("span", null, F(o.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + F(e(a).length) + " обрано", 1),
+          u("span", null, F(o.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + F(e(n).length) + " обрано", 1),
           T(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: h[1] || (h[1] = //@ts-ignore
-            (...g) => e(c) && e(c)(...g))
+            (...g) => e(d) && e(d)(...g))
           }, " Очистити ", 512), [
             [X, e(r) !== void 0 && e(r) !== "" || e(r)]
           ])
@@ -1556,7 +1556,7 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       ], 64)) : V("", !0)
     ], 64));
   }
-}), al = {}, nl = {
+}), nl = {}, al = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1568,12 +1568,12 @@ const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
   "stroke-linejoin": "round",
   class: "text-blue-600 w-[16px] h-[16px]"
 };
-function rl(i, n) {
-  return f(), w("svg", nl, n[0] || (n[0] = [
+function rl(i, a) {
+  return f(), w("svg", al, a[0] || (a[0] = [
     u("path", { d: "M20 6 9 17l-5-5" }, null, -1)
   ]));
 }
-const te = /* @__PURE__ */ J(al, [["render", rl]]), sl = {}, ul = {
+const te = /* @__PURE__ */ J(nl, [["render", rl]]), sl = {}, ul = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1585,8 +1585,8 @@ const te = /* @__PURE__ */ J(al, [["render", rl]]), sl = {}, ul = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[90deg]"
 };
-function il(i, n) {
-  return f(), w("svg", ul, n[0] || (n[0] = [
+function il(i, a) {
+  return f(), w("svg", ul, a[0] || (a[0] = [
     u("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1607,8 +1607,8 @@ const dl = /* @__PURE__ */ J(sl, [["render", il]]), cl = {}, fl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[270deg]"
 };
-function pl(i, n) {
-  return f(), w("svg", fl, n[0] || (n[0] = [
+function pl(i, a) {
+  return f(), w("svg", fl, a[0] || (a[0] = [
     u("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1647,22 +1647,22 @@ const Cl = /* @__PURE__ */ O({
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: n, emit: v }) {
+  setup(i, { expose: a, emit: v }) {
     const t = i, s = v, r = _(null), {
-      activeMode: d,
+      activeMode: c,
       innerValue: m,
-      onSelectChange: c,
+      onSelectChange: d,
       nextClick: x,
       prevClick: p,
-      currentLabel: a,
+      currentLabel: n,
       clear: o
     } = Fe({
       ...t,
       popoverRef: r
     }, s);
     return M(() => t.modelValue, (h) => {
-      h !== void 0 ? (m.value = h, s("update:modelValue", h)) : (d.value = "", m.value = []);
-    }), n({
+      h !== void 0 ? (m.value = h, s("update:modelValue", h)) : (c.value = "", m.value = []);
+    }), a({
       clear: o,
       popoverRef: r
     }), (h, g) => (f(), w(R, null, [
@@ -1670,7 +1670,7 @@ const Cl = /* @__PURE__ */ O({
         N(ge, {
           ref_key: "popoverRef",
           ref: r,
-          label: e(a),
+          label: e(n),
           "current-value": e(m),
           mode: h.mode,
           onClear: e(o),
@@ -1680,11 +1680,11 @@ const Cl = /* @__PURE__ */ O({
             u("div", null, [
               u("button", {
                 type: "button",
-                onClick: g[0] || (g[0] = (k) => e(c)("range")),
+                onClick: g[0] || (g[0] = (k) => e(d)("range")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 g[12] || (g[12] = z(" Період ", -1)),
-                e(d) === "range" ? (f(), S(te, { key: 0 })) : V("", !0)
+                e(c) === "range" ? (f(), S(te, { key: 0 })) : V("", !0)
               ])
             ]),
             g[19] || (g[19] = u("div", null, [
@@ -1693,51 +1693,51 @@ const Cl = /* @__PURE__ */ O({
             u("div", null, [
               u("button", {
                 type: "button",
-                onClick: g[1] || (g[1] = (k) => e(c)("today")),
+                onClick: g[1] || (g[1] = (k) => e(d)("today")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 g[13] || (g[13] = z(" Сьогодні ", -1)),
-                e(d) === "today" ? (f(), S(te, { key: 0 })) : V("", !0)
+                e(c) === "today" ? (f(), S(te, { key: 0 })) : V("", !0)
               ])
             ]),
             u("div", null, [
               u("button", {
                 type: "button",
-                onClick: g[2] || (g[2] = (k) => e(c)("week")),
+                onClick: g[2] || (g[2] = (k) => e(d)("week")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 g[14] || (g[14] = z(" Тиждень ", -1)),
-                e(d) === "week" ? (f(), S(te, { key: 0 })) : V("", !0)
+                e(c) === "week" ? (f(), S(te, { key: 0 })) : V("", !0)
               ])
             ]),
             u("div", null, [
               u("button", {
                 type: "button",
-                onClick: g[3] || (g[3] = (k) => e(c)("month")),
+                onClick: g[3] || (g[3] = (k) => e(d)("month")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 g[15] || (g[15] = z(" Місяць ", -1)),
-                e(d) === "month" ? (f(), S(te, { key: 0 })) : V("", !0)
+                e(c) === "month" ? (f(), S(te, { key: 0 })) : V("", !0)
               ])
             ]),
             u("div", null, [
               u("button", {
                 type: "button",
-                onClick: g[4] || (g[4] = (k) => e(c)("quarter")),
+                onClick: g[4] || (g[4] = (k) => e(d)("quarter")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 g[16] || (g[16] = z(" Квартал ", -1)),
-                e(d) === "quarter" ? (f(), S(te, { key: 0 })) : V("", !0)
+                e(c) === "quarter" ? (f(), S(te, { key: 0 })) : V("", !0)
               ])
             ]),
             u("div", yl, [
               u("button", {
                 type: "button",
-                onClick: g[5] || (g[5] = (k) => e(c)("year")),
+                onClick: g[5] || (g[5] = (k) => e(d)("year")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 g[17] || (g[17] = z(" Рік ", -1)),
-                e(d) === "year" ? (f(), S(te, { key: 0 })) : V("", !0)
+                e(c) === "year" ? (f(), S(te, { key: 0 })) : V("", !0)
               ])
             ]),
             u("div", gl, [
@@ -1754,7 +1754,7 @@ const Cl = /* @__PURE__ */ O({
           _: 1,
           __: [19]
         }, 8, ["label", "current-value", "mode", "onClear", "layout"]),
-        e(d) !== "" && e(d) !== "range" && e(d) !== "last_7_days" ? (f(), w(R, { key: 0 }, [
+        e(c) !== "" && e(c) !== "range" && e(c) !== "last_7_days" ? (f(), w(R, { key: 0 }, [
           u("div", bl, [
             u("button", {
               type: "button",
@@ -1778,7 +1778,7 @@ const Cl = /* @__PURE__ */ O({
             ])
           ])
         ], 64)) : V("", !0),
-        e(d) !== "" && e(d) === "range" ? (f(), w("div", xl, [
+        e(c) !== "" && e(c) === "range" ? (f(), w("div", xl, [
           T(u("input", {
             type: "date",
             max: e(m)[1],
@@ -1805,7 +1805,7 @@ const Cl = /* @__PURE__ */ O({
     ], 64));
   }
 }), ke = {
-  radio: nt,
+  radio: at,
   checkbox: xe,
   check: xe,
   text: bt,
@@ -1815,7 +1815,7 @@ const Cl = /* @__PURE__ */ O({
   tag: ol,
   "date:inline": Cl
 };
-function be(i, n) {
+function be(i, a) {
   let v;
   switch (i.toLowerCase()) {
     case "autocomplete":
@@ -1827,7 +1827,7 @@ function be(i, n) {
     default:
       v = i?.toString().toLowerCase();
   }
-  return v === "date" && n && n === "inline" && (v = "date:inline"), {
+  return v === "date" && a && a === "inline" && (v = "date:inline"), {
     component: ke[v] || ke.text,
     type: v
   };
@@ -1844,8 +1844,8 @@ const Vl = {}, _l = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-reload absolute inline mr-1 text-gray-800 transition-all cursor-pointer active:rotate-90 right-1 top-1 hover:text-blue-500"
 };
-function $l(i, n) {
-  return f(), w("svg", _l, n[0] || (n[0] = [
+function $l(i, a) {
+  return f(), w("svg", _l, a[0] || (a[0] = [
     u("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1881,37 +1881,37 @@ const Al = /* @__PURE__ */ J(Vl, [["render", $l]]), Bl = { style: { display: "in
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: n, emit: v }) {
-    const t = i, s = v, r = _(), d = be(t.type, t.layout), m = I({
+  setup(i, { expose: a, emit: v }) {
+    const t = i, s = v, r = _(), c = be(t.type, t.layout), m = I({
       get: () => t.modelValue,
-      set: (a) => s("update:modelValue", a)
+      set: (n) => s("update:modelValue", n)
     });
-    function c(a) {
-      s("clear", a);
+    function d(n) {
+      s("clear", n);
     }
-    function x(a, o) {
-      s("change", { name: a, value: o }), t.modelValue !== void 0 && s("update:modelValue", o);
+    function x(n, o) {
+      s("change", { name: n, value: o }), t.modelValue !== void 0 && s("update:modelValue", o);
     }
     function p() {
       r.value && r.value.clear(), s("clear", t.name);
     }
     return M(
       () => t.default,
-      (a) => {
-        m.value = a;
+      (n) => {
+        m.value = n;
       }
     ), M(
       () => t.modelValue,
-      (a) => {
-        m.value = a;
+      (n) => {
+        m.value = n;
       }
-    ), n({
+    ), a({
       filterRef: r
-    }), (a, o) => (f(), w("div", Bl, [
+    }), (n, o) => (f(), w("div", Bl, [
       u("div", Sl, [
         u("div", Dl, [
           u("div", Rl, [
-            u("span", Ml, F(a.label), 1)
+            u("span", Ml, F(n.label), 1)
           ]),
           typeof m.value == "string" && m.value.trim() !== "" || Array.isArray(m.value) && m.value.length > 0 && m.value.some((h) => h !== void 0) || m.value === null ? (f(), S(Al, {
             key: 0,
@@ -1919,31 +1919,31 @@ const Al = /* @__PURE__ */ J(Vl, [["render", $l]]), Bl = { style: { display: "in
           })) : V("", !0)
         ]),
         u("div", Kl, [
-          e(d)?.type !== "select" ? (f(), S(ee(e(d)?.component), P({ key: 0 }, t, {
-            type: e(d)?.type,
+          e(c)?.type !== "select" ? (f(), S(ee(e(c)?.component), P({ key: 0 }, t, {
+            type: e(c)?.type,
             onChange: o[0] || (o[0] = (h) => x(h.name, h.value)),
-            onClear: o[1] || (o[1] = (h) => c(h)),
+            onClear: o[1] || (o[1] = (h) => d(h)),
             ref_key: "filterRef",
             ref: r
           }), null, 16, ["type"])) : (f(), S(ge, {
             key: 1,
             "current-value": m.value,
-            label: a.label,
-            mode: a.mode,
+            label: n.label,
+            mode: n.mode,
             onClear: p,
             fieldRef: r.value,
             width: void 0,
-            disabled: a.disabled,
+            disabled: n.disabled,
             layout: "vertical"
           }, {
             default: le(() => [
-              (f(), S(ee(e(d)?.component), P({
+              (f(), S(ee(e(c)?.component), P({
                 ref_key: "filterRef",
                 ref: r
               }, t, {
-                type: e(d)?.type,
+                type: e(c)?.type,
                 onChange: o[2] || (o[2] = (h) => x(h.name, h.value)),
-                onClear: o[3] || (o[3] = (h) => c(h))
+                onClear: o[3] || (o[3] = (h) => d(h))
               }), null, 16, ["type"]))
             ]),
             _: 1
@@ -1978,60 +1978,60 @@ const Al = /* @__PURE__ */ J(Vl, [["render", $l]]), Bl = { style: { display: "in
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: n, emit: v }) {
-    const t = i, s = v, r = _(), d = be(t.type, t.layout), m = I({
+  setup(i, { expose: a, emit: v }) {
+    const t = i, s = v, r = _(), c = be(t.type, t.layout), m = I({
       get: () => t.modelValue,
-      set: (a) => s("update:modelValue", a)
+      set: (n) => s("update:modelValue", n)
     });
-    function c(a) {
-      s("clear", a);
+    function d(n) {
+      s("clear", n);
     }
-    function x(a, o) {
-      s("change", { name: a, value: o }), t.modelValue !== void 0 && s("update:modelValue", o);
+    function x(n, o) {
+      s("change", { name: n, value: o }), t.modelValue !== void 0 && s("update:modelValue", o);
     }
     function p() {
       r.value && r.value.clear(), s("clear", t.name);
     }
     return M(
       () => t.default,
-      (a) => {
-        m.value = a;
+      (n) => {
+        m.value = n;
       }
     ), M(
       () => t.modelValue,
-      (a) => {
-        m.value = a;
+      (n) => {
+        m.value = n;
       }
-    ), n({
+    ), a({
       filterRef: r
-    }), (a, o) => ["text", "date"].includes(a.type.toLocaleLowerCase()) ? (f(), S(ee(e(d)?.component), P({ key: 0 }, t, {
-      type: e(d)?.type,
+    }), (n, o) => ["text", "date"].includes(n.type.toLocaleLowerCase()) ? (f(), S(ee(e(c)?.component), P({ key: 0 }, t, {
+      type: e(c)?.type,
       onChange: o[0] || (o[0] = (h) => x(h.name, h.value)),
-      onClear: o[1] || (o[1] = (h) => c(h)),
-      disabled: a.disabled,
+      onClear: o[1] || (o[1] = (h) => d(h)),
+      disabled: n.disabled,
       modelValue: m.value,
       "onUpdate:modelValue": o[2] || (o[2] = (h) => m.value = h)
     }), null, 16, ["type", "disabled", "modelValue"])) : (f(), S(ge, {
       key: 1,
       "current-value": m.value,
-      label: a.label,
-      mode: a.mode,
+      label: n.label,
+      mode: n.mode,
       onClear: p,
       fieldRef: r.value,
       width: t.width,
-      disabled: a.disabled,
+      disabled: n.disabled,
       layout: "inline"
     }, {
       default: le(() => [
-        (f(), S(ee(e(d)?.component), P({
+        (f(), S(ee(e(c)?.component), P({
           ref_key: "filterRef",
           ref: r
         }, t, {
           modelValue: m.value,
           "onUpdate:modelValue": o[3] || (o[3] = (h) => m.value = h),
-          type: e(d)?.type,
+          type: e(c)?.type,
           onChange: o[4] || (o[4] = (h) => x(h.name, h.value)),
-          onClear: o[5] || (o[5] = (h) => c(h))
+          onClear: o[5] || (o[5] = (h) => d(h))
         }), null, 16, ["modelValue", "type"]))
       ]),
       _: 1
@@ -2063,16 +2063,16 @@ const Al = /* @__PURE__ */ J(Vl, [["render", $l]]), Bl = { style: { display: "in
     sort: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: n, emit: v }) {
-    const t = i, s = v, r = _(), d = _(be(t.type, t.layout)), m = I({
+  setup(i, { expose: a, emit: v }) {
+    const t = i, s = v, r = _(), c = _(be(t.type, t.layout)), m = I({
       get: () => t.modelValue,
       set: (p) => s("update:modelValue", p)
     });
-    function c(p) {
+    function d(p) {
       s("clear", p);
     }
-    function x(p, a) {
-      s("change", { name: p, value: a }), t.modelValue !== void 0 && s("update:modelValue", a);
+    function x(p, n) {
+      s("change", { name: p, value: n }), t.modelValue !== void 0 && s("update:modelValue", n);
     }
     return M(
       () => t.default,
@@ -2089,19 +2089,19 @@ const Al = /* @__PURE__ */ J(Vl, [["render", $l]]), Bl = { style: { display: "in
       (p) => {
         m.value = p;
       }
-    ), n({
+    ), a({
       filterRef: r
-    }), (p, a) => (f(), S(ee(d.value?.component), P(t, {
-      type: d.value?.type,
+    }), (p, n) => (f(), S(ee(c.value?.component), P(t, {
+      type: c.value?.type,
       modelValue: m.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (o) => m.value = o),
-      onChange: a[1] || (a[1] = (o) => x(o.name, o.value)),
-      onClear: a[2] || (a[2] = (o) => c(o)),
+      "onUpdate:modelValue": n[0] || (n[0] = (o) => m.value = o),
+      onChange: n[1] || (n[1] = (o) => x(o.name, o.value)),
+      onClear: n[2] || (n[2] = (o) => d(o)),
       ref_key: "filterRef",
       ref: r
     }), null, 16, ["type", "modelValue"]));
   }
-}), ae = /* @__PURE__ */ O({
+}), oe = /* @__PURE__ */ O({
   __name: "filter-field",
   props: {
     id: {},
@@ -2127,28 +2127,28 @@ const Al = /* @__PURE__ */ J(Vl, [["render", $l]]), Bl = { style: { display: "in
     sort: { default: "name" }
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: n, emit: v }) {
-    const t = i, s = v, r = _(), d = I({
+  setup(i, { expose: a, emit: v }) {
+    const t = i, s = v, r = _(), c = I({
       get: () => t.modelValue,
       set: (p) => s("update:modelValue", p)
     });
     function m(p) {
       s("clear", p);
     }
-    function c(p, a) {
-      s("change", { name: p, value: a }), t.modelValue !== void 0 && s("update:modelValue", a);
+    function d(p, n) {
+      s("change", { name: p, value: n }), t.modelValue !== void 0 && s("update:modelValue", n);
     }
     M(
       () => t.default,
       (p) => {
-        d.value = p;
+        c.value = p;
       }
     ), M(
       () => t.modelValue,
       (p) => {
-        d.value = p;
+        c.value = p;
       }
-    ), n({
+    ), a({
       filterRef: r
     });
     function x() {
@@ -2163,33 +2163,33 @@ const Al = /* @__PURE__ */ J(Vl, [["render", $l]]), Bl = { style: { display: "in
           return we;
       }
     }
-    return (p, a) => (f(), S(ee(x()), P(t, {
-      onChange: a[0] || (a[0] = (o) => c(o.name, o.value)),
-      onClear: a[1] || (a[1] = (o) => m(o)),
-      modelValue: d.value,
-      "onUpdate:modelValue": a[2] || (a[2] = (o) => d.value = o)
+    return (p, n) => (f(), S(ee(x()), P(t, {
+      onChange: n[0] || (n[0] = (o) => d(o.name, o.value)),
+      onClear: n[1] || (n[1] = (o) => m(o)),
+      modelValue: c.value,
+      "onUpdate:modelValue": n[2] || (n[2] = (o) => c.value = o)
     }), null, 16, ["modelValue"]));
   }
 });
-function he(i, n) {
+function he(i, a) {
   const {
     slots: v
   } = i, t = _(i.value ?? {}), s = I(() => (Z(v?.default?.()) ?? []).flatMap((l) => Array.isArray(l.children) ? l.children : [l]));
   function r(C) {
-    delete t.value[C], n("clear", {
+    delete t.value[C], a("clear", {
       data: Z(t.value),
       name: C
     });
   }
-  function d(C, l) {
-    l === void 0 ? (r(C), n("change", {
+  function c(C, l) {
+    l === void 0 ? (r(C), a("change", {
       data: Z(t.value),
       name: C,
       undefined: void 0
     })) : t.value = {
       ...t.value,
       [C]: l
-    }, n("change", {
+    }, a("change", {
       data: Z(t.value),
       name: C,
       value: l
@@ -2203,11 +2203,11 @@ function he(i, n) {
       showClean: !0,
       modelValue: t[l],
       "onUpdate:modelValue": (b) => {
-        d(l, b);
+        c(l, b);
       },
       onClear: () => r(l)
     });
-  })), c = I(
+  })), d = I(
     () => new Map(
       m.value.map((C) => {
         const l = C.props?.name;
@@ -2216,12 +2216,12 @@ function he(i, n) {
     )
   );
   function x() {
-    t.value = {}, n("clearAll", {
+    t.value = {}, a("clearAll", {
       data: Z(t.value),
       name: "ALL"
     });
   }
-  const p = _(""), a = I(() => i.schema?.value ? Object.entries(t.value).filter(([C, l]) => i.schema && !(C in i.schema.value) ? !1 : Array.isArray(l) ? l.some((b) => b !== "" && b !== void 0) : l !== "" && l !== void 0).length : 0), o = _();
+  const p = _(""), n = I(() => i.schema?.value ? Object.entries(t.value).filter(([C, l]) => i.schema && !(C in i.schema.value) ? !1 : Array.isArray(l) ? l.some((b) => b !== "" && b !== void 0) : l !== "" && l !== void 0).length : 0), o = _();
   M(p, async () => {
     await fe(), o?.value?.filterRef?.inputTextRef && o.value.filterRef.inputTextRef.focus();
   });
@@ -2242,8 +2242,8 @@ function he(i, n) {
   }
   return {
     activeFilter: t,
-    activeFilterCount: a,
-    onFilterChange: d,
+    activeFilterCount: n,
+    onFilterChange: c,
     clearFilter: r,
     clearAllFilters: x,
     limitedSchema: h,
@@ -2251,7 +2251,7 @@ function he(i, n) {
     filtersSlot: m,
     limitedFiltersSlot: k,
     popoverFiltersSlot: y,
-    vnodeMap: c,
+    vnodeMap: d,
     onPopoverOpen: $,
     selectedFilter: p,
     filterRef: o
@@ -2260,17 +2260,17 @@ function he(i, n) {
 const Ll = /* @__PURE__ */ O({
   __name: "popover",
   emits: ["open", "close"],
-  setup(i, { emit: n }) {
-    const v = _(!1), t = _(null), s = _(null), r = _(null), d = _({ top: "0px", left: "0px", position: "absolute" });
+  setup(i, { emit: a }) {
+    const v = _(!1), t = _(null), s = _(null), r = _(null), c = _({ top: "0px", left: "0px", position: "absolute" });
     function m() {
       v.value = !v.value;
     }
-    function c() {
+    function d() {
       const o = r.value, h = t.value;
       if (!o || !h) return;
       const g = o.getBoundingClientRect(), k = h.offsetWidth, y = window.innerWidth - g.left;
       let $ = g.left + window.scrollX;
-      k > y && ($ = window.innerWidth - k - 8, $ < 8 && ($ = 8)), d.value = {
+      k > y && ($ = window.innerWidth - k - 8, $ < 8 && ($ = 8)), c.value = {
         position: "absolute",
         top: `${g.bottom + window.scrollY + 8}px`,
         left: `${$}px`
@@ -2281,16 +2281,16 @@ const Ll = /* @__PURE__ */ O({
       !r.value?.contains(o.target) && !t.value?.contains(o.target) && !h.closest("[data-inside-popover]") && (v.value = !1);
     }
     const p = _(!1);
-    ne(() => {
+    ae(() => {
       p.value = !0;
-    }), ne(() => {
-      r.value = s.value?.querySelector("[data-popover-trigger]") || null, r.value?.addEventListener("click", m), document.addEventListener("click", x), window.addEventListener("resize", c), window.addEventListener("scroll", c, !0);
+    }), ae(() => {
+      r.value = s.value?.querySelector("[data-popover-trigger]") || null, r.value?.addEventListener("click", m), document.addEventListener("click", x), window.addEventListener("resize", d), window.addEventListener("scroll", d, !0);
     }), ce(() => {
-      r.value?.removeEventListener("click", m), document.removeEventListener("click", x), window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0);
+      r.value?.removeEventListener("click", m), document.removeEventListener("click", x), window.removeEventListener("resize", d), window.removeEventListener("scroll", d, !0);
     });
-    const a = n;
+    const n = a;
     return M(v, async (o) => {
-      o ? (a("open"), await fe(), c()) : a("close");
+      o ? (n("open"), await fe(), d()) : n("close");
     }), (o, h) => (f(), w("div", {
       ref_key: "wrapperRef",
       ref: s
@@ -2304,7 +2304,7 @@ const Ll = /* @__PURE__ */ O({
           ref_key: "popoverRef",
           ref: t,
           class: "absolute z-[50] w-[600px] rounded-md border bg-white shadow-md",
-          style: Ae(d.value)
+          style: Ae(c.value)
         }, [
           ue(o.$slots, "default")
         ], 4), [
@@ -2325,8 +2325,8 @@ const Ll = /* @__PURE__ */ O({
   "stroke-linejoin": "round",
   class: "lucide lucide-filter h-4 w-4"
 };
-function Tl(i, n) {
-  return f(), w("svg", Il, n[0] || (n[0] = [
+function Tl(i, a) {
+  return f(), w("svg", Il, a[0] || (a[0] = [
     u("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
   ]));
 }
@@ -2356,12 +2356,12 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
     limit: { default: 3 }
   },
   emits: ["change", "clear", "clearAll"],
-  setup(i, { expose: n, emit: v }) {
-    const t = i, s = Ke(t.mode), r = pe(), d = v, m = _({}), {
-      activeFilter: c,
+  setup(i, { expose: a, emit: v }) {
+    const t = i, s = Ke(t.mode), r = pe(), c = v, m = _({}), {
+      activeFilter: d,
       activeFilterCount: x,
       onFilterChange: p,
-      clearFilter: a,
+      clearFilter: n,
       clearAllFilters: o,
       popoverSchema: h,
       popoverFiltersSlot: g,
@@ -2372,15 +2372,15 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
       ...t,
       schema: m,
       slots: r
-    }, d);
+    }, c);
     return M(
       () => t.schema,
       (C) => {
         m.value = C;
       },
       { deep: !0, immediate: !0 }
-    ), n({
-      clearFilter: a,
+    ), a({
+      clearFilter: n,
       clearAllFilters: o
     }), (C, l) => (f(), S(Ll, {
       onOpen: e(k),
@@ -2421,7 +2421,7 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
                 u("div", Pl, [
                   u("span", Wl, F(K.label), 1)
                 ]),
-                (Array.isArray(e(c)[b]) ? e(c)[b]?.length > 0 : e(c)[b] || e(c)[b] === null) ? (f(), w("div", ql)) : V("", !0)
+                (Array.isArray(e(d)[b]) ? e(d)[b]?.length > 0 : e(d)[b] || e(d)[b] === null) ? (f(), w("div", ql)) : V("", !0)
               ], 10, Yl))), 128)) : V("", !0),
               (f(!0), w(R, null, W(e(g), (b, K) => (f(), w("button", {
                 key: "slot-" + K,
@@ -2434,7 +2434,7 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
                 u("div", Gl, [
                   u("span", Xl, F(b.props.label), 1)
                 ]),
-                e(c)[b.props.name]?.length > 0 ? (f(), w("div", Jl)) : V("", !0)
+                e(d)[b.props.name]?.length > 0 ? (f(), w("div", Jl)) : V("", !0)
               ], 10, Ql))), 128))
             ]),
             e(x) > 0 ? (f(), w("div", Zl, [
@@ -2452,7 +2452,7 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
             ]))) : V("", !0),
             e(y) ? (f(), w(R, { key: 1 }, [
               e(h) ? (f(!0), w(R, { key: 0 }, W(Object.entries(e(h)), ([b, K]) => (f(), w(R, null, [
-                e(y) === b ? (f(), S(ae, P({
+                e(y) === b ? (f(), S(oe, P({
                   name: b,
                   key: b,
                   layout: "popover",
@@ -2462,17 +2462,17 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
                 }, { ref_for: !0 }, K, {
                   onChange: l[1] || (l[1] = (A) => e(p)(A.name, A.value)),
                   onClear: l[2] || (l[2] = (A) => {
-                    e(a)(A), e(p)(A, void 0);
+                    e(n)(A), e(p)(A, void 0);
                   }),
-                  modelValue: e(c)[b],
-                  "onUpdate:modelValue": (A) => e(c)[b] = A,
+                  modelValue: e(d)[b],
+                  "onUpdate:modelValue": (A) => e(d)[b] = A,
                   cleanable: !0
                 }), null, 16, ["name", "modelValue", "onUpdate:modelValue"])) : V("", !0)
               ], 64))), 256)) : V("", !0),
               (f(!0), w(R, null, W(e(g), (b, K) => (f(), w(R, {
                 key: "slot-" + K
               }, [
-                e(y) === b.props.name ? (f(), S(ae, P({
+                e(y) === b.props.name ? (f(), S(oe, P({
                   key: 0,
                   layout: "popover"
                 }, { ref_for: !0 }, b.props, {
@@ -2481,10 +2481,10 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
                   ref: $,
                   onChange: l[3] || (l[3] = (A) => e(p)(A.name, A.value)),
                   onClear: l[4] || (l[4] = (A) => {
-                    e(a)(A), e(p)(A, void 0);
+                    e(n)(A), e(p)(A, void 0);
                   }),
-                  modelValue: e(c)[b.props.name],
-                  "onUpdate:modelValue": (A) => e(c)[b.props.name] = A,
+                  modelValue: e(d)[b.props.name],
+                  "onUpdate:modelValue": (A) => e(d)[b.props.name] = A,
                   cleanable: !0
                 }), null, 16, ["modelValue", "onUpdate:modelValue"])) : V("", !0)
               ], 64))), 128))
@@ -2506,14 +2506,14 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
     limit: { default: 3 }
   },
   emits: ["change", "clear", "clearAll"],
-  setup(i, { emit: n }) {
-    const v = i, t = n, s = pe(), r = _({}), {
-      activeFilter: d,
+  setup(i, { emit: a }) {
+    const v = i, t = a, s = pe(), r = _({}), {
+      activeFilter: c,
       activeFilterCount: m,
-      onFilterChange: c,
+      onFilterChange: d,
       clearFilter: x,
       clearAllFilters: p,
-      limitedSchema: a,
+      limitedSchema: n,
       popoverSchema: o,
       filtersSlot: h,
       limitedFiltersSlot: g,
@@ -2536,36 +2536,36 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
       },
       { deep: !0, immediate: !0 }
     ), (C, l) => (f(), w("div", lo, [
-      C.schema ? (f(!0), w(R, { key: 0 }, W(Object.entries(e(a)), ([b, K]) => (f(), S(ae, P({
+      C.schema ? (f(!0), w(R, { key: 0 }, W(Object.entries(e(n)), ([b, K]) => (f(), S(oe, P({
         key: b,
         name: b,
         mode: C.mode
       }, { ref_for: !0 }, K, {
-        onChange: l[0] || (l[0] = (A) => e(c)(A.name, A.value)),
+        onChange: l[0] || (l[0] = (A) => e(d)(A.name, A.value)),
         onClear: l[1] || (l[1] = (A) => {
-          e(x)(A), e(c)(A, void 0);
+          e(x)(A), e(d)(A, void 0);
         }),
         layout: "inline",
         cleanable: !0,
-        modelValue: e(d)[b],
-        "onUpdate:modelValue": (A) => e(d)[b] = A
+        modelValue: e(c)[b],
+        "onUpdate:modelValue": (A) => e(c)[b] = A
       }), null, 16, ["name", "mode", "modelValue", "onUpdate:modelValue"]))), 128)) : V("", !0),
-      (f(!0), w(R, null, W(e(g), (b, K) => (f(), S(ae, P({
+      (f(!0), w(R, null, W(e(g), (b, K) => (f(), S(oe, P({
         key: "slot-" + K,
         layout: "inline"
       }, { ref_for: !0 }, b.props, {
-        onChange: l[2] || (l[2] = (A) => e(c)(A.name, A.value)),
+        onChange: l[2] || (l[2] = (A) => e(d)(A.name, A.value)),
         onClear: l[3] || (l[3] = (A) => {
-          e(x)(A), e(c)(A, void 0);
+          e(x)(A), e(d)(A, void 0);
         }),
         cleanable: !0,
-        modelValue: e(d)[b.props.name],
-        "onUpdate:modelValue": (A) => e(d)[b.props.name] = A
+        modelValue: e(c)[b.props.name],
+        "onUpdate:modelValue": (A) => e(c)[b.props.name] = A
       }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128)),
       Object.entries(e(o)).length > 0 || e(k).length > 0 ? (f(), S(je, P({ key: 1 }, v, {
         schema: e(o),
         limit: 0,
-        onChange: l[4] || (l[4] = (b) => e(c)(b.name, b.value)),
+        onChange: l[4] || (l[4] = (b) => e(d)(b.name, b.value)),
         onClearAll: e(p),
         onClear: l[5] || (l[5] = (b) => e(x)(b.name)),
         mode: C.mode,
@@ -2591,7 +2591,7 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
 }), oo = {
   key: 0,
   class: "p-2 overflow-y-auto overflow-hidden [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800 max-h-[calc(100%-142px)] h-full bg-gray-100"
-}, ao = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, no = /* @__PURE__ */ O({
+}, no = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, ao = /* @__PURE__ */ O({
   __name: "vertical-filter-layout",
   props: {
     schema: {},
@@ -2602,21 +2602,21 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
     limit: { default: 3 }
   },
   emits: ["change", "clear", "clearAll"],
-  setup(i, { emit: n }) {
-    const v = i, t = n, s = pe(), {
+  setup(i, { emit: a }) {
+    const v = i, t = a, s = pe(), {
       activeFilter: r,
-      activeFilterCount: d,
+      activeFilterCount: c,
       onFilterChange: m,
-      clearFilter: c,
+      clearFilter: d,
       clearAllFilters: x,
       filtersSlot: p
     } = he({
       ...v,
       slots: s
     }, t);
-    return (a, o) => a.view === "vertical" ? (f(), w("div", oo, [
-      u("div", ao, [
-        e(d) > 0 ? (f(), w("button", {
+    return (n, o) => n.view === "vertical" ? (f(), w("div", oo, [
+      u("div", no, [
+        e(c) > 0 ? (f(), w("button", {
           key: 0,
           onClick: o[0] || (o[0] = //@ts-ignore
           (...h) => e(x) && e(x)(...h)),
@@ -2626,25 +2626,25 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
           class: "w-full ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground border h-10 px-4 py-2 gap-2 m-2 bg-white text-gray-800 hover:bg-gray-200 focus:bg-gray-200",
           type: "button"
         }, " Очистити ")) : V("", !0),
-        a.schema ? (f(!0), w(R, { key: 1 }, W(Object.entries(a.schema), ([h, g]) => (f(), S(ae, P({
+        n.schema ? (f(!0), w(R, { key: 1 }, W(Object.entries(n.schema), ([h, g]) => (f(), S(oe, P({
           name: h,
           layout: "vertical"
         }, { ref_for: !0 }, g, {
           onChange: o[1] || (o[1] = (k) => e(m)(k.name, k.value)),
           onClear: o[2] || (o[2] = (k) => {
-            e(c)(k), e(m)(k, void 0);
+            e(d)(k), e(m)(k, void 0);
           }),
           modelValue: e(r)[h],
           "onUpdate:modelValue": (k) => e(r)[h] = k,
           showClean: !0
         }), null, 16, ["name", "modelValue", "onUpdate:modelValue"]))), 256)) : V("", !0),
-        (f(!0), w(R, null, W(e(p), (h, g) => (f(), S(ae, P({
+        (f(!0), w(R, null, W(e(p), (h, g) => (f(), S(oe, P({
           key: "slot-" + g,
           layout: "vertical"
         }, { ref_for: !0 }, h.props, {
           onChange: o[3] || (o[3] = (k) => e(m)(k.name, k.value)),
           onClear: o[4] || (o[4] = (k) => {
-            e(c)(k), e(m)(k, void 0);
+            e(d)(k), e(m)(k, void 0);
           }),
           modelValue: e(r)[h.props.name],
           "onUpdate:modelValue": (k) => e(r)[h.props.name] = k,
@@ -2664,19 +2664,19 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
     limit: { default: 3 }
   },
   emits: ["change", "clear", "clearAll"],
-  setup(i, { emit: n }) {
-    const v = i, t = _(v.value ?? {}), s = n;
-    function r(p, a) {
+  setup(i, { emit: a }) {
+    const v = i, t = _(v.value ?? {}), s = a;
+    function r(p, n) {
       t.value = {
         ...t.value,
-        [p]: a
+        [p]: n
       }, s("change", {
         data: Z(t.value),
         name: p,
-        value: a
+        value: n
       });
     }
-    function d(p) {
+    function c(p) {
       delete t.value[p], s("clear", {
         data: Z(t.value),
         name: p
@@ -2692,13 +2692,13 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
         value: null
       });
     }
-    const c = _({});
+    const d = _({});
     function x() {
       switch (v.view) {
         case "inline":
           return Ce;
         case "vertical":
-          return no;
+          return ao;
         case "popover":
           return je;
         default:
@@ -2709,22 +2709,22 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
       () => v.schema,
       (p) => {
         if (!p) {
-          c.value = {};
+          d.value = {};
           return;
         }
         if (Array.isArray(p) && !p.length) {
-          c.value = {};
+          d.value = {};
           return;
         }
-        Array.isArray(p) ? c.value = p.filter((a) => a.type).reduce((a, o) => (Object.assign(o, { name: o.id || o.name, type: o.type.toLowerCase() }), a[o.name] = o, o.data && !o.api && !o.options && Object.assign(o, { api: `/api/suggest/${o.data}` }), a), {}) : (Object.entries(p).forEach(([a, o]) => {
-          Object.assign(o, { name: a || o.name || o.id, type: o.type.toLowerCase() });
-        }), c.value = { ...p });
+        Array.isArray(p) ? d.value = p.filter((n) => n.type).reduce((n, o) => (Object.assign(o, { name: o.id || o.name, type: o.type.toLowerCase() }), n[o.name] = o, o.data && !o.api && !o.options && Object.assign(o, { api: `/api/suggest/${o.data}` }), n), {}) : (Object.entries(p).forEach(([n, o]) => {
+          Object.assign(o, { name: n || o.name || o.id, type: o.type.toLowerCase() });
+        }), d.value = { ...p });
       },
       { immediate: !0, deep: !0 }
-    ), (p, a) => (f(), S(ee(x()), P(v, {
-      schema: c.value,
-      onChange: a[0] || (a[0] = (o) => r(o.name, o.value)),
-      onClear: a[1] || (a[1] = (o) => d(o.name)),
+    ), (p, n) => (f(), S(ee(x()), P(v, {
+      schema: d.value,
+      onChange: n[0] || (n[0] = (o) => r(o.name, o.value)),
+      onClear: n[1] || (n[1] = (o) => c(o.name)),
       onClearAll: m
     }), {
       default: le(() => [
@@ -2734,11 +2734,11 @@ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
     }, 16, ["schema"]));
   }
 });
-Ve.install = function(n) {
-  n.component("VsFilter", Ve);
+Ve.install = function(a) {
+  a.component("Filter", Ve), a.component("FilterField", oe);
 };
 export {
   Ve as Filter,
-  ae as FilterField,
+  oe as FilterField,
   Ve as default
 };