@opengis/filter 0.1.9 → 0.1.10

package/dist/index.js

@@ -1,11 +1,11 @@
-import { createElementBlock as _, openBlock as f, createElementVNode as d, defineComponent as O, ref as $, withModifiers as De, normalizeClass as F, createCommentVNode as V, toDisplayString as S, computed as E, watch as M, createStaticVNode as Ue, Fragment as j, renderList as q, unref as e, createBlock as R, createVNode as Y, createTextVNode as N, withDirectives as U, vShow as G, getCurrentInstance as Oe, vModelText as Q, onBeforeUnmount as pe, onMounted as ue, isRef as ze, Teleport as Be, normalizeStyle as Re, renderSlot as de, nextTick as me, withCtx as te, resolveDynamicComponent as J, mergeProps as P, toRaw as se, cloneVNode as Ne, useSlots as ve } from "vue";
+import { createElementBlock as w, openBlock as c, createElementVNode as u, defineComponent as U, ref as S, withModifiers as Be, normalizeClass as _, createCommentVNode as $, toDisplayString as A, computed as E, watch as F, createStaticVNode as Ue, Fragment as j, renderList as q, unref as e, createBlock as M, createVNode as Y, createTextVNode as z, withDirectives as I, vShow as H, getCurrentInstance as Oe, vModelText as Q, onBeforeUnmount as me, onMounted as ue, isRef as ze, Teleport as Re, normalizeStyle as Me, renderSlot as ce, nextTick as ve, withCtx as te, resolveDynamicComponent as J, mergeProps as P, toRaw as se, cloneVNode as Ne, useSlots as pe } from "vue";
 import { notify as we } from "@opengis/core";
