@opengis/filter 0.1.25 → 0.1.27

package/dist/index.js

@@ -1,4 +1,4 @@
-import { createElementBlock as w, openBlock as u, createElementVNode as d, defineComponent as W, ref as A, computed as O, withModifiers as se, normalizeClass as E, createCommentVNode as C, toDisplayString as B, createVNode as q, watch as T, createStaticVNode as Ne, Fragment as U, renderList as X, unref as e, createBlock as I, createTextVNode as Q, withDirectives as H, vShow as Z, getCurrentInstance as Pe, vModelText as ae, onBeforeUnmount as me, onMounted as ce, isRef as Ye, Teleport as ge, normalizeStyle as be, renderSlot as de, nextTick as fe, withCtx as ne, resolveDynamicComponent as re, mergeProps as J, toRaw as ue, cloneVNode as We, useSlots as pe, reactive as qe, withKeys as $e, createSlots as He, normalizeProps as Qe, guardReactiveProps as Ge } from "vue";
+import { createElementBlock as w, openBlock as u, createElementVNode as d, defineComponent as W, ref as A, computed as K, withModifiers as se, normalizeClass as O, createCommentVNode as C, toDisplayString as B, createVNode as q, watch as T, createStaticVNode as Ne, Fragment as U, renderList as X, unref as e, createBlock as I, createTextVNode as Q, withDirectives as H, vShow as Z, getCurrentInstance as Pe, vModelText as ae, onBeforeUnmount as me, onMounted as ce, isRef as Ye, Teleport as ge, normalizeStyle as be, renderSlot as de, nextTick as fe, withCtx as ne, resolveDynamicComponent as re, mergeProps as J, toRaw as ue, cloneVNode as We, useSlots as pe, reactive as qe, withKeys as $e, createSlots as He, normalizeProps as Qe, guardReactiveProps as Ge } from "vue";
 import { notify as Ae } from "@opengis/core";
 const ee = (m, n) => {
   const y = m.__vccOpts || m;
@@ -74,7 +74,7 @@ const oe = /* @__PURE__ */ ee(tt, [["render", ot]]), at = { class: "flex items-c
     function o() {
       s("itemClick", t.value);
     }
-    const g = A(null), p = O(() => t.layout === "inline" && t.type === "radio");
+    const g = A(null), p = K(() => t.layout === "inline" && t.type === "radio");
     return n({ el: g }), (r, x) => (u(), w("div", {
       class: "flex items-center w-full rounded-sm group hover:bg-gray-100",
       ref_key: "el",
@@ -84,7 +84,7 @@ const oe = /* @__PURE__ */ ee(tt, [["render", ot]]), at = { class: "flex items-c
         d("div", nt, [
           d("label", {
             for: "radio-9740",
-            class: E([
+            class: O([
               ["inline", "popover"].includes(r.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": r.highlighted, relative: p.value }
             ]),
@@ -92,7 +92,7 @@ const oe = /* @__PURE__ */ ee(tt, [["render", ot]]), at = { class: "flex items-c
           }, [
             p.value ? C("", !0) : (u(), w("div", {
               key: 0,
-              class: E(["w-[18px] h-[18px] border flex items-center justify-center", [
+              class: O(["w-[18px] h-[18px] border flex items-center justify-center", [
                 r.type === "checkbox" ? "rounded-[4px]" : "rounded-full",
                 r.color ? `bg-[${r.color}] border-[#ffffff]` : r.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
               ]])
@@ -106,7 +106,7 @@ const oe = /* @__PURE__ */ ee(tt, [["render", ot]]), at = { class: "flex items-c
               value: r.value
             }, null, 8, st),
             d("div", {
-              class: E(["flex flex-1 flex-row items-center justify-between", p.value ? "pl-1 pr-6" : "w-[calc(100%-18px)] pl-[10px]"])
+              class: O(["flex flex-1 flex-row items-center justify-between", p.value ? "pl-1 pr-6" : "w-[calc(100%-18px)] pl-[10px]"])
             }, [
               d("span", it, B(r.label ?? "Відсутні дані"), 1),
               r.count ? (u(), w("div", ut, " (" + B(r.count) + ") ", 1)) : C("", !0)
@@ -130,14 +130,14 @@ function xe(m, n) {
   }
   const o = A(s(m.modelValue)), g = A(""), p = A(!1), r = A([]), x = A("id"), c = A("text"), v = A(!1), f = A(m.layout !== "popover" && y.length > t);
   function k(b) {
-    const h = b.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find(($) => $ in h) ?? "id", M = ["text", "label", "name", "title"].find(($) => $ in h) ?? "text";
-    return { autoValueKey: K, autoLabelKey: M };
+    const h = b.find(Boolean) ?? {}, M = ["id", "value", "code", "key"].find(($) => $ in h) ?? "id", L = ["text", "label", "name", "title"].find(($) => $ in h) ?? "text";
+    return { autoValueKey: M, autoLabelKey: L };
   }
   if (y.length > 0) {
     const b = k(y);
     x.value = b.autoValueKey, c.value = b.autoLabelKey;
   }
-  const _ = O(() => {
+  const _ = K(() => {
     const b = r.value;
     return m.layout === "popover" || v.value ? b : b.slice(0, t);
   });
@@ -292,10 +292,10 @@ const ke = /* @__PURE__ */ ee(gt, [["render", ht]]), xt = {
         a === void 0 && (g.value = void 0);
       }
     ), (a, b) => (u(), w("div", {
-      class: E([a.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
+      class: O([a.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
     }, [
       d("div", {
-        class: E([
+        class: O([
           a.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
           a.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
@@ -309,7 +309,7 @@ const ke = /* @__PURE__ */ ee(gt, [["render", ht]]), xt = {
           type: "radio",
           value: h[e(i)],
           "is-selected": e(r)(h),
-          onItemClick: (K) => e(x)(h)
+          onItemClick: (M) => e(x)(h)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
       ], 2),
       a.type === "select" && e(p).length === 0 && !e(f) ? (u(), w("div", xt, [
@@ -376,14 +376,14 @@ function Me(m, n) {
   }
   const o = A(s(m.modelValue)), g = A(""), p = A(!1), r = A([]), x = A("id"), c = A("text"), v = A(!1), f = A(m.layout !== "popover" && y.length > t);
   function k(b) {
-    const h = b.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find(($) => $ in h) ?? "id", M = ["text", "label", "name", "title"].find(($) => $ in h) ?? "text";
-    return { autoValueKey: K, autoLabelKey: M };
+    const h = b.find(Boolean) ?? {}, M = ["id", "value", "code", "key"].find(($) => $ in h) ?? "id", L = ["text", "label", "name", "title"].find(($) => $ in h) ?? "text";
+    return { autoValueKey: M, autoLabelKey: L };
   }
   if (y.length > 0) {
     const b = k(y);
     x.value = b.autoValueKey, c.value = b.autoLabelKey;
   }
-  const _ = O(() => {
+  const _ = K(() => {
     const b = r.value;
     return m.layout === "popover" || v.value ? b : b.slice(0, t);
   });
@@ -395,7 +395,7 @@ function Me(m, n) {
   }
   function i(b) {
     const h = o.value.includes(b[x.value]);
-    o.value = h ? o.value.filter((K) => K !== b[x.value]) : [...o.value, b[x.value]], n("update:modelValue", o.value), n("change", { name: m.name, value: o.value });
+    o.value = h ? o.value.filter((M) => M !== b[x.value]) : [...o.value, b[x.value]], n("update:modelValue", o.value), n("change", { name: m.name, value: o.value });
   }
   function l() {
     o.value = [], n("update:modelValue", o.value), n("clear", m.name);
@@ -540,10 +540,10 @@ const _t = {
     ), n({
       clear: c
     }), (a, b) => (u(), w("div", {
-      class: E([a.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+      class: O([a.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
     }, [
       d("div", {
-        class: E([
+        class: O([
           a.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
           a.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
@@ -556,7 +556,7 @@ const _t = {
           type: "checkbox",
           value: h[e(i)],
           "is-selected": e(r)(h),
-          onItemClick: (K) => e(x)(h)
+          onItemClick: (M) => e(x)(h)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
       ], 2),
       a.type === "select" && e(p).length === 0 && !e(f) ? (u(), w("div", _t, [
@@ -715,7 +715,7 @@ const Et = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
       o.value = "", s("update:modelValue", ""), s("clear", y.name);
     }
     return (x, c) => (u(), w("div", {
-      class: E([
+      class: O([
         "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",
         x.layout === "inline" ? e(Ee).getWidthClass(x.width) : "mb-2" + (x.layout === "popover" ? " m-2" : "")
       ])
@@ -743,7 +743,7 @@ const Et = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
   }
 });
 function Oe(m = { color: "blue" }) {
-  return O(() => {
+  return K(() => {
     const y = `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-${m.color}-500 focus:border-transparent
       text-gray-800 bg-white dark:text-neutral-300 dark:bg-neutral-800 dark:border-neutral-600`;
     return m?.size === "sm" ? `${y}h-[32px]` : `${y}h-[38px]`;
@@ -800,7 +800,7 @@ const Ht = /* @__PURE__ */ W({
   setup(m, { expose: n, emit: y }) {
     const t = Oe(), s = It(), o = le(), g = m, p = A(
       g.modelValue ?? g.default ?? []
-    ), r = y, x = O({
+    ), r = y, x = K({
       get: () => g.modelValue ?? p.value,
       set: (f) => {
         g.modelValue !== void 0 ? r("update:modelValue", f) : p.value = f;
@@ -820,13 +820,13 @@ const Ht = /* @__PURE__ */ W({
     }), (f, k) => (u(), w(U, null, [
       d("div", null, [
         d("div", {
-          class: E(f.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
+          class: O(f.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
         }, [
           d("div", null, [
             f.layout !== "vertical" ? (u(), w("label", zt, B(e(o)("filter.from")), 1)) : C("", !0),
             H(d("input", {
               type: "number",
-              class: E(e(t)),
+              class: O(e(t)),
               placeholder: f.placeholder?.[0] ?? e(o)("filter.min"),
               step: "1",
               style: { outline: "none" },
@@ -841,7 +841,7 @@ const Ht = /* @__PURE__ */ W({
             f.layout !== "vertical" ? (u(), w("label", Yt, B(e(o)("filter.to")), 1)) : C("", !0),
             H(d("input", {
               type: "number",
-              class: E(e(t)),
+              class: O(e(t)),
               placeholder: f.placeholder?.[1] ?? e(o)("filter.max"),
               min: "0",
               max: "1000000000000000",
@@ -856,13 +856,13 @@ const Ht = /* @__PURE__ */ W({
           ["popover", "inline", "vertical"].includes(f.layout) ? (u(), w("button", {
             key: 1,
             onClick: c,
-            class: E(e(s) + (f.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
+            class: O(e(s) + (f.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
           }, B(f.layout === "vertical" ? "Ok" : e(o)("filter.apply")), 3)) : C("", !0),
           ["popover", "inline"].includes(f.layout) ? (u(), w("button", {
             key: 2,
             disabled: !(x.value[0] || x.value[1]),
             onClick: v,
-            class: E(e(s) + " hover:bg-gray-100")
+            class: O(e(s) + " hover:bg-gray-100")
           }, B(e(o)("filter.clear")), 11, qt)) : C("", !0)
         ], 2)
       ]),
@@ -1031,8 +1031,8 @@ function Ie(m, n) {
         return a[0] && a[1] ? `${f(a[0])} – ${f(a[1])}` : "";
       case "quarter":
         if (a[0]) {
-          const b = new Date(a[0]), h = b.getFullYear(), K = b.getMonth();
-          return `${Math.floor(K / 3) + 1} ${t("filter.quarter")} ${h}`;
+          const b = new Date(a[0]), h = b.getFullYear(), M = b.getMonth();
+          return `${Math.floor(M / 3) + 1} ${t("filter.quarter")} ${h}`;
         }
         return "";
       case "month":
@@ -1049,7 +1049,7 @@ function Ie(m, n) {
         return m.label ?? "";
     }
   }
-  const V = O(() => s.value ? _(s.value) : m.label ?? "");
+  const V = K(() => s.value ? _(s.value) : m.label ?? "");
   function i() {
     s.value = "", o.value = [], n("update:modelValue", []), n("clear", m.name);
   }
@@ -1169,10 +1169,10 @@ const rl = /* @__PURE__ */ W({
         ])) : C("", !0)
       ])) : C("", !0),
       d("div", {
-        class: E(V.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
+        class: O(V.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
       }, [
         d("div", {
-          class: E(V.layout !== "popover" ? "w-[48%]" : "")
+          class: O(V.layout !== "popover" ? "w-[48%]" : "")
         }, [
           V.layout === "popover" ? (u(), w("label", Zt, B(e(g)("filter.from")), 1)) : C("", !0),
           H(d("input", {
@@ -1180,7 +1180,7 @@ const rl = /* @__PURE__ */ W({
             max: e(c)[1],
             locale: "uk-UA",
             "onUpdate:modelValue": i[2] || (i[2] = (l) => e(c)[0] = l),
-            class: E(e(s)),
+            class: O(e(s)),
             disabled: V.disabled
           }, null, 10, el), [
             [ae, e(c)[0]]
@@ -1188,7 +1188,7 @@ const rl = /* @__PURE__ */ W({
         ], 2),
         V.layout !== "popover" ? (u(), w("label", tl, " - ")) : C("", !0),
         d("div", {
-          class: E(V.layout !== "popover" ? "w-[48%]" : "")
+          class: O(V.layout !== "popover" ? "w-[48%]" : "")
         }, [
           V.layout === "popover" ? (u(), w("label", ll, B(e(g)("filter.to")), 1)) : C("", !0),
           H(d("input", {
@@ -1196,7 +1196,7 @@ const rl = /* @__PURE__ */ W({
             min: e(c)[0],
             locale: "uk-UA",
             "onUpdate:modelValue": i[3] || (i[3] = (l) => e(c)[1] = l),
-            class: E(e(s)),
+            class: O(e(s)),
             disabled: V.disabled
           }, null, 10, ol), [
             [ae, e(c)[1]]
@@ -1206,16 +1206,16 @@ const rl = /* @__PURE__ */ W({
       d("div", al, [
         (u(), w(U, null, X(["today", "week", "month", "quarter", "year"], (l) => d("button", {
           key: l,
-          class: E(e(o) + (e(x) === l ? " bg-blue-100" : "")),
+          class: O(e(o) + (e(x) === l ? " bg-blue-100" : "")),
           onClick: (a) => e(v)(l)
         }, B(e(g)("filter." + l)), 11, nl)), 64)),
         d("button", {
-          class: E(e(o)),
+          class: O(e(o)),
           onClick: i[4] || (i[4] = //@ts-ignore
           (...l) => e(k) && e(k)(...l))
         }, "<", 2),
         d("button", {
-          class: E(e(o)),
+          class: O(e(o)),
           onClick: i[5] || (i[5] = //@ts-ignore
           (...l) => e(f) && e(f)(...l))
         }, ">", 2)
@@ -1236,30 +1236,30 @@ function sl(m, n) {
   }
   const r = A(p(m.modelValue)), x = A(""), c = A(!1), v = A(t), f = A("id"), k = A("text"), _ = A(!1), V = A(m.layout !== "popover" && t.length > s), i = A([]), l = A(0);
   function a(j) {
-    const L = j.find(Boolean) ?? {}, P = ["id", "value", "code", "key"].find((ie) => ie in L) ?? "id", Y = ["text", "label", "name", "title"].find((ie) => ie in L) ?? "text";
+    const E = j.find(Boolean) ?? {}, P = ["id", "value", "code", "key"].find((ie) => ie in E) ?? "id", Y = ["text", "label", "name", "title"].find((ie) => ie in E) ?? "text";
     return { autoValueKey: P, autoLabelKey: Y };
   }
   if (t.length > 0) {
     const j = a(t);
     f.value = j.autoValueKey, k.value = j.autoLabelKey;
   }
-  const b = O(() => {
+  const b = K(() => {
     if (y) return v.value;
     const j = v.value;
     if (m.layout === "popover") return j;
     if (!x.value)
       return _.value ? j : j.slice(0, s);
-    const L = x.value.toLowerCase();
-    return j.filter((P) => P[k.value].toLowerCase().includes(L));
+    const E = x.value.toLowerCase();
+    return j.filter((P) => P[k.value].toLowerCase().includes(E));
   });
   let h = null;
-  async function K(j) {
+  async function M(j) {
     if (y) {
       c.value = !0;
       try {
-        const L = new URL(y, window.location.origin);
-        L.searchParams.set("json", "1"), L.searchParams.set("key", j), L.searchParams.set("limit", s.toString());
-        const P = await fetch(L.toString());
+        const E = new URL(y, window.location.origin);
+        E.searchParams.set("json", "1"), E.searchParams.set("key", j), E.searchParams.set("limit", s.toString());
+        const P = await fetch(E.toString());
         if (!P.ok) {
           Ae({ type: "error", title: "Error", message: "Failed to fetch remote options" }), v.value = [];
           return;
@@ -1274,8 +1274,8 @@ function sl(m, n) {
           f.value = ie.autoValueKey, k.value = ie.autoLabelKey;
         }
         l.value = Y.total;
-      } catch (L) {
-        console.error("Failed to fetch remote options:", L);
+      } catch (E) {
+        console.error("Failed to fetch remote options:", E);
       } finally {
         c.value = !1;
       }
@@ -1283,18 +1283,18 @@ function sl(m, n) {
   }
   T(x, (j) => {
     y && (h && clearTimeout(h), h = setTimeout(() => {
-      K(j);
+      M(j);
     }, 200));
   }), T(() => m.modelValue, (j) => {
     r.value = p(j);
   }, { immediate: !0 });
-  function M(j) {
+  function L(j) {
     return g && Array.isArray(r.value) ? r.value.includes(j[f.value]) : r.value && r.value === j[f.value];
   }
   function $(j) {
     if (g && !Array.isArray(r.value) && (r.value = []), g && Array.isArray(r.value)) {
-      const L = r.value.includes(j[f.value]);
-      r.value = L ? r.value.filter((P) => P !== j[f.value]) : [...r.value, j[f.value]], i.value = L ? i.value.filter((P) => P !== j[k.value]) : [...i.value, j[k.value]];
+      const E = r.value.includes(j[f.value]);
+      r.value = E ? r.value.filter((P) => P !== j[f.value]) : [...r.value, j[f.value]], i.value = E ? i.value.filter((P) => P !== j[k.value]) : [...i.value, j[k.value]];
     } else
       r.value = j[f.value], i.value = j[k.value];
     n("update:modelValue", r.value), n("change", { name: m.name, value: r.value });
@@ -1316,24 +1316,24 @@ function sl(m, n) {
     R.value = b.value.length > 0 ? 0 : -1;
   });
   function N(j) {
-    const L = b.value.length;
+    const E = b.value.length;
     if (j.key === "ArrowDown")
-      j.preventDefault(), R.value = (R.value + 1) % L;
+      j.preventDefault(), R.value = (R.value + 1) % E;
     else if (j.key === "ArrowUp")
-      j.preventDefault(), R.value = (R.value - 1 + L) % L;
+      j.preventDefault(), R.value = (R.value - 1 + E) % E;
     else if (j.key === "Enter" && (j.preventDefault(), R.value >= 0 && R.value < b.value.length)) {
       const P = b.value[R.value];
       $(P);
     }
   }
   function z() {
-    y && v.value.length === 0 && x.value.length === 0 && K(x.value);
+    y && v.value.length === 0 && x.value.length === 0 && M(x.value);
   }
   return {
     innerValue: r,
     searchTerm: x,
     filteredOptions: b,
-    isSelected: M,
+    isSelected: L,
     selectItem: $,
     clear: S,
     resetSearch: F,
@@ -1405,8 +1405,8 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       labelKey: a,
       valueKey: b,
       highlightedIndex: h,
-      onKeyDown: K,
-      selectedLabels: M,
+      onKeyDown: M,
+      selectedLabels: L,
       totalCount: $,
       loadData: S
     } = sl({
@@ -1432,16 +1432,16 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     }), n({
       clear: v,
       inputTextRef: g,
-      selectedLabels: M,
+      selectedLabels: L,
       loadData: S
     }), (D, R) => (u(), w("div", {
-      class: E([D.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+      class: O([D.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
     }, [
       d("div", il, [
         H(d("input", {
           "onUpdate:modelValue": R[0] || (R[0] = (N) => Ye(l) ? l.value = N : null),
           onKeydown: R[1] || (R[1] = //@ts-ignore
-          (...N) => e(K) && e(K)(...N)),
+          (...N) => e(M) && e(M)(...N)),
           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(t)("filter.search"),
           type: "text",
@@ -1458,7 +1458,7 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
         })) : C("", !0)
       ]),
       d("div", {
-        class: E([
+        class: O([
           D.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
           D.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
@@ -1590,13 +1590,13 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       }
     ), (f, k) => (u(), w(U, null, [
       d("div", {
-        class: E(["grid grid-cols-3 gap-2 mx-[1px]", f.layout === "popover" ? "m-1" : "mb-1"])
+        class: O(["grid grid-cols-3 gap-2 mx-[1px]", f.layout === "popover" ? "m-1" : "mb-1"])
       }, [
         (u(!0), w(U, null, X(e(v), (_) => (u(), w("label", {
           key: `item-${_[e(c)]}`,
           for: `item-${_[e(c)]}`,
           onClick: se((V) => e(p)(_), ["stop", "prevent"]),
-          class: E([e(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-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%)]"])
+          class: O([e(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-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%)]"])
         }, [
           d("input", {
             type: "checkbox",
@@ -1653,16 +1653,16 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     layout: {}
   },
   setup(m, { expose: n }) {
-    const y = m, t = O(() => Te(y.mode)), s = A(!1), o = A({ top: 0, left: 0 }), g = A(null), p = A(null), r = A(null);
+    const y = m, t = K(() => Te(y.mode)), s = A(!1), o = A({ top: 0, left: 0 }), g = A(null), p = A(null), r = A(null);
     function x() {
-      const h = p.value, K = r.value;
-      if (!h || !K) return;
-      const M = h.getBoundingClientRect(), $ = K.offsetWidth, S = K.offsetHeight, F = window.innerWidth, D = window.innerHeight, R = 8;
-      let N = M.bottom + R, { left: z } = M;
+      const h = p.value, M = r.value;
+      if (!h || !M) return;
+      const L = h.getBoundingClientRect(), $ = M.offsetWidth, S = M.offsetHeight, F = window.innerWidth, D = window.innerHeight, R = 8;
+      let N = L.bottom + R, { left: z } = L;
       const j = Math.max(F - $ - 10, 10);
       if (z = Math.min(z, j), z = Math.max(z, 10), N + S > D - 10) {
-        const L = M.top - S - R;
-        N = L >= 10 ? L : Math.max(D - S - 10, 10);
+        const E = L.top - S - R;
+        N = E >= 10 ? E : Math.max(D - S - 10, 10);
       }
       N < 10 && (N = 10), o.value = { top: N, left: z };
     }
@@ -1690,23 +1690,23 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     }
     n({ close: i });
     function l(h) {
-      return Array.isArray(h) ? h.filter((K) => K != null && K !== "").length : h && typeof h == "object" ? Object.values(h).filter((K) => K != null && K !== "").length : typeof h == "string" ? h.trim() === "" ? 0 : 1 : typeof h == "number" ? Number.isNaN(h) ? 0 : 1 : h === null || h !== void 0 ? 1 : 0;
+      return Array.isArray(h) ? h.filter((M) => M != null && M !== "").length : h && typeof h == "object" ? Object.values(h).filter((M) => M != null && M !== "").length : typeof h == "string" ? h.trim() === "" ? 0 : 1 : typeof h == "number" ? Number.isNaN(h) ? 0 : 1 : h === null || h !== void 0 ? 1 : 0;
     }
-    const a = O(() => {
-      const h = y.fieldRef?.selectedLabels, K = l(h);
-      return K > 0 ? K : l(y.currentValue);
-    }), b = O(() => {
+    const a = K(() => {
+      const h = y.fieldRef?.selectedLabels, M = l(h);
+      return M > 0 ? M : l(y.currentValue);
+    }), b = K(() => {
       const h = y.fieldRef?.selectedLabels;
       return !h || ["inline"].includes(y.layout || "") ? y[_.value] || (y.label ?? "") : Array.isArray(h) ? h.length > 0 ? h.join(", ") : y.label ?? "" : String(h);
     });
-    return (h, K) => (u(), w("div", null, [
+    return (h, M) => (u(), w("div", null, [
       d("button", {
         onClick: c,
         disabled: h.disabled,
         ref_key: "triggerRef",
         ref: p,
         title: h.label,
-        class: E([
+        class: O([
           t.value,
           h.width ? e(Ee).getWidthClass(h.width) : "w-full",
           h.layout === "inline" && a.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600" : ""
@@ -1862,7 +1862,7 @@ const ql = /* @__PURE__ */ W({
           width: typeof i.width == "number" && e(r).length ? i.width - 70 : i.width,
           onClear: e(k),
           layout: i.layout,
-          class: E(i.itemClass)
+          class: O(i.itemClass)
         }, {
           default: ne(() => [
             d("div", null, [
@@ -2034,7 +2034,7 @@ const ql = /* @__PURE__ */ W({
     } = xe({
       ...t,
       modelValue: t.modelValue ?? t.default ?? ""
-    }, s), f = O(() => o.value !== void 0 && !(typeof o.value == "string" && o.value === "")), k = O(() => f.value ? 1 : 0);
+    }, s), f = K(() => o.value !== void 0 && !(typeof o.value == "string" && o.value === "")), k = K(() => f.value ? 1 : 0);
     function _(i) {
       return g(i) ? ["bg-blue-600 text-white"].filter((l) => typeof l == "string" && l.trim().length > 0).join(" ") : ["text-gray-700 hover:bg-gray-200 bg-gray-50 "].filter((l) => typeof l == "string" && l.trim().length > 0).join(" ");
     }
@@ -2053,7 +2053,7 @@ const ql = /* @__PURE__ */ W({
         (u(!0), w(U, null, X(e(v), (a) => (u(), w("button", {
           key: a[e(c)],
           type: "button",
-          class: E(["px-3 py-2 text-sm font-medium rounded-md transition-colors", _(a)]),
+          class: O(["px-3 py-2 text-sm font-medium rounded-md transition-colors", _(a)]),
           disabled: i.disabled,
           onClick: (b) => V(a)
         }, B(a[e(x)]), 11, Ql))), 128))
@@ -2129,7 +2129,7 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
   },
   emits: ["update:modelValue", "change", "clear"],
   setup(m, { expose: n, emit: y }) {
-    const t = m, s = y, o = A(), g = _e(t.type, t.layout), p = O({
+    const t = m, s = y, o = A(), g = K(() => _e(t.type, t.layout)), p = K({
       get: () => t.modelValue,
       set: (v) => s("update:modelValue", v)
     });
@@ -2166,8 +2166,8 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
           })) : C("", !0)
         ]),
         d("div", oo, [
-          e(g)?.type !== "select" ? (u(), I(re(e(g)?.component), J({ key: 0 }, t, {
-            type: e(g)?.type,
+          g.value?.type !== "select" ? (u(), I(re(g.value?.component), J({ key: 0 }, t, {
+            type: g.value?.type,
             class: t.itemClass,
             onChange: f[0] || (f[0] = (k) => x(k.name, k.value)),
             onClear: f[1] || (f[1] = (k) => r(k)),
@@ -2185,11 +2185,11 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
             layout: "vertical"
           }, {
             default: ne(() => [
-              (u(), I(re(e(g)?.component), J({
+              (u(), I(re(g.value?.component), J({
                 ref_key: "filterRef",
                 ref: o
               }, t, {
-                type: e(g)?.type,
+                type: g.value?.type,
                 class: t.itemClass,
                 onChange: f[2] || (f[2] = (k) => x(k.name, k.value)),
                 onClear: f[3] || (f[3] = (k) => r(k))
@@ -2231,7 +2231,7 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
   },
   emits: ["update:modelValue", "change", "clear"],
   setup(m, { expose: n, emit: y }) {
-    const t = m, s = y, o = A(), g = _e(t.type, t.layout), p = O({
+    const t = m, s = y, o = A(), g = K(() => _e(t.type, t.layout)), p = K({
       get: () => t.modelValue,
       set: (c) => s("update:modelValue", c)
     });
@@ -2253,8 +2253,8 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
       }
     ), n({
       filterRef: o
-    }), (c, v) => ["text", "date", "button"].includes(c.type.toLocaleLowerCase()) ? (u(), I(re(e(g)?.component), J({ key: 0 }, t, {
-      type: e(g)?.type,
+    }), (c, v) => ["text", "date", "button"].includes(c.type.toLocaleLowerCase()) ? (u(), I(re(g.value?.component), J({ key: 0 }, t, {
+      type: g.value?.type,
       class: c.itemClass,
       onChange: v[0] || (v[0] = (f) => x(f.name, f.value)),
       onClear: v[1] || (v[1] = (f) => r(f)),
@@ -2273,13 +2273,13 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
       layout: "inline"
     }, {
       default: ne(() => [
-        (u(), I(re(e(g)?.component), J({
+        (u(), I(re(g.value?.component), J({
           ref_key: "filterRef",
           ref: o
         }, t, {
           modelValue: p.value,
           "onUpdate:modelValue": v[3] || (v[3] = (f) => p.value = f),
-          type: e(g)?.type,
+          type: g.value?.type,
           class: t.itemClass,
           onChange: v[4] || (v[4] = (f) => x(f.name, f.value)),
           onClear: v[5] || (v[5] = (f) => r(f))
@@ -2318,7 +2318,7 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
   },
   emits: ["update:modelValue", "change", "clear"],
   setup(m, { expose: n, emit: y }) {
-    const t = m, s = y, o = A(), g = A(_e(t.type, t.layout)), p = O({
+    const t = m, s = y, o = A(), g = K(() => _e(t.type, t.layout)), p = K({
       get: () => t.modelValue,
       set: (c) => s("update:modelValue", c)
     });
@@ -2386,7 +2386,7 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
   },
   emits: ["update:modelValue", "change", "clear"],
   setup(m, { expose: n, emit: y }) {
-    const t = m, s = y, o = A(), g = O({
+    const t = m, s = y, o = A(), g = K({
       get: () => t.modelValue,
       set: (c) => s("update:modelValue", c)
     });
@@ -2440,7 +2440,7 @@ function ye(m, n) {
     },
     { deep: !0, immediate: !0 }
   );
-  const o = O(() => (ue(y?.default?.()) ?? []).flatMap((a) => Array.isArray(a.children) ? a.children : [a]));
+  const o = K(() => (ue(y?.default?.()) ?? []).flatMap((a) => Array.isArray(a.children) ? a.children : [a]));
   function g(l) {
     delete s.value[l], n("clear", {
       data: ue(s.value),
@@ -2457,7 +2457,7 @@ function ye(m, n) {
       value: a
     });
   }
-  const r = O(() => o.value.map((l) => {
+  const r = K(() => o.value.map((l) => {
     const a = l.props?.name;
     return We(l, {
       ...l.props,
@@ -2471,7 +2471,7 @@ function ye(m, n) {
       class: [m.itemClass, l.props?.class],
       itemClass: [m.itemClass, l.props?.itemClass].filter((b) => typeof b == "string" && b.trim().length > 0).join(" ") || void 0
     });
-  })), x = O(
+  })), x = K(
     () => new Map(
       r.value.map((l) => {
         const a = l.props?.name;
@@ -2485,11 +2485,11 @@ function ye(m, n) {
       name: "ALL"
     });
   }
-  const v = A(""), f = O(() => m.schema?.value ? Object.entries(s.value).filter(([l, a]) => m.schema && !(l in m.schema.value) ? !1 : Array.isArray(a) ? a.some((b) => b !== "" && b !== void 0) : a !== "" && a !== void 0).length : 0), k = A();
+  const v = A(""), f = K(() => m.schema?.value ? Object.entries(s.value).filter(([l, a]) => m.schema && !(l in m.schema.value) ? !1 : Array.isArray(a) ? a.some((b) => b !== "" && b !== void 0) : a !== "" && a !== void 0).length : 0), k = A();
   T(v, async () => {
     await fe(), k?.value?.filterRef?.inputTextRef && k.value.filterRef.inputTextRef.focus();
   });
-  const _ = O(() => m.schema?.value ? Object.fromEntries(Object.entries(m.schema?.value).slice(0, m.limit)) : {}), V = O(() => {
+  const _ = K(() => m.schema?.value ? Object.fromEntries(Object.entries(m.schema?.value).slice(0, m.limit)) : {}), V = K(() => {
     if (r.value.length === 0) return [];
     let l = 0;
     if (m.schema?.value) {
@@ -2497,7 +2497,7 @@ function ye(m, n) {
       m.limit && a < m.limit ? l = m.limit - a : l = 0;
     }
     return r.value.slice(0, l);
-  }), i = O(() => r.value.length === 0 ? [] : m.view !== "inline" ? r.value : r.value.slice(V.value.length));
+  }), i = K(() => r.value.length === 0 ? [] : m.view !== "inline" ? r.value : r.value.slice(V.value.length));
   return {
     activeFilter: s,
     activeFilterCount: f,
@@ -2526,13 +2526,13 @@ const ro = /* @__PURE__ */ W({
       if (!k || !_) return;
       const V = k.getBoundingClientRect(), i = _.offsetWidth, l = window.innerWidth - V.left;
       let a = V.left + window.scrollX;
-      i > l && (a = window.innerWidth - i - 8, a < 8 && (a = 8)), g.value = {
+      i > l && (a = window.innerWidth - i - 18, a < 18 && (a = 18)), g.value = {
         position: "absolute",
-        top: `${V.bottom + window.scrollY + 8}px`,
+        top: `${V.bottom + window.scrollY + 18}px`,
         left: `${a}px`
       };
     }
-    const x = O(() => Object.entries(g.value).map((k) => k.join(":")).join(";"));
+    const x = K(() => Object.entries(g.value).map((k) => k.join(":")).join(";"));
     function c(k) {
       const _ = k.target;
       !o.value?.contains(k.target) && !t.value?.contains(k.target) && !_.closest("[data-inside-popover]") && (y.value = !1);
@@ -2620,7 +2620,7 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
   },
   emits: ["change", "clear", "clearAll"],
   setup(m, { expose: n, emit: y }) {
-    const t = le(), s = m, o = Te(s.mode), g = pe(), p = y, r = A({}), x = O(() => r?.value ? s.view !== "inline" ? r?.value : Object.fromEntries(Object.entries(r?.value).slice(s.limit)) : {}), {
+    const t = le(), s = m, o = Te(s.mode), g = pe(), p = y, r = A({}), x = K(() => r?.value ? s.view !== "inline" ? r?.value : Object.fromEntries(Object.entries(r?.value).slice(s.limit)) : {}), {
       activeFilter: c,
       activeFilterCount: v,
       onFilterChange: f,
@@ -2633,30 +2633,30 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
       ...s,
       schema: r,
       slots: g
-    }, p), a = O(() => s.badgeCount ?? v.value);
-    function b(M) {
-      return Array.isArray(M) ? M.filter(($) => $ != null && $ !== "").length : M && typeof M == "object" ? Object.values(M).filter(($) => $ != null && $ !== "").length : M === null || M !== void 0 && M !== "" ? 1 : 0;
+    }, p), a = K(() => s.badgeCount ?? v.value);
+    function b(L) {
+      return Array.isArray(L) ? L.filter(($) => $ != null && $ !== "").length : L && typeof L == "object" ? Object.values(L).filter(($) => $ != null && $ !== "").length : L === null || L !== void 0 && L !== "" ? 1 : 0;
     }
-    function h(M) {
-      return c.value ? b(c.value[M]) : 0;
+    function h(L) {
+      return c.value ? b(c.value[L]) : 0;
     }
-    function K() {
+    function M() {
       if (x.value) {
-        const [M] = Object.keys(x.value);
-        i.value = M;
+        const [L] = Object.keys(x.value);
+        i.value = L;
       } else V.value.length > 0 ? i.value = V.value[0].props.name : i.value = "";
     }
     return T(
       () => s.schema,
-      (M) => {
-        r.value = M ?? {};
+      (L) => {
+        r.value = L ?? {};
       },
       { deep: !0, immediate: !0 }
     ), n({
       clearFilter: k,
       clearAllFilters: _
-    }), (M, $) => (u(), I(ro, {
-      onOpen: K,
+    }), (L, $) => (u(), I(ro, {
+      onOpen: M,
       onClose: $[5] || ($[5] = (S) => i.value = "")
     }, {
       trigger: ne(() => [
@@ -2664,8 +2664,8 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
-          class: E([
-            M.itemClass,
+          class: O([
+            L.itemClass,
             e(o),
             "flex items-center justify-between gap-2",
             a.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600 hover:border-blue-500" : "text-neutral-700 hover:border-neutral-400"
@@ -2686,12 +2686,12 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
               d("p", yo, B(e(t)("filter.selectFieldHelp")), 1)
             ]),
             d("div", go, [
-              M.schema ? (u(!0), w(U, { key: 0 }, X(Object.entries(x.value), ([S, F]) => (u(), w("button", {
+              L.schema ? (u(!0), w(U, { key: 0 }, X(Object.entries(x.value), ([S, F]) => (u(), w("button", {
                 key: S,
                 onClick: () => {
                   i.value = S;
                 },
-                class: E([
+                class: O([
                   "flex w-full items-center justify-between px-3 py-2 text-left transition-colors hover:bg-gray-50",
                   e(i) === S ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
                 ])
@@ -2704,7 +2704,7 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
               (u(!0), w(U, null, X(e(V), (S, F) => (u(), w("button", {
                 key: "slot-" + F,
                 onClick: (D) => i.value = S.props.name,
-                class: E([
+                class: O([
                   "flex items-center justify-between px-3 py-2 text-left transition-colors hover:bg-gray-50",
                   e(i) === S.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
                 ])
@@ -2717,7 +2717,7 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
             ]),
             e(v) > 0 ? (u(), w("div", $o, [
               d("button", {
-                class: E([M.itemClass, "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors"]),
+                class: O([L.itemClass, "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors"]),
                 onClick: $[0] || ($[0] = (S) => e(_)()),
                 "data-inside-popover": ""
               }, " Очистити всі ", 2)
@@ -2736,8 +2736,8 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
                   ref_key: "filterRef",
                   ref: l
                 }, { ref_for: !0 }, F, {
-                  class: [M.itemClass, F?.class],
-                  "item-class": [M.itemClass, F?.itemClass].filter(Boolean).join(" ") || void 0,
+                  class: [L.itemClass, F?.class],
+                  "item-class": [L.itemClass, F?.itemClass].filter(Boolean).join(" ") || void 0,
                   onChange: $[1] || ($[1] = (D) => e(f)(D.name, D.value)),
                   onClear: $[2] || ($[2] = (D) => {
                     e(k)(D), e(f)(D, void 0);
@@ -2757,8 +2757,8 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
                   ref_for: !0,
                   ref_key: "filterRef",
                   ref: l,
-                  class: [M.itemClass, S.props?.class],
-                  "item-class": [M.itemClass, S.props?.itemClass].filter(Boolean).join(" ") || void 0,
+                  class: [L.itemClass, S.props?.class],
+                  "item-class": [L.itemClass, S.props?.itemClass].filter(Boolean).join(" ") || void 0,
                   onChange: $[3] || ($[3] = (D) => e(f)(D.name, D.value)),
                   onClear: $[4] || ($[4] = (D) => {
                     e(k)(D), e(f)(D, void 0);
@@ -2792,7 +2792,7 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
   },
   emits: ["change", "clear", "clearAll"],
   setup(m, { expose: n, emit: y }) {
-    const t = le(), s = m, o = y, g = pe(), p = A({}), r = O(() => Object.keys(s.schema).length > s.limit), {
+    const t = le(), s = m, o = y, g = pe(), p = A({}), r = K(() => Object.keys(s.schema).length > s.limit), {
       activeFilter: x,
       activeFilterCount: c,
       onFilterChange: v,
@@ -2812,15 +2812,15 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
     function l($) {
       return Array.isArray($) ? $.some((S) => S !== "" && S !== void 0 && S !== null) : $ === null ? !0 : $ && typeof $ == "object" ? Object.values($).some((S) => S !== "" && S !== void 0 && S !== null) : $ !== "" && $ !== void 0;
     }
-    const a = O(() => {
+    const a = K(() => {
       const $ = Object.keys(_.value ?? {}), S = i.value.map((F) => F.props?.name).filter((F) => typeof F == "string");
       return /* @__PURE__ */ new Set([...$, ...S]);
-    }), b = O(() => Object.entries(x.value ?? {}).filter(([$, S]) => a.value.has($) && l(S)).length), h = O(() => {
+    }), b = K(() => Object.entries(x.value ?? {}).filter(([$, S]) => a.value.has($) && l(S)).length), h = K(() => {
       const $ = c.value ?? 0, S = b.value ?? 0;
       return Math.max($ - S, 0);
-    }), K = A();
-    function M() {
-      K.value && K.value.clearAllFilters(!0), k();
+    }), M = A();
+    function L() {
+      M.value && M.value.clearAllFilters(!0), k();
     }
     return T(
       () => s.schema,
@@ -2868,7 +2868,7 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
         onClear: S[5] || (S[5] = (F) => e(f)(F.name)),
         mode: $.mode,
         ref_key: "popoverRef",
-        ref: K,
+        ref: M,
         cleanable: !0,
         "badge-count": h.value
       }), {
@@ -2882,8 +2882,8 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
       }, 16, ["schema", "limit", "mode", "badge-count"])) : C("", !0),
       e(c) > 0 ? (u(), w("button", {
         key: 2,
-        onClick: M,
-        class: E([$.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"])
+        onClick: L,
+        class: O([$.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(t)("filter.clear")), 3)) : C("", !0)
     ]));
   }
@@ -2929,7 +2929,7 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
-          class: E([f.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: O([f.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)) : C("", !0),
         f.schema ? (u(!0), w(U, { key: 1 }, X(Object.entries(f.schema), ([_, V]) => (u(), I(te, J({ layout: "vertical" }, { ref_for: !0 }, V, {
@@ -2997,10 +2997,10 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
         slots: g
       },
       s
-    ), k = A(null), _ = A(null), V = qe({ open: !1, top: 0, left: 0 }), i = O(() => V.open), l = O(() => !!t.disabled), a = O(() => o.value || {}), b = O(() => t.title ?? "Фільтр"), h = O(() => !!g.trigger), K = O(() => [
+    ), k = A(null), _ = A(null), V = qe({ open: !1, top: 0, left: 0 }), i = K(() => V.open), l = K(() => !!t.disabled), a = K(() => o.value || {}), b = K(() => t.title ?? "Фільтр"), h = K(() => !!g.trigger), M = K(() => [
       "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",
       l.value ? "cursor-not-allowed opacity-60" : "cursor-pointer"
-    ]), M = O(() => V.open ? {
+    ]), L = K(() => V.open ? {
       position: "absolute",
       top: `${V.top}px`,
       left: `${V.left}px`,
@@ -3039,9 +3039,9 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
           return;
         }
         if (Array.isArray(z)) {
-          const j = z.filter((L) => L && (L.name || L.id)).map((L) => {
-            const P = L.name || L.id;
-            return [P, { ...L, name: P }];
+          const j = z.filter((E) => E && (E.name || E.id)).map((E) => {
+            const P = E.name || E.id;
+            return [P, { ...E, name: P }];
           });
           o.value = Object.fromEntries(j);
           return;
@@ -3061,7 +3061,7 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
     }, [
       h.value ? (u(), w("span", {
         key: 0,
-        class: E(["inline-flex", l.value ? "cursor-not-allowed opacity-60 pointer-events-none" : "cursor-pointer"]),
+        class: O(["inline-flex", l.value ? "cursor-not-allowed opacity-60 pointer-events-none" : "cursor-pointer"]),
         role: "button",
         tabindex: "0",
         "data-popover-trigger": "",
@@ -3079,7 +3079,7 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
         })
       ], 42, Ko)) : (u(), w("button", {
         key: 1,
-        class: E(K.value),
+        class: O(M.value),
         type: "button",
         disabled: l.value,
         onClick: se(D, ["prevent", "stop"]),
@@ -3091,8 +3091,8 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
       (u(), I(ge, { to: "body" }, [
         i.value ? (u(), w("div", {
           key: 0,
-          class: E(["absolute", typeof z.width == "number" ? `min-w-[${z.width + 32 + (Object.keys(a.value).length > 7 ? 20 : 0)}px]` : "min-w-[268px] "]),
-          style: be(M.value),
+          class: O(["absolute", typeof z.width == "number" ? `min-w-[${z.width + 32 + (Object.keys(a.value).length > 7 ? 20 : 0)}px]` : "min-w-[268px] "]),
+          style: be(L.value),
           ref_key: "panel",
           ref: _,
           onClick: j[4] || (j[4] = se(() => {
@@ -3113,27 +3113,27 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
               ])
             ]),
             d("div", Uo, [
-              Object.keys(a.value).length ? (u(!0), w(U, { key: 0 }, X(Object.entries(a.value), ([L, P]) => (u(), I(te, J({ key: L }, { ref_for: !0 }, { ...P, layout: "inline" }, {
+              Object.keys(a.value).length ? (u(!0), w(U, { key: 0 }, X(Object.entries(a.value), ([E, P]) => (u(), I(te, J({ key: E }, { ref_for: !0 }, { ...P, layout: "inline" }, {
                 width: z.width ? z.width : P?.width,
                 class: [z.itemClass, P?.class],
                 "item-class": [z.itemClass, P?.itemClass].filter(Boolean).join(" ") || void 0,
                 cleanable: !0,
-                modelValue: e(p)[L],
-                "onUpdate:modelValue": (Y) => e(p)[L] = Y,
+                modelValue: e(p)[E],
+                "onUpdate:modelValue": (Y) => e(p)[E] = Y,
                 onChange: j[0] || (j[0] = (Y) => e(x)(Y.name, Y.value)),
                 onClear: j[1] || (j[1] = (Y) => {
                   e(c)(Y), e(x)(Y, void 0);
                 })
               }), null, 16, ["width", "class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)) : C("", !0),
-              (u(!0), w(U, null, X(e(f), (L, P) => (u(), I(te, J({
+              (u(!0), w(U, null, X(e(f), (E, P) => (u(), I(te, J({
                 key: "slot-" + P,
                 ref_for: !0
-              }, { ...L.props, layout: "inline" }, {
-                class: [z.itemClass, L.props?.class],
-                "item-class": [z.itemClass, L.props?.itemClass].filter(Boolean).join(" ") || void 0,
+              }, { ...E.props, layout: "inline" }, {
+                class: [z.itemClass, E.props?.class],
+                "item-class": [z.itemClass, E.props?.itemClass].filter(Boolean).join(" ") || void 0,
                 cleanable: !0,
-                modelValue: e(p)[L.props.name],
-                "onUpdate:modelValue": (Y) => e(p)[L.props.name] = Y,
+                modelValue: e(p)[E.props.name],
+                "onUpdate:modelValue": (Y) => e(p)[E.props.name] = Y,
                 onChange: j[2] || (j[2] = (Y) => e(x)(Y.name, Y.value)),
                 onClear: j[3] || (j[3] = (Y) => {
                   e(c)(Y), e(x)(Y, void 0);
@@ -3143,7 +3143,7 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
             e(r) > 0 ? (u(), w("div", zo, [
               d("button", {
                 type: "button",
-                class: E([z.itemClass, "text-sm font-semibold text-blue-600 transition-colors hover:text-blue-700 focus:outline-none"]),
+                class: O([z.itemClass, "text-sm font-semibold text-blue-600 transition-colors hover:text-blue-700 focus:outline-none"]),
                 onClick: N
               }, B(e(y)("filter.clear")), 3)
             ])) : C("", !0)