@opengis/filter 0.0.13 → 0.0.14

package/dist/filter.js

@@ -0,0 +1,2744 @@
+import { defineComponent as O, ref as _, createElementBlock as w, openBlock as f, createElementVNode as u, withModifiers as _e, normalizeClass as D, createCommentVNode as V, toDisplayString as F, computed as I, watch as M, createStaticVNode as Le, Fragment as R, renderList as W, unref as e, createBlock as S, createVNode as N, createTextVNode as z, withDirectives as T, vShow as X, vModelText as G, onMounted as ne, onBeforeUnmount as ce, Teleport as $e, normalizeStyle as Ae, renderSlot as ue, nextTick as fe, isRef as Ee, withCtx as le, resolveDynamicComponent as ee, mergeProps as P, toRaw as Z, cloneVNode as Ie, useSlots as pe } from "vue";
+const Te = { class: "flex items-center justify-between w-full text-sm" }, Oe = { class: "flex items-center cursor-pointer w-full" }, Ue = {
+  key: 0,
+  width: "16",
+  height: "auto",
+  src: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4="
+}, ze = ["value"], Ne = { class: "w-[calc(100%-18px)] flex flex-row items-center justify-between pl-[10px]" }, He = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, Ye = {
+  key: 0,
+  class: "text-xs text-gray-500 dark:text-neutral-500 pr-1"
+}, me = /* @__PURE__ */ O({
+  __name: "list-item",
+  props: {
+    layout: {},
+    count: {},
+    type: {},
+    label: {},
+    value: {},
+    isSelected: { type: Boolean },
+    color: {},
+    highlighted: { type: Boolean }
+  },
+  emits: ["itemClick"],
+  setup(i, { expose: n, emit: v }) {
+    const t = i, s = v;
+    function r() {
+      s("itemClick", t.value);
+    }
+    const d = _(null);
+    return n({ el: d }), (m, c) => (f(), w("div", {
+      class: "flex items-center w-full rounded-lg group hover:bg-gray-100",
+      ref_key: "el",
+      ref: d
+    }, [
+      u("div", Te, [
+        u("div", Oe, [
+          u("label", {
+            for: "radio-9740",
+            class: D([
+              ["inline", "popover"].includes(m.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": m.highlighted }
+            ]),
+            onClick: _e(r, ["stop", "prevent"])
+          }, [
+            u("div", {
+              class: D(["w-[18px] h-[18px] border flex items-center justify-center", [
+                m.type == "checkbox" ? "rounded-[4px]" : "rounded-full",
+                m.color ? `bg-[${m.color}] border-[#ffffff]` : m.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
+              ]])
+            }, [
+              m.isSelected ? (f(), w("img", Ue)) : V("", !0)
+            ], 2),
+            u("input", {
+              type: "checkbox",
+              class: "hidden",
+              id: "radio-9740",
+              value: m.value
+            }, null, 8, ze),
+            u("div", Ne, [
+              u("span", He, F(m.label ?? "Відсутні данні"), 1),
+              m.count ? (f(), w("div", Ye, " (" + F(m.count) + ") ", 1)) : V("", !0)
+            ])
+          ], 2)
+        ])
+      ])
+    ], 512));
+  }
+});
+function Be(i, n) {
+  const {
+    options: v = [],
+    limit: t = 20
+  } = i;
+  function s(l) {
+    return Array.isArray(l) ? l[0] : l;
+  }
+  const r = _(s(i.modelValue)), d = _(""), m = _(!1), c = _([]), x = _("id"), p = _("text"), a = _(!1), o = _(i.layout !== "popover" && v.length > t);
+  function h(l) {
+    const b = l.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find((Y) => Y in b) ?? "id", A = ["text", "label", "name", "title"].find((Y) => Y in b) ?? "text";
+    return { autoValueKey: K, autoLabelKey: A };
+  }
+  if (v.length > 0) {
+    const l = h(v);
+    x.value = l.autoValueKey, p.value = l.autoLabelKey;
+  }
+  const g = I(() => {
+    const l = c.value;
+    return i.layout === "popover" || a.value ? l : l.slice(0, t);
+  });
+  M(() => i.modelValue, (l) => {
+    r.value = s(l);
+  }, { immediate: !0 }), c.value = [...v].sort((l, b) => i.sort === "count" ? b.count && l.count ? b.count - l.count : 0 : i.sort === "name" ? String(l[p.value] ?? "").localeCompare(String(b[p.value] ?? "")) : 0);
+  function k(l) {
+    return r.value === l[x.value];
+  }
+  function y(l) {
+    r.value = l[x.value], n("update:modelValue", r.value), n("change", { name: i.name, value: r.value });
+  }
+  function $() {
+    r.value = void 0, n("update:modelValue", r.value), n("clear", i.name);
+  }
+  function C() {
+    a.value = !a.value;
+  }
+  return {
+    innerValue: r,
+    searchTerm: d,
+    filteredOptions: g,
+    isSelected: k,
+    selectItem: y,
+    clear: $,
+    toggleShowAll: C,
+    isReqProc: m,
+    showAll: a,
+    isEnableShowAll: o,
+    labelKey: p,
+    valueKey: x,
+    allOptions: c
+  };
+}
+const J = (i, n) => {
+  const v = i.__vccOpts || i;
+  for (const [t, s] of n)
+    v[t] = s;
+  return v;
+}, Pe = {}, We = {
+  class: "w-48 mx-auto",
+  viewBox: "0 0 178 90",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function qe(i, n) {
+  return f(), w("svg", We, n[0] || (n[0] = [
+    Le('<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__ */ J(Pe, [["render", qe]]), Qe = {}, Ge = {
+  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 Xe(i, n) {
+  return f(), w("svg", Ge, n[0] || (n[0] = [
+    u("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    u("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
+}
+const ie = /* @__PURE__ */ J(Qe, [["render", Xe]]), Je = {}, Ze = {
+  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 et(i, n) {
+  return f(), w("svg", Ze, n[0] || (n[0] = [
+    u("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    u("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
+}
+const ye = /* @__PURE__ */ J(Je, [["render", et]]), tt = {
+  key: 0,
+  class: "w-full"
+}, lt = { class: "flex flex-col items-center justify-center p-5 text-center" }, ot = {
+  key: 0,
+  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
+}, at = {
+  key: 1,
+  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
+}, nt = /* @__PURE__ */ O({
+  __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(i, { expose: n, emit: v }) {
+    const t = i, s = _(null), r = v, {
+      innerValue: d,
+      filteredOptions: m,
+      isSelected: c,
+      selectItem: x,
+      clear: p,
+      toggleShowAll: a,
+      isReqProc: o,
+      showAll: h,
+      isEnableShowAll: g,
+      labelKey: k,
+      valueKey: y,
+      allOptions: $
+    } = Be({
+      ...t,
+      modelValue: t.modelValue ?? t.default ?? ""
+    }, r);
+    return n({
+      clear: p,
+      inputTextRef: s
+    }), M(
+      () => t.modelValue,
+      (C) => {
+        C === void 0 && (d.value = void 0);
+      }
+    ), (C, l) => (f(), w("div", {
+      class: D([C.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
+    }, [
+      u("div", {
+        class: D([
+          C.layout === "popover" ? "flex-1 overflow-y-auto max-h-64 p-2" : "",
+          C.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+        ])
+      }, [
+        (f(!0), w(R, null, W(e(m), (b) => (f(), S(me, {
+          layout: C.layout,
+          key: b[e(y)],
+          count: b.count,
+          label: b[e(k)],
+          color: b.color,
+          type: "radio",
+          value: b[e(y)],
+          "is-selected": e(c)(b),
+          onItemClick: (K) => e(x)(b)
+        }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
+      ], 2),
+      C.type === "select" && e(m).length === 0 && !e(o) ? (f(), w("div", tt, [
+        u("div", lt, [
+          N(ve),
+          l[4] || (l[4] = u("div", { class: "max-w-sm mx-auto mt-6" }, [
+            u("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
+            u("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
+          ], -1))
+        ])
+      ])) : V("", !0),
+      C.layout !== "popover" && C.type !== "select" ? (f(), w(R, { key: 1 }, [
+        !e(h) && e(g) ? (f(), w("div", {
+          key: 0,
+          onClick: l[0] || (l[0] = //@ts-ignore
+          (...b) => e(a) && e(a)(...b)),
+          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[5] || (l[5] = z(" Показати більше ", -1)),
+          N(ie)
+        ])) : V("", !0),
+        e(h) ? (f(), w("div", {
+          key: 1,
+          onClick: l[1] || (l[1] = //@ts-ignore
+          (...b) => e(a) && e(a)(...b)),
+          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[6] || (l[6] = z(" Показати менше ", -1)),
+          N(ye)
+        ])) : V("", !0)
+      ], 64)) : V("", !0),
+      C.cleanable ? (f(), w(R, { key: 2 }, [
+        C.layout === "inline" ? (f(), w("div", ot, [
+          z(F(e(d) || e(d) === null ? 1 : 0) + " з " + F(e($).length) + " обрано ", 1),
+          T(u("button", {
+            class: "text-gray-600 hover:text-gray-800",
+            onClick: l[2] || (l[2] = //@ts-ignore
+            (...b) => e(p) && e(p)(...b))
+          }, " Очистити ", 512), [
+            [X, e(d) !== "" && e(d) !== void 0]
+          ])
+        ])) : V("", !0),
+        C.layout === "popover" ? (f(), w("div", at, [
+          u("span", null, F(e(d) || e(d) === null ? 1 : 0) + " з " + F(e($).length) + " обрано", 1),
+          T(u("button", {
+            class: "text-gray-600 hover:text-gray-800",
+            onClick: l[3] || (l[3] = //@ts-ignore
+            (...b) => e(p) && e(p)(...b))
+          }, " Очистити ", 512), [
+            [X, e(d) !== "" && e(d) !== void 0]
+          ])
+        ])) : V("", !0)
+      ], 64)) : V("", !0)
+    ], 2));
+  }
+});
+function Se(i, n) {
+  const {
+    options: v = [],
+    limit: t = 20
+  } = i;
+  function s(l) {
+    return Array.isArray(l) ? l : l ? [l] : [];
+  }
+  const r = _(s(i.modelValue)), d = _(""), m = _(!1), c = _([]), x = _("id"), p = _("text"), a = _(!1), o = _(i.layout !== "popover" && v.length > t);
+  function h(l) {
+    const b = l.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find((Y) => Y in b) ?? "id", A = ["text", "label", "name", "title"].find((Y) => Y in b) ?? "text";
+    return { autoValueKey: K, autoLabelKey: A };
+  }
+  if (v.length > 0) {
+    const l = h(v);
+    x.value = l.autoValueKey, p.value = l.autoLabelKey;
+  }
+  const g = I(() => {
+    const l = c.value;
+    return i.layout === "popover" || a.value ? l : l.slice(0, t);
+  });
+  M(() => i.modelValue, (l) => {
+    r.value = s(l);
+  }, { immediate: !0 }), c.value = [...v].sort((l, b) => i.sort === "count" ? b.count && l.count ? b.count - l.count : 0 : i.sort === "name" ? String(l[p.value]).localeCompare(String(b[p.value])) : 0);
+  function k(l) {
+    return r.value && r.value.includes(l[x.value]);
+  }
+  function y(l) {
+    const b = r.value.includes(l[x.value]);
+    r.value = b ? r.value.filter((K) => K !== l[x.value]) : [...r.value, l[x.value]], n("update:modelValue", r.value), n("change", { name: i.name, value: r.value });
+  }
+  function $() {
+    r.value = [], n("update:modelValue", r.value), n("clear", i.name);
+  }
+  function C() {
+    a.value = !a.value;
+  }
+  return {
+    innerValue: r,
+    searchTerm: d,
+    filteredOptions: g,
+    isSelected: k,
+    selectItem: y,
+    clear: $,
+    toggleShowAll: C,
+    isReqProc: m,
+    showAll: a,
+    isEnableShowAll: o,
+    labelKey: p,
+    valueKey: x,
+    allOptions: c
+  };
+}
+const rt = {
+  key: 0,
+  class: "w-full"
+}, st = { class: "flex flex-col items-center justify-center p-5 text-center" }, ut = {
+  key: 0,
+  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
+}, it = {
+  key: 1,
+  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
+}, xe = /* @__PURE__ */ O({
+  __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(i, { expose: n, emit: v }) {
+    const t = i, s = v, {
+      innerValue: r,
+      filteredOptions: d,
+      isSelected: m,
+      selectItem: c,
+      clear: x,
+      toggleShowAll: p,
+      isReqProc: a,
+      showAll: o,
+      isEnableShowAll: h,
+      labelKey: g,
+      valueKey: k,
+      allOptions: y
+    } = Se({
+      ...t,
+      modelValue: t.modelValue
+    }, s);
+    return M(
+      () => t.modelValue,
+      ($) => {
+        $ === void 0 && (r.value = []);
+      }
+    ), n({
+      clear: x
+    }), ($, C) => (f(), w("div", {
+      class: D([$.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+    }, [
+      u("div", {
+        class: D([
+          $.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
+          $.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+        ])
+      }, [
+        (f(!0), w(R, null, W(e(d), (l) => (f(), S(me, {
+          layout: $.layout,
+          count: l.count,
+          label: l[e(g)],
+          color: l.color,
+          type: "checkbox",
+          value: l[e(k)],
+          "is-selected": e(m)(l),
+          onItemClick: (b) => e(c)(l)
+        }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
+      ], 2),
+      $.type === "select" && e(d).length === 0 && !e(a) ? (f(), w("div", rt, [
+        u("div", st, [
+          N(ve),
+          C[4] || (C[4] = u("div", { class: "max-w-sm mx-auto mt-6" }, [
+            u("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
+            u("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
+          ], -1))
+        ])
+      ])) : V("", !0),
+      $.layout !== "popover" && $.type !== "select" ? (f(), w(R, { key: 1 }, [
+        !e(o) && e(h) ? (f(), w("div", {
+          key: 0,
+          onClick: C[0] || (C[0] = //@ts-ignore
+          (...l) => e(p) && e(p)(...l)),
+          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"
+        }, [
+          C[5] || (C[5] = z(" Показати більше ", -1)),
+          N(ie)
+        ])) : V("", !0),
+        e(o) ? (f(), w("div", {
+          key: 1,
+          onClick: C[1] || (C[1] = //@ts-ignore
+          (...l) => e(p) && e(p)(...l)),
+          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"
+        }, [
+          C[6] || (C[6] = z(" Показати менше ", -1)),
+          N(ye)
+        ])) : V("", !0)
+      ], 64)) : V("", !0),
+      $.cleanable ? (f(), w(R, { key: 2 }, [
+        $.layout === "inline" ? (f(), w("div", ut, [
+          z(F(e(r).length) + " з " + F(e(y).length) + " обрано ", 1),
+          T(u("button", {
+            class: "text-gray-600 hover:text-gray-800",
+            onClick: C[2] || (C[2] = //@ts-ignore
+            (...l) => e(x) && e(x)(...l))
+          }, " Очистити ", 512), [
+            [X, e(r).length !== 0]
+          ])
+        ])) : V("", !0),
+        $.layout === "popover" ? (f(), w("div", it, [
+          u("span", null, F(e(r).length) + " з " + F(e(y).length) + " обрано", 1),
+          T(u("button", {
+            class: "text-gray-600 hover:text-gray-800",
+            onClick: C[3] || (C[3] = //@ts-ignore
+            (...l) => e(x) && e(x)(...l))
+          }, " Очистити ", 512), [
+            [X, e(r).length !== 0]
+          ])
+        ])) : V("", !0)
+      ], 64)) : V("", !0)
+    ], 2));
+  }
+}), dt = {}, ct = {
+  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 ft(i, n) {
+  return f(), w("svg", ct, n[0] || (n[0] = [
+    u("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    u("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
+    u("path", { d: "M21 21l-6 -6" }, null, -1)
+  ]));
+}
+const De = /* @__PURE__ */ J(dt, [["render", ft]]), pt = {}, mt = {
+  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 vt(i, n) {
+  return f(), w("svg", mt, n[0] || (n[0] = [
+    u("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    u("path", { d: "M18 6l-12 12" }, null, -1),
+    u("path", { d: "M6 6l12 12" }, null, -1)
+  ]));
+}
+const Re = /* @__PURE__ */ J(pt, [["render", vt]]);
+class de {
+  static getWidthClass(n) {
+    return typeof n == "number" ? `max-w-[${n}px]` : typeof n == "string" ? n.endsWith("%") || n.endsWith("px") ? `max-w-[${n}]` : `max-w-${n}` : "w-full";
+  }
+}
+const yt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, gt = ["placeholder"], bt = /* @__PURE__ */ O({
+  __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(i, { emit: n }) {
+    const v = i, t = _((v.placeHolder || v.label || v.name).toString()), s = n, r = _(v.modelValue ?? "");
+    M(
+      () => v.modelValue,
+      (c) => {
+        c !== r.value && (r.value = c ?? "");
+      }
+    );
+    function d() {
+      s("update:modelValue", r.value), s("change", { name: v.name, value: r.value });
+    }
+    function m() {
+      r.value = "", s("update:modelValue", ""), s("clear", v.name);
+    }
+    return (c, x) => (f(), w("div", {
+      class: D([
+        "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",
+        c.layout === "inline" ? e(de).getWidthClass(c.width) : "w-full mb-2"
+      ])
+    }, [
+      u("div", yt, [
+        N(De)
+      ]),
+      r.value !== "" ? (f(), w("div", {
+        key: 0,
+        onClick: m,
+        class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"
+      }, [
+        N(Re)
+      ])) : V("", !0),
+      T(u("input", {
+        type: "text",
+        "onUpdate:modelValue": x[0] || (x[0] = (p) => r.value = p),
+        onInput: d,
+        placeholder: t.value,
+        class: "!pr-7 !pl-8 bg-white h-[38px] 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, gt), [
+        [G, r.value]
+      ])
+    ], 2));
+  }
+});
+function Me(i = { color: "blue" }) {
+  return I(() => {
+    const v = `w-full px-3 py-2 border-solid border border-gray-300 text-sm rounded focus:outline-none focus:ring-2 focus:ring-${i.color}-500 focus:border-transparent`;
+    return i?.size === "sm" ? `${v}h-[32px]` : `${v}h-[38px]`;
+  });
+}
+function ht() {
+  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 xt() {
+  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 Ke(i) {
+  return i === "ghost" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent            text-gray-600 hover:bg-blue-100 hover:text-gray-800 focus:outline-hidden focus:bg-gray-100 focus:text-gray-800 disabled:opacity-50 disabled:pointer-events-none           dark:text-gray-500 dark:hover:bg-blue-800/30 dark:hover:text-blue-400 dark:focus:bg-blue-800/30 dark:focus:text-blue-400" : i === "soft" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent            bg-gray-100 text-gray-800 hover:bg-gray-200  hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 disabled:opacity-50            disabled:pointer-events-none dark:text-blue-400 dark:hover:bg-blue-900 dark:focus:bg-blue-900" : "relative border-solid border-gray-200 focus-visible:outline-hidden focus-visible:ring-ring           inline-flex items-center justify-center whitespace-nowrap          rounded-md text-sm font-medium focus-visible:ring-offset-2          disabled:pointer-events-none disabled:opacity-50 border-input           hover:bg-gray-100 border px-4 py-2 gap-2 bg-transparent h-[38px]";
+}
+const kt = {
+  key: 0,
+  class: "block text-xs font-medium text-gray-600 mb-1"
+}, wt = ["placeholder", "disabled"], Ct = {
+  key: 0,
+  class: "block text-xs font-medium text-gray-600 mb-1"
+}, Vt = {
+  key: 0,
+  class: "block text-xs font-medium text-gray-600 mb-1"
+}, _t = ["placeholder", "disabled"], $t = ["disabled"];
+const At = /* @__PURE__ */ O({
+  __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(i, { expose: n, emit: v }) {
+    const t = Me(), s = ht(), r = i, d = _(
+      r.modelValue ?? r.default ?? []
+    ), m = v, c = I({
+      get: () => r.modelValue ?? d.value,
+      set: (a) => {
+        r.modelValue !== void 0 ? m("update:modelValue", a) : d.value = a;
+      }
+    });
+    function x() {
+      m("change", { name: r.name, value: c.value || d.value });
+    }
+    function p() {
+      d.value = [], c.value = d.value, m("clear", r.name);
+    }
+    return M(() => r.modelValue, (a) => {
+      a !== void 0 && r.layout !== "popover" ? (d.value = a, m("update:modelValue", a)) : d.value = [];
+    }), n({
+      clear: p,
+      currentValue: c
+    }), (a, o) => (f(), w(R, null, [
+      u("div", null, [
+        u("div", {
+          class: D(a.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
+        }, [
+          u("div", null, [
+            a.layout !== "vertical" ? (f(), w("label", kt, "Від")) : V("", !0),
+            T(u("input", {
+              type: "number",
+              class: D(e(t)),
+              placeholder: a.placeHolder?.[0] ?? "min",
+              step: "1",
+              style: { outline: "none" },
+              "onUpdate:modelValue": o[0] || (o[0] = (h) => c.value[0] = h),
+              disabled: a.disabled
+            }, null, 10, wt), [
+              [G, c.value[0]]
+            ])
+          ]),
+          a.layout === "vertical" ? (f(), w("label", Ct, " - ")) : V("", !0),
+          u("div", null, [
+            a.layout !== "vertical" ? (f(), w("label", Vt, "До")) : V("", !0),
+            T(u("input", {
+              type: "number",
+              class: D(e(t)),
+              placeholder: a.placeHolder?.[1] ?? "max",
+              min: "0",
+              max: "1000000000000000",
+              step: "1",
+              style: { outline: "none" },
+              "onUpdate:modelValue": o[1] || (o[1] = (h) => c.value[1] = h),
+              disabled: a.disabled
+            }, null, 10, _t), [
+              [G, c.value[1]]
+            ])
+          ]),
+          ["popover", "inline", "vertical"].includes(a.layout) ? (f(), w("button", {
+            key: 1,
+            onClick: x,
+            class: D(e(s) + (a.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
+          }, F(a.layout === "vertical" ? "Ok" : "Застосувати"), 3)) : V("", !0),
+          ["popover", "inline"].includes(a.layout) ? (f(), w("button", {
+            key: 2,
+            disabled: !(c.value[0] || c.value[1]),
+            onClick: p,
+            class: D(e(s) + " hover:bg-gray-100")
+          }, "Очистити", 10, $t)) : V("", !0)
+        ], 2)
+      ]),
+      (a.cleanable && d.value.length, V("", !0))
+    ], 64));
+  }
+}), Bt = ["disabled", "title"], St = {
+  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"
+}, Dt = { 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" }, Rt = { 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" }, ge = /* @__PURE__ */ O({
+  __name: "popover-field",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    currentValue: {},
+    fieldRef: {},
+    width: {},
+    mode: {},
+    layout: {}
+  },
+  setup(i, { expose: n }) {
+    const v = i, t = I(() => Ke(v.mode)), s = _(!1), r = _({ top: 0, left: 0 }), d = _(null), m = _(null), c = _(null);
+    function x() {
+      const y = m.value, $ = c.value;
+      if (!y || !$) return;
+      const C = y.getBoundingClientRect(), l = $.offsetWidth, b = window.innerWidth, K = C.bottom + 8;
+      let { left: A } = C;
+      A + l > b && (A = Math.max(b - l - 10, 10)), r.value = { top: K, left: A };
+    }
+    function p() {
+      s.value = !s.value, s.value && fe(() => {
+        x(), v.fieldRef?.inputTextRef && v.fieldRef?.inputTextRef.focus();
+      });
+    }
+    function a(y) {
+      !d.value?.contains(y.target) && !c.value?.contains(y.target) && (s.value = !1);
+    }
+    function o(y) {
+      y.key === "Escape" && (s.value = !1);
+    }
+    const h = _(!1);
+    ne(() => {
+      h.value = !0;
+    }), ne(() => {
+      document.addEventListener("click", a, !0), document.addEventListener("keydown", o), window.addEventListener("scroll", x, !0);
+    }), ce(() => {
+      document.removeEventListener("click", a, !0), document.removeEventListener("keydown", o), window.removeEventListener("scroll", x, !0);
+    });
+    function g() {
+      s.value = !1;
+    }
+    n({ close: g });
+    const k = I(() => {
+      const y = v.fieldRef?.selectedLabels;
+      return y ? Array.isArray(y) ? y.length > 0 ? y.join(", ") : v.label ?? "" : String(y) : v.label ?? "";
+    });
+    return (y, $) => (f(), w("div", null, [
+      u("button", {
+        onClick: p,
+        disabled: y.disabled,
+        ref_key: "triggerRef",
+        ref: m,
+        title: y.label,
+        class: D(t.value + " " + (y.width ? e(de).getWidthClass(y.width) : "w-full"))
+      }, [
+        u("span", {
+          class: D(["truncate text-ellipsis block", y.width ? e(de).getWidthClass(y.width - 50) : "w-full"])
+        }, F(k.value), 3),
+        N(ie, { class: "h-4 w-4" }),
+        (Array.isArray(y.currentValue) ? y.currentValue === null || y.currentValue.length > 0 : y.currentValue === null || y.currentValue) && y.layout === "inline" ? (f(), w("span", St)) : V("", !0)
+      ], 10, Bt),
+      h.value ? (f(), S($e, {
+        key: 0,
+        to: "body"
+      }, [
+        T(u("div", {
+          ref_key: "popperRef",
+          ref: c,
+          class: "vsTailwind vs-popover__content bottom-right w-fit fixed z-[1000]",
+          style: Ae({ top: `${r.value.top}px`, left: `${r.value.left}px` }),
+          "data-inside-popover": ""
+        }, [
+          u("div", Dt, [
+            u("div", Rt, [
+              ue(y.$slots, "default")
+            ])
+          ])
+        ], 4), [
+          [X, s.value]
+        ])
+      ])) : V("", !0)
+    ]));
+  }
+});
+function Mt(i) {
+  return String(i).charAt(0).toUpperCase() + String(i).slice(1);
+}
+class H {
+  static format(n) {
+    const v = n.getFullYear(), t = (n.getMonth() + 1).toString().padStart(2, "0"), s = n.getDate().toString().padStart(2, "0");
+    return `${v}-${t}-${s}`;
+  }
+  static getShiftedDay(n, v = 0) {
+    const t = n ? new Date(n) : /* @__PURE__ */ new Date();
+    return t.setDate(t.getDate() + v), this.format(t);
+  }
+  static getLastWeekRange(n, v, t = 0) {
+    if (n && v) {
+      const x = new Date(n), p = new Date(v);
+      return x.setDate(x.getDate() + t * 7), p.setDate(p.getDate() + t * 7), [this.format(x), this.format(p)];
+    }
+    const s = /* @__PURE__ */ new Date(), r = s.getDay(), d = r === 0 ? 13 : r - 1 + 7, m = new Date(s);
+    m.setDate(s.getDate() - d + t * 7);
+    const c = new Date(m);
+    return c.setDate(m.getDate() + 6), [this.format(m), this.format(c)];
+  }
+  static getMonthRange(n, v, t = 0) {
+    let s;
+    n ? s = new Date(n) : s = /* @__PURE__ */ new Date(), s = new Date(s.getFullYear(), s.getMonth() + t, 1);
+    const r = s, d = new Date(s.getFullYear(), s.getMonth() + 1, 0);
+    return [this.format(r), this.format(d)];
+  }
+  static getQuarterRange(n, v, t = 0) {
+    const s = n || v, r = s ? new Date(s) : /* @__PURE__ */ new Date();
+    let d = Math.floor(r.getMonth() / 3);
+    d += t;
+    const m = (d % 4 + 4) % 4 * 3, c = r.getFullYear() + Math.floor(d / 4), x = new Date(c, m, 1), p = new Date(c, m + 3, 0);
+    return [this.format(x), this.format(p)];
+  }
+  static getYear(n, v = 0) {
+    let t;
+    return n && /^\d{4}$/.test(n) ? t = parseInt(n, 10) : n ? t = new Date(n).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), String(t + v);
+  }
+  static getYearRange(n, v = 0) {
+    let t;
+    return n && /^\d{4}$/.test(n) ? t = parseInt(n, 10) : n ? t = new Date(n).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), [
+      this.format(new Date(t + v, 0, 1)),
+      this.format(new Date(t + v + 1, 0, 0))
+    ];
+  }
+  static getRangeFromDaysBefore(n) {
+    const v = /* @__PURE__ */ new Date(), t = new Date(v.getTime());
+    return t.setDate(v.getDate() - n), [this.format(t), this.format(v)];
+  }
+}
+function Fe(i, n) {
+  const {
+    popoverRef: v
+  } = i, t = _(""), s = _(
+    i.modelValue ?? i.default ?? []
+  ), r = _(0);
+  function d() {
+    const k = H.getRangeFromDaysBefore(r.value);
+    return s.value = [...k], n("change", { name: i.name, value: s.value }), n("update:modelValue", s.value), k;
+  }
+  function m(k) {
+    t.value = k, v.value?.close();
+    const y = [];
+    switch (t.value) {
+      case "today":
+        y.push(H.getShiftedDay()), y.push(H.getShiftedDay());
+        break;
+      case "week":
+        y.push(...H.getLastWeekRange());
+        break;
+      case "month":
+        y.push(...H.getMonthRange());
+        break;
+      case "quarter":
+        y.push(...H.getQuarterRange());
+        break;
+      case "year":
+        y.push(...H.getYearRange());
+        break;
+      case "last_7_days":
+        r.value = 7, d();
+        break;
+      case "range":
+        r.value = 7, y.push(...d());
+        break;
+    }
+    s.value = [...y], n("change", { name: i.name, value: s.value }), n("update:modelValue", s.value);
+  }
+  function c() {
+    const k = [];
+    switch (t.value) {
+      case "today":
+        k.push(H.getShiftedDay(s.value[0], 1));
+        break;
+      case "week":
+        k.push(...H.getLastWeekRange(s.value[0], s.value[1], 1));
+        break;
+      case "month":
+        k.push(...H.getMonthRange(s.value[0], s.value[1], 1));
+        break;
+      case "quarter":
+        k.push(...H.getQuarterRange(s.value[0], s.value[1], 1));
+        break;
+      case "year":
+        k.push(...H.getYearRange(s.value[0], 1));
+        break;
+    }
+    s.value = [...k], n("change", { name: i.name, value: s.value }), n("update:modelValue", s.value);
+  }
+  function x() {
+    const k = [];
+    switch (t.value) {
+      case "today":
+        k.push(H.getShiftedDay(s.value[0], -1));
+        break;
+      case "week":
+        k.push(...H.getLastWeekRange(s.value[0], s.value[1], -1));
+        break;
+      case "month":
+        k.push(...H.getMonthRange(s.value[0], s.value[1], -1));
+        break;
+      case "quarter":
+        k.push(...H.getQuarterRange(s.value[0], s.value[1], -1));
+        break;
+      case "year":
+        k.push(...H.getYearRange(s.value[0], -1));
+        break;
+    }
+    s.value = [...k], n("change", { name: i.name, value: s.value }), n("update:modelValue", s.value);
+  }
+  const p = [
+    "Січень",
+    "Лютий",
+    "Березень",
+    "Квітень",
+    "Травень",
+    "Червень",
+    "Липень",
+    "Серпень",
+    "Вересень",
+    "Жовтень",
+    "Листопад",
+    "Грудень"
+  ];
+  function a(k) {
+    const [y, $, C] = k.split("-");
+    return `${C}.${$}.${y}`;
+  }
+  function o(k) {
+    const { value: y } = s;
+    switch (k) {
+      case "today":
+        return a(y[0]);
+      case "range":
+        return "Період";
+      case "week":
+        return y[0] && y[1] ? `${a(y[0])} – ${a(y[1])}` : "";
+      case "quarter":
+        if (y[0]) {
+          const $ = new Date(y[0]), C = $.getFullYear(), l = $.getMonth();
+          return `${Math.floor(l / 3) + 1} квартал ${C}`;
+        }
+        return "";
+      case "month":
+        if (y[0]) {
+          const [$, C] = y[0].split("-");
+          return `${p[parseInt(C, 10) - 1]} ${$}`;
+        }
+        return "";
+      case "year":
+        return y[0] || "";
+      case "last_7_days":
+        return "За останні дні";
+      default:
+        return i.label ?? "";
+    }
+  }
+  const h = I(() => t.value ? o(t.value) : i.label ?? "");
+  function g() {
+    t.value = "", s.value = [], n("update:modelValue", []), n("clear", i.name);
+  }
+  return {
+    activeMode: t,
+    innerValue: s,
+    daysBefore: r,
+    onDaysBeforeChange: d,
+    onSelectChange: m,
+    nextClick: c,
+    prevClick: x,
+    ukMonths: p,
+    formatDisplayDate: a,
+    getModeLabel: o,
+    currentLabel: h,
+    clear: g
+  };
+}
+const Kt = {
+  key: 0,
+  class: "relative flex w-full h-auto gap-2 filter-date m-2 flex-wrap"
+}, Ft = {
+  key: 0,
+  class: "flex gap-1 !w-[75%] rounded-lg"
+}, jt = ["max", "disabled"], Lt = ["min", "disabled"], Et = {
+  key: 0,
+  class: "block text-xs font-medium text-gray-600 mb-1"
+}, It = ["max", "disabled"], Tt = {
+  key: 0,
+  class: "block text-xs font-medium text-gray-600 mb-1"
+}, Ot = {
+  key: 0,
+  class: "block text-xs font-medium text-gray-600 mb-1"
+}, Ut = ["min", "disabled"], zt = { class: "flex gap-1 pt-2" }, Nt = ["onClick"];
+const Ht = /* @__PURE__ */ O({
+  __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(i, { expose: n, emit: v }) {
+    const t = i, s = Me(), r = xt(), d = v, m = _(null), {
+      activeMode: c,
+      innerValue: x,
+      onSelectChange: p,
+      nextClick: a,
+      prevClick: o,
+      clear: h
+    } = Fe({
+      ...t,
+      popoverRef: m
+    }, d);
+    return M(() => t.modelValue, (g) => {
+      g !== void 0 ? (x.value = g, d("update:modelValue", g)) : (c.value = "", x.value = []);
+    }), n({
+      clear: h,
+      popoverRef: m
+    }), (g, k) => (f(), w(R, null, [
+      g.layout === "inline" ? (f(), w("div", Kt, [
+        e(c) !== "" && e(c) === "range" ? (f(), w("div", Ft, [
+          T(u("input", {
+            type: "date",
+            max: e(x)[1],
+            locale: "uk-UA",
+            "onUpdate:modelValue": k[0] || (k[0] = (y) => e(x)[0] = y),
+            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600",
+            disabled: g.disabled
+          }, null, 8, jt), [
+            [G, e(x)[0]]
+          ]),
+          T(u("input", {
+            type: "date",
+            min: e(x)[0],
+            locale: "uk-UA",
+            "onUpdate:modelValue": k[1] || (k[1] = (y) => e(x)[1] = y),
+            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600 appearance-auto",
+            disabled: g.disabled
+          }, null, 8, Lt), [
+            [G, e(x)[1]]
+          ])
+        ])) : V("", !0)
+      ])) : V("", !0),
+      u("div", {
+        class: D(g.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
+      }, [
+        u("div", {
+          class: D(g.layout !== "popover" ? "w-[48%]" : "")
+        }, [
+          g.layout === "popover" ? (f(), w("label", Et, "Від")) : V("", !0),
+          T(u("input", {
+            type: "date",
+            max: e(x)[1],
+            locale: "uk-UA",
+            "onUpdate:modelValue": k[2] || (k[2] = (y) => e(x)[0] = y),
+            class: D(e(s)),
+            disabled: g.disabled
+          }, null, 10, It), [
+            [G, e(x)[0]]
+          ])
+        ], 2),
+        g.layout !== "popover" ? (f(), w("label", Tt, " - ")) : V("", !0),
+        u("div", {
+          class: D(g.layout !== "popover" ? "w-[48%]" : "")
+        }, [
+          g.layout === "popover" ? (f(), w("label", Ot, "До")) : V("", !0),
+          T(u("input", {
+            type: "date",
+            min: e(x)[0],
+            locale: "uk-UA",
+            "onUpdate:modelValue": k[3] || (k[3] = (y) => e(x)[1] = y),
+            class: D(e(s)),
+            disabled: g.disabled
+          }, null, 10, Ut), [
+            [G, e(x)[1]]
+          ])
+        ], 2)
+      ], 2),
+      u("div", zt, [
+        (f(), w(R, null, W(["today", "week", "month", "quarter", "year"], (y) => u("button", {
+          key: y,
+          class: D(e(r) + (e(c) === y ? " bg-blue-100" : "")),
+          onClick: ($) => e(p)(y)
+        }, F(e(Mt)(y)), 11, Nt)), 64)),
+        u("button", {
+          class: D(e(r)),
+          onClick: k[4] || (k[4] = //@ts-ignore
+          (...y) => e(o) && e(o)(...y))
+        }, " <", 2),
+        u("button", {
+          class: D(e(r)),
+          onClick: k[5] || (k[5] = //@ts-ignore
+          (...y) => e(a) && e(a)(...y))
+        }, " >", 2)
+      ]),
+      (g.cleanable, V("", !0))
+    ], 64));
+  }
+});
+function Yt(i, n) {
+  const {
+    api: v,
+    options: t = [],
+    limit: s = 20,
+    dataKey: r = "data"
+  } = i, d = i.multi;
+  function m(B) {
+    return d ? Array.isArray(B) ? B : B ? [B] : [] : Array.isArray(B) ? B[0] : B;
+  }
+  const c = _(m(i.modelValue)), x = _(""), p = _(!1), a = _([]), o = _("id"), h = _("text"), g = _(!1), k = _(i.layout !== "popover" && t.length > s), y = _([]), $ = _(0);
+  function C(B) {
+    const U = B.find(Boolean) ?? {}, q = ["id", "value", "code", "key"].find((oe) => oe in U) ?? "id", se = ["text", "label", "name", "title"].find((oe) => oe in U) ?? "text";
+    return { autoValueKey: q, autoLabelKey: se };
+  }
+  if (t.length > 0) {
+    const B = C(t);
+    o.value = B.autoValueKey, h.value = B.autoLabelKey;
+  }
+  const l = I(() => {
+    if (v) return a.value;
+    const B = a.value;
+    if (i.layout === "popover") return B;
+    if (!x.value)
+      return g.value ? B : B.slice(0, s);
+    const U = x.value.toLowerCase();
+    return B.filter((q) => q[h.value].toLowerCase().includes(U));
+  });
+  let b = null;
+  async function K(B) {
+    if (v) {
+      p.value = !0;
+      try {
+        const U = new URL(v, window.location.origin);
+        U.searchParams.set("json", "1"), U.searchParams.set("key", B), U.searchParams.set("limit", s.toString());
+        const q = await fetch(U.toString());
+        if (!q.ok)
+          throw new Error(`HTTP error! status: ${q.status}`);
+        const se = await q.json();
+        if (a.value = se[r], a.value.length > 0) {
+          const oe = C(a.value);
+          o.value = oe.autoValueKey, h.value = oe.autoLabelKey;
+        }
+        $.value = se.total;
+      } catch (U) {
+        console.error("Failed to fetch remote options:", U);
+      } finally {
+        p.value = !1;
+      }
+    }
+  }
+  M(x, (B) => {
+    v && (b && clearTimeout(b), b = setTimeout(() => {
+      K(B);
+    }, 200));
+  }), M(() => i.modelValue, (B) => {
+    c.value = m(B);
+  }, { immediate: !0 }), v ? K("") : a.value = t;
+  function A(B) {
+    return d && Array.isArray(c.value) ? c.value.includes(B[o.value]) : c.value && c.value === B[o.value];
+  }
+  function Y(B) {
+    if (d && !Array.isArray(c.value) && (c.value = []), d && Array.isArray(c.value)) {
+      const U = c.value.includes(B[o.value]);
+      c.value = U ? c.value.filter((q) => q !== B[o.value]) : [...c.value, B[o.value]], y.value = U ? y.value.filter((q) => q !== B[h.value]) : [...y.value, B[h.value]];
+    } else
+      c.value = B[o.value], y.value = B[h.value];
+    n("update:modelValue", c.value), n("change", { name: i.name, value: c.value });
+  }
+  function L() {
+    d ? (c.value = [], y.value = []) : (c.value = void 0, y.value = []), n("update:modelValue", c.value), n("clear", i.name);
+  }
+  function j() {
+    b && clearTimeout(b), x.value = "", g.value = !1;
+  }
+  function E() {
+    g.value = !g.value;
+  }
+  ce(() => {
+    b && clearTimeout(b);
+  });
+  const Q = _(-1);
+  M(l, () => {
+    Q.value = l.value.length > 0 ? 0 : -1;
+  });
+  function re(B) {
+    const U = l.value.length;
+    if (B.key === "ArrowDown")
+      B.preventDefault(), Q.value = (Q.value + 1) % U;
+    else if (B.key === "ArrowUp")
+      B.preventDefault(), Q.value = (Q.value - 1 + U) % U;
+    else if (B.key === "Enter" && (B.preventDefault(), Q.value >= 0 && Q.value < l.value.length)) {
+      const q = l.value[Q.value];
+      Y(q);
+    }
+  }
+  return {
+    innerValue: c,
+    searchTerm: x,
+    filteredOptions: l,
+    isSelected: A,
+    selectItem: Y,
+    clear: L,
+    resetSearch: j,
+    toggleShowAll: E,
+    isReqProc: p,
+    showAll: g,
+    isEnableShowAll: k,
+    labelKey: h,
+    valueKey: o,
+    allOptions: a,
+    highlightedIndex: Q,
+    onKeyDown: re,
+    selectedLabels: y,
+    totalCount: $
+  };
+}
+const Pt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, Wt = {
+  key: 0,
+  class: "w-full"
+}, qt = { class: "flex flex-col items-center justify-center p-5 text-center" }, Qt = {
+  key: 0,
+  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
+}, Gt = {
+  key: 1,
+  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
+}, Xt = /* @__PURE__ */ O({
+  __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(i, { expose: n, emit: v }) {
+    const t = i, s = v, r = _(null), {
+      innerValue: d,
+      filteredOptions: m,
+      isSelected: c,
+      selectItem: x,
+      clear: p,
+      resetSearch: a,
+      toggleShowAll: o,
+      isReqProc: h,
+      showAll: g,
+      isEnableShowAll: k,
+      searchTerm: y,
+      labelKey: $,
+      valueKey: C,
+      highlightedIndex: l,
+      onKeyDown: b,
+      selectedLabels: K,
+      totalCount: A
+    } = Yt({
+      ...t,
+      modelValue: t.modelValue
+    }, s);
+    ne(() => {
+      a();
+    }), M(
+      () => t.modelValue,
+      (L) => {
+        L === void 0 && (t.multi ? d.value = [] : d.value = void 0);
+      }
+    );
+    const Y = _([]);
+    return M(l, (L) => {
+      L >= 0 && Y.value[L] && Y.value[L]?.scrollIntoView({
+        block: "nearest",
+        behavior: "smooth"
+      });
+    }), M(m, () => {
+      Y.value = [];
+    }), n({
+      clear: p,
+      inputTextRef: r,
+      selectedLabels: K
+    }), (L, j) => (f(), w("div", {
+      class: D([L.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+    }, [
+      u("div", Pt, [
+        T(u("input", {
+          "onUpdate:modelValue": j[0] || (j[0] = (E) => Ee(y) ? y.value = E : null),
+          onKeydown: j[1] || (j[1] = //@ts-ignore
+          (...E) => e(b) && e(b)(...E)),
+          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: r
+        }, null, 544), [
+          [G, e(y)]
+        ]),
+        N(De, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
+        N(Re, {
+          onClick: j[2] || (j[2] = (E) => y.value = ""),
+          class: "absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"
+        })
+      ]),
+      u("div", {
+        class: D([
+          L.layout === "popover" ? "flex-1 overflow-y-auto  max-h-64 p-2" : "",
+          L.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+        ])
+      }, [
+        (f(!0), w(R, null, W(e(m), (E, Q) => (f(), S(me, {
+          layout: L.layout,
+          count: E.count,
+          label: E[e($)],
+          color: E.color,
+          type: L.multi ? "checkbox" : "radio",
+          value: E[e(C)],
+          "is-selected": e(c)(E),
+          highlighted: Q === e(l),
+          onItemClick: (re) => e(x)(E),
+          ref_for: !0,
+          ref: (re) => Y.value[Q] = re?.el
+        }, null, 8, ["layout", "count", "label", "color", "type", "value", "is-selected", "highlighted", "onItemClick"]))), 256))
+      ], 2),
+      L.type === "select" && e(m).length === 0 && !e(h) ? (f(), w("div", Wt, [
+        u("div", qt, [
+          N(ve),
+          j[7] || (j[7] = u("div", { class: "max-w-sm mx-auto mt-6" }, [
+            u("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
+            u("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
+          ], -1))
+        ])
+      ])) : V("", !0),
+      L.layout !== "popover" && L.type !== "select" ? (f(), w(R, { key: 1 }, [
+        !e(g) && e(k) ? (f(), w("div", {
+          key: 0,
+          onClick: j[3] || (j[3] = //@ts-ignore
+          (...E) => e(o) && e(o)(...E)),
+          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"
+        }, [
+          j[8] || (j[8] = z(" Показати більше ", -1)),
+          N(ie)
+        ])) : V("", !0),
+        e(g) ? (f(), w("div", {
+          key: 1,
+          onClick: j[4] || (j[4] = //@ts-ignore
+          (...E) => e(o) && e(o)(...E)),
+          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"
+        }, [
+          j[9] || (j[9] = z(" Показати менше ", -1)),
+          N(ye)
+        ])) : V("", !0)
+      ], 64)) : V("", !0),
+      L.cleanable ? (f(), w(R, { key: 2 }, [
+        L.layout === "inline" ? (f(), w("div", Qt, [
+          z(F(L.multi && Array.isArray(e(d)) ? e(d)?.length : e(d) !== void 0 && (e(d) || e(d) === null) ? 1 : 0) + " з " + F(e(A)) + " обрано ", 1),
+          T(u("button", {
+            class: "text-gray-600 hover:text-gray-800",
+            onClick: j[5] || (j[5] = //@ts-ignore
+            (...E) => e(p) && e(p)(...E))
+          }, " Очистити ", 512), [
+            [X, e(d) !== "" && e(d) !== void 0 || e(d)]
+          ])
+        ])) : V("", !0),
+        L.layout === "popover" ? (f(), w("div", Gt, [
+          u("span", null, F(L.multi && Array.isArray(e(d)) ? e(d)?.length : e(d) !== void 0 && (e(d) || e(d) === null) ? 1 : 0) + " з " + F(e(A)) + " обрано", 1),
+          T(u("button", {
+            class: "text-gray-600 hover:text-gray-800",
+            onClick: j[6] || (j[6] = //@ts-ignore
+            (...E) => e(p) && e(p)(...E))
+          }, " Очистити ", 512), [
+            [X, e(d) !== "" && e(d) !== void 0 || e(d)]
+          ])
+        ])) : V("", !0)
+      ], 64)) : V("", !0)
+    ], 2));
+  }
+}), Jt = ["for", "onClick"], Zt = ["id", "name", "value"], el = { class: "block" }, tl = {
+  key: 0,
+  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
+}, ll = {
+  key: 1,
+  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
+}, ol = /* @__PURE__ */ O({
+  __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(i, { expose: n, emit: v }) {
+    const t = i, s = v, {
+      innerValue: r,
+      isSelected: d,
+      selectItem: m,
+      clear: c,
+      labelKey: x,
+      valueKey: p,
+      allOptions: a
+    } = t.multi ? Se({
+      ...t,
+      modelValue: t.modelValue ?? t.default ?? []
+    }, s) : Be({
+      ...t,
+      modelValue: t.modelValue !== void 0 ? t.modelValue : t.default ?? ""
+    }, s);
+    return n({
+      clear: c
+    }), M(
+      () => t.modelValue,
+      (o) => {
+        o === void 0 && (t.multi ? r.value = [] : r.value = void 0);
+      }
+    ), (o, h) => (f(), w(R, null, [
+      u("div", {
+        class: D(["grid grid-cols-3 gap-2 mx-[1px]", o.layout === "popover" ? "m-1" : "mb-1"])
+      }, [
+        (f(!0), w(R, null, W(e(a), (g) => (f(), w("label", {
+          key: `item-${g[e(p)]}`,
+          for: `item-${g[e(p)]}`,
+          onClick: _e((k) => e(m)(g), ["stop", "prevent"]),
+          class: D([e(d)(g) ? "ring-2 ring-indigo-600" : "", "p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-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%)]"])
+        }, [
+          u("input", {
+            type: "checkbox",
+            id: `item-${g[e(p)]}`,
+            class: "hidden w4poy border-gray-200 g41z1 g22e3 axcnw dark:text-indigo-500 dark:border-neutral-700 dark:focus:ring-neutral-900",
+            name: `item-${g[e(p)]}`,
+            value: g[e(p)]
+          }, null, 8, Zt),
+          u("span", el, F(g[e(x)]), 1)
+        ], 10, Jt))), 128))
+      ], 2),
+      o.cleanable ? (f(), w(R, { key: 0 }, [
+        o.layout === "inline" ? (f(), w("div", tl, [
+          z(F(o.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + F(e(a).length) + " обрано ", 1),
+          T(u("button", {
+            class: "text-gray-600 hover:text-gray-800",
+            onClick: h[0] || (h[0] = //@ts-ignore
+            (...g) => e(c) && e(c)(...g))
+          }, " Очистити ", 512), [
+            [X, e(r) !== "" && e(r) !== void 0 || e(r)]
+          ])
+        ])) : V("", !0),
+        o.layout === "popover" ? (f(), w("div", ll, [
+          u("span", null, F(o.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + F(e(a).length) + " обрано", 1),
+          T(u("button", {
+            class: "text-gray-600 hover:text-gray-800",
+            onClick: h[1] || (h[1] = //@ts-ignore
+            (...g) => e(c) && e(c)(...g))
+          }, " Очистити ", 512), [
+            [X, e(r) !== void 0 && e(r) !== "" || e(r)]
+          ])
+        ])) : V("", !0)
+      ], 64)) : V("", !0)
+    ], 64));
+  }
+}), al = {}, nl = {
+  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 rl(i, n) {
+  return f(), w("svg", nl, n[0] || (n[0] = [
+    u("path", { d: "M20 6 9 17l-5-5" }, null, -1)
+  ]));
+}
+const te = /* @__PURE__ */ J(al, [["render", rl]]), sl = {}, ul = {
+  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 il(i, n) {
+  return f(), w("svg", ul, n[0] || (n[0] = [
+    u("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    u("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
+}
+const dl = /* @__PURE__ */ J(sl, [["render", il]]), cl = {}, fl = {
+  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 pl(i, n) {
+  return f(), w("svg", fl, n[0] || (n[0] = [
+    u("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    u("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
+}
+const ml = /* @__PURE__ */ J(cl, [["render", pl]]), vl = { class: "flex" }, yl = { class: "mb-1" }, gl = { class: "mb-1" }, bl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, hl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, xl = {
+  key: 1,
+  class: "flex gap-1 !w-[75%] rounded-lg"
+}, kl = ["max", "disabled"], wl = ["min", "disabled"];
+const Cl = /* @__PURE__ */ O({
+  __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(i, { expose: n, emit: v }) {
+    const t = i, s = v, r = _(null), {
+      activeMode: d,
+      innerValue: m,
+      onSelectChange: c,
+      nextClick: x,
+      prevClick: p,
+      currentLabel: a,
+      clear: o
+    } = Fe({
+      ...t,
+      popoverRef: r
+    }, s);
+    return M(() => t.modelValue, (h) => {
+      h !== void 0 ? (m.value = h, s("update:modelValue", h)) : (d.value = "", m.value = []);
+    }), n({
+      clear: o,
+      popoverRef: r
+    }), (h, g) => (f(), w(R, null, [
+      u("div", vl, [
+        N(ge, {
+          ref_key: "popoverRef",
+          ref: r,
+          label: e(a),
+          "current-value": e(m),
+          mode: h.mode,
+          onClear: e(o),
+          layout: h.layout
+        }, {
+          default: le(() => [
+            u("div", null, [
+              u("button", {
+                type: "button",
+                onClick: g[0] || (g[0] = (k) => e(c)("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"
+              }, [
+                g[12] || (g[12] = z(" Період ", -1)),
+                e(d) === "range" ? (f(), S(te, { key: 0 })) : V("", !0)
+              ])
+            ]),
+            g[19] || (g[19] = u("div", null, [
+              u("div", { class: "pt-1 mt-1 border-t" })
+            ], -1)),
+            u("div", null, [
+              u("button", {
+                type: "button",
+                onClick: g[1] || (g[1] = (k) => e(c)("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"
+              }, [
+                g[13] || (g[13] = z(" Сьогодні ", -1)),
+                e(d) === "today" ? (f(), S(te, { key: 0 })) : V("", !0)
+              ])
+            ]),
+            u("div", null, [
+              u("button", {
+                type: "button",
+                onClick: g[2] || (g[2] = (k) => e(c)("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"
+              }, [
+                g[14] || (g[14] = z(" Тиждень ", -1)),
+                e(d) === "week" ? (f(), S(te, { key: 0 })) : V("", !0)
+              ])
+            ]),
+            u("div", null, [
+              u("button", {
+                type: "button",
+                onClick: g[3] || (g[3] = (k) => e(c)("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"
+              }, [
+                g[15] || (g[15] = z(" Місяць ", -1)),
+                e(d) === "month" ? (f(), S(te, { key: 0 })) : V("", !0)
+              ])
+            ]),
+            u("div", null, [
+              u("button", {
+                type: "button",
+                onClick: g[4] || (g[4] = (k) => e(c)("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"
+              }, [
+                g[16] || (g[16] = z(" Квартал ", -1)),
+                e(d) === "quarter" ? (f(), S(te, { key: 0 })) : V("", !0)
+              ])
+            ]),
+            u("div", yl, [
+              u("button", {
+                type: "button",
+                onClick: g[5] || (g[5] = (k) => e(c)("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"
+              }, [
+                g[17] || (g[17] = z(" Рік ", -1)),
+                e(d) === "year" ? (f(), S(te, { key: 0 })) : V("", !0)
+              ])
+            ]),
+            u("div", gl, [
+              u("button", {
+                type: "button",
+                onClick: g[6] || (g[6] = (k) => e(o)()),
+                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"
+              }, [
+                g[18] || (g[18] = z(" Весь час ", -1)),
+                e(m)[0] ? V("", !0) : (f(), S(te, { key: 0 }))
+              ])
+            ])
+          ]),
+          _: 1,
+          __: [19]
+        }, 8, ["label", "current-value", "mode", "onClear", "layout"]),
+        e(d) !== "" && e(d) !== "range" && e(d) !== "last_7_days" ? (f(), w(R, { key: 0 }, [
+          u("div", bl, [
+            u("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: g[7] || (g[7] = //@ts-ignore
+              (...k) => e(p) && e(p)(...k))
+            }, [
+              N(dl)
+            ])
+          ]),
+          u("div", hl, [
+            u("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: g[8] || (g[8] = //@ts-ignore
+              (...k) => e(x) && e(x)(...k))
+            }, [
+              N(ml)
+            ])
+          ])
+        ], 64)) : V("", !0),
+        e(d) !== "" && e(d) === "range" ? (f(), w("div", xl, [
+          T(u("input", {
+            type: "date",
+            max: e(m)[1],
+            locale: "uk-UA",
+            "onUpdate:modelValue": g[9] || (g[9] = (k) => e(m)[0] = k),
+            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600",
+            disabled: h.disabled
+          }, null, 8, kl), [
+            [G, e(m)[0]]
+          ]),
+          T(u("input", {
+            type: "date",
+            min: e(m)[0],
+            locale: "uk-UA",
+            "onUpdate:modelValue": g[10] || (g[10] = (k) => e(m)[1] = k),
+            class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600 appearance-auto",
+            disabled: h.disabled
+          }, null, 8, wl), [
+            [G, e(m)[1]]
+          ])
+        ])) : V("", !0)
+      ]),
+      (h.cleanable, V("", !0))
+    ], 64));
+  }
+}), ke = {
+  radio: nt,
+  checkbox: xe,
+  check: xe,
+  text: bt,
+  range: At,
+  date: Ht,
+  select: Xt,
+  tag: ol,
+  "date:inline": Cl
+};
+function be(i, n) {
+  let v;
+  switch (i.toLowerCase()) {
+    case "autocomplete":
+      v = "select";
+      break;
+    case "check":
+      v = "checkbox";
+      break;
+    default:
+      v = i?.toString().toLowerCase();
+  }
+  return v === "date" && n && n === "inline" && (v = "date:inline"), {
+    component: ke[v] || ke.text,
+    type: v
+  };
+}
+const Vl = {}, _l = {
+  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 $l(i, n) {
+  return f(), w("svg", _l, n[0] || (n[0] = [
+    u("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    u("path", { d: "M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747" }, null, -1),
+    u("path", { d: "M20 4v5h-5" }, null, -1)
+  ]));
+}
+const Al = /* @__PURE__ */ J(Vl, [["render", $l]]), Bl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Sl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, Dl = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, Rl = { class: "flex items-center" }, Ml = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, Kl = { class: "filter-layout__body" }, Fl = /* @__PURE__ */ O({
+  __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(i, { expose: n, emit: v }) {
+    const t = i, s = v, r = _(), d = be(t.type, t.layout), m = I({
+      get: () => t.modelValue,
+      set: (a) => s("update:modelValue", a)
+    });
+    function c(a) {
+      s("clear", a);
+    }
+    function x(a, o) {
+      s("change", { name: a, value: o }), t.modelValue !== void 0 && s("update:modelValue", o);
+    }
+    function p() {
+      r.value && r.value.clear(), s("clear", t.name);
+    }
+    return M(
+      () => t.default,
+      (a) => {
+        m.value = a;
+      }
+    ), M(
+      () => t.modelValue,
+      (a) => {
+        m.value = a;
+      }
+    ), n({
+      filterRef: r
+    }), (a, o) => (f(), w("div", Bl, [
+      u("div", Sl, [
+        u("div", Dl, [
+          u("div", Rl, [
+            u("span", Ml, F(a.label), 1)
+          ]),
+          typeof m.value == "string" && m.value.trim() !== "" || Array.isArray(m.value) && m.value.length > 0 && m.value.some((h) => h !== void 0) || m.value === null ? (f(), S(Al, {
+            key: 0,
+            onClick: p
+          })) : V("", !0)
+        ]),
+        u("div", Kl, [
+          e(d)?.type !== "select" ? (f(), S(ee(e(d)?.component), P({ key: 0 }, t, {
+            type: e(d)?.type,
+            onChange: o[0] || (o[0] = (h) => x(h.name, h.value)),
+            onClear: o[1] || (o[1] = (h) => c(h)),
+            ref_key: "filterRef",
+            ref: r
+          }), null, 16, ["type"])) : (f(), S(ge, {
+            key: 1,
+            "current-value": m.value,
+            label: a.label,
+            mode: a.mode,
+            onClear: p,
+            fieldRef: r.value,
+            width: void 0,
+            disabled: a.disabled,
+            layout: "vertical"
+          }, {
+            default: le(() => [
+              (f(), S(ee(e(d)?.component), P({
+                ref_key: "filterRef",
+                ref: r
+              }, t, {
+                type: e(d)?.type,
+                onChange: o[2] || (o[2] = (h) => x(h.name, h.value)),
+                onClear: o[3] || (o[3] = (h) => c(h))
+              }), null, 16, ["type"]))
+            ]),
+            _: 1
+          }, 8, ["current-value", "label", "mode", "fieldRef", "disabled"]))
+        ])
+      ])
+    ]));
+  }
+}), we = /* @__PURE__ */ O({
+  __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(i, { expose: n, emit: v }) {
+    const t = i, s = v, r = _(), d = be(t.type, t.layout), m = I({
+      get: () => t.modelValue,
+      set: (a) => s("update:modelValue", a)
+    });
+    function c(a) {
+      s("clear", a);
+    }
+    function x(a, o) {
+      s("change", { name: a, value: o }), t.modelValue !== void 0 && s("update:modelValue", o);
+    }
+    function p() {
+      r.value && r.value.clear(), s("clear", t.name);
+    }
+    return M(
+      () => t.default,
+      (a) => {
+        m.value = a;
+      }
+    ), M(
+      () => t.modelValue,
+      (a) => {
+        m.value = a;
+      }
+    ), n({
+      filterRef: r
+    }), (a, o) => ["text", "date"].includes(a.type.toLocaleLowerCase()) ? (f(), S(ee(e(d)?.component), P({ key: 0 }, t, {
+      type: e(d)?.type,
+      onChange: o[0] || (o[0] = (h) => x(h.name, h.value)),
+      onClear: o[1] || (o[1] = (h) => c(h)),
+      disabled: a.disabled,
+      modelValue: m.value,
+      "onUpdate:modelValue": o[2] || (o[2] = (h) => m.value = h)
+    }), null, 16, ["type", "disabled", "modelValue"])) : (f(), S(ge, {
+      key: 1,
+      "current-value": m.value,
+      label: a.label,
+      mode: a.mode,
+      onClear: p,
+      fieldRef: r.value,
+      width: t.width,
+      disabled: a.disabled,
+      layout: "inline"
+    }, {
+      default: le(() => [
+        (f(), S(ee(e(d)?.component), P({
+          ref_key: "filterRef",
+          ref: r
+        }, t, {
+          modelValue: m.value,
+          "onUpdate:modelValue": o[3] || (o[3] = (h) => m.value = h),
+          type: e(d)?.type,
+          onChange: o[4] || (o[4] = (h) => x(h.name, h.value)),
+          onClear: o[5] || (o[5] = (h) => c(h))
+        }), null, 16, ["modelValue", "type"]))
+      ]),
+      _: 1
+    }, 8, ["current-value", "label", "mode", "fieldRef", "width", "disabled"]));
+  }
+}), jl = /* @__PURE__ */ O({
+  __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(i, { expose: n, emit: v }) {
+    const t = i, s = v, r = _(), d = _(be(t.type, t.layout)), m = I({
+      get: () => t.modelValue,
+      set: (p) => s("update:modelValue", p)
+    });
+    function c(p) {
+      s("clear", p);
+    }
+    function x(p, a) {
+      s("change", { name: p, value: a }), t.modelValue !== void 0 && s("update:modelValue", a);
+    }
+    return M(
+      () => t.default,
+      (p) => {
+        m.value = p;
+      }
+    ), M(
+      () => t.modelValue,
+      (p) => {
+        m.value = p;
+      }
+    ), M(
+      () => t,
+      (p) => {
+        m.value = p;
+      }
+    ), n({
+      filterRef: r
+    }), (p, a) => (f(), S(ee(d.value?.component), P(t, {
+      type: d.value?.type,
+      modelValue: m.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (o) => m.value = o),
+      onChange: a[1] || (a[1] = (o) => x(o.name, o.value)),
+      onClear: a[2] || (a[2] = (o) => c(o)),
+      ref_key: "filterRef",
+      ref: r
+    }), null, 16, ["type", "modelValue"]));
+  }
+}), ae = /* @__PURE__ */ O({
+  __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(i, { expose: n, emit: v }) {
+    const t = i, s = v, r = _(), d = I({
+      get: () => t.modelValue,
+      set: (p) => s("update:modelValue", p)
+    });
+    function m(p) {
+      s("clear", p);
+    }
+    function c(p, a) {
+      s("change", { name: p, value: a }), t.modelValue !== void 0 && s("update:modelValue", a);
+    }
+    M(
+      () => t.default,
+      (p) => {
+        d.value = p;
+      }
+    ), M(
+      () => t.modelValue,
+      (p) => {
+        d.value = p;
+      }
+    ), n({
+      filterRef: r
+    });
+    function x() {
+      switch (t.layout) {
+        case "inline":
+          return we;
+        case "vertical":
+          return Fl;
+        case "popover":
+          return jl;
+        default:
+          return we;
+      }
+    }
+    return (p, a) => (f(), S(ee(x()), P(t, {
+      onChange: a[0] || (a[0] = (o) => c(o.name, o.value)),
+      onClear: a[1] || (a[1] = (o) => m(o)),
+      modelValue: d.value,
+      "onUpdate:modelValue": a[2] || (a[2] = (o) => d.value = o)
+    }), null, 16, ["modelValue"]));
+  }
+});
+function he(i, n) {
+  const {
+    slots: v
+  } = i, t = _(i.value ?? {}), s = I(() => (Z(v?.default?.()) ?? []).flatMap((l) => Array.isArray(l.children) ? l.children : [l]));
+  function r(C) {
+    delete t.value[C], n("clear", {
+      data: Z(t.value),
+      name: C
+    });
+  }
+  function d(C, l) {
+    l === void 0 ? (r(C), n("change", {
+      data: Z(t.value),
+      name: C,
+      undefined: void 0
+    })) : t.value = {
+      ...t.value,
+      [C]: l
+    }, n("change", {
+      data: Z(t.value),
+      name: C,
+      value: l
+    });
+  }
+  const m = I(() => s.value.map((C) => {
+    const l = C.props?.name;
+    return Ie(C, {
+      ...C.props,
+      layout: i.view,
+      showClean: !0,
+      modelValue: t[l],
+      "onUpdate:modelValue": (b) => {
+        d(l, b);
+      },
+      onClear: () => r(l)
+    });
+  })), c = I(
+    () => new Map(
+      m.value.map((C) => {
+        const l = C.props?.name;
+        return l ? [l, C] : null;
+      }).filter((C) => C !== null)
+    )
+  );
+  function x() {
+    t.value = {}, n("clearAll", {
+      data: Z(t.value),
+      name: "ALL"
+    });
+  }
+  const p = _(""), a = I(() => i.schema?.value ? Object.entries(t.value).filter(([C, l]) => i.schema && !(C in i.schema.value) ? !1 : Array.isArray(l) ? l.some((b) => b !== "" && b !== void 0) : l !== "" && l !== void 0).length : 0), o = _();
+  M(p, async () => {
+    await fe(), o?.value?.filterRef?.inputTextRef && o.value.filterRef.inputTextRef.focus();
+  });
+  const h = I(() => i.schema?.value ? Object.fromEntries(Object.entries(i.schema?.value).slice(0, i.limit)) : {}), g = I(() => i.schema?.value ? i.view !== "inline" ? i.schema?.value : Object.fromEntries(Object.entries(i.schema?.value).slice(i.limit)) : {}), k = I(() => {
+    if (m.value.length === 0) return [];
+    let C = 0;
+    if (i.schema?.value) {
+      const l = Object.entries(i.schema.value).length;
+      l < i.limit ? C = i.limit - l : C = 0;
+    }
+    return m.value.slice(0, C);
+  }), y = I(() => m.value.length === 0 ? [] : i.view !== "inline" ? m.value : m.value.slice(k.value.length));
+  function $() {
+    if (g.value) {
+      const [C] = Object.keys(g.value);
+      p.value = C;
+    } else y.value.length > 0 ? p.value = y.value[0].props.name : p.value = "";
+  }
+  return {
+    activeFilter: t,
+    activeFilterCount: a,
+    onFilterChange: d,
+    clearFilter: r,
+    clearAllFilters: x,
+    limitedSchema: h,
+    popoverSchema: g,
+    filtersSlot: m,
+    limitedFiltersSlot: k,
+    popoverFiltersSlot: y,
+    vnodeMap: c,
+    onPopoverOpen: $,
+    selectedFilter: p,
+    filterRef: o
+  };
+}
+const Ll = /* @__PURE__ */ O({
+  __name: "popover",
+  emits: ["open", "close"],
+  setup(i, { emit: n }) {
+    const v = _(!1), t = _(null), s = _(null), r = _(null), d = _({ top: "0px", left: "0px", position: "absolute" });
+    function m() {
+      v.value = !v.value;
+    }
+    function c() {
+      const o = r.value, h = t.value;
+      if (!o || !h) return;
+      const g = o.getBoundingClientRect(), k = h.offsetWidth, y = window.innerWidth - g.left;
+      let $ = g.left + window.scrollX;
+      k > y && ($ = window.innerWidth - k - 8, $ < 8 && ($ = 8)), d.value = {
+        position: "absolute",
+        top: `${g.bottom + window.scrollY + 8}px`,
+        left: `${$}px`
+      };
+    }
+    function x(o) {
+      const h = o.target;
+      !r.value?.contains(o.target) && !t.value?.contains(o.target) && !h.closest("[data-inside-popover]") && (v.value = !1);
+    }
+    const p = _(!1);
+    ne(() => {
+      p.value = !0;
+    }), ne(() => {
+      r.value = s.value?.querySelector("[data-popover-trigger]") || null, r.value?.addEventListener("click", m), document.addEventListener("click", x), window.addEventListener("resize", c), window.addEventListener("scroll", c, !0);
+    }), ce(() => {
+      r.value?.removeEventListener("click", m), document.removeEventListener("click", x), window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0);
+    });
+    const a = n;
+    return M(v, async (o) => {
+      o ? (a("open"), await fe(), c()) : a("close");
+    }), (o, h) => (f(), w("div", {
+      ref_key: "wrapperRef",
+      ref: s
+    }, [
+      ue(o.$slots, "trigger"),
+      p.value ? (f(), S($e, {
+        key: 0,
+        to: "body"
+      }, [
+        T(u("div", {
+          ref_key: "popoverRef",
+          ref: t,
+          class: "absolute z-[50] w-[600px] rounded-md border bg-white shadow-md",
+          style: Ae(d.value)
+        }, [
+          ue(o.$slots, "default")
+        ], 4), [
+          [X, v.value]
+        ])
+      ])) : V("", !0)
+    ], 512));
+  }
+}), El = {}, Il = {
+  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 Tl(i, n) {
+  return f(), w("svg", Il, n[0] || (n[0] = [
+    u("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
+  ]));
+}
+const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
+  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" }, Nl = { class: "w-64 border-r border-gray-200" }, Hl = { class: "p-2" }, Yl = ["onClick"], Pl = { class: "flex items-center gap-2" }, Wl = { class: "text-sm font-medium" }, ql = {
+  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"
+}, Ql = ["onClick"], Gl = { class: "flex items-center gap-2" }, Xl = { class: "text-sm font-medium" }, Jl = {
+  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"
+}, Zl = {
+  key: 0,
+  class: "p-2 border-t"
+}, eo = { class: "flex-1 min-h-[300px] overflow-y-auto" }, to = {
+  key: 0,
+  class: "flex items-center justify-center h-full text-gray-500"
+}, je = /* @__PURE__ */ O({
+  __name: "popover-filter-layout",
+  props: {
+    schema: {},
+    view: {},
+    value: {},
+    history: { type: Boolean },
+    mode: {},
+    limit: { default: 3 }
+  },
+  emits: ["change", "clear", "clearAll"],
+  setup(i, { expose: n, emit: v }) {
+    const t = i, s = Ke(t.mode), r = pe(), d = v, m = _({}), {
+      activeFilter: c,
+      activeFilterCount: x,
+      onFilterChange: p,
+      clearFilter: a,
+      clearAllFilters: o,
+      popoverSchema: h,
+      popoverFiltersSlot: g,
+      onPopoverOpen: k,
+      selectedFilter: y,
+      filterRef: $
+    } = he({
+      ...t,
+      schema: m,
+      slots: r
+    }, d);
+    return M(
+      () => t.schema,
+      (C) => {
+        m.value = C;
+      },
+      { deep: !0, immediate: !0 }
+    ), n({
+      clearFilter: a,
+      clearAllFilters: o
+    }), (C, l) => (f(), S(Ll, {
+      onOpen: e(k),
+      onClose: l[5] || (l[5] = (b) => y.value = "")
+    }, {
+      trigger: le(() => [
+        u("button", {
+          "data-popover-trigger": "",
+          "aria-haspopup": "dialog",
+          "aria-expanded": "false",
+          class: D(
+            e(s) + (e(x) > 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"
+        }, [
+          N(Ol),
+          l[6] || (l[6] = z(" Фільтр ", -1)),
+          e(x) > 0 ? (f(), w("div", Ul, F(e(x)), 1)) : V("", !0)
+        ], 2)
+      ]),
+      default: le(() => [
+        u("div", zl, [
+          u("div", Nl, [
+            l[7] || (l[7] = u("div", { class: "p-4 border-b" }, [
+              u("p", { class: "text-sm text-gray-600" }, "Select a field to start creating a filter.")
+            ], -1)),
+            u("div", Hl, [
+              C.schema ? (f(!0), w(R, { key: 0 }, W(Object.entries(e(h)), ([b, K]) => (f(), w("button", {
+                key: b,
+                onClick: () => {
+                  y.value = b;
+                },
+                class: D([
+                  "w-full flex items-center justify-between px-3 py-2 text-left hover:bg-gray-50 transition-colors",
+                  e(y) === b ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : ""
+                ])
+              }, [
+                u("div", Pl, [
+                  u("span", Wl, F(K.label), 1)
+                ]),
+                (Array.isArray(e(c)[b]) ? e(c)[b]?.length > 0 : e(c)[b] || e(c)[b] === null) ? (f(), w("div", ql)) : V("", !0)
+              ], 10, Yl))), 128)) : V("", !0),
+              (f(!0), w(R, null, W(e(g), (b, K) => (f(), w("button", {
+                key: "slot-" + K,
+                onClick: (A) => y.value = b.props.name,
+                class: D([
+                  "w-full flex items-center justify-between px-3 py-2 text-left hover:bg-gray-50 transition-colors",
+                  e(y) === b.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : ""
+                ])
+              }, [
+                u("div", Gl, [
+                  u("span", Xl, F(b.props.label), 1)
+                ]),
+                e(c)[b.props.name]?.length > 0 ? (f(), w("div", Jl)) : V("", !0)
+              ], 10, Ql))), 128))
+            ]),
+            e(x) > 0 ? (f(), w("div", Zl, [
+              u("button", {
+                class: "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors",
+                onClick: l[0] || (l[0] = //@ts-ignore
+                (...b) => e(o) && e(o)(...b)),
+                "data-inside-popover": ""
+              }, " Очистити всі ")
+            ])) : V("", !0)
+          ]),
+          u("div", eo, [
+            e(y) === "" ? (f(), w("div", to, l[8] || (l[8] = [
+              u("p", { class: "text-sm" }, "Select a field to start creating a filter.", -1)
+            ]))) : V("", !0),
+            e(y) ? (f(), w(R, { key: 1 }, [
+              e(h) ? (f(!0), w(R, { key: 0 }, W(Object.entries(e(h)), ([b, K]) => (f(), w(R, null, [
+                e(y) === b ? (f(), S(ae, P({
+                  name: b,
+                  key: b,
+                  layout: "popover",
+                  ref_for: !0,
+                  ref_key: "filterRef",
+                  ref: $
+                }, { ref_for: !0 }, K, {
+                  onChange: l[1] || (l[1] = (A) => e(p)(A.name, A.value)),
+                  onClear: l[2] || (l[2] = (A) => {
+                    e(a)(A), e(p)(A, void 0);
+                  }),
+                  modelValue: e(c)[b],
+                  "onUpdate:modelValue": (A) => e(c)[b] = A,
+                  cleanable: !0
+                }), null, 16, ["name", "modelValue", "onUpdate:modelValue"])) : V("", !0)
+              ], 64))), 256)) : V("", !0),
+              (f(!0), w(R, null, W(e(g), (b, K) => (f(), w(R, {
+                key: "slot-" + K
+              }, [
+                e(y) === b.props.name ? (f(), S(ae, P({
+                  key: 0,
+                  layout: "popover"
+                }, { ref_for: !0 }, b.props, {
+                  ref_for: !0,
+                  ref_key: "filterRef",
+                  ref: $,
+                  onChange: l[3] || (l[3] = (A) => e(p)(A.name, A.value)),
+                  onClear: l[4] || (l[4] = (A) => {
+                    e(a)(A), e(p)(A, void 0);
+                  }),
+                  modelValue: e(c)[b.props.name],
+                  "onUpdate:modelValue": (A) => e(c)[b.props.name] = A,
+                  cleanable: !0
+                }), null, 16, ["modelValue", "onUpdate:modelValue"])) : V("", !0)
+              ], 64))), 128))
+            ], 64)) : V("", !0)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["onOpen"]));
+  }
+}), lo = { class: "flex gap-1 items-center flex-wrap" }, Ce = /* @__PURE__ */ O({
+  __name: "inline-filter-layout",
+  props: {
+    schema: {},
+    view: {},
+    value: {},
+    history: { type: Boolean },
+    mode: {},
+    limit: { default: 3 }
+  },
+  emits: ["change", "clear", "clearAll"],
+  setup(i, { emit: n }) {
+    const v = i, t = n, s = pe(), r = _({}), {
+      activeFilter: d,
+      activeFilterCount: m,
+      onFilterChange: c,
+      clearFilter: x,
+      clearAllFilters: p,
+      limitedSchema: a,
+      popoverSchema: o,
+      filtersSlot: h,
+      limitedFiltersSlot: g,
+      popoverFiltersSlot: k
+    } = he(
+      {
+        ...v,
+        schema: r,
+        slots: s
+      },
+      t
+    ), y = _();
+    function $() {
+      y.value && y.value.clearAllFilters(), p();
+    }
+    return M(
+      () => v.schema,
+      (C) => {
+        r.value = C;
+      },
+      { deep: !0, immediate: !0 }
+    ), (C, l) => (f(), w("div", lo, [
+      C.schema ? (f(!0), w(R, { key: 0 }, W(Object.entries(e(a)), ([b, K]) => (f(), S(ae, P({
+        key: b,
+        name: b,
+        mode: C.mode
+      }, { ref_for: !0 }, K, {
+        onChange: l[0] || (l[0] = (A) => e(c)(A.name, A.value)),
+        onClear: l[1] || (l[1] = (A) => {
+          e(x)(A), e(c)(A, void 0);
+        }),
+        layout: "inline",
+        cleanable: !0,
+        modelValue: e(d)[b],
+        "onUpdate:modelValue": (A) => e(d)[b] = A
+      }), null, 16, ["name", "mode", "modelValue", "onUpdate:modelValue"]))), 128)) : V("", !0),
+      (f(!0), w(R, null, W(e(g), (b, K) => (f(), S(ae, P({
+        key: "slot-" + K,
+        layout: "inline"
+      }, { ref_for: !0 }, b.props, {
+        onChange: l[2] || (l[2] = (A) => e(c)(A.name, A.value)),
+        onClear: l[3] || (l[3] = (A) => {
+          e(x)(A), e(c)(A, void 0);
+        }),
+        cleanable: !0,
+        modelValue: e(d)[b.props.name],
+        "onUpdate:modelValue": (A) => e(d)[b.props.name] = A
+      }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128)),
+      Object.entries(e(o)).length > 0 || e(k).length > 0 ? (f(), S(je, P({ key: 1 }, v, {
+        schema: e(o),
+        limit: 0,
+        onChange: l[4] || (l[4] = (b) => e(c)(b.name, b.value)),
+        onClearAll: e(p),
+        onClear: l[5] || (l[5] = (b) => e(x)(b.name)),
+        mode: C.mode,
+        ref_key: "popoverRef",
+        ref: y,
+        cleanable: !0
+      }), {
+        default: le(() => [
+          (f(!0), w(R, null, W(e(h), (b, K) => (f(), S(ee(b), P({
+            key: "slot-" + K,
+            layout: "popover"
+          }, { ref_for: !0 }, b.props, { cleanable: !0 }), null, 16))), 128))
+        ]),
+        _: 1
+      }, 16, ["schema", "onClearAll", "mode"])) : V("", !0),
+      e(m) > 0 ? (f(), w("button", {
+        key: 2,
+        onClick: $,
+        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"
+      }, " Очистити ")) : V("", !0)
+    ]));
+  }
+}), oo = {
+  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"
+}, ao = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, no = /* @__PURE__ */ O({
+  __name: "vertical-filter-layout",
+  props: {
+    schema: {},
+    view: {},
+    value: {},
+    history: { type: Boolean },
+    mode: {},
+    limit: { default: 3 }
+  },
+  emits: ["change", "clear", "clearAll"],
+  setup(i, { emit: n }) {
+    const v = i, t = n, s = pe(), {
+      activeFilter: r,
+      activeFilterCount: d,
+      onFilterChange: m,
+      clearFilter: c,
+      clearAllFilters: x,
+      filtersSlot: p
+    } = he({
+      ...v,
+      slots: s
+    }, t);
+    return (a, o) => a.view === "vertical" ? (f(), w("div", oo, [
+      u("div", ao, [
+        e(d) > 0 ? (f(), w("button", {
+          key: 0,
+          onClick: o[0] || (o[0] = //@ts-ignore
+          (...h) => e(x) && e(x)(...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"
+        }, " Очистити ")) : V("", !0),
+        a.schema ? (f(!0), w(R, { key: 1 }, W(Object.entries(a.schema), ([h, g]) => (f(), S(ae, P({
+          name: h,
+          layout: "vertical"
+        }, { ref_for: !0 }, g, {
+          onChange: o[1] || (o[1] = (k) => e(m)(k.name, k.value)),
+          onClear: o[2] || (o[2] = (k) => {
+            e(c)(k), e(m)(k, void 0);
+          }),
+          modelValue: e(r)[h],
+          "onUpdate:modelValue": (k) => e(r)[h] = k,
+          showClean: !0
+        }), null, 16, ["name", "modelValue", "onUpdate:modelValue"]))), 256)) : V("", !0),
+        (f(!0), w(R, null, W(e(p), (h, g) => (f(), S(ae, P({
+          key: "slot-" + g,
+          layout: "vertical"
+        }, { ref_for: !0 }, h.props, {
+          onChange: o[3] || (o[3] = (k) => e(m)(k.name, k.value)),
+          onClear: o[4] || (o[4] = (k) => {
+            e(c)(k), e(m)(k, void 0);
+          }),
+          modelValue: e(r)[h.props.name],
+          "onUpdate:modelValue": (k) => e(r)[h.props.name] = k,
+          showClean: !0
+        }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128))
+      ])
+    ])) : V("", !0);
+  }
+}), Ve = /* @__PURE__ */ O({
+  __name: "filter",
+  props: {
+    schema: {},
+    view: { default: "inline" },
+    value: {},
+    history: { type: Boolean },
+    mode: {},
+    limit: { default: 3 }
+  },
+  emits: ["change", "clear", "clearAll"],
+  setup(i, { emit: n }) {
+    const v = i, t = _(v.value ?? {}), s = n;
+    function r(p, a) {
+      t.value = {
+        ...t.value,
+        [p]: a
+      }, s("change", {
+        data: Z(t.value),
+        name: p,
+        value: a
+      });
+    }
+    function d(p) {
+      delete t.value[p], s("clear", {
+        data: Z(t.value),
+        name: p
+      });
+    }
+    function m() {
+      t.value = {}, s("clear", {
+        data: Z(t.value),
+        name: "ALL"
+      }), s("change", {
+        data: Z(t.value),
+        name: "ALL",
+        value: null
+      });
+    }
+    const c = _({});
+    function x() {
+      switch (v.view) {
+        case "inline":
+          return Ce;
+        case "vertical":
+          return no;
+        case "popover":
+          return je;
+        default:
+          return Ce;
+      }
+    }
+    return M(
+      () => v.schema,
+      (p) => {
+        if (!p) {
+          c.value = {};
+          return;
+        }
+        if (Array.isArray(p) && !p.length) {
+          c.value = {};
+          return;
+        }
+        Array.isArray(p) ? c.value = p.filter((a) => a.type).reduce((a, o) => (Object.assign(o, { name: o.id || o.name, type: o.type.toLowerCase() }), a[o.name] = o, o.data && !o.api && !o.options && Object.assign(o, { api: `/api/suggest/${o.data}` }), a), {}) : (Object.entries(p).forEach(([a, o]) => {
+          Object.assign(o, { name: a || o.name || o.id, type: o.type.toLowerCase() });
+        }), c.value = { ...p });
+      },
+      { immediate: !0, deep: !0 }
+    ), (p, a) => (f(), S(ee(x()), P(v, {
+      schema: c.value,
+      onChange: a[0] || (a[0] = (o) => r(o.name, o.value)),
+      onClear: a[1] || (a[1] = (o) => d(o.name)),
+      onClearAll: m
+    }), {
+      default: le(() => [
+        ue(p.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["schema"]));
+  }
+});
+Ve.install = function(n) {
+  n.component("VsFilter", Ve);
+};
+export {
+  Ve as Filter,
+  ae as FilterField,
+  Ve as default
+};