-const X = (i, o) => {
-  const b = i.__vccOpts || i;
-  for (const [t, n] of o)
-    b[t] = n;
-  return b;
-}, He = {}, Ye = {
+const G = (t, n) => {
+  const v = t.__vccOpts || t;
+  for (const [l, r] of n)
+    v[l] = r;
+  return v;
+}, Ye = {}, Pe = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -17,18 +17,18 @@ const X = (i, 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 Pe(i, o) {
-  return f(), _("svg", Ye, o[0] || (o[0] = [
-    d("path", {
+function qe(t, n) {
+  return c(), w("svg", Pe, [...n[0] || (n[0] = [
+    u("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)
-  ]));
+    u("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),
+    u("path", { d: "M20 4v5h-5" }, null, -1)
+  ])]);
 }
-const qe = /* @__PURE__ */ X(He, [["render", Pe]]), We = { class: "flex items-center justify-between w-full text-sm" }, Qe = { class: "flex items-center cursor-pointer w-full" }, Ge = {
+const We = /* @__PURE__ */ G(Ye, [["render", qe]]), Qe = { class: "flex items-center justify-between w-full text-sm" }, He = { class: "flex items-center cursor-pointer w-full" }, Ge = {
   key: 0,
   width: "16",
   height: "auto",
@@ -36,7 +36,7 @@ const qe = /* @__PURE__ */ X(He, [["render", Pe]]), We = { class: "flex items-ce
 }, 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 = {
   key: 0,
   class: "text-xs text-gray-500 dark:text-neutral-500 pr-1"
-}, ye = /* @__PURE__ */ O({
+}, ye = /* @__PURE__ */ U({
   __name: "list-item",
   props: {
     layout: {},
@@ -49,44 +49,44 @@ const qe = /* @__PURE__ */ X(He, [["render", Pe]]), We = { class: "flex items-ce
     highlighted: { type: Boolean }
   },
   emits: ["itemClick"],
-  setup(i, { expose: o, emit: b }) {
-    const t = i, n = b;
-    function l() {
-      n("itemClick", t.value);
+  setup(t, { expose: n, emit: v }) {
+    const l = t, r = v;
+    function a() {
+      r("itemClick", l.value);
     }
-    const x = $(null);
-    return o({ el: x }), (a, y) => (f(), _("div", {
+    const b = S(null);
+    return n({ el: b }), (o, f) => (c(), w("div", {
       class: "flex items-center w-full rounded-lg group hover:bg-gray-100",
       ref_key: "el",
-      ref: x
+      ref: b
     }, [
-      d("div", We, [
-        d("div", Qe, [
-          d("label", {
+      u("div", Qe, [
+        u("div", He, [
+          u("label", {
             for: "radio-9740",
-            class: F([
-              ["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 }
+            class: _([
+              ["inline", "popover"].includes(t.layout) ? "text-sm text-gray-500 px-2 w-full py-2 cursor-pointer !flex flex-row items-center" : "flex flex-row items-center w-full px-2 py-2 text-sm text-gray-500 cursor-pointer",
+              { "bg-blue-100": t.highlighted }
             ]),
-            onClick: De(l, ["stop", "prevent"])
+            onClick: Be(a, ["stop", "prevent"])
           }, [
-            d("div", {
-              class: F(["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]"
+            u("div", {
+              class: _(["w-[18px] h-[18px] border flex items-center justify-center", [
+                t.type == "checkbox" ? "rounded-[4px]" : "rounded-full",
+                t.color ? `bg-[${t.color}] border-[#ffffff]` : t.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
               ]])
             }, [
-              a.isSelected ? (f(), _("img", Ge)) : V("", !0)
+              t.isSelected ? (c(), w("img", Ge)) : $("", !0)
             ], 2),
-            d("input", {
+            u("input", {
               type: "checkbox",
               class: "hidden",
               id: "radio-9740",
-              value: a.value
+              value: t.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)
+            u("div", Ze, [
+              u("span", Je, A(t.label ?? "Відсутні данні"), 1),
+              t.count ? (c(), w("div", et, " (" + A(t.count) + ") ", 1)) : $("", !0)
             ])
           ], 2)
         ])
@@ -94,56 +94,56 @@ const qe = /* @__PURE__ */ X(He, [["render", Pe]]), We = { class: "flex items-ce
     ], 512));
   }
 });
-function Me(i, o) {
+function Fe(t, n) {
   const {
-    options: b = [],
-    limit: t = 20
-  } = i;
-  function n(u) {
-    return Array.isArray(u) ? u[0] : u;
-  }
-  const l = $(n(i.modelValue)), x = $(""), a = $(!1), y = $([]), v = $("id"), p = $("text"), r = $(!1), c = $(i.layout !== "popover" && b.length > t);
-  function C(u) {
-    const k = u.find(Boolean) ?? {}, D = ["id", "value", "code", "key"].find((K) => K in k) ?? "id", B = ["text", "label", "name", "title"].find((K) => K in k) ?? "text";
-    return { autoValueKey: D, autoLabelKey: B };
-  }
-  if (b.length > 0) {
-    const u = C(b);
-    v.value = u.autoValueKey, p.value = u.autoLabelKey;
-  }
-  const w = E(() => {
-    const u = y.value;
-    return i.layout === "popover" || r.value ? u : u.slice(0, t);
+    options: v = [],
+    limit: l = 20
+  } = t;
+  function r(d) {
+    return Array.isArray(d) ? d[0] : d;
+  }
+  const a = S(r(t.modelValue)), b = S(""), o = S(!1), f = S([]), p = S("id"), y = S("text"), i = S(!1), h = S(t.layout !== "popover" && v.length > l);
+  function k(d) {
+    const x = d.find(Boolean) ?? {}, B = ["id", "value", "code", "key"].find((K) => K in x) ?? "id", R = ["text", "label", "name", "title"].find((K) => K in x) ?? "text";
+    return { autoValueKey: B, autoLabelKey: R };
+  }
+  if (v.length > 0) {
+    const d = k(v);
+    p.value = d.autoValueKey, y.value = d.autoLabelKey;
+  }
+  const V = E(() => {
+    const d = f.value;
+    return t.layout === "popover" || i.value ? d : d.slice(0, l);
   });
-  M(() => i.modelValue, (u) => {
-    l.value = n(u);
-  }, { immediate: !0 }), y.value = [...b].sort((u, k) => i.sort === "count" ? k.count && u.count ? k.count - u.count : 0 : i.sort === "name" ? String(u[p.value] ?? "").localeCompare(String(k[p.value] ?? "")) : 0);
-  function g(u) {
-    return l.value === u[v.value];
+  F(() => t.modelValue, (d) => {
+    a.value = r(d);
+  }, { immediate: !0 }), f.value = [...v].sort((d, x) => t.sort === "count" ? x.count && d.count ? x.count - d.count : 0 : t.sort === "name" ? String(d[y.value] ?? "").localeCompare(String(x[y.value] ?? "")) : 0);
+  function m(d) {
+    return a.value === d[p.value];
   }
-  function s(u) {
-    l.value = u[v.value], o("update:modelValue", l.value), o("change", { name: i.name, value: l.value });
+  function s(d) {
+    a.value = d[p.value], n("update:modelValue", a.value), n("change", { name: t.name, value: a.value });
   }
-  function h() {
-    l.value = void 0, o("update:modelValue", l.value), o("clear", i.name);
+  function g() {
+    a.value = void 0, n("update:modelValue", a.value), n("clear", t.name);
   }
-  function m() {
-    r.value = !r.value;
+  function C() {
+    i.value = !i.value;
   }
   return {
-    innerValue: l,
-    searchTerm: x,
-    filteredOptions: w,
-    isSelected: g,
+    innerValue: a,
+    searchTerm: b,
+    filteredOptions: V,
+    isSelected: m,
     selectItem: s,
-    clear: h,
-    toggleShowAll: m,
-    isReqProc: a,
-    showAll: r,
-    isEnableShowAll: c,
-    labelKey: p,
-    valueKey: v,
-    allOptions: y
+    clear: g,
+    toggleShowAll: C,
+    isReqProc: o,
+    showAll: i,
+    isEnableShowAll: h,
+    labelKey: y,
+    valueKey: p,
+    allOptions: f
   };
 }
 const tt = {}, lt = {
@@ -152,12 +152,12 @@ const tt = {}, lt = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function ot(i, o) {
-  return f(), _("svg", lt, o[0] || (o[0] = [
+function at(t, n) {
+  return c(), w("svg", lt, [...n[0] || (n[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)
-  ]));
+  ])]);
 }
-const ge = /* @__PURE__ */ X(tt, [["render", ot]]), at = {}, nt = {
+const ge = /* @__PURE__ */ G(tt, [["render", at]]), nt = {}, ot = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -169,17 +169,17 @@ const ge = /* @__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(i, o) {
-  return f(), _("svg", nt, o[0] || (o[0] = [
-    d("path", {
+function rt(t, n) {
+  return c(), w("svg", ot, [...n[0] || (n[0] = [
+    u("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
-  ]));
+    u("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ])]);
 }
-const ce = /* @__PURE__ */ X(at, [["render", rt]]), st = {}, it = {
+const de = /* @__PURE__ */ G(nt, [["render", rt]]), st = {}, it = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -191,35 +191,36 @@ 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(i, o) {
-  return f(), _("svg", it, o[0] || (o[0] = [
-    d("path", {
+function ut(t, n) {
+  return c(), w("svg", it, [...n[0] || (n[0] = [
+    u("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
-  ]));
+    u("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ])]);
 }
-const be = /* @__PURE__ */ X(st, [["render", ut]]), dt = {
+const be = /* @__PURE__ */ G(st, [["render", ut]]), ct = {
   key: 0,
   class: "w-full"
-}, ct = { class: "flex flex-col items-center justify-center p-5 text-center" }, ft = {
+}, dt = { class: "flex flex-col items-center justify-center p-5 text-center" }, ft = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, pt = {
+}, mt = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, mt = /* @__PURE__ */ O({
+}, vt = /* @__PURE__ */ U({
   __name: "radio",
   props: {
     id: {},
     name: {},
+    title: {},
     type: {},
     label: {},
     width: {},
     options: { default: () => [] },
-    placeHolder: {},
+    placeholder: {},
     api: {},
     data: {},
     default: {},
@@ -237,158 +238,158 @@ const be = /* @__PURE__ */ X(st, [["render", ut]]), dt = {
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: o, emit: b }) {
-    const t = i, n = $(null), l = b, {
-      innerValue: x,
-      filteredOptions: a,
-      isSelected: y,
-      selectItem: v,
-      clear: p,
-      toggleShowAll: r,
-      isReqProc: c,
-      showAll: C,
-      isEnableShowAll: w,
-      labelKey: g,
+  setup(t, { expose: n, emit: v }) {
+    const l = t, r = S(null), a = v, {
+      innerValue: b,
+      filteredOptions: o,
+      isSelected: f,
+      selectItem: p,
+      clear: y,
+      toggleShowAll: i,
+      isReqProc: h,
+      showAll: k,
+      isEnableShowAll: V,
+      labelKey: m,
       valueKey: s,
-      allOptions: h
-    } = Me({
-      ...t,
-      modelValue: t.modelValue ?? t.default ?? ""
-    }, l);
-    return o({
-      clear: p,
-      inputTextRef: n
-    }), M(
-      () => t.modelValue,
-      (m) => {
-        m === void 0 && (x.value = void 0);
+      allOptions: g
+    } = Fe({
+      ...l,
+      modelValue: l.modelValue ?? l.default ?? ""
+    }, a);
+    return n({
+      clear: y,
+      inputTextRef: r
+    }), F(
+      () => l.modelValue,
+      (C) => {
+        C === void 0 && (b.value = void 0);
       }
-    ), (m, u) => (f(), _("div", {
-      class: F([m.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
+    ), (C, d) => (c(), w("div", {
+      class: _([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
     }, [
-      d("div", {
-        class: F([
-          m.layout === "popover" ? "flex-1 overflow-y-auto max-h-64 p-2" : "",
-          m.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+      u("div", {
+        class: _([
+          t.layout === "popover" ? "flex-1 overflow-y-auto max-h-64 p-2" : "",
+          t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (f(!0), _(j, null, q(e(a), (k) => (f(), R(ye, {
-          layout: m.layout,
-          key: k[e(s)],
-          count: k.count,
-          label: k[e(g)],
-          color: k.color,
+        (c(!0), w(j, null, q(e(o), (x) => (c(), M(ye, {
+          layout: t.layout,
+          key: x[e(s)],
+          count: x.count,
+          label: x[e(m)],
+          color: x.color,
           type: "radio",
-          value: k[e(s)],
-          "is-selected": e(y)(k),
-          onItemClick: (D) => e(v)(k)
+          value: x[e(s)],
+          "is-selected": e(f)(x),
+          onItemClick: (B) => e(p)(x)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
       ], 2),
-      m.type === "select" && e(a).length === 0 && !e(c) ? (f(), _("div", dt, [
-        d("div", ct, [
+      t.type === "select" && e(o).length === 0 && !e(h) ? (c(), w("div", ct, [
+        u("div", dt, [
           Y(ge),
-          u[4] || (u[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" })
+          d[4] || (d[4] = u("div", { class: "max-w-sm mx-auto mt-6" }, [
+            u("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
+            u("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
           ], -1))
         ])
-      ])) : V("", !0),
-      m.layout !== "popover" && m.type !== "select" ? (f(), _(j, { key: 1 }, [
-        !e(C) && e(w) ? (f(), _("div", {
+      ])) : $("", !0),
+      t.layout !== "popover" && t.type !== "select" ? (c(), w(j, { key: 1 }, [
+        !e(k) && e(V) ? (c(), w("div", {
           key: 0,
-          onClick: u[0] || (u[0] = //@ts-ignore
-          (...k) => e(r) && e(r)(...k)),
+          onClick: d[0] || (d[0] = //@ts-ignore
+          (...x) => e(i) && e(i)(...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"
         }, [
-          u[5] || (u[5] = N(" Показати більше ", -1)),
-          Y(ce)
-        ])) : V("", !0),
-        e(C) ? (f(), _("div", {
+          d[5] || (d[5] = z(" Показати більше ", -1)),
+          Y(de)
+        ])) : $("", !0),
+        e(k) ? (c(), w("div", {
           key: 1,
-          onClick: u[1] || (u[1] = //@ts-ignore
-          (...k) => e(r) && e(r)(...k)),
+          onClick: d[1] || (d[1] = //@ts-ignore
+          (...x) => e(i) && e(i)(...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"
         }, [
-          u[6] || (u[6] = N(" Показати менше ", -1)),
+          d[6] || (d[6] = z(" Показати менше ", -1)),
           Y(be)
-        ])) : V("", !0)
-      ], 64)) : V("", !0),
-      m.cleanable ? (f(), _(j, { key: 2 }, [
-        m.layout === "inline" ? (f(), _("div", ft, [
-          N(S(e(x) || e(x) === null ? 1 : 0) + " з " + S(e(h).length) + " обрано ", 1),
-          U(d("button", {
+        ])) : $("", !0)
+      ], 64)) : $("", !0),
+      t.cleanable ? (c(), w(j, { key: 2 }, [
+        t.layout === "inline" ? (c(), w("div", ft, [
+          z(A(e(b) || e(b) === null ? 1 : 0) + " з " + A(e(g).length) + " обрано ", 1),
+          I(u("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: u[2] || (u[2] = //@ts-ignore
-            (...k) => e(p) && e(p)(...k))
+            onClick: d[2] || (d[2] = //@ts-ignore
+            (...x) => e(y) && e(y)(...x))
           }, " Очистити ", 512), [
-            [G, e(x) !== "" && e(x) !== void 0]
+            [H, e(b) !== "" && e(b) !== void 0]
           ])
-        ])) : V("", !0),
-        m.layout === "popover" ? (f(), _("div", pt, [
-          d("span", null, S(e(x) || e(x) === null ? 1 : 0) + " з " + S(e(h).length) + " обрано", 1),
-          U(d("button", {
+        ])) : $("", !0),
+        t.layout === "popover" ? (c(), w("div", mt, [
+          u("span", null, A(e(b) || e(b) === null ? 1 : 0) + " з " + A(e(g).length) + " обрано", 1),
+          I(u("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: u[3] || (u[3] = //@ts-ignore
-            (...k) => e(p) && e(p)(...k))
+            onClick: d[3] || (d[3] = //@ts-ignore
+            (...x) => e(y) && e(y)(...x))
           }, " Очистити ", 512), [
-            [G, e(x) !== "" && e(x) !== void 0]
+            [H, e(b) !== "" && e(b) !== void 0]
           ])
-        ])) : V("", !0)
-      ], 64)) : V("", !0)
+        ])) : $("", !0)
+      ], 64)) : $("", !0)
     ], 2));
   }
 });
-function Fe(i, o) {
+function _e(t, n) {
   const {
-    options: b = [],
-    limit: t = 20
-  } = i;
-  function n(u) {
-    return Array.isArray(u) ? u : u ? [u] : [];
-  }
-  const l = $(n(i.modelValue)), x = $(""), a = $(!1), y = $([]), v = $("id"), p = $("text"), r = $(!1), c = $(i.layout !== "popover" && b.length > t);
-  function C(u) {
-    const k = u.find(Boolean) ?? {}, D = ["id", "value", "code", "key"].find((K) => K in k) ?? "id", B = ["text", "label", "name", "title"].find((K) => K in k) ?? "text";
-    return { autoValueKey: D, autoLabelKey: B };
-  }
-  if (b.length > 0) {
-    const u = C(b);
-    v.value = u.autoValueKey, p.value = u.autoLabelKey;
-  }
-  const w = E(() => {
-    const u = y.value;
-    return i.layout === "popover" || r.value ? u : u.slice(0, t);
+    options: v = [],
+    limit: l = 20
+  } = t;
+  function r(d) {
+    return Array.isArray(d) ? d : d ? [d] : [];
+  }
+  const a = S(r(t.modelValue)), b = S(""), o = S(!1), f = S([]), p = S("id"), y = S("text"), i = S(!1), h = S(t.layout !== "popover" && v.length > l);
+  function k(d) {
+    const x = d.find(Boolean) ?? {}, B = ["id", "value", "code", "key"].find((K) => K in x) ?? "id", R = ["text", "label", "name", "title"].find((K) => K in x) ?? "text";
+    return { autoValueKey: B, autoLabelKey: R };
+  }
+  if (v.length > 0) {
+    const d = k(v);
+    p.value = d.autoValueKey, y.value = d.autoLabelKey;
+  }
+  const V = E(() => {
+    const d = f.value;
+    return t.layout === "popover" || i.value ? d : d.slice(0, l);
   });
-  M(() => i.modelValue, (u) => {
-    l.value = n(u);
-  }, { immediate: !0 }), y.value = [...b].sort((u, k) => i.sort === "count" ? k.count && u.count ? k.count - u.count : 0 : i.sort === "name" ? String(u[p.value]).localeCompare(String(k[p.value])) : 0);
-  function g(u) {
-    return l.value && l.value.includes(u[v.value]);
+  F(() => t.modelValue, (d) => {
+    a.value = r(d);
+  }, { immediate: !0 }), f.value = [...v].sort((d, x) => t.sort === "count" ? x.count && d.count ? x.count - d.count : 0 : t.sort === "name" ? String(d[y.value]).localeCompare(String(x[y.value])) : 0);
+  function m(d) {
+    return a.value && a.value.includes(d[p.value]);
   }
-  function s(u) {
-    const k = l.value.includes(u[v.value]);
-    l.value = k ? l.value.filter((D) => D !== u[v.value]) : [...l.value, u[v.value]], o("update:modelValue", l.value), o("change", { name: i.name, value: l.value });
+  function s(d) {
+    const x = a.value.includes(d[p.value]);
+    a.value = x ? a.value.filter((B) => B !== d[p.value]) : [...a.value, d[p.value]], n("update:modelValue", a.value), n("change", { name: t.name, value: a.value });
   }
-  function h() {
-    l.value = [], o("update:modelValue", l.value), o("clear", i.name);
+  function g() {
+    a.value = [], n("update:modelValue", a.value), n("clear", t.name);
   }
-  function m() {
-    r.value = !r.value;
+  function C() {
+    i.value = !i.value;
   }
   return {
-    innerValue: l,
-    searchTerm: x,
-    filteredOptions: w,
-    isSelected: g,
+    innerValue: a,
+    searchTerm: b,
+    filteredOptions: V,
+    isSelected: m,
     selectItem: s,
-    clear: h,
-    toggleShowAll: m,
-    isReqProc: a,
-    showAll: r,
-    isEnableShowAll: c,
-    labelKey: p,
-    valueKey: v,
-    allOptions: y
+    clear: g,
+    toggleShowAll: C,
+    isReqProc: o,
+    showAll: i,
+    isEnableShowAll: h,
+    labelKey: y,
+    valueKey: p,
+    allOptions: f
   };
 }
 const Ce = {
@@ -427,33 +428,34 @@ const Ce = {
     next: "Настпуний період"
   }
 };
-function vt(i) {
-  const o = i.split(".")[1];
-  return (Ce[localStorage.locale || navigator.language] || Ce.uk)[o];
+function pt(t) {
+  const n = t.split(".")[1];
+  return (Ce[localStorage.locale || navigator.language] || Ce.uk)[n];
 }
 function re() {
-  const i = Oe();
-  return i.appContext.config.globalProperties.$i18n ? i.appContext.config.globalProperties.$t : vt;
+  const t = Oe();
+  return t.appContext.config.globalProperties.$i18n ? t.appContext.config.globalProperties.$t : pt;
 }
 const yt = {
   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 = {
+}, gt = { class: "flex flex-col items-center justify-center p-5 text-center" }, bt = { class: "max-w-sm mx-auto mt-6" }, xt = { class: "font-medium text-gray-800 dark:text-neutral-200" }, ht = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
 }, kt = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, _e = /* @__PURE__ */ O({
+}, Ve = /* @__PURE__ */ U({
   __name: "checkbox",
   props: {
     id: {},
     name: {},
+    title: {},
     type: {},
     label: {},
     width: {},
     options: { default: () => [] },
-    placeHolder: {},
+    placeholder: {},
     api: {},
     data: {},
     default: {},
@@ -471,102 +473,102 @@ const yt = {
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: o, emit: b }) {
-    const t = re(), n = i, l = b, {
-      innerValue: x,
-      filteredOptions: a,
-      isSelected: y,
-      selectItem: v,
-      clear: p,
-      toggleShowAll: r,
-      isReqProc: c,
-      showAll: C,
-      isEnableShowAll: w,
-      labelKey: g,
+  setup(t, { expose: n, emit: v }) {
+    const l = re(), r = t, a = v, {
+      innerValue: b,
+      filteredOptions: o,
+      isSelected: f,
+      selectItem: p,
+      clear: y,
+      toggleShowAll: i,
+      isReqProc: h,
+      showAll: k,
+      isEnableShowAll: V,
+      labelKey: m,
       valueKey: s,
-      allOptions: h
-    } = Fe({
-      ...n,
-      modelValue: n.modelValue
-    }, l);
-    return M(
-      () => n.modelValue,
-      (m) => {
-        m === void 0 && (x.value = []);
+      allOptions: g
+    } = _e({
+      ...r,
+      modelValue: r.modelValue
+    }, a);
+    return F(
+      () => r.modelValue,
+      (C) => {
+        C === void 0 && (b.value = []);
       }
-    ), o({
-      clear: p
-    }), (m, u) => (f(), _("div", {
-      class: F([m.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+    ), n({
+      clear: y
+    }), (C, d) => (c(), w("div", {
+      class: _([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
     }, [
-      d("div", {
-        class: F([
-          m.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
-          m.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+      u("div", {
+        class: _([
+          t.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
+          t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (f(!0), _(j, null, q(e(a), (k) => (f(), R(ye, {
-          layout: m.layout,
-          count: k.count,
-          label: k[e(g)],
-          color: k.color,
+        (c(!0), w(j, null, q(e(o), (x) => (c(), M(ye, {
+          layout: t.layout,
+          count: x.count,
+          label: x[e(m)],
+          color: x.color,
           type: "checkbox",
-          value: k[e(s)],
-          "is-selected": e(y)(k),
-          onItemClick: (D) => e(v)(k)
+          value: x[e(s)],
+          "is-selected": e(f)(x),
+          onItemClick: (B) => e(p)(x)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
       ], 2),
-      m.type === "select" && e(a).length === 0 && !e(c) ? (f(), _("div", yt, [
-        d("div", gt, [
+      t.type === "select" && e(o).length === 0 && !e(h) ? (c(), w("div", yt, [
+        u("div", gt, [
           Y(ge),
-          d("div", bt, [
-            d("p", ht, S(e(t)("filter.notfound")), 1),
-            u[4] || (u[4] = d("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
+          u("div", bt, [
+            u("p", xt, A(e(l)("filter.notfound")), 1),
+            d[4] || (d[4] = u("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
           ])
         ])
-      ])) : V("", !0),
-      m.layout !== "popover" && m.type !== "select" ? (f(), _(j, { key: 1 }, [
-        !e(C) && e(w) ? (f(), _("div", {
+      ])) : $("", !0),
+      t.layout !== "popover" && t.type !== "select" ? (c(), w(j, { key: 1 }, [
+        !e(k) && e(V) ? (c(), w("div", {
           key: 0,
-          onClick: u[0] || (u[0] = //@ts-ignore
-          (...k) => e(r) && e(r)(...k)),
+          onClick: d[0] || (d[0] = //@ts-ignore
+          (...x) => e(i) && e(i)(...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),
-          Y(ce)
-        ])) : V("", !0),
-        e(C) ? (f(), _("div", {
+          z(A(e(l)("filter.more")) + " ", 1),
+          Y(de)
+        ])) : $("", !0),
+        e(k) ? (c(), w("div", {
           key: 1,
-          onClick: u[1] || (u[1] = //@ts-ignore
-          (...k) => e(r) && e(r)(...k)),
+          onClick: d[1] || (d[1] = //@ts-ignore
+          (...x) => e(i) && e(i)(...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),
+          z(A(e(l)("filter.less")) + " ", 1),
           Y(be)
-        ])) : V("", !0)
-      ], 64)) : V("", !0),
-      m.cleanable ? (f(), _(j, { key: 2 }, [
-        m.layout === "inline" ? (f(), _("div", xt, [
-          N(S(e(x).length) + " / " + S(e(h).length) + " " + S(e(t)("filter.selected")) + " ", 1),
-          U(d("button", {
+        ])) : $("", !0)
+      ], 64)) : $("", !0),
+      t.cleanable ? (c(), w(j, { key: 2 }, [
+        t.layout === "inline" ? (c(), w("div", ht, [
+          z(A(e(b).length) + " / " + A(e(g).length) + " " + A(e(l)("filter.selected")) + " ", 1),
+          I(u("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: u[2] || (u[2] = //@ts-ignore
-            (...k) => e(p) && e(p)(...k))
-          }, S(e(t)("filter.clear")), 513), [
-            [G, e(x).length !== 0]
+            onClick: d[2] || (d[2] = //@ts-ignore
+            (...x) => e(y) && e(y)(...x))
+          }, A(e(l)("filter.clear")), 513), [
+            [H, e(b).length !== 0]
           ])
-        ])) : V("", !0),
-        m.layout === "popover" ? (f(), _("div", kt, [
-          d("span", null, S(e(x).length) + " / " + S(e(h).length) + " " + S(e(t)("filter.selected")), 1),
-          U(d("button", {
+        ])) : $("", !0),
+        t.layout === "popover" ? (c(), w("div", kt, [
+          u("span", null, A(e(b).length) + " / " + A(e(g).length) + " " + A(e(l)("filter.selected")), 1),
+          I(u("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: u[3] || (u[3] = //@ts-ignore
-            (...k) => e(p) && e(p)(...k))
-          }, S(e(t)("filter.clear")), 513), [
-            [G, e(x).length !== 0]
+            onClick: d[3] || (d[3] = //@ts-ignore
+            (...x) => e(y) && e(y)(...x))
+          }, A(e(l)("filter.clear")), 513), [
+            [H, e(b).length !== 0]
           ])
-        ])) : V("", !0)
-      ], 64)) : V("", !0)
+        ])) : $("", !0)
+      ], 64)) : $("", !0)
     ], 2));
   }
 }), wt = {}, Ct = {
@@ -581,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(i, o) {
-  return f(), _("svg", Ct, o[0] || (o[0] = [
-    d("path", {
+function Vt(t, n) {
+  return c(), w("svg", Ct, [...n[0] || (n[0] = [
+    u("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)
-  ]));
+    u("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
+    u("path", { d: "M21 21l-6 -6" }, null, -1)
+  ])]);
 }
-const je = /* @__PURE__ */ X(wt, [["render", _t]]), Vt = {}, $t = {
+const je = /* @__PURE__ */ G(wt, [["render", Vt]]), $t = {}, St = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -604,33 +606,34 @@ const je = /* @__PURE__ */ X(wt, [["render", _t]]), Vt = {}, $t = {
   width: "15px",
   height: "15px"
 };
-function St(i, o) {
-  return f(), _("svg", $t, o[0] || (o[0] = [
-    d("path", {
+function At(t, n) {
+  return c(), w("svg", St, [...n[0] || (n[0] = [
+    u("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)
-  ]));
+    u("path", { d: "M18 6l-12 12" }, null, -1),
+    u("path", { d: "M6 6l12 12" }, null, -1)
+  ])]);
 }
-const Ke = /* @__PURE__ */ X(Vt, [["render", St]]);
+const Ke = /* @__PURE__ */ G($t, [["render", At]]);
 class fe {
-  static getWidthClass(o) {
-    return typeof o == "number" ? `max-w-[${o}px]` : typeof o == "string" ? o.endsWith("%") || o.endsWith("px") ? `max-w-[${o}]` : `max-w-${o}` : "w-full";
+  static getWidthClass(n) {
+    return typeof n == "number" ? `max-w-[${n}px]` : 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 Dt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, Bt = ["placeholder"], Rt = /* @__PURE__ */ U({
   __name: "text-input",
   props: {
     id: {},
     name: {},
+    title: {},
     type: {},
     label: {},
     width: { default: 220 },
     options: {},
-    placeHolder: {},
+    placeholder: {},
     api: {},
     data: {},
     default: {},
@@ -648,71 +651,71 @@ const At = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { emit: o }) {
-    const b = i, t = $((b.placeHolder || b.label || b.name || "search").toString()), n = o, l = $(b.modelValue?.toString() ?? "");
-    M(
-      () => b.modelValue,
-      (v) => {
-        v !== l.value && (l.value = v?.toString() ?? "");
+  setup(t, { emit: n }) {
+    const v = t, l = S((v.placeholder || v.label || v.title || v.name || "search").toString()), r = n, a = S(v.modelValue?.toString() ?? "");
+    F(
+      () => v.modelValue,
+      (p) => {
+        p !== a.value && (a.value = p?.toString() ?? "");
       }
     );
-    let x = null;
-    function a() {
-      if (l.value = l.value.trimStart(), l.value.length === 0) {
-        y();
+    let b = null;
+    function o() {
+      if (a.value = a.value.trimStart(), a.value.length === 0) {
+        f();
         return;
       }
-      x && clearTimeout(x), x = setTimeout(() => {
-        n("update:modelValue", l.value), n("change", { name: b.name, value: l.value });
+      b && clearTimeout(b), b = setTimeout(() => {
+        r("update:modelValue", a.value), r("change", { name: v.name, value: a.value });
       }, 300);
     }
-    function y() {
-      l.value = "", n("update:modelValue", ""), n("clear", b.name);
+    function f() {
+      a.value = "", r("update:modelValue", ""), r("clear", v.name);
     }
-    return (v, p) => (f(), _("div", {
-      class: F([
+    return (p, y) => (c(), w("div", {
+      class: _([
         "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",
-        v.layout === "inline" ? e(fe).getWidthClass(v.width) : "mb-2" + (v.layout === "popover" ? " m-2" : "")
+        t.layout === "inline" ? e(fe).getWidthClass(t.width) : "mb-2" + (t.layout === "popover" ? " m-2" : "")
       ])
     }, [
-      d("div", At, [
+      u("div", Dt, [
         Y(je)
       ]),
-      l.value !== "" ? (f(), _("div", {
+      a.value !== "" ? (c(), w("div", {
         key: 0,
-        onClick: y,
+        onClick: f,
         class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"
       }, [
         Y(Ke)
-      ])) : V("", !0),
-      U(d("input", {
+      ])) : $("", !0),
+      I(u("input", {
         type: "text",
-        "onUpdate:modelValue": p[0] || (p[0] = (r) => l.value = r),
-        onInput: a,
-        placeholder: t.value,
+        "onUpdate:modelValue": y[0] || (y[0] = (i) => a.value = i),
+        onInput: o,
+        placeholder: l.value,
         class: "!pr-7 !pl-8 bg-white h-[38px] min-w-[100px] text-sm py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-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), [
-        [Q, l.value]
+      }, null, 40, Bt), [
+        [Q, a.value]
       ])
     ], 2));
   }
 });
-function Le(i = { color: "blue" }) {
+function Le(t = { 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-${i.color}-500 focus:border-transparent`;
-    return i?.size === "sm" ? `${b}h-[32px]` : `${b}h-[38px]`;
+    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-${t.color}-500 focus:border-transparent`;
+    return t?.size === "sm" ? `${v}h-[32px]` : `${v}h-[38px]`;
   });
 }
-function Rt() {
+function Mt() {
   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 Ft() {
   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(i) {
-  return i === "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" : i === "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 Ee(t) {
+  return t === "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" : t === "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]";
 }
-const Ft = {
+const _t = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
 }, jt = ["placeholder", "disabled"], Kt = {
@@ -722,16 +725,17 @@ const Ft = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
 }, Et = ["placeholder", "disabled"], Tt = ["disabled"];
-const It = /* @__PURE__ */ O({
+const It = /* @__PURE__ */ U({
   __name: "range-input",
   props: {
     id: {},
     name: {},
+    title: {},
     type: {},
     label: {},
     width: {},
     options: {},
-    placeHolder: {},
+    placeholder: {},
     api: {},
     data: {},
     default: {},
@@ -749,211 +753,211 @@ const It = /* @__PURE__ */ O({
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: o, emit: b }) {
-    const t = Le(), n = Rt(), l = re(), x = i, a = $(
-      x.modelValue ?? x.default ?? []
-    ), y = b, v = E({
-      get: () => x.modelValue ?? a.value,
-      set: (c) => {
-        x.modelValue !== void 0 ? y("update:modelValue", c) : a.value = c;
+  setup(t, { expose: n, emit: v }) {
+    const l = Le(), r = Mt(), a = re(), b = t, o = S(
+      b.modelValue ?? b.default ?? []
+    ), f = v, p = E({
+      get: () => b.modelValue ?? o.value,
+      set: (h) => {
+        b.modelValue !== void 0 ? f("update:modelValue", h) : o.value = h;
       }
     });
-    function p() {
-      y("change", { name: x.name, value: v.value || a.value });
+    function y() {
+      f("change", { name: b.name, value: p.value || o.value });
     }
-    function r() {
-      a.value = [], v.value = a.value, y("clear", x.name);
+    function i() {
+      o.value = [], p.value = o.value, f("clear", b.name);
     }
-    return M(() => x.modelValue, (c) => {
-      c !== void 0 && x.layout !== "popover" ? (a.value = c, y("update:modelValue", c)) : a.value = [];
-    }), o({
-      clear: r,
-      currentValue: v
-    }), (c, C) => (f(), _(j, null, [
-      d("div", null, [
-        d("div", {
-          class: F(c.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
+    return F(() => b.modelValue, (h) => {
+      h !== void 0 && b.layout !== "popover" ? (o.value = h, f("update:modelValue", h)) : o.value = [];
+    }), n({
+      clear: i,
+      currentValue: p
+    }), (h, k) => (c(), w(j, null, [
+      u("div", null, [
+        u("div", {
+          class: _(t.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", {
+          u("div", null, [
+            t.layout !== "vertical" ? (c(), w("label", _t, A(e(a)("filter.from")), 1)) : $("", !0),
+            I(u("input", {
               type: "number",
-              class: F(e(t)),
-              placeholder: c.placeHolder?.[0] ?? "min",
+              class: _(e(l)),
+              placeholder: t.placeholder?.[0] ?? "min",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": C[0] || (C[0] = (w) => v.value[0] = w),
-              disabled: c.disabled
+              "onUpdate:modelValue": k[0] || (k[0] = (V) => p.value[0] = V),
+              disabled: t.disabled
             }, null, 10, jt), [
-              [Q, v.value[0]]
+              [Q, p.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", {
+          t.layout === "vertical" ? (c(), w("label", Kt, " - ")) : $("", !0),
+          u("div", null, [
+            t.layout !== "vertical" ? (c(), w("label", Lt, A(e(a)("filter.to")), 1)) : $("", !0),
+            I(u("input", {
               type: "number",
-              class: F(e(t)),
-              placeholder: c.placeHolder?.[1] ?? "max",
+              class: _(e(l)),
+              placeholder: t.placeholder?.[1] ?? "max",
               min: "0",
               max: "1000000000000000",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": C[1] || (C[1] = (w) => v.value[1] = w),
-              disabled: c.disabled
+              "onUpdate:modelValue": k[1] || (k[1] = (V) => p.value[1] = V),
+              disabled: t.disabled
             }, null, 10, Et), [
-              [Q, v.value[1]]
+              [Q, p.value[1]]
             ])
           ]),
-          ["popover", "inline", "vertical"].includes(c.layout) ? (f(), _("button", {
+          ["popover", "inline", "vertical"].includes(t.layout) ? (c(), w("button", {
             key: 1,
-            onClick: p,
-            class: F(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: y,
+            class: _(e(r) + (t.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
+          }, A(t.layout === "vertical" ? "Ok" : e(a)("filter.apply")), 3)) : $("", !0),
+          ["popover", "inline"].includes(t.layout) ? (c(), w("button", {
             key: 2,
-            disabled: !(v.value[0] || v.value[1]),
-            onClick: r,
-            class: F(e(n) + " hover:bg-gray-100")
-          }, S(e(l)("filter.clear")), 11, Tt)) : V("", !0)
+            disabled: !(p.value[0] || p.value[1]),
+            onClick: i,
+            class: _(e(r) + " hover:bg-gray-100")
+          }, A(e(a)("filter.clear")), 11, Tt)) : $("", !0)
         ], 2)
       ]),
-      (c.cleanable && a.value.length, V("", !0))
+      (t.cleanable && o.value.length, $("", !0))
     ], 64));
   }
 });
-function Ut(i) {
-  return String(i).charAt(0).toUpperCase() + String(i).slice(1);
+function Ut(t) {
+  return String(t).charAt(0).toUpperCase() + String(t).slice(1);
 }
-class H {
-  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 v = new Date(o), p = new Date(b);
-      return v.setDate(v.getDate() + t * 7), p.setDate(p.getDate() + t * 7), [this.format(v), this.format(p)];
+class N {
+  static format(n) {
+    const v = n.getFullYear(), l = (n.getMonth() + 1).toString().padStart(2, "0"), r = n.getDate().toString().padStart(2, "0");
+    return `${v}-${l}-${r}`;
+  }
+  static getShiftedDay(n, v = 0) {
+    const l = n ? new Date(n) : /* @__PURE__ */ new Date();
+    return l.setDate(l.getDate() + v), this.format(l);
+  }
+  static getLastWeekRange(n, v, l = 0) {
+    if (n && v) {
+      const p = new Date(n), y = new Date(v);
+      return p.setDate(p.getDate() + l * 7), y.setDate(y.getDate() + l * 7), [this.format(p), this.format(y)];
     }
-    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 y = new Date(a);
-    return y.setDate(a.getDate() + 6), [this.format(a), this.format(y)];
-  }
-  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, y = l.getFullYear() + Math.floor(x / 4), v = new Date(y, a, 1), p = new Date(y, a + 3, 0);
-    return [this.format(v), this.format(p)];
-  }
-  static getYear(o, b = 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);
-  }
-  static getYearRange(o, b = 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))
+    const r = /* @__PURE__ */ new Date(), a = r.getDay(), b = a === 0 ? 13 : a - 1 + 7, o = new Date(r);
+    o.setDate(r.getDate() - b + l * 7);
+    const f = new Date(o);
+    return f.setDate(o.getDate() + 6), [this.format(o), this.format(f)];
+  }
+  static getMonthRange(n, v, l = 0) {
+    let r;
+    n ? r = new Date(n) : r = /* @__PURE__ */ new Date(), r = new Date(r.getFullYear(), r.getMonth() + l, 1);
+    const a = r, b = new Date(r.getFullYear(), r.getMonth() + 1, 0);
+    return [this.format(a), this.format(b)];
+  }
+  static getQuarterRange(n, v, l = 0) {
+    const r = n || v, a = r ? new Date(r) : /* @__PURE__ */ new Date();
+    let b = Math.floor(a.getMonth() / 3);
+    b += l;
+    const o = (b % 4 + 4) % 4 * 3, f = a.getFullYear() + Math.floor(b / 4), p = new Date(f, o, 1), y = new Date(f, o + 3, 0);
+    return [this.format(p), this.format(y)];
+  }
+  static getYear(n, v = 0) {
+    let l;
+    return n && /^\d{4}$/.test(n) ? l = parseInt(n, 10) : n ? l = new Date(n).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), String(l + v);
+  }
+  static getYearRange(n, v = 0) {
+    let l;
+    return n && /^\d{4}$/.test(n) ? l = parseInt(n, 10) : n ? l = new Date(n).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), [
+      this.format(new Date(l + v, 0, 1)),
+      this.format(new Date(l + 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(), l = new Date(v.getTime());
+    return l.setDate(v.getDate() - n), [this.format(l), this.format(v)];
   }
 }
-function Te(i, o) {
+function Te(t, n) {
   const {
-    popoverRef: b
-  } = i, t = re(), n = $(""), l = $(
-    i.modelValue ?? i.default ?? []
-  ), x = $(0);
-  function a() {
-    const h = H.getRangeFromDaysBefore(x.value);
-    return l.value = [...h], o("change", { name: i.name, value: l.value }), o("update:modelValue", l.value), h;
-  }
-  function y(h) {
-    n.value = h, b.value?.close();
-    const m = [];
-    switch (n.value) {
+    popoverRef: v
+  } = t, l = re(), r = S(""), a = S(
+    t.modelValue ?? t.default ?? []
+  ), b = S(0);
+  function o() {
+    const g = N.getRangeFromDaysBefore(b.value);
+    return a.value = [...g], n("change", { name: t.name, value: a.value }), n("update:modelValue", a.value), g;
+  }
+  function f(g) {
+    r.value = g, v.value?.close();
+    const C = [];
+    switch (r.value) {
       case "today":
-        m.push(H.getShiftedDay()), m.push(H.getShiftedDay());
+        C.push(N.getShiftedDay()), C.push(N.getShiftedDay());
         break;
       case "week":
-        m.push(...H.getLastWeekRange());
+        C.push(...N.getLastWeekRange());
         break;
       case "month":
-        m.push(...H.getMonthRange());
+        C.push(...N.getMonthRange());
         break;
       case "quarter":
-        m.push(...H.getQuarterRange());
+        C.push(...N.getQuarterRange());
         break;
       case "year":
-        m.push(...H.getYearRange());
+        C.push(...N.getYearRange());
         break;
       case "last_7_days":
-        x.value = 7, a();
+        b.value = 7, o();
         break;
       case "range":
-        x.value = 7, m.push(...a());
+        b.value = 7, C.push(...o());
         break;
     }
-    l.value = [...m], o("change", { name: i.name, value: l.value }), o("update:modelValue", l.value);
+    a.value = [...C], n("change", { name: t.name, value: a.value }), n("update:modelValue", a.value);
   }
-  function v() {
-    const h = [];
-    switch (n.value) {
+  function p() {
+    const g = [];
+    switch (r.value) {
       case "today":
-        h.push(H.getShiftedDay(l.value[0], 1));
+        g.push(N.getShiftedDay(a.value[0], 1));
         break;
       case "week":
-        h.push(...H.getLastWeekRange(l.value[0], l.value[1], 1));
+        g.push(...N.getLastWeekRange(a.value[0], a.value[1], 1));
         break;
       case "month":
-        h.push(...H.getMonthRange(l.value[0], l.value[1], 1));
+        g.push(...N.getMonthRange(a.value[0], a.value[1], 1));
         break;
       case "quarter":
-        h.push(...H.getQuarterRange(l.value[0], l.value[1], 1));
+        g.push(...N.getQuarterRange(a.value[0], a.value[1], 1));
         break;
       case "year":
-        h.push(...H.getYearRange(l.value[0], 1));
+        g.push(...N.getYearRange(a.value[0], 1));
         break;
     }
-    l.value = [...h], o("change", { name: i.name, value: l.value }), o("update:modelValue", l.value);
+    a.value = [...g], n("change", { name: t.name, value: a.value }), n("update:modelValue", a.value);
   }
-  function p() {
-    const h = [];
-    switch (n.value) {
+  function y() {
+    const g = [];
+    switch (r.value) {
       case "today":
-        h.push(H.getShiftedDay(l.value[0], -1));
+        g.push(N.getShiftedDay(a.value[0], -1));
         break;
       case "week":
-        h.push(...H.getLastWeekRange(l.value[0], l.value[1], -1));
+        g.push(...N.getLastWeekRange(a.value[0], a.value[1], -1));
         break;
       case "month":
-        h.push(...H.getMonthRange(l.value[0], l.value[1], -1));
+        g.push(...N.getMonthRange(a.value[0], a.value[1], -1));
         break;
       case "quarter":
-        h.push(...H.getQuarterRange(l.value[0], l.value[1], -1));
+        g.push(...N.getQuarterRange(a.value[0], a.value[1], -1));
         break;
       case "year":
-        h.push(...H.getYearRange(l.value[0], -1));
+        g.push(...N.getYearRange(a.value[0], -1));
         break;
     }
-    l.value = [...h], o("change", { name: i.name, value: l.value }), o("update:modelValue", l.value);
+    a.value = [...g], n("change", { name: t.name, value: a.value }), n("update:modelValue", a.value);
   }
-  const r = [
+  const i = [
     "Січень",
     "Лютий",
     "Березень",
@@ -967,59 +971,59 @@ function Te(i, o) {
     "Листопад",
     "Грудень"
   ];
-  function c(h) {
-    const [m, u, k] = h.split("-");
-    return `${k}.${u}.${m}`;
+  function h(g) {
+    const [C, d, x] = g.split("-");
+    return `${x}.${d}.${C}`;
   }
-  function C(h, m = "long") {
-    const u = new Date(Date.UTC(2e3, h - 1, 1));
-    return new Intl.DateTimeFormat(localStorage.locale, { month: m, timeZone: "UTC" }).format(u);
+  function k(g, C = "long") {
+    const d = new Date(Date.UTC(2e3, g - 1, 1));
+    return new Intl.DateTimeFormat(localStorage.locale, { month: C, timeZone: "UTC" }).format(d);
   }
-  function w(h) {
-    const { value: m } = l;
-    switch (h) {
+  function V(g) {
+    const { value: C } = a;
+    switch (g) {
       case "today":
-        return c(m[0]);
+        return h(C[0]);
       case "range":
         return "Період";
       case "week":
-        return m[0] && m[1] ? `${c(m[0])} – ${c(m[1])}` : "";
+        return C[0] && C[1] ? `${h(C[0])} – ${h(C[1])}` : "";
       case "quarter":
-        if (m[0]) {
-          const u = new Date(m[0]), k = u.getFullYear(), D = u.getMonth();
-          return `${Math.floor(D / 3) + 1} ${t("filter.quarter")} ${k}`;
+        if (C[0]) {
+          const d = new Date(C[0]), x = d.getFullYear(), B = d.getMonth();
+          return `${Math.floor(B / 3) + 1} ${l("filter.quarter")} ${x}`;
         }
         return "";
       case "month":
-        if (m[0]) {
-          const [u, k] = m[0].split("-");
-          return `${C(parseInt(k, 10))} ${u}`;
+        if (C[0]) {
+          const [d, x] = C[0].split("-");
+          return `${k(parseInt(x, 10))} ${d}`;
         }
         return "";
       case "year":
-        return m[0] || "";
+        return C[0] || "";
       case "last_7_days":
         return "За останні дні";
       default:
-        return i.label ?? "";
+        return t.label ?? "";
     }
   }
-  const g = E(() => n.value ? w(n.value) : i.label ?? "");
+  const m = E(() => r.value ? V(r.value) : t.label ?? "");
   function s() {
-    n.value = "", l.value = [], o("update:modelValue", []), o("clear", i.name);
+    r.value = "", a.value = [], n("update:modelValue", []), n("clear", t.name);
   }
   return {
-    activeMode: n,
-    innerValue: l,
-    daysBefore: x,
-    onDaysBeforeChange: a,
-    onSelectChange: y,
-    nextClick: v,
-    prevClick: p,
-    ukMonths: r,
-    formatDisplayDate: c,
-    getModeLabel: w,
-    currentLabel: g,
+    activeMode: r,
+    innerValue: a,
+    daysBefore: b,
+    onDaysBeforeChange: o,
+    onSelectChange: f,
+    nextClick: p,
+    prevClick: y,
+    ukMonths: i,
+    formatDisplayDate: h,
+    getModeLabel: V,
+    currentLabel: m,
     clear: s
   };
 }
@@ -1029,26 +1033,27 @@ const Ot = {
 }, zt = {
   key: 0,
   class: "flex gap-1 !w-[75%] rounded-lg"
-}, Nt = ["max", "disabled"], Ht = ["min", "disabled"], Yt = {
+}, Nt = ["max", "disabled"], Yt = ["min", "disabled"], Pt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Pt = ["max", "disabled"], qt = {
+}, qt = ["max", "disabled"], Wt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Wt = {
+}, Qt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Qt = ["min", "disabled"], Gt = { class: "flex gap-1 pt-2" }, Xt = ["onClick"];
-const Zt = /* @__PURE__ */ O({
+}, Ht = ["min", "disabled"], Gt = { class: "flex gap-1 pt-2" }, Xt = ["onClick"];
+const Zt = /* @__PURE__ */ U({
   __name: "date-input",
   props: {
     id: {},
     name: {},
+    title: {},
     type: {},
     label: {},
     width: {},
     options: {},
-    placeHolder: {},
+    placeholder: {},
     api: {},
     data: {},
     default: {},
@@ -1066,250 +1071,251 @@ const Zt = /* @__PURE__ */ O({
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: o, emit: b }) {
-    const t = i, n = Le(), l = Mt(), x = b, a = $(null), {
-      activeMode: y,
-      innerValue: v,
-      onSelectChange: p,
-      nextClick: r,
-      prevClick: c,
-      clear: C
+  setup(t, { expose: n, emit: v }) {
+    const l = t, r = Le(), a = Ft(), b = v, o = S(null), {
+      activeMode: f,
+      innerValue: p,
+      onSelectChange: y,
+      nextClick: i,
+      prevClick: h,
+      clear: k
     } = Te({
-      ...t,
-      popoverRef: a
-    }, x);
-    return M(() => t.modelValue, (w) => {
-      w !== void 0 ? (v.value = w, x("update:modelValue", w)) : (y.value = "", v.value = []);
-    }), o({
-      clear: C,
-      popoverRef: a
-    }), (w, g) => (f(), _(j, null, [
-      w.layout === "inline" ? (f(), _("div", Ot, [
-        e(y) !== "" && e(y) === "range" ? (f(), _("div", zt, [
-          U(d("input", {
+      ...l,
+      popoverRef: o
+    }, b);
+    return F(() => l.modelValue, (V) => {
+      V !== void 0 ? (p.value = V, b("update:modelValue", V)) : (f.value = "", p.value = []);
+    }), n({
+      clear: k,
+      popoverRef: o
+    }), (V, m) => (c(), w(j, null, [
+      t.layout === "inline" ? (c(), w("div", Ot, [
+        e(f) !== "" && e(f) === "range" ? (c(), w("div", zt, [
+          I(u("input", {
             type: "date",
-            max: e(v)[1],
+            max: e(p)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": g[0] || (g[0] = (s) => e(v)[0] = s),
+            "onUpdate:modelValue": m[0] || (m[0] = (s) => e(p)[0] = s),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600",
-            disabled: w.disabled
+            disabled: t.disabled
           }, null, 8, Nt), [
-            [Q, e(v)[0]]
+            [Q, e(p)[0]]
           ]),
-          U(d("input", {
+          I(u("input", {
             type: "date",
-            min: e(v)[0],
+            min: e(p)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": g[1] || (g[1] = (s) => e(v)[1] = s),
+            "onUpdate:modelValue": m[1] || (m[1] = (s) => e(p)[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",
-            disabled: w.disabled
-          }, null, 8, Ht), [
-            [Q, e(v)[1]]
+            disabled: t.disabled
+          }, null, 8, Yt), [
+            [Q, e(p)[1]]
           ])
-        ])) : V("", !0)
-      ])) : V("", !0),
-      d("div", {
-        class: F(w.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
+        ])) : $("", !0)
+      ])) : $("", !0),
+      u("div", {
+        class: _(t.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
       }, [
-        d("div", {
-          class: F(w.layout !== "popover" ? "w-[48%]" : "")
+        u("div", {
+          class: _(t.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          w.layout === "popover" ? (f(), _("label", Yt, "Від")) : V("", !0),
-          U(d("input", {
+          t.layout === "popover" ? (c(), w("label", Pt, "Від")) : $("", !0),
+          I(u("input", {
             type: "date",
-            max: e(v)[1],
+            max: e(p)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": g[2] || (g[2] = (s) => e(v)[0] = s),
-            class: F(e(n)),
-            disabled: w.disabled
-          }, null, 10, Pt), [
-            [Q, e(v)[0]]
+            "onUpdate:modelValue": m[2] || (m[2] = (s) => e(p)[0] = s),
+            class: _(e(r)),
+            disabled: t.disabled
+          }, null, 10, qt), [
+            [Q, e(p)[0]]
           ])
         ], 2),
-        w.layout !== "popover" ? (f(), _("label", qt, " - ")) : V("", !0),
-        d("div", {
-          class: F(w.layout !== "popover" ? "w-[48%]" : "")
+        t.layout !== "popover" ? (c(), w("label", Wt, " - ")) : $("", !0),
+        u("div", {
+          class: _(t.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          w.layout === "popover" ? (f(), _("label", Wt, "До")) : V("", !0),
-          U(d("input", {
+          t.layout === "popover" ? (c(), w("label", Qt, "До")) : $("", !0),
+          I(u("input", {
             type: "date",
-            min: e(v)[0],
+            min: e(p)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": g[3] || (g[3] = (s) => e(v)[1] = s),
-            class: F(e(n)),
-            disabled: w.disabled
-          }, null, 10, Qt), [
-            [Q, e(v)[1]]
+            "onUpdate:modelValue": m[3] || (m[3] = (s) => e(p)[1] = s),
+            class: _(e(r)),
+            disabled: t.disabled
+          }, null, 10, Ht), [
+            [Q, e(p)[1]]
           ])
         ], 2)
       ], 2),
-      d("div", Gt, [
-        (f(), _(j, null, q(["today", "week", "month", "quarter", "year"], (s) => d("button", {
+      u("div", Gt, [
+        (c(), w(j, null, q(["today", "week", "month", "quarter", "year"], (s) => u("button", {
           key: s,
-          class: F(e(l) + (e(y) === s ? " bg-blue-100" : "")),
-          onClick: (h) => e(p)(s)
-        }, S(e(Ut)(s)), 11, Xt)), 64)),
-        d("button", {
-          class: F(e(l)),
-          onClick: g[4] || (g[4] = //@ts-ignore
-          (...s) => e(c) && e(c)(...s))
+          class: _(e(a) + (e(f) === s ? " bg-blue-100" : "")),
+          onClick: (g) => e(y)(s)
+        }, A(e(Ut)(s)), 11, Xt)), 64)),
+        u("button", {
+          class: _(e(a)),
+          onClick: m[4] || (m[4] = //@ts-ignore
+          (...s) => e(h) && e(h)(...s))
         }, " <", 2),
-        d("button", {
-          class: F(e(l)),
-          onClick: g[5] || (g[5] = //@ts-ignore
-          (...s) => e(r) && e(r)(...s))
+        u("button", {
+          class: _(e(a)),
+          onClick: m[5] || (m[5] = //@ts-ignore
+          (...s) => e(i) && e(i)(...s))
         }, " >", 2)
       ]),
-      (w.cleanable, V("", !0))
+      (t.cleanable, $("", !0))
     ], 64));
   }
 });
-function Jt(i, o) {
+function Jt(t, n) {
   const {
-    api: b,
-    options: t = [],
-    limit: n = 20,
-    dataKey: l = "data"
-  } = i, x = i.multi;
-  function a(A) {
-    return x ? Array.isArray(A) ? A : A ? [A] : [] : Array.isArray(A) ? A[0] : A;
-  }
-  const y = $(a(i.modelValue)), v = $(""), p = $(!1), r = $(t), c = $("id"), C = $("text"), w = $(!1), g = $(i.layout !== "popover" && t.length > n), s = $([]), h = $(0);
-  function m(A) {
-    const z = A.find(Boolean) ?? {}, W = ["id", "value", "code", "key"].find((ne) => ne in z) ?? "id", ae = ["text", "label", "name", "title"].find((ne) => ne in z) ?? "text";
-    return { autoValueKey: W, autoLabelKey: ae };
-  }
-  if (t.length > 0) {
-    const A = m(t);
-    c.value = A.autoValueKey, C.value = A.autoLabelKey;
-  }
-  const u = E(() => {
-    if (b) return r.value;
-    const A = r.value;
-    if (i.layout === "popover") return A;
-    if (!v.value)
-      return w.value ? A : A.slice(0, n);
-    const z = v.value.toLowerCase();
-    return A.filter((W) => W[C.value].toLowerCase().includes(z));
+    api: v,
+    options: l = [],
+    limit: r = 20,
+    dataKey: a = "data"
+  } = t, b = t.multi;
+  function o(D) {
+    return b ? Array.isArray(D) ? D : D ? [D] : [] : Array.isArray(D) ? D[0] : D;
+  }
+  const f = S(o(t.modelValue)), p = S(""), y = S(!1), i = S(l), h = S("id"), k = S("text"), V = S(!1), m = S(t.layout !== "popover" && l.length > r), s = S([]), g = S(0);
+  function C(D) {
+    const O = D.find(Boolean) ?? {}, W = ["id", "value", "code", "key"].find((oe) => oe in O) ?? "id", ne = ["text", "label", "name", "title"].find((oe) => oe in O) ?? "text";
+    return { autoValueKey: W, autoLabelKey: ne };
+  }
+  if (l.length > 0) {
+    const D = C(l);
+    h.value = D.autoValueKey, k.value = D.autoLabelKey;
+  }
+  const d = E(() => {
+    if (v) return i.value;
+    const D = i.value;
+    if (t.layout === "popover") return D;
+    if (!p.value)
+      return V.value ? D : D.slice(0, r);
+    const O = p.value.toLowerCase();
+    return D.filter((W) => W[k.value].toLowerCase().includes(O));
   });
-  let k = null;
-  async function D(A) {
-    if (b) {
-      p.value = !0;
+  let x = null;
+  async function B(D) {
+    if (v) {
+      y.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 W = await fetch(z.toString());
+        const O = new URL(v, window.location.origin);
+        O.searchParams.set("json", "1"), O.searchParams.set("key", D), O.searchParams.set("limit", r.toString());
+        const W = await fetch(O.toString());
         if (!W.ok) {
-          we({ type: "error", title: "Error", message: "Failed to fetch remote options" }), r.value = [];
+          we({ type: "error", title: "Error", message: "Failed to fetch remote options" }), i.value = [];
           return;
         }
-        const ae = await W.json();
-        if (!ae[l]) {
-          we({ type: "error", title: "Error", message: ae }), r.value = [];
+        const ne = await W.json();
+        if (!ne[a]) {
+          we({ type: "error", title: "Error", message: ne }), i.value = [];
           return;
         }
-        if (r.value = ae[l], r.value.length > 0) {
-          const ne = m(r.value);
-          c.value = ne.autoValueKey, C.value = ne.autoLabelKey;
+        if (i.value = ne[a], i.value.length > 0) {
+          const oe = C(i.value);
+          h.value = oe.autoValueKey, k.value = oe.autoLabelKey;
         }
-        h.value = ae.total;
-      } catch (z) {
-        console.error("Failed to fetch remote options:", z);
+        g.value = ne.total;
+      } catch (O) {
+        console.error("Failed to fetch remote options:", O);
       } finally {
-        p.value = !1;
+        y.value = !1;
       }
     }
   }
-  M(v, (A) => {
-    b && (k && clearTimeout(k), k = setTimeout(() => {
-      D(A);
+  F(p, (D) => {
+    v && (x && clearTimeout(x), x = setTimeout(() => {
+      B(D);
     }, 200));
-  }), M(() => i.modelValue, (A) => {
-    y.value = a(A);
+  }), F(() => t.modelValue, (D) => {
+    f.value = o(D);
   }, { immediate: !0 });
-  function B(A) {
-    return x && Array.isArray(y.value) ? y.value.includes(A[c.value]) : y.value && y.value === A[c.value];
+  function R(D) {
+    return b && Array.isArray(f.value) ? f.value.includes(D[h.value]) : f.value && f.value === D[h.value];
   }
-  function K(A) {
-    if (x && !Array.isArray(y.value) && (y.value = []), x && Array.isArray(y.value)) {
-      const z = y.value.includes(A[c.value]);
-      y.value = z ? y.value.filter((W) => W !== A[c.value]) : [...y.value, A[c.value]], s.value = z ? s.value.filter((W) => W !== A[C.value]) : [...s.value, A[C.value]];
+  function K(D) {
+    if (b && !Array.isArray(f.value) && (f.value = []), b && Array.isArray(f.value)) {
+      const O = f.value.includes(D[h.value]);
+      f.value = O ? f.value.filter((W) => W !== D[h.value]) : [...f.value, D[h.value]], s.value = O ? s.value.filter((W) => W !== D[k.value]) : [...s.value, D[k.value]];
     } else
-      y.value = A[c.value], s.value = A[C.value];
-    o("update:modelValue", y.value), o("change", { name: i.name, value: y.value });
+      f.value = D[h.value], s.value = D[k.value];
+    n("update:modelValue", f.value), n("change", { name: t.name, value: f.value });
   }
-  function Z() {
-    x ? (y.value = [], s.value = []) : (y.value = void 0, s.value = []), o("update:modelValue", y.value), o("clear", i.name);
+  function X() {
+    b ? (f.value = [], s.value = []) : (f.value = void 0, s.value = []), n("update:modelValue", f.value), n("clear", t.name);
   }
-  function oe() {
-    k && clearTimeout(k), v.value = "", w.value = !1;
+  function ae() {
+    x && clearTimeout(x), p.value = "", V.value = !1;
   }
-  function T() {
-    w.value = !w.value;
+  function Z() {
+    V.value = !V.value;
   }
-  pe(() => {
-    k && clearTimeout(k);
+  me(() => {
+    x && clearTimeout(x);
   });
-  const L = $(-1);
-  M(u, () => {
-    L.value = u.value.length > 0 ? 0 : -1;
+  const L = S(-1);
+  F(d, () => {
+    L.value = d.value.length > 0 ? 0 : -1;
   });
-  function I(A) {
-    const z = u.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 < u.value.length)) {
-      const W = u.value[L.value];
+  function T(D) {
+    const O = d.value.length;
+    if (D.key === "ArrowDown")
+      D.preventDefault(), L.value = (L.value + 1) % O;
+    else if (D.key === "ArrowUp")
+      D.preventDefault(), L.value = (L.value - 1 + O) % O;
+    else if (D.key === "Enter" && (D.preventDefault(), L.value >= 0 && L.value < d.value.length)) {
+      const W = d.value[L.value];
       K(W);
     }
   }
   function ie() {
-    b && r.value.length === 0 && v.value.length === 0 && D(v.value);
+    v && i.value.length === 0 && p.value.length === 0 && B(p.value);
   }
   return {
-    innerValue: y,
-    searchTerm: v,
-    filteredOptions: u,
-    isSelected: B,
+    innerValue: f,
+    searchTerm: p,
+    filteredOptions: d,
+    isSelected: R,
     selectItem: K,
-    clear: Z,
-    resetSearch: oe,
-    toggleShowAll: T,
-    isReqProc: p,
-    showAll: w,
-    isEnableShowAll: g,
-    labelKey: C,
-    valueKey: c,
-    allOptions: r,
+    clear: X,
+    resetSearch: ae,
+    toggleShowAll: Z,
+    isReqProc: y,
+    showAll: V,
+    isEnableShowAll: m,
+    labelKey: k,
+    valueKey: h,
+    allOptions: i,
     highlightedIndex: L,
-    onKeyDown: I,
+    onKeyDown: T,
     selectedLabels: s,
-    totalCount: h,
+    totalCount: g,
     loadData: ie
   };
 }
 const el = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, tl = ["placeholder"], ll = {
   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 = {
+}, al = { class: "flex flex-col items-center justify-center p-5 text-center" }, nl = { class: "max-w-sm mx-auto mt-6" }, ol = { class: "font-medium text-gray-800 dark:text-neutral-200" }, rl = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
 }, sl = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, il = /* @__PURE__ */ O({
+}, il = /* @__PURE__ */ U({
   __name: "select",
   props: {
     id: {},
     name: {},
+    title: {},
     type: {},
     label: {},
     width: {},
     options: { default: () => [] },
-    placeHolder: {},
+    placeholder: {},
     api: {},
     data: {},
     default: {},
@@ -1327,163 +1333,164 @@ const el = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: o, emit: b }) {
-    const t = re(), n = i, l = b, x = $(null), {
-      innerValue: a,
-      filteredOptions: y,
-      isSelected: v,
-      selectItem: p,
-      clear: r,
-      resetSearch: c,
-      toggleShowAll: C,
-      isReqProc: w,
-      showAll: g,
+  setup(t, { expose: n, emit: v }) {
+    const l = re(), r = t, a = v, b = S(null), {
+      innerValue: o,
+      filteredOptions: f,
+      isSelected: p,
+      selectItem: y,
+      clear: i,
+      resetSearch: h,
+      toggleShowAll: k,
+      isReqProc: V,
+      showAll: m,
       isEnableShowAll: s,
-      searchTerm: h,
-      labelKey: m,
-      valueKey: u,
-      highlightedIndex: k,
-      onKeyDown: D,
-      selectedLabels: B,
+      searchTerm: g,
+      labelKey: C,
+      valueKey: d,
+      highlightedIndex: x,
+      onKeyDown: B,
+      selectedLabels: R,
       totalCount: K,
-      loadData: Z
+      loadData: X
     } = Jt({
-      ...n,
-      modelValue: n.modelValue
-    }, l);
+      ...r,
+      modelValue: r.modelValue
+    }, a);
     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);
+      h(), r.layout !== "inline" && (X(), b.value && r.layout === "popover" && b.value.focus());
+    }), F(
+      () => r.modelValue,
+      (Z) => {
+        Z === void 0 && (r.multi ? o.value = [] : o.value = void 0);
       }
     );
-    const oe = $([]);
-    return M(k, (T) => {
-      T >= 0 && oe.value[T] && oe.value[T]?.scrollIntoView({
+    const ae = S([]);
+    return F(x, (Z) => {
+      Z >= 0 && ae.value[Z] && ae.value[Z]?.scrollIntoView({
         block: "nearest",
         behavior: "smooth"
       });
-    }), M(y, () => {
-      oe.value = [];
-    }), o({
-      clear: r,
-      inputTextRef: x,
-      selectedLabels: B,
-      loadData: Z
-    }), (T, L) => (f(), _("div", {
-      class: F([T.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+    }), F(f, () => {
+      ae.value = [];
+    }), n({
+      clear: i,
+      inputTextRef: b,
+      selectedLabels: R,
+      loadData: X
+    }), (Z, L) => (c(), w("div", {
+      class: _([t.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),
+      u("div", el, [
+        I(u("input", {
+          "onUpdate:modelValue": L[0] || (L[0] = (T) => ze(g) ? g.value = T : null),
           onKeydown: L[1] || (L[1] = //@ts-ignore
-          (...I) => e(D) && e(D)(...I)),
+          (...T) => e(B) && e(B)(...T)),
           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"),
+          placeholder: e(l)("filter.search"),
           type: "text",
           ref_key: "inputTextRef",
-          ref: x
+          ref: b
         }, null, 40, tl), [
-          [Q, e(h)]
+          [Q, e(g)]
         ]),
         Y(je, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
-        e(h) != "" ? (f(), R(Ke, {
+        e(g) != "" ? (c(), M(Ke, {
           key: 0,
-          onClick: L[2] || (L[2] = (I) => h.value = ""),
+          onClick: L[2] || (L[2] = (T) => g.value = ""),
           class: "absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"
-        })) : V("", !0)
+        })) : $("", !0)
       ]),
-      d("div", {
-        class: F([
-          T.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
-          T.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+      u("div", {
+        class: _([
+          t.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
+          t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (f(!0), _(j, null, q(e(y), (I, ie) => (f(), R(ye, {
-          layout: T.layout,
-          count: I.count,
-          label: I[e(m)],
-          color: I.color,
-          type: T.multi ? "checkbox" : "radio",
-          value: I[e(u)],
-          "is-selected": e(v)(I),
-          highlighted: ie === e(k),
-          onItemClick: (A) => e(p)(I),
+        (c(!0), w(j, null, q(e(f), (T, ie) => (c(), M(ye, {
+          layout: t.layout,
+          count: T.count,
+          label: T[e(C)],
+          color: T.color,
+          type: t.multi ? "checkbox" : "radio",
+          value: T[e(d)],
+          "is-selected": e(p)(T),
+          highlighted: ie === e(x),
+          onItemClick: (D) => e(y)(T),
           ref_for: !0,
-          ref: (A) => oe.value[ie] = A?.el
+          ref: (D) => ae.value[ie] = D?.el
         }, null, 8, ["layout", "count", "label", "color", "type", "value", "is-selected", "highlighted", "onItemClick"]))), 256))
       ], 2),
-      T.type === "select" && e(y).length === 0 && !e(w) ? (f(), _("div", ll, [
-        d("div", ol, [
+      t.type === "select" && e(f).length === 0 && !e(V) ? (c(), w("div", ll, [
+        u("div", al, [
           Y(ge),
-          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))
+          u("div", nl, [
+            u("p", ol, A(e(l)("filter.notfound")), 1),
+            L[7] || (L[7] = u("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
           ])
         ])
-      ])) : V("", !0),
-      T.layout !== "popover" && T.type !== "select" ? (f(), _(j, { key: 1 }, [
-        !e(g) && e(s) ? (f(), _("div", {
+      ])) : $("", !0),
+      t.layout !== "popover" && t.type !== "select" ? (c(), w(j, { key: 1 }, [
+        !e(m) && e(s) ? (c(), w("div", {
           key: 0,
           onClick: L[3] || (L[3] = //@ts-ignore
-          (...I) => e(C) && e(C)(...I)),
+          (...T) => e(k) && e(k)(...T)),
           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),
-          Y(ce)
-        ])) : V("", !0),
-        e(g) ? (f(), _("div", {
+          z(A(e(l)("filter.more")) + " ", 1),
+          Y(de)
+        ])) : $("", !0),
+        e(m) ? (c(), w("div", {
           key: 1,
           onClick: L[4] || (L[4] = //@ts-ignore
-          (...I) => e(C) && e(C)(...I)),
+          (...T) => e(k) && e(k)(...T)),
           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),
+          z(A(e(l)("filter.less")) + " ", 1),
           Y(be)
-        ])) : V("", !0)
-      ], 64)) : V("", !0),
-      T.cleanable ? (f(), _(j, { 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(K)) + " " + S(e(t)("filter.selected")) + " ", 1),
-          U(d("button", {
+        ])) : $("", !0)
+      ], 64)) : $("", !0),
+      t.cleanable ? (c(), w(j, { key: 2 }, [
+        t.layout === "inline" ? (c(), w("div", rl, [
+          z(A(t.multi && Array.isArray(e(o)) ? e(o)?.length : e(o) !== void 0 && (e(o) || e(o) === null) ? 1 : 0) + " / " + A(e(K)) + " " + A(e(l)("filter.selected")) + " ", 1),
+          I(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: L[5] || (L[5] = //@ts-ignore
-            (...I) => e(r) && e(r)(...I))
-          }, S(e(t)("filter.clear")), 513), [
-            [G, e(a) !== "" && e(a) !== void 0 || e(a)]
+            (...T) => e(i) && e(i)(...T))
+          }, A(e(l)("filter.clear")), 513), [
+            [H, e(o) !== "" && e(o) !== void 0 || e(o)]
           ])
-        ])) : 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(K)) + " " + S(e(t)("filter.selected")), 1),
-          U(d("button", {
+        ])) : $("", !0),
+        t.layout === "popover" ? (c(), w("div", sl, [
+          u("span", null, A(t.multi && Array.isArray(e(o)) ? e(o)?.length : e(o) !== void 0 && (e(o) || e(o) === null) ? 1 : 0) + " / " + A(e(K)) + " " + A(e(l)("filter.selected")), 1),
+          I(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: L[6] || (L[6] = //@ts-ignore
-            (...I) => e(r) && e(r)(...I))
-          }, S(e(t)("filter.clear")), 513), [
-            [G, e(a) !== "" && e(a) !== void 0 || e(a)]
+            (...T) => e(i) && e(i)(...T))
+          }, A(e(l)("filter.clear")), 513), [
+            [H, e(o) !== "" && e(o) !== void 0 || e(o)]
           ])
-        ])) : V("", !0)
-      ], 64)) : V("", !0)
+        ])) : $("", !0)
+      ], 64)) : $("", !0)
     ], 2));
   }
-}), ul = ["for", "onClick"], dl = ["id", "name", "value"], cl = { class: "block" }, fl = {
+}), ul = ["for", "onClick"], cl = ["id", "name", "value"], dl = { class: "block" }, fl = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, pl = {
+}, ml = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, ml = /* @__PURE__ */ O({
+}, vl = /* @__PURE__ */ U({
   __name: "tag-field",
   props: {
     id: {},
     name: {},
+    title: {},
     type: {},
     label: {},
     width: {},
     options: { default: () => [] },
-    placeHolder: {},
+    placeholder: {},
     api: {},
     data: {},
     default: {},
@@ -1501,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(i, { expose: o, emit: b }) {
-    const t = i, n = b, {
-      innerValue: l,
-      isSelected: x,
-      selectItem: a,
-      clear: y,
-      labelKey: v,
-      valueKey: p,
-      allOptions: r
-    } = t.multi ? Fe({
-      ...t,
-      modelValue: t.modelValue ?? t.default ?? []
-    }, n) : Me({
-      ...t,
-      modelValue: t.modelValue !== void 0 ? t.modelValue : t.default ?? ""
-    }, n);
-    return o({
-      clear: y
-    }), M(
-      () => t.modelValue,
-      (c) => {
-        c === void 0 && (t.multi ? l.value = [] : l.value = void 0);
+  setup(t, { expose: n, emit: v }) {
+    const l = t, r = v, {
+      innerValue: a,
+      isSelected: b,
+      selectItem: o,
+      clear: f,
+      labelKey: p,
+      valueKey: y,
+      allOptions: i
+    } = l.multi ? _e({
+      ...l,
+      modelValue: l.modelValue ?? l.default ?? []
+    }, r) : Fe({
+      ...l,
+      modelValue: l.modelValue !== void 0 ? l.modelValue : l.default ?? ""
+    }, r);
+    return n({
+      clear: f
+    }), F(
+      () => l.modelValue,
+      (h) => {
+        h === void 0 && (l.multi ? a.value = [] : a.value = void 0);
       }
-    ), (c, C) => (f(), _(j, null, [
-      d("div", {
-        class: F(["grid grid-cols-3 gap-2 mx-[1px]", c.layout === "popover" ? "m-1" : "mb-1"])
+    ), (h, k) => (c(), w(j, null, [
+      u("div", {
+        class: _(["grid grid-cols-3 gap-2 mx-[1px]", t.layout === "popover" ? "m-1" : "mb-1"])
       }, [
-        (f(!0), _(j, null, q(e(r), (w) => (f(), _("label", {
-          key: `item-${w[e(p)]}`,
-          for: `item-${w[e(p)]}`,
-          onClick: De((g) => e(a)(w), ["stop", "prevent"]),
-          class: F([e(x)(w) ? "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%)]"])
+        (c(!0), w(j, null, q(e(i), (V) => (c(), w("label", {
+          key: `item-${V[e(y)]}`,
+          for: `item-${V[e(y)]}`,
+          onClick: Be((m) => e(o)(V), ["stop", "prevent"]),
+          class: _([e(b)(V) ? "ring-2 ring-indigo-600" : "", "p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-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%)]"])
         }, [
-          d("input", {
+          u("input", {
             type: "checkbox",
-            id: `item-${w[e(p)]}`,
+            id: `item-${V[e(y)]}`,
             class: "hidden w4poy border-gray-200 g41z1 g22e3 axcnw dark:text-indigo-500 dark:border-neutral-700 dark:focus:ring-neutral-900",
-            name: `item-${w[e(p)]}`,
-            value: w[e(p)]
-          }, null, 8, dl),
-          d("span", cl, S(w[e(v)]), 1)
+            name: `item-${V[e(y)]}`,
+            value: V[e(y)]
+          }, null, 8, cl),
+          u("span", dl, A(V[e(p)]), 1)
         ], 10, ul))), 128))
       ], 2),
-      c.cleanable ? (f(), _(j, { 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", {
+      t.cleanable ? (c(), w(j, { key: 0 }, [
+        t.layout === "inline" ? (c(), w("div", fl, [
+          z(A(t.multi && Array.isArray(e(a)) ? e(a)?.length : e(a) !== void 0 && (e(a) || e(a) === null) ? 1 : 0) + " з " + A(e(i).length) + " обрано ", 1),
+          I(u("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: C[0] || (C[0] = //@ts-ignore
-            (...w) => e(y) && e(y)(...w))
+            onClick: k[0] || (k[0] = //@ts-ignore
+            (...V) => e(f) && e(f)(...V))
           }, " Очистити ", 512), [
-            [G, e(l) !== "" && e(l) !== void 0 || e(l)]
+            [H, e(a) !== "" && e(a) !== void 0 || e(a)]
           ])
-        ])) : 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", {
+        ])) : $("", !0),
+        t.layout === "popover" ? (c(), w("div", ml, [
+          u("span", null, A(t.multi && Array.isArray(e(a)) ? e(a)?.length : e(a) !== void 0 && (e(a) || e(a) === null) ? 1 : 0) + " з " + A(e(i).length) + " обрано", 1),
+          I(u("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: C[1] || (C[1] = //@ts-ignore
-            (...w) => e(y) && e(y)(...w))
+            onClick: k[1] || (k[1] = //@ts-ignore
+            (...V) => e(f) && e(f)(...V))
           }, " Очистити ", 512), [
-            [G, e(l) !== void 0 && e(l) !== "" || e(l)]
+            [H, e(a) !== void 0 && e(a) !== "" || e(a)]
           ])
-        ])) : V("", !0)
-      ], 64)) : V("", !0)
+        ])) : $("", !0)
+      ], 64)) : $("", !0)
     ], 64));
   }
-}), vl = ["disabled", "title"], yl = {
+}), pl = ["disabled", "title"], yl = {
   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"
-}, gl = { 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" }, bl = { class: "w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2" }, he = /* @__PURE__ */ O({
+}, gl = { 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" }, bl = { class: "w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2" }, xe = /* @__PURE__ */ U({
   __name: "popover-field",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -1588,80 +1595,80 @@ const el = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     mode: {},
     layout: {}
   },
-  setup(i, { expose: o }) {
-    const b = i, t = E(() => Ee(b.mode)), n = $(!1), l = $({ top: 0, left: 0 }), x = $(null), a = $(null), y = $(null);
-    function v() {
-      const m = a.value, u = y.value;
-      if (!m || !u) return;
-      const k = m.getBoundingClientRect(), D = u.offsetWidth, B = window.innerWidth, K = k.bottom + 8;
-      let { left: Z } = k;
-      Z + D > B && (Z = Math.max(B - D - 10, 10)), l.value = { top: K, left: Z };
-    }
+  setup(t, { expose: n }) {
+    const v = t, l = E(() => Ee(v.mode)), r = S(!1), a = S({ top: 0, left: 0 }), b = S(null), o = S(null), f = S(null);
     function p() {
-      console.log("~~~~~~~~~~"), console.log(n.value), n.value = !n.value, console.log(n.value), n.value && me(() => {
-        v(), b.fieldRef?.inputTextRef && b.fieldRef?.inputTextRef?.focus?.(), b.fieldRef?.loadData && b.fieldRef?.loadData?.();
+      const C = o.value, d = f.value;
+      if (!C || !d) return;
+      const x = C.getBoundingClientRect(), B = d.offsetWidth, R = window.innerWidth, K = x.bottom + 8;
+      let { left: X } = x;
+      X + B > R && (X = Math.max(R - B - 10, 10)), a.value = { top: K, left: X };
+    }
+    function y() {
+      console.log("~~~~~~~~~~"), console.log(r.value), r.value = !r.value, console.log(r.value), r.value && ve(() => {
+        p(), v.fieldRef?.inputTextRef && v.fieldRef?.inputTextRef?.focus?.(), v.fieldRef?.loadData && v.fieldRef?.loadData?.();
       });
     }
-    function r(m) {
-      !x.value?.contains(m.target) && !y.value?.contains(m.target) && !a.value?.contains(m.target) && (n.value = !1);
+    function i(C) {
+      !b.value?.contains(C.target) && !f.value?.contains(C.target) && !o.value?.contains(C.target) && (r.value = !1);
     }
-    function c(m) {
-      m.key === "Escape" && (n.value = !1);
+    function h(C) {
+      C.key === "Escape" && (r.value = !1);
     }
-    const C = $(!1), w = $("ua"), g = (m) => {
-      m.detail.key === "locale" && (w.value = m.detail.newValue);
+    const k = S(!1), V = S("ua"), m = (C) => {
+      C.detail.key === "locale" && (V.value = C.detail.newValue);
     };
     ue(() => {
-      C.value = !0, w.value = localStorage.locale, window.addEventListener("storage", g), document.addEventListener("click", r, !0), document.addEventListener("keydown", c), window.addEventListener("scroll", v, !0);
-    }), pe(() => {
-      window.removeEventListener("resize", g), document.removeEventListener("click", r, !0), document.removeEventListener("keydown", c), window.removeEventListener("scroll", v, !0);
+      k.value = !0, V.value = localStorage.locale, window.addEventListener("storage", m), document.addEventListener("click", i, !0), document.addEventListener("keydown", h), window.addEventListener("scroll", p, !0);
+    }), me(() => {
+      window.removeEventListener("resize", m), document.removeEventListener("click", i, !0), document.removeEventListener("keydown", h), window.removeEventListener("scroll", p, !0);
     });
     function s() {
-      n.value = !1;
+      r.value = !1;
     }
-    o({ close: s });
-    const h = E(() => {
-      const m = b.fieldRef?.selectedLabels;
-      return !m || ["inline"].includes(b.layout || "") ? b[w.value] || (b.label ?? "") : Array.isArray(m) ? m.length > 0 ? m.join(", ") : b.label ?? "" : String(m);
+    n({ close: s });
+    const g = E(() => {
+      const C = v.fieldRef?.selectedLabels;
+      return !C || ["inline"].includes(v.layout || "") ? v[V.value] || (v.label ?? "") : Array.isArray(C) ? C.length > 0 ? C.join(", ") : v.label ?? "" : String(C);
     });
-    return (m, u) => (f(), _("div", null, [
-      d("button", {
-        onClick: p,
-        disabled: m.disabled,
+    return (C, d) => (c(), w("div", null, [
+      u("button", {
+        onClick: y,
+        disabled: t.disabled,
         ref_key: "triggerRef",
-        ref: a,
-        title: m.label,
-        class: F(t.value + " " + (m.width ? e(fe).getWidthClass(m.width) : "w-full"))
+        ref: o,
+        title: t.label,
+        class: _(l.value + " " + (t.width ? e(fe).getWidthClass(t.width) : "w-full"))
       }, [
-        d("span", {
-          class: F(["truncate text-ellipsis block", m.width ? e(fe).getWidthClass(m.width - 50) : "w-full"])
-        }, S(h.value), 3),
-        Y(ce, { class: "h-4 w-4" }),
-        (Array.isArray(m.currentValue) ? m.currentValue === null || m.currentValue.length > 0 : m.currentValue === null || m.currentValue) && m.layout === "inline" ? (f(), _("span", yl)) : V("", !0)
-      ], 10, vl),
-      C.value ? (f(), R(Be, {
+        u("span", {
+          class: _(["truncate text-ellipsis block", t.width ? e(fe).getWidthClass(t.width - 50) : "w-full"])
+        }, A(g.value), 3),
+        Y(de, { class: "h-4 w-4" }),
+        (Array.isArray(t.currentValue) ? t.currentValue === null || t.currentValue.length > 0 : t.currentValue === null || t.currentValue) && t.layout === "inline" ? (c(), w("span", yl)) : $("", !0)
+      ], 10, pl),
+      k.value ? (c(), M(Re, {
         key: 0,
         to: "body"
       }, [
-        U(d("div", {
+        I(u("div", {
           ref_key: "popperRef",
-          ref: y,
+          ref: f,
           class: "vsTailwind vs-popover__content bottom-right w-fit fixed z-[1000]",
-          style: Re({ top: `${l.value.top}px`, left: `${l.value.left}px` }),
+          style: Me({ top: `${a.value.top}px`, left: `${a.value.left}px` }),
           "data-inside-popover": ""
         }, [
-          d("div", gl, [
-            d("div", bl, [
-              de(m.$slots, "default")
+          u("div", gl, [
+            u("div", bl, [
+              ce(C.$slots, "default")
             ])
           ])
         ], 4), [
-          [G, n.value]
+          [H, r.value]
         ])
-      ])) : V("", !0)
+      ])) : $("", !0)
     ]));
   }
-}), hl = {}, xl = {
+}), xl = {}, hl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1673,12 +1680,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(i, o) {
-  return f(), _("svg", xl, o[0] || (o[0] = [
-    d("path", { d: "M20 6 9 17l-5-5" }, null, -1)
-  ]));
+function kl(t, n) {
+  return c(), w("svg", hl, [...n[0] || (n[0] = [
+    u("path", { d: "M20 6 9 17l-5-5" }, null, -1)
+  ])]);
 }
-const ee = /* @__PURE__ */ X(hl, [["render", kl]]), wl = {}, Cl = {
+const ee = /* @__PURE__ */ G(xl, [["render", kl]]), wl = {}, Cl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1690,17 +1697,17 @@ const ee = /* @__PURE__ */ X(hl, [["render", kl]]), wl = {}, Cl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[90deg]"
 };
-function _l(i, o) {
-  return f(), _("svg", Cl, o[0] || (o[0] = [
-    d("path", {
+function Vl(t, n) {
+  return c(), w("svg", Cl, [...n[0] || (n[0] = [
+    u("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
-  ]));
+    u("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ])]);
 }
-const Vl = /* @__PURE__ */ X(wl, [["render", _l]]), $l = {}, Sl = {
+const $l = /* @__PURE__ */ G(wl, [["render", Vl]]), Sl = {}, Al = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1712,30 +1719,31 @@ const Vl = /* @__PURE__ */ X(wl, [["render", _l]]), $l = {}, Sl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[270deg]"
 };
-function Al(i, o) {
-  return f(), _("svg", Sl, o[0] || (o[0] = [
-    d("path", {
+function Dl(t, n) {
+  return c(), w("svg", Al, [...n[0] || (n[0] = [
+    u("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
-  ]));
+    u("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ])]);
 }
-const Dl = /* @__PURE__ */ X($l, [["render", Al]]), Bl = { class: "flex" }, Rl = { class: "mb-1" }, Ml = { class: "mb-1" }, Fl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, jl = ["title"], Kl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, Ll = ["title"], El = {
+const Bl = /* @__PURE__ */ G(Sl, [["render", Dl]]), Rl = { class: "flex" }, Ml = { class: "mb-1" }, Fl = { class: "mb-1" }, _l = { class: "inline-flex rounded-lg shrink-0 pl-1" }, jl = ["title"], Kl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, Ll = ["title"], El = {
   key: 1,
   class: "flex gap-1 !w-[75%] rounded-lg"
 }, Tl = ["max", "disabled"], Il = ["min", "disabled"];
-const Ul = /* @__PURE__ */ O({
+const Ul = /* @__PURE__ */ U({
   __name: "date-input-inline",
   props: {
     id: {},
     name: {},
+    title: {},
     type: {},
     label: {},
     width: {},
     options: {},
-    placeHolder: {},
+    placeholder: {},
     api: {},
     data: {},
     default: {},
@@ -1753,201 +1761,201 @@ const Ul = /* @__PURE__ */ O({
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: o, emit: b }) {
-    const t = re(), n = i, l = b, x = $(null), {
-      activeMode: a,
-      innerValue: y,
-      onSelectChange: v,
-      nextClick: p,
-      prevClick: r,
-      currentLabel: c,
-      clear: C
+  setup(t, { expose: n, emit: v }) {
+    const l = re(), r = t, a = v, b = S(null), {
+      activeMode: o,
+      innerValue: f,
+      onSelectChange: p,
+      nextClick: y,
+      prevClick: i,
+      currentLabel: h,
+      clear: k
     } = Te({
-      ...n,
-      popoverRef: x
-    }, l);
-    return M(() => n.modelValue, (w) => {
-      w !== void 0 ? (y.value = w, l("update:modelValue", w)) : (a.value = "", y.value = []);
-    }), o({
-      clear: C,
-      popoverRef: x
-    }), (w, g) => (f(), _(j, null, [
-      d("div", Bl, [
-        Y(he, {
+      ...r,
+      popoverRef: b
+    }, a);
+    return F(() => r.modelValue, (V) => {
+      V !== void 0 ? (f.value = V, a("update:modelValue", V)) : (o.value = "", f.value = []);
+    }), n({
+      clear: k,
+      popoverRef: b
+    }), (V, m) => (c(), w(j, null, [
+      u("div", Rl, [
+        Y(xe, {
           ref_key: "popoverRef",
-          ref: x,
-          label: e(c),
-          "current-value": e(y),
-          mode: w.mode,
-          onClear: e(C),
-          layout: w.layout
+          ref: b,
+          label: e(h),
+          "current-value": e(f),
+          mode: t.mode,
+          onClear: e(k),
+          layout: t.layout
         }, {
           default: te(() => [
-            d("div", null, [
-              d("button", {
+            u("div", null, [
+              u("button", {
                 type: "button",
-                onClick: g[0] || (g[0] = (s) => e(v)("range")),
+                onClick: m[0] || (m[0] = (s) => e(p)("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"
               }, [
-                N(S(e(t)("filter.period")) + " ", 1),
-                e(a) === "range" ? (f(), R(ee, { key: 0 })) : V("", !0)
+                z(A(e(l)("filter.period")) + " ", 1),
+                e(o) === "range" ? (c(), M(ee, { key: 0 })) : $("", !0)
               ])
             ]),
-            g[12] || (g[12] = d("div", null, [
-              d("div", { class: "pt-1 mt-1 border-t" })
+            m[12] || (m[12] = u("div", null, [
+              u("div", { class: "pt-1 mt-1 border-t" })
             ], -1)),
-            d("div", null, [
-              d("button", {
+            u("div", null, [
+              u("button", {
                 type: "button",
-                onClick: g[1] || (g[1] = (s) => e(v)("today")),
+                onClick: m[1] || (m[1] = (s) => e(p)("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"
               }, [
-                N(S(e(t)("filter.today")) + " ", 1),
-                e(a) === "today" ? (f(), R(ee, { key: 0 })) : V("", !0)
+                z(A(e(l)("filter.today")) + " ", 1),
+                e(o) === "today" ? (c(), M(ee, { key: 0 })) : $("", !0)
               ])
             ]),
-            d("div", null, [
-              d("button", {
+            u("div", null, [
+              u("button", {
                 type: "button",
-                onClick: g[2] || (g[2] = (s) => e(v)("week")),
+                onClick: m[2] || (m[2] = (s) => e(p)("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"
               }, [
-                N(S(e(t)("filter.week")) + " ", 1),
-                e(a) === "week" ? (f(), R(ee, { key: 0 })) : V("", !0)
+                z(A(e(l)("filter.week")) + " ", 1),
+                e(o) === "week" ? (c(), M(ee, { key: 0 })) : $("", !0)
               ])
             ]),
-            d("div", null, [
-              d("button", {
+            u("div", null, [
+              u("button", {
                 type: "button",
-                onClick: g[3] || (g[3] = (s) => e(v)("month")),
+                onClick: m[3] || (m[3] = (s) => e(p)("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"
               }, [
-                N(S(e(t)("filter.month")) + " ", 1),
-                e(a) === "month" ? (f(), R(ee, { key: 0 })) : V("", !0)
+                z(A(e(l)("filter.month")) + " ", 1),
+                e(o) === "month" ? (c(), M(ee, { key: 0 })) : $("", !0)
               ])
             ]),
-            d("div", null, [
-              d("button", {
+            u("div", null, [
+              u("button", {
                 type: "button",
-                onClick: g[4] || (g[4] = (s) => e(v)("quarter")),
+                onClick: m[4] || (m[4] = (s) => e(p)("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"
               }, [
-                N(S(e(t)("filter.quarter")) + " ", 1),
-                e(a) === "quarter" ? (f(), R(ee, { key: 0 })) : V("", !0)
+                z(A(e(l)("filter.quarter")) + " ", 1),
+                e(o) === "quarter" ? (c(), M(ee, { key: 0 })) : $("", !0)
               ])
             ]),
-            d("div", Rl, [
-              d("button", {
+            u("div", Ml, [
+              u("button", {
                 type: "button",
-                onClick: g[5] || (g[5] = (s) => e(v)("year")),
+                onClick: m[5] || (m[5] = (s) => e(p)("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"
               }, [
-                N(S(e(t)("filter.year")) + " ", 1),
-                e(a) === "year" ? (f(), R(ee, { key: 0 })) : V("", !0)
+                z(A(e(l)("filter.year")) + " ", 1),
+                e(o) === "year" ? (c(), M(ee, { key: 0 })) : $("", !0)
               ])
             ]),
-            d("div", Ml, [
-              d("button", {
+            u("div", Fl, [
+              u("button", {
                 type: "button",
-                onClick: g[6] || (g[6] = (s) => e(C)()),
+                onClick: m[6] || (m[6] = (s) => e(k)()),
                 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"
               }, [
-                N(S(e(t)("filter.alltime")) + " ", 1),
-                e(y)[0] ? V("", !0) : (f(), R(ee, { key: 0 }))
+                z(A(e(l)("filter.alltime")) + " ", 1),
+                e(f)[0] ? $("", !0) : (c(), M(ee, { key: 0 }))
               ])
             ])
           ]),
-          _: 1,
-          __: [12]
+          _: 1
         }, 8, ["label", "current-value", "mode", "onClear", "layout"]),
-        e(a) !== "" && e(a) !== "range" && e(a) !== "last_7_days" ? (f(), _(j, { key: 0 }, [
-          d("div", Fl, [
-            d("button", {
+        e(o) !== "" && e(o) !== "range" && e(o) !== "last_7_days" ? (c(), w(j, { key: 0 }, [
+          u("div", _l, [
+            u("button", {
               type: "button",
-              title: e(t)("filter.prev"),
+              title: e(l)("filter.prev"),
               class: "inline-flex h-[38px] items-center px-2 text-sm text-gray-800 bg-gray-100 gap-x-2 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",
-              onClick: g[7] || (g[7] = //@ts-ignore
-              (...s) => e(r) && e(r)(...s))
+              onClick: m[7] || (m[7] = //@ts-ignore
+              (...s) => e(i) && e(i)(...s))
             }, [
-              Y(Vl)
+              Y($l)
             ], 8, jl)
           ]),
-          d("div", Kl, [
-            d("button", {
+          u("div", Kl, [
+            u("button", {
               type: "button",
-              title: e(t)("filter.next"),
+              title: e(l)("filter.next"),
               class: "inline-flex h-[38px] items-center px-2 text-sm text-gray-800 gap-x-2 bg-gray-100 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",
-              onClick: g[8] || (g[8] = //@ts-ignore
-              (...s) => e(p) && e(p)(...s))
+              onClick: m[8] || (m[8] = //@ts-ignore
+              (...s) => e(y) && e(y)(...s))
             }, [
-              Y(Dl)
+              Y(Bl)
             ], 8, Ll)
           ])
-        ], 64)) : V("", !0),
-        e(a) !== "" && e(a) === "range" ? (f(), _("div", El, [
-          U(d("input", {
+        ], 64)) : $("", !0),
+        e(o) !== "" && e(o) === "range" ? (c(), w("div", El, [
+          I(u("input", {
             type: "date",
-            max: e(y)[1],
+            max: e(f)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": g[9] || (g[9] = (s) => e(y)[0] = s),
+            "onUpdate:modelValue": m[9] || (m[9] = (s) => e(f)[0] = s),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600",
-            disabled: w.disabled
+            disabled: t.disabled
           }, null, 8, Tl), [
-            [Q, e(y)[0]]
+            [Q, e(f)[0]]
           ]),
-          U(d("input", {
+          I(u("input", {
             type: "date",
-            min: e(y)[0],
+            min: e(f)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": g[10] || (g[10] = (s) => e(y)[1] = s),
+            "onUpdate:modelValue": m[10] || (m[10] = (s) => e(f)[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",
-            disabled: w.disabled
+            disabled: t.disabled
           }, null, 8, Il), [
-            [Q, e(y)[1]]
+            [Q, e(f)[1]]
           ])
-        ])) : V("", !0)
+        ])) : $("", !0)
       ]),
-      (w.cleanable, V("", !0))
+      (t.cleanable, $("", !0))
     ], 64));
   }
-}), Ve = {
-  radio: mt,
-  checkbox: _e,
-  check: _e,
-  text: Bt,
+}), $e = {
+  radio: vt,
+  checkbox: Ve,
+  check: Ve,
+  text: Rt,
   range: It,
   date: Zt,
   select: il,
-  tag: ml,
+  tag: vl,
   "date:inline": Ul
 };
-function xe(i, o) {
-  let b;
-  switch (i.toLowerCase()) {
+function he(t, n) {
+  let v;
+  switch (t.toLowerCase()) {
     case "autocomplete":
-      b = "select";
+      v = "select";
       break;
     case "check":
-      b = "checkbox";
+      v = "checkbox";
       break;
     default:
-      b = i?.toString().toLowerCase();
+      v = t?.toString().toLowerCase();
   }
-  return b === "date" && o && o === "inline" && (b = "date:inline"), {
-    component: Ve[b] || Ve.text,
-    type: b
+  return v === "date" && n && n === "inline" && (v = "date:inline"), {
+    component: $e[v] || $e.text,
+    type: v
   };
 }
-const Ol = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, zl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, Nl = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, Hl = { class: "flex items-center" }, Yl = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, Pl = { class: "filter-layout__body" }, ql = /* @__PURE__ */ O({
+const Ol = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, zl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, Nl = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, Yl = { class: "flex items-center" }, Pl = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, ql = { class: "filter-layout__body" }, Wl = /* @__PURE__ */ U({
   __name: "vertical-layout",
   props: {
     id: {},
     name: {},
+    title: {},
     type: {},
     label: {},
     width: {},
     options: {},
-    placeHolder: {},
+    placeholder: {},
     api: {},
     data: {},
     default: {},
@@ -1965,69 +1973,69 @@ const Ol = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: o, emit: b }) {
-    const t = i, n = b, l = $(), x = xe(t.type, t.layout), a = E({
-      get: () => t.modelValue,
-      set: (r) => n("update:modelValue", r)
+  setup(t, { expose: n, emit: v }) {
+    const l = t, r = v, a = S(), b = he(l.type, l.layout), o = E({
+      get: () => l.modelValue,
+      set: (i) => r("update:modelValue", i)
     });
-    function y(r) {
-      n("clear", r);
+    function f(i) {
+      r("clear", i);
     }
-    function v(r, c) {
-      n("change", { name: r, value: c }), t.modelValue !== void 0 && n("update:modelValue", c);
+    function p(i, h) {
+      r("change", { name: i, value: h }), l.modelValue !== void 0 && r("update:modelValue", h);
     }
-    function p() {
-      l.value && l.value.clear(), n("clear", t.name);
+    function y() {
+      a.value && a.value.clear(), r("clear", l.name);
     }
-    return M(
-      () => t.default,
-      (r) => {
-        a.value = r;
+    return F(
+      () => l.default,
+      (i) => {
+        o.value = i;
       }
-    ), M(
-      () => t.modelValue,
-      (r) => {
-        a.value = r;
+    ), F(
+      () => l.modelValue,
+      (i) => {
+        o.value = i;
       }
-    ), o({
-      filterRef: l
-    }), (r, c) => (f(), _("div", Ol, [
-      d("div", zl, [
-        d("div", Nl, [
-          d("div", Hl, [
-            d("span", Yl, S(r.label), 1)
+    ), n({
+      filterRef: a
+    }), (i, h) => (c(), w("div", Ol, [
+      u("div", zl, [
+        u("div", Nl, [
+          u("div", Yl, [
+            u("span", Pl, A(t.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(qe, {
+          typeof o.value == "string" && o.value.trim() !== "" || Array.isArray(o.value) && o.value.length > 0 && o.value.some((k) => k !== void 0) || o.value === null ? (c(), M(We, {
             key: 0,
-            onClick: p
-          })) : V("", !0)
+            onClick: y
+          })) : $("", !0)
         ]),
-        d("div", Pl, [
-          e(x)?.type !== "select" ? (f(), R(J(e(x)?.component), P({ key: 0 }, t, {
-            type: e(x)?.type,
-            onChange: c[0] || (c[0] = (C) => v(C.name, C.value)),
-            onClear: c[1] || (c[1] = (C) => y(C)),
+        u("div", ql, [
+          e(b)?.type !== "select" ? (c(), M(J(e(b)?.component), P({ key: 0 }, l, {
+            type: e(b)?.type,
+            onChange: h[0] || (h[0] = (k) => p(k.name, k.value)),
+            onClear: h[1] || (h[1] = (k) => f(k)),
             ref_key: "filterRef",
-            ref: l
-          }), null, 16, ["type"])) : (f(), R(he, {
+            ref: a
+          }), null, 16, ["type"])) : (c(), M(xe, {
             key: 1,
-            "current-value": a.value,
-            label: r.label,
-            mode: r.mode,
-            onClear: p,
-            fieldRef: l.value,
+            "current-value": o.value,
+            label: t.label,
+            mode: t.mode,
+            onClear: y,
+            fieldRef: a.value,
             width: void 0,
-            disabled: r.disabled,
+            disabled: t.disabled,
             layout: "vertical"
           }, {
             default: te(() => [
-              (f(), R(J(e(x)?.component), P({
+              (c(), M(J(e(b)?.component), P({
                 ref_key: "filterRef",
-                ref: l
-              }, t, {
-                type: e(x)?.type,
-                onChange: c[2] || (c[2] = (C) => v(C.name, C.value)),
-                onClear: c[3] || (c[3] = (C) => y(C))
+                ref: a
+              }, l, {
+                type: e(b)?.type,
+                onChange: h[2] || (h[2] = (k) => p(k.name, k.value)),
+                onClear: h[3] || (h[3] = (k) => f(k))
               }), null, 16, ["type"]))
             ]),
             _: 1
@@ -2036,16 +2044,17 @@ const Ol = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
       ])
     ]));
   }
-}), $e = /* @__PURE__ */ O({
+}), Se = /* @__PURE__ */ U({
   __name: "inline-layout",
   props: {
     id: {},
     name: {},
+    title: {},
     type: {},
     label: {},
     width: {},
     options: {},
-    placeHolder: {},
+    placeholder: {},
     api: {},
     data: {},
     default: {},
@@ -2063,72 +2072,73 @@ const Ol = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: o, emit: b }) {
-    const t = i, n = b, l = $(), x = xe(t.type, t.layout), a = E({
-      get: () => t.modelValue,
-      set: (p) => n("update:modelValue", p)
+  setup(t, { expose: n, emit: v }) {
+    const l = t, r = v, a = S(), b = he(l.type, l.layout), o = E({
+      get: () => l.modelValue,
+      set: (y) => r("update:modelValue", y)
     });
-    function y(p = t.name) {
-      n("clear", p);
+    function f(y = l.name) {
+      r("clear", y);
     }
-    function v(p, r) {
-      n("change", { name: p, value: r }), t.modelValue !== void 0 && n("update:modelValue", r);
+    function p(y, i) {
+      r("change", { name: y, value: i }), l.modelValue !== void 0 && r("update:modelValue", i);
     }
-    return M(
-      () => t.default,
-      (p) => {
-        a.value = p;
+    return F(
+      () => l.default,
+      (y) => {
+        o.value = y;
       }
-    ), M(
-      () => t.modelValue,
-      (p) => {
-        a.value = p;
+    ), F(
+      () => l.modelValue,
+      (y) => {
+        o.value = y;
       }
-    ), o({
-      filterRef: l
-    }), (p, r) => ["text", "date"].includes(p.type.toLocaleLowerCase()) ? (f(), R(J(e(x)?.component), P({ key: 0 }, t, {
-      type: e(x)?.type,
-      onChange: r[0] || (r[0] = (c) => v(c.name, c.value)),
-      onClear: r[1] || (r[1] = (c) => y(c)),
-      disabled: p.disabled,
-      modelValue: a.value,
-      "onUpdate:modelValue": r[2] || (r[2] = (c) => a.value = c)
-    }), null, 16, ["type", "disabled", "modelValue"])) : (f(), R(he, {
+    ), n({
+      filterRef: a
+    }), (y, i) => ["text", "date"].includes(t.type.toLocaleLowerCase()) ? (c(), M(J(e(b)?.component), P({ key: 0 }, l, {
+      type: e(b)?.type,
+      onChange: i[0] || (i[0] = (h) => p(h.name, h.value)),
+      onClear: i[1] || (i[1] = (h) => f(h)),
+      disabled: t.disabled,
+      modelValue: o.value,
+      "onUpdate:modelValue": i[2] || (i[2] = (h) => o.value = h)
+    }), null, 16, ["type", "disabled", "modelValue"])) : (c(), M(xe, {
       key: 1,
-      "current-value": a.value,
-      label: p.label,
-      mode: p.mode,
-      onClear: y,
-      fieldRef: l.value,
-      width: t.width,
-      disabled: p.disabled,
+      "current-value": o.value,
+      label: t.label,
+      mode: t.mode,
+      onClear: f,
+      fieldRef: a.value,
+      width: l.width,
+      disabled: t.disabled,
       layout: "inline"
     }, {
       default: te(() => [
-        (f(), R(J(e(x)?.component), P({
+        (c(), M(J(e(b)?.component), P({
           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) => v(c.name, c.value)),
-          onClear: r[5] || (r[5] = (c) => y(c))
+          ref: a
+        }, l, {
+          modelValue: o.value,
+          "onUpdate:modelValue": i[3] || (i[3] = (h) => o.value = h),
+          type: e(b)?.type,
+          onChange: i[4] || (i[4] = (h) => p(h.name, h.value)),
+          onClear: i[5] || (i[5] = (h) => f(h))
         }), null, 16, ["modelValue", "type"]))
       ]),
       _: 1
     }, 8, ["current-value", "label", "mode", "fieldRef", "width", "disabled"]));
   }
-}), Wl = /* @__PURE__ */ O({
+}), Ql = /* @__PURE__ */ U({
   __name: "popover-layout",
   props: {
     id: {},
     name: {},
+    title: {},
     type: {},
     label: {},
     width: {},
     options: {},
-    placeHolder: {},
+    placeholder: {},
     api: {},
     data: {},
     default: {},
@@ -2146,54 +2156,55 @@ const Ol = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: o, emit: b }) {
-    const t = i, n = b, l = $(), x = $(xe(t.type, t.layout)), a = E({
-      get: () => t.modelValue,
-      set: (p) => n("update:modelValue", p)
+  setup(t, { expose: n, emit: v }) {
+    const l = t, r = v, a = S(), b = S(he(l.type, l.layout)), o = E({
+      get: () => l.modelValue,
+      set: (y) => r("update:modelValue", y)
     });
-    function y(p) {
-      n("clear", p);
+    function f(y) {
+      r("clear", y);
     }
-    function v(p, r) {
-      n("change", { name: p, value: r }), t.modelValue !== void 0 && n("update:modelValue", r);
+    function p(y, i) {
+      r("change", { name: y, value: i }), l.modelValue !== void 0 && r("update:modelValue", i);
     }
-    return M(
-      () => t.default,
-      (p) => {
-        a.value = p;
+    return F(
+      () => l.default,
+      (y) => {
+        o.value = y;
       }
-    ), M(
-      () => t.modelValue,
-      (p) => {
-        a.value = p;
+    ), F(
+      () => l.modelValue,
+      (y) => {
+        o.value = y;
       }
-    ), M(
-      () => t,
-      (p) => {
-        a.value = p;
+    ), F(
+      () => l,
+      (y) => {
+        o.value = y;
       }
-    ), o({
-      filterRef: l
-    }), (p, r) => (f(), R(J(x.value?.component), P(t, {
-      type: x.value?.type,
-      modelValue: a.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (c) => a.value = c),
-      onChange: r[1] || (r[1] = (c) => v(c.name, c.value)),
-      onClear: r[2] || (r[2] = (c) => y(c)),
+    ), n({
+      filterRef: a
+    }), (y, i) => (c(), M(J(b.value?.component), P(l, {
+      type: b.value?.type,
+      modelValue: o.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (h) => o.value = h),
+      onChange: i[1] || (i[1] = (h) => p(h.name, h.value)),
+      onClear: i[2] || (i[2] = (h) => f(h)),
       ref_key: "filterRef",
-      ref: l
+      ref: a
     }), null, 16, ["type", "modelValue"]));
   }
-}), le = /* @__PURE__ */ O({
+}), le = /* @__PURE__ */ U({
   __name: "filter-field",
   props: {
     id: {},
     name: {},
+    title: {},
     type: {},
     label: {},
     width: {},
     options: { default: () => [] },
-    placeHolder: {},
+    placeholder: {},
     api: {},
     data: {},
     default: {},
@@ -2211,179 +2222,179 @@ const Ol = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     ua: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(i, { expose: o, emit: b }) {
-    const t = i, n = b, l = $(), x = E({
-      get: () => t.modelValue,
-      set: (p) => n("update:modelValue", p)
+  setup(t, { expose: n, emit: v }) {
+    const l = t, r = v, a = S(), b = E({
+      get: () => l.modelValue,
+      set: (y) => r("update:modelValue", y)
     });
-    function a(p) {
-      n("clear", p);
+    function o(y) {
+      r("clear", y);
     }
-    function y(p, r) {
-      n("change", { name: p, value: r }), t.modelValue !== void 0 && n("update:modelValue", r);
+    function f(y, i) {
+      r("change", { name: y, value: i }), l.modelValue !== void 0 && r("update:modelValue", i);
     }
-    M(
-      () => t.default,
-      (p) => {
-        x.value = p;
+    F(
+      () => l.default,
+      (y) => {
+        b.value = y;
       }
-    ), M(
-      () => t.modelValue,
-      (p) => {
-        x.value = p;
+    ), F(
+      () => l.modelValue,
+      (y) => {
+        b.value = y;
       }
-    ), o({
-      filterRef: l
+    ), n({
+      filterRef: a
     });
-    function v() {
-      switch (t.layout) {
+    function p() {
+      switch (l.layout) {
         case "inline":
-          return $e;
+          return Se;
         case "vertical":
-          return ql;
-        case "popover":
           return Wl;
+        case "popover":
+          return Ql;
         default:
-          return $e;
+          return Se;
       }
     }
-    return (p, r) => (f(), R(J(v()), P(t, {
-      onChange: r[0] || (r[0] = (c) => y(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 (y, i) => (c(), M(J(p()), P(l, {
+      onChange: i[0] || (i[0] = (h) => f(h.name, h.value)),
+      onClear: i[1] || (i[1] = (h) => o(h)),
+      modelValue: b.value,
+      "onUpdate:modelValue": i[2] || (i[2] = (h) => b.value = h)
     }), null, 16, ["modelValue"]));
   }
 });
-function ke(i, o) {
+function ke(t, n) {
   const {
-    slots: b
-  } = i, t = $(i.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),
+    slots: v
+  } = t, l = S(t.value ?? {}), r = E(() => (se(v?.default?.()) ?? []).flatMap((g) => Array.isArray(g.children) ? g.children : [g]));
+  function a(s) {
+    delete l.value[s], n("clear", {
+      data: se(l.value),
       name: s
     });
   }
-  function x(s, h) {
-    h === void 0 ? l(s) : t.value = {
-      ...t.value,
-      [s]: h
-    }, o("change", {
-      data: se(t.value),
+  function b(s, g) {
+    g === void 0 ? a(s) : l.value = {
+      ...l.value,
+      [s]: g
+    }, n("change", {
+      data: se(l.value),
       name: s,
-      value: h
+      value: g
     });
   }
-  const a = E(() => n.value.map((s) => {
-    const h = s.props?.name;
+  const o = E(() => r.value.map((s) => {
+    const g = s.props?.name;
     return Ne(s, {
       ...s.props,
-      layout: i.view,
+      layout: t.view,
       showClean: !0,
-      modelValue: t.value[h],
-      "onUpdate:modelValue": (m) => {
-        x(h, m);
+      modelValue: l.value[g],
+      "onUpdate:modelValue": (C) => {
+        b(g, C);
       },
-      onClear: () => l(h)
+      onClear: () => a(g)
     });
-  })), y = E(
+  })), f = E(
     () => new Map(
-      a.value.map((s) => {
-        const h = s.props?.name;
-        return h ? [h, s] : null;
+      o.value.map((s) => {
+        const g = s.props?.name;
+        return g ? [g, s] : null;
       }).filter((s) => s !== null)
     )
   );
-  function v(s = !1) {
-    t.value = {}, s || o("clearAll", {
-      data: se(t.value),
+  function p(s = !1) {
+    l.value = {}, s || n("clearAll", {
+      data: se(l.value),
       name: "ALL"
     });
   }
-  const p = $(""), r = E(() => i.schema?.value ? Object.entries(t.value).filter(([s, h]) => i.schema && !(s in i.schema.value) ? !1 : Array.isArray(h) ? h.some((m) => m !== "" && m !== void 0) : h !== "" && h !== void 0).length : 0), c = $();
-  M(p, async () => {
-    await me(), c?.value?.filterRef?.inputTextRef && c.value.filterRef.inputTextRef.focus();
+  const y = S(""), i = E(() => t.schema?.value ? Object.entries(l.value).filter(([s, g]) => t.schema && !(s in t.schema.value) ? !1 : Array.isArray(g) ? g.some((C) => C !== "" && C !== void 0) : g !== "" && g !== void 0).length : 0), h = S();
+  F(y, async () => {
+    await ve(), h?.value?.filterRef?.inputTextRef && h.value.filterRef.inputTextRef.focus();
   });
-  const C = E(() => i.schema?.value ? Object.fromEntries(Object.entries(i.schema?.value).slice(0, i.limit)) : {}), w = E(() => {
-    if (a.value.length === 0) return [];
+  const k = E(() => t.schema?.value ? Object.fromEntries(Object.entries(t.schema?.value).slice(0, t.limit)) : {}), V = E(() => {
+    if (o.value.length === 0) return [];
     let s = 0;
-    if (i.schema?.value) {
-      const h = Object.entries(i.schema.value).length;
-      i.limit && h < i.limit ? s = i.limit - h : s = 0;
+    if (t.schema?.value) {
+      const g = Object.entries(t.schema.value).length;
+      t.limit && g < t.limit ? s = t.limit - g : s = 0;
     }
-    return a.value.slice(0, s);
-  }), g = E(() => a.value.length === 0 ? [] : i.view !== "inline" ? a.value : a.value.slice(w.value.length));
+    return o.value.slice(0, s);
+  }), m = E(() => o.value.length === 0 ? [] : t.view !== "inline" ? o.value : o.value.slice(V.value.length));
   return {
-    activeFilter: t,
-    activeFilterCount: r,
-    onFilterChange: x,
-    clearFilter: l,
-    clearAllFilters: v,
-    limitedSchema: C,
-    filtersSlot: a,
-    limitedFiltersSlot: w,
-    popoverFiltersSlot: g,
-    vnodeMap: y,
-    selectedFilter: p,
-    filterRef: c
+    activeFilter: l,
+    activeFilterCount: i,
+    onFilterChange: b,
+    clearFilter: a,
+    clearAllFilters: p,
+    limitedSchema: k,
+    filtersSlot: o,
+    limitedFiltersSlot: V,
+    popoverFiltersSlot: m,
+    vnodeMap: f,
+    selectedFilter: y,
+    filterRef: h
   };
 }
-const Ql = /* @__PURE__ */ O({
+const Hl = /* @__PURE__ */ U({
   __name: "popover",
   emits: ["open", "close"],
-  setup(i, { emit: o }) {
-    const b = $(!1), t = $(null), n = $(null), l = $(null), x = $({ top: "0px", left: "0px", position: "absolute" });
-    function a() {
-      b.value = !b.value;
+  setup(t, { emit: n }) {
+    const v = S(!1), l = S(null), r = S(null), a = S(null), b = S({ top: "0px", left: "0px", position: "absolute" });
+    function o() {
+      v.value = !v.value;
     }
-    function y() {
-      const C = l.value, w = t.value;
-      if (!C || !w) return;
-      const g = C.getBoundingClientRect(), s = w.offsetWidth, h = window.innerWidth - g.left;
-      let m = g.left + window.scrollX;
-      s > h && (m = window.innerWidth - s - 8, m < 8 && (m = 8)), x.value = {
+    function f() {
+      const k = a.value, V = l.value;
+      if (!k || !V) return;
+      const m = k.getBoundingClientRect(), s = V.offsetWidth, g = window.innerWidth - m.left;
+      let C = m.left + window.scrollX;
+      s > g && (C = window.innerWidth - s - 8, C < 8 && (C = 8)), b.value = {
         position: "absolute",
-        top: `${g.bottom + window.scrollY + 8}px`,
-        left: `${m}px`
+        top: `${m.bottom + window.scrollY + 8}px`,
+        left: `${C}px`
       };
     }
-    const v = E(() => Object.entries(x.value).map((C) => C.join(":")).join(";"));
-    function p(C) {
-      const w = C.target;
-      !l.value?.contains(C.target) && !t.value?.contains(C.target) && !w.closest("[data-inside-popover]") && (b.value = !1);
+    const p = E(() => Object.entries(b.value).map((k) => k.join(":")).join(";"));
+    function y(k) {
+      const V = k.target;
+      !a.value?.contains(k.target) && !l.value?.contains(k.target) && !V.closest("[data-inside-popover]") && (v.value = !1);
     }
-    const r = $(!1);
+    const i = S(!1);
     ue(() => {
-      r.value = !0;
+      i.value = !0;
     }), ue(() => {
-      l.value = n.value?.querySelector("[data-popover-trigger]") || null, l.value?.addEventListener("click", a), document.addEventListener("click", p), window.addEventListener("resize", y), window.addEventListener("scroll", y, !0);
-    }), pe(() => {
-      l.value?.removeEventListener("click", a), document.removeEventListener("click", p), window.removeEventListener("resize", y), window.removeEventListener("scroll", y, !0);
+      a.value = r.value?.querySelector("[data-popover-trigger]") || null, a.value?.addEventListener("click", o), document.addEventListener("click", y), window.addEventListener("resize", f), window.addEventListener("scroll", f, !0);
+    }), me(() => {
+      a.value?.removeEventListener("click", o), document.removeEventListener("click", y), window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0);
     });
-    const c = o;
-    return M(b, async (C) => {
-      C ? (c("open"), await me(), y()) : c("close");
-    }), (C, w) => (f(), _("div", {
+    const h = n;
+    return F(v, async (k) => {
+      k ? (h("open"), await ve(), f()) : h("close");
+    }), (k, V) => (c(), w("div", {
       ref_key: "wrapperRef",
-      ref: n
+      ref: r
     }, [
-      de(C.$slots, "trigger"),
-      r.value ? (f(), R(Be, {
+      ce(k.$slots, "trigger"),
+      i.value ? (c(), M(Re, {
         key: 0,
         to: "body"
       }, [
-        U(d("div", {
+        I(u("div", {
           ref_key: "popoverRef",
-          ref: t,
+          ref: l,
           class: "absolute z-[50] w-[600px] rounded-md border bg-white shadow-md",
-          style: Re(v.value)
+          style: Me(p.value)
         }, [
-          de(C.$slots, "default")
+          ce(k.$slots, "default")
         ], 4), [
-          [G, b.value]
+          [H, v.value]
         ])
-      ])) : V("", !0)
+      ])) : $("", !0)
     ], 512));
   }
 }), Gl = {}, Xl = {
@@ -2398,27 +2409,27 @@ const Ql = /* @__PURE__ */ O({
   "stroke-linejoin": "round",
   class: "lucide lucide-filter h-4 w-4"
 };
-function Zl(i, o) {
-  return f(), _("svg", Xl, 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 Zl(t, n) {
+  return c(), w("svg", Xl, [...n[0] || (n[0] = [
+    u("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
+  ])]);
 }
-const Jl = /* @__PURE__ */ X(Gl, [["render", Zl]]), eo = {
+const Jl = /* @__PURE__ */ G(Gl, [["render", Zl]]), ea = {
   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"
-}, to = { class: "flex" }, lo = { class: "w-64 border-r border-gray-200" }, oo = { class: "p-2" }, ao = ["onClick"], no = { class: "flex items-center gap-2" }, ro = { class: "text-sm font-medium" }, so = {
+}, ta = { class: "flex" }, la = { class: "w-64 border-r border-gray-200" }, aa = { class: "p-2" }, na = ["onClick"], oa = { class: "flex items-center gap-2" }, ra = { class: "text-sm font-medium" }, sa = {
   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"
-}, io = ["onClick"], uo = { class: "flex items-center gap-2" }, co = { class: "text-sm font-medium" }, fo = {
+}, ia = ["onClick"], ua = { class: "flex items-center gap-2" }, ca = { class: "text-sm font-medium" }, da = {
   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"
-}, po = {
+}, fa = {
   key: 0,
   class: "p-2 border-t"
-}, mo = { class: "flex-1 min-h-[300px] overflow-y-auto" }, vo = {
+}, ma = { class: "flex-1 min-h-[300px] overflow-y-auto" }, va = {
   key: 0,
   class: "flex items-center justify-center h-full text-gray-500"
-}, Ie = /* @__PURE__ */ O({
+}, Ie = /* @__PURE__ */ U({
   __name: "popover-filter-layout",
   props: {
     schema: {},
@@ -2429,148 +2440,148 @@ const Jl = /* @__PURE__ */ X(Gl, [["render", Zl]]), eo = {
     limit: { default: 3 }
   },
   emits: ["change", "clear", "clearAll"],
-  setup(i, { expose: o, emit: b }) {
-    const t = i, n = Ee(t.mode), l = ve(), x = b, a = $({}), y = E(() => a?.value ? t.view !== "inline" ? a?.value : Object.fromEntries(Object.entries(a?.value).slice(t.limit)) : {}), {
-      activeFilter: v,
-      activeFilterCount: p,
-      onFilterChange: r,
-      clearFilter: c,
-      clearAllFilters: C,
-      popoverFiltersSlot: w,
-      selectedFilter: g,
+  setup(t, { expose: n, emit: v }) {
+    const l = t, r = Ee(l.mode), a = pe(), b = v, o = S({}), f = E(() => o?.value ? l.view !== "inline" ? o?.value : Object.fromEntries(Object.entries(o?.value).slice(l.limit)) : {}), {
+      activeFilter: p,
+      activeFilterCount: y,
+      onFilterChange: i,
+      clearFilter: h,
+      clearAllFilters: k,
+      popoverFiltersSlot: V,
+      selectedFilter: m,
       filterRef: s
     } = ke({
-      ...t,
-      schema: a.value,
-      slots: l
-    }, x);
-    function h() {
-      if (y.value) {
-        const [m] = Object.keys(y.value);
-        g.value = m;
-      } else w.value.length > 0 ? g.value = w.value[0].props.name : g.value = "";
+      ...l,
+      schema: o.value,
+      slots: a
+    }, b);
+    function g() {
+      if (f.value) {
+        const [C] = Object.keys(f.value);
+        m.value = C;
+      } else V.value.length > 0 ? m.value = V.value[0].props.name : m.value = "";
     }
-    return M(
-      () => t.schema,
-      (m) => {
-        a.value = m;
+    return F(
+      () => l.schema,
+      (C) => {
+        o.value = C;
       },
       { deep: !0, immediate: !0 }
-    ), o({
-      clearFilter: c,
-      clearAllFilters: C
-    }), (m, u) => (f(), R(Ql, {
-      onOpen: h,
-      onClose: u[5] || (u[5] = (k) => g.value = "")
+    ), n({
+      clearFilter: h,
+      clearAllFilters: k
+    }), (C, d) => (c(), M(Hl, {
+      onOpen: g,
+      onClose: d[5] || (d[5] = (x) => m.value = "")
     }, {
       trigger: te(() => [
-        d("button", {
+        u("button", {
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
-          class: F(
-            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: _(
+            e(r) + (e(y) > 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")
           ),
           type: "button"
         }, [
           Y(Jl),
-          u[6] || (u[6] = N(" Фільтр ", -1)),
-          e(p) > 0 ? (f(), _("div", eo, S(e(p)), 1)) : V("", !0)
+          d[6] || (d[6] = z(" Фільтр ", -1)),
+          e(y) > 0 ? (c(), w("div", ea, A(e(y)), 1)) : $("", !0)
         ], 2)
       ]),
       default: te(() => [
-        d("div", to, [
-          d("div", lo, [
-            u[7] || (u[7] = d("div", { class: "p-4 border-b" }, [
-              d("p", { class: "text-sm text-gray-600" }, "Select a field to start creating a filter.")
+        u("div", ta, [
+          u("div", la, [
+            d[7] || (d[7] = u("div", { class: "p-4 border-b" }, [
+              u("p", { class: "text-sm text-gray-600" }, "Select a field to start creating a filter.")
             ], -1)),
-            d("div", oo, [
-              m.schema ? (f(!0), _(j, { key: 0 }, q(Object.entries(y.value), ([k, D]) => (f(), _("button", {
-                key: k,
+            u("div", aa, [
+              t.schema ? (c(!0), w(j, { key: 0 }, q(Object.entries(f.value), ([x, B]) => (c(), w("button", {
+                key: x,
                 onClick: () => {
-                  g.value = k;
+                  m.value = x;
                 },
-                class: F([
+                class: _([
                   "w-full flex items-center justify-between px-3 py-2 text-left hover:bg-gray-50 transition-colors",
-                  e(g) === k ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-gray-700"
+                  e(m) === x ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-gray-700"
                 ])
               }, [
-                d("div", no, [
-                  d("span", ro, S(D.label), 1)
+                u("div", oa, [
+                  u("span", ra, A(B.label), 1)
                 ]),
-                (Array.isArray(e(v)[k]) ? e(v)[k]?.length > 0 : e(v)[k] || e(v)[k] === null) ? (f(), _("div", so)) : V("", !0)
-              ], 10, ao))), 128)) : V("", !0),
-              (f(!0), _(j, null, q(e(w), (k, D) => (f(), _("button", {
-                key: "slot-" + D,
-                onClick: (B) => g.value = k.props.name,
-                class: F([
+                (Array.isArray(e(p)[x]) ? e(p)[x]?.length > 0 : e(p)[x] || e(p)[x] === null) ? (c(), w("div", sa)) : $("", !0)
+              ], 10, na))), 128)) : $("", !0),
+              (c(!0), w(j, null, q(e(V), (x, B) => (c(), w("button", {
+                key: "slot-" + B,
+                onClick: (R) => m.value = x.props.name,
+                class: _([
                   "w-full flex items-center justify-between px-3 py-2 text-left hover:bg-gray-50 transition-colors",
-                  e(g) === k.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : ""
+                  e(m) === x.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : ""
                 ])
               }, [
-                d("div", uo, [
-                  d("span", co, S(k.props.label), 1)
+                u("div", ua, [
+                  u("span", ca, A(x.props.label), 1)
                 ]),
-                e(v)[k.props.name]?.length > 0 ? (f(), _("div", fo)) : V("", !0)
-              ], 10, io))), 128))
+                e(p)[x.props.name]?.length > 0 ? (c(), w("div", da)) : $("", !0)
+              ], 10, ia))), 128))
             ]),
-            e(p) > 0 ? (f(), _("div", po, [
-              d("button", {
+            e(y) > 0 ? (c(), w("div", fa, [
+              u("button", {
                 class: "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors",
-                onClick: u[0] || (u[0] = (k) => e(C)()),
+                onClick: d[0] || (d[0] = (x) => e(k)()),
                 "data-inside-popover": ""
               }, " Очистити всі ")
-            ])) : V("", !0)
+            ])) : $("", !0)
           ]),
-          d("div", mo, [
-            e(g) === "" ? (f(), _("div", vo, u[8] || (u[8] = [
-              d("p", { class: "text-sm" }, "Select a field to start creating a filter.", -1)
-            ]))) : V("", !0),
-            e(g) ? (f(), _(j, { key: 1 }, [
-              y.value ? (f(!0), _(j, { key: 0 }, q(Object.entries(y.value), ([k, D]) => (f(), _(j, null, [
-                e(g) === k ? (f(), R(le, P({
-                  key: k,
+          u("div", ma, [
+            e(m) === "" ? (c(), w("div", va, [...d[8] || (d[8] = [
+              u("p", { class: "text-sm" }, "Select a field to start creating a filter.", -1)
+            ])])) : $("", !0),
+            e(m) ? (c(), w(j, { key: 1 }, [
+              f.value ? (c(!0), w(j, { key: 0 }, q(Object.entries(f.value), ([x, B]) => (c(), w(j, null, [
+                e(m) === x ? (c(), M(le, P({
+                  key: x,
                   layout: "popover",
                   ref_for: !0,
                   ref_key: "filterRef",
                   ref: s
-                }, { ref_for: !0 }, D, {
-                  onChange: u[1] || (u[1] = (B) => e(r)(B.name, B.value)),
-                  onClear: u[2] || (u[2] = (B) => {
-                    e(c)(B), e(r)(B, void 0);
+                }, { ref_for: !0 }, B, {
+                  onChange: d[1] || (d[1] = (R) => e(i)(R.name, R.value)),
+                  onClear: d[2] || (d[2] = (R) => {
+                    e(h)(R), e(i)(R, void 0);
                   }),
-                  modelValue: e(v)[k],
-                  "onUpdate:modelValue": (B) => e(v)[k] = B,
+                  modelValue: e(p)[x],
+                  "onUpdate:modelValue": (R) => e(p)[x] = R,
                   cleanable: !0
-                }), null, 16, ["modelValue", "onUpdate:modelValue"])) : V("", !0)
-              ], 64))), 256)) : V("", !0),
-              (f(!0), _(j, null, q(e(w), (k, D) => (f(), _(j, {
-                key: "slot-" + D
+                }), null, 16, ["modelValue", "onUpdate:modelValue"])) : $("", !0)
+              ], 64))), 256)) : $("", !0),
+              (c(!0), w(j, null, q(e(V), (x, B) => (c(), w(j, {
+                key: "slot-" + B
               }, [
-                e(g) === k.props.name ? (f(), R(le, P({
+                e(m) === x.props.name ? (c(), M(le, P({
                   key: 0,
                   layout: "popover"
-                }, { ref_for: !0 }, k.props, {
+                }, { ref_for: !0 }, x.props, {
                   ref_for: !0,
                   ref_key: "filterRef",
                   ref: s,
-                  onChange: u[3] || (u[3] = (B) => e(r)(B.name, B.value)),
-                  onClear: u[4] || (u[4] = (B) => {
-                    e(c)(B), e(r)(B, void 0);
+                  onChange: d[3] || (d[3] = (R) => e(i)(R.name, R.value)),
+                  onClear: d[4] || (d[4] = (R) => {
+                    e(h)(R), e(i)(R, void 0);
                   }),
-                  modelValue: e(v)[k.props.name],
-                  "onUpdate:modelValue": (B) => e(v)[k.props.name] = B,
+                  modelValue: e(p)[x.props.name],
+                  "onUpdate:modelValue": (R) => e(p)[x.props.name] = R,
                   cleanable: !0
-                }), null, 16, ["modelValue", "onUpdate:modelValue"])) : V("", !0)
+                }), null, 16, ["modelValue", "onUpdate:modelValue"])) : $("", !0)
               ], 64))), 128))
-            ], 64)) : V("", !0)
+            ], 64)) : $("", !0)
           ])
         ])
       ]),
       _: 1
     }));
   }
-}), yo = { class: "flex gap-1 items-center flex-wrap" }, Se = /* @__PURE__ */ O({
+}), pa = { class: "flex gap-1 items-center flex-wrap" }, Ae = /* @__PURE__ */ U({
   __name: "inline-filter-layout",
   props: {
     schema: {},
@@ -2581,90 +2592,90 @@ const Jl = /* @__PURE__ */ X(Gl, [["render", Zl]]), eo = {
     limit: { default: 3 }
   },
   emits: ["change", "clear", "clearAll"],
-  setup(i, { expose: o, emit: b }) {
-    const t = re(), n = i, l = b, x = ve(), a = $({}), y = E(() => Object.keys(n.schema).length > n.limit), {
-      activeFilter: v,
-      activeFilterCount: p,
-      onFilterChange: r,
-      clearFilter: c,
-      clearAllFilters: C,
-      limitedSchema: w,
-      filtersSlot: g,
+  setup(t, { expose: n, emit: v }) {
+    const l = re(), r = t, a = v, b = pe(), o = S({}), f = E(() => Object.keys(r.schema).length > r.limit), {
+      activeFilter: p,
+      activeFilterCount: y,
+      onFilterChange: i,
+      clearFilter: h,
+      clearAllFilters: k,
+      limitedSchema: V,
+      filtersSlot: m,
       limitedFiltersSlot: s
     } = ke(
       {
-        ...n,
-        schema: a,
-        slots: x
+        ...r,
+        schema: o,
+        slots: b
       },
-      l
-    ), h = $();
-    function m() {
-      h.value && h.value.clearAllFilters(!0), C();
+      a
+    ), g = S();
+    function C() {
+      g.value && g.value.clearAllFilters(!0), k();
     }
-    return M(
-      () => n.schema,
-      (u) => {
-        a.value = u;
+    return F(
+      () => r.schema,
+      (d) => {
+        o.value = d;
       },
       { deep: !0, immediate: !0 }
-    ), o({
-      clearFilter: c,
-      clearAllFilters: C
-    }), (u, k) => (f(), _("div", yo, [
-      u.schema ? (f(!0), _(j, { key: 0 }, q(Object.entries(e(w)), ([D, B]) => (f(), R(le, P({
-        key: D,
-        mode: u.mode
-      }, { ref_for: !0 }, B, {
-        onChange: k[0] || (k[0] = (K) => e(r)(K.name, K.value)),
-        onClear: e(c),
+    ), n({
+      clearFilter: h,
+      clearAllFilters: k
+    }), (d, x) => (c(), w("div", pa, [
+      t.schema ? (c(!0), w(j, { key: 0 }, q(Object.entries(e(V)), ([B, R]) => (c(), M(le, P({
+        key: B,
+        mode: t.mode
+      }, { ref_for: !0 }, R, {
+        onChange: x[0] || (x[0] = (K) => e(i)(K.name, K.value)),
+        onClear: e(h),
         layout: "inline",
         cleanable: !0,
-        modelValue: e(v)[D],
-        "onUpdate:modelValue": (K) => e(v)[D] = K
-      }), null, 16, ["mode", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : V("", !0),
-      (f(!0), _(j, null, q(e(s), (D, B) => (f(), R(le, P({
-        key: "slot-" + B,
+        modelValue: e(p)[B],
+        "onUpdate:modelValue": (K) => e(p)[B] = K
+      }), null, 16, ["mode", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : $("", !0),
+      (c(!0), w(j, null, q(e(s), (B, R) => (c(), M(le, P({
+        key: "slot-" + R,
         layout: "inline"
-      }, { ref_for: !0 }, D.props, {
-        onChange: k[1] || (k[1] = (K) => e(r)(K.name, K.value)),
-        onClear: k[2] || (k[2] = (K) => {
-          e(c)(K), e(r)(K, void 0);
+      }, { ref_for: !0 }, B.props, {
+        onChange: x[1] || (x[1] = (K) => e(i)(K.name, K.value)),
+        onClear: x[2] || (x[2] = (K) => {
+          e(h)(K), e(i)(K, void 0);
         }),
         cleanable: !0,
-        modelValue: e(v)[D.props.name],
-        "onUpdate:modelValue": (K) => e(v)[D.props.name] = K
+        modelValue: e(p)[B.props.name],
+        "onUpdate:modelValue": (K) => e(p)[B.props.name] = K
       }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128)),
-      y.value ? (f(), R(Ie, P({ key: 1 }, n, {
-        schema: u.schema,
-        limit: u.limit,
-        onChange: k[3] || (k[3] = (D) => e(r)(D.name, D.value)),
-        onClearAll: k[4] || (k[4] = (D) => e(C)()),
-        onClear: k[5] || (k[5] = (D) => e(c)(D.name)),
-        mode: u.mode,
+      f.value ? (c(), M(Ie, P({ key: 1 }, r, {
+        schema: t.schema,
+        limit: t.limit,
+        onChange: x[3] || (x[3] = (B) => e(i)(B.name, B.value)),
+        onClearAll: x[4] || (x[4] = (B) => e(k)()),
+        onClear: x[5] || (x[5] = (B) => e(h)(B.name)),
+        mode: t.mode,
         ref_key: "popoverRef",
-        ref: h,
+        ref: g,
         cleanable: !0
       }), {
         default: te(() => [
-          (f(!0), _(j, null, q(e(g), (D, B) => (f(), R(J(D), P({
-            key: "slot-" + B,
+          (c(!0), w(j, null, q(e(m), (B, R) => (c(), M(J(B), P({
+            key: "slot-" + R,
             layout: "popover"
-          }, { ref_for: !0 }, D.props, { cleanable: !0 }), null, 16))), 128))
+          }, { ref_for: !0 }, B.props, { cleanable: !0 }), null, 16))), 128))
         ]),
         _: 1
-      }, 16, ["schema", "limit", "mode"])) : V("", !0),
-      e(p) > 0 ? (f(), _("button", {
+      }, 16, ["schema", "limit", "mode"])) : $("", !0),
+      e(y) > 0 ? (c(), w("button", {
         key: 2,
-        onClick: m,
+        onClick: C,
         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"
-      }, S(e(t)("filter.clear")), 1)) : V("", !0)
+      }, A(e(l)("filter.clear")), 1)) : $("", !0)
     ]));
   }
-}), go = {
+}), ya = {
   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"
-}, bo = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, ho = /* @__PURE__ */ O({
+}, ga = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, ba = /* @__PURE__ */ U({
   __name: "vertical-filter-layout",
   props: {
     schema: {},
@@ -2675,57 +2686,57 @@ const Jl = /* @__PURE__ */ X(Gl, [["render", Zl]]), eo = {
     limit: { default: 3 }
   },
   emits: ["change", "clear", "clearAll"],
-  setup(i, { expose: o, emit: b }) {
-    const t = i, n = b, l = ve(), {
-      activeFilter: x,
-      activeFilterCount: a,
-      onFilterChange: y,
-      clearFilter: v,
-      clearAllFilters: p,
-      filtersSlot: r
+  setup(t, { expose: n, emit: v }) {
+    const l = t, r = v, a = pe(), {
+      activeFilter: b,
+      activeFilterCount: o,
+      onFilterChange: f,
+      clearFilter: p,
+      clearAllFilters: y,
+      filtersSlot: i
     } = ke({
-      ...t,
-      slots: l
-    }, n);
-    return o({
-      clearFilter: v,
-      clearAllFilters: p
-    }), (c, C) => c.view === "vertical" ? (f(), _("div", go, [
-      d("div", bo, [
-        e(a) > 0 ? (f(), _("button", {
+      ...l,
+      slots: a
+    }, r);
+    return n({
+      clearFilter: p,
+      clearAllFilters: y
+    }), (h, k) => t.view === "vertical" ? (c(), w("div", ya, [
+      u("div", ga, [
+        e(o) > 0 ? (c(), w("button", {
           key: 0,
-          onClick: C[0] || (C[0] = (w) => e(p)()),
+          onClick: k[0] || (k[0] = (V) => e(y)()),
           "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), _(j, { key: 1 }, q(Object.entries(c.schema), ([w, g]) => (f(), R(le, P({ layout: "vertical" }, { ref_for: !0 }, g, {
-          onChange: C[1] || (C[1] = (s) => e(y)(s.name, s.value)),
-          onClear: C[2] || (C[2] = (s) => {
-            e(v)(s), e(y)(s, void 0);
+        }, " Очистити ")) : $("", !0),
+        t.schema ? (c(!0), w(j, { key: 1 }, q(Object.entries(t.schema), ([V, m]) => (c(), M(le, P({ layout: "vertical" }, { ref_for: !0 }, m, {
+          onChange: k[1] || (k[1] = (s) => e(f)(s.name, s.value)),
+          onClear: k[2] || (k[2] = (s) => {
+            e(p)(s), e(f)(s, void 0);
           }),
-          modelValue: e(x)[w],
-          "onUpdate:modelValue": (s) => e(x)[w] = s,
+          modelValue: e(b)[V],
+          "onUpdate:modelValue": (s) => e(b)[V] = s,
           showClean: !0
-        }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 256)) : V("", !0),
-        (f(!0), _(j, null, q(e(r), (w, g) => (f(), R(le, P({
-          key: "slot-" + g,
+        }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 256)) : $("", !0),
+        (c(!0), w(j, null, q(e(i), (V, m) => (c(), M(le, P({
+          key: "slot-" + m,
           layout: "vertical"
-        }, { ref_for: !0 }, w.props, {
-          onChange: C[3] || (C[3] = (s) => e(y)(s.name, s.value)),
-          onClear: C[4] || (C[4] = (s) => {
-            e(v)(s), e(y)(s, void 0);
+        }, { ref_for: !0 }, V.props, {
+          onChange: k[3] || (k[3] = (s) => e(f)(s.name, s.value)),
+          onClear: k[4] || (k[4] = (s) => {
+            e(p)(s), e(f)(s, void 0);
           }),
-          modelValue: e(x)[w.props.name],
-          "onUpdate:modelValue": (s) => e(x)[w.props.name] = s,
+          modelValue: e(b)[V.props.name],
+          "onUpdate:modelValue": (s) => e(b)[V.props.name] = s,
           showClean: !0
         }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128))
       ])
-    ])) : V("", !0);
+    ])) : $("", !0);
   }
-}), Ae = /* @__PURE__ */ O({
+}), De = /* @__PURE__ */ U({
   __name: "filter",
   props: {
     schema: {},
@@ -2736,123 +2747,123 @@ const Jl = /* @__PURE__ */ X(Gl, [["render", Zl]]), eo = {
     limit: { default: 3 }
   },
   emits: ["change", "clear", "clearAll"],
-  setup(i, { expose: o, emit: b }) {
-    const t = i, 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 m in s)
-          h[m] = a(s[m]);
-        return h;
+  setup(t, { expose: n, emit: v }) {
+    const l = t, r = S(l.value ?? {}), a = v, b = S();
+    function o(m) {
+      if (Array.isArray(m))
+        return m.map((s) => o(s));
+      if (m !== null && typeof m == "object") {
+        const s = se(m), g = {};
+        for (const C in s)
+          g[C] = o(s[C]);
+        return g;
       }
-      return g;
+      return m;
     }
-    function y(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 f(m, s) {
+      s !== void 0 ? r.value = {
+        ...r.value,
+        [m]: s
+      } : delete r.value[m], a("change", {
+        data: o(r.value),
+        name: m,
+        value: o(s)
       });
     }
-    function v(g) {
-      delete n.value[g], l("clear", {
-        data: a(n.value),
-        name: g
-      }), l("change", {
-        data: a(n.value),
-        name: g,
+    function p(m) {
+      delete r.value[m], a("clear", {
+        data: o(r.value),
+        name: m
+      }), a("change", {
+        data: o(r.value),
+        name: m,
         value: null
       });
     }
-    function p() {
-      n.value = {}, l("clear", {
-        data: a(n.value),
+    function y() {
+      r.value = {}, a("clear", {
+        data: o(r.value),
         name: "ALL"
-      }), l("change", {
-        data: a(n.value),
+      }), a("change", {
+        data: o(r.value),
         name: "ALL",
         value: null
       });
     }
-    const r = $({});
-    function c() {
-      switch (t.view) {
+    const i = S({});
+    function h() {
+      switch (l.view) {
         case "inline":
-          return Se;
+          return Ae;
         case "vertical":
-          return ho;
+          return ba;
         case "popover":
           return Ie;
         default:
-          return Se;
+          return Ae;
       }
     }
-    M(
-      () => t.schema,
-      (g) => {
-        if (!g) {
-          r.value = {};
+    F(
+      () => l.schema,
+      (m) => {
+        if (!m) {
+          i.value = {};
           return;
         }
-        if (Array.isArray(g) && !g.length) {
-          r.value = {};
+        if (Array.isArray(m) && !m.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(m) ? i.value = m.filter((s) => s.type).reduce((s, g) => (Object.assign(g, {
+          name: g.id || g.name,
+          type: { datepicker: "date" }[g.type.toLowerCase()] || g.type.toLowerCase(),
+          label: g.label || g.ua
+        }), s[g.name] = g, g.data && !g.api && !g.options && Object.assign(g, { api: `/api/suggest/${g.data}` }), s), {}) : (Object.entries(m).forEach(([s, g]) => {
+          Object.assign(g, { name: s || g.name || g.id, type: g.type.toLowerCase() });
+        }), i.value = { ...m });
       },
       { immediate: !0, deep: !0 }
     );
-    function C(g) {
-      x.value.clearFilter(g), v(g);
+    function k(m) {
+      b.value.clearFilter(m), p(m);
     }
-    function w() {
-      x.value.clearAllFilters(), p();
+    function V() {
+      b.value.clearAllFilters(), y();
     }
-    return M(
-      () => n.value,
-      (g) => {
-        if (t.history) {
-          const s = new URL(window.location.href), h = new URLSearchParams(window.location.search);
-          Object.keys(g).length > 0 ? h.set(
+    return F(
+      () => r.value,
+      (m) => {
+        if (l.history) {
+          const s = new URL(window.location.href), g = new URLSearchParams(window.location.search);
+          Object.keys(m).length > 0 ? g.set(
             "filter",
-            Object.entries(g).filter(([, m]) => m).map(([m, u]) => `${m}=${u}`).join("|")
-          ) : h.delete("filter"), s.search = decodeURI(h.toString()), window.history.pushState({}, "", s);
+            Object.entries(m).filter(([, C]) => C).map(([C, d]) => `${C}=${d}`).join("|")
+          ) : g.delete("filter"), s.search = decodeURI(g.toString()), window.history.pushState({}, "", s);
         }
       }
-    ), o({
-      clearAllFilters: w,
-      clearFilter: C
-    }), (g, s) => (f(), R(J(c()), P(t, {
-      schema: r.value,
-      onChange: s[0] || (s[0] = (h) => y(h.name, h.value)),
-      onClear: s[1] || (s[1] = (h) => v(h.name)),
-      onClearAll: p,
+    ), n({
+      clearAllFilters: V,
+      clearFilter: k
+    }), (m, s) => (c(), M(J(h()), P(l, {
+      schema: i.value,
+      onChange: s[0] || (s[0] = (g) => f(g.name, g.value)),
+      onClear: s[1] || (s[1] = (g) => p(g.name)),
+      onClearAll: y,
       ref_key: "filterRef",
-      ref: x
+      ref: b
     }), {
       default: te(() => [
-        de(g.$slots, "default")
+        ce(m.$slots, "default")
       ]),
       _: 3
     }, 16, ["schema"]));
   }
 });
-Ae.install = function(o) {
-  o.component("Filter", Ae), o.component("FilterField", le);
+De.install = function(n) {
+  n.component("Filter", De), n.component("FilterField", le);
 };
 export {
-  Ae as Filter,
+  De as Filter,
   le as FilterField,
-  Ae as default
+  De as default
 };