@opengis/filter 0.1.24 → 0.1.25

package/dist/index.js

@@ -1,10 +1,10 @@
-import { createElementBlock as w, openBlock as i, createElementVNode as c, defineComponent as Y, ref as $, computed as E, withModifiers as se, normalizeClass as L, createCommentVNode as C, toDisplayString as S, createVNode as W, watch as O, createStaticVNode as Ne, Fragment as _, renderList as X, unref as e, createBlock as I, createTextVNode as Q, withDirectives as q, vShow as Z, getCurrentInstance as Pe, vModelText as ne, onBeforeUnmount as pe, onMounted as de, isRef as Ye, Teleport as ge, normalizeStyle as be, renderSlot as ce, nextTick as fe, withCtx as oe, resolveDynamicComponent as re, mergeProps as J, toRaw as ue, cloneVNode as We, useSlots as me, reactive as qe, withKeys as Ae, createSlots as Qe, normalizeProps as He, guardReactiveProps as Ge } from "vue";
-import { notify as Se } from "@opengis/core";
-const ee = (t, o) => {
-  const v = t.__vccOpts || t;
-  for (const [l, r] of o)
-    v[l] = r;
-  return v;
+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 { notify as Ae } from "@opengis/core";
+const ee = (m, n) => {
+  const y = m.__vccOpts || m;
+  for (const [t, s] of n)
+    y[t] = s;
+  return y;
 }, Xe = {}, Je = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
@@ -17,16 +17,16 @@ const ee = (t, o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-reload absolute inline mr-1 text-gray-800 transition-all cursor-pointer active:rotate-90 right-1 top-1 hover:text-blue-500"
 };
-function Ze(t, o) {
-  return i(), w("svg", Je, [...o[0] || (o[0] = [
-    c("path", {
+function Ze(m, n) {
+  return u(), w("svg", Je, n[0] || (n[0] = [
+    d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    c("path", { d: "M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747" }, null, -1),
-    c("path", { d: "M20 4v5h-5" }, null, -1)
-  ])]);
+    d("path", { d: "M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747" }, null, -1),
+    d("path", { d: "M20 4v5h-5" }, null, -1)
+  ]));
 }
 const et = /* @__PURE__ */ ee(Xe, [["render", Ze]]), tt = {}, lt = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -40,12 +40,12 @@ const et = /* @__PURE__ */ ee(Xe, [["render", Ze]]), tt = {}, lt = {
   "stroke-linejoin": "round",
   class: "text-blue-600 w-[16px] h-[16px]"
 };
-function at(t, o) {
-  return i(), w("svg", lt, [...o[0] || (o[0] = [
-    c("path", { d: "M20 6 9 17l-5-5" }, null, -1)
-  ])]);
+function ot(m, n) {
+  return u(), w("svg", lt, n[0] || (n[0] = [
+    d("path", { d: "M20 6 9 17l-5-5" }, null, -1)
+  ]));
 }
-const ae = /* @__PURE__ */ ee(tt, [["render", at]]), nt = { class: "flex items-center justify-between w-full text-sm" }, ot = { class: "flex items-center cursor-pointer w-full" }, rt = {
+const oe = /* @__PURE__ */ ee(tt, [["render", ot]]), at = { class: "flex items-center justify-between w-full text-sm" }, nt = { class: "flex items-center cursor-pointer w-full" }, rt = {
   key: 0,
   width: "16",
   height: "auto",
@@ -53,10 +53,10 @@ const ae = /* @__PURE__ */ ee(tt, [["render", at]]), nt = { class: "flex items-c
 }, st = ["value"], it = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, ut = {
   key: 0,
   class: "text-xs text-gray-500 dark:text-neutral-500 pr-1"
-}, ct = {
+}, dt = {
   key: 1,
   class: "absolute right-2 flex size-3.5 items-center justify-center"
-}, xe = /* @__PURE__ */ Y({
+}, he = /* @__PURE__ */ W({
   __name: "list-item",
   props: {
     layout: {},
@@ -69,50 +69,50 @@ const ae = /* @__PURE__ */ ee(tt, [["render", at]]), nt = { class: "flex items-c
     highlighted: { type: Boolean }
   },
   emits: ["itemClick"],
-  setup(t, { expose: o, emit: v }) {
-    const l = t, r = v;
-    function n() {
-      r("itemClick", l.value);
+  setup(m, { expose: n, emit: y }) {
+    const t = m, s = y;
+    function o() {
+      s("itemClick", t.value);
     }
-    const y = $(null), f = E(() => l.layout === "inline" && l.type === "radio");
-    return o({ el: y }), (s, h) => (i(), w("div", {
+    const g = A(null), p = O(() => 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",
-      ref: y
+      ref: g
     }, [
-      c("div", nt, [
-        c("div", ot, [
-          c("label", {
+      d("div", at, [
+        d("div", nt, [
+          d("label", {
             for: "radio-9740",
-            class: L([
-              ["inline", "popover"].includes(t.layout) ? "text-sm text-gray-500 px-2 w-full py-2 cursor-pointer !flex flex-row items-center" : "flex flex-row items-center w-full px-2 py-2 text-sm text-gray-500 cursor-pointer",
-              { "bg-blue-100": t.highlighted, relative: f.value }
+            class: E([
+              ["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 }
             ]),
-            onClick: se(n, ["stop", "prevent"])
+            onClick: se(o, ["stop", "prevent"])
           }, [
-            f.value ? C("", !0) : (i(), w("div", {
+            p.value ? C("", !0) : (u(), w("div", {
               key: 0,
-              class: L(["w-[18px] h-[18px] border flex items-center justify-center", [
-                t.type === "checkbox" ? "rounded-[4px]" : "rounded-full",
-                t.color ? `bg-[${t.color}] border-[#ffffff]` : t.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
+              class: E(["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]"
               ]])
             }, [
-              t.isSelected ? (i(), w("img", rt)) : C("", !0)
+              r.isSelected ? (u(), w("img", rt)) : C("", !0)
             ], 2)),
-            c("input", {
+            d("input", {
               type: "checkbox",
               class: "hidden",
               id: "radio-9740",
-              value: t.value
+              value: r.value
             }, null, 8, st),
-            c("div", {
-              class: L(["flex flex-1 flex-row items-center justify-between", f.value ? "pl-1 pr-6" : "w-[calc(100%-18px)] pl-[10px]"])
+            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]"])
             }, [
-              c("span", it, S(t.label ?? "Відсутні дані"), 1),
-              t.count ? (i(), w("div", ut, " (" + S(t.count) + ") ", 1)) : C("", !0)
+              d("span", it, B(r.label ?? "Відсутні дані"), 1),
+              r.count ? (u(), w("div", ut, " (" + B(r.count) + ") ", 1)) : C("", !0)
             ], 2),
-            f.value && t.isSelected ? (i(), w("span", ct, [
-              W(ae)
+            p.value && r.isSelected ? (u(), w("span", dt, [
+              q(oe)
             ])) : C("", !0)
           ], 2)
         ])
@@ -120,70 +120,70 @@ const ae = /* @__PURE__ */ ee(tt, [["render", at]]), nt = { class: "flex items-c
     ], 512));
   }
 });
-function he(t, o) {
+function xe(m, n) {
   const {
-    options: v = [],
-    limit: l = 20
-  } = t;
-  function r(g) {
-    return Array.isArray(g) ? g[0] : g;
-  }
-  const n = $(r(t.modelValue)), y = $(""), f = $(!1), s = $([]), h = $("id"), m = $("text"), p = $(!1), b = $(t.layout !== "popover" && v.length > l);
-  function k(g) {
-    const x = g.find(Boolean) ?? {}, M = ["id", "value", "code", "key"].find((j) => j in x) ?? "id", U = ["text", "label", "name", "title"].find((j) => j in x) ?? "text";
-    return { autoValueKey: M, autoLabelKey: U };
-  }
-  if (v.length > 0) {
-    const g = k(v);
-    h.value = g.autoValueKey, m.value = g.autoLabelKey;
-  }
-  const V = E(() => {
-    const g = s.value;
-    return t.layout === "popover" || p.value ? g : g.slice(0, l);
+    options: y = [],
+    limit: t = 20
+  } = m;
+  function s(b) {
+    return Array.isArray(b) ? b[0] : b;
+  }
+  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 };
+  }
+  if (y.length > 0) {
+    const b = k(y);
+    x.value = b.autoValueKey, c.value = b.autoLabelKey;
+  }
+  const _ = O(() => {
+    const b = r.value;
+    return m.layout === "popover" || v.value ? b : b.slice(0, t);
   });
-  O(() => t.modelValue, (g) => {
-    n.value = r(g);
-  }, { immediate: !0 }), s.value = [...v].sort((g, x) => t.sort === "count" ? x.count && g.count ? x.count - g.count : 0 : t.sort === "name" ? String(g[m.value] ?? "").localeCompare(String(x[m.value] ?? "")) : 0);
-  function A(g) {
-    return n.value === g[h.value];
+  T(() => m.modelValue, (b) => {
+    o.value = s(b);
+  }, { immediate: !0 }), r.value = [...y].sort((b, h) => m.sort === "count" ? h.count && b.count ? h.count - b.count : 0 : m.sort === "name" ? String(b[c.value] ?? "").localeCompare(String(h[c.value] ?? "")) : 0);
+  function V(b) {
+    return o.value === b[x.value];
   }
-  function d(g) {
-    n.value = g[h.value], o("update:modelValue", n.value), o("change", { name: t.name, value: n.value });
+  function i(b) {
+    o.value = b[x.value], n("update:modelValue", o.value), n("change", { name: m.name, value: o.value });
   }
-  function a() {
-    n.value = void 0, o("update:modelValue", n.value), o("clear", t.name);
+  function l() {
+    o.value = void 0, n("update:modelValue", o.value), n("clear", m.name);
   }
-  function u() {
-    p.value = !p.value;
+  function a() {
+    v.value = !v.value;
   }
   return {
-    innerValue: n,
-    searchTerm: y,
-    filteredOptions: V,
-    isSelected: A,
-    selectItem: d,
-    clear: a,
-    toggleShowAll: u,
-    isReqProc: f,
-    showAll: p,
-    isEnableShowAll: b,
-    labelKey: m,
-    valueKey: h,
-    allOptions: s
+    innerValue: o,
+    searchTerm: g,
+    filteredOptions: _,
+    isSelected: V,
+    selectItem: i,
+    clear: l,
+    toggleShowAll: a,
+    isReqProc: p,
+    showAll: v,
+    isEnableShowAll: f,
+    labelKey: c,
+    valueKey: x,
+    allOptions: r
   };
 }
-const dt = {}, ft = {
+const ct = {}, ft = {
   class: "w-48 mx-auto",
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function mt(t, o) {
-  return i(), w("svg", ft, [...o[0] || (o[0] = [
+function pt(m, n) {
+  return u(), w("svg", ft, n[0] || (n[0] = [
     Ne('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
-  ])]);
+  ]));
 }
-const we = /* @__PURE__ */ ee(dt, [["render", mt]]), pt = {}, vt = {
+const we = /* @__PURE__ */ ee(ct, [["render", pt]]), mt = {}, vt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -195,17 +195,17 @@ const we = /* @__PURE__ */ ee(dt, [["render", mt]]), pt = {}, vt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate"
 };
-function yt(t, o) {
-  return i(), w("svg", vt, [...o[0] || (o[0] = [
-    c("path", {
+function yt(m, n) {
+  return u(), w("svg", vt, n[0] || (n[0] = [
+    d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    c("path", { d: "M6 9l6 6l6 -6" }, null, -1)
-  ])]);
+    d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
 }
-const ve = /* @__PURE__ */ ee(pt, [["render", yt]]), gt = {}, bt = {
+const ve = /* @__PURE__ */ ee(mt, [["render", yt]]), gt = {}, bt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -217,17 +217,17 @@ const ve = /* @__PURE__ */ ee(pt, [["render", yt]]), gt = {}, bt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate-[180deg]"
 };
-function xt(t, o) {
-  return i(), w("svg", bt, [...o[0] || (o[0] = [
-    c("path", {
+function ht(m, n) {
+  return u(), w("svg", bt, n[0] || (n[0] = [
+    d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    c("path", { d: "M6 9l6 6l6 -6" }, null, -1)
-  ])]);
+    d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
 }
-const ke = /* @__PURE__ */ ee(gt, [["render", xt]]), ht = {
+const ke = /* @__PURE__ */ ee(gt, [["render", ht]]), xt = {
   key: 0,
   class: "w-full"
 }, wt = { class: "flex flex-col items-center justify-center p-5 text-center" }, kt = {
@@ -236,7 +236,7 @@ const ke = /* @__PURE__ */ ee(gt, [["render", xt]]), ht = {
 }, Ct = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, Vt = /* @__PURE__ */ Y({
+}, Vt = /* @__PURE__ */ W({
   __name: "radio",
   props: {
     id: {},
@@ -265,161 +265,161 @@ const ke = /* @__PURE__ */ ee(gt, [["render", xt]]), ht = {
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: v }) {
-    const l = t, r = $(null), n = v, {
-      innerValue: y,
-      filteredOptions: f,
-      isSelected: s,
-      selectItem: h,
-      clear: m,
-      toggleShowAll: p,
-      isReqProc: b,
+  setup(m, { expose: n, emit: y }) {
+    const t = m, s = A(null), o = y, {
+      innerValue: g,
+      filteredOptions: p,
+      isSelected: r,
+      selectItem: x,
+      clear: c,
+      toggleShowAll: v,
+      isReqProc: f,
       showAll: k,
-      isEnableShowAll: V,
-      labelKey: A,
-      valueKey: d,
-      allOptions: a
-    } = he({
-      ...l,
-      modelValue: l.modelValue ?? l.default ?? ""
-    }, n);
-    return o({
-      clear: m,
-      inputTextRef: r
-    }), O(
-      () => l.modelValue,
-      (u) => {
-        u === void 0 && (y.value = void 0);
+      isEnableShowAll: _,
+      labelKey: V,
+      valueKey: i,
+      allOptions: l
+    } = xe({
+      ...t,
+      modelValue: t.modelValue ?? t.default ?? ""
+    }, o);
+    return n({
+      clear: c,
+      inputTextRef: s
+    }), T(
+      () => t.modelValue,
+      (a) => {
+        a === void 0 && (g.value = void 0);
       }
-    ), (u, g) => (i(), w("div", {
-      class: L([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
+    ), (a, b) => (u(), w("div", {
+      class: E([a.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
     }, [
-      c("div", {
-        class: L([
-          t.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
-          t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+      d("div", {
+        class: E([
+          a.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
+          a.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (i(!0), w(_, null, X(e(f), (x) => (i(), I(xe, {
-          layout: t.layout,
-          key: x[e(d)],
-          count: x.count,
-          label: x[e(A)],
-          color: x.color,
+        (u(!0), w(U, null, X(e(p), (h) => (u(), I(he, {
+          layout: a.layout,
+          key: h[e(i)],
+          count: h.count,
+          label: h[e(V)],
+          color: h.color,
           type: "radio",
-          value: x[e(d)],
-          "is-selected": e(s)(x),
-          onItemClick: (M) => e(h)(x)
+          value: h[e(i)],
+          "is-selected": e(r)(h),
+          onItemClick: (K) => e(x)(h)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
       ], 2),
-      t.type === "select" && e(f).length === 0 && !e(b) ? (i(), w("div", ht, [
-        c("div", wt, [
-          W(we),
-          g[4] || (g[4] = c("div", { class: "max-w-sm mx-auto mt-6" }, [
-            c("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
-            c("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
+      a.type === "select" && e(p).length === 0 && !e(f) ? (u(), w("div", xt, [
+        d("div", wt, [
+          q(we),
+          b[4] || (b[4] = d("div", { class: "max-w-sm mx-auto mt-6" }, [
+            d("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
+            d("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
           ], -1))
         ])
       ])) : C("", !0),
-      t.layout !== "popover" && t.type !== "select" ? (i(), w(_, { key: 1 }, [
-        !e(k) && e(V) ? (i(), w("div", {
+      a.layout !== "popover" && a.type !== "select" ? (u(), w(U, { key: 1 }, [
+        !e(k) && e(_) ? (u(), w("div", {
           key: 0,
-          onClick: g[0] || (g[0] = //@ts-ignore
-          (...x) => e(p) && e(p)(...x)),
+          onClick: b[0] || (b[0] = //@ts-ignore
+          (...h) => e(v) && e(v)(...h)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          g[5] || (g[5] = Q(" Показати більше ", -1)),
-          W(ve)
+          b[5] || (b[5] = Q(" Показати більше ", -1)),
+          q(ve)
         ])) : C("", !0),
-        e(k) ? (i(), w("div", {
+        e(k) ? (u(), w("div", {
           key: 1,
-          onClick: g[1] || (g[1] = //@ts-ignore
-          (...x) => e(p) && e(p)(...x)),
+          onClick: b[1] || (b[1] = //@ts-ignore
+          (...h) => e(v) && e(v)(...h)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          g[6] || (g[6] = Q(" Показати менше ", -1)),
-          W(ke)
+          b[6] || (b[6] = Q(" Показати менше ", -1)),
+          q(ke)
         ])) : C("", !0)
       ], 64)) : C("", !0),
-      t.cleanable ? (i(), w(_, { key: 2 }, [
-        t.layout === "inline" ? (i(), w("div", kt, [
-          Q(S(e(y) || e(y) === null ? 1 : 0) + " з " + S(e(a).length) + " обрано ", 1),
-          q(c("button", {
+      a.cleanable ? (u(), w(U, { key: 2 }, [
+        a.layout === "inline" ? (u(), w("div", kt, [
+          Q(B(e(g) || e(g) === null ? 1 : 0) + " з " + B(e(l).length) + " обрано ", 1),
+          H(d("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: g[2] || (g[2] = //@ts-ignore
-            (...x) => e(m) && e(m)(...x))
+            onClick: b[2] || (b[2] = //@ts-ignore
+            (...h) => e(c) && e(c)(...h))
           }, " Очистити ", 512), [
-            [Z, e(y) !== "" && e(y) !== void 0]
+            [Z, e(g) !== "" && e(g) !== void 0]
           ])
         ])) : C("", !0),
-        t.layout === "popover" ? (i(), w("div", Ct, [
-          c("span", null, S(e(y) || e(y) === null ? 1 : 0) + " з " + S(e(a).length) + " обрано", 1),
-          q(c("button", {
+        a.layout === "popover" ? (u(), w("div", Ct, [
+          d("span", null, B(e(g) || e(g) === null ? 1 : 0) + " з " + B(e(l).length) + " обрано", 1),
+          H(d("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: g[3] || (g[3] = //@ts-ignore
-            (...x) => e(m) && e(m)(...x))
+            onClick: b[3] || (b[3] = //@ts-ignore
+            (...h) => e(c) && e(c)(...h))
           }, " Очистити ", 512), [
-            [Z, e(y) !== "" && e(y) !== void 0]
+            [Z, e(g) !== "" && e(g) !== void 0]
           ])
         ])) : C("", !0)
       ], 64)) : C("", !0)
     ], 2));
   }
 });
-function Le(t, o) {
+function Me(m, n) {
   const {
-    options: v = [],
-    limit: l = 20
-  } = t;
-  function r(g) {
-    return Array.isArray(g) ? g : g ? [g] : [];
-  }
-  const n = $(r(t.modelValue)), y = $(""), f = $(!1), s = $([]), h = $("id"), m = $("text"), p = $(!1), b = $(t.layout !== "popover" && v.length > l);
-  function k(g) {
-    const x = g.find(Boolean) ?? {}, M = ["id", "value", "code", "key"].find((j) => j in x) ?? "id", U = ["text", "label", "name", "title"].find((j) => j in x) ?? "text";
-    return { autoValueKey: M, autoLabelKey: U };
-  }
-  if (v.length > 0) {
-    const g = k(v);
-    h.value = g.autoValueKey, m.value = g.autoLabelKey;
-  }
-  const V = E(() => {
-    const g = s.value;
-    return t.layout === "popover" || p.value ? g : g.slice(0, l);
+    options: y = [],
+    limit: t = 20
+  } = m;
+  function s(b) {
+    return Array.isArray(b) ? b : b ? [b] : [];
+  }
+  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 };
+  }
+  if (y.length > 0) {
+    const b = k(y);
+    x.value = b.autoValueKey, c.value = b.autoLabelKey;
+  }
+  const _ = O(() => {
+    const b = r.value;
+    return m.layout === "popover" || v.value ? b : b.slice(0, t);
   });
-  O(() => t.modelValue, (g) => {
-    n.value = r(g);
-  }, { immediate: !0 }), s.value = [...v].sort((g, x) => t.sort === "count" ? x.count && g.count ? x.count - g.count : 0 : t.sort === "name" ? String(g[m.value]).localeCompare(String(x[m.value])) : 0);
-  function A(g) {
-    return n.value && n.value.includes(g[h.value]);
+  T(() => m.modelValue, (b) => {
+    o.value = s(b);
+  }, { immediate: !0 }), r.value = [...y].sort((b, h) => m.sort === "count" ? h.count && b.count ? h.count - b.count : 0 : m.sort === "name" ? String(b[c.value]).localeCompare(String(h[c.value])) : 0);
+  function V(b) {
+    return o.value && o.value.includes(b[x.value]);
   }
-  function d(g) {
-    const x = n.value.includes(g[h.value]);
-    n.value = x ? n.value.filter((M) => M !== g[h.value]) : [...n.value, g[h.value]], o("update:modelValue", n.value), o("change", { name: t.name, value: n.value });
+  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 });
   }
-  function a() {
-    n.value = [], o("update:modelValue", n.value), o("clear", t.name);
+  function l() {
+    o.value = [], n("update:modelValue", o.value), n("clear", m.name);
   }
-  function u() {
-    p.value = !p.value;
+  function a() {
+    v.value = !v.value;
   }
   return {
-    innerValue: n,
-    searchTerm: y,
-    filteredOptions: V,
-    isSelected: A,
-    selectItem: d,
-    clear: a,
-    toggleShowAll: u,
-    isReqProc: f,
-    showAll: p,
-    isEnableShowAll: b,
-    labelKey: m,
-    valueKey: h,
-    allOptions: s
+    innerValue: o,
+    searchTerm: g,
+    filteredOptions: _,
+    isSelected: V,
+    selectItem: i,
+    clear: l,
+    toggleShowAll: a,
+    isReqProc: p,
+    showAll: v,
+    isEnableShowAll: f,
+    labelKey: c,
+    valueKey: x,
+    allOptions: r
   };
 }
-const Be = {
+const Se = {
   en: {
     apply: "Apply",
     search: "Search",
@@ -463,29 +463,29 @@ const Be = {
     selectFieldHelp: "Оберіть поле, щоб розпочати створення фільтра."
   }
 };
-function je(t) {
-  const o = t.split(".")[1], v = typeof window < "u" && window.localStorage ? localStorage.locale : null;
-  return (Be[v || navigator.language] || Be.uk)[o];
+function Be(m) {
+  const n = m.split(".")[1], y = typeof window < "u" && window.localStorage ? localStorage.locale : null;
+  return (Se[y || navigator.language] || Se.uk)[n];
 }
 function le() {
-  const t = Pe();
-  if (!t.appContext.config.globalProperties.$i18n) return je;
-  const o = t.appContext.config.globalProperties.$t;
-  return (v) => {
-    const l = o(v);
-    return l === v ? je(v) : l;
+  const m = Pe();
+  if (!m.appContext.config.globalProperties.$i18n) return Be;
+  const n = m.appContext.config.globalProperties.$t;
+  return (y) => {
+    const t = n(y);
+    return t === y ? Be(y) : t;
   };
 }
-const $t = {
+const _t = {
   key: 0,
   class: "w-full"
-}, At = { class: "flex flex-col items-center justify-center p-5 text-center" }, St = { class: "max-w-sm mx-auto mt-6" }, Bt = { class: "font-medium text-gray-800 dark:text-neutral-200" }, jt = {
+}, $t = { class: "flex flex-col items-center justify-center p-5 text-center" }, At = { class: "max-w-sm mx-auto mt-6" }, St = { class: "font-medium text-gray-800 dark:text-neutral-200" }, Bt = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, Dt = {
+}, jt = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, De = /* @__PURE__ */ Y({
+}, je = /* @__PURE__ */ W({
   __name: "checkbox",
   props: {
     id: {},
@@ -514,105 +514,105 @@ const $t = {
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: v }) {
-    const l = le(), r = t, n = v, {
-      innerValue: y,
-      filteredOptions: f,
-      isSelected: s,
-      selectItem: h,
-      clear: m,
-      toggleShowAll: p,
-      isReqProc: b,
+  setup(m, { expose: n, emit: y }) {
+    const t = le(), s = m, o = y, {
+      innerValue: g,
+      filteredOptions: p,
+      isSelected: r,
+      selectItem: x,
+      clear: c,
+      toggleShowAll: v,
+      isReqProc: f,
       showAll: k,
-      isEnableShowAll: V,
-      labelKey: A,
-      valueKey: d,
-      allOptions: a
-    } = Le({
-      ...r,
-      modelValue: r.modelValue
-    }, n);
-    return O(
-      () => r.modelValue,
-      (u) => {
-        u === void 0 && (y.value = []);
+      isEnableShowAll: _,
+      labelKey: V,
+      valueKey: i,
+      allOptions: l
+    } = Me({
+      ...s,
+      modelValue: s.modelValue
+    }, o);
+    return T(
+      () => s.modelValue,
+      (a) => {
+        a === void 0 && (g.value = []);
       }
-    ), o({
-      clear: m
-    }), (u, g) => (i(), w("div", {
-      class: L([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+    ), 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"])
     }, [
-      c("div", {
-        class: L([
-          t.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
-          t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+      d("div", {
+        class: E([
+          a.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
+          a.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (i(!0), w(_, null, X(e(f), (x) => (i(), I(xe, {
-          layout: t.layout,
-          count: x.count,
-          label: x[e(A)],
-          color: x.color,
+        (u(!0), w(U, null, X(e(p), (h) => (u(), I(he, {
+          layout: a.layout,
+          count: h.count,
+          label: h[e(V)],
+          color: h.color,
           type: "checkbox",
-          value: x[e(d)],
-          "is-selected": e(s)(x),
-          onItemClick: (M) => e(h)(x)
+          value: h[e(i)],
+          "is-selected": e(r)(h),
+          onItemClick: (K) => e(x)(h)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
       ], 2),
-      t.type === "select" && e(f).length === 0 && !e(b) ? (i(), w("div", $t, [
-        c("div", At, [
-          W(we),
-          c("div", St, [
-            c("p", Bt, S(e(l)("filter.notfound")), 1),
-            g[4] || (g[4] = c("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
+      a.type === "select" && e(p).length === 0 && !e(f) ? (u(), w("div", _t, [
+        d("div", $t, [
+          q(we),
+          d("div", At, [
+            d("p", St, B(e(t)("filter.notfound")), 1),
+            b[4] || (b[4] = d("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
           ])
         ])
       ])) : C("", !0),
-      t.layout !== "popover" && t.type !== "select" ? (i(), w(_, { key: 1 }, [
-        !e(k) && e(V) ? (i(), w("div", {
+      a.layout !== "popover" && a.type !== "select" ? (u(), w(U, { key: 1 }, [
+        !e(k) && e(_) ? (u(), w("div", {
           key: 0,
-          onClick: g[0] || (g[0] = //@ts-ignore
-          (...x) => e(p) && e(p)(...x)),
+          onClick: b[0] || (b[0] = //@ts-ignore
+          (...h) => e(v) && e(v)(...h)),
           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"
         }, [
-          Q(S(e(l)("filter.more")) + " ", 1),
-          W(ve)
+          Q(B(e(t)("filter.more")) + " ", 1),
+          q(ve)
         ])) : C("", !0),
-        e(k) ? (i(), w("div", {
+        e(k) ? (u(), w("div", {
           key: 1,
-          onClick: g[1] || (g[1] = //@ts-ignore
-          (...x) => e(p) && e(p)(...x)),
+          onClick: b[1] || (b[1] = //@ts-ignore
+          (...h) => e(v) && e(v)(...h)),
           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"
         }, [
-          Q(S(e(l)("filter.less")) + " ", 1),
-          W(ke)
+          Q(B(e(t)("filter.less")) + " ", 1),
+          q(ke)
         ])) : C("", !0)
       ], 64)) : C("", !0),
-      t.cleanable ? (i(), w(_, { key: 2 }, [
-        t.layout === "inline" ? (i(), w("div", jt, [
-          Q(S(e(y).length) + " / " + S(e(a).length) + " " + S(e(l)("filter.selected")) + " ", 1),
-          q(c("button", {
+      a.cleanable ? (u(), w(U, { key: 2 }, [
+        a.layout === "inline" ? (u(), w("div", Bt, [
+          Q(B(e(g).length) + " / " + B(e(l).length) + " " + B(e(t)("filter.selected")) + " ", 1),
+          H(d("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: g[2] || (g[2] = //@ts-ignore
-            (...x) => e(m) && e(m)(...x))
-          }, S(e(l)("filter.clear")), 513), [
-            [Z, e(y).length !== 0]
+            onClick: b[2] || (b[2] = //@ts-ignore
+            (...h) => e(c) && e(c)(...h))
+          }, B(e(t)("filter.clear")), 513), [
+            [Z, e(g).length !== 0]
           ])
         ])) : C("", !0),
-        t.layout === "popover" ? (i(), w("div", Dt, [
-          c("span", null, S(e(y).length) + " / " + S(e(a).length) + " " + S(e(l)("filter.selected")), 1),
-          q(c("button", {
+        a.layout === "popover" ? (u(), w("div", jt, [
+          d("span", null, B(e(g).length) + " / " + B(e(l).length) + " " + B(e(t)("filter.selected")), 1),
+          H(d("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: g[3] || (g[3] = //@ts-ignore
-            (...x) => e(m) && e(m)(...x))
-          }, S(e(l)("filter.clear")), 513), [
-            [Z, e(y).length !== 0]
+            onClick: b[3] || (b[3] = //@ts-ignore
+            (...h) => e(c) && e(c)(...h))
+          }, B(e(t)("filter.clear")), 513), [
+            [Z, e(g).length !== 0]
           ])
         ])) : C("", !0)
       ], 64)) : C("", !0)
     ], 2));
   }
-}), Rt = {}, Ft = {
+}), Dt = {}, Rt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "15px",
@@ -624,18 +624,18 @@ const $t = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Kt(t, o) {
-  return i(), w("svg", Ft, [...o[0] || (o[0] = [
-    c("path", {
+function Ft(m, n) {
+  return u(), w("svg", Rt, n[0] || (n[0] = [
+    d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    c("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
-    c("path", { d: "M21 21l-6 -6" }, null, -1)
-  ])]);
+    d("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
+    d("path", { d: "M21 21l-6 -6" }, null, -1)
+  ]));
 }
-const Ee = /* @__PURE__ */ ee(Rt, [["render", Kt]]), Mt = {}, Lt = {
+const Le = /* @__PURE__ */ ee(Dt, [["render", Ft]]), Kt = {}, Mt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -647,24 +647,24 @@ const Ee = /* @__PURE__ */ ee(Rt, [["render", Kt]]), Mt = {}, Lt = {
   width: "15px",
   height: "15px"
 };
-function Et(t, o) {
-  return i(), w("svg", Lt, [...o[0] || (o[0] = [
-    c("path", {
+function Lt(m, n) {
+  return u(), w("svg", Mt, n[0] || (n[0] = [
+    d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    c("path", { d: "M18 6l-12 12" }, null, -1),
-    c("path", { d: "M6 6l12 12" }, null, -1)
-  ])]);
+    d("path", { d: "M18 6l-12 12" }, null, -1),
+    d("path", { d: "M6 6l12 12" }, null, -1)
+  ]));
 }
-const Ce = /* @__PURE__ */ ee(Mt, [["render", Et]]);
-class Oe {
-  static getWidthClass(o) {
-    return typeof o == "number" ? `max-w-[${o}px] min-w-[${o}px]` : typeof o == "string" ? o.endsWith("%") || o.endsWith("px") ? `max-w-[${o}]` : `max-w-${o}` : "w-full";
+const Ce = /* @__PURE__ */ ee(Kt, [["render", Lt]]);
+class Ee {
+  static getWidthClass(n) {
+    return typeof n == "number" ? `max-w-[${n}px] min-w-[${n}px]` : typeof n == "string" ? n.endsWith("%") || n.endsWith("px") ? `max-w-[${n}]` : `max-w-${n}` : "w-full";
   }
 }
-const Ot = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, Tt = ["placeholder"], It = /* @__PURE__ */ Y({
+const Et = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, Ot = ["placeholder"], Tt = /* @__PURE__ */ W({
   __name: "text-input",
   props: {
     id: {},
@@ -693,70 +693,70 @@ const Ot = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { emit: o }) {
-    const v = t, l = $((v.placeholder || v.label || v.title || v.name || "search").toString()), r = o, n = $(v.modelValue?.toString() ?? "");
-    O(
-      () => v.modelValue,
-      (h) => {
-        h !== n.value && (n.value = h?.toString() ?? "");
+  setup(m, { emit: n }) {
+    const y = m, t = A((y.placeholder || y.label || y.title || y.name || "search").toString()), s = n, o = A(y.modelValue?.toString() ?? "");
+    T(
+      () => y.modelValue,
+      (x) => {
+        x !== o.value && (o.value = x?.toString() ?? "");
       }
     );
-    let y = null;
-    function f() {
-      if (n.value = n.value.trimStart(), n.value.length === 0) {
-        s();
+    let g = null;
+    function p() {
+      if (o.value = o.value.trimStart(), o.value.length === 0) {
+        r();
         return;
       }
-      y && clearTimeout(y), y = setTimeout(() => {
-        r("update:modelValue", n.value), r("change", { name: v.name, value: n.value });
+      g && clearTimeout(g), g = setTimeout(() => {
+        s("update:modelValue", o.value), s("change", { name: y.name, value: o.value });
       }, 300);
     }
-    function s() {
-      n.value = "", r("update:modelValue", ""), r("clear", v.name);
+    function r() {
+      o.value = "", s("update:modelValue", ""), s("clear", y.name);
     }
-    return (h, m) => (i(), w("div", {
-      class: L([
+    return (x, c) => (u(), w("div", {
+      class: E([
         "vs-form-text relative bg-white rounded-sm [&>input]:py-[7px] [&>input]:max-h-[38px]  [&>input]:ps-10 [&>input]:pe-8 [&>input]:block [&>input]:w-full [&>input]:bg-gray-100 [&>input]:border-transparent [&>input]:rounded-sm [&>input]:text-sm [&>input]:focus:bg-white [&>input]:focus:border-blue-500 [&>input]:focus:ring-blue-500 [&>input]:disabled:opacity-50 [&>input]:disabled:pointer-events-none [&>input]:dark:bg-neutral-700 [&>input]:dark:border-transparent [&>input]:dark:text-neutral-400 [&>input]:dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600",
-        t.layout === "inline" ? e(Oe).getWidthClass(t.width) : "mb-2" + (t.layout === "popover" ? " m-2" : "")
+        x.layout === "inline" ? e(Ee).getWidthClass(x.width) : "mb-2" + (x.layout === "popover" ? " m-2" : "")
       ])
     }, [
-      c("div", Ot, [
-        W(Ee)
+      d("div", Et, [
+        q(Le)
       ]),
-      n.value !== "" ? (i(), w("div", {
+      o.value !== "" ? (u(), w("div", {
         key: 0,
-        onClick: s,
+        onClick: r,
         class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"
       }, [
-        W(Ce)
+        q(Ce)
       ])) : C("", !0),
-      q(c("input", {
+      H(d("input", {
         type: "text",
-        "onUpdate:modelValue": m[0] || (m[0] = (p) => n.value = p),
-        onInput: f,
-        placeholder: l.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (v) => o.value = v),
+        onInput: p,
+        placeholder: t.value,
         class: "!pr-7 !pl-8 bg-white h-[38px] min-w-[100px] text-sm py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-sm text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
-      }, null, 40, Tt), [
-        [ne, n.value]
+      }, null, 40, Ot), [
+        [ae, o.value]
       ])
     ], 2));
   }
 });
-function Te(t = { color: "blue" }) {
-  return E(() => {
-    const v = `w-full px-3 py-2 border-solid border text-black border-gray-300 text-sm rounded focus:outline-none focus:ring-2 focus:ring-${t.color}-500 focus:border-transparent
+function Oe(m = { color: "blue" }) {
+  return O(() => {
+    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 t?.size === "sm" ? `${v}h-[32px]` : `${v}h-[38px]`;
+    return m?.size === "sm" ? `${y}h-[32px]` : `${y}h-[38px]`;
   });
 }
-function _t() {
+function It() {
   return "rounded-md font-medium border-gray-200 border-solid disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full bg-transparent border text-black text-sm h-[38px]";
 }
 function Ut() {
   return "font-medium border border-gray-200 border-solid disabled:pointer-events-none disabled:opacity-50 h-7 rounded-md text-xs px-2 py-1 text-gray-800 bg-white hover:bg-gray-100 dark:text-neutral-300 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-600";
 }
-function Ie(t) {
-  return t === "ghost" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border            text-gray-600 hover:bg-blue-100 hover:text-gray-800 focus:outline-hidden focus:bg-gray-100 focus:text-gray-800 disabled:opacity-50 disabled:pointer-events-none           dark:text-gray-500 dark:hover:bg-blue-800/30 dark:hover:text-blue-400 dark:focus:bg-blue-800/30 dark:focus:text-blue-400" : t === "soft" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border            bg-white-100 text-gray-800 hover:bg-gray-200  hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 disabled:opacity-50            disabled:pointer-events-none dark:text-blue-400 dark:hover:bg-blue-900 dark:focus:bg-blue-900" : "relative border-solid border-gray-200 focus-visible:outline-hidden focus-visible:ring-ring           inline-flex items-center justify-center whitespace-nowrap          rounded-md text-sm font-medium focus-visible:ring-offset-2          disabled:pointer-events-none disabled:opacity-50 border-input           hover:bg-gray-100 border px-4 py-2 gap-1 bg-transparent h-[38px]";
+function Te(m) {
+  return m === "ghost" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border            text-gray-600 hover:bg-blue-100 hover:text-gray-800 focus:outline-hidden focus:bg-gray-100 focus:text-gray-800 disabled:opacity-50 disabled:pointer-events-none           dark:text-gray-500 dark:hover:bg-blue-800/30 dark:hover:text-blue-400 dark:focus:bg-blue-800/30 dark:focus:text-blue-400" : m === "soft" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border            bg-white-100 text-gray-800 hover:bg-gray-200  hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 disabled:opacity-50            disabled:pointer-events-none dark:text-blue-400 dark:hover:bg-blue-900 dark:focus:bg-blue-900" : "relative border-solid border-gray-200 focus-visible:outline-hidden focus-visible:ring-ring           inline-flex items-center justify-center whitespace-nowrap          rounded-md text-sm font-medium focus-visible:ring-offset-2          disabled:pointer-events-none disabled:opacity-50 border-input           hover:bg-gray-100 border px-4 py-2 gap-1 bg-transparent h-[38px]";
 }
 const zt = {
   key: 0,
@@ -768,7 +768,7 @@ const zt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
 }, Wt = ["placeholder", "disabled"], qt = ["disabled"];
-const Qt = /* @__PURE__ */ Y({
+const Ht = /* @__PURE__ */ W({
   __name: "range-input",
   props: {
     id: {},
@@ -797,208 +797,208 @@ const Qt = /* @__PURE__ */ Y({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: v }) {
-    const l = Te(), r = _t(), n = le(), y = t, f = $(
-      y.modelValue ?? y.default ?? []
-    ), s = v, h = E({
-      get: () => y.modelValue ?? f.value,
-      set: (b) => {
-        y.modelValue !== void 0 ? s("update:modelValue", b) : f.value = b;
+  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({
+      get: () => g.modelValue ?? p.value,
+      set: (f) => {
+        g.modelValue !== void 0 ? r("update:modelValue", f) : p.value = f;
       }
     });
-    function m() {
-      s("change", { name: y.name, value: h.value || f.value });
+    function c() {
+      r("change", { name: g.name, value: x.value || p.value });
     }
-    function p() {
-      f.value = [], h.value = f.value, s("clear", y.name);
+    function v() {
+      p.value = [], x.value = p.value, r("clear", g.name);
     }
-    return O(() => y.modelValue, (b) => {
-      b !== void 0 && y.layout !== "popover" ? (f.value = b, s("update:modelValue", b)) : f.value = [];
-    }), o({
-      clear: p,
-      currentValue: h
-    }), (b, k) => (i(), w(_, null, [
-      c("div", null, [
-        c("div", {
-          class: L(t.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
+    return T(() => g.modelValue, (f) => {
+      f !== void 0 && g.layout !== "popover" ? (p.value = f, r("update:modelValue", f)) : p.value = [];
+    }), n({
+      clear: v,
+      currentValue: x
+    }), (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")
         }, [
-          c("div", null, [
-            t.layout !== "vertical" ? (i(), w("label", zt, S(e(n)("filter.from")), 1)) : C("", !0),
-            q(c("input", {
+          d("div", null, [
+            f.layout !== "vertical" ? (u(), w("label", zt, B(e(o)("filter.from")), 1)) : C("", !0),
+            H(d("input", {
               type: "number",
-              class: L(e(l)),
-              placeholder: t.placeholder?.[0] ?? e(n)("filter.min"),
+              class: E(e(t)),
+              placeholder: f.placeholder?.[0] ?? e(o)("filter.min"),
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": k[0] || (k[0] = (V) => h.value[0] = V),
-              disabled: t.disabled
+              "onUpdate:modelValue": k[0] || (k[0] = (_) => x.value[0] = _),
+              disabled: f.disabled
             }, null, 10, Nt), [
-              [ne, h.value[0]]
+              [ae, x.value[0]]
             ])
           ]),
-          t.layout === "vertical" ? (i(), w("label", Pt, " - ")) : C("", !0),
-          c("div", null, [
-            t.layout !== "vertical" ? (i(), w("label", Yt, S(e(n)("filter.to")), 1)) : C("", !0),
-            q(c("input", {
+          f.layout === "vertical" ? (u(), w("label", Pt, " - ")) : C("", !0),
+          d("div", null, [
+            f.layout !== "vertical" ? (u(), w("label", Yt, B(e(o)("filter.to")), 1)) : C("", !0),
+            H(d("input", {
               type: "number",
-              class: L(e(l)),
-              placeholder: t.placeholder?.[1] ?? e(n)("filter.max"),
+              class: E(e(t)),
+              placeholder: f.placeholder?.[1] ?? e(o)("filter.max"),
               min: "0",
               max: "1000000000000000",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": k[1] || (k[1] = (V) => h.value[1] = V),
-              disabled: t.disabled
+              "onUpdate:modelValue": k[1] || (k[1] = (_) => x.value[1] = _),
+              disabled: f.disabled
             }, null, 10, Wt), [
-              [ne, h.value[1]]
+              [ae, x.value[1]]
             ])
           ]),
-          ["popover", "inline", "vertical"].includes(t.layout) ? (i(), w("button", {
+          ["popover", "inline", "vertical"].includes(f.layout) ? (u(), w("button", {
             key: 1,
-            onClick: m,
-            class: L(e(r) + (t.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
-          }, S(t.layout === "vertical" ? "Ok" : e(n)("filter.apply")), 3)) : C("", !0),
-          ["popover", "inline"].includes(t.layout) ? (i(), w("button", {
+            onClick: c,
+            class: E(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: !(h.value[0] || h.value[1]),
-            onClick: p,
-            class: L(e(r) + " hover:bg-gray-100")
-          }, S(e(n)("filter.clear")), 11, qt)) : C("", !0)
+            disabled: !(x.value[0] || x.value[1]),
+            onClick: v,
+            class: E(e(s) + " hover:bg-gray-100")
+          }, B(e(o)("filter.clear")), 11, qt)) : C("", !0)
         ], 2)
       ]),
-      (t.cleanable && f.value.length, C("", !0))
+      (f.cleanable && p.value.length, C("", !0))
     ], 64));
   }
 });
 class G {
-  static format(o) {
-    const v = o.getFullYear(), l = (o.getMonth() + 1).toString().padStart(2, "0"), r = o.getDate().toString().padStart(2, "0");
-    return `${v}-${l}-${r}`;
-  }
-  static getShiftedDay(o, v = 0) {
-    const l = o ? new Date(o) : /* @__PURE__ */ new Date();
-    return l.setDate(l.getDate() + v), this.format(l);
-  }
-  static getLastWeekRange(o, v, l = 0) {
-    if (o && v) {
-      const h = new Date(o), m = new Date(v);
-      return h.setDate(h.getDate() + l * 7), m.setDate(m.getDate() + l * 7), [this.format(h), this.format(m)];
+  static format(n) {
+    const y = n.getFullYear(), t = (n.getMonth() + 1).toString().padStart(2, "0"), s = n.getDate().toString().padStart(2, "0");
+    return `${y}-${t}-${s}`;
+  }
+  static getShiftedDay(n, y = 0) {
+    const t = n ? new Date(n) : /* @__PURE__ */ new Date();
+    return t.setDate(t.getDate() + y), this.format(t);
+  }
+  static getLastWeekRange(n, y, t = 0) {
+    if (n && y) {
+      const x = new Date(n), c = new Date(y);
+      return x.setDate(x.getDate() + t * 7), c.setDate(c.getDate() + t * 7), [this.format(x), this.format(c)];
     }
-    const r = /* @__PURE__ */ new Date(), n = r.getDay(), y = n === 0 ? 13 : n - 1 + 7, f = new Date(r);
-    f.setDate(r.getDate() - y + l * 7);
-    const s = new Date(f);
-    return s.setDate(f.getDate() + 6), [this.format(f), this.format(s)];
-  }
-  static getMonthRange(o, v, l = 0) {
-    let r;
-    o ? r = new Date(o) : r = /* @__PURE__ */ new Date(), r = new Date(r.getFullYear(), r.getMonth() + l, 1);
-    const n = r, y = new Date(r.getFullYear(), r.getMonth() + 1, 0);
-    return [this.format(n), this.format(y)];
-  }
-  static getQuarterRange(o, v, l = 0) {
-    const r = o || v, n = r ? new Date(r) : /* @__PURE__ */ new Date();
-    let y = Math.floor(n.getMonth() / 3);
-    y += l;
-    const f = (y % 4 + 4) % 4 * 3, s = n.getFullYear() + Math.floor(y / 4), h = new Date(s, f, 1), m = new Date(s, f + 3, 0);
-    return [this.format(h), this.format(m)];
-  }
-  static getYear(o, v = 0) {
-    let l;
-    return o && /^\d{4}$/.test(o) ? l = parseInt(o, 10) : o ? l = new Date(o).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), String(l + v);
-  }
-  static getYearRange(o, v = 0) {
-    let l;
-    return o && /^\d{4}$/.test(o) ? l = parseInt(o, 10) : o ? l = new Date(o).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), [
-      this.format(new Date(l + v, 0, 1)),
-      this.format(new Date(l + v + 1, 0, 0))
+    const s = /* @__PURE__ */ new Date(), o = s.getDay(), g = o === 0 ? 13 : o - 1 + 7, p = new Date(s);
+    p.setDate(s.getDate() - g + t * 7);
+    const r = new Date(p);
+    return r.setDate(p.getDate() + 6), [this.format(p), this.format(r)];
+  }
+  static getMonthRange(n, y, t = 0) {
+    let s;
+    n ? s = new Date(n) : s = /* @__PURE__ */ new Date(), s = new Date(s.getFullYear(), s.getMonth() + t, 1);
+    const o = s, g = new Date(s.getFullYear(), s.getMonth() + 1, 0);
+    return [this.format(o), this.format(g)];
+  }
+  static getQuarterRange(n, y, t = 0) {
+    const s = n || y, o = s ? new Date(s) : /* @__PURE__ */ new Date();
+    let g = Math.floor(o.getMonth() / 3);
+    g += t;
+    const p = (g % 4 + 4) % 4 * 3, r = o.getFullYear() + Math.floor(g / 4), x = new Date(r, p, 1), c = new Date(r, p + 3, 0);
+    return [this.format(x), this.format(c)];
+  }
+  static getYear(n, y = 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 + y);
+  }
+  static getYearRange(n, y = 0) {
+    let t;
+    return n && /^\d{4}$/.test(n) ? t = parseInt(n, 10) : n ? t = new Date(n).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), [
+      this.format(new Date(t + y, 0, 1)),
+      this.format(new Date(t + y + 1, 0, 0))
     ];
   }
-  static getRangeFromDaysBefore(o) {
-    const v = /* @__PURE__ */ new Date(), l = new Date(v.getTime());
-    return l.setDate(v.getDate() - o), [this.format(l), this.format(v)];
+  static getRangeFromDaysBefore(n) {
+    const y = /* @__PURE__ */ new Date(), t = new Date(y.getTime());
+    return t.setDate(y.getDate() - n), [this.format(t), this.format(y)];
   }
 }
-function _e(t, o) {
+function Ie(m, n) {
   const {
-    popoverRef: v
-  } = t, l = le(), r = $(""), n = $(
-    t.modelValue ?? t.default ?? []
-  ), y = $(0);
-  function f() {
-    const a = G.getRangeFromDaysBefore(y.value);
-    return n.value = [...a], o("change", { name: t.name, value: n.value }), o("update:modelValue", n.value), a;
-  }
-  function s(a) {
-    r.value = a, v.value?.close();
-    const u = [];
-    switch (r.value) {
+    popoverRef: y
+  } = m, t = le(), s = A(""), o = A(
+    m.modelValue ?? m.default ?? []
+  ), g = A(0);
+  function p() {
+    const l = G.getRangeFromDaysBefore(g.value);
+    return o.value = [...l], n("change", { name: m.name, value: o.value }), n("update:modelValue", o.value), l;
+  }
+  function r(l) {
+    s.value = l, y.value?.close();
+    const a = [];
+    switch (s.value) {
       case "today":
-        u.push(G.getShiftedDay()), u.push(G.getShiftedDay());
+        a.push(G.getShiftedDay()), a.push(G.getShiftedDay());
         break;
       case "week":
-        u.push(...G.getLastWeekRange());
+        a.push(...G.getLastWeekRange());
         break;
       case "month":
-        u.push(...G.getMonthRange());
+        a.push(...G.getMonthRange());
         break;
       case "quarter":
-        u.push(...G.getQuarterRange());
+        a.push(...G.getQuarterRange());
         break;
       case "year":
-        u.push(...G.getYearRange());
+        a.push(...G.getYearRange());
         break;
       case "last_7_days":
-        y.value = 7, f();
+        g.value = 7, p();
         break;
       case "range":
-        y.value = 7, u.push(...f());
+        g.value = 7, a.push(...p());
         break;
     }
-    n.value = [...u], o("change", { name: t.name, value: n.value }), o("update:modelValue", n.value);
+    o.value = [...a], n("change", { name: m.name, value: o.value }), n("update:modelValue", o.value);
   }
-  function h() {
-    const a = [];
-    switch (r.value) {
+  function x() {
+    const l = [];
+    switch (s.value) {
       case "today":
-        a.push(G.getShiftedDay(n.value[0], 1));
+        l.push(G.getShiftedDay(o.value[0], 1));
         break;
       case "week":
-        a.push(...G.getLastWeekRange(n.value[0], n.value[1], 1));
+        l.push(...G.getLastWeekRange(o.value[0], o.value[1], 1));
         break;
       case "month":
-        a.push(...G.getMonthRange(n.value[0], n.value[1], 1));
+        l.push(...G.getMonthRange(o.value[0], o.value[1], 1));
         break;
       case "quarter":
-        a.push(...G.getQuarterRange(n.value[0], n.value[1], 1));
+        l.push(...G.getQuarterRange(o.value[0], o.value[1], 1));
         break;
       case "year":
-        a.push(...G.getYearRange(n.value[0], 1));
+        l.push(...G.getYearRange(o.value[0], 1));
         break;
     }
-    n.value = [...a], o("change", { name: t.name, value: n.value }), o("update:modelValue", n.value);
+    o.value = [...l], n("change", { name: m.name, value: o.value }), n("update:modelValue", o.value);
   }
-  function m() {
-    const a = [];
-    switch (r.value) {
+  function c() {
+    const l = [];
+    switch (s.value) {
       case "today":
-        a.push(G.getShiftedDay(n.value[0], -1));
+        l.push(G.getShiftedDay(o.value[0], -1));
         break;
       case "week":
-        a.push(...G.getLastWeekRange(n.value[0], n.value[1], -1));
+        l.push(...G.getLastWeekRange(o.value[0], o.value[1], -1));
         break;
       case "month":
-        a.push(...G.getMonthRange(n.value[0], n.value[1], -1));
+        l.push(...G.getMonthRange(o.value[0], o.value[1], -1));
         break;
       case "quarter":
-        a.push(...G.getQuarterRange(n.value[0], n.value[1], -1));
+        l.push(...G.getQuarterRange(o.value[0], o.value[1], -1));
         break;
       case "year":
-        a.push(...G.getYearRange(n.value[0], -1));
+        l.push(...G.getYearRange(o.value[0], -1));
         break;
     }
-    n.value = [...a], o("change", { name: t.name, value: n.value }), o("update:modelValue", n.value);
+    o.value = [...l], n("change", { name: m.name, value: o.value }), n("update:modelValue", o.value);
   }
-  const p = [
+  const v = [
     "Січень",
     "Лютий",
     "Березень",
@@ -1012,63 +1012,63 @@ function _e(t, o) {
     "Листопад",
     "Грудень"
   ];
-  function b(a) {
-    const [u, g, x] = a.split("-");
-    return `${x}.${g}.${u}`;
+  function f(l) {
+    const [a, b, h] = l.split("-");
+    return `${h}.${b}.${a}`;
   }
-  function k(a, u = "long") {
-    const g = new Date(Date.UTC(2e3, a - 1, 1));
-    return new Intl.DateTimeFormat(localStorage.locale, { month: u, timeZone: "UTC" }).format(g);
+  function k(l, a = "long") {
+    const b = new Date(Date.UTC(2e3, l - 1, 1));
+    return new Intl.DateTimeFormat(localStorage.locale, { month: a, timeZone: "UTC" }).format(b);
   }
-  function V(a) {
-    const { value: u } = n;
-    switch (a) {
+  function _(l) {
+    const { value: a } = o;
+    switch (l) {
       case "today":
-        return b(u[0]);
+        return f(a[0]);
       case "range":
         return "Період";
       case "week":
-        return u[0] && u[1] ? `${b(u[0])} – ${b(u[1])}` : "";
+        return a[0] && a[1] ? `${f(a[0])} – ${f(a[1])}` : "";
       case "quarter":
-        if (u[0]) {
-          const g = new Date(u[0]), x = g.getFullYear(), M = g.getMonth();
-          return `${Math.floor(M / 3) + 1} ${l("filter.quarter")} ${x}`;
+        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}`;
         }
         return "";
       case "month":
-        if (u[0]) {
-          const [g, x] = u[0].split("-");
-          return `${k(parseInt(x, 10))} ${g}`;
+        if (a[0]) {
+          const [b, h] = a[0].split("-");
+          return `${k(parseInt(h, 10))} ${b}`;
         }
         return "";
       case "year":
-        return u[0] || "";
+        return a[0] || "";
       case "last_7_days":
         return "За останні дні";
       default:
-        return t.label ?? "";
+        return m.label ?? "";
     }
   }
-  const A = E(() => r.value ? V(r.value) : t.label ?? "");
-  function d() {
-    r.value = "", n.value = [], o("update:modelValue", []), o("clear", t.name);
+  const V = O(() => s.value ? _(s.value) : m.label ?? "");
+  function i() {
+    s.value = "", o.value = [], n("update:modelValue", []), n("clear", m.name);
   }
   return {
-    activeMode: r,
-    innerValue: n,
-    daysBefore: y,
-    onDaysBeforeChange: f,
-    onSelectChange: s,
-    nextClick: h,
-    prevClick: m,
-    ukMonths: p,
-    formatDisplayDate: b,
-    getModeLabel: V,
-    currentLabel: A,
-    clear: d
+    activeMode: s,
+    innerValue: o,
+    daysBefore: g,
+    onDaysBeforeChange: p,
+    onSelectChange: r,
+    nextClick: x,
+    prevClick: c,
+    ukMonths: v,
+    formatDisplayDate: f,
+    getModeLabel: _,
+    currentLabel: V,
+    clear: i
   };
 }
-const Ht = {
+const Qt = {
   key: 0,
   class: "relative flex w-full h-auto gap-2 filter-date m-2 flex-wrap"
 }, Gt = {
@@ -1083,8 +1083,8 @@ const Ht = {
 }, ll = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, al = ["min", "disabled"], nl = { class: "flex gap-1 pt-2" }, ol = ["onClick"];
-const rl = /* @__PURE__ */ Y({
+}, ol = ["min", "disabled"], al = { class: "flex gap-1 pt-2" }, nl = ["onClick"];
+const rl = /* @__PURE__ */ W({
   __name: "date-input",
   props: {
     id: {},
@@ -1113,254 +1113,254 @@ const rl = /* @__PURE__ */ Y({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: v }) {
-    const l = t, r = Te(), n = Ut(), y = le(), f = v, s = $(null), {
-      activeMode: h,
-      innerValue: m,
-      onSelectChange: p,
-      nextClick: b,
+  setup(m, { expose: n, emit: y }) {
+    const t = m, s = Oe(), o = Ut(), g = le(), p = y, r = A(null), {
+      activeMode: x,
+      innerValue: c,
+      onSelectChange: v,
+      nextClick: f,
       prevClick: k,
-      clear: V
-    } = _e(
+      clear: _
+    } = Ie(
       {
-        ...l,
-        popoverRef: s
+        ...t,
+        popoverRef: r
       },
-      f
+      p
     );
-    return O(
-      () => l.modelValue,
-      (A) => {
-        A !== void 0 ? (m.value = A, f("update:modelValue", A)) : (h.value = "", m.value = []);
+    return T(
+      () => t.modelValue,
+      (V) => {
+        V !== void 0 ? (c.value = V, p("update:modelValue", V)) : (x.value = "", c.value = []);
       }
-    ), O(
-      m,
-      (A) => {
-        f("update:modelValue", A), f("change", { name: l.name, value: A });
+    ), T(
+      c,
+      (V) => {
+        p("update:modelValue", V), p("change", { name: t.name, value: V });
       },
       { deep: !0 }
-    ), o({
-      clear: V,
-      popoverRef: s
-    }), (A, d) => (i(), w(_, null, [
-      t.layout === "inline" ? (i(), w("div", Ht, [
-        e(h) !== "" && e(h) === "range" ? (i(), w("div", Gt, [
-          d[7] || (d[7] = Q(" 1111 ", -1)),
-          q(c("input", {
+    ), n({
+      clear: _,
+      popoverRef: r
+    }), (V, i) => (u(), w(U, null, [
+      V.layout === "inline" ? (u(), w("div", Qt, [
+        e(x) !== "" && e(x) === "range" ? (u(), w("div", Gt, [
+          i[7] || (i[7] = Q(" 1111 ", -1)),
+          H(d("input", {
             type: "date",
-            max: e(m)[1],
+            max: e(c)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": d[0] || (d[0] = (a) => e(m)[0] = a),
+            "onUpdate:modelValue": i[0] || (i[0] = (l) => e(c)[0] = l),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",
-            disabled: t.disabled
+            disabled: V.disabled
           }, null, 8, Xt), [
-            [ne, e(m)[0]]
+            [ae, e(c)[0]]
           ]),
-          q(c("input", {
+          H(d("input", {
             type: "date",
-            min: e(m)[0],
+            min: e(c)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": d[1] || (d[1] = (a) => e(m)[1] = a),
+            "onUpdate:modelValue": i[1] || (i[1] = (l) => e(c)[1] = l),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",
-            disabled: t.disabled
+            disabled: V.disabled
           }, null, 8, Jt), [
-            [ne, e(m)[1]]
+            [ae, e(c)[1]]
           ])
         ])) : C("", !0)
       ])) : C("", !0),
-      c("div", {
-        class: L(t.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
+      d("div", {
+        class: E(V.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
       }, [
-        c("div", {
-          class: L(t.layout !== "popover" ? "w-[48%]" : "")
+        d("div", {
+          class: E(V.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          t.layout === "popover" ? (i(), w("label", Zt, S(e(y)("filter.from")), 1)) : C("", !0),
-          q(c("input", {
+          V.layout === "popover" ? (u(), w("label", Zt, B(e(g)("filter.from")), 1)) : C("", !0),
+          H(d("input", {
             type: "date",
-            max: e(m)[1],
+            max: e(c)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": d[2] || (d[2] = (a) => e(m)[0] = a),
-            class: L(e(r)),
-            disabled: t.disabled
+            "onUpdate:modelValue": i[2] || (i[2] = (l) => e(c)[0] = l),
+            class: E(e(s)),
+            disabled: V.disabled
           }, null, 10, el), [
-            [ne, e(m)[0]]
+            [ae, e(c)[0]]
           ])
         ], 2),
-        t.layout !== "popover" ? (i(), w("label", tl, " - ")) : C("", !0),
-        c("div", {
-          class: L(t.layout !== "popover" ? "w-[48%]" : "")
+        V.layout !== "popover" ? (u(), w("label", tl, " - ")) : C("", !0),
+        d("div", {
+          class: E(V.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          t.layout === "popover" ? (i(), w("label", ll, S(e(y)("filter.to")), 1)) : C("", !0),
-          q(c("input", {
+          V.layout === "popover" ? (u(), w("label", ll, B(e(g)("filter.to")), 1)) : C("", !0),
+          H(d("input", {
             type: "date",
-            min: e(m)[0],
+            min: e(c)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": d[3] || (d[3] = (a) => e(m)[1] = a),
-            class: L(e(r)),
-            disabled: t.disabled
-          }, null, 10, al), [
-            [ne, e(m)[1]]
+            "onUpdate:modelValue": i[3] || (i[3] = (l) => e(c)[1] = l),
+            class: E(e(s)),
+            disabled: V.disabled
+          }, null, 10, ol), [
+            [ae, e(c)[1]]
           ])
         ], 2)
       ], 2),
-      c("div", nl, [
-        (i(), w(_, null, X(["today", "week", "month", "quarter", "year"], (a) => c("button", {
-          key: a,
-          class: L(e(n) + (e(h) === a ? " bg-blue-100" : "")),
-          onClick: (u) => e(p)(a)
-        }, S(e(y)("filter." + a)), 11, ol)), 64)),
-        c("button", {
-          class: L(e(n)),
-          onClick: d[4] || (d[4] = //@ts-ignore
-          (...a) => e(k) && e(k)(...a))
+      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" : "")),
+          onClick: (a) => e(v)(l)
+        }, B(e(g)("filter." + l)), 11, nl)), 64)),
+        d("button", {
+          class: E(e(o)),
+          onClick: i[4] || (i[4] = //@ts-ignore
+          (...l) => e(k) && e(k)(...l))
         }, "<", 2),
-        c("button", {
-          class: L(e(n)),
-          onClick: d[5] || (d[5] = //@ts-ignore
-          (...a) => e(b) && e(b)(...a))
+        d("button", {
+          class: E(e(o)),
+          onClick: i[5] || (i[5] = //@ts-ignore
+          (...l) => e(f) && e(f)(...l))
         }, ">", 2)
       ]),
-      (t.cleanable, C("", !0))
+      (V.cleanable, C("", !0))
     ], 64));
   }
 });
-function sl(t, o) {
+function sl(m, n) {
   const {
-    api: v,
-    options: l = [],
-    limit: r = 20,
-    dataKey: n = "data"
-  } = t, y = t.multi;
-  function f(D) {
-    return y ? Array.isArray(D) ? D : D ? [D] : [] : Array.isArray(D) ? D[0] : D;
-  }
-  const s = $(f(t.modelValue)), h = $(""), m = $(!1), p = $(l), b = $("id"), k = $("text"), V = $(!1), A = $(t.layout !== "popover" && l.length > r), d = $([]), a = $(0);
-  function u(D) {
-    const T = D.find(Boolean) ?? {}, N = ["id", "value", "code", "key"].find((ie) => ie in T) ?? "id", P = ["text", "label", "name", "title"].find((ie) => ie in T) ?? "text";
-    return { autoValueKey: N, autoLabelKey: P };
-  }
-  if (l.length > 0) {
-    const D = u(l);
-    b.value = D.autoValueKey, k.value = D.autoLabelKey;
-  }
-  const g = E(() => {
-    if (v) return p.value;
-    const D = p.value;
-    if (t.layout === "popover") return D;
-    if (!h.value)
-      return V.value ? D : D.slice(0, r);
-    const T = h.value.toLowerCase();
-    return D.filter((N) => N[k.value].toLowerCase().includes(T));
+    api: y,
+    options: t = [],
+    limit: s = 20,
+    dataKey: o = "data"
+  } = m, g = m.multi;
+  function p(j) {
+    return g ? Array.isArray(j) ? j : j ? [j] : [] : Array.isArray(j) ? j[0] : j;
+  }
+  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";
+    return { autoValueKey: P, autoLabelKey: Y };
+  }
+  if (t.length > 0) {
+    const j = a(t);
+    f.value = j.autoValueKey, k.value = j.autoLabelKey;
+  }
+  const b = O(() => {
+    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));
   });
-  let x = null;
-  async function M(D) {
-    if (v) {
-      m.value = !0;
+  let h = null;
+  async function K(j) {
+    if (y) {
+      c.value = !0;
       try {
-        const T = new URL(v, window.location.origin);
-        T.searchParams.set("json", "1"), T.searchParams.set("key", D), T.searchParams.set("limit", r.toString());
-        const N = await fetch(T.toString());
-        if (!N.ok) {
-          Se({ type: "error", title: "Error", message: "Failed to fetch remote options" }), p.value = [];
+        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());
+        if (!P.ok) {
+          Ae({ type: "error", title: "Error", message: "Failed to fetch remote options" }), v.value = [];
           return;
         }
-        const P = await N.json();
-        if (!P[n]) {
-          Se({ type: "error", title: "Error", message: P }), p.value = [];
+        const Y = await P.json();
+        if (!Y[o]) {
+          Ae({ type: "error", title: "Error", message: Y }), v.value = [];
           return;
         }
-        if (p.value = P[n], p.value.length > 0) {
-          const ie = u(p.value);
-          b.value = ie.autoValueKey, k.value = ie.autoLabelKey;
+        if (v.value = Y[o], v.value.length > 0) {
+          const ie = a(v.value);
+          f.value = ie.autoValueKey, k.value = ie.autoLabelKey;
         }
-        a.value = P.total;
-      } catch (T) {
-        console.error("Failed to fetch remote options:", T);
+        l.value = Y.total;
+      } catch (L) {
+        console.error("Failed to fetch remote options:", L);
       } finally {
-        m.value = !1;
+        c.value = !1;
       }
     }
   }
-  O(h, (D) => {
-    v && (x && clearTimeout(x), x = setTimeout(() => {
-      M(D);
+  T(x, (j) => {
+    y && (h && clearTimeout(h), h = setTimeout(() => {
+      K(j);
     }, 200));
-  }), O(() => t.modelValue, (D) => {
-    s.value = f(D);
+  }), T(() => m.modelValue, (j) => {
+    r.value = p(j);
   }, { immediate: !0 });
-  function U(D) {
-    return y && Array.isArray(s.value) ? s.value.includes(D[b.value]) : s.value && s.value === D[b.value];
+  function M(j) {
+    return g && Array.isArray(r.value) ? r.value.includes(j[f.value]) : r.value && r.value === j[f.value];
   }
-  function j(D) {
-    if (y && !Array.isArray(s.value) && (s.value = []), y && Array.isArray(s.value)) {
-      const T = s.value.includes(D[b.value]);
-      s.value = T ? s.value.filter((N) => N !== D[b.value]) : [...s.value, D[b.value]], d.value = T ? d.value.filter((N) => N !== D[k.value]) : [...d.value, D[k.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]];
     } else
-      s.value = D[b.value], d.value = D[k.value];
-    o("update:modelValue", s.value), o("change", { name: t.name, value: s.value });
+      r.value = j[f.value], i.value = j[k.value];
+    n("update:modelValue", r.value), n("change", { name: m.name, value: r.value });
   }
-  function B() {
-    y ? (s.value = [], d.value = []) : (s.value = void 0, d.value = []), o("update:modelValue", s.value), o("clear", t.name);
+  function S() {
+    g ? (r.value = [], i.value = []) : (r.value = void 0, i.value = []), n("update:modelValue", r.value), n("clear", m.name);
   }
-  function K() {
-    x && clearTimeout(x), h.value = "", V.value = !1;
+  function F() {
+    h && clearTimeout(h), x.value = "", _.value = !1;
   }
-  function R() {
-    V.value = !V.value;
+  function D() {
+    _.value = !_.value;
   }
-  pe(() => {
-    x && clearTimeout(x);
+  me(() => {
+    h && clearTimeout(h);
   });
-  const F = $(-1);
-  O(g, () => {
-    F.value = g.value.length > 0 ? 0 : -1;
+  const R = A(-1);
+  T(b, () => {
+    R.value = b.value.length > 0 ? 0 : -1;
   });
-  function z(D) {
-    const T = g.value.length;
-    if (D.key === "ArrowDown")
-      D.preventDefault(), F.value = (F.value + 1) % T;
-    else if (D.key === "ArrowUp")
-      D.preventDefault(), F.value = (F.value - 1 + T) % T;
-    else if (D.key === "Enter" && (D.preventDefault(), F.value >= 0 && F.value < g.value.length)) {
-      const N = g.value[F.value];
-      j(N);
+  function N(j) {
+    const L = b.value.length;
+    if (j.key === "ArrowDown")
+      j.preventDefault(), R.value = (R.value + 1) % L;
+    else if (j.key === "ArrowUp")
+      j.preventDefault(), R.value = (R.value - 1 + L) % L;
+    else if (j.key === "Enter" && (j.preventDefault(), R.value >= 0 && R.value < b.value.length)) {
+      const P = b.value[R.value];
+      $(P);
     }
   }
-  function H() {
-    v && p.value.length === 0 && h.value.length === 0 && M(h.value);
+  function z() {
+    y && v.value.length === 0 && x.value.length === 0 && K(x.value);
   }
   return {
-    innerValue: s,
-    searchTerm: h,
-    filteredOptions: g,
-    isSelected: U,
-    selectItem: j,
-    clear: B,
-    resetSearch: K,
-    toggleShowAll: R,
-    isReqProc: m,
-    showAll: V,
-    isEnableShowAll: A,
+    innerValue: r,
+    searchTerm: x,
+    filteredOptions: b,
+    isSelected: M,
+    selectItem: $,
+    clear: S,
+    resetSearch: F,
+    toggleShowAll: D,
+    isReqProc: c,
+    showAll: _,
+    isEnableShowAll: V,
     labelKey: k,
-    valueKey: b,
-    allOptions: p,
-    highlightedIndex: F,
-    onKeyDown: z,
-    selectedLabels: d,
-    totalCount: a,
-    loadData: H
+    valueKey: f,
+    allOptions: v,
+    highlightedIndex: R,
+    onKeyDown: N,
+    selectedLabels: i,
+    totalCount: l,
+    loadData: z
   };
 }
-const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, ul = ["placeholder"], cl = {
+const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, ul = ["placeholder"], dl = {
   key: 0,
   class: "w-full"
-}, dl = { class: "flex flex-col items-center justify-center p-5 text-center" }, fl = { class: "max-w-sm mx-auto mt-6" }, ml = { class: "font-medium text-gray-800 dark:text-neutral-200" }, pl = {
+}, cl = { class: "flex flex-col items-center justify-center p-5 text-center" }, fl = { class: "max-w-sm mx-auto mt-6" }, pl = { class: "font-medium text-gray-800 dark:text-neutral-200" }, ml = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
 }, vl = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, yl = /* @__PURE__ */ Y({
+}, yl = /* @__PURE__ */ W({
   __name: "select",
   props: {
     id: {},
@@ -1389,154 +1389,154 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: v }) {
-    const l = le(), r = t, n = v, y = $(null), {
-      innerValue: f,
-      filteredOptions: s,
-      isSelected: h,
-      selectItem: m,
-      clear: p,
-      resetSearch: b,
+  setup(m, { expose: n, emit: y }) {
+    const t = le(), s = m, o = y, g = A(null), {
+      innerValue: p,
+      filteredOptions: r,
+      isSelected: x,
+      selectItem: c,
+      clear: v,
+      resetSearch: f,
       toggleShowAll: k,
-      isReqProc: V,
-      showAll: A,
-      isEnableShowAll: d,
-      searchTerm: a,
-      labelKey: u,
-      valueKey: g,
-      highlightedIndex: x,
-      onKeyDown: M,
-      selectedLabels: U,
-      totalCount: j,
-      loadData: B
+      isReqProc: _,
+      showAll: V,
+      isEnableShowAll: i,
+      searchTerm: l,
+      labelKey: a,
+      valueKey: b,
+      highlightedIndex: h,
+      onKeyDown: K,
+      selectedLabels: M,
+      totalCount: $,
+      loadData: S
     } = sl({
-      ...r,
-      modelValue: r.modelValue
-    }, n);
-    de(() => {
-      b(), r.layout !== "inline" && (B(), y.value && r.layout === "popover" && y.value.focus());
-    }), O(
-      () => r.modelValue,
-      (R) => {
-        R === void 0 && (r.multi ? f.value = [] : f.value = void 0);
+      ...s,
+      modelValue: s.modelValue
+    }, o);
+    ce(() => {
+      f(), s.layout !== "inline" && (S(), g.value && s.layout === "popover" && g.value.focus());
+    }), T(
+      () => s.modelValue,
+      (D) => {
+        D === void 0 && (s.multi ? p.value = [] : p.value = void 0);
       }
     );
-    const K = $([]);
-    return O(x, (R) => {
-      R >= 0 && K.value[R] && K.value[R]?.scrollIntoView({
+    const F = A([]);
+    return T(h, (D) => {
+      D >= 0 && F.value[D] && F.value[D]?.scrollIntoView({
         block: "nearest",
         behavior: "smooth"
       });
-    }), O(s, () => {
-      K.value = [];
-    }), o({
-      clear: p,
-      inputTextRef: y,
-      selectedLabels: U,
-      loadData: B
-    }), (R, F) => (i(), w("div", {
-      class: L([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+    }), T(r, () => {
+      F.value = [];
+    }), n({
+      clear: v,
+      inputTextRef: g,
+      selectedLabels: M,
+      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"])
     }, [
-      c("div", il, [
-        q(c("input", {
-          "onUpdate:modelValue": F[0] || (F[0] = (z) => Ye(a) ? a.value = z : null),
-          onKeydown: F[1] || (F[1] = //@ts-ignore
-          (...z) => e(M) && e(M)(...z)),
+      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)),
           class: "w-full h-full text-[13px] px-4 border rounded-sm pl-9 focus:outline-none focus:ring-ring focus:ring-1 focus:ring-blue-500 text-gray-700",
-          placeholder: e(l)("filter.search"),
+          placeholder: e(t)("filter.search"),
           type: "text",
           ref_key: "inputTextRef",
-          ref: y
+          ref: g
         }, null, 40, ul), [
-          [ne, e(a)]
+          [ae, e(l)]
         ]),
-        W(Ee, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
-        e(a) != "" ? (i(), I(Ce, {
+        q(Le, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
+        e(l) != "" ? (u(), I(Ce, {
           key: 0,
-          onClick: F[2] || (F[2] = (z) => a.value = ""),
+          onClick: R[2] || (R[2] = (N) => l.value = ""),
           class: "absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"
         })) : C("", !0)
       ]),
-      c("div", {
-        class: L([
-          t.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
-          t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+      d("div", {
+        class: E([
+          D.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
+          D.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (i(!0), w(_, null, X(e(s), (z, H) => (i(), I(xe, {
-          layout: t.layout,
-          count: z.count,
-          label: z[e(u)],
-          color: z.color,
-          type: t.multi ? "checkbox" : "radio",
-          value: z[e(g)],
-          "is-selected": e(h)(z),
-          highlighted: H === e(x),
-          onItemClick: (D) => e(m)(z),
+        (u(!0), w(U, null, X(e(r), (N, z) => (u(), I(he, {
+          layout: D.layout,
+          count: N.count,
+          label: N[e(a)],
+          color: N.color,
+          type: D.multi ? "checkbox" : "radio",
+          value: N[e(b)],
+          "is-selected": e(x)(N),
+          highlighted: z === e(h),
+          onItemClick: (j) => e(c)(N),
           ref_for: !0,
-          ref: (D) => K.value[H] = D?.el
+          ref: (j) => F.value[z] = j?.el
         }, null, 8, ["layout", "count", "label", "color", "type", "value", "is-selected", "highlighted", "onItemClick"]))), 256))
       ], 2),
-      t.type === "select" && e(s).length === 0 && !e(V) ? (i(), w("div", cl, [
-        c("div", dl, [
-          W(we),
-          c("div", fl, [
-            c("p", ml, S(e(l)("filter.notfound")), 1),
-            F[7] || (F[7] = c("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
+      D.type === "select" && e(r).length === 0 && !e(_) ? (u(), w("div", dl, [
+        d("div", cl, [
+          q(we),
+          d("div", fl, [
+            d("p", pl, B(e(t)("filter.notfound")), 1),
+            R[7] || (R[7] = d("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
           ])
         ])
       ])) : C("", !0),
-      t.layout !== "popover" && t.type !== "select" ? (i(), w(_, { key: 1 }, [
-        !e(A) && e(d) ? (i(), w("div", {
+      D.layout !== "popover" && D.type !== "select" ? (u(), w(U, { key: 1 }, [
+        !e(V) && e(i) ? (u(), w("div", {
           key: 0,
-          onClick: F[3] || (F[3] = //@ts-ignore
-          (...z) => e(k) && e(k)(...z)),
+          onClick: R[3] || (R[3] = //@ts-ignore
+          (...N) => e(k) && e(k)(...N)),
           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"
         }, [
-          Q(S(e(l)("filter.more")) + " ", 1),
-          W(ve)
+          Q(B(e(t)("filter.more")) + " ", 1),
+          q(ve)
         ])) : C("", !0),
-        e(A) ? (i(), w("div", {
+        e(V) ? (u(), w("div", {
           key: 1,
-          onClick: F[4] || (F[4] = //@ts-ignore
-          (...z) => e(k) && e(k)(...z)),
+          onClick: R[4] || (R[4] = //@ts-ignore
+          (...N) => e(k) && e(k)(...N)),
           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"
         }, [
-          Q(S(e(l)("filter.less")) + " ", 1),
-          W(ke)
+          Q(B(e(t)("filter.less")) + " ", 1),
+          q(ke)
         ])) : C("", !0)
       ], 64)) : C("", !0),
-      t.cleanable ? (i(), w(_, { key: 2 }, [
-        t.layout === "inline" ? (i(), w("div", pl, [
-          Q(S(t.multi && Array.isArray(e(f)) ? e(f)?.length : e(f) !== void 0 && (e(f) || e(f) === null) ? 1 : 0) + " / " + S(e(j)) + " " + S(e(l)("filter.selected")) + " ", 1),
-          q(c("button", {
+      D.cleanable ? (u(), w(U, { key: 2 }, [
+        D.layout === "inline" ? (u(), w("div", ml, [
+          Q(B(D.multi && Array.isArray(e(p)) ? e(p)?.length : e(p) !== void 0 && (e(p) || e(p) === null) ? 1 : 0) + " / " + B(e($)) + " " + B(e(t)("filter.selected")) + " ", 1),
+          H(d("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: F[5] || (F[5] = //@ts-ignore
-            (...z) => e(p) && e(p)(...z))
-          }, S(e(l)("filter.clear")), 513), [
-            [Z, e(f) !== "" && e(f) !== void 0 || e(f)]
+            onClick: R[5] || (R[5] = //@ts-ignore
+            (...N) => e(v) && e(v)(...N))
+          }, B(e(t)("filter.clear")), 513), [
+            [Z, e(p) !== "" && e(p) !== void 0 || e(p)]
           ])
         ])) : C("", !0),
-        t.layout === "popover" ? (i(), w("div", vl, [
-          c("span", null, S(t.multi && Array.isArray(e(f)) ? e(f)?.length : e(f) !== void 0 && (e(f) || e(f) === null) ? 1 : 0) + " / " + S(e(j)) + " " + S(e(l)("filter.selected")), 1),
-          q(c("button", {
+        D.layout === "popover" ? (u(), w("div", vl, [
+          d("span", null, B(D.multi && Array.isArray(e(p)) ? e(p)?.length : e(p) !== void 0 && (e(p) || e(p) === null) ? 1 : 0) + " / " + B(e($)) + " " + B(e(t)("filter.selected")), 1),
+          H(d("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: F[6] || (F[6] = //@ts-ignore
-            (...z) => e(p) && e(p)(...z))
-          }, S(e(l)("filter.clear")), 513), [
-            [Z, e(f) !== "" && e(f) !== void 0 || e(f)]
+            onClick: R[6] || (R[6] = //@ts-ignore
+            (...N) => e(v) && e(v)(...N))
+          }, B(e(t)("filter.clear")), 513), [
+            [Z, e(p) !== "" && e(p) !== void 0 || e(p)]
           ])
         ])) : C("", !0)
       ], 64)) : C("", !0)
     ], 2));
   }
-}), gl = ["for", "onClick"], bl = ["id", "name", "value"], xl = { class: "block" }, hl = {
+}), gl = ["for", "onClick"], bl = ["id", "name", "value"], hl = { class: "block" }, xl = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
 }, wl = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, kl = /* @__PURE__ */ Y({
+}, kl = /* @__PURE__ */ W({
   __name: "tag-field",
   props: {
     id: {},
@@ -1565,77 +1565,77 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: v }) {
-    const l = t, r = v, {
-      innerValue: n,
-      isSelected: y,
-      selectItem: f,
-      clear: s,
-      labelKey: h,
-      valueKey: m,
-      allOptions: p
-    } = l.multi ? Le({
-      ...l,
-      modelValue: l.modelValue ?? l.default ?? []
-    }, r) : he({
-      ...l,
-      modelValue: l.modelValue !== void 0 ? l.modelValue : l.default ?? ""
-    }, r);
-    return o({
-      clear: s
-    }), O(
-      () => l.modelValue,
-      (b) => {
-        b === void 0 && (l.multi ? n.value = [] : n.value = void 0);
+  setup(m, { expose: n, emit: y }) {
+    const t = m, s = y, {
+      innerValue: o,
+      isSelected: g,
+      selectItem: p,
+      clear: r,
+      labelKey: x,
+      valueKey: c,
+      allOptions: v
+    } = t.multi ? Me({
+      ...t,
+      modelValue: t.modelValue ?? t.default ?? []
+    }, s) : xe({
+      ...t,
+      modelValue: t.modelValue !== void 0 ? t.modelValue : t.default ?? ""
+    }, s);
+    return n({
+      clear: r
+    }), T(
+      () => t.modelValue,
+      (f) => {
+        f === void 0 && (t.multi ? o.value = [] : o.value = void 0);
       }
-    ), (b, k) => (i(), w(_, null, [
-      c("div", {
-        class: L(["grid grid-cols-3 gap-2 mx-[1px]", t.layout === "popover" ? "m-1" : "mb-1"])
+    ), (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"])
       }, [
-        (i(!0), w(_, null, X(e(p), (V) => (i(), w("label", {
-          key: `item-${V[e(m)]}`,
-          for: `item-${V[e(m)]}`,
-          onClick: se((A) => e(f)(V), ["stop", "prevent"]),
-          class: L([e(y)(V) ? "ring-2 ring-indigo-600" : "", "p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-sm dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 peer-checked:text-indigo-600 dark:has-checked:text-indigo-500 peer-checked:border-indigo-600 dark:has-checked:border-indigo-500 peer-checked:ring peer-checked:shadow focus:ring dark:has-checked:ring-indigo-500 has-disabled:pointer-events-none has-disabled:text-gray-200 dark:has-disabled:text-neutral-700 has-disabled:after:absolute has-disabled:after:inset-0 has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-gray-200)_calc(50%-1px),var(--color-gray-200)_50%,transparent_50%)] dark:has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-neutral-700)_calc(50%-1px),var(--color-neutral-700)_50%,transparent_50%)]"])
+        (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%)]"])
         }, [
-          c("input", {
+          d("input", {
             type: "checkbox",
-            id: `item-${V[e(m)]}`,
+            id: `item-${_[e(c)]}`,
             class: "hidden w4poy border-gray-200 g41z1 g22e3 axcnw dark:text-indigo-500 dark:border-neutral-700 dark:focus:ring-neutral-900",
-            name: `item-${V[e(m)]}`,
-            value: V[e(m)]
+            name: `item-${_[e(c)]}`,
+            value: _[e(c)]
           }, null, 8, bl),
-          c("span", xl, S(V[e(h)]), 1)
+          d("span", hl, B(_[e(x)]), 1)
         ], 10, gl))), 128))
       ], 2),
-      t.cleanable ? (i(), w(_, { key: 0 }, [
-        t.layout === "inline" ? (i(), w("div", hl, [
-          Q(S(t.multi && Array.isArray(e(n)) ? e(n)?.length : e(n) !== void 0 && (e(n) || e(n) === null) ? 1 : 0) + " з " + S(e(p).length) + " обрано ", 1),
-          q(c("button", {
+      f.cleanable ? (u(), w(U, { key: 0 }, [
+        f.layout === "inline" ? (u(), w("div", xl, [
+          Q(B(f.multi && Array.isArray(e(o)) ? e(o)?.length : e(o) !== void 0 && (e(o) || e(o) === null) ? 1 : 0) + " з " + B(e(v).length) + " обрано ", 1),
+          H(d("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: k[0] || (k[0] = //@ts-ignore
-            (...V) => e(s) && e(s)(...V))
+            (..._) => e(r) && e(r)(..._))
           }, " Очистити ", 512), [
-            [Z, e(n) !== "" && e(n) !== void 0 || e(n)]
+            [Z, e(o) !== "" && e(o) !== void 0 || e(o)]
           ])
         ])) : C("", !0),
-        t.layout === "popover" ? (i(), w("div", wl, [
-          c("span", null, S(t.multi && Array.isArray(e(n)) ? e(n)?.length : e(n) !== void 0 && (e(n) || e(n) === null) ? 1 : 0) + " з " + S(e(p).length) + " обрано", 1),
-          q(c("button", {
+        f.layout === "popover" ? (u(), w("div", wl, [
+          d("span", null, B(f.multi && Array.isArray(e(o)) ? e(o)?.length : e(o) !== void 0 && (e(o) || e(o) === null) ? 1 : 0) + " з " + B(e(v).length) + " обрано", 1),
+          H(d("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: k[1] || (k[1] = //@ts-ignore
-            (...V) => e(s) && e(s)(...V))
+            (..._) => e(r) && e(r)(..._))
           }, " Очистити ", 512), [
-            [Z, e(n) !== void 0 && e(n) !== "" || e(n)]
+            [Z, e(o) !== void 0 && e(o) !== "" || e(o)]
           ])
         ])) : C("", !0)
       ], 64)) : C("", !0)
     ], 64));
   }
-}), Cl = ["disabled", "title"], Vl = { class: "flex w-full items-center justify-between gap-1 overflow-hidden text-left" }, $l = { class: "truncate text-ellipsis text-sm" }, Al = {
+}), Cl = ["disabled", "title"], Vl = { class: "flex w-full items-center justify-between gap-1 overflow-hidden text-left" }, _l = { class: "truncate text-ellipsis text-sm" }, $l = {
   key: 0,
   class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-sm bg-blue-100 px-2 text-[11px] font-semibold text-blue-600"
-}, Sl = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-sm focus:outline-none focus:bg-stone-100 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, Bl = { class: "w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2" }, Ve = /* @__PURE__ */ Y({
+}, Al = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-sm focus:outline-none focus:bg-stone-100 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, Sl = { class: "w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2" }, Ve = /* @__PURE__ */ W({
   __name: "popover-field",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -1652,91 +1652,96 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     mode: {},
     layout: {}
   },
-  setup(t, { expose: o }) {
-    const v = t, l = E(() => Ie(v.mode)), r = $(!1), n = $({ top: 0, left: 0 }), y = $(null), f = $(null), s = $(null);
-    function h() {
-      const x = f.value, M = s.value;
-      if (!x || !M) return;
-      const U = x.getBoundingClientRect(), j = M.offsetWidth, B = window.innerWidth, K = U.bottom + 8;
-      let { left: R } = U;
-      R + j > B && (R = Math.max(B - j - 10, 10)), n.value = { top: K, left: R };
+  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);
+    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 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);
+      }
+      N < 10 && (N = 10), o.value = { top: N, left: z };
     }
-    function m() {
-      r.value = !r.value, r.value && fe(() => {
-        h(), v.fieldRef?.inputTextRef && v.fieldRef?.inputTextRef?.focus?.(), v.fieldRef?.loadData && v.fieldRef?.loadData?.();
+    function c() {
+      s.value = !s.value, s.value && fe(() => {
+        x(), y.fieldRef?.inputTextRef && y.fieldRef?.inputTextRef?.focus?.(), y.fieldRef?.loadData && y.fieldRef?.loadData?.();
       });
     }
-    function p(x) {
-      !y.value?.contains(x.target) && !s.value?.contains(x.target) && !f.value?.contains(x.target) && (r.value = !1);
+    function v(h) {
+      !g.value?.contains(h.target) && !r.value?.contains(h.target) && !p.value?.contains(h.target) && (s.value = !1);
     }
-    function b(x) {
-      x.key === "Escape" && (r.value = !1);
+    function f(h) {
+      h.key === "Escape" && (s.value = !1);
     }
-    const k = $(!1), V = $("ua"), A = (x) => {
-      x.detail.key === "locale" && (V.value = x.detail.newValue);
+    const k = A(!1), _ = A("ua"), V = (h) => {
+      h.detail.key === "locale" && (_.value = h.detail.newValue);
     };
-    de(() => {
-      k.value = !0, V.value = localStorage.locale, window.addEventListener("storage", A), document.addEventListener("click", p, !0), document.addEventListener("keydown", b), window.addEventListener("scroll", h, !0);
-    }), pe(() => {
-      window.removeEventListener("resize", A), document.removeEventListener("click", p, !0), document.removeEventListener("keydown", b), window.removeEventListener("scroll", h, !0);
+    ce(() => {
+      k.value = !0, _.value = localStorage.locale, window.addEventListener("storage", V), document.addEventListener("click", v, !0), document.addEventListener("keydown", f), window.addEventListener("scroll", x, !0);
+    }), me(() => {
+      window.removeEventListener("resize", V), document.removeEventListener("click", v, !0), document.removeEventListener("keydown", f), window.removeEventListener("scroll", x, !0);
     });
-    function d() {
-      r.value = !1;
+    function i() {
+      s.value = !1;
     }
-    o({ close: d });
-    function a(x) {
-      return Array.isArray(x) ? x.filter((M) => M != null && M !== "").length : x && typeof x == "object" ? Object.values(x).filter((M) => M != null && M !== "").length : typeof x == "string" ? x.trim() === "" ? 0 : 1 : typeof x == "number" ? Number.isNaN(x) ? 0 : 1 : x === null || x !== void 0 ? 1 : 0;
+    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;
     }
-    const u = E(() => {
-      const x = v.fieldRef?.selectedLabels, M = a(x);
-      return M > 0 ? M : a(v.currentValue);
-    }), g = E(() => {
-      const x = v.fieldRef?.selectedLabels;
-      return !x || ["inline"].includes(v.layout || "") ? v[V.value] || (v.label ?? "") : Array.isArray(x) ? x.length > 0 ? x.join(", ") : v.label ?? "" : String(x);
+    const a = O(() => {
+      const h = y.fieldRef?.selectedLabels, K = l(h);
+      return K > 0 ? K : l(y.currentValue);
+    }), b = O(() => {
+      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 (x, M) => (i(), w("div", null, [
-      c("button", {
-        onClick: m,
-        disabled: t.disabled,
+    return (h, K) => (u(), w("div", null, [
+      d("button", {
+        onClick: c,
+        disabled: h.disabled,
         ref_key: "triggerRef",
-        ref: f,
-        title: t.label,
-        class: L([
-          l.value,
-          t.width ? e(Oe).getWidthClass(t.width) : "w-full",
-          t.layout === "inline" && u.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600" : ""
+        ref: p,
+        title: h.label,
+        class: E([
+          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" : ""
         ]),
         type: "button"
       }, [
-        c("span", Vl, [
-          c("span", $l, S(g.value), 1),
-          t.layout === "inline" && u.value > 0 ? (i(), w("span", Al, S(u.value), 1)) : C("", !0)
+        d("span", Vl, [
+          d("span", _l, B(b.value), 1),
+          h.layout === "inline" && a.value > 0 ? (u(), w("span", $l, B(a.value), 1)) : C("", !0)
         ]),
-        W(ve, { class: "h-4 w-4 text-neutral-500" })
+        q(ve, { class: "h-4 w-4 text-neutral-500" })
       ], 10, Cl),
-      k.value ? (i(), I(ge, {
+      k.value ? (u(), I(ge, {
         key: 0,
         to: "body"
       }, [
-        q(c("div", {
+        H(d("div", {
           ref_key: "popperRef",
-          ref: s,
+          ref: r,
           class: "vsTailwind vs-popover__content bottom-right w-fit fixed z-[1000]",
-          style: be({ top: `${n.value.top}px`, left: `${n.value.left}px` }),
+          style: be({ top: `${o.value.top}px`, left: `${o.value.left}px` }),
           "data-inside-popover": ""
         }, [
-          c("div", Sl, [
-            c("div", Bl, [
-              ce(x.$slots, "default")
+          d("div", Al, [
+            d("div", Sl, [
+              de(h.$slots, "default")
             ])
           ])
         ], 4), [
-          [Z, r.value]
+          [Z, s.value]
         ])
       ])) : C("", !0)
     ]));
   }
-}), jl = {}, Dl = {
+}), Bl = {}, jl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1748,17 +1753,17 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[90deg]"
 };
-function Rl(t, o) {
-  return i(), w("svg", Dl, [...o[0] || (o[0] = [
-    c("path", {
+function Dl(m, n) {
+  return u(), w("svg", jl, n[0] || (n[0] = [
+    d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    c("path", { d: "M6 9l6 6l6 -6" }, null, -1)
-  ])]);
+    d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
 }
-const Fl = /* @__PURE__ */ ee(jl, [["render", Rl]]), Kl = {}, Ml = {
+const Rl = /* @__PURE__ */ ee(Bl, [["render", Dl]]), Fl = {}, Kl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1770,21 +1775,21 @@ const Fl = /* @__PURE__ */ ee(jl, [["render", Rl]]), Kl = {}, Ml = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[270deg]"
 };
-function Ll(t, o) {
-  return i(), w("svg", Ml, [...o[0] || (o[0] = [
-    c("path", {
+function Ml(m, n) {
+  return u(), w("svg", Kl, n[0] || (n[0] = [
+    d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    c("path", { d: "M6 9l6 6l6 -6" }, null, -1)
-  ])]);
+    d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
 }
-const El = /* @__PURE__ */ ee(Kl, [["render", Ll]]), Ol = { class: "flex gap-1" }, Tl = { class: "mb-1" }, Il = { class: "mb-1" }, _l = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Ul = ["title"], zl = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Nl = ["title"], Pl = {
+const Ll = /* @__PURE__ */ ee(Fl, [["render", Ml]]), El = { class: "flex gap-1" }, Ol = { class: "mb-1" }, Tl = { class: "mb-1" }, Il = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Ul = ["title"], zl = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Nl = ["title"], Pl = {
   key: 1,
   class: "flex gap-1 !w-[75%] rounded-sm"
 }, Yl = ["max", "value", "disabled"], Wl = ["min", "value", "disabled"];
-const ql = /* @__PURE__ */ Y({
+const ql = /* @__PURE__ */ W({
   __name: "date-input-inline",
   props: {
     id: {},
@@ -1813,181 +1818,182 @@ const ql = /* @__PURE__ */ Y({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: v }) {
-    const l = le(), r = t, n = v, y = $(null), {
-      activeMode: f,
-      innerValue: s,
-      onSelectChange: h,
-      nextClick: m,
-      prevClick: p,
-      currentLabel: b,
+  setup(m, { expose: n, emit: y }) {
+    const t = le(), s = m, o = y, g = A(null), {
+      activeMode: p,
+      innerValue: r,
+      onSelectChange: x,
+      nextClick: c,
+      prevClick: v,
+      currentLabel: f,
       clear: k
-    } = _e({
-      ...r,
-      popoverRef: y
-    }, n);
-    O(() => r.modelValue, (d) => {
-      d !== void 0 ? (s.value = d, n("update:modelValue", d)) : (f.value = "", s.value = []);
-    }), O(
-      s,
-      (d) => {
-        n("update:modelValue", d), n("change", { name: r.name, value: d });
+    } = Ie({
+      ...s,
+      popoverRef: g
+    }, o);
+    T(() => s.modelValue, (i) => {
+      i !== void 0 ? (r.value = i, o("update:modelValue", i)) : (p.value = "", r.value = []);
+    }), T(
+      r,
+      (i) => {
+        o("update:modelValue", i), o("change", { name: s.name, value: i });
       },
       { deep: !0 }
     );
-    function V(d) {
-      const a = Array.isArray(s.value) ? [...s.value] : [];
-      s.value = [d, a[1] || ""];
+    function _(i) {
+      const l = Array.isArray(r.value) ? [...r.value] : [];
+      r.value = [i, l[1] || ""];
     }
-    function A(d) {
-      const a = Array.isArray(s.value) ? [...s.value] : [];
-      s.value = [a[0] || "", d];
+    function V(i) {
+      const l = Array.isArray(r.value) ? [...r.value] : [];
+      r.value = [l[0] || "", i];
     }
-    return o({
+    return n({
       clear: k,
-      popoverRef: y
-    }), (d, a) => (i(), w(_, null, [
-      c("div", Ol, [
-        W(Ve, {
+      popoverRef: g
+    }), (i, l) => (u(), w(U, null, [
+      d("div", El, [
+        q(Ve, {
           ref_key: "popoverRef",
-          ref: y,
-          label: e(b),
-          "current-value": e(s),
-          mode: t.mode,
-          width: typeof t.width == "number" && e(s).length ? t.width - 70 : t.width,
+          ref: g,
+          label: e(f),
+          "current-value": e(r),
+          mode: i.mode,
+          width: typeof i.width == "number" && e(r).length ? i.width - 70 : i.width,
           onClear: e(k),
-          layout: t.layout,
-          class: L(t.itemClass)
+          layout: i.layout,
+          class: E(i.itemClass)
         }, {
-          default: oe(() => [
-            c("div", null, [
-              c("button", {
+          default: ne(() => [
+            d("div", null, [
+              d("button", {
                 type: "button",
-                onClick: a[0] || (a[0] = (u) => e(h)("range")),
+                onClick: l[0] || (l[0] = (a) => e(x)("range")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                Q(S(e(l)("filter.period")) + " ", 1),
-                e(f) === "range" ? (i(), I(ae, { key: 0 })) : C("", !0)
+                Q(B(e(t)("filter.period")) + " ", 1),
+                e(p) === "range" ? (u(), I(oe, { key: 0 })) : C("", !0)
               ])
             ]),
-            a[12] || (a[12] = c("div", null, [
-              c("div", { class: "pt-1 mt-1 border-t" })
+            l[12] || (l[12] = d("div", null, [
+              d("div", { class: "pt-1 mt-1 border-t" })
             ], -1)),
-            c("div", null, [
-              c("button", {
+            d("div", null, [
+              d("button", {
                 type: "button",
-                onClick: a[1] || (a[1] = (u) => e(h)("today")),
+                onClick: l[1] || (l[1] = (a) => e(x)("today")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                Q(S(e(l)("filter.today")) + " ", 1),
-                e(f) === "today" ? (i(), I(ae, { key: 0 })) : C("", !0)
+                Q(B(e(t)("filter.today")) + " ", 1),
+                e(p) === "today" ? (u(), I(oe, { key: 0 })) : C("", !0)
               ])
             ]),
-            c("div", null, [
-              c("button", {
+            d("div", null, [
+              d("button", {
                 type: "button",
-                onClick: a[2] || (a[2] = (u) => e(h)("week")),
+                onClick: l[2] || (l[2] = (a) => e(x)("week")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                Q(S(e(l)("filter.week")) + " ", 1),
-                e(f) === "week" ? (i(), I(ae, { key: 0 })) : C("", !0)
+                Q(B(e(t)("filter.week")) + " ", 1),
+                e(p) === "week" ? (u(), I(oe, { key: 0 })) : C("", !0)
               ])
             ]),
-            c("div", null, [
-              c("button", {
+            d("div", null, [
+              d("button", {
                 type: "button",
-                onClick: a[3] || (a[3] = (u) => e(h)("month")),
+                onClick: l[3] || (l[3] = (a) => e(x)("month")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                Q(S(e(l)("filter.month")) + " ", 1),
-                e(f) === "month" ? (i(), I(ae, { key: 0 })) : C("", !0)
+                Q(B(e(t)("filter.month")) + " ", 1),
+                e(p) === "month" ? (u(), I(oe, { key: 0 })) : C("", !0)
               ])
             ]),
-            c("div", null, [
-              c("button", {
+            d("div", null, [
+              d("button", {
                 type: "button",
-                onClick: a[4] || (a[4] = (u) => e(h)("quarter")),
+                onClick: l[4] || (l[4] = (a) => e(x)("quarter")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                Q(S(e(l)("filter.quarter")) + " ", 1),
-                e(f) === "quarter" ? (i(), I(ae, { key: 0 })) : C("", !0)
+                Q(B(e(t)("filter.quarter")) + " ", 1),
+                e(p) === "quarter" ? (u(), I(oe, { key: 0 })) : C("", !0)
               ])
             ]),
-            c("div", Tl, [
-              c("button", {
+            d("div", Ol, [
+              d("button", {
                 type: "button",
-                onClick: a[5] || (a[5] = (u) => e(h)("year")),
+                onClick: l[5] || (l[5] = (a) => e(x)("year")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                Q(S(e(l)("filter.year")) + " ", 1),
-                e(f) === "year" ? (i(), I(ae, { key: 0 })) : C("", !0)
+                Q(B(e(t)("filter.year")) + " ", 1),
+                e(p) === "year" ? (u(), I(oe, { key: 0 })) : C("", !0)
               ])
             ]),
-            c("div", Il, [
-              c("button", {
+            d("div", Tl, [
+              d("button", {
                 type: "button",
-                onClick: a[6] || (a[6] = (u) => e(k)()),
+                onClick: l[6] || (l[6] = (a) => e(k)()),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
-                Q(S(e(l)("filter.alltime")) + " ", 1),
-                e(s)[0] ? C("", !0) : (i(), I(ae, { key: 0 }))
+                Q(B(e(t)("filter.alltime")) + " ", 1),
+                e(r)[0] ? C("", !0) : (u(), I(oe, { key: 0 }))
               ])
             ])
           ]),
-          _: 1
+          _: 1,
+          __: [12]
         }, 8, ["label", "current-value", "mode", "width", "onClear", "layout", "class"]),
-        e(f) !== "" && e(f) !== "range" && e(f) !== "last_7_days" ? (i(), w(_, { key: 0 }, [
-          c("div", _l, [
-            c("button", {
+        e(p) !== "" && e(p) !== "range" && e(p) !== "last_7_days" ? (u(), w(U, { key: 0 }, [
+          d("div", Il, [
+            d("button", {
               type: "button",
-              title: e(l)("filter.prev"),
+              title: e(t)("filter.prev"),
               class: "inline-flex h-[38px] items-center px-2 text-sm text-gray-800 bg-gray-100 gap-x-2 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",
-              onClick: a[7] || (a[7] = //@ts-ignore
-              (...u) => e(p) && e(p)(...u))
+              onClick: l[7] || (l[7] = //@ts-ignore
+              (...a) => e(v) && e(v)(...a))
             }, [
-              W(Fl)
+              q(Rl)
             ], 8, Ul)
           ]),
-          c("div", zl, [
-            c("button", {
+          d("div", zl, [
+            d("button", {
               type: "button",
-              title: e(l)("filter.next"),
+              title: e(t)("filter.next"),
               class: "inline-flex h-[38px] items-center px-2 text-sm text-gray-800 gap-x-2 bg-gray-100 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",
-              onClick: a[8] || (a[8] = //@ts-ignore
-              (...u) => e(m) && e(m)(...u))
+              onClick: l[8] || (l[8] = //@ts-ignore
+              (...a) => e(c) && e(c)(...a))
             }, [
-              W(El)
+              q(Ll)
             ], 8, Nl)
           ])
         ], 64)) : C("", !0),
-        e(f) !== "" && e(f) === "range" ? (i(), w("div", Pl, [
-          c("input", {
+        e(p) !== "" && e(p) === "range" ? (u(), w("div", Pl, [
+          d("input", {
             type: "date",
-            max: e(s)[1],
+            max: e(r)[1],
             locale: "uk-UA",
-            value: e(s)[0],
-            onInput: a[9] || (a[9] = (u) => V(u.target.value)),
+            value: e(r)[0],
+            onInput: l[9] || (l[9] = (a) => _(a.target.value)),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",
-            disabled: t.disabled
+            disabled: i.disabled
           }, null, 40, Yl),
-          c("input", {
+          d("input", {
             type: "date",
-            min: e(s)[0],
+            min: e(r)[0],
             locale: "uk-UA",
-            value: e(s)[1],
-            onInput: a[10] || (a[10] = (u) => A(u.target.value)),
+            value: e(r)[1],
+            onInput: l[10] || (l[10] = (a) => V(a.target.value)),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",
-            disabled: t.disabled
+            disabled: i.disabled
           }, null, 40, Wl)
         ])) : C("", !0)
       ]),
-      (t.cleanable, C("", !0))
+      (i.cleanable, C("", !0))
     ], 64));
   }
-}), Ql = { class: "flex flex-wrap items-center gap-2" }, Hl = ["disabled", "onClick"], Gl = {
+}), Hl = { class: "flex flex-wrap items-center gap-2" }, Ql = ["disabled", "onClick"], Gl = {
   key: 0,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, Xl = /* @__PURE__ */ Y({
+}, Xl = /* @__PURE__ */ W({
   __name: "button-field",
   props: {
     id: {},
@@ -2016,84 +2022,84 @@ const ql = /* @__PURE__ */ Y({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: v }) {
-    const l = t, r = v, {
-      innerValue: n,
-      isSelected: y,
-      selectItem: f,
-      clear: s,
-      labelKey: h,
-      valueKey: m,
-      allOptions: p
-    } = he({
-      ...l,
-      modelValue: l.modelValue ?? l.default ?? ""
-    }, r), b = E(() => n.value !== void 0 && !(typeof n.value == "string" && n.value === "")), k = E(() => b.value ? 1 : 0);
-    function V(d) {
-      return y(d) ? ["bg-blue-600 text-white"].filter((a) => typeof a == "string" && a.trim().length > 0).join(" ") : ["text-gray-700 hover:bg-gray-200 bg-gray-50 "].filter((a) => typeof a == "string" && a.trim().length > 0).join(" ");
+  setup(m, { expose: n, emit: y }) {
+    const t = m, s = y, {
+      innerValue: o,
+      isSelected: g,
+      selectItem: p,
+      clear: r,
+      labelKey: x,
+      valueKey: c,
+      allOptions: v
+    } = 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);
+    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(" ");
     }
-    function A(d) {
-      l.disabled || f(d);
+    function V(i) {
+      t.disabled || p(i);
     }
-    return o({
-      clear: s
-    }), O(
-      () => l.modelValue,
-      (d) => {
-        d === void 0 && (n.value = void 0);
+    return n({
+      clear: r
+    }), T(
+      () => t.modelValue,
+      (i) => {
+        i === void 0 && (o.value = void 0);
       }
-    ), (d, a) => (i(), w(_, null, [
-      c("div", Ql, [
-        (i(!0), w(_, null, X(e(p), (u) => (i(), w("button", {
-          key: u[e(m)],
+    ), (i, l) => (u(), w(U, null, [
+      d("div", Hl, [
+        (u(!0), w(U, null, X(e(v), (a) => (u(), w("button", {
+          key: a[e(c)],
           type: "button",
-          class: L(["px-3 py-2 text-sm font-medium rounded-md transition-colors", V(u)]),
-          disabled: t.disabled,
-          onClick: (g) => A(u)
-        }, S(u[e(h)]), 11, Hl))), 128))
+          class: E(["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))
       ]),
-      t.cleanable && t.layout === "popover" ? (i(), w("div", Gl, [
-        c("span", null, S(k.value) + " з " + S(e(p).length) + " обрано", 1),
-        q(c("button", {
+      i.cleanable && i.layout === "popover" ? (u(), w("div", Gl, [
+        d("span", null, B(k.value) + " з " + B(e(v).length) + " обрано", 1),
+        H(d("button", {
           class: "text-gray-600 hover:text-gray-800",
-          onClick: a[0] || (a[0] = //@ts-ignore
-          (...u) => e(s) && e(s)(...u))
+          onClick: l[0] || (l[0] = //@ts-ignore
+          (...a) => e(r) && e(r)(...a))
         }, " Очистити ", 512), [
-          [Z, b.value]
+          [Z, f.value]
         ])
       ])) : C("", !0)
     ], 64));
   }
-}), Re = {
+}), De = {
   radio: Vt,
-  checkbox: De,
-  check: De,
-  text: It,
-  range: Qt,
+  checkbox: je,
+  check: je,
+  text: Tt,
+  range: Ht,
   date: rl,
   select: yl,
   tag: kl,
   button: Xl,
   "date:inline": ql
 };
-function $e(t, o) {
-  let v;
-  switch (t.toLowerCase()) {
+function _e(m, n) {
+  let y;
+  switch (m.toLowerCase()) {
     case "autocomplete":
-      v = "select";
+      y = "select";
       break;
     case "check":
-      v = "checkbox";
+      y = "checkbox";
       break;
     default:
-      v = t?.toString().toLowerCase();
+      y = m?.toString().toLowerCase();
   }
-  return v === "date" && o && o === "inline" && (v = "date:inline"), {
-    component: Re[v] || Re.text,
-    type: v
+  return y === "date" && n && n === "inline" && (y = "date:inline"), {
+    component: De[y] || De.text,
+    type: y
   };
 }
-const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Zl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, ea = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, ta = { class: "flex items-center" }, la = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, aa = { class: "filter-layout__body" }, na = /* @__PURE__ */ Y({
+const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Zl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, eo = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, to = { class: "flex items-center" }, lo = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, oo = { class: "filter-layout__body" }, ao = /* @__PURE__ */ W({
   __name: "vertical-layout",
   props: {
     id: {},
@@ -2122,71 +2128,71 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: v }) {
-    const l = t, r = v, n = $(), y = $e(l.type, l.layout), f = E({
-      get: () => l.modelValue,
-      set: (p) => r("update:modelValue", p)
+  setup(m, { expose: n, emit: y }) {
+    const t = m, s = y, o = A(), g = _e(t.type, t.layout), p = O({
+      get: () => t.modelValue,
+      set: (v) => s("update:modelValue", v)
     });
-    function s(p) {
-      r("clear", p);
+    function r(v) {
+      s("clear", v);
     }
-    function h(p, b) {
-      r("change", { name: p, value: b }), l.modelValue !== void 0 && r("update:modelValue", b);
+    function x(v, f) {
+      s("change", { name: v, value: f }), t.modelValue !== void 0 && s("update:modelValue", f);
     }
-    function m() {
-      r("clear", l.name);
+    function c() {
+      s("clear", t.name);
     }
-    return O(
-      () => l.default,
-      (p) => {
-        f.value = p;
+    return T(
+      () => t.default,
+      (v) => {
+        p.value = v;
       }
-    ), O(
-      () => l.modelValue,
-      (p) => {
-        f.value = p;
+    ), T(
+      () => t.modelValue,
+      (v) => {
+        p.value = v;
       }
-    ), o({
-      filterRef: n
-    }), (p, b) => (i(), w("div", Jl, [
-      c("div", Zl, [
-        c("div", ea, [
-          c("div", ta, [
-            c("span", la, S(t.label), 1)
+    ), n({
+      filterRef: o
+    }), (v, f) => (u(), w("div", Jl, [
+      d("div", Zl, [
+        d("div", eo, [
+          d("div", to, [
+            d("span", lo, B(v.label), 1)
           ]),
-          typeof f.value == "string" && f.value.trim() !== "" || Array.isArray(f.value) && f.value.length > 0 && f.value.some((k) => k !== void 0) || f.value === null ? (i(), I(et, {
+          typeof p.value == "string" && p.value.trim() !== "" || Array.isArray(p.value) && p.value.length > 0 && p.value.some((k) => k !== void 0) || p.value === null ? (u(), I(et, {
             key: 0,
-            onClick: m
+            onClick: c
           })) : C("", !0)
         ]),
-        c("div", aa, [
-          e(y)?.type !== "select" ? (i(), I(re(e(y)?.component), J({ key: 0 }, l, {
-            type: e(y)?.type,
-            class: l.itemClass,
-            onChange: b[0] || (b[0] = (k) => h(k.name, k.value)),
-            onClear: b[1] || (b[1] = (k) => s(k)),
+        d("div", oo, [
+          e(g)?.type !== "select" ? (u(), I(re(e(g)?.component), J({ key: 0 }, t, {
+            type: e(g)?.type,
+            class: t.itemClass,
+            onChange: f[0] || (f[0] = (k) => x(k.name, k.value)),
+            onClear: f[1] || (f[1] = (k) => r(k)),
             ref_key: "filterRef",
-            ref: n
-          }), null, 16, ["type", "class"])) : (i(), I(Ve, {
+            ref: o
+          }), null, 16, ["type", "class"])) : (u(), I(Ve, {
             key: 1,
-            "current-value": f.value,
-            label: t.label,
-            mode: t.mode,
-            onClear: m,
-            fieldRef: n.value,
+            "current-value": p.value,
+            label: v.label,
+            mode: v.mode,
+            onClear: c,
+            fieldRef: o.value,
             width: void 0,
-            disabled: t.disabled,
+            disabled: v.disabled,
             layout: "vertical"
           }, {
-            default: oe(() => [
-              (i(), I(re(e(y)?.component), J({
+            default: ne(() => [
+              (u(), I(re(e(g)?.component), J({
                 ref_key: "filterRef",
-                ref: n
-              }, l, {
-                type: e(y)?.type,
-                class: l.itemClass,
-                onChange: b[2] || (b[2] = (k) => h(k.name, k.value)),
-                onClear: b[3] || (b[3] = (k) => s(k))
+                ref: o
+              }, t, {
+                type: e(g)?.type,
+                class: t.itemClass,
+                onChange: f[2] || (f[2] = (k) => x(k.name, k.value)),
+                onClear: f[3] || (f[3] = (k) => r(k))
               }), null, 16, ["type", "class"]))
             ]),
             _: 1
@@ -2195,7 +2201,7 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
       ])
     ]));
   }
-}), Fe = /* @__PURE__ */ Y({
+}), Re = /* @__PURE__ */ W({
   __name: "inline-layout",
   props: {
     id: {},
@@ -2224,65 +2230,65 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: v }) {
-    const l = t, r = v, n = $(), y = $e(l.type, l.layout), f = E({
-      get: () => l.modelValue,
-      set: (m) => r("update:modelValue", m)
+  setup(m, { expose: n, emit: y }) {
+    const t = m, s = y, o = A(), g = _e(t.type, t.layout), p = O({
+      get: () => t.modelValue,
+      set: (c) => s("update:modelValue", c)
     });
-    function s(m = l.name) {
-      r("clear", m);
+    function r(c = t.name) {
+      s("clear", c);
     }
-    function h(m, p) {
-      r("change", { name: m, value: p }), l.modelValue !== void 0 && r("update:modelValue", p);
+    function x(c, v) {
+      s("change", { name: c, value: v }), t.modelValue !== void 0 && s("update:modelValue", v);
     }
-    return O(
-      () => l.default,
-      (m) => {
-        f.value = m;
+    return T(
+      () => t.default,
+      (c) => {
+        p.value = c;
       }
-    ), O(
-      () => l.modelValue,
-      (m) => {
-        f.value = m;
+    ), T(
+      () => t.modelValue,
+      (c) => {
+        p.value = c;
       }
-    ), o({
-      filterRef: n
-    }), (m, p) => ["text", "date", "button"].includes(t.type.toLocaleLowerCase()) ? (i(), I(re(e(y)?.component), J({ key: 0 }, l, {
-      type: e(y)?.type,
-      class: t.itemClass,
-      onChange: p[0] || (p[0] = (b) => h(b.name, b.value)),
-      onClear: p[1] || (p[1] = (b) => s(b)),
-      disabled: t.disabled,
-      modelValue: f.value,
-      "onUpdate:modelValue": p[2] || (p[2] = (b) => f.value = b)
-    }), null, 16, ["type", "class", "disabled", "modelValue"])) : (i(), I(Ve, {
+    ), 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,
+      class: c.itemClass,
+      onChange: v[0] || (v[0] = (f) => x(f.name, f.value)),
+      onClear: v[1] || (v[1] = (f) => r(f)),
+      disabled: c.disabled,
+      modelValue: p.value,
+      "onUpdate:modelValue": v[2] || (v[2] = (f) => p.value = f)
+    }), null, 16, ["type", "class", "disabled", "modelValue"])) : (u(), I(Ve, {
       key: 1,
-      "current-value": f.value,
-      label: t.label,
-      mode: t.mode,
-      onClear: s,
-      fieldRef: n.value,
-      width: l.width,
-      disabled: t.disabled,
+      "current-value": p.value,
+      label: c.label,
+      mode: c.mode,
+      onClear: r,
+      fieldRef: o.value,
+      width: t.width,
+      disabled: c.disabled,
       layout: "inline"
     }, {
-      default: oe(() => [
-        (i(), I(re(e(y)?.component), J({
+      default: ne(() => [
+        (u(), I(re(e(g)?.component), J({
           ref_key: "filterRef",
-          ref: n
-        }, l, {
-          modelValue: f.value,
-          "onUpdate:modelValue": p[3] || (p[3] = (b) => f.value = b),
-          type: e(y)?.type,
-          class: l.itemClass,
-          onChange: p[4] || (p[4] = (b) => h(b.name, b.value)),
-          onClear: p[5] || (p[5] = (b) => s(b))
+          ref: o
+        }, t, {
+          modelValue: p.value,
+          "onUpdate:modelValue": v[3] || (v[3] = (f) => p.value = f),
+          type: e(g)?.type,
+          class: t.itemClass,
+          onChange: v[4] || (v[4] = (f) => x(f.name, f.value)),
+          onClear: v[5] || (v[5] = (f) => r(f))
         }), null, 16, ["modelValue", "type", "class"]))
       ]),
       _: 1
     }, 8, ["current-value", "label", "mode", "fieldRef", "width", "disabled"]));
   }
-}), oa = /* @__PURE__ */ Y({
+}), no = /* @__PURE__ */ W({
   __name: "popover-layout",
   props: {
     id: {},
@@ -2311,46 +2317,46 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: v }) {
-    const l = t, r = v, n = $(), y = $($e(l.type, l.layout)), f = E({
-      get: () => l.modelValue,
-      set: (m) => r("update:modelValue", m)
+  setup(m, { expose: n, emit: y }) {
+    const t = m, s = y, o = A(), g = A(_e(t.type, t.layout)), p = O({
+      get: () => t.modelValue,
+      set: (c) => s("update:modelValue", c)
     });
-    function s(m) {
-      r("clear", m);
+    function r(c) {
+      s("clear", c);
     }
-    function h(m, p) {
-      r("change", { name: m, value: p }), l.modelValue !== void 0 && r("update:modelValue", p);
+    function x(c, v) {
+      s("change", { name: c, value: v }), t.modelValue !== void 0 && s("update:modelValue", v);
     }
-    return O(
-      () => l.default,
-      (m) => {
-        f.value = m;
+    return T(
+      () => t.default,
+      (c) => {
+        p.value = c;
       }
-    ), O(
-      () => l.modelValue,
-      (m) => {
-        f.value = m;
+    ), T(
+      () => t.modelValue,
+      (c) => {
+        p.value = c;
       }
-    ), O(
-      () => l,
-      (m) => {
-        f.value = m;
+    ), T(
+      () => t,
+      (c) => {
+        p.value = c;
       }
-    ), o({
-      filterRef: n
-    }), (m, p) => (i(), I(re(y.value?.component), J(l, {
-      type: y.value?.type,
-      class: l.itemClass,
-      modelValue: f.value,
-      "onUpdate:modelValue": p[0] || (p[0] = (b) => f.value = b),
-      onChange: p[1] || (p[1] = (b) => h(b.name, b.value)),
-      onClear: p[2] || (p[2] = (b) => s(b)),
+    ), n({
+      filterRef: o
+    }), (c, v) => (u(), I(re(g.value?.component), J(t, {
+      type: g.value?.type,
+      class: t.itemClass,
+      modelValue: p.value,
+      "onUpdate:modelValue": v[0] || (v[0] = (f) => p.value = f),
+      onChange: v[1] || (v[1] = (f) => x(f.name, f.value)),
+      onClear: v[2] || (v[2] = (f) => r(f)),
       ref_key: "filterRef",
-      ref: n
+      ref: o
     }), null, 16, ["type", "class", "modelValue"]));
   }
-}), te = /* @__PURE__ */ Y({
+}), te = /* @__PURE__ */ W({
   __name: "filter-field",
   props: {
     id: {},
@@ -2379,192 +2385,192 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(t, { expose: o, emit: v }) {
-    const l = t, r = v, n = $(), y = E({
-      get: () => l.modelValue,
-      set: (m) => r("update:modelValue", m)
+  setup(m, { expose: n, emit: y }) {
+    const t = m, s = y, o = A(), g = O({
+      get: () => t.modelValue,
+      set: (c) => s("update:modelValue", c)
     });
-    function f(m) {
-      r("clear", m);
+    function p(c) {
+      s("clear", c);
     }
-    function s(m, p) {
-      r("change", { name: m, value: p }), l.modelValue !== void 0 && r("update:modelValue", p);
+    function r(c, v) {
+      s("change", { name: c, value: v }), t.modelValue !== void 0 && s("update:modelValue", v);
     }
-    O(
-      () => l.default,
-      (m) => {
-        y.value = m;
+    T(
+      () => t.default,
+      (c) => {
+        g.value = c;
       }
-    ), O(
-      () => l.modelValue,
-      (m) => {
-        y.value = m;
+    ), T(
+      () => t.modelValue,
+      (c) => {
+        g.value = c;
       }
-    ), o({
-      filterRef: n
+    ), n({
+      filterRef: o
     });
-    function h() {
-      switch (l.layout) {
+    function x() {
+      switch (t.layout) {
         case "inline":
-          return Fe;
+          return Re;
         case "vertical":
-          return na;
+          return ao;
         case "popover":
-          return oa;
+          return no;
         default:
-          return Fe;
+          return Re;
       }
     }
-    return (m, p) => (i(), I(re(h()), J(l, {
-      onChange: p[0] || (p[0] = (b) => s(b.name, b.value)),
-      onClear: p[1] || (p[1] = (b) => f(b)),
-      modelValue: y.value,
-      "onUpdate:modelValue": p[2] || (p[2] = (b) => y.value = b)
+    return (c, v) => (u(), I(re(x()), J(t, {
+      onChange: v[0] || (v[0] = (f) => r(f.name, f.value)),
+      onClear: v[1] || (v[1] = (f) => p(f)),
+      modelValue: g.value,
+      "onUpdate:modelValue": v[2] || (v[2] = (f) => g.value = f)
     }), null, 16, ["modelValue"]));
   }
 });
-function ye(t, o) {
+function ye(m, n) {
   const {
-    slots: v
-  } = t, l = (a) => a ? JSON.parse(JSON.stringify(ue(a))) : {}, r = $(l(t.value));
-  O(
-    () => t.value,
-    (a) => {
-      r.value = l(a);
+    slots: y
+  } = m, t = (l) => l ? JSON.parse(JSON.stringify(ue(l))) : {}, s = A(t(m.value));
+  T(
+    () => m.value,
+    (l) => {
+      s.value = t(l);
     },
     { deep: !0, immediate: !0 }
   );
-  const n = E(() => (ue(v?.default?.()) ?? []).flatMap((u) => Array.isArray(u.children) ? u.children : [u]));
-  function y(a) {
-    delete r.value[a], o("clear", {
-      data: ue(r.value),
-      name: a
+  const o = O(() => (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),
+      name: l
     });
   }
-  function f(a, u) {
-    u === void 0 ? y(a) : r.value = {
-      ...r.value,
-      [a]: u
-    }, o("change", {
-      data: ue(r.value),
-      name: a,
-      value: u
+  function p(l, a) {
+    a === void 0 ? g(l) : s.value = {
+      ...s.value,
+      [l]: a
+    }, n("change", {
+      data: ue(s.value),
+      name: l,
+      value: a
     });
   }
-  const s = E(() => n.value.map((a) => {
-    const u = a.props?.name;
-    return We(a, {
-      ...a.props,
-      layout: t.view,
+  const r = O(() => o.value.map((l) => {
+    const a = l.props?.name;
+    return We(l, {
+      ...l.props,
+      layout: m.view,
       showClean: !0,
-      modelValue: r.value[u],
-      "onUpdate:modelValue": (g) => {
-        f(u, g);
+      modelValue: s.value[a],
+      "onUpdate:modelValue": (b) => {
+        p(a, b);
       },
-      onClear: () => y(u),
-      class: [t.itemClass, a.props?.class],
-      itemClass: [t.itemClass, a.props?.itemClass].filter((g) => typeof g == "string" && g.trim().length > 0).join(" ") || void 0
+      onClear: () => g(a),
+      class: [m.itemClass, l.props?.class],
+      itemClass: [m.itemClass, l.props?.itemClass].filter((b) => typeof b == "string" && b.trim().length > 0).join(" ") || void 0
     });
-  })), h = E(
+  })), x = O(
     () => new Map(
-      s.value.map((a) => {
-        const u = a.props?.name;
-        return u ? [u, a] : null;
-      }).filter((a) => a !== null)
+      r.value.map((l) => {
+        const a = l.props?.name;
+        return a ? [a, l] : null;
+      }).filter((l) => l !== null)
     )
   );
-  function m(a = !1) {
-    r.value = {}, a || o("clearAll", {
-      data: ue(r.value),
+  function c(l = !1) {
+    s.value = {}, l || n("clearAll", {
+      data: ue(s.value),
       name: "ALL"
     });
   }
-  const p = $(""), b = E(() => t.schema?.value ? Object.entries(r.value).filter(([a, u]) => t.schema && !(a in t.schema.value) ? !1 : Array.isArray(u) ? u.some((g) => g !== "" && g !== void 0) : u !== "" && u !== void 0).length : 0), k = $();
-  O(p, async () => {
+  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();
+  T(v, async () => {
     await fe(), k?.value?.filterRef?.inputTextRef && k.value.filterRef.inputTextRef.focus();
   });
-  const V = E(() => t.schema?.value ? Object.fromEntries(Object.entries(t.schema?.value).slice(0, t.limit)) : {}), A = E(() => {
-    if (s.value.length === 0) return [];
-    let a = 0;
-    if (t.schema?.value) {
-      const u = Object.entries(t.schema.value).length;
-      t.limit && u < t.limit ? a = t.limit - u : a = 0;
+  const _ = O(() => m.schema?.value ? Object.fromEntries(Object.entries(m.schema?.value).slice(0, m.limit)) : {}), V = O(() => {
+    if (r.value.length === 0) return [];
+    let l = 0;
+    if (m.schema?.value) {
+      const a = Object.entries(m.schema.value).length;
+      m.limit && a < m.limit ? l = m.limit - a : l = 0;
     }
-    return s.value.slice(0, a);
-  }), d = E(() => s.value.length === 0 ? [] : t.view !== "inline" ? s.value : s.value.slice(A.value.length));
+    return r.value.slice(0, l);
+  }), i = O(() => r.value.length === 0 ? [] : m.view !== "inline" ? r.value : r.value.slice(V.value.length));
   return {
-    activeFilter: r,
-    activeFilterCount: b,
-    onFilterChange: f,
-    clearFilter: y,
-    clearAllFilters: m,
-    limitedSchema: V,
-    filtersSlot: s,
-    limitedFiltersSlot: A,
-    popoverFiltersSlot: d,
-    vnodeMap: h,
-    selectedFilter: p,
+    activeFilter: s,
+    activeFilterCount: f,
+    onFilterChange: p,
+    clearFilter: g,
+    clearAllFilters: c,
+    limitedSchema: _,
+    filtersSlot: r,
+    limitedFiltersSlot: V,
+    popoverFiltersSlot: i,
+    vnodeMap: x,
+    selectedFilter: v,
     filterRef: k
   };
 }
-const ra = /* @__PURE__ */ Y({
+const ro = /* @__PURE__ */ W({
   __name: "popover",
   emits: ["open", "close"],
-  setup(t, { emit: o }) {
-    const v = $(!1), l = $(null), r = $(null), n = $(null), y = $({ top: "0px", left: "0px", position: "absolute" });
-    function f() {
-      v.value = !v.value;
+  setup(m, { emit: n }) {
+    const y = A(!1), t = A(null), s = A(null), o = A(null), g = A({ top: "0px", left: "0px", position: "absolute" });
+    function p() {
+      y.value = !y.value;
     }
-    function s() {
-      const k = n.value, V = l.value;
-      if (!k || !V) return;
-      const A = k.getBoundingClientRect(), d = V.offsetWidth, a = window.innerWidth - A.left;
-      let u = A.left + window.scrollX;
-      d > a && (u = window.innerWidth - d - 8, u < 8 && (u = 8)), y.value = {
+    function r() {
+      const k = o.value, _ = t.value;
+      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 = {
         position: "absolute",
-        top: `${A.bottom + window.scrollY + 8}px`,
-        left: `${u}px`
+        top: `${V.bottom + window.scrollY + 8}px`,
+        left: `${a}px`
       };
     }
-    const h = E(() => Object.entries(y.value).map((k) => k.join(":")).join(";"));
-    function m(k) {
-      const V = k.target;
-      !n.value?.contains(k.target) && !l.value?.contains(k.target) && !V.closest("[data-inside-popover]") && (v.value = !1);
+    const x = O(() => 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);
     }
-    const p = $(!1);
-    de(() => {
-      p.value = !0;
-    }), de(() => {
-      n.value = r.value?.querySelector("[data-popover-trigger]") || null, n.value?.addEventListener("click", f), document.addEventListener("click", m), window.addEventListener("resize", s), window.addEventListener("scroll", s, !0);
-    }), pe(() => {
-      n.value?.removeEventListener("click", f), document.removeEventListener("click", m), window.removeEventListener("resize", s), window.removeEventListener("scroll", s, !0);
+    const v = A(!1);
+    ce(() => {
+      v.value = !0;
+    }), ce(() => {
+      o.value = s.value?.querySelector("[data-popover-trigger]") || null, o.value?.addEventListener("click", p), document.addEventListener("click", c), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0);
+    }), me(() => {
+      o.value?.removeEventListener("click", p), document.removeEventListener("click", c), window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
     });
-    const b = o;
-    return O(v, async (k) => {
-      k ? (b("open"), await fe(), s()) : b("close");
-    }), (k, V) => (i(), w("div", {
+    const f = n;
+    return T(y, async (k) => {
+      k ? (f("open"), await fe(), r()) : f("close");
+    }), (k, _) => (u(), w("div", {
       ref_key: "wrapperRef",
-      ref: r
+      ref: s
     }, [
-      ce(k.$slots, "trigger"),
-      p.value ? (i(), I(ge, {
+      de(k.$slots, "trigger"),
+      v.value ? (u(), I(ge, {
         key: 0,
         to: "body"
       }, [
-        q(c("div", {
+        H(d("div", {
           ref_key: "popoverRef",
-          ref: l,
+          ref: t,
           class: "absolute z-[50] w-[600px] rounded-md border bg-white shadow-md",
-          style: be(h.value)
+          style: be(x.value)
         }, [
-          ce(k.$slots, "default")
+          de(k.$slots, "default")
         ], 4), [
-          [Z, v.value]
+          [Z, y.value]
         ])
       ])) : C("", !0)
     ], 512));
   }
-}), sa = {}, ia = {
+}), so = {}, io = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -2576,27 +2582,27 @@ const ra = /* @__PURE__ */ Y({
   "stroke-linejoin": "round",
   class: "lucide lucide-filter h-4 w-4"
 };
-function ua(t, o) {
-  return i(), w("svg", ia, [...o[0] || (o[0] = [
-    c("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
-  ])]);
+function uo(m, n) {
+  return u(), w("svg", io, n[0] || (n[0] = [
+    d("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
+  ]));
 }
-const Ue = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-center gap-2 overflow-hidden" }, da = {
+const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-center gap-2 overflow-hidden" }, fo = {
   key: 0,
   class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-[4px] bg-blue-500 px-1 text-[11px] font-semibold text-white"
-}, fa = { class: "flex max-h-[400px]" }, ma = { class: "w-64 border-r border-gray-200 overflow-y-auto" }, pa = { class: "p-4 border-b" }, va = { class: "text-sm text-gray-600" }, ya = { class: "p-2" }, ga = ["onClick"], ba = { class: "flex items-center gap-2" }, xa = { class: "text-sm font-medium" }, ha = {
+}, po = { class: "flex max-h-[400px]" }, mo = { class: "w-64 border-r border-gray-200 overflow-y-auto" }, vo = { class: "p-4 border-b" }, yo = { class: "text-sm text-gray-600" }, go = { class: "p-2" }, bo = ["onClick"], ho = { class: "flex items-center gap-2" }, xo = { class: "text-sm font-medium" }, wo = {
   key: 0,
   class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-[4px] bg-blue-100 px-1 text-[11px] font-semibold text-blue-600"
-}, wa = ["onClick"], ka = { class: "flex items-center gap-2" }, Ca = { class: "text-sm font-medium" }, Va = {
+}, ko = ["onClick"], Co = { class: "flex items-center gap-2" }, Vo = { class: "text-sm font-medium" }, _o = {
   key: 0,
   class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-[4px] bg-blue-100 px-1 text-[11px] font-semibold text-blue-600"
-}, $a = {
+}, $o = {
   key: 0,
   class: "p-2 border-t"
-}, Aa = { class: "flex-1 min-h-[300px] overflow-y-auto" }, Sa = {
+}, Ao = { class: "flex-1 min-h-[300px] overflow-y-auto" }, So = {
   key: 0,
   class: "flex items-center justify-center h-full text-gray-500"
-}, Ba = { class: "text-sm" }, ze = /* @__PURE__ */ Y({
+}, Bo = { class: "text-sm" }, ze = /* @__PURE__ */ W({
   __name: "popover-filter-layout",
   props: {
     badgeCount: {},
@@ -2613,152 +2619,152 @@ const Ue = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(t, { expose: o, emit: v }) {
-    const l = le(), r = t, n = Ie(r.mode), y = me(), f = v, s = $({}), h = E(() => s?.value ? r.view !== "inline" ? s?.value : Object.fromEntries(Object.entries(s?.value).slice(r.limit)) : {}), {
-      activeFilter: m,
-      activeFilterCount: p,
-      onFilterChange: b,
+  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)) : {}), {
+      activeFilter: c,
+      activeFilterCount: v,
+      onFilterChange: f,
       clearFilter: k,
-      clearAllFilters: V,
-      popoverFiltersSlot: A,
-      selectedFilter: d,
-      filterRef: a
+      clearAllFilters: _,
+      popoverFiltersSlot: V,
+      selectedFilter: i,
+      filterRef: l
     } = ye({
-      ...r,
-      schema: s,
-      slots: y
-    }, f), u = E(() => r.badgeCount ?? p.value);
-    function g(U) {
-      return Array.isArray(U) ? U.filter((j) => j != null && j !== "").length : U && typeof U == "object" ? Object.values(U).filter((j) => j != null && j !== "").length : U === null || U !== void 0 && U !== "" ? 1 : 0;
+      ...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;
     }
-    function x(U) {
-      return m.value ? g(m.value[U]) : 0;
+    function h(M) {
+      return c.value ? b(c.value[M]) : 0;
     }
-    function M() {
-      if (h.value) {
-        const [U] = Object.keys(h.value);
-        d.value = U;
-      } else A.value.length > 0 ? d.value = A.value[0].props.name : d.value = "";
+    function K() {
+      if (x.value) {
+        const [M] = Object.keys(x.value);
+        i.value = M;
+      } else V.value.length > 0 ? i.value = V.value[0].props.name : i.value = "";
     }
-    return O(
-      () => r.schema,
-      (U) => {
-        s.value = U ?? {};
+    return T(
+      () => s.schema,
+      (M) => {
+        r.value = M ?? {};
       },
       { deep: !0, immediate: !0 }
-    ), o({
+    ), n({
       clearFilter: k,
-      clearAllFilters: V
-    }), (U, j) => (i(), I(ra, {
-      onOpen: M,
-      onClose: j[5] || (j[5] = (B) => d.value = "")
+      clearAllFilters: _
+    }), (M, $) => (u(), I(ro, {
+      onOpen: K,
+      onClose: $[5] || ($[5] = (S) => i.value = "")
     }, {
-      trigger: oe(() => [
-        c("button", {
+      trigger: ne(() => [
+        d("button", {
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
-          class: L([
-            t.itemClass,
-            e(n),
+          class: E([
+            M.itemClass,
+            e(o),
             "flex items-center justify-between gap-2",
-            u.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600 hover:border-blue-500" : "text-neutral-700 hover:border-neutral-400"
+            a.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600 hover:border-blue-500" : "text-neutral-700 hover:border-neutral-400"
           ]),
           type: "button"
         }, [
-          c("span", ca, [
-            W(Ue, { class: "h-4 w-4" }),
-            j[6] || (j[6] = c("span", { class: "text-sm font-medium" }, "Фільтр", -1))
+          d("span", co, [
+            q(Ue, { class: "h-4 w-4" }),
+            $[6] || ($[6] = d("span", { class: "text-sm font-medium" }, "Фільтр", -1))
           ]),
-          u.value > 0 ? (i(), w("span", da, S(u.value), 1)) : C("", !0)
+          a.value > 0 ? (u(), w("span", fo, B(a.value), 1)) : C("", !0)
         ], 2)
       ]),
-      default: oe(() => [
-        c("div", fa, [
-          c("div", ma, [
-            c("div", pa, [
-              c("p", va, S(e(l)("filter.selectFieldHelp")), 1)
+      default: ne(() => [
+        d("div", po, [
+          d("div", mo, [
+            d("div", vo, [
+              d("p", yo, B(e(t)("filter.selectFieldHelp")), 1)
             ]),
-            c("div", ya, [
-              t.schema ? (i(!0), w(_, { key: 0 }, X(Object.entries(h.value), ([B, K]) => (i(), w("button", {
-                key: B,
+            d("div", go, [
+              M.schema ? (u(!0), w(U, { key: 0 }, X(Object.entries(x.value), ([S, F]) => (u(), w("button", {
+                key: S,
                 onClick: () => {
-                  d.value = B;
+                  i.value = S;
                 },
-                class: L([
+                class: E([
                   "flex w-full items-center justify-between px-3 py-2 text-left transition-colors hover:bg-gray-50",
-                  e(d) === B ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
+                  e(i) === S ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
                 ])
               }, [
-                c("div", ba, [
-                  c("span", xa, S(K.label), 1)
+                d("div", ho, [
+                  d("span", xo, B(F.label), 1)
                 ]),
-                x(B) > 0 ? (i(), w("div", ha, S(x(B)), 1)) : C("", !0)
-              ], 10, ga))), 128)) : C("", !0),
-              (i(!0), w(_, null, X(e(A), (B, K) => (i(), w("button", {
-                key: "slot-" + K,
-                onClick: (R) => d.value = B.props.name,
-                class: L([
+                h(S) > 0 ? (u(), w("div", wo, B(h(S)), 1)) : C("", !0)
+              ], 10, bo))), 128)) : C("", !0),
+              (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([
                   "flex items-center justify-between px-3 py-2 text-left transition-colors hover:bg-gray-50",
-                  e(d) === B.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
+                  e(i) === S.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
                 ])
               }, [
-                c("div", ka, [
-                  c("span", Ca, S(B.props.label), 1)
+                d("div", Co, [
+                  d("span", Vo, B(S.props.label), 1)
                 ]),
-                x(B.props.name) > 0 ? (i(), w("div", Va, S(x(B.props.name)), 1)) : C("", !0)
-              ], 10, wa))), 128))
+                h(S.props.name) > 0 ? (u(), w("div", _o, B(h(S.props.name)), 1)) : C("", !0)
+              ], 10, ko))), 128))
             ]),
-            e(p) > 0 ? (i(), w("div", $a, [
-              c("button", {
-                class: L([t.itemClass, "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors"]),
-                onClick: j[0] || (j[0] = (B) => e(V)()),
+            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"]),
+                onClick: $[0] || ($[0] = (S) => e(_)()),
                 "data-inside-popover": ""
               }, " Очистити всі ", 2)
             ])) : C("", !0)
           ]),
-          c("div", Aa, [
-            e(d) === "" ? (i(), w("div", Sa, [
-              c("p", Ba, S(e(l)("filter.selectFieldHelp")), 1)
+          d("div", Ao, [
+            e(i) === "" ? (u(), w("div", So, [
+              d("p", Bo, B(e(t)("filter.selectFieldHelp")), 1)
             ])) : C("", !0),
-            e(d) ? (i(), w(_, { key: 1 }, [
-              h.value ? (i(!0), w(_, { key: 0 }, X(Object.entries(h.value), ([B, K]) => (i(), w(_, null, [
-                e(d) === B ? (i(), I(te, J({
-                  key: B,
+            e(i) ? (u(), w(U, { key: 1 }, [
+              x.value ? (u(!0), w(U, { key: 0 }, X(Object.entries(x.value), ([S, F]) => (u(), w(U, null, [
+                e(i) === S ? (u(), I(te, J({
+                  key: S,
                   layout: "popover",
                   ref_for: !0,
                   ref_key: "filterRef",
-                  ref: a
-                }, { ref_for: !0 }, K, {
-                  class: [t.itemClass, K?.class],
-                  "item-class": [t.itemClass, K?.itemClass].filter(Boolean).join(" ") || void 0,
-                  onChange: j[1] || (j[1] = (R) => e(b)(R.name, R.value)),
-                  onClear: j[2] || (j[2] = (R) => {
-                    e(k)(R), e(b)(R, void 0);
+                  ref: l
+                }, { ref_for: !0 }, F, {
+                  class: [M.itemClass, F?.class],
+                  "item-class": [M.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);
                   }),
-                  modelValue: e(m)[B],
-                  "onUpdate:modelValue": (R) => e(m)[B] = R,
+                  modelValue: e(c)[S],
+                  "onUpdate:modelValue": (D) => e(c)[S] = D,
                   cleanable: !0
                 }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : C("", !0)
               ], 64))), 256)) : C("", !0),
-              (i(!0), w(_, null, X(e(A), (B, K) => (i(), w(_, {
-                key: "slot-" + K
+              (u(!0), w(U, null, X(e(V), (S, F) => (u(), w(U, {
+                key: "slot-" + F
               }, [
-                e(d) === B.props.name ? (i(), I(te, J({
+                e(i) === S.props.name ? (u(), I(te, J({
                   key: 0,
                   layout: "popover"
-                }, { ref_for: !0 }, B.props, {
+                }, { ref_for: !0 }, S.props, {
                   ref_for: !0,
                   ref_key: "filterRef",
-                  ref: a,
-                  class: [t.itemClass, B.props?.class],
-                  "item-class": [t.itemClass, B.props?.itemClass].filter(Boolean).join(" ") || void 0,
-                  onChange: j[3] || (j[3] = (R) => e(b)(R.name, R.value)),
-                  onClear: j[4] || (j[4] = (R) => {
-                    e(k)(R), e(b)(R, void 0);
+                  ref: l,
+                  class: [M.itemClass, S.props?.class],
+                  "item-class": [M.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);
                   }),
-                  modelValue: e(m)[B.props.name],
-                  "onUpdate:modelValue": (R) => e(m)[B.props.name] = R,
+                  modelValue: e(c)[S.props.name],
+                  "onUpdate:modelValue": (D) => e(c)[S.props.name] = D,
                   cleanable: !0
                 }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : C("", !0)
               ], 64))), 128))
@@ -2769,7 +2775,7 @@ const Ue = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-c
       _: 1
     }));
   }
-}), ja = { class: "flex gap-1 items-center flex-wrap" }, Ke = /* @__PURE__ */ Y({
+}), jo = { class: "flex gap-1 items-center flex-wrap" }, Fe = /* @__PURE__ */ W({
   __name: "inline-filter-layout",
   props: {
     schema: {},
@@ -2785,106 +2791,106 @@ const Ue = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(t, { expose: o, emit: v }) {
-    const l = le(), r = t, n = v, y = me(), f = $({}), s = E(() => Object.keys(r.schema).length > r.limit), {
-      activeFilter: h,
-      activeFilterCount: m,
-      onFilterChange: p,
-      clearFilter: b,
+  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), {
+      activeFilter: x,
+      activeFilterCount: c,
+      onFilterChange: v,
+      clearFilter: f,
       clearAllFilters: k,
-      limitedSchema: V,
-      filtersSlot: A,
-      limitedFiltersSlot: d
+      limitedSchema: _,
+      filtersSlot: V,
+      limitedFiltersSlot: i
     } = ye(
       {
-        ...r,
-        schema: f,
-        slots: y
+        ...s,
+        schema: p,
+        slots: g
       },
-      n
+      o
     );
-    function a(j) {
-      return Array.isArray(j) ? j.some((B) => B !== "" && B !== void 0 && B !== null) : j === null ? !0 : j && typeof j == "object" ? Object.values(j).some((B) => B !== "" && B !== void 0 && B !== null) : j !== "" && j !== void 0;
+    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 u = E(() => {
-      const j = Object.keys(V.value ?? {}), B = d.value.map((K) => K.props?.name).filter((K) => typeof K == "string");
-      return /* @__PURE__ */ new Set([...j, ...B]);
-    }), g = E(() => Object.entries(h.value ?? {}).filter(([j, B]) => u.value.has(j) && a(B)).length), x = E(() => {
-      const j = m.value ?? 0, B = g.value ?? 0;
-      return Math.max(j - B, 0);
-    }), M = $();
-    function U() {
-      M.value && M.value.clearAllFilters(!0), k();
+    const a = O(() => {
+      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(() => {
+      const $ = c.value ?? 0, S = b.value ?? 0;
+      return Math.max($ - S, 0);
+    }), K = A();
+    function M() {
+      K.value && K.value.clearAllFilters(!0), k();
     }
-    return O(
-      () => r.schema,
-      (j) => {
-        f.value = j;
+    return T(
+      () => s.schema,
+      ($) => {
+        p.value = $;
       },
       { deep: !0, immediate: !0 }
-    ), o({
-      clearFilter: b,
+    ), n({
+      clearFilter: f,
       clearAllFilters: k
-    }), (j, B) => (i(), w("div", ja, [
-      t.schema ? (i(!0), w(_, { key: 0 }, X(Object.entries(e(V)), ([K, R]) => (i(), I(te, J({
-        key: K,
-        mode: t.mode,
-        width: t.width ? t.width : R?.width
-      }, { ref_for: !0 }, R, {
-        class: [t.itemClass, R?.class],
-        "item-class": [t.itemClass, R?.itemClass].filter(Boolean).join(" ") || void 0,
-        onChange: B[0] || (B[0] = (F) => e(p)(F.name, F.value)),
-        onClear: e(b),
+    }), ($, S) => (u(), w("div", jo, [
+      $.schema ? (u(!0), w(U, { key: 0 }, X(Object.entries(e(_)), ([F, D]) => (u(), I(te, J({
+        key: F,
+        mode: $.mode,
+        width: $.width ? $.width : D?.width
+      }, { ref_for: !0 }, D, {
+        class: [$.itemClass, D?.class],
+        "item-class": [$.itemClass, D?.itemClass].filter(Boolean).join(" ") || void 0,
+        onChange: S[0] || (S[0] = (R) => e(v)(R.name, R.value)),
+        onClear: e(f),
         layout: "inline",
         cleanable: !0,
-        modelValue: e(h)[K],
-        "onUpdate:modelValue": (F) => e(h)[K] = F
+        modelValue: e(x)[F],
+        "onUpdate:modelValue": (R) => e(x)[F] = R
       }), null, 16, ["mode", "width", "class", "item-class", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : C("", !0),
-      (i(!0), w(_, null, X(e(d), (K, R) => (i(), I(te, J({
-        key: "slot-" + R,
+      (u(!0), w(U, null, X(e(i), (F, D) => (u(), I(te, J({
+        key: "slot-" + D,
         layout: "inline"
-      }, { ref_for: !0 }, K.props, {
-        class: [t.itemClass, K.props?.class],
-        "item-class": [t.itemClass, K.props?.itemClass].filter(Boolean).join(" ") || void 0,
-        onChange: B[1] || (B[1] = (F) => e(p)(F.name, F.value)),
-        onClear: B[2] || (B[2] = (F) => {
-          e(b)(F), e(p)(F, void 0);
+      }, { ref_for: !0 }, F.props, {
+        class: [$.itemClass, F.props?.class],
+        "item-class": [$.itemClass, F.props?.itemClass].filter(Boolean).join(" ") || void 0,
+        onChange: S[1] || (S[1] = (R) => e(v)(R.name, R.value)),
+        onClear: S[2] || (S[2] = (R) => {
+          e(f)(R), e(v)(R, void 0);
         }),
         cleanable: !0,
-        modelValue: e(h)[K.props.name],
-        "onUpdate:modelValue": (F) => e(h)[K.props.name] = F
+        modelValue: e(x)[F.props.name],
+        "onUpdate:modelValue": (R) => e(x)[F.props.name] = R
       }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)),
-      s.value ? (i(), I(ze, J({ key: 1 }, r, {
-        schema: t.schema,
-        limit: t.limit,
-        onChange: B[3] || (B[3] = (K) => e(p)(K.name, K.value)),
-        onClearAll: B[4] || (B[4] = (K) => e(k)()),
-        onClear: B[5] || (B[5] = (K) => e(b)(K.name)),
-        mode: t.mode,
+      r.value ? (u(), I(ze, J({ key: 1 }, s, {
+        schema: $.schema,
+        limit: $.limit,
+        onChange: S[3] || (S[3] = (F) => e(v)(F.name, F.value)),
+        onClearAll: S[4] || (S[4] = (F) => e(k)()),
+        onClear: S[5] || (S[5] = (F) => e(f)(F.name)),
+        mode: $.mode,
         ref_key: "popoverRef",
-        ref: M,
+        ref: K,
         cleanable: !0,
-        "badge-count": x.value
+        "badge-count": h.value
       }), {
-        default: oe(() => [
-          (i(!0), w(_, null, X(e(A), (K, R) => (i(), I(re(K), J({
-            key: "slot-" + R,
+        default: ne(() => [
+          (u(!0), w(U, null, X(e(V), (F, D) => (u(), I(re(F), J({
+            key: "slot-" + D,
             layout: "popover"
-          }, { ref_for: !0 }, K.props, { cleanable: !0 }), null, 16))), 128))
+          }, { ref_for: !0 }, F.props, { cleanable: !0 }), null, 16))), 128))
         ]),
         _: 1
       }, 16, ["schema", "limit", "mode", "badge-count"])) : C("", !0),
-      e(m) > 0 ? (i(), w("button", {
+      e(c) > 0 ? (u(), w("button", {
         key: 2,
-        onClick: U,
-        class: L([t.itemClass, "relative py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-md bg-gray-50 border text-gray-800 hover:bg-gray-200 focus:bg-gray-200"])
-      }, S(e(l)("filter.clear")), 3)) : C("", !0)
+        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"])
+      }, B(e(t)("filter.clear")), 3)) : C("", !0)
     ]));
   }
-}), Da = {
+}), Do = {
   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"
-}, Ra = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, Fa = /* @__PURE__ */ Y({
+}, Ro = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, Fo = /* @__PURE__ */ W({
   __name: "vertical-filter-layout",
   props: {
     schema: {},
@@ -2900,67 +2906,67 @@ const Ue = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(t, { expose: o, emit: v }) {
-    const l = t, r = v, n = me(), {
-      activeFilter: y,
-      activeFilterCount: f,
-      onFilterChange: s,
-      clearFilter: h,
-      clearAllFilters: m,
-      filtersSlot: p
+  setup(m, { expose: n, emit: y }) {
+    const t = m, s = y, o = pe(), {
+      activeFilter: g,
+      activeFilterCount: p,
+      onFilterChange: r,
+      clearFilter: x,
+      clearAllFilters: c,
+      filtersSlot: v
     } = ye({
-      ...l,
-      slots: n
-    }, r);
-    return o({
-      clearFilter: h,
-      clearAllFilters: m
-    }), (b, k) => t.view === "vertical" ? (i(), w("div", Da, [
-      c("div", Ra, [
-        e(f) > 0 ? (i(), w("button", {
+      ...t,
+      slots: o
+    }, s);
+    return n({
+      clearFilter: x,
+      clearAllFilters: c
+    }), (f, k) => f.view === "vertical" ? (u(), w("div", Do, [
+      d("div", Ro, [
+        e(p) > 0 ? (u(), w("button", {
           key: 0,
-          onClick: k[0] || (k[0] = (V) => e(m)()),
+          onClick: k[0] || (k[0] = (_) => e(c)()),
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
-          class: L([t.itemClass, "w-full ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground border h-10 px-4 py-2 gap-2 m-2 bg-white text-gray-800 hover:bg-gray-200 focus:bg-gray-200"]),
+          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"]),
           type: "button"
         }, " Очистити ", 2)) : C("", !0),
-        t.schema ? (i(!0), w(_, { key: 1 }, X(Object.entries(t.schema), ([V, A]) => (i(), I(te, J({ layout: "vertical" }, { ref_for: !0 }, A, {
-          class: [t.itemClass, A?.class],
-          "item-class": [t.itemClass, A?.itemClass].filter(Boolean).join(" ") || void 0,
-          onChange: k[1] || (k[1] = (d) => e(s)(d.name, d.value)),
-          onClear: k[2] || (k[2] = (d) => {
-            e(h)(d), e(s)(d, void 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, {
+          class: [f.itemClass, V?.class],
+          "item-class": [f.itemClass, V?.itemClass].filter(Boolean).join(" ") || void 0,
+          onChange: k[1] || (k[1] = (i) => e(r)(i.name, i.value)),
+          onClear: k[2] || (k[2] = (i) => {
+            e(x)(i), e(r)(i, void 0);
           }),
-          modelValue: e(y)[V],
-          "onUpdate:modelValue": (d) => e(y)[V] = d,
+          modelValue: e(g)[_],
+          "onUpdate:modelValue": (i) => e(g)[_] = i,
           showClean: !0
         }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 256)) : C("", !0),
-        (i(!0), w(_, null, X(e(p), (V, A) => (i(), I(te, J({
-          key: "slot-" + A,
+        (u(!0), w(U, null, X(e(v), (_, V) => (u(), I(te, J({
+          key: "slot-" + V,
           layout: "vertical"
-        }, { ref_for: !0 }, V.props, {
-          class: [t.itemClass, V.props?.class],
-          "item-class": [t.itemClass, V.props?.itemClass].filter(Boolean).join(" ") || void 0,
-          onChange: k[3] || (k[3] = (d) => e(s)(d.name, d.value)),
-          onClear: k[4] || (k[4] = (d) => {
-            e(h)(d), e(s)(d, void 0);
+        }, { ref_for: !0 }, _.props, {
+          class: [f.itemClass, _.props?.class],
+          "item-class": [f.itemClass, _.props?.itemClass].filter(Boolean).join(" ") || void 0,
+          onChange: k[3] || (k[3] = (i) => e(r)(i.name, i.value)),
+          onClear: k[4] || (k[4] = (i) => {
+            e(x)(i), e(r)(i, void 0);
           }),
-          modelValue: e(y)[V.props.name],
-          "onUpdate:modelValue": (d) => e(y)[V.props.name] = d,
+          modelValue: e(g)[_.props.name],
+          "onUpdate:modelValue": (i) => e(g)[_.props.name] = i,
           showClean: !0
         }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128))
       ])
     ])) : C("", !0);
   }
-}), Ka = ["onKeydown"], Ma = ["disabled"], La = {
+}), Ko = ["onKeydown"], Mo = ["disabled"], Lo = {
   key: 0,
   class: "ml-2 inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-full bg-blue-500 px-1.5 text-[11px] font-semibold text-white"
-}, Ea = { class: "rounded-2xl border border-slate-300/35 bg-white/95 p-4 shadow-2xl backdrop-blur-sm" }, Oa = { class: "mb-3 flex items-center justify-between" }, Ta = { class: "text-[15px] font-semibold text-slate-800" }, Ia = { "aria-hidden": "true" }, _a = { class: "flex max-h-80 flex-col gap-1 overflow-y-auto" }, Ua = {
+}, Eo = { class: "rounded-2xl border border-slate-300/35 bg-white/95 p-4 shadow-2xl backdrop-blur-sm" }, Oo = { class: "mb-3 flex items-center justify-between" }, To = { class: "text-[15px] font-semibold text-slate-800" }, Io = { "aria-hidden": "true" }, Uo = { class: "flex max-h-80 flex-col gap-1 overflow-y-auto" }, zo = {
   key: 0,
   class: "mt-3 flex justify-end"
-}, za = /* @__PURE__ */ Y({
+}, No = /* @__PURE__ */ W({
   __name: "popover-inline-filter-layout",
   props: {
     schema: {},
@@ -2976,177 +2982,177 @@ const Ue = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(t, { emit: o }) {
-    const v = le(), l = t, r = o, n = $({}), y = me(), {
-      activeFilter: f,
-      activeFilterCount: s,
-      onFilterChange: h,
-      clearFilter: m,
-      clearAllFilters: p,
-      filtersSlot: b
+  setup(m, { emit: n }) {
+    const y = le(), t = m, s = n, o = A({}), g = pe(), {
+      activeFilter: p,
+      activeFilterCount: r,
+      onFilterChange: x,
+      clearFilter: c,
+      clearAllFilters: v,
+      filtersSlot: f
     } = ye(
       {
-        ...l,
-        schema: n.value,
-        slots: y
+        ...t,
+        schema: o.value,
+        slots: g
       },
-      r
-    ), k = $(null), V = $(null), A = qe({ open: !1, top: 0, left: 0 }), d = E(() => A.open), a = E(() => !!l.disabled), u = E(() => n.value || {}), g = E(() => l.title ?? "Фільтр"), x = E(() => !!y.trigger), M = E(() => [
+      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(() => [
       "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",
-      a.value ? "cursor-not-allowed opacity-60" : "cursor-pointer"
-    ]), U = E(() => A.open ? {
+      l.value ? "cursor-not-allowed opacity-60" : "cursor-pointer"
+    ]), M = O(() => V.open ? {
       position: "absolute",
-      top: `${A.top}px`,
-      left: `${A.left}px`,
+      top: `${V.top}px`,
+      left: `${V.left}px`,
       transform: "translateX(-50%)",
       zIndex: 1e3
     } : { display: "none" });
-    function j() {
-      A.open = !1;
+    function $() {
+      V.open = !1;
     }
-    function B() {
+    function S() {
       if (!k.value) return;
-      const H = k.value.getBoundingClientRect();
-      A.top = H.bottom + window.scrollY + 8, A.left = H.left + H.width / 2 + window.scrollX;
+      const z = k.value.getBoundingClientRect();
+      V.top = z.bottom + window.scrollY + 8, V.left = z.left + z.width / 2 + window.scrollX;
     }
-    function K() {
-      A.open = !A.open, A.open && fe(B);
+    function F() {
+      V.open = !V.open, V.open && fe(S);
     }
-    function R() {
-      a.value || K();
+    function D() {
+      l.value || F();
     }
-    function F() {
-      A.open && B();
+    function R() {
+      V.open && S();
     }
-    function z() {
-      p();
+    function N() {
+      v();
     }
-    return de(() => {
-      window.addEventListener("resize", F), window.addEventListener("scroll", F, !0);
-    }), pe(() => {
-      window.removeEventListener("resize", F), window.removeEventListener("scroll", F, !0);
-    }), O(
-      () => l.schema,
-      (H) => {
-        if (!H) {
-          n.value = {};
+    return ce(() => {
+      window.addEventListener("resize", R), window.addEventListener("scroll", R, !0);
+    }), me(() => {
+      window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0);
+    }), T(
+      () => t.schema,
+      (z) => {
+        if (!z) {
+          o.value = {};
           return;
         }
-        if (Array.isArray(H)) {
-          const D = H.filter((T) => T && (T.name || T.id)).map((T) => {
-            const N = T.name || T.id;
-            return [N, { ...T, name: N }];
+        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 }];
           });
-          n.value = Object.fromEntries(D);
+          o.value = Object.fromEntries(j);
           return;
         }
-        n.value = H;
+        o.value = z;
       },
       { deep: !0, immediate: !0 }
-    ), O(
-      () => l.disabled,
-      (H) => {
-        H && j();
+    ), T(
+      () => t.disabled,
+      (z) => {
+        z && $();
       }
-    ), (H, D) => (i(), w("div", {
+    ), (z, j) => (u(), w("div", {
       class: "relative inline-flex",
       ref_key: "anchor",
       ref: k
     }, [
-      x.value ? (i(), w("span", {
+      h.value ? (u(), w("span", {
         key: 0,
-        class: L(["inline-flex", a.value ? "cursor-not-allowed opacity-60 pointer-events-none" : "cursor-pointer"]),
+        class: E(["inline-flex", l.value ? "cursor-not-allowed opacity-60 pointer-events-none" : "cursor-pointer"]),
         role: "button",
         tabindex: "0",
         "data-popover-trigger": "",
-        onClick: se(R, ["prevent", "stop"]),
+        onClick: se(D, ["prevent", "stop"]),
         onKeydown: [
-          Ae(se(R, ["prevent", "stop"]), ["enter"]),
-          Ae(se(R, ["prevent", "stop"]), ["space"])
+          $e(se(D, ["prevent", "stop"]), ["enter"]),
+          $e(se(D, ["prevent", "stop"]), ["space"])
         ]
       }, [
-        ce(H.$slots, "trigger", {
-          toggle: R,
-          open: d.value,
-          disabled: a.value,
-          activeCount: e(s)
+        de(z.$slots, "trigger", {
+          toggle: D,
+          open: i.value,
+          disabled: l.value,
+          activeCount: e(r)
         })
-      ], 42, Ka)) : (i(), w("button", {
+      ], 42, Ko)) : (u(), w("button", {
         key: 1,
-        class: L(M.value),
+        class: E(K.value),
         type: "button",
-        disabled: a.value,
-        onClick: se(R, ["prevent", "stop"]),
+        disabled: l.value,
+        onClick: se(D, ["prevent", "stop"]),
         "data-popover-trigger": ""
       }, [
-        W(Ue, { class: "h-4 w-4" }),
-        e(s) > 0 ? (i(), w("div", La, S(e(s)), 1)) : C("", !0)
-      ], 10, Ma)),
-      (i(), I(ge, { to: "body" }, [
-        d.value ? (i(), w("div", {
+        q(Ue, { class: "h-4 w-4" }),
+        e(r) > 0 ? (u(), w("div", Lo, B(e(r)), 1)) : C("", !0)
+      ], 10, Mo)),
+      (u(), I(ge, { to: "body" }, [
+        i.value ? (u(), w("div", {
           key: 0,
-          class: L(["absolute", typeof t.width == "number" ? `min-w-[${t.width + 32 + (Object.keys(u.value).length > 7 ? 20 : 0)}px]` : "min-w-[268px] "]),
-          style: be(U.value),
+          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),
           ref_key: "panel",
-          ref: V,
-          onClick: D[4] || (D[4] = se(() => {
+          ref: _,
+          onClick: j[4] || (j[4] = se(() => {
           }, ["stop"]))
         }, [
-          c("div", Ea, [
-            c("div", Oa, [
-              c("h3", Ta, S(g.value), 1),
-              c("button", {
+          d("div", Eo, [
+            d("div", Oo, [
+              d("h3", To, B(b.value), 1),
+              d("button", {
                 type: "button",
                 class: "inline-flex h-6 w-6 items-center justify-center rounded-full border-0 bg-slate-300/40 text-slate-600 transition-colors hover:bg-blue-200/60 hover:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-200",
-                onClick: j
+                onClick: $
               }, [
-                c("span", Ia, [
-                  W(Ce, { class: "h-4 w-4" })
+                d("span", Io, [
+                  q(Ce, { class: "h-4 w-4" })
                 ]),
-                D[5] || (D[5] = c("span", { class: "sr-only" }, "Закрити", -1))
+                j[5] || (j[5] = d("span", { class: "sr-only" }, "Закрити", -1))
               ])
             ]),
-            c("div", _a, [
-              Object.keys(u.value).length ? (i(!0), w(_, { key: 0 }, X(Object.entries(u.value), ([T, N]) => (i(), I(te, J({ key: T }, { ref_for: !0 }, { ...N, layout: "inline" }, {
-                width: t.width ? t.width : N?.width,
-                class: [t.itemClass, N?.class],
-                "item-class": [t.itemClass, N?.itemClass].filter(Boolean).join(" ") || void 0,
+            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" }, {
+                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(f)[T],
-                "onUpdate:modelValue": (P) => e(f)[T] = P,
-                onChange: D[0] || (D[0] = (P) => e(h)(P.name, P.value)),
-                onClear: D[1] || (D[1] = (P) => {
-                  e(m)(P), e(h)(P, void 0);
+                modelValue: e(p)[L],
+                "onUpdate:modelValue": (Y) => e(p)[L] = 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),
-              (i(!0), w(_, null, X(e(b), (T, N) => (i(), I(te, J({
-                key: "slot-" + N,
+              (u(!0), w(U, null, X(e(f), (L, P) => (u(), I(te, J({
+                key: "slot-" + P,
                 ref_for: !0
-              }, { ...T.props, layout: "inline" }, {
-                class: [t.itemClass, T.props?.class],
-                "item-class": [t.itemClass, T.props?.itemClass].filter(Boolean).join(" ") || void 0,
+              }, { ...L.props, layout: "inline" }, {
+                class: [z.itemClass, L.props?.class],
+                "item-class": [z.itemClass, L.props?.itemClass].filter(Boolean).join(" ") || void 0,
                 cleanable: !0,
-                modelValue: e(f)[T.props.name],
-                "onUpdate:modelValue": (P) => e(f)[T.props.name] = P,
-                onChange: D[2] || (D[2] = (P) => e(h)(P.name, P.value)),
-                onClear: D[3] || (D[3] = (P) => {
-                  e(m)(P), e(h)(P, void 0);
+                modelValue: e(p)[L.props.name],
+                "onUpdate:modelValue": (Y) => e(p)[L.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);
                 })
               }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128))
             ]),
-            e(s) > 0 ? (i(), w("div", Ua, [
-              c("button", {
+            e(r) > 0 ? (u(), w("div", zo, [
+              d("button", {
                 type: "button",
-                class: L([t.itemClass, "text-sm font-semibold text-blue-600 transition-colors hover:text-blue-700 focus:outline-none"]),
-                onClick: z
-              }, S(e(v)("filter.clear")), 3)
+                class: E([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)
           ])
         ], 6)) : C("", !0)
       ]))
     ], 512));
   }
-}), Me = /* @__PURE__ */ Y({
+}), Ke = /* @__PURE__ */ W({
   __name: "filter",
   props: {
     schema: {},
@@ -3162,141 +3168,141 @@ const Ue = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(t, { expose: o, emit: v }) {
-    const l = t, r = $(s(l.value ?? {}));
-    O(
-      () => l.value,
-      async (d) => {
-        r.value = s(d ?? {}), (!d || Object.keys(d).length === 0) && (await fe(), y.value?.clearAllFilters?.(!0));
+  setup(m, { expose: n, emit: y }) {
+    const t = m, s = A(r(t.value ?? {}));
+    T(
+      () => t.value,
+      async (i) => {
+        s.value = r(i ?? {}), (!i || Object.keys(i).length === 0) && (await fe(), g.value?.clearAllFilters?.(!0));
       },
       { deep: !0, immediate: !0 }
     );
-    const n = v, y = $(), f = me();
-    function s(d) {
-      if (Array.isArray(d))
-        return d.map((a) => s(a));
-      if (d !== null && typeof d == "object") {
-        const a = ue(d), u = {};
-        for (const g in a)
-          u[g] = s(a[g]);
-        return u;
+    const o = y, g = A(), p = pe();
+    function r(i) {
+      if (Array.isArray(i))
+        return i.map((l) => r(l));
+      if (i !== null && typeof i == "object") {
+        const l = ue(i), a = {};
+        for (const b in l)
+          a[b] = r(l[b]);
+        return a;
       }
-      return d;
+      return i;
     }
-    function h(d, a) {
-      a !== void 0 ? r.value = {
-        ...r.value,
-        [d]: a
-      } : delete r.value[d], n("change", {
-        data: s(r.value),
-        name: d,
-        value: s(a)
+    function x(i, l) {
+      l !== void 0 ? s.value = {
+        ...s.value,
+        [i]: l
+      } : delete s.value[i], o("change", {
+        data: r(s.value),
+        name: i,
+        value: r(l)
       });
     }
-    function m(d) {
-      delete r.value[d], n("clear", {
-        data: s(r.value),
-        name: d
-      }), n("change", {
-        data: s(r.value),
-        name: d,
+    function c(i) {
+      delete s.value[i], o("clear", {
+        data: r(s.value),
+        name: i
+      }), o("change", {
+        data: r(s.value),
+        name: i,
         value: null
       });
     }
-    function p() {
-      r.value = {}, n("clear", {
-        data: s(r.value),
+    function v() {
+      s.value = {}, o("clear", {
+        data: r(s.value),
         name: "ALL"
-      }), n("change", {
-        data: s(r.value),
+      }), o("change", {
+        data: r(s.value),
         name: "ALL",
         value: null
       });
     }
-    const b = $({});
+    const f = A({});
     function k() {
-      switch (l.view) {
+      switch (t.view) {
         case "inline":
-          return Ke;
+          return Fe;
         case "vertical":
-          return Fa;
+          return Fo;
         case "popover":
           return ze;
         case "popover-inline":
-          return za;
+          return No;
         default:
-          return Ke;
+          return Fe;
       }
     }
-    O(
-      () => l.schema,
-      (d) => {
-        if (!d) {
-          b.value = {};
+    T(
+      () => t.schema,
+      (i) => {
+        if (!i) {
+          f.value = {};
           return;
         }
-        if (Array.isArray(d) && !d.length) {
-          b.value = {};
+        if (Array.isArray(i) && !i.length) {
+          f.value = {};
           return;
         }
-        Array.isArray(d) ? b.value = d.filter((a) => a.type).reduce((a, u) => (Object.assign(u, {
-          name: u.id || u.name,
-          type: { datepicker: "date" }[u.type.toLowerCase()] || u.type.toLowerCase(),
-          label: u.label || u.ua
-        }), a[u.name] = u, u.data && !u.api && !u.options && Object.assign(u, { api: `/api/suggest/${u.data}` }), a), {}) : (Object.entries(d).forEach(([a, u]) => {
-          Object.assign(u, { name: a || u.name || u.id, type: u.type.toLowerCase() });
-        }), b.value = { ...d });
+        Array.isArray(i) ? f.value = i.filter((l) => l.type).reduce((l, a) => (Object.assign(a, {
+          name: a.id || a.name,
+          type: { datepicker: "date" }[a.type.toLowerCase()] || a.type.toLowerCase(),
+          label: a.label || a.ua
+        }), l[a.name] = a, a.data && !a.api && !a.options && Object.assign(a, { api: `/api/suggest/${a.data}` }), l), {}) : (Object.entries(i).forEach(([l, a]) => {
+          Object.assign(a, { name: l || a.name || a.id, type: a.type.toLowerCase() });
+        }), f.value = { ...i });
       },
       { immediate: !0, deep: !0 }
     );
-    function V(d) {
-      y.value.clearFilter(d), m(d);
+    function _(i) {
+      g.value.clearFilter(i), c(i);
     }
-    function A() {
-      y.value.clearAllFilters(), p();
+    function V() {
+      g.value.clearAllFilters(), v();
     }
-    return O(
-      () => r.value,
-      (d) => {
-        if (l.history) {
-          const a = new URL(window.location.href), u = new URLSearchParams(window.location.search);
-          Object.keys(d).length > 0 ? u.set(
+    return T(
+      () => s.value,
+      (i) => {
+        if (t.history) {
+          const l = new URL(window.location.href), a = new URLSearchParams(window.location.search);
+          Object.keys(i).length > 0 ? a.set(
             "filter",
-            Object.entries(d).filter(([, g]) => g).map(([g, x]) => `${g}=${x}`).join("|")
-          ) : u.delete("filter"), a.search = decodeURI(u.toString()), window.history.pushState({}, "", a);
+            Object.entries(i).filter(([, b]) => b).map(([b, h]) => `${b}=${h}`).join("|")
+          ) : a.delete("filter"), l.search = decodeURI(a.toString()), window.history.pushState({}, "", l);
         }
       }
-    ), o({
-      clearAllFilters: A,
-      clearFilter: V
-    }), (d, a) => (i(), I(re(k()), J(l, {
-      schema: b.value,
-      onChange: a[0] || (a[0] = (u) => h(u.name, u.value)),
-      onClear: a[1] || (a[1] = (u) => m(u.name)),
-      onClearAll: p,
+    ), n({
+      clearAllFilters: V,
+      clearFilter: _
+    }), (i, l) => (u(), I(re(k()), J(t, {
+      schema: f.value,
+      onChange: l[0] || (l[0] = (a) => x(a.name, a.value)),
+      onClear: l[1] || (l[1] = (a) => c(a.name)),
+      onClearAll: v,
       ref_key: "filterRef",
-      ref: y
-    }), Qe({
-      default: oe(() => [
-        ce(d.$slots, "default")
+      ref: g
+    }), He({
+      default: ne(() => [
+        de(i.$slots, "default")
       ]),
       _: 2
     }, [
-      e(f).trigger ? {
+      e(p).trigger ? {
         name: "trigger",
-        fn: oe((u) => [
-          ce(d.$slots, "trigger", He(Ge(u)))
+        fn: ne((a) => [
+          de(i.$slots, "trigger", Qe(Ge(a)))
         ]),
         key: "0"
       } : void 0
     ]), 1040, ["schema"]));
   }
 });
-Me.install = function(o) {
-  o.component("Filter", Me), o.component("FilterField", te);
+Ke.install = function(n) {
+  n.component("Filter", Ke), n.component("FilterField", te);
 };
 export {
-  Me as Filter,
+  Ke as Filter,
   te as FilterField,
-  Me as default
+  Ke as default
 };