@opengis/filter 0.1.11 → 0.1.13

package/dist/index.js

@@ -1,11 +1,11 @@
-import { createElementBlock as _, openBlock as f, createElementVNode as d, defineComponent as O, ref as $, withModifiers as Ae, normalizeClass as K, createCommentVNode as V, toDisplayString as S, computed as E, watch as M, createStaticVNode as Ue, Fragment as F, renderList as W, unref as e, createBlock as R, createVNode as P, createTextVNode as N, withDirectives as U, vShow as G, getCurrentInstance as Oe, vModelText as H, onBeforeUnmount as fe, onMounted as ue, isRef as ze, Teleport as De, normalizeStyle as Be, renderSlot as de, nextTick as pe, withCtx as te, resolveDynamicComponent as J, mergeProps as q, toRaw as se, cloneVNode as Ne, useSlots as me } from "vue";
-import { notify as we } from "@opengis/core";
-const X = (u, o) => {
-  const b = u.__vccOpts || u;
-  for (const [t, n] of o)
-    b[t] = n;
-  return b;
-}, Ye = {}, Pe = {
+import { createElementBlock as w, openBlock as s, createElementVNode as r, defineComponent as W, ref as $, withModifiers as re, normalizeClass as U, createCommentVNode as V, toDisplayString as S, computed as L, watch as I, createStaticVNode as ze, Fragment as T, renderList as X, unref as e, createBlock as E, createVNode as Q, createTextVNode as G, withDirectives as Y, vShow as J, getCurrentInstance as Ne, vModelText as ee, onBeforeUnmount as pe, onMounted as ce, isRef as Pe, Teleport as ge, normalizeStyle as be, renderSlot as ue, nextTick as me, withCtx as oe, resolveDynamicComponent as ne, mergeProps as Z, toRaw as de, cloneVNode as Ye, useSlots as fe, reactive as We, withKeys as $e, createSlots as qe, normalizeProps as Qe, guardReactiveProps as He } from "vue";
+import { notify as Ae } from "@opengis/core";
+const te = (c, n) => {
+  const v = c.__vccOpts || c;
+  for (const [t, u] of n)
+    v[t] = u;
+  return v;
+}, Ge = {}, Xe = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -17,26 +17,26 @@ const X = (u, 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 qe(u, o) {
-  return f(), _("svg", Pe, o[0] || (o[0] = [
-    d("path", {
+function Ze(c, n) {
+  return s(), w("svg", Xe, n[0] || (n[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, 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)
+    r("path", { d: "M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747" }, null, -1),
+    r("path", { d: "M20 4v5h-5" }, null, -1)
   ]));
 }
-const We = /* @__PURE__ */ X(Ye, [["render", qe]]), Qe = { class: "flex items-center justify-between w-full text-sm" }, He = { class: "flex items-center cursor-pointer w-full" }, Ge = {
+const Je = /* @__PURE__ */ te(Ge, [["render", Ze]]), et = { class: "flex items-center justify-between w-full text-sm" }, tt = { class: "flex items-center cursor-pointer w-full" }, lt = {
   key: 0,
   width: "16",
   height: "auto",
   src: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4="
-}, Xe = ["value"], Ze = { class: "w-[calc(100%-18px)] flex flex-row items-center justify-between pl-[10px]" }, Je = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, et = {
+}, ot = ["value"], nt = { class: "w-[calc(100%-18px)] flex flex-row items-center justify-between pl-[10px]" }, at = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, rt = {
   key: 0,
   class: "text-xs text-gray-500 dark:text-neutral-500 pr-1"
-}, ve = /* @__PURE__ */ O({
+}, he = /* @__PURE__ */ W({
   __name: "list-item",
   props: {
     layout: {},
@@ -49,44 +49,44 @@ const We = /* @__PURE__ */ X(Ye, [["render", qe]]), Qe = { class: "flex items-ce
     highlighted: { type: Boolean }
   },
   emits: ["itemClick"],
-  setup(u, { expose: o, emit: b }) {
-    const t = u, n = b;
+  setup(c, { expose: n, emit: v }) {
+    const t = c, u = v;
     function l() {
-      n("itemClick", t.value);
+      u("itemClick", t.value);
     }
-    const x = $(null);
-    return o({ el: x }), (a, v) => (f(), _("div", {
-      class: "flex items-center w-full rounded-lg group hover:bg-gray-100",
+    const g = $(null);
+    return n({ el: g }), (a, f) => (s(), w("div", {
+      class: "flex items-center w-full rounded-sm group hover:bg-gray-100",
       ref_key: "el",
-      ref: x
+      ref: g
     }, [
-      d("div", Qe, [
-        d("div", He, [
-          d("label", {
+      r("div", et, [
+        r("div", tt, [
+          r("label", {
             for: "radio-9740",
-            class: K([
+            class: U([
               ["inline", "popover"].includes(a.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": a.highlighted }
             ]),
-            onClick: Ae(l, ["stop", "prevent"])
+            onClick: re(l, ["stop", "prevent"])
           }, [
-            d("div", {
-              class: K(["w-[18px] h-[18px] border flex items-center justify-center", [
+            r("div", {
+              class: U(["w-[18px] h-[18px] border flex items-center justify-center", [
                 a.type == "checkbox" ? "rounded-[4px]" : "rounded-full",
                 a.color ? `bg-[${a.color}] border-[#ffffff]` : a.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
               ]])
             }, [
-              a.isSelected ? (f(), _("img", Ge)) : V("", !0)
+              a.isSelected ? (s(), w("img", lt)) : V("", !0)
             ], 2),
-            d("input", {
+            r("input", {
               type: "checkbox",
               class: "hidden",
               id: "radio-9740",
               value: a.value
-            }, null, 8, Xe),
-            d("div", Ze, [
-              d("span", Je, S(a.label ?? "Відсутні данні"), 1),
-              a.count ? (f(), _("div", et, " (" + S(a.count) + ") ", 1)) : V("", !0)
+            }, null, 8, ot),
+            r("div", nt, [
+              r("span", at, S(a.label ?? "Відсутні данні"), 1),
+              a.count ? (s(), w("div", rt, " (" + S(a.count) + ") ", 1)) : V("", !0)
             ])
           ], 2)
         ])
@@ -94,70 +94,70 @@ const We = /* @__PURE__ */ X(Ye, [["render", qe]]), Qe = { class: "flex items-ce
     ], 512));
   }
 });
-function Re(u, o) {
+function xe(c, n) {
   const {
-    options: b = [],
+    options: v = [],
     limit: t = 20
-  } = u;
-  function n(i) {
-    return Array.isArray(i) ? i[0] : i;
-  }
-  const l = $(n(u.modelValue)), x = $(""), a = $(!1), v = $([]), m = $("id"), p = $("text"), r = $(!1), c = $(u.layout !== "popover" && b.length > t);
-  function C(i) {
-    const w = i.find(Boolean) ?? {}, D = ["id", "value", "code", "key"].find((j) => j in w) ?? "id", B = ["text", "label", "name", "title"].find((j) => j in w) ?? "text";
-    return { autoValueKey: D, autoLabelKey: B };
-  }
-  if (b.length > 0) {
-    const i = C(b);
-    m.value = i.autoValueKey, p.value = i.autoLabelKey;
-  }
-  const k = E(() => {
-    const i = v.value;
-    return u.layout === "popover" || r.value ? i : i.slice(0, t);
+  } = c;
+  function u(h) {
+    return Array.isArray(h) ? h[0] : h;
+  }
+  const l = $(u(c.modelValue)), g = $(""), a = $(!1), f = $([]), y = $("id"), m = $("text"), d = $(!1), i = $(c.layout !== "popover" && v.length > t);
+  function C(h) {
+    const x = h.find(Boolean) ?? {}, D = ["id", "value", "code", "key"].find((A) => A in x) ?? "id", F = ["text", "label", "name", "title"].find((A) => A in x) ?? "text";
+    return { autoValueKey: D, autoLabelKey: F };
+  }
+  if (v.length > 0) {
+    const h = C(v);
+    y.value = h.autoValueKey, m.value = h.autoLabelKey;
+  }
+  const k = L(() => {
+    const h = f.value;
+    return c.layout === "popover" || d.value ? h : h.slice(0, t);
   });
-  M(() => u.modelValue, (i) => {
-    l.value = n(i);
-  }, { immediate: !0 }), v.value = [...b].sort((i, w) => u.sort === "count" ? w.count && i.count ? w.count - i.count : 0 : u.sort === "name" ? String(i[p.value] ?? "").localeCompare(String(w[p.value] ?? "")) : 0);
-  function g(i) {
-    return l.value === i[m.value];
+  I(() => c.modelValue, (h) => {
+    l.value = u(h);
+  }, { immediate: !0 }), f.value = [...v].sort((h, x) => c.sort === "count" ? x.count && h.count ? x.count - h.count : 0 : c.sort === "name" ? String(h[m.value] ?? "").localeCompare(String(x[m.value] ?? "")) : 0);
+  function _(h) {
+    return l.value === h[y.value];
   }
-  function s(i) {
-    l.value = i[m.value], o("update:modelValue", l.value), o("change", { name: u.name, value: l.value });
+  function o(h) {
+    l.value = h[y.value], n("update:modelValue", l.value), n("change", { name: c.name, value: l.value });
   }
-  function h() {
-    l.value = void 0, o("update:modelValue", l.value), o("clear", u.name);
+  function b() {
+    l.value = void 0, n("update:modelValue", l.value), n("clear", c.name);
   }
-  function y() {
-    r.value = !r.value;
+  function p() {
+    d.value = !d.value;
   }
   return {
     innerValue: l,
-    searchTerm: x,
+    searchTerm: g,
     filteredOptions: k,
-    isSelected: g,
-    selectItem: s,
-    clear: h,
-    toggleShowAll: y,
+    isSelected: _,
+    selectItem: o,
+    clear: b,
+    toggleShowAll: p,
     isReqProc: a,
-    showAll: r,
-    isEnableShowAll: c,
-    labelKey: p,
-    valueKey: m,
-    allOptions: v
+    showAll: d,
+    isEnableShowAll: i,
+    labelKey: m,
+    valueKey: y,
+    allOptions: f
   };
 }
-const tt = {}, lt = {
+const st = {}, it = {
   class: "w-48 mx-auto",
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function ot(u, o) {
-  return f(), _("svg", lt, o[0] || (o[0] = [
-    Ue('<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)
+function ut(c, n) {
+  return s(), w("svg", it, n[0] || (n[0] = [
+    ze('<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 ye = /* @__PURE__ */ X(tt, [["render", ot]]), at = {}, nt = {
+const we = /* @__PURE__ */ te(st, [["render", ut]]), dt = {}, ct = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -169,17 +169,17 @@ const ye = /* @__PURE__ */ X(tt, [["render", ot]]), at = {}, nt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate"
 };
-function rt(u, o) {
-  return f(), _("svg", nt, o[0] || (o[0] = [
-    d("path", {
+function ft(c, n) {
+  return s(), w("svg", ct, n[0] || (n[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+    r("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const ce = /* @__PURE__ */ X(at, [["render", rt]]), st = {}, it = {
+const ve = /* @__PURE__ */ te(dt, [["render", ft]]), pt = {}, mt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -191,26 +191,26 @@ const ce = /* @__PURE__ */ X(at, [["render", rt]]), st = {}, it = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate-[180deg]"
 };
-function ut(u, o) {
-  return f(), _("svg", it, o[0] || (o[0] = [
-    d("path", {
+function vt(c, n) {
+  return s(), w("svg", mt, n[0] || (n[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+    r("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const ge = /* @__PURE__ */ X(st, [["render", ut]]), dt = {
+const ke = /* @__PURE__ */ te(pt, [["render", vt]]), yt = {
   key: 0,
   class: "w-full"
-}, ct = { class: "flex flex-col items-center justify-center p-5 text-center" }, ft = {
+}, gt = { class: "flex flex-col items-center justify-center p-5 text-center" }, bt = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, pt = {
+}, ht = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, mt = /* @__PURE__ */ O({
+}, xt = /* @__PURE__ */ W({
   __name: "radio",
   props: {
     id: {},
@@ -238,161 +238,161 @@ const ge = /* @__PURE__ */ X(st, [["render", ut]]), dt = {
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(u, { expose: o, emit: b }) {
-    const t = u, n = $(null), l = b, {
-      innerValue: x,
+  setup(c, { expose: n, emit: v }) {
+    const t = c, u = $(null), l = v, {
+      innerValue: g,
       filteredOptions: a,
-      isSelected: v,
-      selectItem: m,
-      clear: p,
-      toggleShowAll: r,
-      isReqProc: c,
+      isSelected: f,
+      selectItem: y,
+      clear: m,
+      toggleShowAll: d,
+      isReqProc: i,
       showAll: C,
       isEnableShowAll: k,
-      labelKey: g,
-      valueKey: s,
-      allOptions: h
-    } = Re({
+      labelKey: _,
+      valueKey: o,
+      allOptions: b
+    } = xe({
       ...t,
       modelValue: t.modelValue ?? t.default ?? ""
     }, l);
-    return o({
-      clear: p,
-      inputTextRef: n
-    }), M(
+    return n({
+      clear: m,
+      inputTextRef: u
+    }), I(
       () => t.modelValue,
-      (y) => {
-        y === void 0 && (x.value = void 0);
+      (p) => {
+        p === void 0 && (g.value = void 0);
       }
-    ), (y, i) => (f(), _("div", {
-      class: K([y.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
+    ), (p, h) => (s(), w("div", {
+      class: U([p.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
     }, [
-      d("div", {
-        class: K([
-          y.layout === "popover" ? "flex-1 overflow-y-auto max-h-64 p-2" : "",
-          y.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+      r("div", {
+        class: U([
+          p.layout === "popover" ? "flex-1 overflow-y-auto max-h-64 p-2" : "",
+          p.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (f(!0), _(F, null, W(e(a), (w) => (f(), R(ve, {
-          layout: y.layout,
-          key: w[e(s)],
-          count: w.count,
-          label: w[e(g)],
-          color: w.color,
+        (s(!0), w(T, null, X(e(a), (x) => (s(), E(he, {
+          layout: p.layout,
+          key: x[e(o)],
+          count: x.count,
+          label: x[e(_)],
+          color: x.color,
           type: "radio",
-          value: w[e(s)],
-          "is-selected": e(v)(w),
-          onItemClick: (D) => e(m)(w)
+          value: x[e(o)],
+          "is-selected": e(f)(x),
+          onItemClick: (D) => e(y)(x)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
       ], 2),
-      y.type === "select" && e(a).length === 0 && !e(c) ? (f(), _("div", dt, [
-        d("div", ct, [
-          P(ye),
-          i[4] || (i[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" })
+      p.type === "select" && e(a).length === 0 && !e(i) ? (s(), w("div", yt, [
+        r("div", gt, [
+          Q(we),
+          h[4] || (h[4] = r("div", { class: "max-w-sm mx-auto mt-6" }, [
+            r("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
+            r("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
           ], -1))
         ])
       ])) : V("", !0),
-      y.layout !== "popover" && y.type !== "select" ? (f(), _(F, { key: 1 }, [
-        !e(C) && e(k) ? (f(), _("div", {
+      p.layout !== "popover" && p.type !== "select" ? (s(), w(T, { key: 1 }, [
+        !e(C) && e(k) ? (s(), w("div", {
           key: 0,
-          onClick: i[0] || (i[0] = //@ts-ignore
-          (...w) => e(r) && e(r)(...w)),
+          onClick: h[0] || (h[0] = //@ts-ignore
+          (...x) => e(d) && e(d)(...x)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          i[5] || (i[5] = N(" Показати більше ", -1)),
-          P(ce)
+          h[5] || (h[5] = G(" Показати більше ", -1)),
+          Q(ve)
         ])) : V("", !0),
-        e(C) ? (f(), _("div", {
+        e(C) ? (s(), w("div", {
           key: 1,
-          onClick: i[1] || (i[1] = //@ts-ignore
-          (...w) => e(r) && e(r)(...w)),
+          onClick: h[1] || (h[1] = //@ts-ignore
+          (...x) => e(d) && e(d)(...x)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          i[6] || (i[6] = N(" Показати менше ", -1)),
-          P(ge)
+          h[6] || (h[6] = G(" Показати менше ", -1)),
+          Q(ke)
         ])) : V("", !0)
       ], 64)) : V("", !0),
-      y.cleanable ? (f(), _(F, { key: 2 }, [
-        y.layout === "inline" ? (f(), _("div", ft, [
-          N(S(e(x) || e(x) === null ? 1 : 0) + " з " + S(e(h).length) + " обрано ", 1),
-          U(d("button", {
+      p.cleanable ? (s(), w(T, { key: 2 }, [
+        p.layout === "inline" ? (s(), w("div", bt, [
+          G(S(e(g) || e(g) === null ? 1 : 0) + " з " + S(e(b).length) + " обрано ", 1),
+          Y(r("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: i[2] || (i[2] = //@ts-ignore
-            (...w) => e(p) && e(p)(...w))
+            onClick: h[2] || (h[2] = //@ts-ignore
+            (...x) => e(m) && e(m)(...x))
           }, " Очистити ", 512), [
-            [G, e(x) !== "" && e(x) !== void 0]
+            [J, e(g) !== "" && e(g) !== void 0]
           ])
         ])) : V("", !0),
-        y.layout === "popover" ? (f(), _("div", pt, [
-          d("span", null, S(e(x) || e(x) === null ? 1 : 0) + " з " + S(e(h).length) + " обрано", 1),
-          U(d("button", {
+        p.layout === "popover" ? (s(), w("div", ht, [
+          r("span", null, S(e(g) || e(g) === null ? 1 : 0) + " з " + S(e(b).length) + " обрано", 1),
+          Y(r("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: i[3] || (i[3] = //@ts-ignore
-            (...w) => e(p) && e(p)(...w))
+            onClick: h[3] || (h[3] = //@ts-ignore
+            (...x) => e(m) && e(m)(...x))
           }, " Очистити ", 512), [
-            [G, e(x) !== "" && e(x) !== void 0]
+            [J, e(g) !== "" && e(g) !== void 0]
           ])
         ])) : V("", !0)
       ], 64)) : V("", !0)
     ], 2));
   }
 });
-function Me(u, o) {
+function Fe(c, n) {
   const {
-    options: b = [],
+    options: v = [],
     limit: t = 20
-  } = u;
-  function n(i) {
-    return Array.isArray(i) ? i : i ? [i] : [];
-  }
-  const l = $(n(u.modelValue)), x = $(""), a = $(!1), v = $([]), m = $("id"), p = $("text"), r = $(!1), c = $(u.layout !== "popover" && b.length > t);
-  function C(i) {
-    const w = i.find(Boolean) ?? {}, D = ["id", "value", "code", "key"].find((j) => j in w) ?? "id", B = ["text", "label", "name", "title"].find((j) => j in w) ?? "text";
-    return { autoValueKey: D, autoLabelKey: B };
-  }
-  if (b.length > 0) {
-    const i = C(b);
-    m.value = i.autoValueKey, p.value = i.autoLabelKey;
-  }
-  const k = E(() => {
-    const i = v.value;
-    return u.layout === "popover" || r.value ? i : i.slice(0, t);
+  } = c;
+  function u(h) {
+    return Array.isArray(h) ? h : h ? [h] : [];
+  }
+  const l = $(u(c.modelValue)), g = $(""), a = $(!1), f = $([]), y = $("id"), m = $("text"), d = $(!1), i = $(c.layout !== "popover" && v.length > t);
+  function C(h) {
+    const x = h.find(Boolean) ?? {}, D = ["id", "value", "code", "key"].find((A) => A in x) ?? "id", F = ["text", "label", "name", "title"].find((A) => A in x) ?? "text";
+    return { autoValueKey: D, autoLabelKey: F };
+  }
+  if (v.length > 0) {
+    const h = C(v);
+    y.value = h.autoValueKey, m.value = h.autoLabelKey;
+  }
+  const k = L(() => {
+    const h = f.value;
+    return c.layout === "popover" || d.value ? h : h.slice(0, t);
   });
-  M(() => u.modelValue, (i) => {
-    l.value = n(i);
-  }, { immediate: !0 }), v.value = [...b].sort((i, w) => u.sort === "count" ? w.count && i.count ? w.count - i.count : 0 : u.sort === "name" ? String(i[p.value]).localeCompare(String(w[p.value])) : 0);
-  function g(i) {
-    return l.value && l.value.includes(i[m.value]);
+  I(() => c.modelValue, (h) => {
+    l.value = u(h);
+  }, { immediate: !0 }), f.value = [...v].sort((h, x) => c.sort === "count" ? x.count && h.count ? x.count - h.count : 0 : c.sort === "name" ? String(h[m.value]).localeCompare(String(x[m.value])) : 0);
+  function _(h) {
+    return l.value && l.value.includes(h[y.value]);
   }
-  function s(i) {
-    const w = l.value.includes(i[m.value]);
-    l.value = w ? l.value.filter((D) => D !== i[m.value]) : [...l.value, i[m.value]], o("update:modelValue", l.value), o("change", { name: u.name, value: l.value });
+  function o(h) {
+    const x = l.value.includes(h[y.value]);
+    l.value = x ? l.value.filter((D) => D !== h[y.value]) : [...l.value, h[y.value]], n("update:modelValue", l.value), n("change", { name: c.name, value: l.value });
   }
-  function h() {
-    l.value = [], o("update:modelValue", l.value), o("clear", u.name);
+  function b() {
+    l.value = [], n("update:modelValue", l.value), n("clear", c.name);
   }
-  function y() {
-    r.value = !r.value;
+  function p() {
+    d.value = !d.value;
   }
   return {
     innerValue: l,
-    searchTerm: x,
+    searchTerm: g,
     filteredOptions: k,
-    isSelected: g,
-    selectItem: s,
-    clear: h,
-    toggleShowAll: y,
+    isSelected: _,
+    selectItem: o,
+    clear: b,
+    toggleShowAll: p,
     isReqProc: a,
-    showAll: r,
-    isEnableShowAll: c,
-    labelKey: p,
-    valueKey: m,
-    allOptions: v
+    showAll: d,
+    isEnableShowAll: i,
+    labelKey: m,
+    valueKey: y,
+    allOptions: f
   };
 }
-const ke = {
+const Se = {
   en: {
     search: "Search",
     more: "Show more",
@@ -428,24 +428,24 @@ const ke = {
     next: "Настпуний період"
   }
 };
-function vt(u) {
-  const o = u.split(".")[1];
-  return (ke[localStorage.locale || navigator.language] || ke.uk)[o];
+function wt(c) {
+  const n = c.split(".")[1], v = typeof window < "u" && window.localStorage ? localStorage.locale : null;
+  return (Se[v || navigator.language] || Se.uk)[n];
 }
-function re() {
-  const u = Oe();
-  return u.appContext.config.globalProperties.$i18n ? u.appContext.config.globalProperties.$t : vt;
+function se() {
+  const c = Ne();
+  return c.appContext.config.globalProperties.$i18n ? c.appContext.config.globalProperties.$t : wt;
 }
-const yt = {
+const kt = {
   key: 0,
   class: "w-full"
-}, gt = { class: "flex flex-col items-center justify-center p-5 text-center" }, bt = { class: "max-w-sm mx-auto mt-6" }, ht = { class: "font-medium text-gray-800 dark:text-neutral-200" }, xt = {
+}, Ct = { class: "flex flex-col items-center justify-center p-5 text-center" }, _t = { class: "max-w-sm mx-auto mt-6" }, Vt = { class: "font-medium text-gray-800 dark:text-neutral-200" }, $t = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, wt = {
+}, At = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, Ce = /* @__PURE__ */ O({
+}, Be = /* @__PURE__ */ W({
   __name: "checkbox",
   props: {
     id: {},
@@ -473,105 +473,105 @@ const yt = {
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(u, { expose: o, emit: b }) {
-    const t = re(), n = u, l = b, {
-      innerValue: x,
+  setup(c, { expose: n, emit: v }) {
+    const t = se(), u = c, l = v, {
+      innerValue: g,
       filteredOptions: a,
-      isSelected: v,
-      selectItem: m,
-      clear: p,
-      toggleShowAll: r,
-      isReqProc: c,
+      isSelected: f,
+      selectItem: y,
+      clear: m,
+      toggleShowAll: d,
+      isReqProc: i,
       showAll: C,
       isEnableShowAll: k,
-      labelKey: g,
-      valueKey: s,
-      allOptions: h
-    } = Me({
-      ...n,
-      modelValue: n.modelValue
+      labelKey: _,
+      valueKey: o,
+      allOptions: b
+    } = Fe({
+      ...u,
+      modelValue: u.modelValue
     }, l);
-    return M(
-      () => n.modelValue,
-      (y) => {
-        y === void 0 && (x.value = []);
+    return I(
+      () => u.modelValue,
+      (p) => {
+        p === void 0 && (g.value = []);
       }
-    ), o({
-      clear: p
-    }), (y, i) => (f(), _("div", {
-      class: K([y.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+    ), n({
+      clear: m
+    }), (p, h) => (s(), w("div", {
+      class: U([p.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
     }, [
-      d("div", {
-        class: K([
-          y.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
-          y.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+      r("div", {
+        class: U([
+          p.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
+          p.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (f(!0), _(F, null, W(e(a), (w) => (f(), R(ve, {
-          layout: y.layout,
-          count: w.count,
-          label: w[e(g)],
-          color: w.color,
+        (s(!0), w(T, null, X(e(a), (x) => (s(), E(he, {
+          layout: p.layout,
+          count: x.count,
+          label: x[e(_)],
+          color: x.color,
           type: "checkbox",
-          value: w[e(s)],
-          "is-selected": e(v)(w),
-          onItemClick: (D) => e(m)(w)
+          value: x[e(o)],
+          "is-selected": e(f)(x),
+          onItemClick: (D) => e(y)(x)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
       ], 2),
-      y.type === "select" && e(a).length === 0 && !e(c) ? (f(), _("div", yt, [
-        d("div", gt, [
-          P(ye),
-          d("div", bt, [
-            d("p", ht, S(e(t)("filter.notfound")), 1),
-            i[4] || (i[4] = d("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
+      p.type === "select" && e(a).length === 0 && !e(i) ? (s(), w("div", kt, [
+        r("div", Ct, [
+          Q(we),
+          r("div", _t, [
+            r("p", Vt, S(e(t)("filter.notfound")), 1),
+            h[4] || (h[4] = r("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
           ])
         ])
       ])) : V("", !0),
-      y.layout !== "popover" && y.type !== "select" ? (f(), _(F, { key: 1 }, [
-        !e(C) && e(k) ? (f(), _("div", {
+      p.layout !== "popover" && p.type !== "select" ? (s(), w(T, { key: 1 }, [
+        !e(C) && e(k) ? (s(), w("div", {
           key: 0,
-          onClick: i[0] || (i[0] = //@ts-ignore
-          (...w) => e(r) && e(r)(...w)),
+          onClick: h[0] || (h[0] = //@ts-ignore
+          (...x) => e(d) && e(d)(...x)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          N(S(e(t)("filter.more")) + " ", 1),
-          P(ce)
+          G(S(e(t)("filter.more")) + " ", 1),
+          Q(ve)
         ])) : V("", !0),
-        e(C) ? (f(), _("div", {
+        e(C) ? (s(), w("div", {
           key: 1,
-          onClick: i[1] || (i[1] = //@ts-ignore
-          (...w) => e(r) && e(r)(...w)),
+          onClick: h[1] || (h[1] = //@ts-ignore
+          (...x) => e(d) && e(d)(...x)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          N(S(e(t)("filter.less")) + " ", 1),
-          P(ge)
+          G(S(e(t)("filter.less")) + " ", 1),
+          Q(ke)
         ])) : V("", !0)
       ], 64)) : V("", !0),
-      y.cleanable ? (f(), _(F, { key: 2 }, [
-        y.layout === "inline" ? (f(), _("div", xt, [
-          N(S(e(x).length) + " / " + S(e(h).length) + " " + S(e(t)("filter.selected")) + " ", 1),
-          U(d("button", {
+      p.cleanable ? (s(), w(T, { key: 2 }, [
+        p.layout === "inline" ? (s(), w("div", $t, [
+          G(S(e(g).length) + " / " + S(e(b).length) + " " + S(e(t)("filter.selected")) + " ", 1),
+          Y(r("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: i[2] || (i[2] = //@ts-ignore
-            (...w) => e(p) && e(p)(...w))
+            onClick: h[2] || (h[2] = //@ts-ignore
+            (...x) => e(m) && e(m)(...x))
           }, S(e(t)("filter.clear")), 513), [
-            [G, e(x).length !== 0]
+            [J, e(g).length !== 0]
           ])
         ])) : V("", !0),
-        y.layout === "popover" ? (f(), _("div", wt, [
-          d("span", null, S(e(x).length) + " / " + S(e(h).length) + " " + S(e(t)("filter.selected")), 1),
-          U(d("button", {
+        p.layout === "popover" ? (s(), w("div", At, [
+          r("span", null, S(e(g).length) + " / " + S(e(b).length) + " " + S(e(t)("filter.selected")), 1),
+          Y(r("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: i[3] || (i[3] = //@ts-ignore
-            (...w) => e(p) && e(p)(...w))
+            onClick: h[3] || (h[3] = //@ts-ignore
+            (...x) => e(m) && e(m)(...x))
           }, S(e(t)("filter.clear")), 513), [
-            [G, e(x).length !== 0]
+            [J, e(g).length !== 0]
           ])
         ])) : V("", !0)
       ], 64)) : V("", !0)
     ], 2));
   }
-}), kt = {}, Ct = {
+}), St = {}, Bt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "15px",
@@ -583,18 +583,18 @@ const yt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function _t(u, o) {
-  return f(), _("svg", Ct, o[0] || (o[0] = [
-    d("path", {
+function Dt(c, n) {
+  return s(), w("svg", Bt, n[0] || (n[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, 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)
+    r("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
+    r("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const Fe = /* @__PURE__ */ X(kt, [["render", _t]]), Vt = {}, $t = {
+const Me = /* @__PURE__ */ te(St, [["render", Dt]]), jt = {}, Rt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -606,24 +606,24 @@ const Fe = /* @__PURE__ */ X(kt, [["render", _t]]), Vt = {}, $t = {
   width: "15px",
   height: "15px"
 };
-function St(u, o) {
-  return f(), _("svg", $t, o[0] || (o[0] = [
-    d("path", {
+function Kt(c, n) {
+  return s(), w("svg", Rt, n[0] || (n[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    d("path", { d: "M18 6l-12 12" }, null, -1),
-    d("path", { d: "M6 6l12 12" }, null, -1)
+    r("path", { d: "M18 6l-12 12" }, null, -1),
+    r("path", { d: "M6 6l12 12" }, null, -1)
   ]));
 }
-const je = /* @__PURE__ */ X(Vt, [["render", St]]);
-class Ke {
-  static getWidthClass(o) {
-    return console.log(o), 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__ */ te(jt, [["render", Kt]]);
+class Le {
+  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 At = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, Dt = ["placeholder"], Bt = /* @__PURE__ */ O({
+const Ft = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, Mt = ["placeholder"], Lt = /* @__PURE__ */ W({
   __name: "text-input",
   props: {
     id: {},
@@ -651,81 +651,81 @@ const At = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(u, { emit: o }) {
-    const b = u, t = $((b.placeholder || b.label || b.title || b.name || "search").toString()), n = o, l = $(b.modelValue?.toString() ?? "");
-    M(
-      () => b.modelValue,
-      (m) => {
-        m !== l.value && (l.value = m?.toString() ?? "");
+  setup(c, { emit: n }) {
+    const v = c, t = $((v.placeholder || v.label || v.title || v.name || "search").toString()), u = n, l = $(v.modelValue?.toString() ?? "");
+    I(
+      () => v.modelValue,
+      (y) => {
+        y !== l.value && (l.value = y?.toString() ?? "");
       }
     );
-    let x = null;
+    let g = null;
     function a() {
       if (l.value = l.value.trimStart(), l.value.length === 0) {
-        v();
+        f();
         return;
       }
-      x && clearTimeout(x), x = setTimeout(() => {
-        n("update:modelValue", l.value), n("change", { name: b.name, value: l.value });
+      g && clearTimeout(g), g = setTimeout(() => {
+        u("update:modelValue", l.value), u("change", { name: v.name, value: l.value });
       }, 300);
     }
-    function v() {
-      l.value = "", n("update:modelValue", ""), n("clear", b.name);
+    function f() {
+      l.value = "", u("update:modelValue", ""), u("clear", v.name);
     }
-    return (m, p) => (f(), _("div", {
-      class: K([
-        "vs-form-text relative bg-white rounded-lg [&>input]:py-[7px] [&>input]:max-h-[38px]  [&>input]:ps-10 [&>input]:pe-8 [&>input]:block [&>input]:w-full [&>input]:bg-gray-100 [&>input]:border-transparent [&>input]:rounded-lg [&>input]:text-sm [&>input]:focus:bg-white [&>input]:focus:border-blue-500 [&>input]:focus:ring-blue-500 [&>input]:disabled:opacity-50 [&>input]:disabled:pointer-events-none [&>input]:dark:bg-neutral-700 [&>input]:dark:border-transparent [&>input]:dark:text-neutral-400 [&>input]:dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600",
-        m.layout === "inline" ? e(Ke).getWidthClass(m.width) : "mb-2" + (m.layout === "popover" ? " m-2" : "")
+    return (y, m) => (s(), w("div", {
+      class: U([
+        "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",
+        y.layout === "inline" ? e(Le).getWidthClass(y.width) : "mb-2" + (y.layout === "popover" ? " m-2" : "")
       ])
     }, [
-      d("div", At, [
-        P(Fe)
+      r("div", Ft, [
+        Q(Me)
       ]),
-      l.value !== "" ? (f(), _("div", {
+      l.value !== "" ? (s(), w("div", {
         key: 0,
-        onClick: v,
+        onClick: f,
         class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"
       }, [
-        P(je)
+        Q(Ce)
       ])) : V("", !0),
-      U(d("input", {
+      Y(r("input", {
         type: "text",
-        "onUpdate:modelValue": p[0] || (p[0] = (r) => l.value = r),
+        "onUpdate:modelValue": m[0] || (m[0] = (d) => l.value = d),
         onInput: a,
         placeholder: t.value,
-        class: "!pr-7 !pl-8 bg-white h-[38px] min-w-[100px] text-sm py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
-      }, null, 40, Dt), [
-        [H, l.value]
+        class: "!pr-7 !pl-8 bg-white h-[38px] min-w-[100px] text-sm py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-sm text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
+      }, null, 40, Mt), [
+        [ee, l.value]
       ])
     ], 2));
   }
 });
-function Le(u = { color: "blue" }) {
-  return E(() => {
-    const b = `w-full px-3 py-2 border-solid border border-gray-300 text-sm rounded focus:outline-none focus:ring-2 focus:ring-${u.color}-500 focus:border-transparent`;
-    return u?.size === "sm" ? `${b}h-[32px]` : `${b}h-[38px]`;
+function Ee(c = { color: "blue" }) {
+  return L(() => {
+    const v = `w-full px-3 py-2 border-solid border border-gray-300 text-sm rounded focus:outline-none focus:ring-2 focus:ring-${c.color}-500 focus:border-transparent`;
+    return c?.size === "sm" ? `${v}h-[32px]` : `${v}h-[38px]`;
   });
 }
-function Rt() {
+function Et() {
   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 Mt() {
+function Ot() {
   return "font-medium border-gray-200 border-solid disabled:pointer-events-none disabled:opacity-50 border h-7 rounded-md text-xs px-2 py-1 hover:bg-gray-100";
 }
-function Ee(u) {
-  return u === "ghost" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent            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" : u === "soft" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent            bg-gray-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-2 bg-transparent h-[38px]";
+function Oe(c) {
+  return c === "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" : c === "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 Ft = {
+const Tt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, jt = ["placeholder", "disabled"], Kt = {
+}, It = ["placeholder", "disabled"], Ut = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Lt = {
+}, zt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Et = ["placeholder", "disabled"], Tt = ["disabled"];
-const It = /* @__PURE__ */ O({
+}, Nt = ["placeholder", "disabled"], Pt = ["disabled"];
+const Yt = /* @__PURE__ */ W({
   __name: "range-input",
   props: {
     id: {},
@@ -753,211 +753,211 @@ const It = /* @__PURE__ */ O({
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(u, { expose: o, emit: b }) {
-    const t = Le(), n = Rt(), l = re(), x = u, a = $(
-      x.modelValue ?? x.default ?? []
-    ), v = b, m = E({
-      get: () => x.modelValue ?? a.value,
-      set: (c) => {
-        x.modelValue !== void 0 ? v("update:modelValue", c) : a.value = c;
+  setup(c, { expose: n, emit: v }) {
+    const t = Ee(), u = Et(), l = se(), g = c, a = $(
+      g.modelValue ?? g.default ?? []
+    ), f = v, y = L({
+      get: () => g.modelValue ?? a.value,
+      set: (i) => {
+        g.modelValue !== void 0 ? f("update:modelValue", i) : a.value = i;
       }
     });
-    function p() {
-      v("change", { name: x.name, value: m.value || a.value });
+    function m() {
+      f("change", { name: g.name, value: y.value || a.value });
     }
-    function r() {
-      a.value = [], m.value = a.value, v("clear", x.name);
+    function d() {
+      a.value = [], y.value = a.value, f("clear", g.name);
     }
-    return M(() => x.modelValue, (c) => {
-      c !== void 0 && x.layout !== "popover" ? (a.value = c, v("update:modelValue", c)) : a.value = [];
-    }), o({
-      clear: r,
-      currentValue: m
-    }), (c, C) => (f(), _(F, null, [
-      d("div", null, [
-        d("div", {
-          class: K(c.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
+    return I(() => g.modelValue, (i) => {
+      i !== void 0 && g.layout !== "popover" ? (a.value = i, f("update:modelValue", i)) : a.value = [];
+    }), n({
+      clear: d,
+      currentValue: y
+    }), (i, C) => (s(), w(T, null, [
+      r("div", null, [
+        r("div", {
+          class: U(i.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
         }, [
-          d("div", null, [
-            c.layout !== "vertical" ? (f(), _("label", Ft, S(e(l)("filter.from")), 1)) : V("", !0),
-            U(d("input", {
+          r("div", null, [
+            i.layout !== "vertical" ? (s(), w("label", Tt, S(e(l)("filter.from")), 1)) : V("", !0),
+            Y(r("input", {
               type: "number",
-              class: K(e(t)),
-              placeholder: c.placeholder?.[0] ?? "min",
+              class: U(e(t)),
+              placeholder: i.placeholder?.[0] ?? "min",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": C[0] || (C[0] = (k) => m.value[0] = k),
-              disabled: c.disabled
-            }, null, 10, jt), [
-              [H, m.value[0]]
+              "onUpdate:modelValue": C[0] || (C[0] = (k) => y.value[0] = k),
+              disabled: i.disabled
+            }, null, 10, It), [
+              [ee, y.value[0]]
             ])
           ]),
-          c.layout === "vertical" ? (f(), _("label", Kt, " - ")) : V("", !0),
-          d("div", null, [
-            c.layout !== "vertical" ? (f(), _("label", Lt, S(e(l)("filter.to")), 1)) : V("", !0),
-            U(d("input", {
+          i.layout === "vertical" ? (s(), w("label", Ut, " - ")) : V("", !0),
+          r("div", null, [
+            i.layout !== "vertical" ? (s(), w("label", zt, S(e(l)("filter.to")), 1)) : V("", !0),
+            Y(r("input", {
               type: "number",
-              class: K(e(t)),
-              placeholder: c.placeholder?.[1] ?? "max",
+              class: U(e(t)),
+              placeholder: i.placeholder?.[1] ?? "max",
               min: "0",
               max: "1000000000000000",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": C[1] || (C[1] = (k) => m.value[1] = k),
-              disabled: c.disabled
-            }, null, 10, Et), [
-              [H, m.value[1]]
+              "onUpdate:modelValue": C[1] || (C[1] = (k) => y.value[1] = k),
+              disabled: i.disabled
+            }, null, 10, Nt), [
+              [ee, y.value[1]]
             ])
           ]),
-          ["popover", "inline", "vertical"].includes(c.layout) ? (f(), _("button", {
+          ["popover", "inline", "vertical"].includes(i.layout) ? (s(), w("button", {
             key: 1,
-            onClick: p,
-            class: K(e(n) + (c.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
-          }, S(c.layout === "vertical" ? "Ok" : e(l)("filter.apply")), 3)) : V("", !0),
-          ["popover", "inline"].includes(c.layout) ? (f(), _("button", {
+            onClick: m,
+            class: U(e(u) + (i.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
+          }, S(i.layout === "vertical" ? "Ok" : e(l)("filter.apply")), 3)) : V("", !0),
+          ["popover", "inline"].includes(i.layout) ? (s(), w("button", {
             key: 2,
-            disabled: !(m.value[0] || m.value[1]),
-            onClick: r,
-            class: K(e(n) + " hover:bg-gray-100")
-          }, S(e(l)("filter.clear")), 11, Tt)) : V("", !0)
+            disabled: !(y.value[0] || y.value[1]),
+            onClick: d,
+            class: U(e(u) + " hover:bg-gray-100")
+          }, S(e(l)("filter.clear")), 11, Pt)) : V("", !0)
         ], 2)
       ]),
-      (c.cleanable && a.value.length, V("", !0))
+      (i.cleanable && a.value.length, V("", !0))
     ], 64));
   }
 });
-function Ut(u) {
-  return String(u).charAt(0).toUpperCase() + String(u).slice(1);
+function Wt(c) {
+  return String(c).charAt(0).toUpperCase() + String(c).slice(1);
 }
-class Y {
-  static format(o) {
-    const b = o.getFullYear(), t = (o.getMonth() + 1).toString().padStart(2, "0"), n = o.getDate().toString().padStart(2, "0");
-    return `${b}-${t}-${n}`;
-  }
-  static getShiftedDay(o, b = 0) {
-    const t = o ? new Date(o) : /* @__PURE__ */ new Date();
-    return t.setDate(t.getDate() + b), this.format(t);
-  }
-  static getLastWeekRange(o, b, t = 0) {
-    if (o && b) {
-      const m = new Date(o), p = new Date(b);
-      return m.setDate(m.getDate() + t * 7), p.setDate(p.getDate() + t * 7), [this.format(m), this.format(p)];
+class H {
+  static format(n) {
+    const v = n.getFullYear(), t = (n.getMonth() + 1).toString().padStart(2, "0"), u = n.getDate().toString().padStart(2, "0");
+    return `${v}-${t}-${u}`;
+  }
+  static getShiftedDay(n, v = 0) {
+    const t = n ? new Date(n) : /* @__PURE__ */ new Date();
+    return t.setDate(t.getDate() + v), this.format(t);
+  }
+  static getLastWeekRange(n, v, t = 0) {
+    if (n && v) {
+      const y = new Date(n), m = new Date(v);
+      return y.setDate(y.getDate() + t * 7), m.setDate(m.getDate() + t * 7), [this.format(y), this.format(m)];
     }
-    const n = /* @__PURE__ */ new Date(), l = n.getDay(), x = l === 0 ? 13 : l - 1 + 7, a = new Date(n);
-    a.setDate(n.getDate() - x + t * 7);
-    const v = new Date(a);
-    return v.setDate(a.getDate() + 6), [this.format(a), this.format(v)];
-  }
-  static getMonthRange(o, b, t = 0) {
-    let n;
-    o ? n = new Date(o) : n = /* @__PURE__ */ new Date(), n = new Date(n.getFullYear(), n.getMonth() + t, 1);
-    const l = n, x = new Date(n.getFullYear(), n.getMonth() + 1, 0);
-    return [this.format(l), this.format(x)];
-  }
-  static getQuarterRange(o, b, t = 0) {
-    const n = o || b, l = n ? new Date(n) : /* @__PURE__ */ new Date();
-    let x = Math.floor(l.getMonth() / 3);
-    x += t;
-    const a = (x % 4 + 4) % 4 * 3, v = l.getFullYear() + Math.floor(x / 4), m = new Date(v, a, 1), p = new Date(v, a + 3, 0);
-    return [this.format(m), this.format(p)];
-  }
-  static getYear(o, b = 0) {
+    const u = /* @__PURE__ */ new Date(), l = u.getDay(), g = l === 0 ? 13 : l - 1 + 7, a = new Date(u);
+    a.setDate(u.getDate() - g + t * 7);
+    const f = new Date(a);
+    return f.setDate(a.getDate() + 6), [this.format(a), this.format(f)];
+  }
+  static getMonthRange(n, v, t = 0) {
+    let u;
+    n ? u = new Date(n) : u = /* @__PURE__ */ new Date(), u = new Date(u.getFullYear(), u.getMonth() + t, 1);
+    const l = u, g = new Date(u.getFullYear(), u.getMonth() + 1, 0);
+    return [this.format(l), this.format(g)];
+  }
+  static getQuarterRange(n, v, t = 0) {
+    const u = n || v, l = u ? new Date(u) : /* @__PURE__ */ new Date();
+    let g = Math.floor(l.getMonth() / 3);
+    g += t;
+    const a = (g % 4 + 4) % 4 * 3, f = l.getFullYear() + Math.floor(g / 4), y = new Date(f, a, 1), m = new Date(f, a + 3, 0);
+    return [this.format(y), this.format(m)];
+  }
+  static getYear(n, v = 0) {
     let t;
-    return o && /^\d{4}$/.test(o) ? t = parseInt(o, 10) : o ? t = new Date(o).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), String(t + b);
+    return n && /^\d{4}$/.test(n) ? t = parseInt(n, 10) : n ? t = new Date(n).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), String(t + v);
   }
-  static getYearRange(o, b = 0) {
+  static getYearRange(n, v = 0) {
     let t;
-    return o && /^\d{4}$/.test(o) ? t = parseInt(o, 10) : o ? t = new Date(o).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), [
-      this.format(new Date(t + b, 0, 1)),
-      this.format(new Date(t + b + 1, 0, 0))
+    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 + v, 0, 1)),
+      this.format(new Date(t + v + 1, 0, 0))
     ];
   }
-  static getRangeFromDaysBefore(o) {
-    const b = /* @__PURE__ */ new Date(), t = new Date(b.getTime());
-    return t.setDate(b.getDate() - o), [this.format(t), this.format(b)];
+  static getRangeFromDaysBefore(n) {
+    const v = /* @__PURE__ */ new Date(), t = new Date(v.getTime());
+    return t.setDate(v.getDate() - n), [this.format(t), this.format(v)];
   }
 }
-function Te(u, o) {
+function Te(c, n) {
   const {
-    popoverRef: b
-  } = u, t = re(), n = $(""), l = $(
-    u.modelValue ?? u.default ?? []
-  ), x = $(0);
+    popoverRef: v
+  } = c, t = se(), u = $(""), l = $(
+    c.modelValue ?? c.default ?? []
+  ), g = $(0);
   function a() {
-    const h = Y.getRangeFromDaysBefore(x.value);
-    return l.value = [...h], o("change", { name: u.name, value: l.value }), o("update:modelValue", l.value), h;
+    const b = H.getRangeFromDaysBefore(g.value);
+    return l.value = [...b], n("change", { name: c.name, value: l.value }), n("update:modelValue", l.value), b;
   }
-  function v(h) {
-    n.value = h, b.value?.close();
-    const y = [];
-    switch (n.value) {
+  function f(b) {
+    u.value = b, v.value?.close();
+    const p = [];
+    switch (u.value) {
       case "today":
-        y.push(Y.getShiftedDay()), y.push(Y.getShiftedDay());
+        p.push(H.getShiftedDay()), p.push(H.getShiftedDay());
         break;
       case "week":
-        y.push(...Y.getLastWeekRange());
+        p.push(...H.getLastWeekRange());
         break;
       case "month":
-        y.push(...Y.getMonthRange());
+        p.push(...H.getMonthRange());
         break;
       case "quarter":
-        y.push(...Y.getQuarterRange());
+        p.push(...H.getQuarterRange());
         break;
       case "year":
-        y.push(...Y.getYearRange());
+        p.push(...H.getYearRange());
         break;
       case "last_7_days":
-        x.value = 7, a();
+        g.value = 7, a();
         break;
       case "range":
-        x.value = 7, y.push(...a());
+        g.value = 7, p.push(...a());
         break;
     }
-    l.value = [...y], o("change", { name: u.name, value: l.value }), o("update:modelValue", l.value);
+    l.value = [...p], n("change", { name: c.name, value: l.value }), n("update:modelValue", l.value);
   }
-  function m() {
-    const h = [];
-    switch (n.value) {
+  function y() {
+    const b = [];
+    switch (u.value) {
       case "today":
-        h.push(Y.getShiftedDay(l.value[0], 1));
+        b.push(H.getShiftedDay(l.value[0], 1));
         break;
       case "week":
-        h.push(...Y.getLastWeekRange(l.value[0], l.value[1], 1));
+        b.push(...H.getLastWeekRange(l.value[0], l.value[1], 1));
         break;
       case "month":
-        h.push(...Y.getMonthRange(l.value[0], l.value[1], 1));
+        b.push(...H.getMonthRange(l.value[0], l.value[1], 1));
         break;
       case "quarter":
-        h.push(...Y.getQuarterRange(l.value[0], l.value[1], 1));
+        b.push(...H.getQuarterRange(l.value[0], l.value[1], 1));
         break;
       case "year":
-        h.push(...Y.getYearRange(l.value[0], 1));
+        b.push(...H.getYearRange(l.value[0], 1));
         break;
     }
-    l.value = [...h], o("change", { name: u.name, value: l.value }), o("update:modelValue", l.value);
+    l.value = [...b], n("change", { name: c.name, value: l.value }), n("update:modelValue", l.value);
   }
-  function p() {
-    const h = [];
-    switch (n.value) {
+  function m() {
+    const b = [];
+    switch (u.value) {
       case "today":
-        h.push(Y.getShiftedDay(l.value[0], -1));
+        b.push(H.getShiftedDay(l.value[0], -1));
         break;
       case "week":
-        h.push(...Y.getLastWeekRange(l.value[0], l.value[1], -1));
+        b.push(...H.getLastWeekRange(l.value[0], l.value[1], -1));
         break;
       case "month":
-        h.push(...Y.getMonthRange(l.value[0], l.value[1], -1));
+        b.push(...H.getMonthRange(l.value[0], l.value[1], -1));
         break;
       case "quarter":
-        h.push(...Y.getQuarterRange(l.value[0], l.value[1], -1));
+        b.push(...H.getQuarterRange(l.value[0], l.value[1], -1));
         break;
       case "year":
-        h.push(...Y.getYearRange(l.value[0], -1));
+        b.push(...H.getYearRange(l.value[0], -1));
         break;
     }
-    l.value = [...h], o("change", { name: u.name, value: l.value }), o("update:modelValue", l.value);
+    l.value = [...b], n("change", { name: c.name, value: l.value }), n("update:modelValue", l.value);
   }
-  const r = [
+  const d = [
     "Січень",
     "Лютий",
     "Березень",
@@ -971,79 +971,79 @@ function Te(u, o) {
     "Листопад",
     "Грудень"
   ];
-  function c(h) {
-    const [y, i, w] = h.split("-");
-    return `${w}.${i}.${y}`;
+  function i(b) {
+    const [p, h, x] = b.split("-");
+    return `${x}.${h}.${p}`;
   }
-  function C(h, y = "long") {
-    const i = new Date(Date.UTC(2e3, h - 1, 1));
-    return new Intl.DateTimeFormat(localStorage.locale, { month: y, timeZone: "UTC" }).format(i);
+  function C(b, p = "long") {
+    const h = new Date(Date.UTC(2e3, b - 1, 1));
+    return new Intl.DateTimeFormat(localStorage.locale, { month: p, timeZone: "UTC" }).format(h);
   }
-  function k(h) {
-    const { value: y } = l;
-    switch (h) {
+  function k(b) {
+    const { value: p } = l;
+    switch (b) {
       case "today":
-        return c(y[0]);
+        return i(p[0]);
       case "range":
         return "Період";
       case "week":
-        return y[0] && y[1] ? `${c(y[0])} – ${c(y[1])}` : "";
+        return p[0] && p[1] ? `${i(p[0])} – ${i(p[1])}` : "";
       case "quarter":
-        if (y[0]) {
-          const i = new Date(y[0]), w = i.getFullYear(), D = i.getMonth();
-          return `${Math.floor(D / 3) + 1} ${t("filter.quarter")} ${w}`;
+        if (p[0]) {
+          const h = new Date(p[0]), x = h.getFullYear(), D = h.getMonth();
+          return `${Math.floor(D / 3) + 1} ${t("filter.quarter")} ${x}`;
         }
         return "";
       case "month":
-        if (y[0]) {
-          const [i, w] = y[0].split("-");
-          return `${C(parseInt(w, 10))} ${i}`;
+        if (p[0]) {
+          const [h, x] = p[0].split("-");
+          return `${C(parseInt(x, 10))} ${h}`;
         }
         return "";
       case "year":
-        return y[0] || "";
+        return p[0] || "";
       case "last_7_days":
         return "За останні дні";
       default:
-        return u.label ?? "";
+        return c.label ?? "";
     }
   }
-  const g = E(() => n.value ? k(n.value) : u.label ?? "");
-  function s() {
-    n.value = "", l.value = [], o("update:modelValue", []), o("clear", u.name);
+  const _ = L(() => u.value ? k(u.value) : c.label ?? "");
+  function o() {
+    u.value = "", l.value = [], n("update:modelValue", []), n("clear", c.name);
   }
   return {
-    activeMode: n,
+    activeMode: u,
     innerValue: l,
-    daysBefore: x,
+    daysBefore: g,
     onDaysBeforeChange: a,
-    onSelectChange: v,
-    nextClick: m,
-    prevClick: p,
-    ukMonths: r,
-    formatDisplayDate: c,
+    onSelectChange: f,
+    nextClick: y,
+    prevClick: m,
+    ukMonths: d,
+    formatDisplayDate: i,
     getModeLabel: k,
-    currentLabel: g,
-    clear: s
+    currentLabel: _,
+    clear: o
   };
 }
-const Ot = {
+const qt = {
   key: 0,
   class: "relative flex w-full h-auto gap-2 filter-date m-2 flex-wrap"
-}, zt = {
+}, Qt = {
   key: 0,
-  class: "flex gap-1 !w-[75%] rounded-lg"
-}, Nt = ["max", "disabled"], Yt = ["min", "disabled"], Pt = {
+  class: "flex gap-1 !w-[75%] rounded-sm"
+}, Ht = ["max", "disabled"], Gt = ["min", "disabled"], Xt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, qt = ["max", "disabled"], Wt = {
+}, Zt = ["max", "disabled"], Jt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Qt = {
+}, el = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Ht = ["min", "disabled"], Gt = { class: "flex gap-1 pt-2" }, Xt = ["onClick"];
-const Zt = /* @__PURE__ */ O({
+}, tl = ["min", "disabled"], ll = { class: "flex gap-1 pt-2" }, ol = ["onClick"];
+const nl = /* @__PURE__ */ W({
   __name: "date-input",
   props: {
     id: {},
@@ -1071,241 +1071,241 @@ const Zt = /* @__PURE__ */ O({
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(u, { expose: o, emit: b }) {
-    const t = u, n = Le(), l = Mt(), x = b, a = $(null), {
-      activeMode: v,
-      innerValue: m,
-      onSelectChange: p,
-      nextClick: r,
-      prevClick: c,
+  setup(c, { expose: n, emit: v }) {
+    const t = c, u = Ee(), l = Ot(), g = v, a = $(null), {
+      activeMode: f,
+      innerValue: y,
+      onSelectChange: m,
+      nextClick: d,
+      prevClick: i,
       clear: C
     } = Te({
       ...t,
       popoverRef: a
-    }, x);
-    return M(() => t.modelValue, (k) => {
-      k !== void 0 ? (m.value = k, x("update:modelValue", k)) : (v.value = "", m.value = []);
-    }), o({
+    }, g);
+    return I(() => t.modelValue, (k) => {
+      k !== void 0 ? (y.value = k, g("update:modelValue", k)) : (f.value = "", y.value = []);
+    }), n({
       clear: C,
       popoverRef: a
-    }), (k, g) => (f(), _(F, null, [
-      k.layout === "inline" ? (f(), _("div", Ot, [
-        e(v) !== "" && e(v) === "range" ? (f(), _("div", zt, [
-          U(d("input", {
+    }), (k, _) => (s(), w(T, null, [
+      k.layout === "inline" ? (s(), w("div", qt, [
+        e(f) !== "" && e(f) === "range" ? (s(), w("div", Qt, [
+          Y(r("input", {
             type: "date",
-            max: e(m)[1],
+            max: e(y)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": g[0] || (g[0] = (s) => e(m)[0] = s),
-            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600",
+            "onUpdate:modelValue": _[0] || (_[0] = (o) => e(y)[0] = o),
+            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",
             disabled: k.disabled
-          }, null, 8, Nt), [
-            [H, e(m)[0]]
+          }, null, 8, Ht), [
+            [ee, e(y)[0]]
           ]),
-          U(d("input", {
+          Y(r("input", {
             type: "date",
-            min: e(m)[0],
+            min: e(y)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": g[1] || (g[1] = (s) => e(m)[1] = s),
-            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600 appearance-auto",
+            "onUpdate:modelValue": _[1] || (_[1] = (o) => e(y)[1] = o),
+            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",
             disabled: k.disabled
-          }, null, 8, Yt), [
-            [H, e(m)[1]]
+          }, null, 8, Gt), [
+            [ee, e(y)[1]]
           ])
         ])) : V("", !0)
       ])) : V("", !0),
-      d("div", {
-        class: K(k.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
+      r("div", {
+        class: U(k.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
       }, [
-        d("div", {
-          class: K(k.layout !== "popover" ? "w-[48%]" : "")
+        r("div", {
+          class: U(k.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          k.layout === "popover" ? (f(), _("label", Pt, "Від")) : V("", !0),
-          U(d("input", {
+          k.layout === "popover" ? (s(), w("label", Xt, "Від")) : V("", !0),
+          Y(r("input", {
             type: "date",
-            max: e(m)[1],
+            max: e(y)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": g[2] || (g[2] = (s) => e(m)[0] = s),
-            class: K(e(n)),
+            "onUpdate:modelValue": _[2] || (_[2] = (o) => e(y)[0] = o),
+            class: U(e(u)),
             disabled: k.disabled
-          }, null, 10, qt), [
-            [H, e(m)[0]]
+          }, null, 10, Zt), [
+            [ee, e(y)[0]]
           ])
         ], 2),
-        k.layout !== "popover" ? (f(), _("label", Wt, " - ")) : V("", !0),
-        d("div", {
-          class: K(k.layout !== "popover" ? "w-[48%]" : "")
+        k.layout !== "popover" ? (s(), w("label", Jt, " - ")) : V("", !0),
+        r("div", {
+          class: U(k.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          k.layout === "popover" ? (f(), _("label", Qt, "До")) : V("", !0),
-          U(d("input", {
+          k.layout === "popover" ? (s(), w("label", el, "До")) : V("", !0),
+          Y(r("input", {
             type: "date",
-            min: e(m)[0],
+            min: e(y)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": g[3] || (g[3] = (s) => e(m)[1] = s),
-            class: K(e(n)),
+            "onUpdate:modelValue": _[3] || (_[3] = (o) => e(y)[1] = o),
+            class: U(e(u)),
             disabled: k.disabled
-          }, null, 10, Ht), [
-            [H, e(m)[1]]
+          }, null, 10, tl), [
+            [ee, e(y)[1]]
           ])
         ], 2)
       ], 2),
-      d("div", Gt, [
-        (f(), _(F, null, W(["today", "week", "month", "quarter", "year"], (s) => d("button", {
-          key: s,
-          class: K(e(l) + (e(v) === s ? " bg-blue-100" : "")),
-          onClick: (h) => e(p)(s)
-        }, S(e(Ut)(s)), 11, Xt)), 64)),
-        d("button", {
-          class: K(e(l)),
-          onClick: g[4] || (g[4] = //@ts-ignore
-          (...s) => e(c) && e(c)(...s))
+      r("div", ll, [
+        (s(), w(T, null, X(["today", "week", "month", "quarter", "year"], (o) => r("button", {
+          key: o,
+          class: U(e(l) + (e(f) === o ? " bg-blue-100" : "")),
+          onClick: (b) => e(m)(o)
+        }, S(e(Wt)(o)), 11, ol)), 64)),
+        r("button", {
+          class: U(e(l)),
+          onClick: _[4] || (_[4] = //@ts-ignore
+          (...o) => e(i) && e(i)(...o))
         }, " <", 2),
-        d("button", {
-          class: K(e(l)),
-          onClick: g[5] || (g[5] = //@ts-ignore
-          (...s) => e(r) && e(r)(...s))
+        r("button", {
+          class: U(e(l)),
+          onClick: _[5] || (_[5] = //@ts-ignore
+          (...o) => e(d) && e(d)(...o))
         }, " >", 2)
       ]),
       (k.cleanable, V("", !0))
     ], 64));
   }
 });
-function Jt(u, o) {
+function al(c, n) {
   const {
-    api: b,
+    api: v,
     options: t = [],
-    limit: n = 20,
+    limit: u = 20,
     dataKey: l = "data"
-  } = u, x = u.multi;
-  function a(A) {
-    return x ? Array.isArray(A) ? A : A ? [A] : [] : Array.isArray(A) ? A[0] : A;
+  } = c, g = c.multi;
+  function a(B) {
+    return g ? Array.isArray(B) ? B : B ? [B] : [] : Array.isArray(B) ? B[0] : B;
   }
-  const v = $(a(u.modelValue)), m = $(""), p = $(!1), r = $(t), c = $("id"), C = $("text"), k = $(!1), g = $(u.layout !== "popover" && t.length > n), s = $([]), h = $(0);
-  function y(A) {
-    const z = A.find(Boolean) ?? {}, Q = ["id", "value", "code", "key"].find((ne) => ne in z) ?? "id", ae = ["text", "label", "name", "title"].find((ne) => ne in z) ?? "text";
-    return { autoValueKey: Q, autoLabelKey: ae };
+  const f = $(a(c.modelValue)), y = $(""), m = $(!1), d = $(t), i = $("id"), C = $("text"), k = $(!1), _ = $(c.layout !== "popover" && t.length > u), o = $([]), b = $(0);
+  function p(B) {
+    const O = B.find(Boolean) ?? {}, q = ["id", "value", "code", "key"].find((ie) => ie in O) ?? "id", N = ["text", "label", "name", "title"].find((ie) => ie in O) ?? "text";
+    return { autoValueKey: q, autoLabelKey: N };
   }
   if (t.length > 0) {
-    const A = y(t);
-    c.value = A.autoValueKey, C.value = A.autoLabelKey;
-  }
-  const i = E(() => {
-    if (b) return r.value;
-    const A = r.value;
-    if (u.layout === "popover") return A;
-    if (!m.value)
-      return k.value ? A : A.slice(0, n);
-    const z = m.value.toLowerCase();
-    return A.filter((Q) => Q[C.value].toLowerCase().includes(z));
+    const B = p(t);
+    i.value = B.autoValueKey, C.value = B.autoLabelKey;
+  }
+  const h = L(() => {
+    if (v) return d.value;
+    const B = d.value;
+    if (c.layout === "popover") return B;
+    if (!y.value)
+      return k.value ? B : B.slice(0, u);
+    const O = y.value.toLowerCase();
+    return B.filter((q) => q[C.value].toLowerCase().includes(O));
   });
-  let w = null;
-  async function D(A) {
-    if (b) {
-      p.value = !0;
+  let x = null;
+  async function D(B) {
+    if (v) {
+      m.value = !0;
       try {
-        const z = new URL(b, window.location.origin);
-        z.searchParams.set("json", "1"), z.searchParams.set("key", A), z.searchParams.set("limit", n.toString());
-        const Q = await fetch(z.toString());
-        if (!Q.ok) {
-          we({ type: "error", title: "Error", message: "Failed to fetch remote options" }), r.value = [];
+        const O = new URL(v, window.location.origin);
+        O.searchParams.set("json", "1"), O.searchParams.set("key", B), O.searchParams.set("limit", u.toString());
+        const q = await fetch(O.toString());
+        if (!q.ok) {
+          Ae({ type: "error", title: "Error", message: "Failed to fetch remote options" }), d.value = [];
           return;
         }
-        const ae = await Q.json();
-        if (!ae[l]) {
-          we({ type: "error", title: "Error", message: ae }), r.value = [];
+        const N = await q.json();
+        if (!N[l]) {
+          Ae({ type: "error", title: "Error", message: N }), d.value = [];
           return;
         }
-        if (r.value = ae[l], r.value.length > 0) {
-          const ne = y(r.value);
-          c.value = ne.autoValueKey, C.value = ne.autoLabelKey;
+        if (d.value = N[l], d.value.length > 0) {
+          const ie = p(d.value);
+          i.value = ie.autoValueKey, C.value = ie.autoLabelKey;
         }
-        h.value = ae.total;
-      } catch (z) {
-        console.error("Failed to fetch remote options:", z);
+        b.value = N.total;
+      } catch (O) {
+        console.error("Failed to fetch remote options:", O);
       } finally {
-        p.value = !1;
+        m.value = !1;
       }
     }
   }
-  M(m, (A) => {
-    b && (w && clearTimeout(w), w = setTimeout(() => {
-      D(A);
+  I(y, (B) => {
+    v && (x && clearTimeout(x), x = setTimeout(() => {
+      D(B);
     }, 200));
-  }), M(() => u.modelValue, (A) => {
-    v.value = a(A);
+  }), I(() => c.modelValue, (B) => {
+    f.value = a(B);
   }, { immediate: !0 });
-  function B(A) {
-    return x && Array.isArray(v.value) ? v.value.includes(A[c.value]) : v.value && v.value === A[c.value];
+  function F(B) {
+    return g && Array.isArray(f.value) ? f.value.includes(B[i.value]) : f.value && f.value === B[i.value];
   }
-  function j(A) {
-    if (x && !Array.isArray(v.value) && (v.value = []), x && Array.isArray(v.value)) {
-      const z = v.value.includes(A[c.value]);
-      v.value = z ? v.value.filter((Q) => Q !== A[c.value]) : [...v.value, A[c.value]], s.value = z ? s.value.filter((Q) => Q !== A[C.value]) : [...s.value, A[C.value]];
+  function A(B) {
+    if (g && !Array.isArray(f.value) && (f.value = []), g && Array.isArray(f.value)) {
+      const O = f.value.includes(B[i.value]);
+      f.value = O ? f.value.filter((q) => q !== B[i.value]) : [...f.value, B[i.value]], o.value = O ? o.value.filter((q) => q !== B[C.value]) : [...o.value, B[C.value]];
     } else
-      v.value = A[c.value], s.value = A[C.value];
-    o("update:modelValue", v.value), o("change", { name: u.name, value: v.value });
+      f.value = B[i.value], o.value = B[C.value];
+    n("update:modelValue", f.value), n("change", { name: c.name, value: f.value });
   }
-  function Z() {
-    x ? (v.value = [], s.value = []) : (v.value = void 0, s.value = []), o("update:modelValue", v.value), o("clear", u.name);
+  function R() {
+    g ? (f.value = [], o.value = []) : (f.value = void 0, o.value = []), n("update:modelValue", f.value), n("clear", c.name);
   }
-  function oe() {
-    w && clearTimeout(w), m.value = "", k.value = !1;
+  function j() {
+    x && clearTimeout(x), y.value = "", k.value = !1;
   }
-  function T() {
+  function M() {
     k.value = !k.value;
   }
-  fe(() => {
-    w && clearTimeout(w);
+  pe(() => {
+    x && clearTimeout(x);
   });
-  const L = $(-1);
-  M(i, () => {
-    L.value = i.value.length > 0 ? 0 : -1;
+  const K = $(-1);
+  I(h, () => {
+    K.value = h.value.length > 0 ? 0 : -1;
   });
-  function I(A) {
-    const z = i.value.length;
-    if (A.key === "ArrowDown")
-      A.preventDefault(), L.value = (L.value + 1) % z;
-    else if (A.key === "ArrowUp")
-      A.preventDefault(), L.value = (L.value - 1 + z) % z;
-    else if (A.key === "Enter" && (A.preventDefault(), L.value >= 0 && L.value < i.value.length)) {
-      const Q = i.value[L.value];
-      j(Q);
+  function z(B) {
+    const O = h.value.length;
+    if (B.key === "ArrowDown")
+      B.preventDefault(), K.value = (K.value + 1) % O;
+    else if (B.key === "ArrowUp")
+      B.preventDefault(), K.value = (K.value - 1 + O) % O;
+    else if (B.key === "Enter" && (B.preventDefault(), K.value >= 0 && K.value < h.value.length)) {
+      const q = h.value[K.value];
+      A(q);
     }
   }
-  function ie() {
-    b && r.value.length === 0 && m.value.length === 0 && D(m.value);
+  function P() {
+    v && d.value.length === 0 && y.value.length === 0 && D(y.value);
   }
   return {
-    innerValue: v,
-    searchTerm: m,
-    filteredOptions: i,
-    isSelected: B,
-    selectItem: j,
-    clear: Z,
-    resetSearch: oe,
-    toggleShowAll: T,
-    isReqProc: p,
+    innerValue: f,
+    searchTerm: y,
+    filteredOptions: h,
+    isSelected: F,
+    selectItem: A,
+    clear: R,
+    resetSearch: j,
+    toggleShowAll: M,
+    isReqProc: m,
     showAll: k,
-    isEnableShowAll: g,
+    isEnableShowAll: _,
     labelKey: C,
-    valueKey: c,
-    allOptions: r,
-    highlightedIndex: L,
-    onKeyDown: I,
-    selectedLabels: s,
-    totalCount: h,
-    loadData: ie
+    valueKey: i,
+    allOptions: d,
+    highlightedIndex: K,
+    onKeyDown: z,
+    selectedLabels: o,
+    totalCount: b,
+    loadData: P
   };
 }
-const el = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, tl = ["placeholder"], ll = {
+const rl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, sl = ["placeholder"], il = {
   key: 0,
   class: "w-full"
-}, ol = { class: "flex flex-col items-center justify-center p-5 text-center" }, al = { class: "max-w-sm mx-auto mt-6" }, nl = { class: "font-medium text-gray-800 dark:text-neutral-200" }, rl = {
+}, ul = { class: "flex flex-col items-center justify-center p-5 text-center" }, dl = { class: "max-w-sm mx-auto mt-6" }, cl = { class: "font-medium text-gray-800 dark:text-neutral-200" }, fl = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, sl = {
+}, pl = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, il = /* @__PURE__ */ O({
+}, ml = /* @__PURE__ */ W({
   __name: "select",
   props: {
     id: {},
@@ -1333,154 +1333,154 @@ const el = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(u, { expose: o, emit: b }) {
-    const t = re(), n = u, l = b, x = $(null), {
+  setup(c, { expose: n, emit: v }) {
+    const t = se(), u = c, l = v, g = $(null), {
       innerValue: a,
-      filteredOptions: v,
-      isSelected: m,
-      selectItem: p,
-      clear: r,
-      resetSearch: c,
+      filteredOptions: f,
+      isSelected: y,
+      selectItem: m,
+      clear: d,
+      resetSearch: i,
       toggleShowAll: C,
       isReqProc: k,
-      showAll: g,
-      isEnableShowAll: s,
-      searchTerm: h,
-      labelKey: y,
-      valueKey: i,
-      highlightedIndex: w,
+      showAll: _,
+      isEnableShowAll: o,
+      searchTerm: b,
+      labelKey: p,
+      valueKey: h,
+      highlightedIndex: x,
       onKeyDown: D,
-      selectedLabels: B,
-      totalCount: j,
-      loadData: Z
-    } = Jt({
-      ...n,
-      modelValue: n.modelValue
+      selectedLabels: F,
+      totalCount: A,
+      loadData: R
+    } = al({
+      ...u,
+      modelValue: u.modelValue
     }, l);
-    ue(() => {
-      c(), n.layout !== "inline" && (Z(), x.value && n.layout === "popover" && x.value.focus());
-    }), M(
-      () => n.modelValue,
-      (T) => {
-        T === void 0 && (n.multi ? a.value = [] : a.value = void 0);
+    ce(() => {
+      i(), u.layout !== "inline" && (R(), g.value && u.layout === "popover" && g.value.focus());
+    }), I(
+      () => u.modelValue,
+      (M) => {
+        M === void 0 && (u.multi ? a.value = [] : a.value = void 0);
       }
     );
-    const oe = $([]);
-    return M(w, (T) => {
-      T >= 0 && oe.value[T] && oe.value[T]?.scrollIntoView({
+    const j = $([]);
+    return I(x, (M) => {
+      M >= 0 && j.value[M] && j.value[M]?.scrollIntoView({
         block: "nearest",
         behavior: "smooth"
       });
-    }), M(v, () => {
-      oe.value = [];
-    }), o({
-      clear: r,
-      inputTextRef: x,
-      selectedLabels: B,
-      loadData: Z
-    }), (T, L) => (f(), _("div", {
-      class: K([T.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+    }), I(f, () => {
+      j.value = [];
+    }), n({
+      clear: d,
+      inputTextRef: g,
+      selectedLabels: F,
+      loadData: R
+    }), (M, K) => (s(), w("div", {
+      class: U([M.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
     }, [
-      d("div", el, [
-        U(d("input", {
-          "onUpdate:modelValue": L[0] || (L[0] = (I) => ze(h) ? h.value = I : null),
-          onKeydown: L[1] || (L[1] = //@ts-ignore
-          (...I) => e(D) && e(D)(...I)),
+      r("div", rl, [
+        Y(r("input", {
+          "onUpdate:modelValue": K[0] || (K[0] = (z) => Pe(b) ? b.value = z : null),
+          onKeydown: K[1] || (K[1] = //@ts-ignore
+          (...z) => e(D) && e(D)(...z)),
           class: "w-full h-full text-[13px] px-4 border rounded-sm pl-9 focus:outline-none focus:ring-ring focus:ring-1 focus:ring-blue-500 text-gray-700",
           placeholder: e(t)("filter.search"),
           type: "text",
           ref_key: "inputTextRef",
-          ref: x
-        }, null, 40, tl), [
-          [H, e(h)]
+          ref: g
+        }, null, 40, sl), [
+          [ee, e(b)]
         ]),
-        P(Fe, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
-        e(h) != "" ? (f(), R(je, {
+        Q(Me, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
+        e(b) != "" ? (s(), E(Ce, {
           key: 0,
-          onClick: L[2] || (L[2] = (I) => h.value = ""),
+          onClick: K[2] || (K[2] = (z) => b.value = ""),
           class: "absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"
         })) : V("", !0)
       ]),
-      d("div", {
-        class: K([
-          T.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
-          T.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+      r("div", {
+        class: U([
+          M.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
+          M.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (f(!0), _(F, null, W(e(v), (I, ie) => (f(), R(ve, {
-          layout: T.layout,
-          count: I.count,
-          label: I[e(y)],
-          color: I.color,
-          type: T.multi ? "checkbox" : "radio",
-          value: I[e(i)],
-          "is-selected": e(m)(I),
-          highlighted: ie === e(w),
-          onItemClick: (A) => e(p)(I),
+        (s(!0), w(T, null, X(e(f), (z, P) => (s(), E(he, {
+          layout: M.layout,
+          count: z.count,
+          label: z[e(p)],
+          color: z.color,
+          type: M.multi ? "checkbox" : "radio",
+          value: z[e(h)],
+          "is-selected": e(y)(z),
+          highlighted: P === e(x),
+          onItemClick: (B) => e(m)(z),
           ref_for: !0,
-          ref: (A) => oe.value[ie] = A?.el
+          ref: (B) => j.value[P] = B?.el
         }, null, 8, ["layout", "count", "label", "color", "type", "value", "is-selected", "highlighted", "onItemClick"]))), 256))
       ], 2),
-      T.type === "select" && e(v).length === 0 && !e(k) ? (f(), _("div", ll, [
-        d("div", ol, [
-          P(ye),
-          d("div", al, [
-            d("p", nl, S(e(t)("filter.notfound")), 1),
-            L[7] || (L[7] = d("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
+      M.type === "select" && e(f).length === 0 && !e(k) ? (s(), w("div", il, [
+        r("div", ul, [
+          Q(we),
+          r("div", dl, [
+            r("p", cl, S(e(t)("filter.notfound")), 1),
+            K[7] || (K[7] = r("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
           ])
         ])
       ])) : V("", !0),
-      T.layout !== "popover" && T.type !== "select" ? (f(), _(F, { key: 1 }, [
-        !e(g) && e(s) ? (f(), _("div", {
+      M.layout !== "popover" && M.type !== "select" ? (s(), w(T, { key: 1 }, [
+        !e(_) && e(o) ? (s(), w("div", {
           key: 0,
-          onClick: L[3] || (L[3] = //@ts-ignore
-          (...I) => e(C) && e(C)(...I)),
+          onClick: K[3] || (K[3] = //@ts-ignore
+          (...z) => e(C) && e(C)(...z)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          N(S(e(t)("filter.more")) + " ", 1),
-          P(ce)
+          G(S(e(t)("filter.more")) + " ", 1),
+          Q(ve)
         ])) : V("", !0),
-        e(g) ? (f(), _("div", {
+        e(_) ? (s(), w("div", {
           key: 1,
-          onClick: L[4] || (L[4] = //@ts-ignore
-          (...I) => e(C) && e(C)(...I)),
+          onClick: K[4] || (K[4] = //@ts-ignore
+          (...z) => e(C) && e(C)(...z)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          N(S(e(t)("filter.less")) + " ", 1),
-          P(ge)
+          G(S(e(t)("filter.less")) + " ", 1),
+          Q(ke)
         ])) : V("", !0)
       ], 64)) : V("", !0),
-      T.cleanable ? (f(), _(F, { key: 2 }, [
-        T.layout === "inline" ? (f(), _("div", rl, [
-          N(S(T.multi && Array.isArray(e(a)) ? e(a)?.length : e(a) !== void 0 && (e(a) || e(a) === null) ? 1 : 0) + " / " + S(e(j)) + " " + S(e(t)("filter.selected")) + " ", 1),
-          U(d("button", {
+      M.cleanable ? (s(), w(T, { key: 2 }, [
+        M.layout === "inline" ? (s(), w("div", fl, [
+          G(S(M.multi && Array.isArray(e(a)) ? e(a)?.length : e(a) !== void 0 && (e(a) || e(a) === null) ? 1 : 0) + " / " + S(e(A)) + " " + S(e(t)("filter.selected")) + " ", 1),
+          Y(r("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: L[5] || (L[5] = //@ts-ignore
-            (...I) => e(r) && e(r)(...I))
+            onClick: K[5] || (K[5] = //@ts-ignore
+            (...z) => e(d) && e(d)(...z))
           }, S(e(t)("filter.clear")), 513), [
-            [G, e(a) !== "" && e(a) !== void 0 || e(a)]
+            [J, e(a) !== "" && e(a) !== void 0 || e(a)]
           ])
         ])) : V("", !0),
-        T.layout === "popover" ? (f(), _("div", sl, [
-          d("span", null, S(T.multi && Array.isArray(e(a)) ? e(a)?.length : e(a) !== void 0 && (e(a) || e(a) === null) ? 1 : 0) + " / " + S(e(j)) + " " + S(e(t)("filter.selected")), 1),
-          U(d("button", {
+        M.layout === "popover" ? (s(), w("div", pl, [
+          r("span", null, S(M.multi && Array.isArray(e(a)) ? e(a)?.length : e(a) !== void 0 && (e(a) || e(a) === null) ? 1 : 0) + " / " + S(e(A)) + " " + S(e(t)("filter.selected")), 1),
+          Y(r("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: L[6] || (L[6] = //@ts-ignore
-            (...I) => e(r) && e(r)(...I))
+            onClick: K[6] || (K[6] = //@ts-ignore
+            (...z) => e(d) && e(d)(...z))
           }, S(e(t)("filter.clear")), 513), [
-            [G, e(a) !== "" && e(a) !== void 0 || e(a)]
+            [J, e(a) !== "" && e(a) !== void 0 || e(a)]
           ])
         ])) : V("", !0)
       ], 64)) : V("", !0)
     ], 2));
   }
-}), ul = ["for", "onClick"], dl = ["id", "name", "value"], cl = { class: "block" }, fl = {
+}), vl = ["for", "onClick"], yl = ["id", "name", "value"], gl = { class: "block" }, bl = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, pl = {
+}, hl = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, ml = /* @__PURE__ */ O({
+}, xl = /* @__PURE__ */ W({
   __name: "tag-field",
   props: {
     id: {},
@@ -1508,77 +1508,77 @@ const el = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(u, { expose: o, emit: b }) {
-    const t = u, n = b, {
+  setup(c, { expose: n, emit: v }) {
+    const t = c, u = v, {
       innerValue: l,
-      isSelected: x,
+      isSelected: g,
       selectItem: a,
-      clear: v,
-      labelKey: m,
-      valueKey: p,
-      allOptions: r
-    } = t.multi ? Me({
+      clear: f,
+      labelKey: y,
+      valueKey: m,
+      allOptions: d
+    } = t.multi ? Fe({
       ...t,
       modelValue: t.modelValue ?? t.default ?? []
-    }, n) : Re({
+    }, u) : xe({
       ...t,
       modelValue: t.modelValue !== void 0 ? t.modelValue : t.default ?? ""
-    }, n);
-    return o({
-      clear: v
-    }), M(
+    }, u);
+    return n({
+      clear: f
+    }), I(
       () => t.modelValue,
-      (c) => {
-        c === void 0 && (t.multi ? l.value = [] : l.value = void 0);
+      (i) => {
+        i === void 0 && (t.multi ? l.value = [] : l.value = void 0);
       }
-    ), (c, C) => (f(), _(F, null, [
-      d("div", {
-        class: K(["grid grid-cols-3 gap-2 mx-[1px]", c.layout === "popover" ? "m-1" : "mb-1"])
+    ), (i, C) => (s(), w(T, null, [
+      r("div", {
+        class: U(["grid grid-cols-3 gap-2 mx-[1px]", i.layout === "popover" ? "m-1" : "mb-1"])
       }, [
-        (f(!0), _(F, null, W(e(r), (k) => (f(), _("label", {
-          key: `item-${k[e(p)]}`,
-          for: `item-${k[e(p)]}`,
-          onClick: Ae((g) => e(a)(k), ["stop", "prevent"]),
-          class: K([e(x)(k) ? "ring-2 ring-indigo-600" : "", "p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-lg dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 peer-checked:text-indigo-600 dark:has-checked:text-indigo-500 peer-checked:border-indigo-600 dark:has-checked:border-indigo-500 peer-checked:ring peer-checked:shadow focus:ring dark:has-checked:ring-indigo-500 has-disabled:pointer-events-none has-disabled:text-gray-200 dark:has-disabled:text-neutral-700 has-disabled:after:absolute has-disabled:after:inset-0 has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-gray-200)_calc(50%-1px),var(--color-gray-200)_50%,transparent_50%)] dark:has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-neutral-700)_calc(50%-1px),var(--color-neutral-700)_50%,transparent_50%)]"])
+        (s(!0), w(T, null, X(e(d), (k) => (s(), w("label", {
+          key: `item-${k[e(m)]}`,
+          for: `item-${k[e(m)]}`,
+          onClick: re((_) => e(a)(k), ["stop", "prevent"]),
+          class: U([e(g)(k) ? "ring-2 ring-indigo-600" : "", "p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-sm dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 peer-checked:text-indigo-600 dark:has-checked:text-indigo-500 peer-checked:border-indigo-600 dark:has-checked:border-indigo-500 peer-checked:ring peer-checked:shadow focus:ring dark:has-checked:ring-indigo-500 has-disabled:pointer-events-none has-disabled:text-gray-200 dark:has-disabled:text-neutral-700 has-disabled:after:absolute has-disabled:after:inset-0 has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-gray-200)_calc(50%-1px),var(--color-gray-200)_50%,transparent_50%)] dark:has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-neutral-700)_calc(50%-1px),var(--color-neutral-700)_50%,transparent_50%)]"])
         }, [
-          d("input", {
+          r("input", {
             type: "checkbox",
-            id: `item-${k[e(p)]}`,
+            id: `item-${k[e(m)]}`,
             class: "hidden w4poy border-gray-200 g41z1 g22e3 axcnw dark:text-indigo-500 dark:border-neutral-700 dark:focus:ring-neutral-900",
-            name: `item-${k[e(p)]}`,
-            value: k[e(p)]
-          }, null, 8, dl),
-          d("span", cl, S(k[e(m)]), 1)
-        ], 10, ul))), 128))
+            name: `item-${k[e(m)]}`,
+            value: k[e(m)]
+          }, null, 8, yl),
+          r("span", gl, S(k[e(y)]), 1)
+        ], 10, vl))), 128))
       ], 2),
-      c.cleanable ? (f(), _(F, { key: 0 }, [
-        c.layout === "inline" ? (f(), _("div", fl, [
-          N(S(c.multi && Array.isArray(e(l)) ? e(l)?.length : e(l) !== void 0 && (e(l) || e(l) === null) ? 1 : 0) + " з " + S(e(r).length) + " обрано ", 1),
-          U(d("button", {
+      i.cleanable ? (s(), w(T, { key: 0 }, [
+        i.layout === "inline" ? (s(), w("div", bl, [
+          G(S(i.multi && Array.isArray(e(l)) ? e(l)?.length : e(l) !== void 0 && (e(l) || e(l) === null) ? 1 : 0) + " з " + S(e(d).length) + " обрано ", 1),
+          Y(r("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: C[0] || (C[0] = //@ts-ignore
-            (...k) => e(v) && e(v)(...k))
+            (...k) => e(f) && e(f)(...k))
           }, " Очистити ", 512), [
-            [G, e(l) !== "" && e(l) !== void 0 || e(l)]
+            [J, e(l) !== "" && e(l) !== void 0 || e(l)]
           ])
         ])) : V("", !0),
-        c.layout === "popover" ? (f(), _("div", pl, [
-          d("span", null, S(c.multi && Array.isArray(e(l)) ? e(l)?.length : e(l) !== void 0 && (e(l) || e(l) === null) ? 1 : 0) + " з " + S(e(r).length) + " обрано", 1),
-          U(d("button", {
+        i.layout === "popover" ? (s(), w("div", hl, [
+          r("span", null, S(i.multi && Array.isArray(e(l)) ? e(l)?.length : e(l) !== void 0 && (e(l) || e(l) === null) ? 1 : 0) + " з " + S(e(d).length) + " обрано", 1),
+          Y(r("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: C[1] || (C[1] = //@ts-ignore
-            (...k) => e(v) && e(v)(...k))
+            (...k) => e(f) && e(f)(...k))
           }, " Очистити ", 512), [
-            [G, e(l) !== void 0 && e(l) !== "" || e(l)]
+            [J, e(l) !== void 0 && e(l) !== "" || e(l)]
           ])
         ])) : V("", !0)
       ], 64)) : V("", !0)
     ], 64));
   }
-}), vl = ["disabled", "title"], yl = { class: "truncate text-ellipsis block text-left w-full" }, gl = {
+}), wl = ["disabled", "title"], kl = { class: "flex w-full items-center justify-between gap-1 overflow-hidden text-left" }, Cl = { class: "truncate text-ellipsis text-sm" }, _l = {
   key: 0,
-  class: "absolute top-0 end-0 inline-flex min-h-[10px] min-w-[10px] z-10 items-center py-0.5 rounded-full text-xs font-medium transform -translate-y-1/2 translate-x-1/2 bg-blue-600 text-white px-1"
-}, bl = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, hl = { 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" }, be = /* @__PURE__ */ O({
+  class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-sm bg-blue-100 px-2 text-[11px] font-semibold text-blue-600"
+}, Vl = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-sm focus:outline-none focus:bg-stone-100 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, $l = { class: "w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2" }, _e = /* @__PURE__ */ W({
   __name: "popover-field",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -1595,78 +1595,91 @@ const el = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     mode: {},
     layout: {}
   },
-  setup(u, { expose: o }) {
-    const b = u, t = E(() => Ee(b.mode)), n = $(!1), l = $({ top: 0, left: 0 }), x = $(null), a = $(null), v = $(null);
-    function m() {
-      const y = a.value, i = v.value;
-      if (!y || !i) return;
-      const w = y.getBoundingClientRect(), D = i.offsetWidth, B = window.innerWidth, j = w.bottom + 8;
-      let { left: Z } = w;
-      Z + D > B && (Z = Math.max(B - D - 10, 10)), l.value = { top: j, left: Z };
+  setup(c, { expose: n }) {
+    const v = c, t = L(() => Oe(v.mode)), u = $(!1), l = $({ top: 0, left: 0 }), g = $(null), a = $(null), f = $(null);
+    function y() {
+      const x = a.value, D = f.value;
+      if (!x || !D) return;
+      const F = x.getBoundingClientRect(), A = D.offsetWidth, R = window.innerWidth, j = F.bottom + 8;
+      let { left: M } = F;
+      M + A > R && (M = Math.max(R - A - 10, 10)), l.value = { top: j, left: M };
     }
-    function p() {
-      console.log("~~~~~~~~~~"), console.log(n.value), n.value = !n.value, console.log(n.value), n.value && pe(() => {
-        m(), b.fieldRef?.inputTextRef && b.fieldRef?.inputTextRef?.focus?.(), b.fieldRef?.loadData && b.fieldRef?.loadData?.();
+    function m() {
+      u.value = !u.value, u.value && me(() => {
+        y(), v.fieldRef?.inputTextRef && v.fieldRef?.inputTextRef?.focus?.(), v.fieldRef?.loadData && v.fieldRef?.loadData?.();
       });
     }
-    function r(y) {
-      !x.value?.contains(y.target) && !v.value?.contains(y.target) && !a.value?.contains(y.target) && (n.value = !1);
+    function d(x) {
+      !g.value?.contains(x.target) && !f.value?.contains(x.target) && !a.value?.contains(x.target) && (u.value = !1);
     }
-    function c(y) {
-      y.key === "Escape" && (n.value = !1);
+    function i(x) {
+      x.key === "Escape" && (u.value = !1);
     }
-    const C = $(!1), k = $("ua"), g = (y) => {
-      y.detail.key === "locale" && (k.value = y.detail.newValue);
+    const C = $(!1), k = $("ua"), _ = (x) => {
+      x.detail.key === "locale" && (k.value = x.detail.newValue);
     };
-    ue(() => {
-      C.value = !0, k.value = localStorage.locale, window.addEventListener("storage", g), document.addEventListener("click", r, !0), document.addEventListener("keydown", c), window.addEventListener("scroll", m, !0);
-    }), fe(() => {
-      window.removeEventListener("resize", g), document.removeEventListener("click", r, !0), document.removeEventListener("keydown", c), window.removeEventListener("scroll", m, !0);
+    ce(() => {
+      C.value = !0, k.value = localStorage.locale, window.addEventListener("storage", _), document.addEventListener("click", d, !0), document.addEventListener("keydown", i), window.addEventListener("scroll", y, !0);
+    }), pe(() => {
+      window.removeEventListener("resize", _), document.removeEventListener("click", d, !0), document.removeEventListener("keydown", i), window.removeEventListener("scroll", y, !0);
     });
-    function s() {
-      n.value = !1;
+    function o() {
+      u.value = !1;
+    }
+    n({ close: o });
+    function b(x) {
+      return Array.isArray(x) ? x.filter((D) => D != null && D !== "").length : x && typeof x == "object" ? Object.values(x).filter((D) => D != null && D !== "").length : typeof x == "string" ? x.trim() === "" ? 0 : 1 : typeof x == "number" ? Number.isNaN(x) ? 0 : 1 : x === null || x !== void 0 ? 1 : 0;
     }
-    o({ close: s });
-    const h = E(() => {
-      const y = b.fieldRef?.selectedLabels;
-      return !y || ["inline"].includes(b.layout || "") ? b[k.value] || (b.label ?? "") : Array.isArray(y) ? y.length > 0 ? y.join(", ") : b.label ?? "" : String(y);
+    const p = L(() => {
+      const x = v.fieldRef?.selectedLabels, D = b(x);
+      return D > 0 ? D : b(v.currentValue);
+    }), h = L(() => {
+      const x = v.fieldRef?.selectedLabels;
+      return !x || ["inline"].includes(v.layout || "") ? v[k.value] || (v.label ?? "") : Array.isArray(x) ? x.length > 0 ? x.join(", ") : v.label ?? "" : String(x);
     });
-    return (y, i) => (f(), _("div", null, [
-      d("button", {
-        onClick: p,
-        disabled: y.disabled,
+    return (x, D) => (s(), w("div", null, [
+      r("button", {
+        onClick: m,
+        disabled: x.disabled,
         ref_key: "triggerRef",
         ref: a,
-        title: y.label,
-        class: K(t.value + " " + (y.width ? e(Ke).getWidthClass(y.width) : "w-full"))
+        title: x.label,
+        class: U([
+          t.value,
+          x.width ? e(Le).getWidthClass(x.width) : "w-full",
+          x.layout === "inline" && p.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600" : ""
+        ]),
+        type: "button"
       }, [
-        d("span", yl, S(h.value), 1),
-        P(ce, { class: "h-4 w-4" }),
-        (Array.isArray(y.currentValue) ? y.currentValue === null || y.currentValue.length > 0 : y.currentValue === null || y.currentValue) && y.layout === "inline" ? (f(), _("span", gl)) : V("", !0)
-      ], 10, vl),
-      C.value ? (f(), R(De, {
+        r("span", kl, [
+          r("span", Cl, S(h.value), 1),
+          x.layout === "inline" && p.value > 0 ? (s(), w("span", _l, S(p.value), 1)) : V("", !0)
+        ]),
+        Q(ve, { class: "h-4 w-4 text-neutral-500" })
+      ], 10, wl),
+      C.value ? (s(), E(ge, {
         key: 0,
         to: "body"
       }, [
-        U(d("div", {
+        Y(r("div", {
           ref_key: "popperRef",
-          ref: v,
+          ref: f,
           class: "vsTailwind vs-popover__content bottom-right w-fit fixed z-[1000]",
-          style: Be({ top: `${l.value.top}px`, left: `${l.value.left}px` }),
+          style: be({ top: `${l.value.top}px`, left: `${l.value.left}px` }),
           "data-inside-popover": ""
         }, [
-          d("div", bl, [
-            d("div", hl, [
-              de(y.$slots, "default")
+          r("div", Vl, [
+            r("div", $l, [
+              ue(x.$slots, "default")
             ])
           ])
         ], 4), [
-          [G, n.value]
+          [J, u.value]
         ])
       ])) : V("", !0)
     ]));
   }
-}), xl = {}, wl = {
+}), Al = {}, Sl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1678,12 +1691,12 @@ const el = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
   "stroke-linejoin": "round",
   class: "text-blue-600 w-[16px] h-[16px]"
 };
-function kl(u, o) {
-  return f(), _("svg", wl, o[0] || (o[0] = [
-    d("path", { d: "M20 6 9 17l-5-5" }, null, -1)
+function Bl(c, n) {
+  return s(), w("svg", Sl, n[0] || (n[0] = [
+    r("path", { d: "M20 6 9 17l-5-5" }, null, -1)
   ]));
 }
-const ee = /* @__PURE__ */ X(xl, [["render", kl]]), Cl = {}, _l = {
+const ae = /* @__PURE__ */ te(Al, [["render", Bl]]), Dl = {}, jl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1695,17 +1708,17 @@ const ee = /* @__PURE__ */ X(xl, [["render", kl]]), Cl = {}, _l = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[90deg]"
 };
-function Vl(u, o) {
-  return f(), _("svg", _l, o[0] || (o[0] = [
-    d("path", {
+function Rl(c, n) {
+  return s(), w("svg", jl, n[0] || (n[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+    r("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const $l = /* @__PURE__ */ X(Cl, [["render", Vl]]), Sl = {}, Al = {
+const Kl = /* @__PURE__ */ te(Dl, [["render", Rl]]), Fl = {}, Ml = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1717,21 +1730,21 @@ const $l = /* @__PURE__ */ X(Cl, [["render", Vl]]), Sl = {}, Al = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[270deg]"
 };
-function Dl(u, o) {
-  return f(), _("svg", Al, o[0] || (o[0] = [
-    d("path", {
+function Ll(c, n) {
+  return s(), w("svg", Ml, n[0] || (n[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+    r("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Bl = /* @__PURE__ */ X(Sl, [["render", Dl]]), Rl = { class: "flex" }, Ml = { class: "mb-1" }, Fl = { class: "mb-1" }, jl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, Kl = ["title"], Ll = { class: "inline-flex rounded-lg shrink-0 pl-1" }, El = ["title"], Tl = {
+const El = /* @__PURE__ */ te(Fl, [["render", Ll]]), Ol = { class: "flex" }, Tl = { class: "mb-1" }, Il = { class: "mb-1" }, Ul = { class: "inline-flex rounded-sm shrink-0 pl-1" }, zl = ["title"], Nl = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Pl = ["title"], Yl = {
   key: 1,
-  class: "flex gap-1 !w-[75%] rounded-lg"
-}, Il = ["max", "disabled"], Ul = ["min", "disabled"];
-const Ol = /* @__PURE__ */ O({
+  class: "flex gap-1 !w-[75%] rounded-sm"
+}, Wl = ["max", "disabled"], ql = ["min", "disabled"];
+const Ql = /* @__PURE__ */ W({
   __name: "date-input-inline",
   props: {
     id: {},
@@ -1759,193 +1772,273 @@ const Ol = /* @__PURE__ */ O({
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(u, { expose: o, emit: b }) {
-    const t = re(), n = u, l = b, x = $(null), {
+  setup(c, { expose: n, emit: v }) {
+    const t = se(), u = c, l = v, g = $(null), {
       activeMode: a,
-      innerValue: v,
-      onSelectChange: m,
-      nextClick: p,
-      prevClick: r,
-      currentLabel: c,
+      innerValue: f,
+      onSelectChange: y,
+      nextClick: m,
+      prevClick: d,
+      currentLabel: i,
       clear: C
     } = Te({
-      ...n,
-      popoverRef: x
+      ...u,
+      popoverRef: g
     }, l);
-    return M(() => n.modelValue, (k) => {
-      k !== void 0 ? (v.value = k, l("update:modelValue", k)) : (a.value = "", v.value = []);
-    }), o({
+    return I(() => u.modelValue, (k) => {
+      k !== void 0 ? (f.value = k, l("update:modelValue", k)) : (a.value = "", f.value = []);
+    }), n({
       clear: C,
-      popoverRef: x
-    }), (k, g) => (f(), _(F, null, [
-      d("div", Rl, [
-        P(be, {
+      popoverRef: g
+    }), (k, _) => (s(), w(T, null, [
+      r("div", Ol, [
+        Q(_e, {
           ref_key: "popoverRef",
-          ref: x,
-          label: e(c),
-          "current-value": e(v),
+          ref: g,
+          label: e(i),
+          "current-value": e(f),
           mode: k.mode,
-          width: typeof k.width == "number" && e(v).length ? k.width - 70 : k.width,
+          width: typeof k.width == "number" && e(f).length ? k.width - 70 : k.width,
           onClear: e(C),
           layout: k.layout
         }, {
-          default: te(() => [
-            d("div", null, [
-              d("button", {
+          default: oe(() => [
+            r("div", null, [
+              r("button", {
                 type: "button",
-                onClick: g[0] || (g[0] = (s) => e(m)("range")),
-                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+                onClick: _[0] || (_[0] = (o) => e(y)("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"
               }, [
-                N(S(e(t)("filter.period")) + " ", 1),
-                e(a) === "range" ? (f(), R(ee, { key: 0 })) : V("", !0)
+                G(S(e(t)("filter.period")) + " ", 1),
+                e(a) === "range" ? (s(), E(ae, { key: 0 })) : V("", !0)
               ])
             ]),
-            g[12] || (g[12] = d("div", null, [
-              d("div", { class: "pt-1 mt-1 border-t" })
+            _[12] || (_[12] = r("div", null, [
+              r("div", { class: "pt-1 mt-1 border-t" })
             ], -1)),
-            d("div", null, [
-              d("button", {
+            r("div", null, [
+              r("button", {
                 type: "button",
-                onClick: g[1] || (g[1] = (s) => e(m)("today")),
-                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+                onClick: _[1] || (_[1] = (o) => e(y)("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"
               }, [
-                N(S(e(t)("filter.today")) + " ", 1),
-                e(a) === "today" ? (f(), R(ee, { key: 0 })) : V("", !0)
+                G(S(e(t)("filter.today")) + " ", 1),
+                e(a) === "today" ? (s(), E(ae, { key: 0 })) : V("", !0)
               ])
             ]),
-            d("div", null, [
-              d("button", {
+            r("div", null, [
+              r("button", {
                 type: "button",
-                onClick: g[2] || (g[2] = (s) => e(m)("week")),
-                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+                onClick: _[2] || (_[2] = (o) => e(y)("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"
               }, [
-                N(S(e(t)("filter.week")) + " ", 1),
-                e(a) === "week" ? (f(), R(ee, { key: 0 })) : V("", !0)
+                G(S(e(t)("filter.week")) + " ", 1),
+                e(a) === "week" ? (s(), E(ae, { key: 0 })) : V("", !0)
               ])
             ]),
-            d("div", null, [
-              d("button", {
+            r("div", null, [
+              r("button", {
                 type: "button",
-                onClick: g[3] || (g[3] = (s) => e(m)("month")),
-                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+                onClick: _[3] || (_[3] = (o) => e(y)("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"
               }, [
-                N(S(e(t)("filter.month")) + " ", 1),
-                e(a) === "month" ? (f(), R(ee, { key: 0 })) : V("", !0)
+                G(S(e(t)("filter.month")) + " ", 1),
+                e(a) === "month" ? (s(), E(ae, { key: 0 })) : V("", !0)
               ])
             ]),
-            d("div", null, [
-              d("button", {
+            r("div", null, [
+              r("button", {
                 type: "button",
-                onClick: g[4] || (g[4] = (s) => e(m)("quarter")),
-                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+                onClick: _[4] || (_[4] = (o) => e(y)("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"
               }, [
-                N(S(e(t)("filter.quarter")) + " ", 1),
-                e(a) === "quarter" ? (f(), R(ee, { key: 0 })) : V("", !0)
+                G(S(e(t)("filter.quarter")) + " ", 1),
+                e(a) === "quarter" ? (s(), E(ae, { key: 0 })) : V("", !0)
               ])
             ]),
-            d("div", Ml, [
-              d("button", {
+            r("div", Tl, [
+              r("button", {
                 type: "button",
-                onClick: g[5] || (g[5] = (s) => e(m)("year")),
-                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+                onClick: _[5] || (_[5] = (o) => e(y)("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"
               }, [
-                N(S(e(t)("filter.year")) + " ", 1),
-                e(a) === "year" ? (f(), R(ee, { key: 0 })) : V("", !0)
+                G(S(e(t)("filter.year")) + " ", 1),
+                e(a) === "year" ? (s(), E(ae, { key: 0 })) : V("", !0)
               ])
             ]),
-            d("div", Fl, [
-              d("button", {
+            r("div", Il, [
+              r("button", {
                 type: "button",
-                onClick: g[6] || (g[6] = (s) => e(C)()),
-                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+                onClick: _[6] || (_[6] = (o) => e(C)()),
+                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"
               }, [
-                N(S(e(t)("filter.alltime")) + " ", 1),
-                e(v)[0] ? V("", !0) : (f(), R(ee, { key: 0 }))
+                G(S(e(t)("filter.alltime")) + " ", 1),
+                e(f)[0] ? V("", !0) : (s(), E(ae, { key: 0 }))
               ])
             ])
           ]),
           _: 1,
           __: [12]
         }, 8, ["label", "current-value", "mode", "width", "onClear", "layout"]),
-        e(a) !== "" && e(a) !== "range" && e(a) !== "last_7_days" ? (f(), _(F, { key: 0 }, [
-          d("div", jl, [
-            d("button", {
+        e(a) !== "" && e(a) !== "range" && e(a) !== "last_7_days" ? (s(), w(T, { key: 0 }, [
+          r("div", Ul, [
+            r("button", {
               type: "button",
               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: g[7] || (g[7] = //@ts-ignore
-              (...s) => e(r) && e(r)(...s))
+              onClick: _[7] || (_[7] = //@ts-ignore
+              (...o) => e(d) && e(d)(...o))
             }, [
-              P($l)
-            ], 8, Kl)
+              Q(Kl)
+            ], 8, zl)
           ]),
-          d("div", Ll, [
-            d("button", {
+          r("div", Nl, [
+            r("button", {
               type: "button",
               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: g[8] || (g[8] = //@ts-ignore
-              (...s) => e(p) && e(p)(...s))
+              onClick: _[8] || (_[8] = //@ts-ignore
+              (...o) => e(m) && e(m)(...o))
             }, [
-              P(Bl)
-            ], 8, El)
+              Q(El)
+            ], 8, Pl)
           ])
         ], 64)) : V("", !0),
-        e(a) !== "" && e(a) === "range" ? (f(), _("div", Tl, [
-          U(d("input", {
+        e(a) !== "" && e(a) === "range" ? (s(), w("div", Yl, [
+          Y(r("input", {
             type: "date",
-            max: e(v)[1],
+            max: e(f)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": g[9] || (g[9] = (s) => e(v)[0] = s),
-            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600",
+            "onUpdate:modelValue": _[9] || (_[9] = (o) => e(f)[0] = o),
+            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",
             disabled: k.disabled
-          }, null, 8, Il), [
-            [H, e(v)[0]]
+          }, null, 8, Wl), [
+            [ee, e(f)[0]]
           ]),
-          U(d("input", {
+          Y(r("input", {
             type: "date",
-            min: e(v)[0],
+            min: e(f)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": g[10] || (g[10] = (s) => e(v)[1] = s),
-            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600 appearance-auto",
+            "onUpdate:modelValue": _[10] || (_[10] = (o) => e(f)[1] = o),
+            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",
             disabled: k.disabled
-          }, null, 8, Ul), [
-            [H, e(v)[1]]
+          }, null, 8, ql), [
+            [ee, e(f)[1]]
           ])
         ])) : V("", !0)
       ]),
       (k.cleanable, V("", !0))
     ], 64));
   }
-}), _e = {
-  radio: mt,
-  checkbox: Ce,
-  check: Ce,
-  text: Bt,
-  range: It,
-  date: Zt,
-  select: il,
-  tag: ml,
-  "date:inline": Ol
+}), Hl = { class: "flex flex-wrap items-center gap-2" }, Gl = ["disabled", "onClick"], Xl = {
+  key: 0,
+  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
+}, Zl = /* @__PURE__ */ W({
+  __name: "button-field",
+  props: {
+    id: {},
+    name: {},
+    title: {},
+    type: {},
+    label: {},
+    width: {},
+    options: { default: () => [] },
+    placeholder: {},
+    api: {},
+    data: {},
+    default: {},
+    modelValue: {},
+    disabled: { type: Boolean, default: !1 },
+    layout: { default: "inline" },
+    cleanable: { type: Boolean },
+    limit: {},
+    multi: { type: Boolean },
+    dataKey: {},
+    valueKey: {},
+    mode: {},
+    labelKey: {},
+    sort: {},
+    ua: {}
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(c, { expose: n, emit: v }) {
+    const t = c, u = v, {
+      innerValue: l,
+      isSelected: g,
+      selectItem: a,
+      clear: f,
+      labelKey: y,
+      valueKey: m,
+      allOptions: d
+    } = xe({
+      ...t,
+      modelValue: t.modelValue ?? t.default ?? ""
+    }, u), i = L(() => l.value !== void 0 && !(typeof l.value == "string" && l.value === "")), C = L(() => i.value ? 1 : 0);
+    function k(o) {
+      return g(o) ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-700 hover:bg-gray-200";
+    }
+    function _(o) {
+      t.disabled || a(o);
+    }
+    return n({
+      clear: f
+    }), I(
+      () => t.modelValue,
+      (o) => {
+        o === void 0 && (l.value = void 0);
+      }
+    ), (o, b) => (s(), w(T, null, [
+      r("div", Hl, [
+        (s(!0), w(T, null, X(e(d), (p) => (s(), w("button", {
+          key: p[e(m)],
+          type: "button",
+          class: U(["px-3 py-1.5 text-sm font-medium rounded-md transition-colors", k(p)]),
+          disabled: o.disabled,
+          onClick: (h) => _(p)
+        }, S(p[e(y)]), 11, Gl))), 128))
+      ]),
+      o.cleanable && o.layout === "popover" ? (s(), w("div", Xl, [
+        r("span", null, S(C.value) + " з " + S(e(d).length) + " обрано", 1),
+        Y(r("button", {
+          class: "text-gray-600 hover:text-gray-800",
+          onClick: b[0] || (b[0] = //@ts-ignore
+          (...p) => e(f) && e(f)(...p))
+        }, " Очистити ", 512), [
+          [J, i.value]
+        ])
+      ])) : V("", !0)
+    ], 64));
+  }
+}), De = {
+  radio: xt,
+  checkbox: Be,
+  check: Be,
+  text: Lt,
+  range: Yt,
+  date: nl,
+  select: ml,
+  tag: xl,
+  button: Zl,
+  "date:inline": Ql
 };
-function he(u, o) {
-  let b;
-  switch (u.toLowerCase()) {
+function Ve(c, n) {
+  let v;
+  switch (c.toLowerCase()) {
     case "autocomplete":
-      b = "select";
+      v = "select";
       break;
     case "check":
-      b = "checkbox";
+      v = "checkbox";
       break;
     default:
-      b = u?.toString().toLowerCase();
+      v = c?.toString().toLowerCase();
   }
-  return b === "date" && o && o === "inline" && (b = "date:inline"), {
-    component: _e[b] || _e.text,
-    type: b
+  return v === "date" && n && n === "inline" && (v = "date:inline"), {
+    component: De[v] || De.text,
+    type: v
   };
 }
-const zl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Nl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, Yl = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, Pl = { class: "flex items-center" }, ql = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, Wl = { class: "filter-layout__body" }, Ql = /* @__PURE__ */ O({
+const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, eo = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, to = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, lo = { class: "flex items-center" }, oo = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, no = { class: "filter-layout__body" }, ao = /* @__PURE__ */ W({
   __name: "vertical-layout",
   props: {
     id: {},
@@ -1973,69 +2066,69 @@ const zl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(u, { expose: o, emit: b }) {
-    const t = u, n = b, l = $(), x = he(t.type, t.layout), a = E({
+  setup(c, { expose: n, emit: v }) {
+    const t = c, u = v, l = $(), g = Ve(t.type, t.layout), a = L({
       get: () => t.modelValue,
-      set: (r) => n("update:modelValue", r)
+      set: (d) => u("update:modelValue", d)
     });
-    function v(r) {
-      n("clear", r);
+    function f(d) {
+      u("clear", d);
     }
-    function m(r, c) {
-      n("change", { name: r, value: c }), t.modelValue !== void 0 && n("update:modelValue", c);
+    function y(d, i) {
+      u("change", { name: d, value: i }), t.modelValue !== void 0 && u("update:modelValue", i);
     }
-    function p() {
-      n("clear", t.name);
+    function m() {
+      u("clear", t.name);
     }
-    return M(
+    return I(
       () => t.default,
-      (r) => {
-        a.value = r;
+      (d) => {
+        a.value = d;
       }
-    ), M(
+    ), I(
       () => t.modelValue,
-      (r) => {
-        a.value = r;
+      (d) => {
+        a.value = d;
       }
-    ), o({
+    ), n({
       filterRef: l
-    }), (r, c) => (f(), _("div", zl, [
-      d("div", Nl, [
-        d("div", Yl, [
-          d("div", Pl, [
-            d("span", ql, S(r.label), 1)
+    }), (d, i) => (s(), w("div", Jl, [
+      r("div", eo, [
+        r("div", to, [
+          r("div", lo, [
+            r("span", oo, S(d.label), 1)
           ]),
-          typeof a.value == "string" && a.value.trim() !== "" || Array.isArray(a.value) && a.value.length > 0 && a.value.some((C) => C !== void 0) || a.value === null ? (f(), R(We, {
+          typeof a.value == "string" && a.value.trim() !== "" || Array.isArray(a.value) && a.value.length > 0 && a.value.some((C) => C !== void 0) || a.value === null ? (s(), E(Je, {
             key: 0,
-            onClick: p
+            onClick: m
           })) : V("", !0)
         ]),
-        d("div", Wl, [
-          e(x)?.type !== "select" ? (f(), R(J(e(x)?.component), q({ key: 0 }, t, {
-            type: e(x)?.type,
-            onChange: c[0] || (c[0] = (C) => m(C.name, C.value)),
-            onClear: c[1] || (c[1] = (C) => v(C)),
+        r("div", no, [
+          e(g)?.type !== "select" ? (s(), E(ne(e(g)?.component), Z({ key: 0 }, t, {
+            type: e(g)?.type,
+            onChange: i[0] || (i[0] = (C) => y(C.name, C.value)),
+            onClear: i[1] || (i[1] = (C) => f(C)),
             ref_key: "filterRef",
             ref: l
-          }), null, 16, ["type"])) : (f(), R(be, {
+          }), null, 16, ["type"])) : (s(), E(_e, {
             key: 1,
             "current-value": a.value,
-            label: r.label,
-            mode: r.mode,
-            onClear: p,
+            label: d.label,
+            mode: d.mode,
+            onClear: m,
             fieldRef: l.value,
             width: void 0,
-            disabled: r.disabled,
+            disabled: d.disabled,
             layout: "vertical"
           }, {
-            default: te(() => [
-              (f(), R(J(e(x)?.component), q({
+            default: oe(() => [
+              (s(), E(ne(e(g)?.component), Z({
                 ref_key: "filterRef",
                 ref: l
               }, t, {
-                type: e(x)?.type,
-                onChange: c[2] || (c[2] = (C) => m(C.name, C.value)),
-                onClear: c[3] || (c[3] = (C) => v(C))
+                type: e(g)?.type,
+                onChange: i[2] || (i[2] = (C) => y(C.name, C.value)),
+                onClear: i[3] || (i[3] = (C) => f(C))
               }), null, 16, ["type"]))
             ]),
             _: 1
@@ -2044,7 +2137,7 @@ const zl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
       ])
     ]));
   }
-}), Ve = /* @__PURE__ */ O({
+}), je = /* @__PURE__ */ W({
   __name: "inline-layout",
   props: {
     id: {},
@@ -2072,63 +2165,63 @@ const zl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(u, { expose: o, emit: b }) {
-    const t = u, n = b, l = $(), x = he(t.type, t.layout), a = E({
+  setup(c, { expose: n, emit: v }) {
+    const t = c, u = v, l = $(), g = Ve(t.type, t.layout), a = L({
       get: () => t.modelValue,
-      set: (p) => n("update:modelValue", p)
+      set: (m) => u("update:modelValue", m)
     });
-    function v(p = t.name) {
-      n("clear", p);
+    function f(m = t.name) {
+      u("clear", m);
     }
-    function m(p, r) {
-      n("change", { name: p, value: r }), t.modelValue !== void 0 && n("update:modelValue", r);
+    function y(m, d) {
+      u("change", { name: m, value: d }), t.modelValue !== void 0 && u("update:modelValue", d);
     }
-    return M(
+    return I(
       () => t.default,
-      (p) => {
-        a.value = p;
+      (m) => {
+        a.value = m;
       }
-    ), M(
+    ), I(
       () => t.modelValue,
-      (p) => {
-        a.value = p;
+      (m) => {
+        a.value = m;
       }
-    ), o({
+    ), n({
       filterRef: l
-    }), (p, r) => ["text", "date"].includes(p.type.toLocaleLowerCase()) ? (f(), R(J(e(x)?.component), q({ key: 0 }, t, {
-      type: e(x)?.type,
-      onChange: r[0] || (r[0] = (c) => m(c.name, c.value)),
-      onClear: r[1] || (r[1] = (c) => v(c)),
-      disabled: p.disabled,
+    }), (m, d) => ["text", "date", "button"].includes(m.type.toLocaleLowerCase()) ? (s(), E(ne(e(g)?.component), Z({ key: 0 }, t, {
+      type: e(g)?.type,
+      onChange: d[0] || (d[0] = (i) => y(i.name, i.value)),
+      onClear: d[1] || (d[1] = (i) => f(i)),
+      disabled: m.disabled,
       modelValue: a.value,
-      "onUpdate:modelValue": r[2] || (r[2] = (c) => a.value = c)
-    }), null, 16, ["type", "disabled", "modelValue"])) : (f(), R(be, {
+      "onUpdate:modelValue": d[2] || (d[2] = (i) => a.value = i)
+    }), null, 16, ["type", "disabled", "modelValue"])) : (s(), E(_e, {
       key: 1,
       "current-value": a.value,
-      label: p.label,
-      mode: p.mode,
-      onClear: v,
+      label: m.label,
+      mode: m.mode,
+      onClear: f,
       fieldRef: l.value,
       width: t.width,
-      disabled: p.disabled,
+      disabled: m.disabled,
       layout: "inline"
     }, {
-      default: te(() => [
-        (f(), R(J(e(x)?.component), q({
+      default: oe(() => [
+        (s(), E(ne(e(g)?.component), Z({
           ref_key: "filterRef",
           ref: l
         }, t, {
           modelValue: a.value,
-          "onUpdate:modelValue": r[3] || (r[3] = (c) => a.value = c),
-          type: e(x)?.type,
-          onChange: r[4] || (r[4] = (c) => m(c.name, c.value)),
-          onClear: r[5] || (r[5] = (c) => v(c))
+          "onUpdate:modelValue": d[3] || (d[3] = (i) => a.value = i),
+          type: e(g)?.type,
+          onChange: d[4] || (d[4] = (i) => y(i.name, i.value)),
+          onClear: d[5] || (d[5] = (i) => f(i))
         }), null, 16, ["modelValue", "type"]))
       ]),
       _: 1
     }, 8, ["current-value", "label", "mode", "fieldRef", "width", "disabled"]));
   }
-}), Hl = /* @__PURE__ */ O({
+}), ro = /* @__PURE__ */ W({
   __name: "popover-layout",
   props: {
     id: {},
@@ -2156,45 +2249,45 @@ const zl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(u, { expose: o, emit: b }) {
-    const t = u, n = b, l = $(), x = $(he(t.type, t.layout)), a = E({
+  setup(c, { expose: n, emit: v }) {
+    const t = c, u = v, l = $(), g = $(Ve(t.type, t.layout)), a = L({
       get: () => t.modelValue,
-      set: (p) => n("update:modelValue", p)
+      set: (m) => u("update:modelValue", m)
     });
-    function v(p) {
-      n("clear", p);
+    function f(m) {
+      u("clear", m);
     }
-    function m(p, r) {
-      n("change", { name: p, value: r }), t.modelValue !== void 0 && n("update:modelValue", r);
+    function y(m, d) {
+      u("change", { name: m, value: d }), t.modelValue !== void 0 && u("update:modelValue", d);
     }
-    return M(
+    return I(
       () => t.default,
-      (p) => {
-        a.value = p;
+      (m) => {
+        a.value = m;
       }
-    ), M(
+    ), I(
       () => t.modelValue,
-      (p) => {
-        a.value = p;
+      (m) => {
+        a.value = m;
       }
-    ), M(
+    ), I(
       () => t,
-      (p) => {
-        a.value = p;
+      (m) => {
+        a.value = m;
       }
-    ), o({
+    ), n({
       filterRef: l
-    }), (p, r) => (f(), R(J(x.value?.component), q(t, {
-      type: x.value?.type,
+    }), (m, d) => (s(), E(ne(g.value?.component), Z(t, {
+      type: g.value?.type,
       modelValue: a.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (c) => a.value = c),
-      onChange: r[1] || (r[1] = (c) => m(c.name, c.value)),
-      onClear: r[2] || (r[2] = (c) => v(c)),
+      "onUpdate:modelValue": d[0] || (d[0] = (i) => a.value = i),
+      onChange: d[1] || (d[1] = (i) => y(i.name, i.value)),
+      onClear: d[2] || (d[2] = (i) => f(i)),
       ref_key: "filterRef",
       ref: l
     }), null, 16, ["type", "modelValue"]));
   }
-}), le = /* @__PURE__ */ O({
+}), le = /* @__PURE__ */ W({
   __name: "filter-field",
   props: {
     id: {},
@@ -2222,182 +2315,182 @@ const zl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(u, { expose: o, emit: b }) {
-    const t = u, n = b, l = $(), x = E({
+  setup(c, { expose: n, emit: v }) {
+    const t = c, u = v, l = $(), g = L({
       get: () => t.modelValue,
-      set: (p) => n("update:modelValue", p)
+      set: (m) => u("update:modelValue", m)
     });
-    function a(p) {
-      n("clear", p);
+    function a(m) {
+      u("clear", m);
     }
-    function v(p, r) {
-      n("change", { name: p, value: r }), t.modelValue !== void 0 && n("update:modelValue", r);
+    function f(m, d) {
+      u("change", { name: m, value: d }), t.modelValue !== void 0 && u("update:modelValue", d);
     }
-    M(
+    I(
       () => t.default,
-      (p) => {
-        x.value = p;
+      (m) => {
+        g.value = m;
       }
-    ), M(
+    ), I(
       () => t.modelValue,
-      (p) => {
-        x.value = p;
+      (m) => {
+        g.value = m;
       }
-    ), o({
+    ), n({
       filterRef: l
     });
-    function m() {
+    function y() {
       switch (t.layout) {
         case "inline":
-          return Ve;
+          return je;
         case "vertical":
-          return Ql;
+          return ao;
         case "popover":
-          return Hl;
+          return ro;
         default:
-          return Ve;
+          return je;
       }
     }
-    return (p, r) => (f(), R(J(m()), q(t, {
-      onChange: r[0] || (r[0] = (c) => v(c.name, c.value)),
-      onClear: r[1] || (r[1] = (c) => a(c)),
-      modelValue: x.value,
-      "onUpdate:modelValue": r[2] || (r[2] = (c) => x.value = c)
+    return (m, d) => (s(), E(ne(y()), Z(t, {
+      onChange: d[0] || (d[0] = (i) => f(i.name, i.value)),
+      onClear: d[1] || (d[1] = (i) => a(i)),
+      modelValue: g.value,
+      "onUpdate:modelValue": d[2] || (d[2] = (i) => g.value = i)
     }), null, 16, ["modelValue"]));
   }
 });
-function xe(u, o) {
+function ye(c, n) {
   const {
-    slots: b
-  } = u, t = $(u.value ?? {}), n = E(() => (se(b?.default?.()) ?? []).flatMap((h) => Array.isArray(h.children) ? h.children : [h]));
-  function l(s) {
-    delete t.value[s], o("clear", {
-      data: se(t.value),
-      name: s
+    slots: v
+  } = c, t = $(c.value ?? {}), u = L(() => (de(v?.default?.()) ?? []).flatMap((b) => Array.isArray(b.children) ? b.children : [b]));
+  function l(o) {
+    delete t.value[o], n("clear", {
+      data: de(t.value),
+      name: o
     });
   }
-  function x(s, h) {
-    h === void 0 ? l(s) : t.value = {
+  function g(o, b) {
+    b === void 0 ? l(o) : t.value = {
       ...t.value,
-      [s]: h
-    }, o("change", {
-      data: se(t.value),
-      name: s,
-      value: h
+      [o]: b
+    }, n("change", {
+      data: de(t.value),
+      name: o,
+      value: b
     });
   }
-  const a = E(() => n.value.map((s) => {
-    const h = s.props?.name;
-    return Ne(s, {
-      ...s.props,
-      layout: u.view,
+  const a = L(() => u.value.map((o) => {
+    const b = o.props?.name;
+    return Ye(o, {
+      ...o.props,
+      layout: c.view,
       showClean: !0,
-      modelValue: t.value[h],
-      "onUpdate:modelValue": (y) => {
-        x(h, y);
+      modelValue: t.value[b],
+      "onUpdate:modelValue": (p) => {
+        g(b, p);
       },
-      onClear: () => l(h)
+      onClear: () => l(b)
     });
-  })), v = E(
+  })), f = L(
     () => new Map(
-      a.value.map((s) => {
-        const h = s.props?.name;
-        return h ? [h, s] : null;
-      }).filter((s) => s !== null)
+      a.value.map((o) => {
+        const b = o.props?.name;
+        return b ? [b, o] : null;
+      }).filter((o) => o !== null)
     )
   );
-  function m(s = !1) {
-    t.value = {}, s || o("clearAll", {
-      data: se(t.value),
+  function y(o = !1) {
+    t.value = {}, o || n("clearAll", {
+      data: de(t.value),
       name: "ALL"
     });
   }
-  const p = $(""), r = E(() => u.schema?.value ? Object.entries(t.value).filter(([s, h]) => u.schema && !(s in u.schema.value) ? !1 : Array.isArray(h) ? h.some((y) => y !== "" && y !== void 0) : h !== "" && h !== void 0).length : 0), c = $();
-  M(p, async () => {
-    await pe(), c?.value?.filterRef?.inputTextRef && c.value.filterRef.inputTextRef.focus();
+  const m = $(""), d = L(() => c.schema?.value ? Object.entries(t.value).filter(([o, b]) => c.schema && !(o in c.schema.value) ? !1 : Array.isArray(b) ? b.some((p) => p !== "" && p !== void 0) : b !== "" && b !== void 0).length : 0), i = $();
+  I(m, async () => {
+    await me(), i?.value?.filterRef?.inputTextRef && i.value.filterRef.inputTextRef.focus();
   });
-  const C = E(() => u.schema?.value ? Object.fromEntries(Object.entries(u.schema?.value).slice(0, u.limit)) : {}), k = E(() => {
+  const C = L(() => c.schema?.value ? Object.fromEntries(Object.entries(c.schema?.value).slice(0, c.limit)) : {}), k = L(() => {
     if (a.value.length === 0) return [];
-    let s = 0;
-    if (u.schema?.value) {
-      const h = Object.entries(u.schema.value).length;
-      u.limit && h < u.limit ? s = u.limit - h : s = 0;
+    let o = 0;
+    if (c.schema?.value) {
+      const b = Object.entries(c.schema.value).length;
+      c.limit && b < c.limit ? o = c.limit - b : o = 0;
     }
-    return a.value.slice(0, s);
-  }), g = E(() => a.value.length === 0 ? [] : u.view !== "inline" ? a.value : a.value.slice(k.value.length));
+    return a.value.slice(0, o);
+  }), _ = L(() => a.value.length === 0 ? [] : c.view !== "inline" ? a.value : a.value.slice(k.value.length));
   return {
     activeFilter: t,
-    activeFilterCount: r,
-    onFilterChange: x,
+    activeFilterCount: d,
+    onFilterChange: g,
     clearFilter: l,
-    clearAllFilters: m,
+    clearAllFilters: y,
     limitedSchema: C,
     filtersSlot: a,
     limitedFiltersSlot: k,
-    popoverFiltersSlot: g,
-    vnodeMap: v,
-    selectedFilter: p,
-    filterRef: c
+    popoverFiltersSlot: _,
+    vnodeMap: f,
+    selectedFilter: m,
+    filterRef: i
   };
 }
-const Gl = /* @__PURE__ */ O({
+const so = /* @__PURE__ */ W({
   __name: "popover",
   emits: ["open", "close"],
-  setup(u, { emit: o }) {
-    const b = $(!1), t = $(null), n = $(null), l = $(null), x = $({ top: "0px", left: "0px", position: "absolute" });
+  setup(c, { emit: n }) {
+    const v = $(!1), t = $(null), u = $(null), l = $(null), g = $({ top: "0px", left: "0px", position: "absolute" });
     function a() {
-      b.value = !b.value;
+      v.value = !v.value;
     }
-    function v() {
+    function f() {
       const C = l.value, k = t.value;
       if (!C || !k) return;
-      const g = C.getBoundingClientRect(), s = k.offsetWidth, h = window.innerWidth - g.left;
-      let y = g.left + window.scrollX;
-      s > h && (y = window.innerWidth - s - 8, y < 8 && (y = 8)), x.value = {
+      const _ = C.getBoundingClientRect(), o = k.offsetWidth, b = window.innerWidth - _.left;
+      let p = _.left + window.scrollX;
+      o > b && (p = window.innerWidth - o - 8, p < 8 && (p = 8)), g.value = {
         position: "absolute",
-        top: `${g.bottom + window.scrollY + 8}px`,
-        left: `${y}px`
+        top: `${_.bottom + window.scrollY + 8}px`,
+        left: `${p}px`
       };
     }
-    const m = E(() => Object.entries(x.value).map((C) => C.join(":")).join(";"));
-    function p(C) {
+    const y = L(() => Object.entries(g.value).map((C) => C.join(":")).join(";"));
+    function m(C) {
       const k = C.target;
-      !l.value?.contains(C.target) && !t.value?.contains(C.target) && !k.closest("[data-inside-popover]") && (b.value = !1);
+      !l.value?.contains(C.target) && !t.value?.contains(C.target) && !k.closest("[data-inside-popover]") && (v.value = !1);
     }
-    const r = $(!1);
-    ue(() => {
-      r.value = !0;
-    }), ue(() => {
-      l.value = n.value?.querySelector("[data-popover-trigger]") || null, l.value?.addEventListener("click", a), document.addEventListener("click", p), window.addEventListener("resize", v), window.addEventListener("scroll", v, !0);
-    }), fe(() => {
-      l.value?.removeEventListener("click", a), document.removeEventListener("click", p), window.removeEventListener("resize", v), window.removeEventListener("scroll", v, !0);
+    const d = $(!1);
+    ce(() => {
+      d.value = !0;
+    }), ce(() => {
+      l.value = u.value?.querySelector("[data-popover-trigger]") || null, l.value?.addEventListener("click", a), document.addEventListener("click", m), window.addEventListener("resize", f), window.addEventListener("scroll", f, !0);
+    }), pe(() => {
+      l.value?.removeEventListener("click", a), document.removeEventListener("click", m), window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0);
     });
-    const c = o;
-    return M(b, async (C) => {
-      C ? (c("open"), await pe(), v()) : c("close");
-    }), (C, k) => (f(), _("div", {
+    const i = n;
+    return I(v, async (C) => {
+      C ? (i("open"), await me(), f()) : i("close");
+    }), (C, k) => (s(), w("div", {
       ref_key: "wrapperRef",
-      ref: n
+      ref: u
     }, [
-      de(C.$slots, "trigger"),
-      r.value ? (f(), R(De, {
+      ue(C.$slots, "trigger"),
+      d.value ? (s(), E(ge, {
         key: 0,
         to: "body"
       }, [
-        U(d("div", {
+        Y(r("div", {
           ref_key: "popoverRef",
           ref: t,
           class: "absolute z-[50] w-[600px] rounded-md border bg-white shadow-md",
-          style: Be(m.value)
+          style: be(y.value)
         }, [
-          de(C.$slots, "default")
+          ue(C.$slots, "default")
         ], 4), [
-          [G, b.value]
+          [J, v.value]
         ])
       ])) : V("", !0)
     ], 512));
   }
-}), Xl = {}, Zl = {
+}), io = {}, uo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -2409,169 +2502,183 @@ const Gl = /* @__PURE__ */ O({
   "stroke-linejoin": "round",
   class: "lucide lucide-filter h-4 w-4"
 };
-function Jl(u, o) {
-  return f(), _("svg", Zl, o[0] || (o[0] = [
-    d("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
+function co(c, n) {
+  return s(), w("svg", uo, n[0] || (n[0] = [
+    r("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
   ]));
 }
-const eo = /* @__PURE__ */ X(Xl, [["render", Jl]]), to = {
+const Ie = /* @__PURE__ */ te(io, [["render", co]]), fo = { class: "flex items-center gap-2 overflow-hidden" }, po = {
   key: 0,
-  class: "inline-flex rounded-sm items-center border font-semibold border-transparent hover:bg-secondary/80 bg-blue-500 text-white text-xs px-1.5"
-}, lo = { class: "flex" }, oo = { class: "w-64 border-r border-gray-200" }, ao = { class: "p-2" }, no = ["onClick"], ro = { class: "flex items-center gap-2" }, so = { class: "text-sm font-medium" }, io = {
+  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"
+}, mo = { class: "flex" }, vo = { class: "w-64 border-r border-gray-200" }, yo = { class: "p-2" }, go = ["onClick"], bo = { class: "flex items-center gap-2" }, ho = { class: "text-sm font-medium" }, xo = {
   key: 0,
-  class: "inline-flex items-center rounded-full border font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent hover:bg-secondary/80 bg-blue-100 text-blue-700 text-xs p-2"
-}, uo = ["onClick"], co = { class: "flex items-center gap-2" }, fo = { class: "text-sm font-medium" }, po = {
+  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"
+}, wo = ["onClick"], ko = { class: "flex items-center gap-2" }, Co = { class: "text-sm font-medium" }, _o = {
   key: 0,
-  class: "inline-flex items-center rounded-full border font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent hover:bg-secondary/80 bg-blue-100 text-blue-700 text-xs p-2"
-}, mo = {
+  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"
+}, Vo = {
   key: 0,
   class: "p-2 border-t"
-}, vo = { class: "flex-1 min-h-[300px] overflow-y-auto" }, yo = {
+}, $o = { class: "flex-1 min-h-[300px] overflow-y-auto" }, Ao = {
   key: 0,
   class: "flex items-center justify-center h-full text-gray-500"
-}, Ie = /* @__PURE__ */ O({
+}, Ue = /* @__PURE__ */ W({
   __name: "popover-filter-layout",
   props: {
+    badgeCount: {},
     schema: {},
     view: {},
     value: {},
     history: { type: Boolean },
     mode: {},
     limit: { default: 3 },
-    width: {}
+    width: {},
+    title: {},
+    disabled: { type: Boolean },
+    defaultPanelWidth: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(u, { expose: o, emit: b }) {
-    const t = u, n = Ee(t.mode), l = me(), x = b, a = $({}), v = E(() => a?.value ? t.view !== "inline" ? a?.value : Object.fromEntries(Object.entries(a?.value).slice(t.limit)) : {}), {
-      activeFilter: m,
-      activeFilterCount: p,
-      onFilterChange: r,
-      clearFilter: c,
+  setup(c, { expose: n, emit: v }) {
+    const t = c, u = Oe(t.mode), l = fe(), g = v, a = $({}), f = L(() => a?.value ? t.view !== "inline" ? a?.value : Object.fromEntries(Object.entries(a?.value).slice(t.limit)) : {}), {
+      activeFilter: y,
+      activeFilterCount: m,
+      onFilterChange: d,
+      clearFilter: i,
       clearAllFilters: C,
       popoverFiltersSlot: k,
-      selectedFilter: g,
-      filterRef: s
-    } = xe({
+      selectedFilter: _,
+      filterRef: o
+    } = ye({
       ...t,
-      schema: a.value,
+      schema: a,
       slots: l
-    }, x);
-    function h() {
-      if (v.value) {
-        const [y] = Object.keys(v.value);
-        g.value = y;
-      } else k.value.length > 0 ? g.value = k.value[0].props.name : g.value = "";
+    }, g), b = L(() => t.badgeCount ?? m.value);
+    function p(D) {
+      return Array.isArray(D) ? D.filter((F) => F != null && F !== "").length : D && typeof D == "object" ? Object.values(D).filter((F) => F != null && F !== "").length : D === null || D !== void 0 && D !== "" ? 1 : 0;
     }
-    return M(
+    function h(D) {
+      return y.value ? p(y.value[D]) : 0;
+    }
+    function x() {
+      if (f.value) {
+        const [D] = Object.keys(f.value);
+        _.value = D;
+      } else k.value.length > 0 ? _.value = k.value[0].props.name : _.value = "";
+    }
+    return I(
       () => t.schema,
-      (y) => {
-        a.value = y;
+      (D) => {
+        a.value = D ?? {};
       },
       { deep: !0, immediate: !0 }
-    ), o({
-      clearFilter: c,
+    ), n({
+      clearFilter: i,
       clearAllFilters: C
-    }), (y, i) => (f(), R(Gl, {
-      onOpen: h,
-      onClose: i[5] || (i[5] = (w) => g.value = "")
+    }), (D, F) => (s(), E(so, {
+      onOpen: x,
+      onClose: F[5] || (F[5] = (A) => _.value = "")
     }, {
-      trigger: te(() => [
-        d("button", {
+      trigger: oe(() => [
+        r("button", {
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
-          class: K(
-            e(n) + (e(p) > 0 ? "bg-blue-50 border-blue-200 text-blue-700 hover:bg-blue-100" : "text-gray-800 hover:bg-gray-200 focus:bg-gray-200")
-          ),
+          class: U([
+            e(u),
+            "flex items-center justify-between gap-2",
+            b.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"
         }, [
-          P(eo),
-          i[6] || (i[6] = N(" Фільтр ", -1)),
-          e(p) > 0 ? (f(), _("div", to, S(e(p)), 1)) : V("", !0)
+          r("span", fo, [
+            Q(Ie, { class: "h-4 w-4" }),
+            F[6] || (F[6] = r("span", { class: "text-sm font-medium" }, "Фільтр", -1))
+          ]),
+          b.value > 0 ? (s(), w("span", po, S(b.value), 1)) : V("", !0)
         ], 2)
       ]),
-      default: te(() => [
-        d("div", lo, [
-          d("div", oo, [
-            i[7] || (i[7] = d("div", { class: "p-4 border-b" }, [
-              d("p", { class: "text-sm text-gray-600" }, "Select a field to start creating a filter.")
+      default: oe(() => [
+        r("div", mo, [
+          r("div", vo, [
+            F[7] || (F[7] = r("div", { class: "p-4 border-b" }, [
+              r("p", { class: "text-sm text-gray-600" }, "Select a field to start creating a filter.")
             ], -1)),
-            d("div", ao, [
-              y.schema ? (f(!0), _(F, { key: 0 }, W(Object.entries(v.value), ([w, D]) => (f(), _("button", {
-                key: w,
+            r("div", yo, [
+              D.schema ? (s(!0), w(T, { key: 0 }, X(Object.entries(f.value), ([A, R]) => (s(), w("button", {
+                key: A,
                 onClick: () => {
-                  g.value = w;
+                  _.value = A;
                 },
-                class: K([
-                  "w-full flex items-center justify-between px-3 py-2 text-left hover:bg-gray-50 transition-colors",
-                  e(g) === w ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-gray-700"
+                class: U([
+                  "flex w-full items-center justify-between px-3 py-2 text-left transition-colors hover:bg-gray-50",
+                  e(_) === A ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
                 ])
               }, [
-                d("div", ro, [
-                  d("span", so, S(D.label), 1)
+                r("div", bo, [
+                  r("span", ho, S(R.label), 1)
                 ]),
-                (Array.isArray(e(m)[w]) ? e(m)[w]?.length > 0 : e(m)[w] || e(m)[w] === null) ? (f(), _("div", io)) : V("", !0)
-              ], 10, no))), 128)) : V("", !0),
-              (f(!0), _(F, null, W(e(k), (w, D) => (f(), _("button", {
-                key: "slot-" + D,
-                onClick: (B) => g.value = w.props.name,
-                class: K([
-                  "w-full flex items-center justify-between px-3 py-2 text-left hover:bg-gray-50 transition-colors",
-                  e(g) === w.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : ""
+                h(A) > 0 ? (s(), w("div", xo, S(h(A)), 1)) : V("", !0)
+              ], 10, go))), 128)) : V("", !0),
+              (s(!0), w(T, null, X(e(k), (A, R) => (s(), w("button", {
+                key: "slot-" + R,
+                onClick: (j) => _.value = A.props.name,
+                class: U([
+                  "flex items-center justify-between px-3 py-2 text-left transition-colors hover:bg-gray-50",
+                  e(_) === A.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
                 ])
               }, [
-                d("div", co, [
-                  d("span", fo, S(w.props.label), 1)
+                r("div", ko, [
+                  r("span", Co, S(A.props.label), 1)
                 ]),
-                e(m)[w.props.name]?.length > 0 ? (f(), _("div", po)) : V("", !0)
-              ], 10, uo))), 128))
+                h(A.props.name) > 0 ? (s(), w("div", _o, S(h(A.props.name)), 1)) : V("", !0)
+              ], 10, wo))), 128))
             ]),
-            e(p) > 0 ? (f(), _("div", mo, [
-              d("button", {
+            e(m) > 0 ? (s(), w("div", Vo, [
+              r("button", {
                 class: "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors",
-                onClick: i[0] || (i[0] = (w) => e(C)()),
+                onClick: F[0] || (F[0] = (A) => e(C)()),
                 "data-inside-popover": ""
               }, " Очистити всі ")
             ])) : V("", !0)
           ]),
-          d("div", vo, [
-            e(g) === "" ? (f(), _("div", yo, i[8] || (i[8] = [
-              d("p", { class: "text-sm" }, "Select a field to start creating a filter.", -1)
+          r("div", $o, [
+            e(_) === "" ? (s(), w("div", Ao, F[8] || (F[8] = [
+              r("p", { class: "text-sm" }, "Select a field to start creating a filter.", -1)
             ]))) : V("", !0),
-            e(g) ? (f(), _(F, { key: 1 }, [
-              v.value ? (f(!0), _(F, { key: 0 }, W(Object.entries(v.value), ([w, D]) => (f(), _(F, null, [
-                e(g) === w ? (f(), R(le, q({
-                  key: w,
+            e(_) ? (s(), w(T, { key: 1 }, [
+              f.value ? (s(!0), w(T, { key: 0 }, X(Object.entries(f.value), ([A, R]) => (s(), w(T, null, [
+                e(_) === A ? (s(), E(le, Z({
+                  key: A,
                   layout: "popover",
                   ref_for: !0,
                   ref_key: "filterRef",
-                  ref: s
-                }, { ref_for: !0 }, D, {
-                  onChange: i[1] || (i[1] = (B) => e(r)(B.name, B.value)),
-                  onClear: i[2] || (i[2] = (B) => {
-                    e(c)(B), e(r)(B, void 0);
+                  ref: o
+                }, { ref_for: !0 }, R, {
+                  onChange: F[1] || (F[1] = (j) => e(d)(j.name, j.value)),
+                  onClear: F[2] || (F[2] = (j) => {
+                    e(i)(j), e(d)(j, void 0);
                   }),
-                  modelValue: e(m)[w],
-                  "onUpdate:modelValue": (B) => e(m)[w] = B,
+                  modelValue: e(y)[A],
+                  "onUpdate:modelValue": (j) => e(y)[A] = j,
                   cleanable: !0
                 }), null, 16, ["modelValue", "onUpdate:modelValue"])) : V("", !0)
               ], 64))), 256)) : V("", !0),
-              (f(!0), _(F, null, W(e(k), (w, D) => (f(), _(F, {
-                key: "slot-" + D
+              (s(!0), w(T, null, X(e(k), (A, R) => (s(), w(T, {
+                key: "slot-" + R
               }, [
-                e(g) === w.props.name ? (f(), R(le, q({
+                e(_) === A.props.name ? (s(), E(le, Z({
                   key: 0,
                   layout: "popover"
-                }, { ref_for: !0 }, w.props, {
+                }, { ref_for: !0 }, A.props, {
                   ref_for: !0,
                   ref_key: "filterRef",
-                  ref: s,
-                  onChange: i[3] || (i[3] = (B) => e(r)(B.name, B.value)),
-                  onClear: i[4] || (i[4] = (B) => {
-                    e(c)(B), e(r)(B, void 0);
+                  ref: o,
+                  onChange: F[3] || (F[3] = (j) => e(d)(j.name, j.value)),
+                  onClear: F[4] || (F[4] = (j) => {
+                    e(i)(j), e(d)(j, void 0);
                   }),
-                  modelValue: e(m)[w.props.name],
-                  "onUpdate:modelValue": (B) => e(m)[w.props.name] = B,
+                  modelValue: e(y)[A.props.name],
+                  "onUpdate:modelValue": (j) => e(y)[A.props.name] = j,
                   cleanable: !0
                 }), null, 16, ["modelValue", "onUpdate:modelValue"])) : V("", !0)
               ], 64))), 128))
@@ -2582,7 +2689,7 @@ const eo = /* @__PURE__ */ X(Xl, [["render", Jl]]), to = {
       _: 1
     }));
   }
-}), go = { class: "flex gap-1 items-center flex-wrap" }, $e = /* @__PURE__ */ O({
+}), So = { class: "flex gap-1 items-center flex-wrap" }, Re = /* @__PURE__ */ W({
   __name: "inline-filter-layout",
   props: {
     schema: {},
@@ -2591,96 +2698,108 @@ const eo = /* @__PURE__ */ X(Xl, [["render", Jl]]), to = {
     history: { type: Boolean },
     mode: {},
     limit: { default: 3 },
-    width: {}
+    width: {},
+    title: {},
+    disabled: { type: Boolean },
+    defaultPanelWidth: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(u, { expose: o, emit: b }) {
-    const t = re(), n = u;
-    console.log(n.width);
-    const l = b, x = me(), a = $({}), v = E(() => Object.keys(n.schema).length > n.limit), {
-      activeFilter: m,
-      activeFilterCount: p,
-      onFilterChange: r,
-      clearFilter: c,
+  setup(c, { expose: n, emit: v }) {
+    const t = se(), u = c, l = v, g = fe(), a = $({}), f = L(() => Object.keys(u.schema).length > u.limit), {
+      activeFilter: y,
+      activeFilterCount: m,
+      onFilterChange: d,
+      clearFilter: i,
       clearAllFilters: C,
       limitedSchema: k,
-      filtersSlot: g,
-      limitedFiltersSlot: s
-    } = xe(
+      filtersSlot: _,
+      limitedFiltersSlot: o
+    } = ye(
       {
-        ...n,
+        ...u,
         schema: a,
-        slots: x
+        slots: g
       },
       l
-    ), h = $();
-    function y() {
-      h.value && h.value.clearAllFilters(!0), C();
+    );
+    function b(A) {
+      return Array.isArray(A) ? A.some((R) => R !== "" && R !== void 0 && R !== null) : A === null ? !0 : A && typeof A == "object" ? Object.values(A).some((R) => R !== "" && R !== void 0 && R !== null) : A !== "" && A !== void 0;
     }
-    return M(
-      () => n.schema,
-      (i) => {
-        a.value = i;
+    const p = L(() => {
+      const A = Object.keys(k.value ?? {}), R = o.value.map((j) => j.props?.name).filter((j) => typeof j == "string");
+      return /* @__PURE__ */ new Set([...A, ...R]);
+    }), h = L(() => Object.entries(y.value ?? {}).filter(([A, R]) => p.value.has(A) && b(R)).length), x = L(() => {
+      const A = m.value ?? 0, R = h.value ?? 0;
+      return Math.max(A - R, 0);
+    }), D = $();
+    function F() {
+      D.value && D.value.clearAllFilters(!0), C();
+    }
+    return I(
+      () => u.schema,
+      (A) => {
+        a.value = A;
       },
       { deep: !0, immediate: !0 }
-    ), o({
-      clearFilter: c,
+    ), n({
+      clearFilter: i,
       clearAllFilters: C
-    }), (i, w) => (f(), _("div", go, [
-      i.schema ? (f(!0), _(F, { key: 0 }, W(Object.entries(e(k)), ([D, B]) => (f(), R(le, q({
-        key: D,
-        mode: i.mode,
-        width: i.width ? i.width : B?.width
-      }, { ref_for: !0 }, B, {
-        onChange: w[0] || (w[0] = (j) => e(r)(j.name, j.value)),
-        onClear: e(c),
+    }), (A, R) => (s(), w("div", So, [
+      A.schema ? (s(!0), w(T, { key: 0 }, X(Object.entries(e(k)), ([j, M]) => (s(), E(le, Z({
+        key: j,
+        mode: A.mode,
+        width: A.width ? A.width : M?.width
+      }, { ref_for: !0 }, M, {
+        onChange: R[0] || (R[0] = (K) => e(d)(K.name, K.value)),
+        onClear: e(i),
         layout: "inline",
         cleanable: !0,
-        modelValue: e(m)[D],
-        "onUpdate:modelValue": (j) => e(m)[D] = j
+        modelValue: e(y)[j],
+        "onUpdate:modelValue": (K) => e(y)[j] = K
       }), null, 16, ["mode", "width", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : V("", !0),
-      (f(!0), _(F, null, W(e(s), (D, B) => (f(), R(le, q({
-        key: "slot-" + B,
+      (s(!0), w(T, null, X(e(o), (j, M) => (s(), E(le, Z({
+        key: "slot-" + M,
         layout: "inline"
-      }, { ref_for: !0 }, D.props, {
-        onChange: w[1] || (w[1] = (j) => e(r)(j.name, j.value)),
-        onClear: w[2] || (w[2] = (j) => {
-          e(c)(j), e(r)(j, void 0);
+      }, { ref_for: !0 }, j.props, {
+        onChange: R[1] || (R[1] = (K) => e(d)(K.name, K.value)),
+        onClear: R[2] || (R[2] = (K) => {
+          e(i)(K), e(d)(K, void 0);
         }),
         cleanable: !0,
-        modelValue: e(m)[D.props.name],
-        "onUpdate:modelValue": (j) => e(m)[D.props.name] = j
+        modelValue: e(y)[j.props.name],
+        "onUpdate:modelValue": (K) => e(y)[j.props.name] = K
       }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128)),
-      v.value ? (f(), R(Ie, q({ key: 1 }, n, {
-        schema: i.schema,
-        limit: i.limit,
-        onChange: w[3] || (w[3] = (D) => e(r)(D.name, D.value)),
-        onClearAll: w[4] || (w[4] = (D) => e(C)()),
-        onClear: w[5] || (w[5] = (D) => e(c)(D.name)),
-        mode: i.mode,
+      f.value ? (s(), E(Ue, Z({ key: 1 }, u, {
+        schema: A.schema,
+        limit: A.limit,
+        onChange: R[3] || (R[3] = (j) => e(d)(j.name, j.value)),
+        onClearAll: R[4] || (R[4] = (j) => e(C)()),
+        onClear: R[5] || (R[5] = (j) => e(i)(j.name)),
+        mode: A.mode,
         ref_key: "popoverRef",
-        ref: h,
-        cleanable: !0
+        ref: D,
+        cleanable: !0,
+        "badge-count": x.value
       }), {
-        default: te(() => [
-          (f(!0), _(F, null, W(e(g), (D, B) => (f(), R(J(D), q({
-            key: "slot-" + B,
+        default: oe(() => [
+          (s(!0), w(T, null, X(e(_), (j, M) => (s(), E(ne(j), Z({
+            key: "slot-" + M,
             layout: "popover"
-          }, { ref_for: !0 }, D.props, { cleanable: !0 }), null, 16))), 128))
+          }, { ref_for: !0 }, j.props, { cleanable: !0 }), null, 16))), 128))
         ]),
         _: 1
-      }, 16, ["schema", "limit", "mode"])) : V("", !0),
-      e(p) > 0 ? (f(), _("button", {
+      }, 16, ["schema", "limit", "mode", "badge-count"])) : V("", !0),
+      e(m) > 0 ? (s(), w("button", {
         key: 2,
-        onClick: y,
-        class: "relative py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 border border-transparent text-gray-800 hover:bg-gray-200 focus:bg-gray-200"
+        onClick: F,
+        class: "relative py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-sm bg-white-100 border text-gray-800 hover:bg-gray-200 focus:bg-gray-200"
       }, S(e(t)("filter.clear")), 1)) : V("", !0)
     ]));
   }
-}), bo = {
+}), Bo = {
   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"
-}, ho = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, xo = /* @__PURE__ */ O({
+}, Do = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, jo = /* @__PURE__ */ W({
   __name: "vertical-filter-layout",
   props: {
     schema: {},
@@ -2689,60 +2808,250 @@ const eo = /* @__PURE__ */ X(Xl, [["render", Jl]]), to = {
     history: { type: Boolean },
     mode: {},
     limit: { default: 3 },
-    width: {}
+    width: {},
+    title: {},
+    disabled: { type: Boolean },
+    defaultPanelWidth: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(u, { expose: o, emit: b }) {
-    const t = u, n = b, l = me(), {
-      activeFilter: x,
+  setup(c, { expose: n, emit: v }) {
+    const t = c, u = v, l = fe(), {
+      activeFilter: g,
       activeFilterCount: a,
-      onFilterChange: v,
-      clearFilter: m,
-      clearAllFilters: p,
-      filtersSlot: r
-    } = xe({
+      onFilterChange: f,
+      clearFilter: y,
+      clearAllFilters: m,
+      filtersSlot: d
+    } = ye({
       ...t,
       slots: l
-    }, n);
-    return o({
-      clearFilter: m,
-      clearAllFilters: p
-    }), (c, C) => c.view === "vertical" ? (f(), _("div", bo, [
-      d("div", ho, [
-        e(a) > 0 ? (f(), _("button", {
+    }, u);
+    return n({
+      clearFilter: y,
+      clearAllFilters: m
+    }), (i, C) => i.view === "vertical" ? (s(), w("div", Bo, [
+      r("div", Do, [
+        e(a) > 0 ? (s(), w("button", {
           key: 0,
-          onClick: C[0] || (C[0] = (k) => e(p)()),
+          onClick: C[0] || (C[0] = (k) => e(m)()),
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
           class: "w-full ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground border h-10 px-4 py-2 gap-2 m-2 bg-white text-gray-800 hover:bg-gray-200 focus:bg-gray-200",
           type: "button"
         }, " Очистити ")) : V("", !0),
-        c.schema ? (f(!0), _(F, { key: 1 }, W(Object.entries(c.schema), ([k, g]) => (f(), R(le, q({ layout: "vertical" }, { ref_for: !0 }, g, {
-          onChange: C[1] || (C[1] = (s) => e(v)(s.name, s.value)),
-          onClear: C[2] || (C[2] = (s) => {
-            e(m)(s), e(v)(s, void 0);
+        i.schema ? (s(!0), w(T, { key: 1 }, X(Object.entries(i.schema), ([k, _]) => (s(), E(le, Z({ layout: "vertical" }, { ref_for: !0 }, _, {
+          onChange: C[1] || (C[1] = (o) => e(f)(o.name, o.value)),
+          onClear: C[2] || (C[2] = (o) => {
+            e(y)(o), e(f)(o, void 0);
           }),
-          modelValue: e(x)[k],
-          "onUpdate:modelValue": (s) => e(x)[k] = s,
+          modelValue: e(g)[k],
+          "onUpdate:modelValue": (o) => e(g)[k] = o,
           showClean: !0
         }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 256)) : V("", !0),
-        (f(!0), _(F, null, W(e(r), (k, g) => (f(), R(le, q({
-          key: "slot-" + g,
+        (s(!0), w(T, null, X(e(d), (k, _) => (s(), E(le, Z({
+          key: "slot-" + _,
           layout: "vertical"
         }, { ref_for: !0 }, k.props, {
-          onChange: C[3] || (C[3] = (s) => e(v)(s.name, s.value)),
-          onClear: C[4] || (C[4] = (s) => {
-            e(m)(s), e(v)(s, void 0);
+          onChange: C[3] || (C[3] = (o) => e(f)(o.name, o.value)),
+          onClear: C[4] || (C[4] = (o) => {
+            e(y)(o), e(f)(o, void 0);
           }),
-          modelValue: e(x)[k.props.name],
-          "onUpdate:modelValue": (s) => e(x)[k.props.name] = s,
+          modelValue: e(g)[k.props.name],
+          "onUpdate:modelValue": (o) => e(g)[k.props.name] = o,
           showClean: !0
         }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128))
       ])
     ])) : V("", !0);
   }
-}), Se = /* @__PURE__ */ O({
+}), Ro = ["onKeydown"], Ko = ["disabled"], Fo = {
+  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"
+}, Mo = { class: "rounded-2xl border border-slate-300/35 bg-white/95 p-4 shadow-2xl backdrop-blur-sm" }, Lo = { class: "mb-3 flex items-center justify-between" }, Eo = { class: "text-[15px] font-semibold text-slate-800" }, Oo = { "aria-hidden": "true" }, To = { class: "flex max-h-80 flex-col gap-1 overflow-y-auto" }, Io = {
+  key: 0,
+  class: "mt-3 flex justify-end"
+}, Uo = /* @__PURE__ */ W({
+  __name: "popover-inline-filter-layout",
+  props: {
+    schema: {},
+    view: {},
+    value: {},
+    history: { type: Boolean },
+    mode: {},
+    limit: { default: 10 },
+    width: { default: 220 },
+    title: {},
+    disabled: { type: Boolean },
+    defaultPanelWidth: {}
+  },
+  emits: ["change", "clear", "clearAll"],
+  setup(c, { emit: n }) {
+    const v = se(), t = c, u = n, l = $({}), g = fe(), {
+      activeFilter: a,
+      activeFilterCount: f,
+      onFilterChange: y,
+      clearFilter: m,
+      clearAllFilters: d,
+      filtersSlot: i
+    } = ye(
+      {
+        ...t,
+        schema: l.value,
+        slots: g
+      },
+      u
+    ), C = $(null), k = $(null), _ = We({ open: !1, top: 0, left: 0 }), o = L(() => _.open), b = L(() => !!t.disabled), p = L(() => l.value || {}), h = L(() => t.title ?? "Фільтр"), x = L(() => !!g.trigger), D = L(() => [
+      "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",
+      b.value ? "cursor-not-allowed opacity-60" : "cursor-pointer"
+    ]), F = L(() => _.open ? {
+      position: "absolute",
+      top: `${_.top}px`,
+      left: `${_.left}px`,
+      transform: "translateX(-50%)",
+      zIndex: 1e3
+    } : { display: "none" });
+    function A() {
+      _.open = !1;
+    }
+    function R() {
+      if (!C.value) return;
+      const P = C.value.getBoundingClientRect();
+      _.top = P.bottom + window.scrollY + 8, _.left = P.left + P.width / 2 + window.scrollX;
+    }
+    function j() {
+      _.open = !_.open, _.open && me(R);
+    }
+    function M() {
+      b.value || j();
+    }
+    function K() {
+      _.open && R();
+    }
+    function z() {
+      d();
+    }
+    return ce(() => {
+      window.addEventListener("resize", K), window.addEventListener("scroll", K, !0);
+    }), pe(() => {
+      window.removeEventListener("resize", K), window.removeEventListener("scroll", K, !0);
+    }), I(
+      () => t.schema,
+      (P) => {
+        if (!P) {
+          l.value = {};
+          return;
+        }
+        if (Array.isArray(P)) {
+          const B = P.filter((O) => O && (O.name || O.id)).map((O) => {
+            const q = O.name || O.id;
+            return [q, { ...O, name: q }];
+          });
+          l.value = Object.fromEntries(B);
+          return;
+        }
+        l.value = P;
+      },
+      { deep: !0, immediate: !0 }
+    ), I(
+      () => t.disabled,
+      (P) => {
+        P && A();
+      }
+    ), (P, B) => (s(), w("div", {
+      class: "relative inline-flex",
+      ref_key: "anchor",
+      ref: C
+    }, [
+      x.value ? (s(), w("span", {
+        key: 0,
+        class: U(["inline-flex", b.value ? "cursor-not-allowed opacity-60 pointer-events-none" : "cursor-pointer"]),
+        role: "button",
+        tabindex: "0",
+        "data-popover-trigger": "",
+        onClick: re(M, ["prevent", "stop"]),
+        onKeydown: [
+          $e(re(M, ["prevent", "stop"]), ["enter"]),
+          $e(re(M, ["prevent", "stop"]), ["space"])
+        ]
+      }, [
+        ue(P.$slots, "trigger", {
+          toggle: M,
+          open: o.value,
+          disabled: b.value,
+          activeCount: e(f)
+        })
+      ], 42, Ro)) : (s(), w("button", {
+        key: 1,
+        class: U(D.value),
+        type: "button",
+        disabled: b.value,
+        onClick: re(M, ["prevent", "stop"]),
+        "data-popover-trigger": ""
+      }, [
+        Q(Ie, { class: "h-4 w-4" }),
+        e(f) > 0 ? (s(), w("div", Fo, S(e(f)), 1)) : V("", !0)
+      ], 10, Ko)),
+      (s(), E(ge, { to: "body" }, [
+        o.value ? (s(), w("div", {
+          key: 0,
+          class: U(["absolute", typeof P.width == "number" ? `min-w-[${P.width + 32 + (Object.keys(p.value).length > 7 ? 20 : 0)}px]` : "min-w-[268px] "]),
+          style: be(F.value),
+          ref_key: "panel",
+          ref: k,
+          onClick: B[4] || (B[4] = re(() => {
+          }, ["stop"]))
+        }, [
+          r("div", Mo, [
+            r("div", Lo, [
+              r("h3", Eo, S(h.value), 1),
+              r("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: A
+              }, [
+                r("span", Oo, [
+                  Q(Ce, { class: "h-4 w-4" })
+                ]),
+                B[5] || (B[5] = r("span", { class: "sr-only" }, "Закрити", -1))
+              ])
+            ]),
+            r("div", To, [
+              Object.keys(p.value).length ? (s(!0), w(T, { key: 0 }, X(Object.entries(p.value), ([O, q]) => (s(), E(le, Z({ key: O }, { ref_for: !0 }, { ...q, layout: "inline" }, {
+                width: P.width ? P.width : q?.width,
+                cleanable: !0,
+                modelValue: e(a)[O],
+                "onUpdate:modelValue": (N) => e(a)[O] = N,
+                onChange: B[0] || (B[0] = (N) => e(y)(N.name, N.value)),
+                onClear: B[1] || (B[1] = (N) => {
+                  e(m)(N), e(y)(N, void 0);
+                })
+              }), null, 16, ["width", "modelValue", "onUpdate:modelValue"]))), 128)) : V("", !0),
+              (s(!0), w(T, null, X(e(i), (O, q) => (s(), E(le, Z({
+                key: "slot-" + q,
+                ref_for: !0
+              }, { ...O.props, layout: "inline" }, {
+                cleanable: !0,
+                modelValue: e(a)[O.props.name],
+                "onUpdate:modelValue": (N) => e(a)[O.props.name] = N,
+                onChange: B[2] || (B[2] = (N) => e(y)(N.name, N.value)),
+                onClear: B[3] || (B[3] = (N) => {
+                  e(m)(N), e(y)(N, void 0);
+                })
+              }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128))
+            ]),
+            e(f) > 0 ? (s(), w("div", Io, [
+              r("button", {
+                type: "button",
+                class: "text-sm font-semibold text-blue-600 transition-colors hover:text-blue-700 focus:outline-none",
+                onClick: z
+              }, S(e(v)("filter.clear")), 1)
+            ])) : V("", !0)
+          ])
+        ], 6)) : V("", !0)
+      ]))
+    ], 512));
+  }
+}), Ke = /* @__PURE__ */ W({
   __name: "filter",
   props: {
     schema: {},
@@ -2751,126 +3060,139 @@ const eo = /* @__PURE__ */ X(Xl, [["render", Jl]]), to = {
     history: { type: Boolean },
     mode: {},
     limit: { default: 3 },
-    width: {}
+    width: {},
+    title: {},
+    disabled: { type: Boolean },
+    defaultPanelWidth: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(u, { expose: o, emit: b }) {
-    const t = u, n = $(t.value ?? {}), l = b, x = $();
-    function a(g) {
-      if (Array.isArray(g))
-        return g.map((s) => a(s));
-      if (g !== null && typeof g == "object") {
-        const s = se(g), h = {};
-        for (const y in s)
-          h[y] = a(s[y]);
-        return h;
+  setup(c, { expose: n, emit: v }) {
+    const t = c, u = $(t.value ?? {}), l = v, g = $(), a = fe();
+    function f(o) {
+      if (Array.isArray(o))
+        return o.map((b) => f(b));
+      if (o !== null && typeof o == "object") {
+        const b = de(o), p = {};
+        for (const h in b)
+          p[h] = f(b[h]);
+        return p;
       }
-      return g;
+      return o;
     }
-    function v(g, s) {
-      s !== void 0 ? n.value = {
-        ...n.value,
-        [g]: s
-      } : delete n.value[g], l("change", {
-        data: a(n.value),
-        name: g,
-        value: a(s)
+    function y(o, b) {
+      b !== void 0 ? u.value = {
+        ...u.value,
+        [o]: b
+      } : delete u.value[o], l("change", {
+        data: f(u.value),
+        name: o,
+        value: f(b)
       });
     }
-    function m(g) {
-      delete n.value[g], l("clear", {
-        data: a(n.value),
-        name: g
+    function m(o) {
+      delete u.value[o], l("clear", {
+        data: f(u.value),
+        name: o
       }), l("change", {
-        data: a(n.value),
-        name: g,
+        data: f(u.value),
+        name: o,
         value: null
       });
     }
-    function p() {
-      n.value = {}, l("clear", {
-        data: a(n.value),
+    function d() {
+      u.value = {}, l("clear", {
+        data: f(u.value),
         name: "ALL"
       }), l("change", {
-        data: a(n.value),
+        data: f(u.value),
         name: "ALL",
         value: null
       });
     }
-    const r = $({});
-    function c() {
+    const i = $({});
+    function C() {
       switch (t.view) {
         case "inline":
-          return $e;
+          return Re;
         case "vertical":
-          return xo;
+          return jo;
         case "popover":
-          return Ie;
+          return Ue;
+        case "popover-inline":
+          return Uo;
         default:
-          return $e;
+          return Re;
       }
     }
-    M(
+    I(
       () => t.schema,
-      (g) => {
-        if (!g) {
-          r.value = {};
+      (o) => {
+        if (!o) {
+          i.value = {};
           return;
         }
-        if (Array.isArray(g) && !g.length) {
-          r.value = {};
+        if (Array.isArray(o) && !o.length) {
+          i.value = {};
           return;
         }
-        Array.isArray(g) ? r.value = g.filter((s) => s.type).reduce((s, h) => (Object.assign(h, {
-          name: h.id || h.name,
-          type: { datepicker: "date" }[h.type.toLowerCase()] || h.type.toLowerCase(),
-          label: h.label || h.ua
-        }), s[h.name] = h, h.data && !h.api && !h.options && Object.assign(h, { api: `/api/suggest/${h.data}` }), s), {}) : (Object.entries(g).forEach(([s, h]) => {
-          Object.assign(h, { name: s || h.name || h.id, type: h.type.toLowerCase() });
-        }), r.value = { ...g });
+        Array.isArray(o) ? i.value = o.filter((b) => b.type).reduce((b, p) => (Object.assign(p, {
+          name: p.id || p.name,
+          type: { datepicker: "date" }[p.type.toLowerCase()] || p.type.toLowerCase(),
+          label: p.label || p.ua
+        }), b[p.name] = p, p.data && !p.api && !p.options && Object.assign(p, { api: `/api/suggest/${p.data}` }), b), {}) : (Object.entries(o).forEach(([b, p]) => {
+          Object.assign(p, { name: b || p.name || p.id, type: p.type.toLowerCase() });
+        }), i.value = { ...o });
       },
       { immediate: !0, deep: !0 }
     );
-    function C(g) {
-      x.value.clearFilter(g), m(g);
+    function k(o) {
+      g.value.clearFilter(o), m(o);
     }
-    function k() {
-      x.value.clearAllFilters(), p();
+    function _() {
+      g.value.clearAllFilters(), d();
     }
-    return M(
-      () => n.value,
-      (g) => {
+    return I(
+      () => u.value,
+      (o) => {
         if (t.history) {
-          const s = new URL(window.location.href), h = new URLSearchParams(window.location.search);
-          Object.keys(g).length > 0 ? h.set(
+          const b = new URL(window.location.href), p = new URLSearchParams(window.location.search);
+          Object.keys(o).length > 0 ? p.set(
             "filter",
-            Object.entries(g).filter(([, y]) => y).map(([y, i]) => `${y}=${i}`).join("|")
-          ) : h.delete("filter"), s.search = decodeURI(h.toString()), window.history.pushState({}, "", s);
+            Object.entries(o).filter(([, h]) => h).map(([h, x]) => `${h}=${x}`).join("|")
+          ) : p.delete("filter"), b.search = decodeURI(p.toString()), window.history.pushState({}, "", b);
         }
       }
-    ), o({
-      clearAllFilters: k,
-      clearFilter: C
-    }), (g, s) => (f(), R(J(c()), q(t, {
-      schema: r.value,
-      onChange: s[0] || (s[0] = (h) => v(h.name, h.value)),
-      onClear: s[1] || (s[1] = (h) => m(h.name)),
-      onClearAll: p,
+    ), n({
+      clearAllFilters: _,
+      clearFilter: k
+    }), (o, b) => (s(), E(ne(C()), Z(t, {
+      schema: i.value,
+      onChange: b[0] || (b[0] = (p) => y(p.name, p.value)),
+      onClear: b[1] || (b[1] = (p) => m(p.name)),
+      onClearAll: d,
       ref_key: "filterRef",
-      ref: x
-    }), {
-      default: te(() => [
-        de(g.$slots, "default")
+      ref: g
+    }), qe({
+      default: oe(() => [
+        ue(o.$slots, "default")
       ]),
-      _: 3
-    }, 16, ["schema"]));
+      _: 2
+    }, [
+      e(a).trigger ? {
+        name: "trigger",
+        fn: oe((p) => [
+          ue(o.$slots, "trigger", Qe(He(p)))
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["schema"]));
   }
 });
-Se.install = function(o) {
-  o.component("Filter", Se), o.component("FilterField", le);
+Ke.install = function(n) {
+  n.component("Filter", Ke), n.component("FilterField", le);
 };
 export {
-  Se as Filter,
+  Ke as Filter,
   le as FilterField,
-  Se as default
+  Ke as default
 };