npm - @opengis/partsmap - Versions diffs - 0.1.3 → 0.1.4 - Mend

@opengis/partsmap 0.1.3 → 0.1.4

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

Files changed (3) hide show

package/index.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { defineComponent as Y, ref as V, watch as R, createBlock as j, openBlock as p, resolveDynamicComponent as oe, mergeProps as Z, withCtx as re, renderSlot as ee, computed as E, useSlots as we, createElementBlock as k, createCommentVNode as S, Fragment as K, renderList as q, unref as e, createElementVNode as a, normalizeClass as F, toDisplayString as L, createVNode as I, createTextVNode as W, toRaw as fe, cloneVNode as Ze, nextTick as ke, onMounted as ue, onBeforeUnmount as he, Teleport as Oe, withDirectives as P, normalizeStyle as Ce, vShow as X, vModelText as te, withModifiers as Ie, isRef as Je, createStaticVNode as Pe, resolveDirective as Xe, getCurrentInstance as et } from "vue";
-const tt = { class: "flex items-center justify-between w-full text-sm" }, lt = { class: "flex items-center cursor-pointer w-full" }, at = {
+import { defineComponent as Y, ref as V, watch as D, createBlock as j, openBlock as p, resolveDynamicComponent as oe, mergeProps as Z, withCtx as re, renderSlot as ee, computed as E, useSlots as we, createElementBlock as k, createCommentVNode as S, Fragment as K, renderList as q, unref as e, createElementVNode as a, normalizeClass as F, toDisplayString as L, createVNode as I, createTextVNode as W, toRaw as ve, cloneVNode as Je, nextTick as ke, onMounted as ue, onBeforeUnmount as he, Teleport as Ie, withDirectives as P, normalizeStyle as Ce, vShow as X, vModelText as te, withModifiers as Pe, isRef as Xe, createStaticVNode as Te, resolveDirective as et, getCurrentInstance as tt } from "vue";
+const lt = { class: "flex items-center justify-between w-full text-sm" }, at = { class: "flex items-center cursor-pointer w-full" }, ot = {
   key: 0,
   width: "16",
   height: "auto",
   src: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4="
-}, ot = ["value"], rt = { class: "w-[calc(100%-18px)] flex flex-row items-center justify-between pl-[10px]" }, nt = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, it = {
+}, rt = ["value"], nt = { class: "w-[calc(100%-18px)] flex flex-row items-center justify-between pl-[10px]" }, it = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, st = {
   key: 0,
   class: "text-xs text-gray-500 dark:text-neutral-500 pr-1"
 }, _e = /* @__PURE__ */ Y({
@@ -31,15 +31,15 @@ const tt = { class: "flex items-center justify-between w-full text-sm" }, lt = {
       ref_key: "el",
       ref: v
     }, [
-      a("div", tt, [
-        a("div", lt, [
+      a("div", lt, [
+        a("div", at, [
           a("label", {
             for: "radio-9740",
             class: F([
               ["inline", "popover"].includes(g.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": g.highlighted }
             ]),
-            onClick: Ie(s, ["stop", "prevent"])
+            onClick: Pe(s, ["stop", "prevent"])
           }, [
             a("div", {
               class: F(["w-[18px] h-[18px] border flex items-center justify-center", [
@@ -47,17 +47,17 @@ const tt = { class: "flex items-center justify-between w-full text-sm" }, lt = {
                 g.color ? `bg-[${g.color}] border-[#ffffff]` : g.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
               ]])
             }, [
-              g.isSelected ? (p(), k("img", at)) : S("", !0)
+              g.isSelected ? (p(), k("img", ot)) : S("", !0)
             ], 2),
             a("input", {
               type: "checkbox",
               class: "hidden",
               id: "radio-9740",
               value: g.value
-            }, null, 8, ot),
-            a("div", rt, [
-              a("span", nt, L(g.label ?? "Відсутні данні"), 1),
-              g.count ? (p(), k("div", it, " (" + L(g.count) + ") ", 1)) : S("", !0)
+            }, null, 8, rt),
+            a("div", nt, [
+              a("span", it, L(g.label ?? "Відсутні данні"), 1),
+              g.count ? (p(), k("div", st, " (" + L(g.count) + ") ", 1)) : S("", !0)
             ])
           ], 2)
         ])
@@ -65,7 +65,7 @@ const tt = { class: "flex items-center justify-between w-full text-sm" }, lt = {
     ], 512));
   }
 });
-function Te(i, o) {
+function He(i, o) {
   const {
     options: d = [],
     limit: r = 20
@@ -86,7 +86,7 @@ function Te(i, o) {
     const n = b.value;
     return i.layout === "popover" || f.value ? n : n.slice(0, r);
   });
-  R(() => i.modelValue, (n) => {
+  D(() => i.modelValue, (n) => {
     s.value = t(n);
   }, { immediate: !0 }), b.value = [...d].sort((n, C) => i.sort === "count" ? C.count && n.count ? C.count - n.count : 0 : i.sort === "name" ? String(n[m.value] ?? "").localeCompare(String(C[m.value] ?? "")) : 0);
   function u(n) {
@@ -122,18 +122,18 @@ const le = (i, o) => {
   for (const [r, t] of o)
     d[r] = t;
   return d;
-}, st = {}, ut = {
+}, ut = {}, dt = {
   class: "w-48 mx-auto",
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function dt(i, o) {
-  return p(), k("svg", ut, o[0] || (o[0] = [
-    Pe('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
+function ct(i, o) {
+  return p(), k("svg", dt, o[0] || (o[0] = [
+    Te('<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 Ve = /* @__PURE__ */ le(st, [["render", dt]]), ct = {}, pt = {
+const Ve = /* @__PURE__ */ le(ut, [["render", ct]]), pt = {}, ft = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -145,8 +145,8 @@ const Ve = /* @__PURE__ */ le(st, [["render", dt]]), ct = {}, pt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate"
 };
-function ft(i, o) {
-  return p(), k("svg", pt, o[0] || (o[0] = [
+function vt(i, o) {
+  return p(), k("svg", ft, o[0] || (o[0] = [
     a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -155,7 +155,7 @@ function ft(i, o) {
     a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const be = /* @__PURE__ */ le(ct, [["render", ft]]), vt = {}, mt = {
+const be = /* @__PURE__ */ le(pt, [["render", vt]]), mt = {}, gt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -167,8 +167,8 @@ const be = /* @__PURE__ */ le(ct, [["render", ft]]), vt = {}, mt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate-[180deg]"
 };
-function gt(i, o) {
-  return p(), k("svg", mt, o[0] || (o[0] = [
+function ht(i, o) {
+  return p(), k("svg", gt, o[0] || (o[0] = [
     a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -177,16 +177,16 @@ function gt(i, o) {
     a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Se = /* @__PURE__ */ le(vt, [["render", gt]]), ht = {
+const Se = /* @__PURE__ */ le(mt, [["render", ht]]), bt = {
   key: 0,
   class: "w-full"
-}, bt = { class: "flex flex-col items-center justify-center p-5 text-center" }, yt = {
+}, yt = { class: "flex flex-col items-center justify-center p-5 text-center" }, xt = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, xt = {
+}, wt = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, wt = /* @__PURE__ */ Y({
+}, kt = /* @__PURE__ */ Y({
   __name: "radio",
   props: {
     id: {},
@@ -226,14 +226,14 @@ const Se = /* @__PURE__ */ le(vt, [["render", gt]]), ht = {
       labelKey: u,
       valueKey: l,
       allOptions: x
-    } = Te({
+    } = He({
       ...r,
       modelValue: r.modelValue ?? r.default ?? ""
     }, s);
     return o({
       clear: m,
       inputTextRef: t
-    }), R(
+    }), D(
       () => r.modelValue,
       (h) => {
         h === void 0 && (v.value = void 0);
@@ -259,8 +259,8 @@ const Se = /* @__PURE__ */ le(vt, [["render", gt]]), ht = {
           onItemClick: (M) => e(w)(C)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
       ], 2),
-      h.type === "select" && e(g).length === 0 && !e(y) ? (p(), k("div", ht, [
-        a("div", bt, [
+      h.type === "select" && e(g).length === 0 && !e(y) ? (p(), k("div", bt, [
+        a("div", yt, [
           I(Ve),
           n[4] || (n[4] = a("div", { class: "max-w-sm mx-auto mt-6" }, [
             a("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
@@ -289,7 +289,7 @@ const Se = /* @__PURE__ */ le(vt, [["render", gt]]), ht = {
         ])) : S("", !0)
       ], 64)) : S("", !0),
       h.cleanable ? (p(), k(K, { key: 2 }, [
-        h.layout === "inline" ? (p(), k("div", yt, [
+        h.layout === "inline" ? (p(), k("div", xt, [
           W(L(e(v) || e(v) === null ? 1 : 0) + " з " + L(e(x).length) + " обрано ", 1),
           P(a("button", {
             class: "text-gray-600 hover:text-gray-800",
@@ -299,7 +299,7 @@ const Se = /* @__PURE__ */ le(vt, [["render", gt]]), ht = {
             [X, e(v) !== "" && e(v) !== void 0]
           ])
         ])) : S("", !0),
-        h.layout === "popover" ? (p(), k("div", xt, [
+        h.layout === "popover" ? (p(), k("div", wt, [
           a("span", null, L(e(v) || e(v) === null ? 1 : 0) + " з " + L(e(x).length) + " обрано", 1),
           P(a("button", {
             class: "text-gray-600 hover:text-gray-800",
@@ -313,7 +313,7 @@ const Se = /* @__PURE__ */ le(vt, [["render", gt]]), ht = {
     ], 2));
   }
 });
-function He(i, o) {
+function Ee(i, o) {
   const {
     options: d = [],
     limit: r = 20
@@ -334,7 +334,7 @@ function He(i, o) {
     const n = b.value;
     return i.layout === "popover" || f.value ? n : n.slice(0, r);
   });
-  R(() => i.modelValue, (n) => {
+  D(() => i.modelValue, (n) => {
     s.value = t(n);
   }, { immediate: !0 }), b.value = [...d].sort((n, C) => i.sort === "count" ? C.count && n.count ? C.count - n.count : 0 : i.sort === "name" ? String(n[m.value]).localeCompare(String(C[m.value])) : 0);
   function u(n) {
@@ -366,16 +366,16 @@ function He(i, o) {
     allOptions: b
   };
 }
-const kt = {
+const Ct = {
   key: 0,
   class: "w-full"
-}, Ct = { class: "flex flex-col items-center justify-center p-5 text-center" }, _t = {
+}, _t = { class: "flex flex-col items-center justify-center p-5 text-center" }, Vt = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, Vt = {
+}, St = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, je = /* @__PURE__ */ Y({
+}, Fe = /* @__PURE__ */ Y({
   __name: "checkbox",
   props: {
     id: {},
@@ -415,11 +415,11 @@ const kt = {
       labelKey: c,
       valueKey: u,
       allOptions: l
-    } = He({
+    } = Ee({
       ...r,
       modelValue: r.modelValue
     }, t);
-    return R(
+    return D(
       () => r.modelValue,
       (x) => {
         x === void 0 && (s.value = []);
@@ -446,8 +446,8 @@ const kt = {
           onItemClick: (C) => e(b)(n)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
       ], 2),
-      x.type === "select" && e(v).length === 0 && !e(f) ? (p(), k("div", kt, [
-        a("div", Ct, [
+      x.type === "select" && e(v).length === 0 && !e(f) ? (p(), k("div", Ct, [
+        a("div", _t, [
           I(Ve),
           h[4] || (h[4] = a("div", { class: "max-w-sm mx-auto mt-6" }, [
             a("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
@@ -476,7 +476,7 @@ const kt = {
         ])) : S("", !0)
       ], 64)) : S("", !0),
       x.cleanable ? (p(), k(K, { key: 2 }, [
-        x.layout === "inline" ? (p(), k("div", _t, [
+        x.layout === "inline" ? (p(), k("div", Vt, [
           W(L(e(s).length) + " з " + L(e(l).length) + " обрано ", 1),
           P(a("button", {
             class: "text-gray-600 hover:text-gray-800",
@@ -486,7 +486,7 @@ const kt = {
             [X, e(s).length !== 0]
           ])
         ])) : S("", !0),
-        x.layout === "popover" ? (p(), k("div", Vt, [
+        x.layout === "popover" ? (p(), k("div", St, [
           a("span", null, L(e(s).length) + " з " + L(e(l).length) + " обрано", 1),
           P(a("button", {
             class: "text-gray-600 hover:text-gray-800",
@@ -499,7 +499,7 @@ const kt = {
       ], 64)) : S("", !0)
     ], 2));
   }
-}), St = {}, Mt = {
+}), Mt = {}, Bt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "15px",
@@ -511,8 +511,8 @@ const kt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Bt(i, o) {
-  return p(), k("svg", Mt, o[0] || (o[0] = [
+function $t(i, o) {
+  return p(), k("svg", Bt, o[0] || (o[0] = [
     a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -522,7 +522,7 @@ function Bt(i, o) {
     a("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const Ee = /* @__PURE__ */ le(St, [["render", Bt]]), $t = {}, At = {
+const Ye = /* @__PURE__ */ le(Mt, [["render", $t]]), At = {}, Rt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -534,8 +534,8 @@ const Ee = /* @__PURE__ */ le(St, [["render", Bt]]), $t = {}, At = {
   width: "15px",
   height: "15px"
 };
-function Rt(i, o) {
-  return p(), k("svg", At, o[0] || (o[0] = [
+function Dt(i, o) {
+  return p(), k("svg", Rt, o[0] || (o[0] = [
     a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -545,13 +545,13 @@ function Rt(i, o) {
     a("path", { d: "M6 6l12 12" }, null, -1)
   ]));
 }
-const Ye = /* @__PURE__ */ le($t, [["render", Rt]]);
+const We = /* @__PURE__ */ le(At, [["render", Dt]]);
 class ye {
   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";
   }
 }
-const Dt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, zt = ["placeholder"], jt = /* @__PURE__ */ Y({
+const zt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, jt = ["placeholder"], Ft = /* @__PURE__ */ Y({
   __name: "text-input",
   props: {
     id: {},
@@ -579,7 +579,7 @@ const Dt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
   emits: ["update:modelValue", "change", "clear"],
   setup(i, { emit: o }) {
     const d = i, r = V((d.placeHolder || d.label || d.name || "search").toString()), t = o, s = V(d.modelValue ?? "");
-    R(
+    D(
       () => d.modelValue,
       (b) => {
         b !== s.value && (s.value = b ?? "");
@@ -597,15 +597,15 @@ const Dt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
         b.layout === "inline" ? e(ye).getWidthClass(b.width) : "mb-2" + (b.layout === "popover" ? " m-2" : "")
       ])
     }, [
-      a("div", Dt, [
-        I(Ee)
+      a("div", zt, [
+        I(Ye)
       ]),
       s.value !== "" ? (p(), k("div", {
         key: 0,
         onClick: g,
         class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"
       }, [
-        I(Ye)
+        I(We)
       ])) : S("", !0),
       P(a("input", {
         type: "text",
@@ -613,37 +613,37 @@ const Dt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
         onInput: v,
         placeholder: r.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, zt), [
+      }, null, 40, jt), [
         [te, s.value]
       ])
     ], 2));
   }
 });
-function We(i = { color: "blue" }) {
+function qe(i = { color: "blue" }) {
   return E(() => {
     const o = `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 == null ? void 0 : i.size) === "sm" ? `${o}h-[32px]` : `${o}h-[38px]`;
   });
 }
-function Ft() {
+function Kt() {
   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 Kt() {
+function Lt() {
   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 qe(i) {
+function Ne(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]";
 }
-const Lt = {
+const Ut = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Ut = ["placeholder", "disabled"], Ot = {
+}, Ot = ["placeholder", "disabled"], It = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, It = {
+}, Pt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Pt = ["placeholder", "disabled"], Tt = ["disabled"], Ht = /* @__PURE__ */ Y({
+}, Tt = ["placeholder", "disabled"], Ht = ["disabled"], Et = /* @__PURE__ */ Y({
   __name: "range-input",
   props: {
     id: {},
@@ -670,7 +670,7 @@ const Lt = {
   },
   emits: ["update:modelValue", "change", "clear"],
   setup(i, { expose: o, emit: d }) {
-    const r = We(), t = Ft(), s = i, v = V(
+    const r = qe(), t = Kt(), s = i, v = V(
       s.modelValue ?? s.default ?? []
     ), g = d, b = E({
       get: () => s.modelValue ?? v.value,
@@ -684,7 +684,7 @@ const Lt = {
     function m() {
       v.value = [], b.value = v.value, g("clear", s.name);
     }
-    return R(() => s.modelValue, (f) => {
+    return D(() => s.modelValue, (f) => {
       f !== void 0 && s.layout !== "popover" ? (v.value = f, g("update:modelValue", f)) : v.value = [];
     }), o({
       clear: m,
@@ -697,7 +697,7 @@ const Lt = {
             class: F(f.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
           }, [
             a("div", null, [
-              f.layout !== "vertical" ? (p(), k("label", Lt, "Від")) : S("", !0),
+              f.layout !== "vertical" ? (p(), k("label", Ut, "Від")) : S("", !0),
               P(a("input", {
                 type: "number",
                 class: F(e(r)),
@@ -706,13 +706,13 @@ const Lt = {
                 style: { outline: "none" },
                 "onUpdate:modelValue": y[0] || (y[0] = (u) => b.value[0] = u),
                 disabled: f.disabled
-              }, null, 10, Ut), [
+              }, null, 10, Ot), [
                 [te, b.value[0]]
               ])
             ]),
-            f.layout === "vertical" ? (p(), k("label", Ot, " - ")) : S("", !0),
+            f.layout === "vertical" ? (p(), k("label", It, " - ")) : S("", !0),
             a("div", null, [
-              f.layout !== "vertical" ? (p(), k("label", It, "До")) : S("", !0),
+              f.layout !== "vertical" ? (p(), k("label", Pt, "До")) : S("", !0),
               P(a("input", {
                 type: "number",
                 class: F(e(r)),
@@ -723,7 +723,7 @@ const Lt = {
                 style: { outline: "none" },
                 "onUpdate:modelValue": y[1] || (y[1] = (u) => b.value[1] = u),
                 disabled: f.disabled
-              }, null, 10, Pt), [
+              }, null, 10, Tt), [
                 [te, b.value[1]]
               ])
             ]),
@@ -737,17 +737,17 @@ const Lt = {
               disabled: !(b.value[0] || b.value[1]),
               onClick: m,
               class: F(e(t) + " hover:bg-gray-100")
-            }, "Очистити", 10, Tt)) : S("", !0)
+            }, "Очистити", 10, Ht)) : S("", !0)
           ], 2)
         ]),
         (f.cleanable && v.value.length, S("", !0))
       ], 64);
     };
   }
-}), Et = ["disabled", "title"], Yt = {
+}), Yt = ["disabled", "title"], Wt = {
   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"
-}, Wt = { 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" }, qt = { 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" }, Me = /* @__PURE__ */ Y({
+}, qt = { 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" }, Nt = { 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" }, Me = /* @__PURE__ */ Y({
   __name: "popover-field",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -759,7 +759,7 @@ const Lt = {
     layout: {}
   },
   setup(i, { expose: o }) {
-    const d = i, r = E(() => qe(d.mode)), t = V(!1), s = V({ top: 0, left: 0 }), v = V(null), g = V(null), b = V(null);
+    const d = i, r = E(() => Ne(d.mode)), t = V(!1), s = V({ top: 0, left: 0 }), v = V(null), g = V(null), b = V(null);
     function w() {
       const l = g.value, x = b.value;
       if (!l || !x) return;
@@ -810,9 +810,9 @@ const Lt = {
           class: F(["truncate text-ellipsis block", l.width ? e(ye).getWidthClass(l.width - 50) : "w-full"])
         }, L(u.value), 3),
         I(be, { class: "h-4 w-4" }),
-        (Array.isArray(l.currentValue) ? l.currentValue === null || l.currentValue.length > 0 : l.currentValue === null || l.currentValue) && l.layout === "inline" ? (p(), k("span", Yt)) : S("", !0)
-      ], 10, Et),
-      _.value ? (p(), j(Oe, {
+        (Array.isArray(l.currentValue) ? l.currentValue === null || l.currentValue.length > 0 : l.currentValue === null || l.currentValue) && l.layout === "inline" ? (p(), k("span", Wt)) : S("", !0)
+      ], 10, Yt),
+      _.value ? (p(), j(Ie, {
         key: 0,
         to: "body"
       }, [
@@ -823,8 +823,8 @@ const Lt = {
           style: Ce({ top: `${s.value.top}px`, left: `${s.value.left}px` }),
           "data-inside-popover": ""
         }, [
-          a("div", Wt, [
-            a("div", qt, [
+          a("div", qt, [
+            a("div", Nt, [
               ee(l.$slots, "default")
             ])
           ])
@@ -835,7 +835,7 @@ const Lt = {
     ]));
   }
 });
-function Nt(i) {
+function Gt(i) {
   return String(i).charAt(0).toUpperCase() + String(i).slice(1);
 }
 class N {
@@ -886,7 +886,7 @@ class N {
     return r.setDate(d.getDate() - o), [this.format(r), this.format(d)];
   }
 }
-function Ne(i, o) {
+function Ge(i, o) {
   const {
     popoverRef: d
   } = i, r = V(""), t = V(
@@ -1033,22 +1033,22 @@ function Ne(i, o) {
     clear: c
   };
 }
-const Gt = {
+const Qt = {
   key: 0,
   class: "relative flex w-full h-auto gap-2 filter-date m-2 flex-wrap"
-}, Qt = {
+}, Zt = {
   key: 0,
   class: "flex gap-1 !w-[75%] rounded-lg"
-}, Zt = ["max", "disabled"], Jt = ["min", "disabled"], Xt = {
+}, Jt = ["max", "disabled"], Xt = ["min", "disabled"], el = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, el = ["max", "disabled"], tl = {
+}, tl = ["max", "disabled"], ll = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, ll = {
+}, al = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, al = ["min", "disabled"], ol = { class: "flex gap-1 pt-2" }, rl = ["onClick"], nl = /* @__PURE__ */ Y({
+}, ol = ["min", "disabled"], rl = { class: "flex gap-1 pt-2" }, nl = ["onClick"], il = /* @__PURE__ */ Y({
   __name: "date-input",
   props: {
     id: {},
@@ -1075,25 +1075,25 @@ const Gt = {
   },
   emits: ["update:modelValue", "change", "clear"],
   setup(i, { expose: o, emit: d }) {
-    const r = i, t = We(), s = Kt(), v = d, g = V(null), {
+    const r = i, t = qe(), s = Lt(), v = d, g = V(null), {
       activeMode: b,
       innerValue: w,
       onSelectChange: m,
       nextClick: f,
       prevClick: y,
       clear: _
-    } = Ne({
+    } = Ge({
       ...r,
       popoverRef: g
     }, v);
-    return R(() => r.modelValue, (c) => {
+    return D(() => r.modelValue, (c) => {
       c !== void 0 ? (w.value = c, v("update:modelValue", c)) : (b.value = "", w.value = []);
     }), o({
       clear: _,
       popoverRef: g
     }), (c, u) => (p(), k(K, null, [
-      c.layout === "inline" ? (p(), k("div", Gt, [
-        e(b) !== "" && e(b) === "range" ? (p(), k("div", Qt, [
+      c.layout === "inline" ? (p(), k("div", Qt, [
+        e(b) !== "" && e(b) === "range" ? (p(), k("div", Zt, [
           P(a("input", {
             type: "date",
             max: e(w)[1],
@@ -1101,7 +1101,7 @@ const Gt = {
             "onUpdate:modelValue": u[0] || (u[0] = (l) => e(w)[0] = l),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600",
             disabled: c.disabled
-          }, null, 8, Zt), [
+          }, null, 8, Jt), [
             [te, e(w)[0]]
           ]),
           P(a("input", {
@@ -1111,7 +1111,7 @@ const Gt = {
             "onUpdate:modelValue": u[1] || (u[1] = (l) => e(w)[1] = l),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600 appearance-auto",
             disabled: c.disabled
-          }, null, 8, Jt), [
+          }, null, 8, Xt), [
             [te, e(w)[1]]
           ])
         ])) : S("", !0)
@@ -1122,7 +1122,7 @@ const Gt = {
         a("div", {
           class: F(c.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          c.layout === "popover" ? (p(), k("label", Xt, "Від")) : S("", !0),
+          c.layout === "popover" ? (p(), k("label", el, "Від")) : S("", !0),
           P(a("input", {
             type: "date",
             max: e(w)[1],
@@ -1130,15 +1130,15 @@ const Gt = {
             "onUpdate:modelValue": u[2] || (u[2] = (l) => e(w)[0] = l),
             class: F(e(t)),
             disabled: c.disabled
-          }, null, 10, el), [
+          }, null, 10, tl), [
             [te, e(w)[0]]
           ])
         ], 2),
-        c.layout !== "popover" ? (p(), k("label", tl, " - ")) : S("", !0),
+        c.layout !== "popover" ? (p(), k("label", ll, " - ")) : S("", !0),
         a("div", {
           class: F(c.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          c.layout === "popover" ? (p(), k("label", ll, "До")) : S("", !0),
+          c.layout === "popover" ? (p(), k("label", al, "До")) : S("", !0),
           P(a("input", {
             type: "date",
             min: e(w)[0],
@@ -1146,17 +1146,17 @@ const Gt = {
             "onUpdate:modelValue": u[3] || (u[3] = (l) => e(w)[1] = l),
             class: F(e(t)),
             disabled: c.disabled
-          }, null, 10, al), [
+          }, null, 10, ol), [
             [te, e(w)[1]]
           ])
         ], 2)
       ], 2),
-      a("div", ol, [
+      a("div", rl, [
         (p(), k(K, null, q(["today", "week", "month", "quarter", "year"], (l) => a("button", {
           key: l,
           class: F(e(s) + (e(b) === l ? " bg-blue-100" : "")),
           onClick: (x) => e(m)(l)
-        }, L(e(Nt)(l)), 11, rl)), 64)),
+        }, L(e(Gt)(l)), 11, nl)), 64)),
         a("button", {
           class: F(e(s)),
           onClick: u[4] || (u[4] = //@ts-ignore
@@ -1172,7 +1172,7 @@ const Gt = {
     ], 64));
   }
 });
-function il(i, o) {
+function sl(i, o) {
   const {
     api: d,
     options: r = [],
@@ -1223,11 +1223,11 @@ function il(i, o) {
       }
     }
   }
-  R(w, (B) => {
+  D(w, (B) => {
     d && (C && clearTimeout(C), C = setTimeout(() => {
       M(B);
     }, 200));
-  }), R(() => i.modelValue, (B) => {
+  }), D(() => i.modelValue, (B) => {
     b.value = g(B);
   }, { immediate: !0 }), d ? M("") : f.value = r;
   function $(B) {
@@ -1254,7 +1254,7 @@ function il(i, o) {
     C && clearTimeout(C);
   });
   const J = V(-1);
-  R(n, () => {
+  D(n, () => {
     J.value = n.value.length > 0 ? 0 : -1;
   });
   function H(B) {
@@ -1289,16 +1289,16 @@ function il(i, o) {
     totalCount: x
   };
 }
-const sl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, ul = {
+const ul = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, dl = {
   key: 0,
   class: "w-full"
-}, dl = { class: "flex flex-col items-center justify-center p-5 text-center" }, cl = {
+}, cl = { class: "flex flex-col items-center justify-center p-5 text-center" }, pl = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, pl = {
+}, fl = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, fl = /* @__PURE__ */ Y({
+}, vl = /* @__PURE__ */ Y({
   __name: "select",
   props: {
     id: {},
@@ -1343,26 +1343,26 @@ const sl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       onKeyDown: C,
       selectedLabels: M,
       totalCount: $
-    } = il({
+    } = sl({
       ...r,
       modelValue: r.modelValue
     }, t);
     ue(() => {
       f();
-    }), R(
+    }), D(
       () => r.modelValue,
       (T) => {
         T === void 0 && (r.multi ? v.value = [] : v.value = void 0);
       }
     );
     const A = V([]);
-    return R(n, (T) => {
+    return D(n, (T) => {
       var U;
       T >= 0 && A.value[T] && ((U = A.value[T]) == null || U.scrollIntoView({
         block: "nearest",
         behavior: "smooth"
       }));
-    }), R(g, () => {
+    }), D(g, () => {
       A.value = [];
     }), o({
       clear: m,
@@ -1373,9 +1373,9 @@ const sl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       return p(), k("div", {
         class: F([T.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
       }, [
-        a("div", sl, [
+        a("div", ul, [
           P(a("input", {
-            "onUpdate:modelValue": U[0] || (U[0] = (H) => Je(l) ? l.value = H : null),
+            "onUpdate:modelValue": U[0] || (U[0] = (H) => Xe(l) ? l.value = H : null),
             onKeydown: U[1] || (U[1] = //@ts-ignore
             (...H) => e(C) && e(C)(...H)),
             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",
@@ -1386,8 +1386,8 @@ const sl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
           }, null, 544), [
             [te, e(l)]
           ]),
-          I(Ee, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
-          I(Ye, {
+          I(Ye, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
+          I(We, {
             onClick: U[2] || (U[2] = (H) => l.value = ""),
             class: "absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"
           })
@@ -1412,8 +1412,8 @@ const sl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
             ref: (O) => A.value[B] = O == null ? void 0 : O.el
           }, null, 8, ["layout", "count", "label", "color", "type", "value", "is-selected", "highlighted", "onItemClick"]))), 256))
         ], 2),
-        T.type === "select" && e(g).length === 0 && !e(_) ? (p(), k("div", ul, [
-          a("div", dl, [
+        T.type === "select" && e(g).length === 0 && !e(_) ? (p(), k("div", dl, [
+          a("div", cl, [
             I(Ve),
             U[7] || (U[7] = a("div", { class: "max-w-sm mx-auto mt-6" }, [
               a("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
@@ -1442,7 +1442,7 @@ const sl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
           ])) : S("", !0)
         ], 64)) : S("", !0),
         T.cleanable ? (p(), k(K, { key: 2 }, [
-          T.layout === "inline" ? (p(), k("div", cl, [
+          T.layout === "inline" ? (p(), k("div", pl, [
             W(L(T.multi && Array.isArray(e(v)) ? (de = e(v)) == null ? void 0 : de.length : e(v) !== void 0 && (e(v) || e(v) === null) ? 1 : 0) + " з " + L(e($)) + " обрано ", 1),
             P(a("button", {
               class: "text-gray-600 hover:text-gray-800",
@@ -1452,7 +1452,7 @@ const sl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
               [X, e(v) !== "" && e(v) !== void 0 || e(v)]
             ])
           ])) : S("", !0),
-          T.layout === "popover" ? (p(), k("div", pl, [
+          T.layout === "popover" ? (p(), k("div", fl, [
             a("span", null, L(T.multi && Array.isArray(e(v)) ? (J = e(v)) == null ? void 0 : J.length : e(v) !== void 0 && (e(v) || e(v) === null) ? 1 : 0) + " з " + L(e($)) + " обрано", 1),
             P(a("button", {
               class: "text-gray-600 hover:text-gray-800",
@@ -1466,13 +1466,13 @@ const sl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       ], 2);
     };
   }
-}), vl = ["for", "onClick"], ml = ["id", "name", "value"], gl = { class: "block" }, hl = {
+}), ml = ["for", "onClick"], gl = ["id", "name", "value"], hl = { class: "block" }, bl = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, bl = {
+}, yl = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, yl = /* @__PURE__ */ Y({
+}, xl = /* @__PURE__ */ Y({
   __name: "tag-field",
   props: {
     id: {},
@@ -1507,16 +1507,16 @@ const sl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       labelKey: w,
       valueKey: m,
       allOptions: f
-    } = r.multi ? He({
+    } = r.multi ? Ee({
       ...r,
       modelValue: r.modelValue ?? r.default ?? []
-    }, t) : Te({
+    }, t) : He({
       ...r,
       modelValue: r.modelValue !== void 0 ? r.modelValue : r.default ?? ""
     }, t);
     return o({
       clear: b
-    }), R(
+    }), D(
       () => r.modelValue,
       (y) => {
         y === void 0 && (r.multi ? s.value = [] : s.value = void 0);
@@ -1530,7 +1530,7 @@ const sl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
           (p(!0), k(K, null, q(e(f), (l) => (p(), k("label", {
             key: `item-${l[e(m)]}`,
             for: `item-${l[e(m)]}`,
-            onClick: Ie((x) => e(g)(l), ["stop", "prevent"]),
+            onClick: Pe((x) => e(g)(l), ["stop", "prevent"]),
             class: F([e(v)(l) ? "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%)]"])
           }, [
             a("input", {
@@ -1539,12 +1539,12 @@ const sl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
               class: "hidden w4poy border-gray-200 g41z1 g22e3 axcnw dark:text-indigo-500 dark:border-neutral-700 dark:focus:ring-neutral-900",
               name: `item-${l[e(m)]}`,
               value: l[e(m)]
-            }, null, 8, ml),
-            a("span", gl, L(l[e(w)]), 1)
-          ], 10, vl))), 128))
+            }, null, 8, gl),
+            a("span", hl, L(l[e(w)]), 1)
+          ], 10, ml))), 128))
         ], 2),
         y.cleanable ? (p(), k(K, { key: 0 }, [
-          y.layout === "inline" ? (p(), k("div", hl, [
+          y.layout === "inline" ? (p(), k("div", bl, [
             W(L(y.multi && Array.isArray(e(s)) ? (c = e(s)) == null ? void 0 : c.length : e(s) !== void 0 && (e(s) || e(s) === null) ? 1 : 0) + " з " + L(e(f).length) + " обрано ", 1),
             P(a("button", {
               class: "text-gray-600 hover:text-gray-800",
@@ -1554,7 +1554,7 @@ const sl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
               [X, e(s) !== "" && e(s) !== void 0 || e(s)]
             ])
           ])) : S("", !0),
-          y.layout === "popover" ? (p(), k("div", bl, [
+          y.layout === "popover" ? (p(), k("div", yl, [
             a("span", null, L(y.multi && Array.isArray(e(s)) ? (u = e(s)) == null ? void 0 : u.length : e(s) !== void 0 && (e(s) || e(s) === null) ? 1 : 0) + " з " + L(e(f).length) + " обрано", 1),
             P(a("button", {
               class: "text-gray-600 hover:text-gray-800",
@@ -1568,7 +1568,7 @@ const sl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       ], 64);
     };
   }
-}), xl = {}, wl = {
+}), wl = {}, kl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1580,12 +1580,12 @@ const sl = { 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 p(), k("svg", wl, o[0] || (o[0] = [
+function Cl(i, o) {
+  return p(), k("svg", kl, o[0] || (o[0] = [
     a("path", { d: "M20 6 9 17l-5-5" }, null, -1)
   ]));
 }
-const se = /* @__PURE__ */ le(xl, [["render", kl]]), Cl = {}, _l = {
+const se = /* @__PURE__ */ le(wl, [["render", Cl]]), _l = {}, Vl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1597,8 +1597,8 @@ const se = /* @__PURE__ */ le(xl, [["render", kl]]), Cl = {}, _l = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[90deg]"
 };
-function Vl(i, o) {
-  return p(), k("svg", _l, o[0] || (o[0] = [
+function Sl(i, o) {
+  return p(), k("svg", Vl, o[0] || (o[0] = [
     a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1607,7 +1607,7 @@ function Vl(i, o) {
     a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Sl = /* @__PURE__ */ le(Cl, [["render", Vl]]), Ml = {}, Bl = {
+const Ml = /* @__PURE__ */ le(_l, [["render", Sl]]), Bl = {}, $l = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1619,8 +1619,8 @@ const Sl = /* @__PURE__ */ le(Cl, [["render", Vl]]), Ml = {}, Bl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[270deg]"
 };
-function $l(i, o) {
-  return p(), k("svg", Bl, o[0] || (o[0] = [
+function Al(i, o) {
+  return p(), k("svg", $l, o[0] || (o[0] = [
     a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1629,10 +1629,10 @@ function $l(i, o) {
     a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Al = /* @__PURE__ */ le(Ml, [["render", $l]]), Rl = { class: "flex" }, Dl = { class: "mb-1" }, zl = { class: "mb-1" }, jl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, Fl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, Kl = {
+const Rl = /* @__PURE__ */ le(Bl, [["render", Al]]), Dl = { class: "flex" }, zl = { class: "mb-1" }, jl = { class: "mb-1" }, Fl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, Kl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, Ll = {
   key: 1,
   class: "flex gap-1 !w-[75%] rounded-lg"
-}, Ll = ["max", "disabled"], Ul = ["min", "disabled"], Ol = /* @__PURE__ */ Y({
+}, Ul = ["max", "disabled"], Ol = ["min", "disabled"], Il = /* @__PURE__ */ Y({
   __name: "date-input-inline",
   props: {
     id: {},
@@ -1667,17 +1667,17 @@ const Al = /* @__PURE__ */ le(Ml, [["render", $l]]), Rl = { class: "flex" }, Dl
       prevClick: m,
       currentLabel: f,
       clear: y
-    } = Ne({
+    } = Ge({
       ...r,
       popoverRef: s
     }, t);
-    return R(() => r.modelValue, (_) => {
+    return D(() => r.modelValue, (_) => {
       _ !== void 0 ? (g.value = _, t("update:modelValue", _)) : (v.value = "", g.value = []);
     }), o({
       clear: y,
       popoverRef: s
     }), (_, c) => (p(), k(K, null, [
-      a("div", Rl, [
+      a("div", Dl, [
         I(Me, {
           ref_key: "popoverRef",
           ref: s,
@@ -1741,7 +1741,7 @@ const Al = /* @__PURE__ */ le(Ml, [["render", $l]]), Rl = { class: "flex" }, Dl
                 e(v) === "quarter" ? (p(), j(se, { key: 0 })) : S("", !0)
               ])
             ]),
-            a("div", Dl, [
+            a("div", zl, [
               a("button", {
                 type: "button",
                 onClick: c[5] || (c[5] = (u) => e(b)("year")),
@@ -1751,7 +1751,7 @@ const Al = /* @__PURE__ */ le(Ml, [["render", $l]]), Rl = { class: "flex" }, Dl
                 e(v) === "year" ? (p(), j(se, { key: 0 })) : S("", !0)
               ])
             ]),
-            a("div", zl, [
+            a("div", jl, [
               a("button", {
                 type: "button",
                 onClick: c[6] || (c[6] = (u) => e(y)()),
@@ -1766,7 +1766,7 @@ const Al = /* @__PURE__ */ le(Ml, [["render", $l]]), Rl = { class: "flex" }, Dl
           __: [19]
         }, 8, ["label", "current-value", "mode", "onClear", "layout"]),
         e(v) !== "" && e(v) !== "range" && e(v) !== "last_7_days" ? (p(), k(K, { key: 0 }, [
-          a("div", jl, [
+          a("div", Fl, [
             a("button", {
               type: "button",
               title: "Попередній період",
@@ -1774,10 +1774,10 @@ const Al = /* @__PURE__ */ le(Ml, [["render", $l]]), Rl = { class: "flex" }, Dl
               onClick: c[7] || (c[7] = //@ts-ignore
               (...u) => e(m) && e(m)(...u))
             }, [
-              I(Sl)
+              I(Ml)
             ])
           ]),
-          a("div", Fl, [
+          a("div", Kl, [
             a("button", {
               type: "button",
               title: "Наступний період",
@@ -1785,11 +1785,11 @@ const Al = /* @__PURE__ */ le(Ml, [["render", $l]]), Rl = { class: "flex" }, Dl
               onClick: c[8] || (c[8] = //@ts-ignore
               (...u) => e(w) && e(w)(...u))
             }, [
-              I(Al)
+              I(Rl)
             ])
           ])
         ], 64)) : S("", !0),
-        e(v) !== "" && e(v) === "range" ? (p(), k("div", Kl, [
+        e(v) !== "" && e(v) === "range" ? (p(), k("div", Ll, [
           P(a("input", {
             type: "date",
             max: e(g)[1],
@@ -1797,7 +1797,7 @@ const Al = /* @__PURE__ */ le(Ml, [["render", $l]]), Rl = { class: "flex" }, Dl
             "onUpdate:modelValue": c[9] || (c[9] = (u) => e(g)[0] = u),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600",
             disabled: _.disabled
-          }, null, 8, Ll), [
+          }, null, 8, Ul), [
             [te, e(g)[0]]
           ]),
           P(a("input", {
@@ -1807,7 +1807,7 @@ const Al = /* @__PURE__ */ le(Ml, [["render", $l]]), Rl = { class: "flex" }, Dl
             "onUpdate:modelValue": c[10] || (c[10] = (u) => e(g)[1] = u),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600 appearance-auto",
             disabled: _.disabled
-          }, null, 8, Ul), [
+          }, null, 8, Ol), [
             [te, e(g)[1]]
           ])
         ])) : S("", !0)
@@ -1815,16 +1815,16 @@ const Al = /* @__PURE__ */ le(Ml, [["render", $l]]), Rl = { class: "flex" }, Dl
       (_.cleanable, S("", !0))
     ], 64));
   }
-}), Fe = {
-  radio: wt,
-  checkbox: je,
-  check: je,
-  text: jt,
-  range: Ht,
-  date: nl,
-  select: fl,
-  tag: yl,
-  "date:inline": Ol
+}), Ke = {
+  radio: kt,
+  checkbox: Fe,
+  check: Fe,
+  text: Ft,
+  range: Et,
+  date: il,
+  select: vl,
+  tag: xl,
+  "date:inline": Il
 };
 function Be(i, o) {
   let d;
@@ -1839,11 +1839,11 @@ function Be(i, o) {
       d = i == null ? void 0 : i.toString().toLowerCase();
   }
   return d === "date" && o && o === "inline" && (d = "date:inline"), {
-    component: Fe[d] || Fe.text,
+    component: Ke[d] || Ke.text,
     type: d
   };
 }
-const Il = {}, Pl = {
+const Pl = {}, Tl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1855,8 +1855,8 @@ const Il = {}, Pl = {
   "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 Tl(i, o) {
-  return p(), k("svg", Pl, o[0] || (o[0] = [
+function Hl(i, o) {
+  return p(), k("svg", Tl, o[0] || (o[0] = [
     a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1866,7 +1866,7 @@ function Tl(i, o) {
     a("path", { d: "M20 4v5h-5" }, null, -1)
   ]));
 }
-const Hl = /* @__PURE__ */ le(Il, [["render", Tl]]), El = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Yl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, Wl = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, ql = { class: "flex items-center" }, Nl = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, Gl = { class: "filter-layout__body" }, Ql = /* @__PURE__ */ Y({
+const El = /* @__PURE__ */ le(Pl, [["render", Hl]]), Yl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Wl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, ql = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, Nl = { class: "flex items-center" }, Gl = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, Ql = { class: "filter-layout__body" }, Zl = /* @__PURE__ */ Y({
   __name: "vertical-layout",
   props: {
     id: {},
@@ -1906,12 +1906,12 @@ const Hl = /* @__PURE__ */ le(Il, [["render", Tl]]), El = { style: { display: "i
     function m() {
       s.value && s.value.clear(), t("clear", r.name);
     }
-    return R(
+    return D(
       () => r.default,
       (f) => {
         g.value = f;
       }
-    ), R(
+    ), D(
       () => r.modelValue,
       (f) => {
         g.value = f;
@@ -1920,18 +1920,18 @@ const Hl = /* @__PURE__ */ le(Il, [["render", Tl]]), El = { style: { display: "i
       filterRef: s
     }), (f, y) => {
       var _, c, u;
-      return p(), k("div", El, [
-        a("div", Yl, [
-          a("div", Wl, [
-            a("div", ql, [
-              a("span", Nl, L(f.label), 1)
+      return p(), k("div", Yl, [
+        a("div", Wl, [
+          a("div", ql, [
+            a("div", Nl, [
+              a("span", Gl, L(f.label), 1)
             ]),
-            typeof g.value == "string" && g.value.trim() !== "" || Array.isArray(g.value) && g.value.length > 0 && g.value.some((l) => l !== void 0) || g.value === null ? (p(), j(Hl, {
+            typeof g.value == "string" && g.value.trim() !== "" || Array.isArray(g.value) && g.value.length > 0 && g.value.some((l) => l !== void 0) || g.value === null ? (p(), j(El, {
               key: 0,
               onClick: m
             })) : S("", !0)
           ]),
-          a("div", Gl, [
+          a("div", Ql, [
             ((_ = e(v)) == null ? void 0 : _.type) !== "select" ? (p(), j(oe((c = e(v)) == null ? void 0 : c.component), Z({ key: 0 }, r, {
               type: (u = e(v)) == null ? void 0 : u.type,
               onChange: y[0] || (y[0] = (l) => w(l.name, l.value)),
@@ -1969,7 +1969,7 @@ const Hl = /* @__PURE__ */ le(Il, [["render", Tl]]), El = { style: { display: "i
       ]);
     };
   }
-}), Ke = /* @__PURE__ */ Y({
+}), Le = /* @__PURE__ */ Y({
   __name: "inline-layout",
   props: {
     id: {},
@@ -2006,12 +2006,12 @@ const Hl = /* @__PURE__ */ le(Il, [["render", Tl]]), El = { style: { display: "i
     function w(m, f) {
       t("change", { name: m, value: f }), r.modelValue !== void 0 && t("update:modelValue", f);
     }
-    return R(
+    return D(
       () => r.default,
       (m) => {
         g.value = m;
       }
-    ), R(
+    ), D(
       () => r.modelValue,
       (m) => {
         g.value = m;
@@ -2057,7 +2057,7 @@ const Hl = /* @__PURE__ */ le(Il, [["render", Tl]]), El = { style: { display: "i
       }, 8, ["current-value", "label", "mode", "fieldRef", "width", "disabled"]));
     };
   }
-}), Zl = /* @__PURE__ */ Y({
+}), Jl = /* @__PURE__ */ Y({
   __name: "popover-layout",
   props: {
     id: {},
@@ -2094,17 +2094,17 @@ const Hl = /* @__PURE__ */ le(Il, [["render", Tl]]), El = { style: { display: "i
     function w(m, f) {
       t("change", { name: m, value: f }), r.modelValue !== void 0 && t("update:modelValue", f);
     }
-    return R(
+    return D(
       () => r.default,
       (m) => {
         g.value = m;
       }
-    ), R(
+    ), D(
       () => r.modelValue,
       (m) => {
         g.value = m;
       }
-    ), R(
+    ), D(
       () => r,
       (m) => {
         g.value = m;
@@ -2161,12 +2161,12 @@ const Hl = /* @__PURE__ */ le(Il, [["render", Tl]]), El = { style: { display: "i
     function b(m, f) {
       t("change", { name: m, value: f }), r.modelValue !== void 0 && t("update:modelValue", f);
     }
-    R(
+    D(
       () => r.default,
       (m) => {
         v.value = m;
       }
-    ), R(
+    ), D(
       () => r.modelValue,
       (m) => {
         v.value = m;
@@ -2177,13 +2177,13 @@ const Hl = /* @__PURE__ */ le(Il, [["render", Tl]]), El = { style: { display: "i
     function w() {
       switch (r.layout) {
         case "inline":
-          return Ke;
+          return Le;
         case "vertical":
-          return Ql;
-        case "popover":
           return Zl;
+        case "popover":
+          return Jl;
         default:
-          return Ke;
+          return Le;
       }
     }
     return (m, f) => (p(), j(oe(w()), Z(r, {
@@ -2199,11 +2199,11 @@ function $e(i, o) {
     slots: d
   } = i, r = V(i.value ?? {}), t = E(() => {
     var h;
-    return (fe((h = d == null ? void 0 : d.default) == null ? void 0 : h.call(d)) ?? []).flatMap((n) => Array.isArray(n.children) ? n.children : [n]);
+    return (ve((h = d == null ? void 0 : d.default) == null ? void 0 : h.call(d)) ?? []).flatMap((n) => Array.isArray(n.children) ? n.children : [n]);
   });
   function s(h) {
     delete r.value[h], o("clear", {
-      data: fe(r.value),
+      data: ve(r.value),
       name: h
     });
   }
@@ -2212,7 +2212,7 @@ function $e(i, o) {
       ...r.value,
       [h]: n
     }, o("change", {
-      data: fe(r.value),
+      data: ve(r.value),
       name: h,
       value: n
     });
@@ -2220,7 +2220,7 @@ function $e(i, o) {
   const g = E(() => t.value.map((h) => {
     var C;
     const n = (C = h.props) == null ? void 0 : C.name;
-    return Ze(h, {
+    return Je(h, {
       ...h.props,
       layout: i.view,
       showClean: !0,
@@ -2241,7 +2241,7 @@ function $e(i, o) {
   );
   function w(h = !1) {
     r.value = {}, h || o("clearAll", {
-      data: fe(r.value),
+      data: ve(r.value),
       name: "ALL"
     });
   }
@@ -2249,7 +2249,7 @@ function $e(i, o) {
     var h;
     return (h = i.schema) != null && h.value ? Object.entries(r.value).filter(([n, C]) => i.schema && !(n in i.schema.value) ? !1 : Array.isArray(C) ? C.some((M) => M !== "" && M !== void 0) : C !== "" && C !== void 0).length : 0;
   }), y = V();
-  R(m, async () => {
+  D(m, async () => {
     var h, n;
     await ke(), (n = (h = y == null ? void 0 : y.value) == null ? void 0 : h.filterRef) != null && n.inputTextRef && y.value.filterRef.inputTextRef.focus();
   });
@@ -2292,7 +2292,7 @@ function $e(i, o) {
     filterRef: y
   };
 }
-const Jl = /* @__PURE__ */ Y({
+const Xl = /* @__PURE__ */ Y({
   __name: "popover",
   emits: ["open", "close"],
   setup(i, { emit: o }) {
@@ -2327,14 +2327,14 @@ const Jl = /* @__PURE__ */ Y({
       (y = s.value) == null || y.removeEventListener("click", g), document.removeEventListener("click", w), window.removeEventListener("resize", b), window.removeEventListener("scroll", b, !0);
     });
     const f = o;
-    return R(d, async (y) => {
+    return D(d, async (y) => {
       y ? (f("open"), await ke(), b()) : f("close");
     }), (y, _) => (p(), k("div", {
       ref_key: "wrapperRef",
       ref: t
     }, [
       ee(y.$slots, "trigger"),
-      m.value ? (p(), j(Oe, {
+      m.value ? (p(), j(Ie, {
         key: 0,
         to: "body"
       }, [
@@ -2351,7 +2351,7 @@ const Jl = /* @__PURE__ */ Y({
       ])) : S("", !0)
     ], 512));
   }
-}), Xl = {}, ea = {
+}), ea = {}, ta = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -2363,27 +2363,27 @@ const Jl = /* @__PURE__ */ Y({
   "stroke-linejoin": "round",
   class: "lucide lucide-filter h-4 w-4"
 };
-function ta(i, o) {
-  return p(), k("svg", ea, o[0] || (o[0] = [
+function la(i, o) {
+  return p(), k("svg", ta, o[0] || (o[0] = [
     a("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
   ]));
 }
-const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
+const aa = /* @__PURE__ */ le(ea, [["render", la]]), oa = {
   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"
-}, oa = { class: "flex" }, ra = { class: "w-64 border-r border-gray-200" }, na = { class: "p-2" }, ia = ["onClick"], sa = { class: "flex items-center gap-2" }, ua = { class: "text-sm font-medium" }, da = {
+}, ra = { class: "flex" }, na = { class: "w-64 border-r border-gray-200" }, ia = { class: "p-2" }, sa = ["onClick"], ua = { class: "flex items-center gap-2" }, da = { class: "text-sm font-medium" }, ca = {
   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"
-}, ca = ["onClick"], pa = { class: "flex items-center gap-2" }, fa = { class: "text-sm font-medium" }, va = {
+}, pa = ["onClick"], fa = { class: "flex items-center gap-2" }, va = { class: "text-sm font-medium" }, ma = {
   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"
-}, ma = {
+}, ga = {
   key: 0,
   class: "p-2 border-t"
-}, ga = { class: "flex-1 min-h-[300px] overflow-y-auto" }, ha = {
+}, ha = { class: "flex-1 min-h-[300px] overflow-y-auto" }, ba = {
   key: 0,
   class: "flex items-center justify-center h-full text-gray-500"
-}, Ge = /* @__PURE__ */ Y({
+}, Qe = /* @__PURE__ */ Y({
   __name: "popover-filter-layout",
   props: {
     schema: {},
@@ -2395,7 +2395,7 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
   },
   emits: ["change", "clear", "clearAll"],
   setup(i, { expose: o, emit: d }) {
-    const r = i, t = qe(r.mode), s = we(), v = d, g = V({}), {
+    const r = i, t = Ne(r.mode), s = we(), v = d, g = V({}), {
       activeFilter: b,
       activeFilterCount: w,
       onFilterChange: m,
@@ -2411,7 +2411,7 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
       schema: g,
       slots: s
     }, v);
-    return R(
+    return D(
       () => r.schema,
       (h) => {
         g.value = h;
@@ -2420,7 +2420,7 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
     ), o({
       clearFilter: f,
       clearAllFilters: y
-    }), (h, n) => (p(), j(Jl, {
+    }), (h, n) => (p(), j(Xl, {
       onOpen: e(u),
       onClose: n[5] || (n[5] = (C) => l.value = "")
     }, {
@@ -2434,18 +2434,18 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
           ),
           type: "button"
         }, [
-          I(la),
+          I(aa),
           n[6] || (n[6] = W(" Фільтр ", -1)),
-          e(w) > 0 ? (p(), k("div", aa, L(e(w)), 1)) : S("", !0)
+          e(w) > 0 ? (p(), k("div", oa, L(e(w)), 1)) : S("", !0)
         ], 2)
       ]),
       default: re(() => [
-        a("div", oa, [
-          a("div", ra, [
+        a("div", ra, [
+          a("div", na, [
             n[7] || (n[7] = a("div", { class: "p-4 border-b" }, [
               a("p", { class: "text-sm text-gray-600" }, "Select a field to start creating a filter.")
             ], -1)),
-            a("div", na, [
+            a("div", ia, [
               h.schema ? (p(!0), k(K, { key: 0 }, q(Object.entries(e(_)), ([C, M]) => {
                 var $;
                 return p(), k("button", {
@@ -2458,11 +2458,11 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
                     e(l) === C ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : ""
                   ])
                 }, [
-                  a("div", sa, [
-                    a("span", ua, L(M.label), 1)
+                  a("div", ua, [
+                    a("span", da, L(M.label), 1)
                   ]),
-                  (Array.isArray(e(b)[C]) ? (($ = e(b)[C]) == null ? void 0 : $.length) > 0 : e(b)[C] || e(b)[C] === null) ? (p(), k("div", da)) : S("", !0)
-                ], 10, ia);
+                  (Array.isArray(e(b)[C]) ? (($ = e(b)[C]) == null ? void 0 : $.length) > 0 : e(b)[C] || e(b)[C] === null) ? (p(), k("div", ca)) : S("", !0)
+                ], 10, sa);
               }), 128)) : S("", !0),
               (p(!0), k(K, null, q(e(c), (C, M) => {
                 var $;
@@ -2474,14 +2474,14 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
                     e(l) === C.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : ""
                   ])
                 }, [
-                  a("div", pa, [
-                    a("span", fa, L(C.props.label), 1)
+                  a("div", fa, [
+                    a("span", va, L(C.props.label), 1)
                   ]),
-                  (($ = e(b)[C.props.name]) == null ? void 0 : $.length) > 0 ? (p(), k("div", va)) : S("", !0)
-                ], 10, ca);
+                  (($ = e(b)[C.props.name]) == null ? void 0 : $.length) > 0 ? (p(), k("div", ma)) : S("", !0)
+                ], 10, pa);
               }), 128))
             ]),
-            e(w) > 0 ? (p(), k("div", ma, [
+            e(w) > 0 ? (p(), k("div", ga, [
               a("button", {
                 class: "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors",
                 onClick: n[0] || (n[0] = (C) => e(y)()),
@@ -2489,8 +2489,8 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
               }, " Очистити всі ")
             ])) : S("", !0)
           ]),
-          a("div", ga, [
-            e(l) === "" ? (p(), k("div", ha, n[8] || (n[8] = [
+          a("div", ha, [
+            e(l) === "" ? (p(), k("div", ba, n[8] || (n[8] = [
               a("p", { class: "text-sm" }, "Select a field to start creating a filter.", -1)
             ]))) : S("", !0),
             e(l) ? (p(), k(K, { key: 1 }, [
@@ -2538,7 +2538,7 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
       _: 1
     }, 8, ["onOpen"]));
   }
-}), ba = { class: "flex gap-1 items-center flex-wrap" }, Le = /* @__PURE__ */ Y({
+}), ya = { class: "flex gap-1 items-center flex-wrap" }, Ue = /* @__PURE__ */ Y({
   __name: "inline-filter-layout",
   props: {
     schema: {},
@@ -2572,7 +2572,7 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
     function h() {
       x.value && x.value.clearAllFilters(!0), f();
     }
-    return R(
+    return D(
       () => r.schema,
       (n) => {
         v.value = n;
@@ -2581,7 +2581,7 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
     ), o({
       clearFilter: m,
       clearAllFilters: f
-    }), (n, C) => (p(), k("div", ba, [
+    }), (n, C) => (p(), k("div", ya, [
       n.schema ? (p(!0), k(K, { key: 0 }, q(Object.entries(e(y)), ([M, $]) => (p(), j(ne, Z({
         key: M,
         name: M,
@@ -2606,7 +2606,7 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
         modelValue: e(g)[M.props.name],
         "onUpdate:modelValue": (A) => e(g)[M.props.name] = A
       }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128)),
-      Object.entries(e(_)).length > 0 || e(l).length > 0 ? (p(), j(Ge, Z({ key: 1 }, r, {
+      Object.entries(e(_)).length > 0 || e(l).length > 0 ? (p(), j(Qe, Z({ key: 1 }, r, {
         schema: e(_),
         limit: 0,
         onChange: C[3] || (C[3] = (M) => e(w)(M.name, M.value)),
@@ -2632,10 +2632,10 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
       }, " Очистити ")) : S("", !0)
     ]));
   }
-}), ya = {
+}), xa = {
   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"
-}, xa = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, wa = /* @__PURE__ */ Y({
+}, wa = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, ka = /* @__PURE__ */ Y({
   __name: "vertical-filter-layout",
   props: {
     schema: {},
@@ -2661,8 +2661,8 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
     return o({
       clearFilter: w,
       clearAllFilters: m
-    }), (y, _) => y.view === "vertical" ? (p(), k("div", ya, [
-      a("div", xa, [
+    }), (y, _) => y.view === "vertical" ? (p(), k("div", xa, [
+      a("div", wa, [
         e(g) > 0 ? (p(), k("button", {
           key: 0,
           onClick: _[0] || (_[0] = (c) => e(m)()),
@@ -2716,7 +2716,7 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
       if (Array.isArray(u))
         return u.map((l) => g(l));
       if (u !== null && typeof u == "object") {
-        const l = fe(u), x = {};
+        const l = ve(u), x = {};
         for (const h in l)
           x[h] = g(l[h]);
         return x;
@@ -2757,16 +2757,16 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
     function y() {
       switch (r.view) {
         case "inline":
-          return Le;
+          return Ue;
         case "vertical":
-          return wa;
+          return ka;
         case "popover":
-          return Ge;
+          return Qe;
         default:
-          return Le;
+          return Ue;
       }
     }
-    R(
+    D(
       () => r.schema,
       (u) => {
         if (!u) {
@@ -2810,16 +2810,16 @@ const la = /* @__PURE__ */ le(Xl, [["render", ta]]), aa = {
 xe.install = function(i) {
   i.component("Filter", xe), i.component("FilterField", ne);
 };
-function ka(i) {
+function Ca(i) {
   const { page: o, id: d, filter: r } = i, t = new URL(window.location.href), s = new URLSearchParams(window.location.search);
   o ? s.set("page", o.toString()) : s.delete("page"), d ? s.set("id", d.toString()) : s.delete("id"), r ? s.set("filter", r) : s.delete("filter"), t.search = decodeURI(s.toString()), window.history.pushState({}, "", t);
 }
-const Ca = { class: "flex items-center justify-between w-full gap-x-1" }, _a = { class: "flex items-center" }, Va = ["disabled"], Sa = { class: "flex items-center gap-x-1" }, Ma = ["onClick"], Ba = ["disabled"], $a = { class: "flex justify-center items-center gap-x-5 ml-3" }, Aa = { class: "relative" }, Ra = {
+const _a = { class: "flex items-center justify-between w-full gap-x-1" }, Va = { class: "flex items-center" }, Sa = ["disabled"], Ma = { class: "flex items-center gap-x-1" }, Ba = ["onClick"], $a = ["disabled"], Aa = { class: "flex justify-center items-center gap-x-5 ml-3" }, Ra = { class: "relative" }, Da = {
   class: "hs-dropdown-menu z-50 bg-white shadow-md rounded-lg p-1 space-y-0.5 dark:bg-neutral-800 dark:border dark:border-neutral-700 right-0 dark:divide-neutral-700 absolute bottom-[100%]",
   role: "menu",
   "aria-orientation": "vertical",
   "aria-labelledby": "dropdown-button"
-}, Da = ["onClick"], za = {
+}, za = ["onClick"], ja = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2831,7 +2831,7 @@ const Ca = { class: "flex items-center justify-between w-full gap-x-1" }, _a = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check text-blue-600",
   width: "14",
   height: "14"
-}, ja = /* @__PURE__ */ Y({
+}, Fa = /* @__PURE__ */ Y({
   __name: "pagination",
   props: {
     total: {},
@@ -2841,7 +2841,7 @@ const Ca = { class: "flex items-center justify-between w-full gap-x-1" }, _a = {
   emits: ["update:currentPage", "update:pageSize", "pageChange", "pageSizeChange"],
   setup(i, { emit: o }) {
     const d = i, r = o, t = V(d.currentPage), s = V(d.pageSize), v = V(!1);
-    R(() => d.pageSize, (_) => {
+    D(() => d.pageSize, (_) => {
       s.value = _;
     });
     const g = E(() => Math.ceil(d.total / d.pageSize)), b = E(() => {
@@ -2861,8 +2861,8 @@ const Ca = { class: "flex items-center justify-between w-full gap-x-1" }, _a = {
     }, y = (_ = s.value) => {
       s.value = _, v.value = !1, r("update:pageSize", s.value), r("update:currentPage", 1), r("pageSizeChange", s.value);
     };
-    return (_, c) => (p(), k("nav", Ca, [
-      a("div", _a, [
+    return (_, c) => (p(), k("nav", _a, [
+      a("div", Va, [
         a("button", {
           type: "button",
           "aria-label": "Previous",
@@ -2893,14 +2893,14 @@ const Ca = { class: "flex items-center justify-between w-full gap-x-1" }, _a = {
             "aria-hidden": "true",
             class: "sr-only"
           }, "Previous", -1)
-        ]), 8, Va),
-        a("div", Sa, [
+        ]), 8, Sa),
+        a("div", Ma, [
           (p(!0), k(K, null, q(b.value, (u) => (p(), k("button", {
             type: "button",
             key: u,
             onClick: (l) => f(u),
             class: F(t.value === u ? "flex justify-center items-center rounded-lg text-sm dark:text-neutral-300  py-2 px-3 focus:outline-none  disabled:opacity-50 disabled:pointer-events-none bg-[#e5e7eb] dark:bg-[#242424] border border-gray-200 text-base h-[38px] min-w-[38px]" : "flex justify-center items-center rounded-lg text-sm dark:text-neutral-400 hover:bg-gray-100  py-2 px-3  focus:outline-none focus:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 text-base h-[38px] min-w-[38px]")
-          }, L(u), 11, Ma))), 128))
+          }, L(u), 11, Ba))), 128))
         ]),
         a("button", {
           type: "button",
@@ -2932,11 +2932,11 @@ const Ca = { class: "flex items-center justify-between w-full gap-x-1" }, _a = {
             }),
             a("path", { d: "M6 9l6 6l6 -6" })
           ], -1)
-        ]), 8, Ba)
+        ]), 8, $a)
       ]),
-      a("div", $a, [
-        a("div", Aa, [
-          P(a("div", Ra, [
+      a("div", Aa, [
+        a("div", Ra, [
+          P(a("div", Da, [
             (p(), k(K, null, q([10, 20, 30], (u) => a("button", {
               type: "button",
               key: u,
@@ -2944,7 +2944,7 @@ const Ca = { class: "flex items-center justify-between w-full gap-x-1" }, _a = {
               class: "w-full flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700"
             }, [
               W(L(u) + " ", 1),
-              s.value === u ? (p(), k("svg", za, c[3] || (c[3] = [
+              s.value === u ? (p(), k("svg", ja, c[3] || (c[3] = [
                 a("path", {
                   stroke: "none",
                   d: "M0 0h24v24H0z",
@@ -2952,7 +2952,7 @@ const Ca = { class: "flex items-center justify-between w-full gap-x-1" }, _a = {
                 }, null, -1),
                 a("path", { d: "M5 12l5 5l10 -10" }, null, -1)
               ]))) : S("", !0)
-            ], 8, Da)), 64))
+            ], 8, za)), 64))
           ], 512), [
             [X, v.value]
           ]),
@@ -2989,12 +2989,12 @@ const Ca = { class: "flex items-center justify-between w-full gap-x-1" }, _a = {
       ])
     ]));
   }
-}), ve = (i, o) => {
+}), me = (i, o) => {
   const d = i.__vccOpts || i;
   for (const [r, t] of o)
     d[r] = t;
   return d;
-}, Fa = {}, Ka = {
+}, Ka = {}, La = {
   class: "w-48 mx-auto mb-4",
   width: "178",
   height: "90",
@@ -3002,12 +3002,12 @@ const Ca = { class: "flex items-center justify-between w-full gap-x-1" }, _a = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function La(i, o) {
-  return p(), k("svg", Ka, o[0] || (o[0] = [
-    Pe('<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-stone-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-stone-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-stone-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-stone-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-stone-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-stone-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-stone-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-stone-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter2)"><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-stone-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-stone-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-stone-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-stone-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter2" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
+function Ua(i, o) {
+  return p(), k("svg", La, o[0] || (o[0] = [
+    Te('<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-stone-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-stone-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-stone-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-stone-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-stone-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-stone-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-stone-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-stone-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter2)"><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-stone-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-stone-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-stone-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-stone-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter2" 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 Ua = /* @__PURE__ */ ve(Fa, [["render", La]]), Oa = {}, Ia = {
+const Oa = /* @__PURE__ */ me(Ka, [["render", Ua]]), Ia = {}, Pa = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "21",
   height: "20",
@@ -3019,8 +3019,8 @@ const Ua = /* @__PURE__ */ ve(Fa, [["render", La]]), Oa = {}, Ia = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-layout-sidebar-right-collapse"
 };
-function Pa(i, o) {
-  return p(), k("svg", Ia, o[0] || (o[0] = [
+function Ta(i, o) {
+  return p(), k("svg", Pa, o[0] || (o[0] = [
     a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -3031,7 +3031,7 @@ function Pa(i, o) {
     a("path", { d: "M9 10l2 2l-2 2" }, null, -1)
   ]));
 }
-const Ta = /* @__PURE__ */ ve(Oa, [["render", Pa]]), Ha = {}, Ea = {
+const Ha = /* @__PURE__ */ me(Ia, [["render", Ta]]), Ea = {}, Ya = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "21",
   height: "20",
@@ -3043,8 +3043,8 @@ const Ta = /* @__PURE__ */ ve(Oa, [["render", Pa]]), Ha = {}, Ea = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-layout-sidebar-right-expand"
 };
-function Ya(i, o) {
-  return p(), k("svg", Ea, o[0] || (o[0] = [
+function Wa(i, o) {
+  return p(), k("svg", Ya, o[0] || (o[0] = [
     a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -3055,7 +3055,7 @@ function Ya(i, o) {
     a("path", { d: "M10 10l-2 2l2 2" }, null, -1)
   ]));
 }
-const Wa = /* @__PURE__ */ ve(Ha, [["render", Ya]]), qa = {}, Na = {
+const qa = /* @__PURE__ */ me(Ea, [["render", Wa]]), Na = {}, Ga = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -3067,8 +3067,8 @@ const Wa = /* @__PURE__ */ ve(Ha, [["render", Ya]]), qa = {}, Na = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map"
 };
-function Ga(i, o) {
-  return p(), k("svg", Na, o[0] || (o[0] = [
+function Qa(i, o) {
+  return p(), k("svg", Ga, o[0] || (o[0] = [
     a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -3079,7 +3079,7 @@ function Ga(i, o) {
     a("path", { d: "M15 7v13" }, null, -1)
   ]));
 }
-const Qa = /* @__PURE__ */ ve(qa, [["render", Ga]]), Za = {}, Ja = {
+const Za = /* @__PURE__ */ me(Na, [["render", Qa]]), Ja = {}, Xa = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -3091,8 +3091,8 @@ const Qa = /* @__PURE__ */ ve(qa, [["render", Ga]]), Za = {}, Ja = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-table"
 };
-function Xa(i, o) {
-  return p(), k("svg", Ja, o[0] || (o[0] = [
+function eo(i, o) {
+  return p(), k("svg", Xa, o[0] || (o[0] = [
     a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -3103,14 +3103,14 @@ function Xa(i, o) {
     a("path", { d: "M10 3v18" }, null, -1)
   ]));
 }
-const eo = /* @__PURE__ */ ve(Za, [["render", Xa]]);
-function to(i, o) {
+const to = /* @__PURE__ */ me(Ja, [["render", eo]]);
+function lo(i, o) {
   let d;
   return function(...r) {
     clearTimeout(d), d = setTimeout(() => i(...r), o);
   };
 }
-function lo(i, o, d) {
+function ao(i, o, d) {
   o && (o.addSource("vector", {
     type: "vector",
     tiles: [
@@ -3169,10 +3169,10 @@ const ge = [
     url: "https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}",
     preview: "https://mt1.google.com/vt/lyrs=s&x=2422&y=1400&z=12"
   }
-], ao = { class: "relative w-auto h-full" }, oo = { class: "absolute left-[20px] bottom-[74px] bg-white max-w-[250px] p-[10px] rounded-lg z-10 border" }, ro = { class: "flex justify-start items-center gap-2" }, no = { class: "ml-1 text-[0.875rem]" }, io = {
+], oo = { class: "relative w-auto h-full" }, ro = { class: "absolute left-[20px] bottom-[74px] bg-white max-w-[250px] p-[10px] rounded-lg z-10 border" }, no = { class: "flex justify-start items-center gap-2" }, io = { class: "ml-1 text-[0.875rem]" }, so = {
   class: "vs-map-slot-layers z-10 select-none",
   style: { display: "flex" }
-}, so = ["title", "onClick"], uo = ["src"], co = { class: "absolute py-2 px-4 text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg top-[-46px] hidden whitespace-nowrap left-1/2 -translate-x-1/2" }, po = /* @__PURE__ */ Y({
+}, uo = ["title", "onClick"], co = ["src"], po = { class: "absolute py-2 px-4 text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg top-[-46px] hidden whitespace-nowrap left-1/2 -translate-x-1/2" }, fo = /* @__PURE__ */ Y({
   __name: "map",
   props: {
     table: {},
@@ -3243,7 +3243,7 @@ const ge = [
       }), t.on("load", () => {
         t == null || t.resize(), g.value = !0;
         const l = _.filter((h) => h.id).reduce((h, n) => [n.id, n.color].concat(h), []), x = ["match", ["get", d.colorAttr], ...l, "#808080"];
-        lo(d.table, t, x);
+        ao(d.table, t, x);
       }), t.on("click", (l) => {
         const x = t.queryRenderedFeatures(l.point);
         x.length && r("update:modelValue", x[0].properties.id);
@@ -3258,14 +3258,14 @@ const ge = [
         const h = x[0], { coordinates: n } = h.geometry, C = h.geometry.type === "Point" ? n : n[0][0];
         f.value = h.properties, s.setLngLat(C).setHTML((M = m.value) == null ? void 0 : M.innerHTML).addTo(t);
       });
-    }), R(() => d.center, (u) => {
+    }), D(() => d.center, (u) => {
       t && t.setCenter(u || c);
-    }), R(() => d.zoom, (u) => {
+    }), D(() => d.zoom, (u) => {
       t && t.setZoom(u);
-    }), R(() => d.filter, (u) => {
+    }), D(() => d.filter, (u) => {
       const l = `http://${window.location.host}/api/vtile/${d.table}/ua/{z}/{x}/{y}.vmt?pointZoom=12&filter=${u}`;
       t.getSource("vector").setTiles([l]);
-    }), R(b, (u, l) => {
+    }), D(b, (u, l) => {
       const x = ge.find((h) => h.name === u);
       x && (t.removeLayer(l), t.removeSource(l), t.addSource(u, { type: "raster", tiles: [x.url], tileSize: 256 }), t.addLayer({
         id: x.name,
@@ -3277,24 +3277,24 @@ const ge = [
     }), he(() => {
       t && t.remove();
     }), (u, l) => {
-      const x = Xe("tooltip");
-      return P((p(), k("div", ao, [
+      const x = et("tooltip");
+      return P((p(), k("div", oo, [
         a("div", {
           ref_key: "mapContainer",
           ref: v,
           class: "map-container w-auto relative"
         }, null, 512),
-        a("div", oo, [
+        a("div", ro, [
           (p(!0), k(K, null, q(e(_), (h) => (p(), k("div", {
             class: "legend-item",
             key: h.id
           }, [
-            a("div", ro, [
+            a("div", no, [
               a("div", {
                 class: "w-[15px] h-[15px] rounded-[50%] min-w-[15px]",
                 style: Ce("background-color:" + h.color)
               }, null, 4),
-              a("div", no, L(h.text), 1)
+              a("div", io, L(h.text), 1)
             ])
           ]))), 128))
         ]),
@@ -3305,7 +3305,7 @@ const ge = [
         }, [
           ee(u.$slots, "default", { hoverData: f.value })
         ], 512),
-        a("div", io, [
+        a("div", so, [
           (p(!0), k(K, null, q(e(ge), (h) => P((p(), k("div", {
             key: h.name,
             title: h.label || h.name,
@@ -3315,9 +3315,9 @@ const ge = [
             a("img", {
               src: h.preview,
               class: "vs-map-slot-layers__image"
-            }, null, 8, uo),
-            a("div", co, L(h.label), 1)
-          ], 10, so)), [
+            }, null, 8, co),
+            a("div", po, L(h.label), 1)
+          ], 10, uo)), [
             [x, h.label || h.name]
           ])), 128))
         ])
@@ -3326,7 +3326,7 @@ const ge = [
       ]);
     };
   }
-}), Qe = {
+}), Ze = {
   mounted(i, o) {
     if (typeof document > "u") return;
     let d = null;
@@ -3354,19 +3354,19 @@ const ge = [
     const o = i.tooltipHandlers;
     o && (i.removeEventListener("mouseenter", o.showTooltip), i.removeEventListener("mouseleave", o.hideTooltip));
   }
-}, fo = { class: "pt-[20px]" }, vo = { class: "w-full gap-5 inline-flex mb-[6px] pr-3" }, mo = { class: "flex items-center" }, go = ["title"], ho = { class: "max-[1000px]:flex gap-2 min-[1001px]:hidden" }, bo = { class: "flex" }, yo = {
+}, vo = { class: "pt-[20px]" }, mo = { class: "w-full gap-5 inline-flex mb-[6px] pr-3" }, go = { class: "flex items-center" }, ho = ["title"], bo = { class: "max-[1000px]:flex gap-2 min-[1001px]:hidden" }, yo = { class: "flex" }, xo = {
   key: 0,
   class: "py-[15px] pb-[24px] pl-2"
-}, xo = { class: "font-bold text-2xl mr-[10px]" }, wo = { class: "text-sm text-stone-500 font-medium" }, ko = {
+}, wo = { class: "font-bold text-2xl mr-[10px]" }, ko = { class: "text-sm text-stone-500 font-medium" }, Co = {
   class: "wrapperTable flex flex-col",
   style: { height: "calc(100vh - 302px)" }
-}, Co = {
+}, _o = {
   key: 1,
   class: "text-center py-28"
-}, _o = { key: 1 }, Vo = {
+}, Vo = { key: 1 }, So = {
   key: 2,
   class: "my-5 pr-2"
-}, So = { class: "flex justify-between" }, Mo = { class: "w-full lg:w-1/2 relative" }, Ue = /* @__PURE__ */ Y({
+}, Mo = { class: "flex justify-between" }, Bo = { class: "w-full lg:w-1/2 relative" }, Oe = /* @__PURE__ */ Y({
   __name: "vs-parts-map",
   props: {
     title: {},
@@ -3383,47 +3383,47 @@ const ge = [
   },
   emits: ["change:filter", "update:map"],
   setup(i, { emit: o }) {
-    var ie, ae, Ae, Re, De, ze;
-    const d = et();
-    d && !(d != null && d.appContext.directives.tooltip) && (d.appContext.directives.tooltip = Qe);
-    function r(D) {
-      return (D.type === "Point" ? D.coordinates : null) || (D.type.includes("Multi") ? D.coordinates[0][0][0] : D.coordinates[0][0]);
+    var ie, ae, Ae, Re, De, ze, je;
+    const d = tt();
+    d && !(d != null && d.appContext.directives.tooltip) && (console.log("init tooltip"), d.appContext.directives.tooltip = Ze);
+    function r(R) {
+      return R ? (R.type === "Point" ? R.coordinates : null) || (R.type.includes("Multi") ? R.coordinates[0][0][0] : R.coordinates[0][0]) : null;
     }
     const t = i, s = o, v = V(0);
     v.value = t.initTotal ?? ((ie = t.rows) == null ? void 0 : ie.length) ?? 0;
-    const g = V(""), b = V(null), w = V(!0), m = V(((ae = t.rows) == null ? void 0 : ae.length) === 1), f = V(0), y = V(t.rows), _ = V(1), c = V(20), u = V(t.filters || []), l = V(""), x = V({}), h = V(((Ae = t.rows) == null ? void 0 : Ae.length) === 1 ? t.rows[0] : {}), n = V(((Re = t.rows) == null ? void 0 : Re.length) === 1 ? t.rows[0].id : ""), C = V(((De = t.rows) == null ? void 0 : De.length) === 1 ? r(t.rows[0].geom) : t.center || null), M = V(((ze = t.rows) == null ? void 0 : ze.length) === 1 ? 14 : t.zoom || 5);
-    function $(D) {
-      return Object.entries(D).filter(([, z]) => z).map(([z, ce]) => `${z}=${ce}`).join("|");
+    const g = V(""), b = V(null), w = V(!0), m = V(((ae = t.rows) == null ? void 0 : ae.length) === 1), f = V(0), y = V(t.rows), _ = V(1), c = V(20), u = V(t.filters || []), l = V(""), x = V({}), h = V(((Ae = t.rows) == null ? void 0 : Ae.length) === 1 ? t.rows[0] : {}), n = V(((Re = t.rows) == null ? void 0 : Re.length) === 1 ? t.rows[0].id : ""), C = V(((De = t.rows) == null ? void 0 : De.length) === 1 ? r((ze = t.rows[0]) == null ? void 0 : ze.geom) : t.center || null), M = V(((je = t.rows) == null ? void 0 : je.length) === 1 ? 14 : t.zoom || 5);
+    function $(R) {
+      return Object.entries(R).filter(([, z]) => z).map(([z, ce]) => `${z}=${ce}`).join("|");
     }
     async function A() {
-      const D = $(x.value);
-      l.value = D;
+      const R = $(x.value);
+      l.value = R;
       try {
         const z = {
           search: g.value,
           limit: c.value.toString(),
           page: _.value.toString(),
-          filter: D
-        }, ce = new URL(`/api/data/${t.table}`, window.location.origin) + (n.value ? `/${n.value}` : ""), G = new URLSearchParams(z).toString(), pe = await fetch(`${ce.toString()}?${G}`).then((me) => me.json());
+          filter: R
+        }, ce = new URL(`/api/data/${t.table}`, window.location.origin) + (n.value ? `/${n.value}` : ""), G = new URLSearchParams(z).toString(), fe = await fetch(`${ce.toString()}?${G}`).then((pe) => pe.json());
         if (n.value) {
-          const [me] = pe.rows;
-          h.value = me, C.value = r(me.geom), M.value = 14, m.value = !0;
+          const [pe] = fe.rows;
+          h.value = pe, C.value = r(pe == null ? void 0 : pe.geom), M.value = 14, m.value = !0;
         } else
-          m.value = !1, M.value = t.zoom || 5, y.value = pe == null ? void 0 : pe.rows;
-        v.value = pe.filtered, ka({ page: _.value, filter: D, id: n.value });
+          m.value = !1, M.value = t.zoom || 5, y.value = fe == null ? void 0 : fe.rows;
+        v.value = fe.filtered, Ca({ page: _.value, filter: R, id: n.value });
       } catch (z) {
         console.error(z.message);
       }
     }
-    const T = to(A, 300);
-    function U(D) {
-      c.value = D, _.value = 1, A();
+    const T = lo(A, 300);
+    function U(R) {
+      c.value = R, _.value = 1, A();
     }
-    function de(D) {
-      _.value = D, A();
+    function de(R) {
+      _.value = R, A();
     }
-    function J(D) {
-      x.value = D.data, _.value = 1, n.value ? n.value = "" : A(), s("change:filter", D);
+    function J(R) {
+      x.value = R.data, _.value = 1, n.value ? n.value = "" : A(), s("change:filter", R);
     }
     async function H() {
       if (t.filters) return;
@@ -3435,29 +3435,29 @@ const ge = [
     }
     ue(async () => {
       f.value = window.innerWidth, f.value < 1e3 && (w.value = !1);
-      const D = new URLSearchParams(window.location.search);
-      _.value = Number(D.get("page")) || 1, c.value = Number(D.get("limit")) || c.value, n.value = D.get("id") || "", m.value = !!n.value, H(), !y.value && !n.value && A();
+      const R = new URLSearchParams(window.location.search);
+      _.value = Number(R.get("page")) || 1, c.value = Number(R.get("limit")) || c.value, n.value = R.get("id") || "", m.value = !!n.value, H(), !y.value && !n.value && A();
     });
     function O() {
       m.value = !1, h.value = null, n.value = "", A();
     }
-    function Q(D) {
-      n.value = D.id;
+    function Q(R) {
+      n.value = R.id;
     }
-    return R(b, (D) => {
-      s("update:map", D);
-    }), R(g, (D) => {
-      D || A();
-    }), R(n, () => {
+    return D(b, (R) => {
+      s("update:map", R);
+    }), D(g, (R) => {
+      R || A();
+    }), D(n, () => {
       A();
-    }), (D, z) => {
+    }), (R, z) => {
       var ce;
-      return p(), k("section", fo, [
-        ee(D.$slots, "header", {
+      return p(), k("section", vo, [
+        ee(R.$slots, "header", {
           title: t.title,
           total: v.value
         }),
-        a("div", vo, [
+        a("div", mo, [
           I(e(ne), {
             type: "text",
             modelValue: g.value,
@@ -3475,33 +3475,33 @@ const ge = [
             value: x.value,
             ref: "filterRef"
           }, null, 8, ["schema", "value"])) : S("", !0),
-          a("div", mo, [
+          a("div", go, [
             a("button", {
               type: "button",
               class: "map-visible-button py-2 px-2 hidden min-[1001px]:inline-flex items-center gap-x-1.5 text-sm rounded-lg border border-gray-200 bg-white text-gray-600 shadow-sm hover:bg-stone-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100",
               title: w.value ? "Приховати карту" : "Показати карту",
               onClick: z[1] || (z[1] = (G) => w.value = !w.value)
             }, [
-              w.value ? (p(), j(Ta, { key: 0 })) : (p(), j(Wa, { key: 1 })),
+              w.value ? (p(), j(Ha, { key: 0 })) : (p(), j(qa, { key: 1 })),
               z[8] || (z[8] = a("span", { class: "sr-only" }, "Відкрити мапу", -1))
-            ], 8, go),
-            a("div", ho, [
+            ], 8, ho),
+            a("div", bo, [
               a("button", {
                 onClick: z[2] || (z[2] = (G) => w.value = !1),
                 class: "py-2 px-2 h-[38px] inline-flex items-center gap-x-1.5 text-sm rounded-lg border border-gray-200 bg-white text-gray-600 shadow-sm hover:bg-stone-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100"
               }, [
-                I(eo)
+                I(to)
               ]),
               a("button", {
                 onClick: z[3] || (z[3] = (G) => w.value = !0),
                 class: "py-2 px-2 h-[38px] inline-flex items-center gap-x-1.5 text-sm rounded-lg border border-gray-200 bg-white text-gray-600 shadow-sm hover:bg-stone-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100"
               }, [
-                I(Qa)
+                I(Za)
               ])
             ])
           ])
         ]),
-        a("div", bo, [
+        a("div", yo, [
           a("div", {
             class: F([
               "relative overflow-hidden shrink-0",
@@ -3509,18 +3509,18 @@ const ge = [
               m.value ? "hidden" : ""
             ])
           }, [
-            (ce = D.$slots) != null && ce.header ? S("", !0) : (p(), k("h1", yo, [
-              a("span", xo, L(t.title), 1),
-              a("span", wo, L(v.value), 1),
+            (ce = R.$slots) != null && ce.header ? S("", !0) : (p(), k("h1", xo, [
+              a("span", wo, L(t.title), 1),
+              a("span", ko, L(v.value), 1),
               z[9] || (z[9] = a("span", { class: "text-sm text-stone-500 font-medium" }, " об'єктів", -1))
             ])),
-            a("div", ko, [
-              v.value >= 1 ? ee(D.$slots, "table", {
+            a("div", Co, [
+              v.value >= 1 ? ee(R.$slots, "table", {
                 key: 0,
                 rows: y.value,
                 selectRow: Q
-              }) : (p(), k("div", Co, [
-                I(Ua),
+              }) : (p(), k("div", _o, [
+                I(Oa),
                 z[10] || (z[10] = a("h2", { class: "font-medium text-base text-gray-500 rounded-xl" }, " За вашим запитом даних не знайдено! ", -1)),
                 z[11] || (z[11] = a("p", { class: "font-normal text-sm text-gray-500 rounded-xl" }, " Введіть, будь ласка, інші значення для пошуку. ", -1)),
                 a("button", {
@@ -3530,10 +3530,10 @@ const ge = [
                 }, " Очистити дані пошуку ")
               ]))
             ]),
-            v.value >= 1 ? (p(), k("hr", _o)) : S("", !0),
-            v.value >= 1 ? (p(), k("div", Vo, [
-              a("div", So, [
-                I(ja, {
+            v.value >= 1 ? (p(), k("hr", Vo)) : S("", !0),
+            v.value >= 1 ? (p(), k("div", So, [
+              a("div", Mo, [
+                I(Fa, {
                   total: v.value,
                   currentPage: _.value ?? 1,
                   pageSize: c.value,
@@ -3550,14 +3550,14 @@ const ge = [
             ),
             style: { height: "calc(100vh - 152px)" }
           }, [
-            ee(D.$slots, "details", {
+            ee(R.$slots, "details", {
               table: t.table,
               selectedRow: h.value,
               closeObjCard: O
             })
           ], 2)) : S("", !0),
-          P(a("div", Mo, [
-            I(po, {
+          P(a("div", Bo, [
+            I(fo, {
               table: t.table,
               map: b.value,
               "onUpdate:map": z[6] || (z[6] = (G) => b.value = G),
@@ -3569,11 +3569,11 @@ const ge = [
               "onUpdate:modelValue": z[7] || (z[7] = (G) => n.value = G)
             }, {
               default: re(({ hoverData: G }) => [
-                ee(D.$slots, "popup", { data: G })
+                ee(R.$slots, "popup", { data: G })
               ]),
               _: 3
             }, 8, ["table", "map", "zoom", "colorAttr", "filter", "center", "modelValue"]),
-            ee(D.$slots, "default", {
+            ee(R.$slots, "default", {
               table: t.table,
               map: b.value,
               selectedRow: h.value
@@ -3586,9 +3586,9 @@ const ge = [
     };
   }
 });
-Ue.install = (i) => {
-  i.component("VsPartsMap", Ue), i._context.directives.tooltip || i.directive("tooltip", Qe);
+Oe.install = (i) => {
+  i.component("VsPartsMap", Oe), i._context.directives.tooltip || i.directive("tooltip", Ze);
 };
 export {
-  Ue as default
+  Oe as default
 };