npm - @opengis/partsmap - Versions diffs - 0.0.104 → 0.1.0 - Mend

@opengis/partsmap 0.0.104 → 0.1.0

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 (7) hide show

package/index.js ADDED Viewed

@@ -0,0 +1,3545 @@
+import { defineComponent as W, ref as V, watch as R, createBlock as j, openBlock as c, resolveDynamicComponent as oe, mergeProps as Z, withCtx as re, renderSlot as ee, computed as E, useSlots as we, createElementBlock as w, createCommentVNode as S, Fragment as F, renderList as q, unref as e, createElementVNode as a, normalizeClass as z, toDisplayString as K, createVNode as P, createTextVNode as Y, toRaw as fe, cloneVNode as Ye, nextTick as ke, onMounted as ue, onBeforeUnmount as he, Teleport as Fe, withDirectives as H, normalizeStyle as _e, vShow as X, vModelText as te, withModifiers as Ke, isRef as qe, createStaticVNode as Ue } from "vue";
+const Ne = { class: "flex items-center justify-between w-full text-sm" }, Ge = { class: "flex items-center cursor-pointer w-full" }, Qe = {
+  key: 0,
+  width: "16",
+  height: "auto",
+  src: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4="
+}, Ze = ["value"], Je = { class: "w-[calc(100%-18px)] flex flex-row items-center justify-between pl-[10px]" }, Xe = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, et = {
+  key: 0,
+  class: "text-xs text-gray-500 dark:text-neutral-500 pr-1"
+}, Ce = /* @__PURE__ */ W({
+  __name: "list-item",
+  props: {
+    layout: {},
+    count: {},
+    type: {},
+    label: {},
+    value: {},
+    isSelected: { type: Boolean },
+    color: {},
+    highlighted: { type: Boolean }
+  },
+  emits: ["itemClick"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = v;
+    function n() {
+      o("itemClick", l.value);
+    }
+    const f = V(null);
+    return r({ el: f }), (g, m) => (c(), w("div", {
+      class: "flex items-center w-full rounded-lg group hover:bg-gray-100",
+      ref_key: "el",
+      ref: f
+    }, [
+      a("div", Ne, [
+        a("div", Ge, [
+          a("label", {
+            for: "radio-9740",
+            class: z([
+              ["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: Ke(n, ["stop", "prevent"])
+          }, [
+            a("div", {
+              class: z(["w-[18px] h-[18px] border flex items-center justify-center", [
+                g.type == "checkbox" ? "rounded-[4px]" : "rounded-full",
+                g.color ? `bg-[${g.color}] border-[#ffffff]` : g.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
+              ]])
+            }, [
+              g.isSelected ? (c(), w("img", Qe)) : S("", !0)
+            ], 2),
+            a("input", {
+              type: "checkbox",
+              class: "hidden",
+              id: "radio-9740",
+              value: g.value
+            }, null, 8, Ze),
+            a("div", Je, [
+              a("span", Xe, K(g.label ?? "Відсутні данні"), 1),
+              g.count ? (c(), w("div", et, " (" + K(g.count) + ") ", 1)) : S("", !0)
+            ])
+          ], 2)
+        ])
+      ])
+    ], 512));
+  }
+});
+function Le(u, r) {
+  const {
+    options: v = [],
+    limit: l = 20
+  } = u;
+  function o(s) {
+    return Array.isArray(s) ? s[0] : s;
+  }
+  const n = V(o(u.modelValue)), f = V(""), g = V(!1), m = V([]), k = V("id"), h = V("text"), p = V(!1), x = V(u.layout !== "popover" && v.length > l);
+  function C(s) {
+    const _ = s.find(Boolean) ?? {}, M = ["id", "value", "code", "key"].find((U) => U in _) ?? "id", A = ["text", "label", "name", "title"].find((U) => U in _) ?? "text";
+    return { autoValueKey: M, autoLabelKey: A };
+  }
+  if (v.length > 0) {
+    const s = C(v);
+    k.value = s.autoValueKey, h.value = s.autoLabelKey;
+  }
+  const d = E(() => {
+    const s = m.value;
+    return u.layout === "popover" || p.value ? s : s.slice(0, l);
+  });
+  R(() => u.modelValue, (s) => {
+    n.value = o(s);
+  }, { immediate: !0 }), m.value = [...v].sort((s, _) => u.sort === "count" ? _.count && s.count ? _.count - s.count : 0 : u.sort === "name" ? String(s[h.value] ?? "").localeCompare(String(_[h.value] ?? "")) : 0);
+  function i(s) {
+    return n.value === s[k.value];
+  }
+  function t(s) {
+    n.value = s[k.value], r("update:modelValue", n.value), r("change", { name: u.name, value: n.value });
+  }
+  function y() {
+    n.value = void 0, r("update:modelValue", n.value), r("clear", u.name);
+  }
+  function b() {
+    p.value = !p.value;
+  }
+  return {
+    innerValue: n,
+    searchTerm: f,
+    filteredOptions: d,
+    isSelected: i,
+    selectItem: t,
+    clear: y,
+    toggleShowAll: b,
+    isReqProc: g,
+    showAll: p,
+    isEnableShowAll: x,
+    labelKey: h,
+    valueKey: k,
+    allOptions: m
+  };
+}
+const le = (u, r) => {
+  const v = u.__vccOpts || u;
+  for (const [l, o] of r)
+    v[l] = o;
+  return v;
+}, tt = {}, lt = {
+  class: "w-48 mx-auto",
+  viewBox: "0 0 178 90",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function at(u, r) {
+  return c(), w("svg", lt, r[0] || (r[0] = [
+    Ue('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
+  ]));
+}
+const Ve = /* @__PURE__ */ le(tt, [["render", at]]), ot = {}, rt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate"
+};
+function nt(u, r) {
+  return c(), w("svg", rt, r[0] || (r[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
+}
+const be = /* @__PURE__ */ le(ot, [["render", nt]]), it = {}, st = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate-[180deg]"
+};
+function ut(u, r) {
+  return c(), w("svg", st, r[0] || (r[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
+}
+const Se = /* @__PURE__ */ le(it, [["render", ut]]), dt = {
+  key: 0,
+  class: "w-full"
+}, ct = { class: "flex flex-col items-center justify-center p-5 text-center" }, pt = {
+  key: 0,
+  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
+}, ft = {
+  key: 1,
+  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
+}, vt = /* @__PURE__ */ W({
+  __name: "radio",
+  props: {
+    id: {},
+    name: {},
+    type: {},
+    label: {},
+    width: {},
+    options: { default: () => [] },
+    placeHolder: {},
+    api: {},
+    data: {},
+    default: {},
+    modelValue: {},
+    disabled: { type: Boolean, default: !1 },
+    layout: { default: "inline" },
+    cleanable: { type: Boolean },
+    limit: { default: 10 },
+    multi: { type: Boolean },
+    dataKey: {},
+    valueKey: {},
+    mode: {},
+    labelKey: {},
+    sort: {}
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = V(null), n = v, {
+      innerValue: f,
+      filteredOptions: g,
+      isSelected: m,
+      selectItem: k,
+      clear: h,
+      toggleShowAll: p,
+      isReqProc: x,
+      showAll: C,
+      isEnableShowAll: d,
+      labelKey: i,
+      valueKey: t,
+      allOptions: y
+    } = Le({
+      ...l,
+      modelValue: l.modelValue ?? l.default ?? ""
+    }, n);
+    return r({
+      clear: h,
+      inputTextRef: o
+    }), R(
+      () => l.modelValue,
+      (b) => {
+        b === void 0 && (f.value = void 0);
+      }
+    ), (b, s) => (c(), w("div", {
+      class: z([b.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
+    }, [
+      a("div", {
+        class: z([
+          b.layout === "popover" ? "flex-1 overflow-y-auto max-h-64 p-2" : "",
+          b.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+        ])
+      }, [
+        (c(!0), w(F, null, q(e(g), (_) => (c(), j(Ce, {
+          layout: b.layout,
+          key: _[e(t)],
+          count: _.count,
+          label: _[e(i)],
+          color: _.color,
+          type: "radio",
+          value: _[e(t)],
+          "is-selected": e(m)(_),
+          onItemClick: (M) => e(k)(_)
+        }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
+      ], 2),
+      b.type === "select" && e(g).length === 0 && !e(x) ? (c(), w("div", dt, [
+        a("div", ct, [
+          P(Ve),
+          s[4] || (s[4] = a("div", { class: "max-w-sm mx-auto mt-6" }, [
+            a("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
+            a("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
+          ], -1))
+        ])
+      ])) : S("", !0),
+      b.layout !== "popover" && b.type !== "select" ? (c(), w(F, { key: 1 }, [
+        !e(C) && e(d) ? (c(), w("div", {
+          key: 0,
+          onClick: s[0] || (s[0] = //@ts-ignore
+          (..._) => e(p) && e(p)(..._)),
+          class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
+        }, [
+          s[5] || (s[5] = Y(" Показати більше ", -1)),
+          P(be)
+        ])) : S("", !0),
+        e(C) ? (c(), w("div", {
+          key: 1,
+          onClick: s[1] || (s[1] = //@ts-ignore
+          (..._) => e(p) && e(p)(..._)),
+          class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
+        }, [
+          s[6] || (s[6] = Y(" Показати менше ", -1)),
+          P(Se)
+        ])) : S("", !0)
+      ], 64)) : S("", !0),
+      b.cleanable ? (c(), w(F, { key: 2 }, [
+        b.layout === "inline" ? (c(), w("div", pt, [
+          Y(K(e(f) || e(f) === null ? 1 : 0) + " з " + K(e(y).length) + " обрано ", 1),
+          H(a("button", {
+            class: "text-gray-600 hover:text-gray-800",
+            onClick: s[2] || (s[2] = //@ts-ignore
+            (..._) => e(h) && e(h)(..._))
+          }, " Очистити ", 512), [
+            [X, e(f) !== "" && e(f) !== void 0]
+          ])
+        ])) : S("", !0),
+        b.layout === "popover" ? (c(), w("div", ft, [
+          a("span", null, K(e(f) || e(f) === null ? 1 : 0) + " з " + K(e(y).length) + " обрано", 1),
+          H(a("button", {
+            class: "text-gray-600 hover:text-gray-800",
+            onClick: s[3] || (s[3] = //@ts-ignore
+            (..._) => e(h) && e(h)(..._))
+          }, " Очистити ", 512), [
+            [X, e(f) !== "" && e(f) !== void 0]
+          ])
+        ])) : S("", !0)
+      ], 64)) : S("", !0)
+    ], 2));
+  }
+});
+function Oe(u, r) {
+  const {
+    options: v = [],
+    limit: l = 20
+  } = u;
+  function o(s) {
+    return Array.isArray(s) ? s : s ? [s] : [];
+  }
+  const n = V(o(u.modelValue)), f = V(""), g = V(!1), m = V([]), k = V("id"), h = V("text"), p = V(!1), x = V(u.layout !== "popover" && v.length > l);
+  function C(s) {
+    const _ = s.find(Boolean) ?? {}, M = ["id", "value", "code", "key"].find((U) => U in _) ?? "id", A = ["text", "label", "name", "title"].find((U) => U in _) ?? "text";
+    return { autoValueKey: M, autoLabelKey: A };
+  }
+  if (v.length > 0) {
+    const s = C(v);
+    k.value = s.autoValueKey, h.value = s.autoLabelKey;
+  }
+  const d = E(() => {
+    const s = m.value;
+    return u.layout === "popover" || p.value ? s : s.slice(0, l);
+  });
+  R(() => u.modelValue, (s) => {
+    n.value = o(s);
+  }, { immediate: !0 }), m.value = [...v].sort((s, _) => u.sort === "count" ? _.count && s.count ? _.count - s.count : 0 : u.sort === "name" ? String(s[h.value]).localeCompare(String(_[h.value])) : 0);
+  function i(s) {
+    return n.value && n.value.includes(s[k.value]);
+  }
+  function t(s) {
+    const _ = n.value.includes(s[k.value]);
+    n.value = _ ? n.value.filter((M) => M !== s[k.value]) : [...n.value, s[k.value]], r("update:modelValue", n.value), r("change", { name: u.name, value: n.value });
+  }
+  function y() {
+    n.value = [], r("update:modelValue", n.value), r("clear", u.name);
+  }
+  function b() {
+    p.value = !p.value;
+  }
+  return {
+    innerValue: n,
+    searchTerm: f,
+    filteredOptions: d,
+    isSelected: i,
+    selectItem: t,
+    clear: y,
+    toggleShowAll: b,
+    isReqProc: g,
+    showAll: p,
+    isEnableShowAll: x,
+    labelKey: h,
+    valueKey: k,
+    allOptions: m
+  };
+}
+const mt = {
+  key: 0,
+  class: "w-full"
+}, gt = { class: "flex flex-col items-center justify-center p-5 text-center" }, ht = {
+  key: 0,
+  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
+}, bt = {
+  key: 1,
+  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
+}, Re = /* @__PURE__ */ W({
+  __name: "checkbox",
+  props: {
+    id: {},
+    name: {},
+    type: {},
+    label: {},
+    width: {},
+    options: { default: () => [] },
+    placeHolder: {},
+    api: {},
+    data: {},
+    default: {},
+    modelValue: {},
+    disabled: { type: Boolean, default: !1 },
+    layout: { default: "inline" },
+    cleanable: { type: Boolean },
+    limit: { default: 10 },
+    multi: { type: Boolean },
+    dataKey: {},
+    valueKey: {},
+    mode: {},
+    labelKey: {},
+    sort: {}
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = v, {
+      innerValue: n,
+      filteredOptions: f,
+      isSelected: g,
+      selectItem: m,
+      clear: k,
+      toggleShowAll: h,
+      isReqProc: p,
+      showAll: x,
+      isEnableShowAll: C,
+      labelKey: d,
+      valueKey: i,
+      allOptions: t
+    } = Oe({
+      ...l,
+      modelValue: l.modelValue
+    }, o);
+    return R(
+      () => l.modelValue,
+      (y) => {
+        y === void 0 && (n.value = []);
+      }
+    ), r({
+      clear: k
+    }), (y, b) => (c(), w("div", {
+      class: z([y.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+    }, [
+      a("div", {
+        class: z([
+          y.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
+          y.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+        ])
+      }, [
+        (c(!0), w(F, null, q(e(f), (s) => (c(), j(Ce, {
+          layout: y.layout,
+          count: s.count,
+          label: s[e(d)],
+          color: s.color,
+          type: "checkbox",
+          value: s[e(i)],
+          "is-selected": e(g)(s),
+          onItemClick: (_) => e(m)(s)
+        }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
+      ], 2),
+      y.type === "select" && e(f).length === 0 && !e(p) ? (c(), w("div", mt, [
+        a("div", gt, [
+          P(Ve),
+          b[4] || (b[4] = a("div", { class: "max-w-sm mx-auto mt-6" }, [
+            a("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
+            a("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
+          ], -1))
+        ])
+      ])) : S("", !0),
+      y.layout !== "popover" && y.type !== "select" ? (c(), w(F, { key: 1 }, [
+        !e(x) && e(C) ? (c(), w("div", {
+          key: 0,
+          onClick: b[0] || (b[0] = //@ts-ignore
+          (...s) => e(h) && e(h)(...s)),
+          class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
+        }, [
+          b[5] || (b[5] = Y(" Показати більше ", -1)),
+          P(be)
+        ])) : S("", !0),
+        e(x) ? (c(), w("div", {
+          key: 1,
+          onClick: b[1] || (b[1] = //@ts-ignore
+          (...s) => e(h) && e(h)(...s)),
+          class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
+        }, [
+          b[6] || (b[6] = Y(" Показати менше ", -1)),
+          P(Se)
+        ])) : S("", !0)
+      ], 64)) : S("", !0),
+      y.cleanable ? (c(), w(F, { key: 2 }, [
+        y.layout === "inline" ? (c(), w("div", ht, [
+          Y(K(e(n).length) + " з " + K(e(t).length) + " обрано ", 1),
+          H(a("button", {
+            class: "text-gray-600 hover:text-gray-800",
+            onClick: b[2] || (b[2] = //@ts-ignore
+            (...s) => e(k) && e(k)(...s))
+          }, " Очистити ", 512), [
+            [X, e(n).length !== 0]
+          ])
+        ])) : S("", !0),
+        y.layout === "popover" ? (c(), w("div", bt, [
+          a("span", null, K(e(n).length) + " з " + K(e(t).length) + " обрано", 1),
+          H(a("button", {
+            class: "text-gray-600 hover:text-gray-800",
+            onClick: b[3] || (b[3] = //@ts-ignore
+            (...s) => e(k) && e(k)(...s))
+          }, " Очистити ", 512), [
+            [X, e(n).length !== 0]
+          ])
+        ])) : S("", !0)
+      ], 64)) : S("", !0)
+    ], 2));
+  }
+}), yt = {}, xt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "15px",
+  height: "15px",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
+};
+function wt(u, r) {
+  return c(), w("svg", xt, r[0] || (r[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
+    a("path", { d: "M21 21l-6 -6" }, null, -1)
+  ]));
+}
+const Pe = /* @__PURE__ */ le(yt, [["render", wt]]), kt = {}, _t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-x stroke-gray-500 hover:stroke-red-500 transition-all",
+  width: "15px",
+  height: "15px"
+};
+function Ct(u, r) {
+  return c(), w("svg", _t, r[0] || (r[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M18 6l-12 12" }, null, -1),
+    a("path", { d: "M6 6l12 12" }, null, -1)
+  ]));
+}
+const Ie = /* @__PURE__ */ le(kt, [["render", Ct]]);
+class ye {
+  static getWidthClass(r) {
+    return typeof r == "number" ? `max-w-[${r}px]` : typeof r == "string" ? r.endsWith("%") || r.endsWith("px") ? `max-w-[${r}]` : `max-w-${r}` : "w-full";
+  }
+}
+const Vt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, St = ["placeholder"], Mt = /* @__PURE__ */ W({
+  __name: "text-input",
+  props: {
+    id: {},
+    name: {},
+    type: {},
+    label: {},
+    width: { default: 220 },
+    options: {},
+    placeHolder: {},
+    api: {},
+    data: {},
+    default: {},
+    modelValue: {},
+    disabled: { type: Boolean },
+    layout: { default: "inline" },
+    cleanable: { type: Boolean },
+    limit: {},
+    multi: { type: Boolean },
+    dataKey: {},
+    valueKey: {},
+    mode: {},
+    labelKey: {},
+    sort: {}
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(u, { emit: r }) {
+    const v = u, l = V((v.placeHolder || v.label || v.name || "search").toString()), o = r, n = V(v.modelValue ?? "");
+    R(
+      () => v.modelValue,
+      (m) => {
+        m !== n.value && (n.value = m ?? "");
+      }
+    );
+    function f() {
+      o("update:modelValue", n.value), o("change", { name: v.name, value: n.value });
+    }
+    function g() {
+      n.value = "", o("update:modelValue", ""), o("clear", v.name), o("change", { name: v.name, value: null });
+    }
+    return (m, k) => (c(), w("div", {
+      class: z([
+        "vs-form-text relative bg-white rounded-lg [&>input]:py-[7px] [&>input]:max-h-[38px]  [&>input]:ps-10 [&>input]:pe-8 [&>input]:block [&>input]:w-full [&>input]:bg-gray-100 [&>input]:border-transparent [&>input]:rounded-lg [&>input]:text-sm [&>input]:focus:bg-white [&>input]:focus:border-blue-500 [&>input]:focus:ring-blue-500 [&>input]:disabled:opacity-50 [&>input]:disabled:pointer-events-none [&>input]:dark:bg-neutral-700 [&>input]:dark:border-transparent [&>input]:dark:text-neutral-400 [&>input]:dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600",
+        m.layout === "inline" ? e(ye).getWidthClass(m.width) : "mb-2" + (m.layout === "popover" ? " m-2" : "")
+      ])
+    }, [
+      a("div", Vt, [
+        P(Pe)
+      ]),
+      n.value !== "" ? (c(), w("div", {
+        key: 0,
+        onClick: g,
+        class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"
+      }, [
+        P(Ie)
+      ])) : S("", !0),
+      H(a("input", {
+        type: "text",
+        "onUpdate:modelValue": k[0] || (k[0] = (h) => n.value = h),
+        onInput: f,
+        placeholder: l.value,
+        class: "!pr-7 !pl-8 bg-white h-[38px] min-w-[100px] text-sm py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
+      }, null, 40, St), [
+        [te, n.value]
+      ])
+    ], 2));
+  }
+});
+function Te(u = { color: "blue" }) {
+  return E(() => {
+    const r = `w-full px-3 py-2 border-solid border border-gray-300 text-sm rounded focus:outline-none focus:ring-2 focus:ring-${u.color}-500 focus:border-transparent`;
+    return (u == null ? void 0 : u.size) === "sm" ? `${r}h-[32px]` : `${r}h-[38px]`;
+  });
+}
+function Bt() {
+  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 At() {
+  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 He(u) {
+  return u === "ghost" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent            text-gray-600 hover:bg-blue-100 hover:text-gray-800 focus:outline-hidden focus:bg-gray-100 focus:text-gray-800 disabled:opacity-50 disabled:pointer-events-none           dark:text-gray-500 dark:hover:bg-blue-800/30 dark:hover:text-blue-400 dark:focus:bg-blue-800/30 dark:focus:text-blue-400" : u === "soft" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent            bg-gray-100 text-gray-800 hover:bg-gray-200  hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 disabled:opacity-50            disabled:pointer-events-none dark:text-blue-400 dark:hover:bg-blue-900 dark:focus:bg-blue-900" : "relative border-solid border-gray-200 focus-visible:outline-hidden focus-visible:ring-ring           inline-flex items-center justify-center whitespace-nowrap          rounded-md text-sm font-medium focus-visible:ring-offset-2          disabled:pointer-events-none disabled:opacity-50 border-input           hover:bg-gray-100 border px-4 py-2 gap-2 bg-transparent h-[38px]";
+}
+const $t = {
+  key: 0,
+  class: "block text-xs font-medium text-gray-600 mb-1"
+}, Rt = ["placeholder", "disabled"], Dt = {
+  key: 0,
+  class: "block text-xs font-medium text-gray-600 mb-1"
+}, jt = {
+  key: 0,
+  class: "block text-xs font-medium text-gray-600 mb-1"
+}, zt = ["placeholder", "disabled"], Ft = ["disabled"], Kt = /* @__PURE__ */ W({
+  __name: "range-input",
+  props: {
+    id: {},
+    name: {},
+    type: {},
+    label: {},
+    width: {},
+    options: {},
+    placeHolder: {},
+    api: {},
+    data: {},
+    default: {},
+    modelValue: {},
+    disabled: { type: Boolean, default: !1 },
+    layout: { default: "inline" },
+    cleanable: { type: Boolean },
+    limit: {},
+    multi: { type: Boolean },
+    dataKey: {},
+    valueKey: {},
+    mode: {},
+    labelKey: {},
+    sort: {}
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(u, { expose: r, emit: v }) {
+    const l = Te(), o = Bt(), n = u, f = V(
+      n.modelValue ?? n.default ?? []
+    ), g = v, m = E({
+      get: () => n.modelValue ?? f.value,
+      set: (p) => {
+        n.modelValue !== void 0 ? g("update:modelValue", p) : f.value = p;
+      }
+    });
+    function k() {
+      g("change", { name: n.name, value: m.value || f.value });
+    }
+    function h() {
+      f.value = [], m.value = f.value, g("clear", n.name);
+    }
+    return R(() => n.modelValue, (p) => {
+      p !== void 0 && n.layout !== "popover" ? (f.value = p, g("update:modelValue", p)) : f.value = [];
+    }), r({
+      clear: h,
+      currentValue: m
+    }), (p, x) => {
+      var C, d;
+      return c(), w(F, null, [
+        a("div", null, [
+          a("div", {
+            class: z(p.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
+          }, [
+            a("div", null, [
+              p.layout !== "vertical" ? (c(), w("label", $t, "Від")) : S("", !0),
+              H(a("input", {
+                type: "number",
+                class: z(e(l)),
+                placeholder: ((C = p.placeHolder) == null ? void 0 : C[0]) ?? "min",
+                step: "1",
+                style: { outline: "none" },
+                "onUpdate:modelValue": x[0] || (x[0] = (i) => m.value[0] = i),
+                disabled: p.disabled
+              }, null, 10, Rt), [
+                [te, m.value[0]]
+              ])
+            ]),
+            p.layout === "vertical" ? (c(), w("label", Dt, " - ")) : S("", !0),
+            a("div", null, [
+              p.layout !== "vertical" ? (c(), w("label", jt, "До")) : S("", !0),
+              H(a("input", {
+                type: "number",
+                class: z(e(l)),
+                placeholder: ((d = p.placeHolder) == null ? void 0 : d[1]) ?? "max",
+                min: "0",
+                max: "1000000000000000",
+                step: "1",
+                style: { outline: "none" },
+                "onUpdate:modelValue": x[1] || (x[1] = (i) => m.value[1] = i),
+                disabled: p.disabled
+              }, null, 10, zt), [
+                [te, m.value[1]]
+              ])
+            ]),
+            ["popover", "inline", "vertical"].includes(p.layout) ? (c(), w("button", {
+              key: 1,
+              onClick: k,
+              class: z(e(o) + (p.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
+            }, K(p.layout === "vertical" ? "Ok" : "Застосувати"), 3)) : S("", !0),
+            ["popover", "inline"].includes(p.layout) ? (c(), w("button", {
+              key: 2,
+              disabled: !(m.value[0] || m.value[1]),
+              onClick: h,
+              class: z(e(o) + " hover:bg-gray-100")
+            }, "Очистити", 10, Ft)) : S("", !0)
+          ], 2)
+        ]),
+        (p.cleanable && f.value.length, S("", !0))
+      ], 64);
+    };
+  }
+}), Ut = ["disabled", "title"], Lt = {
+  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"
+}, Ot = { 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" }, Pt = { 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__ */ W({
+  __name: "popover-field",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    currentValue: {},
+    fieldRef: {},
+    width: {},
+    mode: {},
+    layout: {}
+  },
+  setup(u, { expose: r }) {
+    const v = u, l = E(() => He(v.mode)), o = V(!1), n = V({ top: 0, left: 0 }), f = V(null), g = V(null), m = V(null);
+    function k() {
+      const t = g.value, y = m.value;
+      if (!t || !y) return;
+      const b = t.getBoundingClientRect(), s = y.offsetWidth, _ = window.innerWidth, M = b.bottom + 8;
+      let { left: A } = b;
+      A + s > _ && (A = Math.max(_ - s - 10, 10)), n.value = { top: M, left: A };
+    }
+    function h() {
+      o.value = !o.value, o.value && ke(() => {
+        var t, y;
+        k(), (t = v.fieldRef) != null && t.inputTextRef && ((y = v.fieldRef) == null || y.inputTextRef.focus());
+      });
+    }
+    function p(t) {
+      var y, b;
+      !((y = f.value) != null && y.contains(t.target)) && !((b = m.value) != null && b.contains(t.target)) && (o.value = !1);
+    }
+    function x(t) {
+      t.key === "Escape" && (o.value = !1);
+    }
+    const C = V(!1);
+    ue(() => {
+      C.value = !0;
+    }), ue(() => {
+      document.addEventListener("click", p, !0), document.addEventListener("keydown", x), window.addEventListener("scroll", k, !0);
+    }), he(() => {
+      document.removeEventListener("click", p, !0), document.removeEventListener("keydown", x), window.removeEventListener("scroll", k, !0);
+    });
+    function d() {
+      o.value = !1;
+    }
+    r({ close: d });
+    const i = E(() => {
+      var y;
+      const t = (y = v.fieldRef) == null ? void 0 : y.selectedLabels;
+      return t ? Array.isArray(t) ? t.length > 0 ? t.join(", ") : v.label ?? "" : String(t) : v.label ?? "";
+    });
+    return (t, y) => (c(), w("div", null, [
+      a("button", {
+        onClick: h,
+        disabled: t.disabled,
+        ref_key: "triggerRef",
+        ref: g,
+        title: t.label,
+        class: z(l.value + " " + (t.width ? e(ye).getWidthClass(t.width) : "w-full"))
+      }, [
+        a("span", {
+          class: z(["truncate text-ellipsis block", t.width ? e(ye).getWidthClass(t.width - 50) : "w-full"])
+        }, K(i.value), 3),
+        P(be, { class: "h-4 w-4" }),
+        (Array.isArray(t.currentValue) ? t.currentValue === null || t.currentValue.length > 0 : t.currentValue === null || t.currentValue) && t.layout === "inline" ? (c(), w("span", Lt)) : S("", !0)
+      ], 10, Ut),
+      C.value ? (c(), j(Fe, {
+        key: 0,
+        to: "body"
+      }, [
+        H(a("div", {
+          ref_key: "popperRef",
+          ref: m,
+          class: "vsTailwind vs-popover__content bottom-right w-fit fixed z-[1000]",
+          style: _e({ top: `${n.value.top}px`, left: `${n.value.left}px` }),
+          "data-inside-popover": ""
+        }, [
+          a("div", Ot, [
+            a("div", Pt, [
+              ee(t.$slots, "default")
+            ])
+          ])
+        ], 4), [
+          [X, o.value]
+        ])
+      ])) : S("", !0)
+    ]));
+  }
+});
+function It(u) {
+  return String(u).charAt(0).toUpperCase() + String(u).slice(1);
+}
+class N {
+  static format(r) {
+    const v = r.getFullYear(), l = (r.getMonth() + 1).toString().padStart(2, "0"), o = r.getDate().toString().padStart(2, "0");
+    return `${v}-${l}-${o}`;
+  }
+  static getShiftedDay(r, v = 0) {
+    const l = r ? new Date(r) : /* @__PURE__ */ new Date();
+    return l.setDate(l.getDate() + v), this.format(l);
+  }
+  static getLastWeekRange(r, v, l = 0) {
+    if (r && v) {
+      const k = new Date(r), h = new Date(v);
+      return k.setDate(k.getDate() + l * 7), h.setDate(h.getDate() + l * 7), [this.format(k), this.format(h)];
+    }
+    const o = /* @__PURE__ */ new Date(), n = o.getDay(), f = n === 0 ? 13 : n - 1 + 7, g = new Date(o);
+    g.setDate(o.getDate() - f + l * 7);
+    const m = new Date(g);
+    return m.setDate(g.getDate() + 6), [this.format(g), this.format(m)];
+  }
+  static getMonthRange(r, v, l = 0) {
+    let o;
+    r ? o = new Date(r) : o = /* @__PURE__ */ new Date(), o = new Date(o.getFullYear(), o.getMonth() + l, 1);
+    const n = o, f = new Date(o.getFullYear(), o.getMonth() + 1, 0);
+    return [this.format(n), this.format(f)];
+  }
+  static getQuarterRange(r, v, l = 0) {
+    const o = r || v, n = o ? new Date(o) : /* @__PURE__ */ new Date();
+    let f = Math.floor(n.getMonth() / 3);
+    f += l;
+    const g = (f % 4 + 4) % 4 * 3, m = n.getFullYear() + Math.floor(f / 4), k = new Date(m, g, 1), h = new Date(m, g + 3, 0);
+    return [this.format(k), this.format(h)];
+  }
+  static getYear(r, v = 0) {
+    let l;
+    return r && /^\d{4}$/.test(r) ? l = parseInt(r, 10) : r ? l = new Date(r).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), String(l + v);
+  }
+  static getYearRange(r, v = 0) {
+    let l;
+    return r && /^\d{4}$/.test(r) ? l = parseInt(r, 10) : r ? l = new Date(r).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), [
+      this.format(new Date(l + v, 0, 1)),
+      this.format(new Date(l + v + 1, 0, 0))
+    ];
+  }
+  static getRangeFromDaysBefore(r) {
+    const v = /* @__PURE__ */ new Date(), l = new Date(v.getTime());
+    return l.setDate(v.getDate() - r), [this.format(l), this.format(v)];
+  }
+}
+function Ee(u, r) {
+  const {
+    popoverRef: v
+  } = u, l = V(""), o = V(
+    u.modelValue ?? u.default ?? []
+  ), n = V(0);
+  function f() {
+    const i = N.getRangeFromDaysBefore(n.value);
+    return o.value = [...i], r("change", { name: u.name, value: o.value }), r("update:modelValue", o.value), i;
+  }
+  function g(i) {
+    var y;
+    l.value = i, (y = v.value) == null || y.close();
+    const t = [];
+    switch (l.value) {
+      case "today":
+        t.push(N.getShiftedDay()), t.push(N.getShiftedDay());
+        break;
+      case "week":
+        t.push(...N.getLastWeekRange());
+        break;
+      case "month":
+        t.push(...N.getMonthRange());
+        break;
+      case "quarter":
+        t.push(...N.getQuarterRange());
+        break;
+      case "year":
+        t.push(...N.getYearRange());
+        break;
+      case "last_7_days":
+        n.value = 7, f();
+        break;
+      case "range":
+        n.value = 7, t.push(...f());
+        break;
+    }
+    o.value = [...t], r("change", { name: u.name, value: o.value }), r("update:modelValue", o.value);
+  }
+  function m() {
+    const i = [];
+    switch (l.value) {
+      case "today":
+        i.push(N.getShiftedDay(o.value[0], 1));
+        break;
+      case "week":
+        i.push(...N.getLastWeekRange(o.value[0], o.value[1], 1));
+        break;
+      case "month":
+        i.push(...N.getMonthRange(o.value[0], o.value[1], 1));
+        break;
+      case "quarter":
+        i.push(...N.getQuarterRange(o.value[0], o.value[1], 1));
+        break;
+      case "year":
+        i.push(...N.getYearRange(o.value[0], 1));
+        break;
+    }
+    o.value = [...i], r("change", { name: u.name, value: o.value }), r("update:modelValue", o.value);
+  }
+  function k() {
+    const i = [];
+    switch (l.value) {
+      case "today":
+        i.push(N.getShiftedDay(o.value[0], -1));
+        break;
+      case "week":
+        i.push(...N.getLastWeekRange(o.value[0], o.value[1], -1));
+        break;
+      case "month":
+        i.push(...N.getMonthRange(o.value[0], o.value[1], -1));
+        break;
+      case "quarter":
+        i.push(...N.getQuarterRange(o.value[0], o.value[1], -1));
+        break;
+      case "year":
+        i.push(...N.getYearRange(o.value[0], -1));
+        break;
+    }
+    o.value = [...i], r("change", { name: u.name, value: o.value }), r("update:modelValue", o.value);
+  }
+  const h = [
+    "Січень",
+    "Лютий",
+    "Березень",
+    "Квітень",
+    "Травень",
+    "Червень",
+    "Липень",
+    "Серпень",
+    "Вересень",
+    "Жовтень",
+    "Листопад",
+    "Грудень"
+  ];
+  function p(i) {
+    const [t, y, b] = i.split("-");
+    return `${b}.${y}.${t}`;
+  }
+  function x(i) {
+    const { value: t } = o;
+    switch (i) {
+      case "today":
+        return p(t[0]);
+      case "range":
+        return "Період";
+      case "week":
+        return t[0] && t[1] ? `${p(t[0])} – ${p(t[1])}` : "";
+      case "quarter":
+        if (t[0]) {
+          const y = new Date(t[0]), b = y.getFullYear(), s = y.getMonth();
+          return `${Math.floor(s / 3) + 1} квартал ${b}`;
+        }
+        return "";
+      case "month":
+        if (t[0]) {
+          const [y, b] = t[0].split("-");
+          return `${h[parseInt(b, 10) - 1]} ${y}`;
+        }
+        return "";
+      case "year":
+        return t[0] || "";
+      case "last_7_days":
+        return "За останні дні";
+      default:
+        return u.label ?? "";
+    }
+  }
+  const C = E(() => l.value ? x(l.value) : u.label ?? "");
+  function d() {
+    l.value = "", o.value = [], r("update:modelValue", []), r("clear", u.name);
+  }
+  return {
+    activeMode: l,
+    innerValue: o,
+    daysBefore: n,
+    onDaysBeforeChange: f,
+    onSelectChange: g,
+    nextClick: m,
+    prevClick: k,
+    ukMonths: h,
+    formatDisplayDate: p,
+    getModeLabel: x,
+    currentLabel: C,
+    clear: d
+  };
+}
+const Tt = {
+  key: 0,
+  class: "relative flex w-full h-auto gap-2 filter-date m-2 flex-wrap"
+}, Ht = {
+  key: 0,
+  class: "flex gap-1 !w-[75%] rounded-lg"
+}, Et = ["max", "disabled"], Wt = ["min", "disabled"], Yt = {
+  key: 0,
+  class: "block text-xs font-medium text-gray-600 mb-1"
+}, qt = ["max", "disabled"], Nt = {
+  key: 0,
+  class: "block text-xs font-medium text-gray-600 mb-1"
+}, Gt = {
+  key: 0,
+  class: "block text-xs font-medium text-gray-600 mb-1"
+}, Qt = ["min", "disabled"], Zt = { class: "flex gap-1 pt-2" }, Jt = ["onClick"], Xt = /* @__PURE__ */ W({
+  __name: "date-input",
+  props: {
+    id: {},
+    name: {},
+    type: {},
+    label: {},
+    width: {},
+    options: {},
+    placeHolder: {},
+    api: {},
+    data: {},
+    default: {},
+    modelValue: {},
+    disabled: { type: Boolean },
+    layout: { default: "inline" },
+    cleanable: { type: Boolean },
+    limit: {},
+    multi: { type: Boolean },
+    dataKey: {},
+    valueKey: {},
+    mode: {},
+    labelKey: {},
+    sort: {}
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = Te(), n = At(), f = v, g = V(null), {
+      activeMode: m,
+      innerValue: k,
+      onSelectChange: h,
+      nextClick: p,
+      prevClick: x,
+      clear: C
+    } = Ee({
+      ...l,
+      popoverRef: g
+    }, f);
+    return R(() => l.modelValue, (d) => {
+      d !== void 0 ? (k.value = d, f("update:modelValue", d)) : (m.value = "", k.value = []);
+    }), r({
+      clear: C,
+      popoverRef: g
+    }), (d, i) => (c(), w(F, null, [
+      d.layout === "inline" ? (c(), w("div", Tt, [
+        e(m) !== "" && e(m) === "range" ? (c(), w("div", Ht, [
+          H(a("input", {
+            type: "date",
+            max: e(k)[1],
+            locale: "uk-UA",
+            "onUpdate:modelValue": i[0] || (i[0] = (t) => e(k)[0] = t),
+            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600",
+            disabled: d.disabled
+          }, null, 8, Et), [
+            [te, e(k)[0]]
+          ]),
+          H(a("input", {
+            type: "date",
+            min: e(k)[0],
+            locale: "uk-UA",
+            "onUpdate:modelValue": i[1] || (i[1] = (t) => e(k)[1] = t),
+            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600 appearance-auto",
+            disabled: d.disabled
+          }, null, 8, Wt), [
+            [te, e(k)[1]]
+          ])
+        ])) : S("", !0)
+      ])) : S("", !0),
+      a("div", {
+        class: z(d.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
+      }, [
+        a("div", {
+          class: z(d.layout !== "popover" ? "w-[48%]" : "")
+        }, [
+          d.layout === "popover" ? (c(), w("label", Yt, "Від")) : S("", !0),
+          H(a("input", {
+            type: "date",
+            max: e(k)[1],
+            locale: "uk-UA",
+            "onUpdate:modelValue": i[2] || (i[2] = (t) => e(k)[0] = t),
+            class: z(e(o)),
+            disabled: d.disabled
+          }, null, 10, qt), [
+            [te, e(k)[0]]
+          ])
+        ], 2),
+        d.layout !== "popover" ? (c(), w("label", Nt, " - ")) : S("", !0),
+        a("div", {
+          class: z(d.layout !== "popover" ? "w-[48%]" : "")
+        }, [
+          d.layout === "popover" ? (c(), w("label", Gt, "До")) : S("", !0),
+          H(a("input", {
+            type: "date",
+            min: e(k)[0],
+            locale: "uk-UA",
+            "onUpdate:modelValue": i[3] || (i[3] = (t) => e(k)[1] = t),
+            class: z(e(o)),
+            disabled: d.disabled
+          }, null, 10, Qt), [
+            [te, e(k)[1]]
+          ])
+        ], 2)
+      ], 2),
+      a("div", Zt, [
+        (c(), w(F, null, q(["today", "week", "month", "quarter", "year"], (t) => a("button", {
+          key: t,
+          class: z(e(n) + (e(m) === t ? " bg-blue-100" : "")),
+          onClick: (y) => e(h)(t)
+        }, K(e(It)(t)), 11, Jt)), 64)),
+        a("button", {
+          class: z(e(n)),
+          onClick: i[4] || (i[4] = //@ts-ignore
+          (...t) => e(x) && e(x)(...t))
+        }, " <", 2),
+        a("button", {
+          class: z(e(n)),
+          onClick: i[5] || (i[5] = //@ts-ignore
+          (...t) => e(p) && e(p)(...t))
+        }, " >", 2)
+      ]),
+      (d.cleanable, S("", !0))
+    ], 64));
+  }
+});
+function el(u, r) {
+  const {
+    api: v,
+    options: l = [],
+    limit: o = 20,
+    dataKey: n = "data"
+  } = u, f = u.multi;
+  function g(B) {
+    return f ? Array.isArray(B) ? B : B ? [B] : [] : Array.isArray(B) ? B[0] : B;
+  }
+  const m = V(g(u.modelValue)), k = V(""), h = V(!1), p = V([]), x = V("id"), C = V("text"), d = V(!1), i = V(u.layout !== "popover" && l.length > o), t = V([]), y = V(0);
+  function b(B) {
+    const O = B.find(Boolean) ?? {}, G = ["id", "value", "code", "key"].find((ae) => ae in O) ?? "id", ie = ["text", "label", "name", "title"].find((ae) => ae in O) ?? "text";
+    return { autoValueKey: G, autoLabelKey: ie };
+  }
+  if (l.length > 0) {
+    const B = b(l);
+    x.value = B.autoValueKey, C.value = B.autoLabelKey;
+  }
+  const s = E(() => {
+    if (v) return p.value;
+    const B = p.value;
+    if (u.layout === "popover") return B;
+    if (!k.value)
+      return d.value ? B : B.slice(0, o);
+    const O = k.value.toLowerCase();
+    return B.filter((G) => G[C.value].toLowerCase().includes(O));
+  });
+  let _ = null;
+  async function M(B) {
+    if (v) {
+      h.value = !0;
+      try {
+        const O = new URL(v, window.location.origin);
+        O.searchParams.set("json", "1"), O.searchParams.set("key", B), O.searchParams.set("limit", o.toString());
+        const G = await fetch(O.toString());
+        if (!G.ok)
+          throw new Error(`HTTP error! status: ${G.status}`);
+        const ie = await G.json();
+        if (p.value = ie[n], p.value.length > 0) {
+          const ae = b(p.value);
+          x.value = ae.autoValueKey, C.value = ae.autoLabelKey;
+        }
+        y.value = ie.total;
+      } catch (O) {
+        console.error("Failed to fetch remote options:", O);
+      } finally {
+        h.value = !1;
+      }
+    }
+  }
+  R(k, (B) => {
+    v && (_ && clearTimeout(_), _ = setTimeout(() => {
+      M(B);
+    }, 200));
+  }), R(() => u.modelValue, (B) => {
+    m.value = g(B);
+  }, { immediate: !0 }), v ? M("") : p.value = l;
+  function A(B) {
+    return f && Array.isArray(m.value) ? m.value.includes(B[x.value]) : m.value && m.value === B[x.value];
+  }
+  function U(B) {
+    if (f && !Array.isArray(m.value) && (m.value = []), f && Array.isArray(m.value)) {
+      const O = m.value.includes(B[x.value]);
+      m.value = O ? m.value.filter((G) => G !== B[x.value]) : [...m.value, B[x.value]], t.value = O ? t.value.filter((G) => G !== B[C.value]) : [...t.value, B[C.value]];
+    } else
+      m.value = B[x.value], t.value = B[C.value];
+    r("update:modelValue", m.value), r("change", { name: u.name, value: m.value });
+  }
+  function I() {
+    f ? (m.value = [], t.value = []) : (m.value = void 0, t.value = []), r("update:modelValue", m.value), r("clear", u.name);
+  }
+  function L() {
+    _ && clearTimeout(_), k.value = "", d.value = !1;
+  }
+  function de() {
+    d.value = !d.value;
+  }
+  he(() => {
+    _ && clearTimeout(_);
+  });
+  const J = V(-1);
+  R(s, () => {
+    J.value = s.value.length > 0 ? 0 : -1;
+  });
+  function T(B) {
+    const O = s.value.length;
+    if (B.key === "ArrowDown")
+      B.preventDefault(), J.value = (J.value + 1) % O;
+    else if (B.key === "ArrowUp")
+      B.preventDefault(), J.value = (J.value - 1 + O) % O;
+    else if (B.key === "Enter" && (B.preventDefault(), J.value >= 0 && J.value < s.value.length)) {
+      const G = s.value[J.value];
+      U(G);
+    }
+  }
+  return {
+    innerValue: m,
+    searchTerm: k,
+    filteredOptions: s,
+    isSelected: A,
+    selectItem: U,
+    clear: I,
+    resetSearch: L,
+    toggleShowAll: de,
+    isReqProc: h,
+    showAll: d,
+    isEnableShowAll: i,
+    labelKey: C,
+    valueKey: x,
+    allOptions: p,
+    highlightedIndex: J,
+    onKeyDown: T,
+    selectedLabels: t,
+    totalCount: y
+  };
+}
+const tl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, ll = {
+  key: 0,
+  class: "w-full"
+}, al = { class: "flex flex-col items-center justify-center p-5 text-center" }, ol = {
+  key: 0,
+  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
+}, rl = {
+  key: 1,
+  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
+}, nl = /* @__PURE__ */ W({
+  __name: "select",
+  props: {
+    id: {},
+    name: {},
+    type: {},
+    label: {},
+    width: {},
+    options: { default: () => [] },
+    placeHolder: {},
+    api: {},
+    data: {},
+    default: {},
+    modelValue: {},
+    disabled: { type: Boolean, default: !1 },
+    layout: { default: "inline" },
+    cleanable: { type: Boolean },
+    limit: { default: 10 },
+    multi: { type: Boolean },
+    dataKey: {},
+    valueKey: {},
+    mode: {},
+    labelKey: {},
+    sort: {}
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = v, n = V(null), {
+      innerValue: f,
+      filteredOptions: g,
+      isSelected: m,
+      selectItem: k,
+      clear: h,
+      resetSearch: p,
+      toggleShowAll: x,
+      isReqProc: C,
+      showAll: d,
+      isEnableShowAll: i,
+      searchTerm: t,
+      labelKey: y,
+      valueKey: b,
+      highlightedIndex: s,
+      onKeyDown: _,
+      selectedLabels: M,
+      totalCount: A
+    } = el({
+      ...l,
+      modelValue: l.modelValue
+    }, o);
+    ue(() => {
+      p();
+    }), R(
+      () => l.modelValue,
+      (I) => {
+        I === void 0 && (l.multi ? f.value = [] : f.value = void 0);
+      }
+    );
+    const U = V([]);
+    return R(s, (I) => {
+      var L;
+      I >= 0 && U.value[I] && ((L = U.value[I]) == null || L.scrollIntoView({
+        block: "nearest",
+        behavior: "smooth"
+      }));
+    }), R(g, () => {
+      U.value = [];
+    }), r({
+      clear: h,
+      inputTextRef: n,
+      selectedLabels: M
+    }), (I, L) => {
+      var de, J;
+      return c(), w("div", {
+        class: z([I.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+      }, [
+        a("div", tl, [
+          H(a("input", {
+            "onUpdate:modelValue": L[0] || (L[0] = (T) => qe(t) ? t.value = T : null),
+            onKeydown: L[1] || (L[1] = //@ts-ignore
+            (...T) => e(_) && e(_)(...T)),
+            class: "w-full h-full text-[13px] px-4 border rounded-sm pl-9 focus:outline-none focus:ring-ring focus:ring-1 focus:ring-blue-500",
+            placeholder: "Пошук",
+            type: "text",
+            ref_key: "inputTextRef",
+            ref: n
+          }, null, 544), [
+            [te, e(t)]
+          ]),
+          P(Pe, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
+          P(Ie, {
+            onClick: L[2] || (L[2] = (T) => t.value = ""),
+            class: "absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"
+          })
+        ]),
+        a("div", {
+          class: z([
+            I.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
+            I.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+          ])
+        }, [
+          (c(!0), w(F, null, q(e(g), (T, B) => (c(), j(Ce, {
+            layout: I.layout,
+            count: T.count,
+            label: T[e(y)],
+            color: T.color,
+            type: I.multi ? "checkbox" : "radio",
+            value: T[e(b)],
+            "is-selected": e(m)(T),
+            highlighted: B === e(s),
+            onItemClick: (O) => e(k)(T),
+            ref_for: !0,
+            ref: (O) => U.value[B] = O == null ? void 0 : O.el
+          }, null, 8, ["layout", "count", "label", "color", "type", "value", "is-selected", "highlighted", "onItemClick"]))), 256))
+        ], 2),
+        I.type === "select" && e(g).length === 0 && !e(C) ? (c(), w("div", ll, [
+          a("div", al, [
+            P(Ve),
+            L[7] || (L[7] = a("div", { class: "max-w-sm mx-auto mt-6" }, [
+              a("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
+              a("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
+            ], -1))
+          ])
+        ])) : S("", !0),
+        I.layout !== "popover" && I.type !== "select" ? (c(), w(F, { key: 1 }, [
+          !e(d) && e(i) ? (c(), w("div", {
+            key: 0,
+            onClick: L[3] || (L[3] = //@ts-ignore
+            (...T) => e(x) && e(x)(...T)),
+            class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
+          }, [
+            L[8] || (L[8] = Y(" Показати більше ", -1)),
+            P(be)
+          ])) : S("", !0),
+          e(d) ? (c(), w("div", {
+            key: 1,
+            onClick: L[4] || (L[4] = //@ts-ignore
+            (...T) => e(x) && e(x)(...T)),
+            class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
+          }, [
+            L[9] || (L[9] = Y(" Показати менше ", -1)),
+            P(Se)
+          ])) : S("", !0)
+        ], 64)) : S("", !0),
+        I.cleanable ? (c(), w(F, { key: 2 }, [
+          I.layout === "inline" ? (c(), w("div", ol, [
+            Y(K(I.multi && Array.isArray(e(f)) ? (de = e(f)) == null ? void 0 : de.length : e(f) !== void 0 && (e(f) || e(f) === null) ? 1 : 0) + " з " + K(e(A)) + " обрано ", 1),
+            H(a("button", {
+              class: "text-gray-600 hover:text-gray-800",
+              onClick: L[5] || (L[5] = //@ts-ignore
+              (...T) => e(h) && e(h)(...T))
+            }, " Очистити ", 512), [
+              [X, e(f) !== "" && e(f) !== void 0 || e(f)]
+            ])
+          ])) : S("", !0),
+          I.layout === "popover" ? (c(), w("div", rl, [
+            a("span", null, K(I.multi && Array.isArray(e(f)) ? (J = e(f)) == null ? void 0 : J.length : e(f) !== void 0 && (e(f) || e(f) === null) ? 1 : 0) + " з " + K(e(A)) + " обрано", 1),
+            H(a("button", {
+              class: "text-gray-600 hover:text-gray-800",
+              onClick: L[6] || (L[6] = //@ts-ignore
+              (...T) => e(h) && e(h)(...T))
+            }, " Очистити ", 512), [
+              [X, e(f) !== "" && e(f) !== void 0 || e(f)]
+            ])
+          ])) : S("", !0)
+        ], 64)) : S("", !0)
+      ], 2);
+    };
+  }
+}), il = ["for", "onClick"], sl = ["id", "name", "value"], ul = { class: "block" }, dl = {
+  key: 0,
+  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
+}, cl = {
+  key: 1,
+  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
+}, pl = /* @__PURE__ */ W({
+  __name: "tag-field",
+  props: {
+    id: {},
+    name: {},
+    type: {},
+    label: {},
+    width: {},
+    options: { default: () => [] },
+    placeHolder: {},
+    api: {},
+    data: {},
+    default: {},
+    modelValue: {},
+    disabled: { type: Boolean, default: !1 },
+    layout: { default: "inline" },
+    cleanable: { type: Boolean },
+    limit: {},
+    multi: { type: Boolean },
+    dataKey: {},
+    valueKey: {},
+    mode: {},
+    labelKey: {},
+    sort: {}
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = v, {
+      innerValue: n,
+      isSelected: f,
+      selectItem: g,
+      clear: m,
+      labelKey: k,
+      valueKey: h,
+      allOptions: p
+    } = l.multi ? Oe({
+      ...l,
+      modelValue: l.modelValue ?? l.default ?? []
+    }, o) : Le({
+      ...l,
+      modelValue: l.modelValue !== void 0 ? l.modelValue : l.default ?? ""
+    }, o);
+    return r({
+      clear: m
+    }), R(
+      () => l.modelValue,
+      (x) => {
+        x === void 0 && (l.multi ? n.value = [] : n.value = void 0);
+      }
+    ), (x, C) => {
+      var d, i;
+      return c(), w(F, null, [
+        a("div", {
+          class: z(["grid grid-cols-3 gap-2 mx-[1px]", x.layout === "popover" ? "m-1" : "mb-1"])
+        }, [
+          (c(!0), w(F, null, q(e(p), (t) => (c(), w("label", {
+            key: `item-${t[e(h)]}`,
+            for: `item-${t[e(h)]}`,
+            onClick: Ke((y) => e(g)(t), ["stop", "prevent"]),
+            class: z([e(f)(t) ? "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", {
+              type: "checkbox",
+              id: `item-${t[e(h)]}`,
+              class: "hidden w4poy border-gray-200 g41z1 g22e3 axcnw dark:text-indigo-500 dark:border-neutral-700 dark:focus:ring-neutral-900",
+              name: `item-${t[e(h)]}`,
+              value: t[e(h)]
+            }, null, 8, sl),
+            a("span", ul, K(t[e(k)]), 1)
+          ], 10, il))), 128))
+        ], 2),
+        x.cleanable ? (c(), w(F, { key: 0 }, [
+          x.layout === "inline" ? (c(), w("div", dl, [
+            Y(K(x.multi && Array.isArray(e(n)) ? (d = e(n)) == null ? void 0 : d.length : e(n) !== void 0 && (e(n) || e(n) === null) ? 1 : 0) + " з " + K(e(p).length) + " обрано ", 1),
+            H(a("button", {
+              class: "text-gray-600 hover:text-gray-800",
+              onClick: C[0] || (C[0] = //@ts-ignore
+              (...t) => e(m) && e(m)(...t))
+            }, " Очистити ", 512), [
+              [X, e(n) !== "" && e(n) !== void 0 || e(n)]
+            ])
+          ])) : S("", !0),
+          x.layout === "popover" ? (c(), w("div", cl, [
+            a("span", null, K(x.multi && Array.isArray(e(n)) ? (i = e(n)) == null ? void 0 : i.length : e(n) !== void 0 && (e(n) || e(n) === null) ? 1 : 0) + " з " + K(e(p).length) + " обрано", 1),
+            H(a("button", {
+              class: "text-gray-600 hover:text-gray-800",
+              onClick: C[1] || (C[1] = //@ts-ignore
+              (...t) => e(m) && e(m)(...t))
+            }, " Очистити ", 512), [
+              [X, e(n) !== void 0 && e(n) !== "" || e(n)]
+            ])
+          ])) : S("", !0)
+        ], 64)) : S("", !0)
+      ], 64);
+    };
+  }
+}), fl = {}, vl = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "text-blue-600 w-[16px] h-[16px]"
+};
+function ml(u, r) {
+  return c(), w("svg", vl, r[0] || (r[0] = [
+    a("path", { d: "M20 6 9 17l-5-5" }, null, -1)
+  ]));
+}
+const se = /* @__PURE__ */ le(fl, [["render", ml]]), gl = {}, hl = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "15px",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[90deg]"
+};
+function bl(u, r) {
+  return c(), w("svg", hl, r[0] || (r[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
+}
+const yl = /* @__PURE__ */ le(gl, [["render", bl]]), xl = {}, wl = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "15px",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[270deg]"
+};
+function kl(u, r) {
+  return c(), w("svg", wl, r[0] || (r[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
+}
+const _l = /* @__PURE__ */ le(xl, [["render", kl]]), Cl = { class: "flex" }, Vl = { class: "mb-1" }, Sl = { class: "mb-1" }, Ml = { class: "inline-flex rounded-lg shrink-0 pl-1" }, Bl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, Al = {
+  key: 1,
+  class: "flex gap-1 !w-[75%] rounded-lg"
+}, $l = ["max", "disabled"], Rl = ["min", "disabled"], Dl = /* @__PURE__ */ W({
+  __name: "date-input-inline",
+  props: {
+    id: {},
+    name: {},
+    type: {},
+    label: {},
+    width: {},
+    options: {},
+    placeHolder: {},
+    api: {},
+    data: {},
+    default: {},
+    modelValue: {},
+    disabled: { type: Boolean },
+    layout: { default: "inline" },
+    cleanable: { type: Boolean },
+    limit: {},
+    multi: { type: Boolean },
+    dataKey: {},
+    valueKey: {},
+    mode: {},
+    labelKey: {},
+    sort: {}
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = v, n = V(null), {
+      activeMode: f,
+      innerValue: g,
+      onSelectChange: m,
+      nextClick: k,
+      prevClick: h,
+      currentLabel: p,
+      clear: x
+    } = Ee({
+      ...l,
+      popoverRef: n
+    }, o);
+    return R(() => l.modelValue, (C) => {
+      C !== void 0 ? (g.value = C, o("update:modelValue", C)) : (f.value = "", g.value = []);
+    }), r({
+      clear: x,
+      popoverRef: n
+    }), (C, d) => (c(), w(F, null, [
+      a("div", Cl, [
+        P(Me, {
+          ref_key: "popoverRef",
+          ref: n,
+          label: e(p),
+          "current-value": e(g),
+          mode: C.mode,
+          onClear: e(x),
+          layout: C.layout
+        }, {
+          default: re(() => [
+            a("div", null, [
+              a("button", {
+                type: "button",
+                onClick: d[0] || (d[0] = (i) => e(m)("range")),
+                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+              }, [
+                d[12] || (d[12] = Y(" Період ", -1)),
+                e(f) === "range" ? (c(), j(se, { key: 0 })) : S("", !0)
+              ])
+            ]),
+            d[19] || (d[19] = a("div", null, [
+              a("div", { class: "pt-1 mt-1 border-t" })
+            ], -1)),
+            a("div", null, [
+              a("button", {
+                type: "button",
+                onClick: d[1] || (d[1] = (i) => e(m)("today")),
+                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+              }, [
+                d[13] || (d[13] = Y(" Сьогодні ", -1)),
+                e(f) === "today" ? (c(), j(se, { key: 0 })) : S("", !0)
+              ])
+            ]),
+            a("div", null, [
+              a("button", {
+                type: "button",
+                onClick: d[2] || (d[2] = (i) => e(m)("week")),
+                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+              }, [
+                d[14] || (d[14] = Y(" Тиждень ", -1)),
+                e(f) === "week" ? (c(), j(se, { key: 0 })) : S("", !0)
+              ])
+            ]),
+            a("div", null, [
+              a("button", {
+                type: "button",
+                onClick: d[3] || (d[3] = (i) => e(m)("month")),
+                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+              }, [
+                d[15] || (d[15] = Y(" Місяць ", -1)),
+                e(f) === "month" ? (c(), j(se, { key: 0 })) : S("", !0)
+              ])
+            ]),
+            a("div", null, [
+              a("button", {
+                type: "button",
+                onClick: d[4] || (d[4] = (i) => e(m)("quarter")),
+                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+              }, [
+                d[16] || (d[16] = Y(" Квартал ", -1)),
+                e(f) === "quarter" ? (c(), j(se, { key: 0 })) : S("", !0)
+              ])
+            ]),
+            a("div", Vl, [
+              a("button", {
+                type: "button",
+                onClick: d[5] || (d[5] = (i) => e(m)("year")),
+                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+              }, [
+                d[17] || (d[17] = Y(" Рік ", -1)),
+                e(f) === "year" ? (c(), j(se, { key: 0 })) : S("", !0)
+              ])
+            ]),
+            a("div", Sl, [
+              a("button", {
+                type: "button",
+                onClick: d[6] || (d[6] = (i) => e(x)()),
+                class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-lg cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
+              }, [
+                d[18] || (d[18] = Y(" Весь час ", -1)),
+                e(g)[0] ? S("", !0) : (c(), j(se, { key: 0 }))
+              ])
+            ])
+          ]),
+          _: 1,
+          __: [19]
+        }, 8, ["label", "current-value", "mode", "onClear", "layout"]),
+        e(f) !== "" && e(f) !== "range" && e(f) !== "last_7_days" ? (c(), w(F, { key: 0 }, [
+          a("div", Ml, [
+            a("button", {
+              type: "button",
+              title: "Попередній період",
+              class: "inline-flex h-[38px] items-center px-2 text-sm text-gray-800 bg-gray-100 gap-x-2 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",
+              onClick: d[7] || (d[7] = //@ts-ignore
+              (...i) => e(h) && e(h)(...i))
+            }, [
+              P(yl)
+            ])
+          ]),
+          a("div", Bl, [
+            a("button", {
+              type: "button",
+              title: "Наступний період",
+              class: "inline-flex h-[38px] items-center px-2 text-sm text-gray-800 gap-x-2 bg-gray-100 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",
+              onClick: d[8] || (d[8] = //@ts-ignore
+              (...i) => e(k) && e(k)(...i))
+            }, [
+              P(_l)
+            ])
+          ])
+        ], 64)) : S("", !0),
+        e(f) !== "" && e(f) === "range" ? (c(), w("div", Al, [
+          H(a("input", {
+            type: "date",
+            max: e(g)[1],
+            locale: "uk-UA",
+            "onUpdate:modelValue": d[9] || (d[9] = (i) => e(g)[0] = i),
+            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, $l), [
+            [te, e(g)[0]]
+          ]),
+          H(a("input", {
+            type: "date",
+            min: e(g)[0],
+            locale: "uk-UA",
+            "onUpdate:modelValue": d[10] || (d[10] = (i) => e(g)[1] = i),
+            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, Rl), [
+            [te, e(g)[1]]
+          ])
+        ])) : S("", !0)
+      ]),
+      (C.cleanable, S("", !0))
+    ], 64));
+  }
+}), De = {
+  radio: vt,
+  checkbox: Re,
+  check: Re,
+  text: Mt,
+  range: Kt,
+  date: Xt,
+  select: nl,
+  tag: pl,
+  "date:inline": Dl
+};
+function Be(u, r) {
+  let v;
+  switch (u.toLowerCase()) {
+    case "autocomplete":
+      v = "select";
+      break;
+    case "check":
+      v = "checkbox";
+      break;
+    default:
+      v = u == null ? void 0 : u.toString().toLowerCase();
+  }
+  return v === "date" && r && r === "inline" && (v = "date:inline"), {
+    component: De[v] || De.text,
+    type: v
+  };
+}
+const jl = {}, zl = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "15px",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "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 Fl(u, r) {
+  return c(), w("svg", zl, r[0] || (r[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747" }, null, -1),
+    a("path", { d: "M20 4v5h-5" }, null, -1)
+  ]));
+}
+const Kl = /* @__PURE__ */ le(jl, [["render", Fl]]), Ul = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Ll = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, Ol = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, Pl = { class: "flex items-center" }, Il = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, Tl = { class: "filter-layout__body" }, Hl = /* @__PURE__ */ W({
+  __name: "vertical-layout",
+  props: {
+    id: {},
+    name: {},
+    type: {},
+    label: {},
+    width: {},
+    options: {},
+    placeHolder: {},
+    api: {},
+    data: {},
+    default: {},
+    modelValue: {},
+    disabled: { type: Boolean },
+    layout: {},
+    cleanable: { type: Boolean },
+    limit: {},
+    multi: { type: Boolean },
+    dataKey: {},
+    valueKey: {},
+    mode: {},
+    labelKey: {},
+    sort: {}
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = v, n = V(), f = Be(l.type, l.layout), g = E({
+      get: () => l.modelValue,
+      set: (p) => o("update:modelValue", p)
+    });
+    function m(p) {
+      o("clear", p);
+    }
+    function k(p, x) {
+      o("change", { name: p, value: x }), l.modelValue !== void 0 && o("update:modelValue", x);
+    }
+    function h() {
+      n.value && n.value.clear(), o("clear", l.name);
+    }
+    return R(
+      () => l.default,
+      (p) => {
+        g.value = p;
+      }
+    ), R(
+      () => l.modelValue,
+      (p) => {
+        g.value = p;
+      }
+    ), r({
+      filterRef: n
+    }), (p, x) => {
+      var C, d, i;
+      return c(), w("div", Ul, [
+        a("div", Ll, [
+          a("div", Ol, [
+            a("div", Pl, [
+              a("span", Il, K(p.label), 1)
+            ]),
+            typeof g.value == "string" && g.value.trim() !== "" || Array.isArray(g.value) && g.value.length > 0 && g.value.some((t) => t !== void 0) || g.value === null ? (c(), j(Kl, {
+              key: 0,
+              onClick: h
+            })) : S("", !0)
+          ]),
+          a("div", Tl, [
+            ((C = e(f)) == null ? void 0 : C.type) !== "select" ? (c(), j(oe((d = e(f)) == null ? void 0 : d.component), Z({ key: 0 }, l, {
+              type: (i = e(f)) == null ? void 0 : i.type,
+              onChange: x[0] || (x[0] = (t) => k(t.name, t.value)),
+              onClear: x[1] || (x[1] = (t) => m(t)),
+              ref_key: "filterRef",
+              ref: n
+            }), null, 16, ["type"])) : (c(), j(Me, {
+              key: 1,
+              "current-value": g.value,
+              label: p.label,
+              mode: p.mode,
+              onClear: h,
+              fieldRef: n.value,
+              width: void 0,
+              disabled: p.disabled,
+              layout: "vertical"
+            }, {
+              default: re(() => {
+                var t, y;
+                return [
+                  (c(), j(oe((t = e(f)) == null ? void 0 : t.component), Z({
+                    ref_key: "filterRef",
+                    ref: n
+                  }, l, {
+                    type: (y = e(f)) == null ? void 0 : y.type,
+                    onChange: x[2] || (x[2] = (b) => k(b.name, b.value)),
+                    onClear: x[3] || (x[3] = (b) => m(b))
+                  }), null, 16, ["type"]))
+                ];
+              }),
+              _: 1
+            }, 8, ["current-value", "label", "mode", "fieldRef", "disabled"]))
+          ])
+        ])
+      ]);
+    };
+  }
+}), je = /* @__PURE__ */ W({
+  __name: "inline-layout",
+  props: {
+    id: {},
+    name: {},
+    type: {},
+    label: {},
+    width: {},
+    options: {},
+    placeHolder: {},
+    api: {},
+    data: {},
+    default: {},
+    modelValue: {},
+    disabled: { type: Boolean },
+    layout: {},
+    cleanable: { type: Boolean },
+    limit: {},
+    multi: { type: Boolean },
+    dataKey: {},
+    valueKey: {},
+    mode: {},
+    labelKey: {},
+    sort: {}
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = v, n = V(), f = Be(l.type, l.layout), g = E({
+      get: () => l.modelValue,
+      set: (h) => o("update:modelValue", h)
+    });
+    function m(h = l.name) {
+      o("clear", h);
+    }
+    function k(h, p) {
+      o("change", { name: h, value: p }), l.modelValue !== void 0 && o("update:modelValue", p);
+    }
+    return R(
+      () => l.default,
+      (h) => {
+        g.value = h;
+      }
+    ), R(
+      () => l.modelValue,
+      (h) => {
+        g.value = h;
+      }
+    ), r({
+      filterRef: n
+    }), (h, p) => {
+      var x, C;
+      return ["text", "date"].includes(h.type.toLocaleLowerCase()) ? (c(), j(oe((x = e(f)) == null ? void 0 : x.component), Z({ key: 0 }, l, {
+        type: (C = e(f)) == null ? void 0 : C.type,
+        onChange: p[0] || (p[0] = (d) => k(d.name, d.value)),
+        onClear: p[1] || (p[1] = (d) => m(d)),
+        disabled: h.disabled,
+        modelValue: g.value,
+        "onUpdate:modelValue": p[2] || (p[2] = (d) => g.value = d)
+      }), null, 16, ["type", "disabled", "modelValue"])) : (c(), j(Me, {
+        key: 1,
+        "current-value": g.value,
+        label: h.label,
+        mode: h.mode,
+        onClear: m,
+        fieldRef: n.value,
+        width: l.width,
+        disabled: h.disabled,
+        layout: "inline"
+      }, {
+        default: re(() => {
+          var d, i;
+          return [
+            (c(), j(oe((d = e(f)) == null ? void 0 : d.component), Z({
+              ref_key: "filterRef",
+              ref: n
+            }, l, {
+              modelValue: g.value,
+              "onUpdate:modelValue": p[3] || (p[3] = (t) => g.value = t),
+              type: (i = e(f)) == null ? void 0 : i.type,
+              onChange: p[4] || (p[4] = (t) => k(t.name, t.value)),
+              onClear: p[5] || (p[5] = (t) => m(t))
+            }), null, 16, ["modelValue", "type"]))
+          ];
+        }),
+        _: 1
+      }, 8, ["current-value", "label", "mode", "fieldRef", "width", "disabled"]));
+    };
+  }
+}), El = /* @__PURE__ */ W({
+  __name: "popover-layout",
+  props: {
+    id: {},
+    name: {},
+    type: {},
+    label: {},
+    width: {},
+    options: {},
+    placeHolder: {},
+    api: {},
+    data: {},
+    default: {},
+    modelValue: {},
+    disabled: { type: Boolean },
+    layout: {},
+    cleanable: { type: Boolean },
+    limit: {},
+    multi: { type: Boolean },
+    dataKey: {},
+    valueKey: {},
+    mode: {},
+    labelKey: {},
+    sort: {}
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = v, n = V(), f = V(Be(l.type, l.layout)), g = E({
+      get: () => l.modelValue,
+      set: (h) => o("update:modelValue", h)
+    });
+    function m(h) {
+      o("clear", h);
+    }
+    function k(h, p) {
+      o("change", { name: h, value: p }), l.modelValue !== void 0 && o("update:modelValue", p);
+    }
+    return R(
+      () => l.default,
+      (h) => {
+        g.value = h;
+      }
+    ), R(
+      () => l.modelValue,
+      (h) => {
+        g.value = h;
+      }
+    ), R(
+      () => l,
+      (h) => {
+        g.value = h;
+      }
+    ), r({
+      filterRef: n
+    }), (h, p) => {
+      var x, C;
+      return c(), j(oe((x = f.value) == null ? void 0 : x.component), Z(l, {
+        type: (C = f.value) == null ? void 0 : C.type,
+        modelValue: g.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (d) => g.value = d),
+        onChange: p[1] || (p[1] = (d) => k(d.name, d.value)),
+        onClear: p[2] || (p[2] = (d) => m(d)),
+        ref_key: "filterRef",
+        ref: n
+      }), null, 16, ["type", "modelValue"]);
+    };
+  }
+}), ne = /* @__PURE__ */ W({
+  __name: "filter-field",
+  props: {
+    id: {},
+    name: {},
+    type: {},
+    label: {},
+    width: {},
+    options: { default: () => [] },
+    placeHolder: {},
+    api: {},
+    data: {},
+    default: {},
+    modelValue: {},
+    disabled: { type: Boolean, default: !1 },
+    layout: { default: "inline" },
+    cleanable: { type: Boolean },
+    limit: { default: 10 },
+    multi: { type: Boolean, default: !0 },
+    dataKey: {},
+    valueKey: {},
+    mode: {},
+    labelKey: {},
+    sort: { default: "name" }
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = v, n = V(), f = E({
+      get: () => l.modelValue,
+      set: (h) => o("update:modelValue", h)
+    });
+    function g(h) {
+      o("clear", h);
+    }
+    function m(h, p) {
+      o("change", { name: h, value: p }), l.modelValue !== void 0 && o("update:modelValue", p);
+    }
+    R(
+      () => l.default,
+      (h) => {
+        f.value = h;
+      }
+    ), R(
+      () => l.modelValue,
+      (h) => {
+        f.value = h;
+      }
+    ), r({
+      filterRef: n
+    });
+    function k() {
+      switch (l.layout) {
+        case "inline":
+          return je;
+        case "vertical":
+          return Hl;
+        case "popover":
+          return El;
+        default:
+          return je;
+      }
+    }
+    return (h, p) => (c(), j(oe(k()), Z(l, {
+      onChange: p[0] || (p[0] = (x) => m(x.name, x.value)),
+      onClear: p[1] || (p[1] = (x) => g(x)),
+      modelValue: f.value,
+      "onUpdate:modelValue": p[2] || (p[2] = (x) => f.value = x)
+    }), null, 16, ["modelValue"]));
+  }
+});
+function Ae(u, r) {
+  const {
+    slots: v
+  } = u, l = V(u.value ?? {}), o = E(() => {
+    var b;
+    return (fe((b = v == null ? void 0 : v.default) == null ? void 0 : b.call(v)) ?? []).flatMap((s) => Array.isArray(s.children) ? s.children : [s]);
+  });
+  function n(b) {
+    delete l.value[b], r("clear", {
+      data: fe(l.value),
+      name: b
+    });
+  }
+  function f(b, s) {
+    s === void 0 ? n(b) : l.value = {
+      ...l.value,
+      [b]: s
+    }, r("change", {
+      data: fe(l.value),
+      name: b,
+      value: s
+    });
+  }
+  const g = E(() => o.value.map((b) => {
+    var _;
+    const s = (_ = b.props) == null ? void 0 : _.name;
+    return Ye(b, {
+      ...b.props,
+      layout: u.view,
+      showClean: !0,
+      modelValue: l[s],
+      "onUpdate:modelValue": (M) => {
+        f(s, M);
+      },
+      onClear: () => n(s)
+    });
+  })), m = E(
+    () => new Map(
+      g.value.map((b) => {
+        var _;
+        const s = (_ = b.props) == null ? void 0 : _.name;
+        return s ? [s, b] : null;
+      }).filter((b) => b !== null)
+    )
+  );
+  function k(b = !1) {
+    l.value = {}, b || r("clearAll", {
+      data: fe(l.value),
+      name: "ALL"
+    });
+  }
+  const h = V(""), p = E(() => {
+    var b;
+    return (b = u.schema) != null && b.value ? Object.entries(l.value).filter(([s, _]) => u.schema && !(s in u.schema.value) ? !1 : Array.isArray(_) ? _.some((M) => M !== "" && M !== void 0) : _ !== "" && _ !== void 0).length : 0;
+  }), x = V();
+  R(h, async () => {
+    var b, s;
+    await ke(), (s = (b = x == null ? void 0 : x.value) == null ? void 0 : b.filterRef) != null && s.inputTextRef && x.value.filterRef.inputTextRef.focus();
+  });
+  const C = E(() => {
+    var b, s;
+    return (b = u.schema) != null && b.value ? Object.fromEntries(Object.entries((s = u.schema) == null ? void 0 : s.value).slice(0, u.limit)) : {};
+  }), d = E(() => {
+    var b, s, _;
+    return (b = u.schema) != null && b.value ? u.view !== "inline" ? (s = u.schema) == null ? void 0 : s.value : Object.fromEntries(Object.entries((_ = u.schema) == null ? void 0 : _.value).slice(u.limit)) : {};
+  }), i = E(() => {
+    var s;
+    if (g.value.length === 0) return [];
+    let b = 0;
+    if ((s = u.schema) != null && s.value) {
+      const _ = Object.entries(u.schema.value).length;
+      _ < u.limit ? b = u.limit - _ : b = 0;
+    }
+    return g.value.slice(0, b);
+  }), t = E(() => g.value.length === 0 ? [] : u.view !== "inline" ? g.value : g.value.slice(i.value.length));
+  function y() {
+    if (d.value) {
+      const [b] = Object.keys(d.value);
+      h.value = b;
+    } else t.value.length > 0 ? h.value = t.value[0].props.name : h.value = "";
+  }
+  return {
+    activeFilter: l,
+    activeFilterCount: p,
+    onFilterChange: f,
+    clearFilter: n,
+    clearAllFilters: k,
+    limitedSchema: C,
+    popoverSchema: d,
+    filtersSlot: g,
+    limitedFiltersSlot: i,
+    popoverFiltersSlot: t,
+    vnodeMap: m,
+    onPopoverOpen: y,
+    selectedFilter: h,
+    filterRef: x
+  };
+}
+const Wl = /* @__PURE__ */ W({
+  __name: "popover",
+  emits: ["open", "close"],
+  setup(u, { emit: r }) {
+    const v = V(!1), l = V(null), o = V(null), n = V(null), f = V({ top: "0px", left: "0px", position: "absolute" });
+    function g() {
+      v.value = !v.value;
+    }
+    function m() {
+      const x = n.value, C = l.value;
+      if (!x || !C) return;
+      const d = x.getBoundingClientRect(), i = C.offsetWidth, t = window.innerWidth - d.left;
+      let y = d.left + window.scrollX;
+      i > t && (y = window.innerWidth - i - 8, y < 8 && (y = 8)), f.value = {
+        position: "absolute",
+        top: `${d.bottom + window.scrollY + 8}px`,
+        left: `${y}px`
+      };
+    }
+    function k(x) {
+      var d, i;
+      const C = x.target;
+      !((d = n.value) != null && d.contains(x.target)) && !((i = l.value) != null && i.contains(x.target)) && !C.closest("[data-inside-popover]") && (v.value = !1);
+    }
+    const h = V(!1);
+    ue(() => {
+      h.value = !0;
+    }), ue(() => {
+      var x, C;
+      n.value = ((x = o.value) == null ? void 0 : x.querySelector("[data-popover-trigger]")) || null, (C = n.value) == null || C.addEventListener("click", g), document.addEventListener("click", k), window.addEventListener("resize", m), window.addEventListener("scroll", m, !0);
+    }), he(() => {
+      var x;
+      (x = n.value) == null || x.removeEventListener("click", g), document.removeEventListener("click", k), window.removeEventListener("resize", m), window.removeEventListener("scroll", m, !0);
+    });
+    const p = r;
+    return R(v, async (x) => {
+      x ? (p("open"), await ke(), m()) : p("close");
+    }), (x, C) => (c(), w("div", {
+      ref_key: "wrapperRef",
+      ref: o
+    }, [
+      ee(x.$slots, "trigger"),
+      h.value ? (c(), j(Fe, {
+        key: 0,
+        to: "body"
+      }, [
+        H(a("div", {
+          ref_key: "popoverRef",
+          ref: l,
+          class: "absolute z-[50] w-[600px] rounded-md border bg-white shadow-md",
+          style: _e(f.value)
+        }, [
+          ee(x.$slots, "default")
+        ], 4), [
+          [X, v.value]
+        ])
+      ])) : S("", !0)
+    ], 512));
+  }
+}), Yl = {}, ql = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "lucide lucide-filter h-4 w-4"
+};
+function Nl(u, r) {
+  return c(), w("svg", ql, r[0] || (r[0] = [
+    a("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
+  ]));
+}
+const Gl = /* @__PURE__ */ le(Yl, [["render", Nl]]), Ql = {
+  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"
+}, Zl = { class: "flex" }, Jl = { class: "w-64 border-r border-gray-200" }, Xl = { class: "p-2" }, ea = ["onClick"], ta = { class: "flex items-center gap-2" }, la = { class: "text-sm font-medium" }, aa = {
+  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"
+}, oa = ["onClick"], ra = { class: "flex items-center gap-2" }, na = { class: "text-sm font-medium" }, ia = {
+  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"
+}, sa = {
+  key: 0,
+  class: "p-2 border-t"
+}, ua = { class: "flex-1 min-h-[300px] overflow-y-auto" }, da = {
+  key: 0,
+  class: "flex items-center justify-center h-full text-gray-500"
+}, We = /* @__PURE__ */ W({
+  __name: "popover-filter-layout",
+  props: {
+    schema: {},
+    view: {},
+    value: {},
+    history: { type: Boolean },
+    mode: {},
+    limit: { default: 3 }
+  },
+  emits: ["change", "clear", "clearAll"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = He(l.mode), n = we(), f = v, g = V({}), {
+      activeFilter: m,
+      activeFilterCount: k,
+      onFilterChange: h,
+      clearFilter: p,
+      clearAllFilters: x,
+      popoverSchema: C,
+      popoverFiltersSlot: d,
+      onPopoverOpen: i,
+      selectedFilter: t,
+      filterRef: y
+    } = Ae({
+      ...l,
+      schema: g,
+      slots: n
+    }, f);
+    return R(
+      () => l.schema,
+      (b) => {
+        g.value = b;
+      },
+      { deep: !0, immediate: !0 }
+    ), r({
+      clearFilter: p,
+      clearAllFilters: x
+    }), (b, s) => (c(), j(Wl, {
+      onOpen: e(i),
+      onClose: s[5] || (s[5] = (_) => t.value = "")
+    }, {
+      trigger: re(() => [
+        a("button", {
+          "data-popover-trigger": "",
+          "aria-haspopup": "dialog",
+          "aria-expanded": "false",
+          class: z(
+            e(o) + (e(k) > 0 ? "bg-blue-50 border-blue-200 text-blue-700 hover:bg-blue-100" : "text-gray-800 hover:bg-gray-200 focus:bg-gray-200")
+          ),
+          type: "button"
+        }, [
+          P(Gl),
+          s[6] || (s[6] = Y(" Фільтр ", -1)),
+          e(k) > 0 ? (c(), w("div", Ql, K(e(k)), 1)) : S("", !0)
+        ], 2)
+      ]),
+      default: re(() => [
+        a("div", Zl, [
+          a("div", Jl, [
+            s[7] || (s[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", Xl, [
+              b.schema ? (c(!0), w(F, { key: 0 }, q(Object.entries(e(C)), ([_, M]) => {
+                var A;
+                return c(), w("button", {
+                  key: _,
+                  onClick: () => {
+                    t.value = _;
+                  },
+                  class: z([
+                    "w-full flex items-center justify-between px-3 py-2 text-left hover:bg-gray-50 transition-colors",
+                    e(t) === _ ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : ""
+                  ])
+                }, [
+                  a("div", ta, [
+                    a("span", la, K(M.label), 1)
+                  ]),
+                  (Array.isArray(e(m)[_]) ? ((A = e(m)[_]) == null ? void 0 : A.length) > 0 : e(m)[_] || e(m)[_] === null) ? (c(), w("div", aa)) : S("", !0)
+                ], 10, ea);
+              }), 128)) : S("", !0),
+              (c(!0), w(F, null, q(e(d), (_, M) => {
+                var A;
+                return c(), w("button", {
+                  key: "slot-" + M,
+                  onClick: (U) => t.value = _.props.name,
+                  class: z([
+                    "w-full flex items-center justify-between px-3 py-2 text-left hover:bg-gray-50 transition-colors",
+                    e(t) === _.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : ""
+                  ])
+                }, [
+                  a("div", ra, [
+                    a("span", na, K(_.props.label), 1)
+                  ]),
+                  ((A = e(m)[_.props.name]) == null ? void 0 : A.length) > 0 ? (c(), w("div", ia)) : S("", !0)
+                ], 10, oa);
+              }), 128))
+            ]),
+            e(k) > 0 ? (c(), w("div", sa, [
+              a("button", {
+                class: "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors",
+                onClick: s[0] || (s[0] = (_) => e(x)()),
+                "data-inside-popover": ""
+              }, " Очистити всі ")
+            ])) : S("", !0)
+          ]),
+          a("div", ua, [
+            e(t) === "" ? (c(), w("div", da, s[8] || (s[8] = [
+              a("p", { class: "text-sm" }, "Select a field to start creating a filter.", -1)
+            ]))) : S("", !0),
+            e(t) ? (c(), w(F, { key: 1 }, [
+              e(C) ? (c(!0), w(F, { key: 0 }, q(Object.entries(e(C)), ([_, M]) => (c(), w(F, null, [
+                e(t) === _ ? (c(), j(ne, Z({
+                  name: _,
+                  key: _,
+                  layout: "popover",
+                  ref_for: !0,
+                  ref_key: "filterRef",
+                  ref: y
+                }, { ref_for: !0 }, M, {
+                  onChange: s[1] || (s[1] = (A) => e(h)(A.name, A.value)),
+                  onClear: s[2] || (s[2] = (A) => {
+                    e(p)(A), e(h)(A, void 0);
+                  }),
+                  modelValue: e(m)[_],
+                  "onUpdate:modelValue": (A) => e(m)[_] = A,
+                  cleanable: !0
+                }), null, 16, ["name", "modelValue", "onUpdate:modelValue"])) : S("", !0)
+              ], 64))), 256)) : S("", !0),
+              (c(!0), w(F, null, q(e(d), (_, M) => (c(), w(F, {
+                key: "slot-" + M
+              }, [
+                e(t) === _.props.name ? (c(), j(ne, Z({
+                  key: 0,
+                  layout: "popover"
+                }, { ref_for: !0 }, _.props, {
+                  ref_for: !0,
+                  ref_key: "filterRef",
+                  ref: y,
+                  onChange: s[3] || (s[3] = (A) => e(h)(A.name, A.value)),
+                  onClear: s[4] || (s[4] = (A) => {
+                    e(p)(A), e(h)(A, void 0);
+                  }),
+                  modelValue: e(m)[_.props.name],
+                  "onUpdate:modelValue": (A) => e(m)[_.props.name] = A,
+                  cleanable: !0
+                }), null, 16, ["modelValue", "onUpdate:modelValue"])) : S("", !0)
+              ], 64))), 128))
+            ], 64)) : S("", !0)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["onOpen"]));
+  }
+}), ca = { class: "flex gap-1 items-center flex-wrap" }, ze = /* @__PURE__ */ W({
+  __name: "inline-filter-layout",
+  props: {
+    schema: {},
+    view: {},
+    value: {},
+    history: { type: Boolean },
+    mode: {},
+    limit: { default: 3 }
+  },
+  emits: ["change", "clear", "clearAll"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = v, n = we(), f = V({}), {
+      activeFilter: g,
+      activeFilterCount: m,
+      onFilterChange: k,
+      clearFilter: h,
+      clearAllFilters: p,
+      limitedSchema: x,
+      popoverSchema: C,
+      filtersSlot: d,
+      limitedFiltersSlot: i,
+      popoverFiltersSlot: t
+    } = Ae(
+      {
+        ...l,
+        schema: f,
+        slots: n
+      },
+      o
+    ), y = V();
+    function b() {
+      y.value && y.value.clearAllFilters(!0), p();
+    }
+    return R(
+      () => l.schema,
+      (s) => {
+        f.value = s;
+      },
+      { deep: !0, immediate: !0 }
+    ), r({
+      clearFilter: h,
+      clearAllFilters: p
+    }), (s, _) => (c(), w("div", ca, [
+      s.schema ? (c(!0), w(F, { key: 0 }, q(Object.entries(e(x)), ([M, A]) => (c(), j(ne, Z({
+        key: M,
+        name: M,
+        mode: s.mode
+      }, { ref_for: !0 }, A, {
+        onChange: _[0] || (_[0] = (U) => e(k)(U.name, U.value)),
+        onClear: e(h),
+        layout: "inline",
+        cleanable: !0,
+        modelValue: e(g)[M],
+        "onUpdate:modelValue": (U) => e(g)[M] = U
+      }), null, 16, ["name", "mode", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : S("", !0),
+      (c(!0), w(F, null, q(e(i), (M, A) => (c(), j(ne, Z({
+        key: "slot-" + A,
+        layout: "inline"
+      }, { ref_for: !0 }, M.props, {
+        onChange: _[1] || (_[1] = (U) => e(k)(U.name, U.value)),
+        onClear: _[2] || (_[2] = (U) => {
+          e(h)(U), e(k)(U, void 0);
+        }),
+        cleanable: !0,
+        modelValue: e(g)[M.props.name],
+        "onUpdate:modelValue": (U) => e(g)[M.props.name] = U
+      }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128)),
+      Object.entries(e(C)).length > 0 || e(t).length > 0 ? (c(), j(We, Z({ key: 1 }, l, {
+        schema: e(C),
+        limit: 0,
+        onChange: _[3] || (_[3] = (M) => e(k)(M.name, M.value)),
+        onClearAll: _[4] || (_[4] = (M) => e(p)()),
+        onClear: _[5] || (_[5] = (M) => e(h)(M.name)),
+        mode: s.mode,
+        ref_key: "popoverRef",
+        ref: y,
+        cleanable: !0
+      }), {
+        default: re(() => [
+          (c(!0), w(F, null, q(e(d), (M, A) => (c(), j(oe(M), Z({
+            key: "slot-" + A,
+            layout: "popover"
+          }, { ref_for: !0 }, M.props, { cleanable: !0 }), null, 16))), 128))
+        ]),
+        _: 1
+      }, 16, ["schema", "mode"])) : S("", !0),
+      e(m) > 0 ? (c(), w("button", {
+        key: 2,
+        onClick: b,
+        class: "relative py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 border border-transparent text-gray-800 hover:bg-gray-200 focus:bg-gray-200"
+      }, " Очистити ")) : S("", !0)
+    ]));
+  }
+}), pa = {
+  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"
+}, fa = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, va = /* @__PURE__ */ W({
+  __name: "vertical-filter-layout",
+  props: {
+    schema: {},
+    view: {},
+    value: {},
+    history: { type: Boolean },
+    mode: {},
+    limit: { default: 3 }
+  },
+  emits: ["change", "clear", "clearAll"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = v, n = we(), {
+      activeFilter: f,
+      activeFilterCount: g,
+      onFilterChange: m,
+      clearFilter: k,
+      clearAllFilters: h,
+      filtersSlot: p
+    } = Ae({
+      ...l,
+      slots: n
+    }, o);
+    return r({
+      clearFilter: k,
+      clearAllFilters: h
+    }), (x, C) => x.view === "vertical" ? (c(), w("div", pa, [
+      a("div", fa, [
+        e(g) > 0 ? (c(), w("button", {
+          key: 0,
+          onClick: C[0] || (C[0] = (d) => e(h)()),
+          "data-popover-trigger": "",
+          "aria-haspopup": "dialog",
+          "aria-expanded": "false",
+          class: "w-full ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground border h-10 px-4 py-2 gap-2 m-2 bg-white text-gray-800 hover:bg-gray-200 focus:bg-gray-200",
+          type: "button"
+        }, " Очистити ")) : S("", !0),
+        x.schema ? (c(!0), w(F, { key: 1 }, q(Object.entries(x.schema), ([d, i]) => (c(), j(ne, Z({
+          name: d,
+          layout: "vertical"
+        }, { ref_for: !0 }, i, {
+          onChange: C[1] || (C[1] = (t) => e(m)(t.name, t.value)),
+          onClear: C[2] || (C[2] = (t) => {
+            e(k)(t), e(m)(t, void 0);
+          }),
+          modelValue: e(f)[d],
+          "onUpdate:modelValue": (t) => e(f)[d] = t,
+          showClean: !0
+        }), null, 16, ["name", "modelValue", "onUpdate:modelValue"]))), 256)) : S("", !0),
+        (c(!0), w(F, null, q(e(p), (d, i) => (c(), j(ne, Z({
+          key: "slot-" + i,
+          layout: "vertical"
+        }, { ref_for: !0 }, d.props, {
+          onChange: C[3] || (C[3] = (t) => e(m)(t.name, t.value)),
+          onClear: C[4] || (C[4] = (t) => {
+            e(k)(t), e(m)(t, void 0);
+          }),
+          modelValue: e(f)[d.props.name],
+          "onUpdate:modelValue": (t) => e(f)[d.props.name] = t,
+          showClean: !0
+        }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128))
+      ])
+    ])) : S("", !0);
+  }
+}), xe = /* @__PURE__ */ W({
+  __name: "filter",
+  props: {
+    schema: {},
+    view: { default: "inline" },
+    value: {},
+    history: { type: Boolean },
+    mode: {},
+    limit: { default: 3 }
+  },
+  emits: ["change", "clear", "clearAll"],
+  setup(u, { expose: r, emit: v }) {
+    const l = u, o = V(l.value ?? {}), n = v, f = V();
+    function g(i) {
+      if (Array.isArray(i))
+        return i.map((t) => g(t));
+      if (i !== null && typeof i == "object") {
+        const t = fe(i), y = {};
+        for (const b in t)
+          y[b] = g(t[b]);
+        return y;
+      }
+      return i;
+    }
+    function m(i, t) {
+      t !== void 0 ? o.value = {
+        ...o.value,
+        [i]: t
+      } : delete o.value[i], n("change", {
+        data: g(o.value),
+        name: i,
+        value: g(t)
+      });
+    }
+    function k(i) {
+      delete o.value[i], n("clear", {
+        data: g(o.value),
+        name: i
+      }), n("change", {
+        data: g(o.value),
+        name: i,
+        value: null
+      });
+    }
+    function h() {
+      o.value = {}, n("clear", {
+        data: g(o.value),
+        name: "ALL"
+      }), n("change", {
+        data: g(o.value),
+        name: "ALL",
+        value: null
+      });
+    }
+    const p = V({});
+    function x() {
+      switch (l.view) {
+        case "inline":
+          return ze;
+        case "vertical":
+          return va;
+        case "popover":
+          return We;
+        default:
+          return ze;
+      }
+    }
+    R(
+      () => l.schema,
+      (i) => {
+        if (!i) {
+          p.value = {};
+          return;
+        }
+        if (Array.isArray(i) && !i.length) {
+          p.value = {};
+          return;
+        }
+        Array.isArray(i) ? p.value = i.filter((t) => t.type).reduce((t, y) => (Object.assign(y, { name: y.id || y.name, type: y.type.toLowerCase() }), t[y.name] = y, y.data && !y.api && !y.options && Object.assign(y, { api: `/api/suggest/${y.data}` }), t), {}) : (Object.entries(i).forEach(([t, y]) => {
+          Object.assign(y, { name: t || y.name || y.id, type: y.type.toLowerCase() });
+        }), p.value = { ...i });
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function C(i) {
+      f.value.clearFilter(i), k(i);
+    }
+    function d() {
+      f.value.clearAllFilters(), h();
+    }
+    return r({
+      clearAllFilters: d,
+      clearFilter: C
+    }), (i, t) => (c(), j(oe(x()), Z(l, {
+      schema: p.value,
+      onChange: t[0] || (t[0] = (y) => m(y.name, y.value)),
+      onClear: t[1] || (t[1] = (y) => k(y.name)),
+      onClearAll: h,
+      ref_key: "filterRef",
+      ref: f
+    }), {
+      default: re(() => [
+        ee(i.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["schema"]));
+  }
+});
+xe.install = function(u) {
+  u.component("Filter", xe), u.component("FilterField", ne);
+};
+function ma(u) {
+  const { page: r, id: v, filter: l } = u, o = new URL(window.location.href), n = new URLSearchParams(window.location.search);
+  r ? n.set("page", r.toString()) : n.delete("page"), v ? n.set("id", v.toString()) : n.delete("id"), l ? n.set("filter", l) : n.delete("filter"), o.search = decodeURI(n.toString()), window.history.pushState({}, "", o);
+}
+const ga = { class: "flex items-center justify-between w-full gap-x-1" }, ha = { class: "flex items-center" }, ba = ["disabled"], ya = { class: "flex items-center gap-x-1" }, xa = ["onClick"], wa = ["disabled"], ka = { class: "flex justify-center items-center gap-x-5 ml-3" }, _a = { class: "relative" }, Ca = {
+  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"
+}, Va = ["onClick"], Sa = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-check text-blue-600",
+  width: "14",
+  height: "14"
+}, Ma = /* @__PURE__ */ W({
+  __name: "pagination",
+  props: {
+    total: {},
+    currentPage: {},
+    pageSize: {}
+  },
+  emits: ["update:currentPage", "update:pageSize", "pageChange", "pageSizeChange"],
+  setup(u, { emit: r }) {
+    const v = u, l = r, o = V(v.currentPage), n = V(v.pageSize), f = V(!1);
+    R(() => v.pageSize, (C) => {
+      n.value = C;
+    });
+    const g = E(() => Math.ceil(v.total / v.pageSize)), m = E(() => {
+      const d = Math.floor(3.5);
+      let i = o.value - d, t = o.value + d;
+      i < 1 && (t += 1 - i, i = 1), t > g.value && (i -= t - g.value, t = g.value), i = Math.max(1, i);
+      const y = [];
+      for (let b = i; b <= t; b += 1)
+        y.push(b);
+      return y;
+    }), k = () => {
+      o.value > 1 && (o.value -= 1, l("update:currentPage", o.value));
+    }, h = () => {
+      o.value < g.value && (o.value += 1, l("update:currentPage", o.value));
+    }, p = (C) => {
+      o.value = C, l("update:currentPage", C), l("pageChange", C);
+    }, x = (C = n.value) => {
+      n.value = C, f.value = !1, l("update:pageSize", n.value), l("update:currentPage", 1), l("pageSizeChange", n.value);
+    };
+    return (C, d) => (c(), w("nav", ga, [
+      a("div", ha, [
+        a("button", {
+          type: "button",
+          "aria-label": "Previous",
+          onClick: k,
+          disabled: o.value === 1,
+          class: "border-white last:rounded-e-lg text-base h-[38px] min-w-[38px] py-2 px-2.5 inline-flex justify-center items-center gap-x-2 border text-sm rounded-lg bg-white text-gray-800 hover:shadow-sm hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-50 dark:bg-neutral-700 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800 py-2"
+        }, d[1] || (d[1] = [
+          a("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down rotate-90",
+            height: "16",
+            width: "16"
+          }, [
+            a("path", {
+              stroke: "none",
+              d: "M0 0h24v24H0z",
+              fill: "none"
+            }),
+            a("path", { d: "M6 9l6 6l6 -6" })
+          ], -1),
+          a("span", {
+            "aria-hidden": "true",
+            class: "sr-only"
+          }, "Previous", -1)
+        ]), 8, ba),
+        a("div", ya, [
+          (c(!0), w(F, null, q(m.value, (i) => (c(), w("button", {
+            type: "button",
+            key: i,
+            onClick: (t) => p(i),
+            class: z(o.value === i ? "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]")
+          }, K(i), 11, xa))), 128))
+        ]),
+        a("button", {
+          type: "button",
+          "aria-label": "Next",
+          onClick: h,
+          disabled: o.value === g.value,
+          class: "border-white last:rounded-e-lg text-base h-[38px] min-w-[38px] py-2 px-2.5 inline-flex justify-center items-center gap-x-2 border text-sm rounded-lg bg-white text-gray-800 hover:shadow-sm hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-50 dark:bg-neutral-700 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800 py-2"
+        }, d[2] || (d[2] = [
+          a("span", {
+            "aria-hidden": "true",
+            class: "sr-only"
+          }, "Next", -1),
+          a("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down -rotate-90",
+            height: "16",
+            width: "16"
+          }, [
+            a("path", {
+              stroke: "none",
+              d: "M0 0h24v24H0z",
+              fill: "none"
+            }),
+            a("path", { d: "M6 9l6 6l6 -6" })
+          ], -1)
+        ]), 8, wa)
+      ]),
+      a("div", ka, [
+        a("div", _a, [
+          H(a("div", Ca, [
+            (c(), w(F, null, q([10, 20, 30], (i) => a("button", {
+              type: "button",
+              key: i,
+              onClick: (t) => x(i),
+              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"
+            }, [
+              Y(K(i) + " ", 1),
+              n.value === i ? (c(), w("svg", Sa, d[3] || (d[3] = [
+                a("path", {
+                  stroke: "none",
+                  d: "M0 0h24v24H0z",
+                  fill: "none"
+                }, null, -1),
+                a("path", { d: "M5 12l5 5l10 -10" }, null, -1)
+              ]))) : S("", !0)
+            ], 8, Va)), 64))
+          ], 512), [
+            [X, f.value]
+          ]),
+          a("button", {
+            type: "button",
+            class: "py-3 px-3.5 inline-flex items-center gap-x-1 text-sm rounded-lg border border-gray-200 text-gray-800 shadow-sm hover:bg-gray-50 focus:outline-none focus:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 text-base h-[38px] min-w-[38px]",
+            "aria-haspopup": "menu",
+            "aria-expanded": "false",
+            "aria-label": "Dropdown",
+            onClick: d[0] || (d[0] = (i) => f.value = !f.value)
+          }, [
+            Y(K(n.value) + " ", 1),
+            d[4] || (d[4] = a("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down",
+              height: "16",
+              width: "16"
+            }, [
+              a("path", {
+                stroke: "none",
+                d: "M0 0h24v24H0z",
+                fill: "none"
+              }),
+              a("path", { d: "M6 9l6 6l6 -6" })
+            ], -1))
+          ])
+        ])
+      ])
+    ]));
+  }
+}), ve = (u, r) => {
+  const v = u.__vccOpts || u;
+  for (const [l, o] of r)
+    v[l] = o;
+  return v;
+}, Ba = {}, Aa = {
+  class: "w-48 mx-auto mb-4",
+  width: "178",
+  height: "90",
+  viewBox: "0 0 178 90",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function $a(u, r) {
+  return c(), w("svg", Aa, r[0] || (r[0] = [
+    Ue('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-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 Ra = /* @__PURE__ */ ve(Ba, [["render", $a]]), Da = {}, ja = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "21",
+  height: "20",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-layout-sidebar-right-collapse"
+};
+function za(u, r) {
+  return c(), w("svg", ja, r[0] || (r[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" }, null, -1),
+    a("path", { d: "M15 4v16" }, null, -1),
+    a("path", { d: "M9 10l2 2l-2 2" }, null, -1)
+  ]));
+}
+const Fa = /* @__PURE__ */ ve(Da, [["render", za]]), Ka = {}, Ua = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "21",
+  height: "20",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-layout-sidebar-right-expand"
+};
+function La(u, r) {
+  return c(), w("svg", Ua, r[0] || (r[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" }, null, -1),
+    a("path", { d: "M15 4v16" }, null, -1),
+    a("path", { d: "M10 10l-2 2l2 2" }, null, -1)
+  ]));
+}
+const Oa = /* @__PURE__ */ ve(Ka, [["render", La]]), Pa = {}, Ia = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-map"
+};
+function Ta(u, r) {
+  return c(), w("svg", Ia, r[0] || (r[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M3 7l6 -3l6 3l6 -3v13l-6 3l-6 -3l-6 3v-13" }, null, -1),
+    a("path", { d: "M9 4v13" }, null, -1),
+    a("path", { d: "M15 7v13" }, null, -1)
+  ]));
+}
+const Ha = /* @__PURE__ */ ve(Pa, [["render", Ta]]), Ea = {}, Wa = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-table"
+};
+function Ya(u, r) {
+  return c(), w("svg", Wa, r[0] || (r[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" }, null, -1),
+    a("path", { d: "M3 10h18" }, null, -1),
+    a("path", { d: "M10 3v18" }, null, -1)
+  ]));
+}
+const qa = /* @__PURE__ */ ve(Ea, [["render", Ya]]);
+function Na(u, r) {
+  let v;
+  return function(...l) {
+    clearTimeout(v), v = setTimeout(() => u(...l), r);
+  };
+}
+function Ga(u, r, v) {
+  r && (r.addSource("vector", {
+    type: "vector",
+    tiles: [
+      `http://${window.location.host}/api/vtile/${u}/ua/{z}/{x}/{y}.vmt?pointZoom=12`
+    ],
+    minzoom: 0,
+    maxzoom: 12
+  }), r.addLayer({
+    id: "vector-circle",
+    type: "circle",
+    maxzoom: 12,
+    source: "vector",
+    "source-layer": u,
+    // must match the layer name in the vector tile source
+    paint: {
+      "circle-color": v,
+      "circle-stroke-color": "#eee",
+      "circle-stroke-width": 1,
+      "circle-radius": ["interpolate", ["linear"], ["zoom"], 10, 5, 15, 12]
+    }
+  }), r.addLayer({
+    id: "vector-fill",
+    type: "fill",
+    minzoom: 12,
+    source: "vector",
+    "source-layer": u,
+    // must match the layer name in the vector tile source
+    paint: {
+      "fill-color": v,
+      "fill-opacity": 0.6
+    }
+  }));
+}
+const ge = [
+  {
+    name: "voyager",
+    label: "Базова карта (voyager)",
+    url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
+    preview: "https://data.gki.com.ua/api-user/rtile/voyager/ua/12/2422/1400.png"
+  },
+  {
+    name: "orto",
+    label: "Ортофото 10К",
+    url: "https://data.gki.com.ua/api-user/rtile/orto10/ua/{z}/{x}/{y}.png",
+    preview: "https://data.gki.com.ua/api-user/rtile/orto10/ua/12/2422/1400.png"
+  },
+  {
+    name: "esri",
+    label: "Esri ",
+    url: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
+    preview: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/12/2422/1400.png"
+  },
+  {
+    name: "google",
+    label: "Google ",
+    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"
+  }
+], Qa = { class: "relative w-auto h-full" }, Za = { class: "absolute left-[20px] bottom-[74px] bg-white max-w-[250px] p-[10px] rounded-lg z-10 border" }, Ja = { class: "flex justify-start items-center gap-2" }, Xa = { class: "ml-1 text-[0.875rem]" }, eo = { class: "vs-map-slot-layers z-10 select-none" }, to = ["onClick"], lo = ["src"], ao = { 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" }, oo = /* @__PURE__ */ W({
+  __name: "map",
+  props: {
+    table: {},
+    center: {},
+    colorAttr: {},
+    filter: {},
+    modelValue: {},
+    zoom: {},
+    map: {}
+  },
+  emits: ["update:modelValue", "update:map"],
+  setup(u, { emit: r }) {
+    const v = u, l = r;
+    let o, n;
+    const f = V(null), g = V(!1), m = V(ge[0].name), k = ge[0], h = V(null), p = V(null), x = [
+      "#2563EB",
+      // Primary Blue
+      "#60A5FA",
+      // Sky Blue
+      "#10B981",
+      // Soft Green
+      "#34D399",
+      // Mint Green
+      "#F59E0B",
+      // Warm Yellow
+      "#F97316",
+      // Soft Orange
+      "#EF4444",
+      // Light Red
+      "#F43F5E",
+      // Rose Pink
+      "#374151",
+      // Dark Gray
+      "#D1D5DB"
+      // Light Gray
+    ];
+    let C;
+    const d = [30, 48];
+    return ue(async () => {
+      C = (await fetch(`/api/data/${v.table}/${v.colorAttr}`).then((t) => t.json())).rows, C.forEach((t, y) => {
+        t.color || Object.assign(t, { color: x[y % 10] });
+      }), n = new maplibregl.Popup({
+        closeButton: !1,
+        closeOnClick: !1
+      }), o = new maplibregl.Map({
+        container: f.value,
+        style: {
+          version: 8,
+          sources: {
+            [k.name]: { type: "raster", tiles: [k.url], tileSize: 256 }
+          },
+          layers: [{
+            id: k.name,
+            type: "raster",
+            source: k.name,
+            minzoom: 0,
+            maxzoom: 19
+          }]
+        },
+        center: v.center || d,
+        // [lng, lat] → Paris
+        zoom: v.center ? 14 : 5,
+        minZoom: 3,
+        maxZoom: 18,
+        attributionControl: !1
+      }), l("update:map", o), o.addControl(new maplibregl.NavigationControl(), "top-right"), o.on("load", () => {
+        o == null || o.resize(), g.value = !0;
+        const t = C.filter((b) => b.id).reduce((b, s) => [s.id, s.color].concat(b), []), y = ["match", ["get", v.colorAttr], ...t, "#808080"];
+        Ga(v.table, o, y);
+      }), o.on("click", (t) => {
+        const y = o.queryRenderedFeatures(t.point);
+        y.length && l("update:modelValue", y[0].properties.id);
+      }), o.on("mousemove", (t) => {
+        var M;
+        const y = o.queryRenderedFeatures(t.point);
+        if (!y || !y.length) {
+          n.remove(), o.getCanvas().style.cursor = "";
+          return;
+        }
+        o.getCanvas().style.cursor = "pointer";
+        const b = y[0], { coordinates: s } = b.geometry, _ = b.geometry.type === "Point" ? s : s[0][0];
+        p.value = b.properties, n.setLngLat(_).setHTML((M = h.value) == null ? void 0 : M.innerHTML).addTo(o);
+      });
+    }), R(() => v.center, (i) => {
+      o && (o.setCenter(i || d), o.setZoom(i ? 14 : 5));
+    }), R(() => v.filter, (i) => {
+      const t = `http://${window.location.host}/api/vtile/${v.table}/ua/{z}/{x}/{y}.vmt?pointZoom=12&filter=${i}`;
+      o.getSource("vector").setTiles([t]);
+    }), R(m, (i, t) => {
+      const y = ge.find((b) => b.name === i);
+      y && (o.removeLayer(t), o.removeSource(t), o.addSource(i, { type: "raster", tiles: [y.url], tileSize: 256 }), o.addLayer({
+        id: y.name,
+        type: "raster",
+        source: y.name,
+        minzoom: 0,
+        maxzoom: 19
+      }, "vector-circle"));
+    }), he(() => {
+      o && o.remove();
+    }), (i, t) => H((c(), w("div", Qa, [
+      a("div", {
+        ref_key: "mapContainer",
+        ref: f,
+        class: "map-container w-auto relative"
+      }, null, 512),
+      a("div", Za, [
+        (c(!0), w(F, null, q(e(C), (y) => (c(), w("div", {
+          class: "legend-item",
+          key: y.id
+        }, [
+          a("div", Ja, [
+            a("div", {
+              class: "w-[15px] h-[15px] rounded-[50%] min-w-[15px]",
+              style: _e("background-color:" + y.color)
+            }, null, 4),
+            a("div", Xa, K(y.text), 1)
+          ])
+        ]))), 128))
+      ]),
+      a("div", {
+        ref_key: "popupDiv",
+        ref: h,
+        style: { display: "none" }
+      }, [
+        ee(i.$slots, "default", { hoverData: p.value })
+      ], 512),
+      a("div", eo, [
+        (c(!0), w(F, null, q(e(ge), (y) => (c(), w("div", {
+          key: y.name,
+          class: z(["vs-map-slot-layers__layer relative", { focused: m.value === y.name }]),
+          onClick: (b) => m.value = y.name
+        }, [
+          a("img", {
+            src: y.preview,
+            class: "vs-map-slot-layers__image"
+          }, null, 8, lo),
+          a("div", ao, K(y.label), 1)
+        ], 10, to))), 128))
+      ])
+    ], 512)), [
+      [X, g.value]
+    ]);
+  }
+}), ro = { class: "pt-[20px]" }, no = { class: "w-full gap-5 inline-flex mb-[6px] pr-3" }, io = { class: "flex items-center" }, so = ["title"], uo = { class: "max-[1000px]:flex gap-2 min-[1001px]:hidden" }, co = { class: "flex" }, po = {
+  key: 0,
+  class: "py-[15px] pb-[24px] pl-2"
+}, fo = { class: "font-bold text-2xl mr-[10px]" }, vo = { class: "text-sm text-stone-500 font-medium" }, mo = {
+  class: "wrapperTable flex flex-col",
+  style: { height: "calc(100vh - 302px)" }
+}, go = {
+  key: 1,
+  class: "text-center py-28"
+}, ho = { key: 1 }, bo = {
+  key: 2,
+  class: "my-5 pr-2"
+}, yo = { class: "flex justify-between" }, xo = { class: "w-full lg:w-1/2 relative" }, ko = /* @__PURE__ */ W({
+  __name: "vs-parts-map",
+  props: {
+    title: {},
+    table: {},
+    map: {},
+    rows: {},
+    initTotal: {},
+    colorAttr: {},
+    id: {},
+    filters: {},
+    history: { type: Boolean }
+  },
+  emits: ["change:filter", "update:map"],
+  setup(u, { emit: r }) {
+    var O, G, ie, ae, $e;
+    function v($) {
+      return ($.type === "Point" ? $.coordinates : null) || ($.type.includes("Multi") ? $.coordinates[0][0][0] : $.coordinates[0][0]);
+    }
+    const l = u, o = r, n = V(0);
+    n.value = l.initTotal ?? ((O = l.rows) == null ? void 0 : O.length) ?? 0;
+    const f = V(""), g = V(null), m = V(!0), k = V(((G = l.rows) == null ? void 0 : G.length) === 1), h = V(0), p = V(l.rows), x = V(1), C = V(20), d = V(l.filters || []), i = V(""), t = V({}), y = V(((ie = l.rows) == null ? void 0 : ie.length) === 1 ? l.rows[0] : {}), b = V(((ae = l.rows) == null ? void 0 : ae.length) === 1 ? l.rows[0].id : ""), s = V((($e = l.rows) == null ? void 0 : $e.length) === 1 ? v(l.rows[0].geom) : null);
+    function _($) {
+      return Object.entries($).filter(([, D]) => D).map(([D, ce]) => `${D}=${ce}`).join("|");
+    }
+    async function M() {
+      const $ = _(t.value);
+      i.value = $;
+      try {
+        const D = {
+          search: f.value,
+          limit: C.value.toString(),
+          page: x.value.toString(),
+          filter: $
+        }, ce = new URL(`/api/data/${l.table}`, window.location.origin) + (b.value ? `/${b.value}` : ""), Q = new URLSearchParams(D).toString(), pe = await fetch(`${ce.toString()}?${Q}`).then((me) => me.json());
+        if (b.value) {
+          const [me] = pe.rows;
+          y.value = me, s.value = v(me.geom), k.value = !0;
+        } else
+          s.value = null, p.value = pe == null ? void 0 : pe.rows;
+        n.value = pe.filtered, ma({ page: x.value, filter: $, id: b.value });
+      } catch (D) {
+        console.error(D.message);
+      }
+    }
+    const A = Na(M, 300);
+    function U($) {
+      C.value = $, x.value = 1, M();
+    }
+    function I($) {
+      x.value = $, M();
+    }
+    function L($) {
+      t.value = $.data, x.value = 1, M(), o("change:filter", $);
+    }
+    async function de() {
+      if (l.filters) return;
+      const D = await (await fetch(`/api/filter/${l.table}`)).json();
+      d.value = D.list;
+    }
+    function J() {
+      t.value = {}, f.value = "", M();
+    }
+    ue(async () => {
+      h.value = window.innerWidth, h.value < 1e3 && (m.value = !1);
+      const $ = new URLSearchParams(window.location.search);
+      x.value = Number($.get("page")) || 1, C.value = Number($.get("limit")) || C.value, b.value = $.get("id") || "", k.value = !!b.value, de(), !p.value && !b.value && M();
+    });
+    function T() {
+      k.value = !1, y.value = null, b.value = "", M();
+    }
+    function B($) {
+      b.value = $.id;
+    }
+    return R(g, ($) => {
+      o("update:map", $);
+    }), R(f, ($) => {
+      $ || M();
+    }), R(b, () => {
+      M();
+    }), ($, D) => {
+      var ce;
+      return c(), w("section", ro, [
+        ee($.$slots, "header", {
+          title: l.title,
+          total: n.value
+        }),
+        a("div", no, [
+          P(e(ne), {
+            type: "text",
+            modelValue: f.value,
+            "onUpdate:modelValue": D[0] || (D[0] = (Q) => f.value = Q),
+            name: "search",
+            label: "Пошук",
+            onChange: e(A)
+          }, null, 8, ["modelValue", "onChange"]),
+          d.value.length ? (c(), j(e(xe), {
+            key: 0,
+            schema: d.value,
+            view: "inline",
+            onChange: L,
+            limit: 5,
+            value: t.value,
+            ref: "filterRef"
+          }, null, 8, ["schema", "value"])) : S("", !0),
+          a("div", io, [
+            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: m.value ? "Приховати карту" : "Показати карту",
+              onClick: D[1] || (D[1] = (Q) => m.value = !m.value)
+            }, [
+              m.value ? (c(), j(Fa, { key: 0 })) : (c(), j(Oa, { key: 1 })),
+              D[8] || (D[8] = a("span", { class: "sr-only" }, "Відкрити мапу", -1))
+            ], 8, so),
+            a("div", uo, [
+              a("button", {
+                onClick: D[2] || (D[2] = (Q) => m.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"
+              }, [
+                P(qa)
+              ]),
+              a("button", {
+                onClick: D[3] || (D[3] = (Q) => m.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"
+              }, [
+                P(Ha)
+              ])
+            ])
+          ])
+        ]),
+        a("div", co, [
+          a("div", {
+            class: z([
+              "relative overflow-hidden shrink-0",
+              m.value ? "w-2/4 mr-0" : "w-full mr-3",
+              k.value ? "hidden" : ""
+            ])
+          }, [
+            (ce = $.$slots) != null && ce.header ? S("", !0) : (c(), w("h1", po, [
+              a("span", fo, K(l.title), 1),
+              a("span", vo, K(n.value), 1),
+              D[9] || (D[9] = a("span", { class: "text-sm text-stone-500 font-medium" }, " об'єктів", -1))
+            ])),
+            a("div", mo, [
+              n.value >= 1 ? ee($.$slots, "table", {
+                key: 0,
+                rows: p.value,
+                selectRow: B
+              }) : (c(), w("div", go, [
+                P(Ra),
+                D[10] || (D[10] = a("h2", { class: "font-medium text-base text-gray-500 rounded-xl" }, " За вашим запитом даних не знайдено! ", -1)),
+                D[11] || (D[11] = a("p", { class: "font-normal text-sm text-gray-500 rounded-xl" }, " Введіть, будь ласка, інші значення для пошуку. ", -1)),
+                a("button", {
+                  type: "button",
+                  class: "mt-[10px] py-2 px-2.5 inline-flex items-center gap-x-1.5 text-xs rounded-lg border border-stone-200 bg-white text-stone-800 shadow-sm hover:bg-stone-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100",
+                  onClick: J
+                }, " Очистити дані пошуку ")
+              ]))
+            ]),
+            n.value >= 1 ? (c(), w("hr", ho)) : S("", !0),
+            n.value >= 1 ? (c(), w("div", bo, [
+              a("div", yo, [
+                P(Ma, {
+                  total: n.value,
+                  currentPage: x.value ?? 1,
+                  pageSize: C.value,
+                  onPageChange: D[4] || (D[4] = (Q) => I(Q)),
+                  onPageSizeChange: D[5] || (D[5] = (Q) => U(Q))
+                }, null, 8, ["total", "currentPage", "pageSize"])
+              ])
+            ])) : S("", !0)
+          ], 2),
+          k.value ? (c(), w("div", {
+            key: 0,
+            class: z(
+              m.value ? "lg:static lg:w-1/2 mr-0 pb-5" : "pb-5 mr-3"
+            ),
+            style: { height: "calc(100vh - 152px)" }
+          }, [
+            ee($.$slots, "details", {
+              table: l.table,
+              selectedRow: y.value,
+              closeObjCard: T
+            })
+          ], 2)) : S("", !0),
+          H(a("div", xo, [
+            P(oo, {
+              table: l.table,
+              map: g.value,
+              "onUpdate:map": D[6] || (D[6] = (Q) => g.value = Q),
+              colorAttr: l.colorAttr,
+              filter: i.value,
+              center: s.value,
+              modelValue: b.value,
+              "onUpdate:modelValue": D[7] || (D[7] = (Q) => b.value = Q)
+            }, {
+              default: re(({ hoverData: Q }) => [
+                ee($.$slots, "popup", { data: Q })
+              ]),
+              _: 3
+            }, 8, ["table", "map", "colorAttr", "filter", "center", "modelValue"]),
+            ee($.$slots, "default", {
+              table: l.table,
+              map: g.value,
+              selectedRow: y.value
+            })
+          ], 512), [
+            [X, m.value]
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  ko as default
+};