@opengis/filter 0.1.6 → 0.1.8

package/dist/filter.js

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