@opengis/filter 0.0.9 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/filter.js +410 -410
  2. package/dist/filter.umd.cjs +1 -1
  3. package/package.json +1 -1
package/dist/filter.js CHANGED
@@ -1,10 +1,10 @@
1
- import { defineComponent as O, ref as _, createElementBlock as w, openBlock as c, createElementVNode as u, withModifiers as Ve, normalizeClass as D, createCommentVNode as V, toDisplayString as j, computed as I, watch as M, createStaticVNode as Fe, Fragment as R, renderList as W, unref as e, createBlock as S, createVNode as N, createTextVNode as z, withDirectives as T, vShow as X, onBeforeUnmount as ce, vModelText as G, onMounted as ae, Teleport as _e, normalizeStyle as $e, renderSlot as ue, nextTick as fe, isRef as Le, withCtx as le, resolveDynamicComponent as ee, mergeProps as P, toRaw as Z, cloneVNode as Ee, useSlots as pe } from "vue";
2
- const Ie = { class: "flex items-center justify-between w-full text-sm" }, Te = { class: "flex items-center cursor-pointer w-full" }, Oe = {
1
+ import { defineComponent as O, ref as _, createElementBlock as w, openBlock as c, createElementVNode as u, withModifiers as _e, normalizeClass as D, createCommentVNode as V, toDisplayString as F, computed as I, watch as M, createStaticVNode as Le, Fragment as R, renderList as W, unref as e, createBlock as S, createVNode as N, createTextVNode as z, withDirectives as T, vShow as X, onBeforeUnmount as ce, vModelText as G, onMounted as ae, Teleport as $e, normalizeStyle as Ae, renderSlot as ue, nextTick as fe, isRef as Ee, withCtx as le, resolveDynamicComponent as ee, mergeProps as P, toRaw as Z, cloneVNode as Ie, useSlots as pe } from "vue";
2
+ const Te = { class: "flex items-center justify-between w-full text-sm" }, Oe = { class: "flex items-center cursor-pointer w-full" }, Ue = {
3
3
  key: 0,
4
4
  width: "16",
5
5
  height: "auto",
6
6
  src: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4="
7
- }, Ue = ["value"], ze = { class: "w-[calc(100%-18px)] flex flex-row items-center justify-between pl-[10px]" }, Ne = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, He = {
7
+ }, ze = ["value"], Ne = { class: "w-[calc(100%-18px)] flex flex-row items-center justify-between pl-[10px]" }, He = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, Ye = {
8
8
  key: 0,
9
9
  class: "text-xs text-gray-500 dark:text-neutral-500 pr-1"
10
10
  }, me = /* @__PURE__ */ O({
@@ -20,8 +20,8 @@ const Ie = { class: "flex items-center justify-between w-full text-sm" }, Te = {
20
20
  highlighted: { type: Boolean }
21
21
  },
22
22
  emits: ["itemClick"],
23
- setup(p, { expose: a, emit: v }) {
24
- const t = p, s = v;
23
+ setup(f, { expose: a, emit: v }) {
24
+ const t = f, s = v;
25
25
  function r() {
26
26
  s("itemClick", t.value);
27
27
  }
@@ -31,15 +31,15 @@ const Ie = { class: "flex items-center justify-between w-full text-sm" }, Te = {
31
31
  ref_key: "el",
32
32
  ref: i
33
33
  }, [
34
- u("div", Ie, [
35
- u("div", Te, [
34
+ u("div", Te, [
35
+ u("div", Oe, [
36
36
  u("label", {
37
37
  for: "radio-9740",
38
38
  class: D([
39
39
  ["inline", "popover"].includes(m.layout) ? "text-sm text-gray-500 px-2 w-full py-2 cursor-pointer !flex flex-row items-center" : "flex flex-row items-center w-full px-2 py-2 text-sm text-gray-500 cursor-pointer",
40
40
  { "bg-blue-100": m.highlighted }
41
41
  ]),
42
- onClick: Ve(r, ["stop", "prevent"])
42
+ onClick: _e(r, ["stop", "prevent"])
43
43
  }, [
44
44
  u("div", {
45
45
  class: D(["w-[18px] h-[18px] border rounded-[4px] flex items-center justify-center", [
@@ -47,17 +47,17 @@ const Ie = { class: "flex items-center justify-between w-full text-sm" }, Te = {
47
47
  m.color ? `bg-[${m.color}] border-[#ffffff]` : m.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
48
48
  ]])
49
49
  }, [
50
- m.isSelected ? (c(), w("img", Oe)) : V("", !0)
50
+ m.isSelected ? (c(), w("img", Ue)) : V("", !0)
51
51
  ], 2),
52
52
  u("input", {
53
53
  type: "checkbox",
54
54
  class: "hidden",
55
55
  id: "radio-9740",
56
56
  value: m.value
57
- }, null, 8, Ue),
58
- u("div", ze, [
59
- u("span", Ne, j(m.label ?? "Відсутні данні"), 1),
60
- m.count ? (c(), w("div", He, " (" + j(m.count) + ") ", 1)) : V("", !0)
57
+ }, null, 8, ze),
58
+ u("div", Ne, [
59
+ u("span", He, F(m.label ?? "Відсутні данні"), 1),
60
+ m.count ? (c(), w("div", Ye, " (" + F(m.count) + ") ", 1)) : V("", !0)
61
61
  ])
62
62
  ], 2)
63
63
  ])
@@ -65,38 +65,38 @@ const Ie = { class: "flex items-center justify-between w-full text-sm" }, Te = {
65
65
  ], 512));
66
66
  }
67
67
  });
68
- function Ae(p, a) {
68
+ function Be(f, a) {
69
69
  const {
70
70
  options: v = [],
71
71
  limit: t = 20
72
- } = p;
72
+ } = f;
73
73
  function s(o) {
74
74
  return o !== void 0 ? o : "";
75
75
  }
76
- const r = _(s(p.modelValue)), i = _(""), m = _(!1), d = _([]), h = _("id"), f = _("text"), n = _(!1), l = _(p.layout !== "popover" && v.length > t);
76
+ const r = _(s(f.modelValue)), i = _(""), m = _(!1), d = _([]), h = _("id"), p = _("text"), n = _(!1), l = _(f.layout !== "popover" && v.length > t);
77
77
  function b(o) {
78
78
  const x = o.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find((Y) => Y in x) ?? "id", A = ["text", "label", "name", "title"].find((Y) => Y in x) ?? "text";
79
79
  return { autoValueKey: K, autoLabelKey: A };
80
80
  }
81
81
  if (v.length > 0) {
82
82
  const o = b(v);
83
- h.value = o.autoValueKey, f.value = o.autoLabelKey;
83
+ h.value = o.autoValueKey, p.value = o.autoLabelKey;
84
84
  }
85
85
  const y = I(() => {
86
86
  const o = d.value;
87
- return p.layout === "popover" || n.value ? o : o.slice(0, t);
87
+ return f.layout === "popover" || n.value ? o : o.slice(0, t);
88
88
  });
89
- M(() => p.modelValue, (o) => {
89
+ M(() => f.modelValue, (o) => {
90
90
  r.value = s(o);
91
- }, { immediate: !0 }), d.value = [...v].sort((o, x) => p.sort === "count" ? x.count && o.count ? x.count - o.count : 0 : p.sort === "name" ? String(o[f.value] ?? "").localeCompare(String(x[f.value] ?? "")) : 0);
91
+ }, { immediate: !0 }), d.value = [...v].sort((o, x) => f.sort === "count" ? x.count && o.count ? x.count - o.count : 0 : f.sort === "name" ? String(o[p.value] ?? "").localeCompare(String(x[p.value] ?? "")) : 0);
92
92
  function k(o) {
93
93
  return r.value === o[h.value];
94
94
  }
95
95
  function g(o) {
96
- r.value = o[h.value], a("update:modelValue", r.value), a("change", { name: p.name, value: r.value });
96
+ r.value = o[h.value], a("update:modelValue", r.value), a("change", { name: f.name, value: r.value });
97
97
  }
98
98
  function $() {
99
- r.value = void 0, a("update:modelValue", r.value), a("clear", p.name);
99
+ r.value = void 0, a("update:modelValue", r.value), a("clear", f.name);
100
100
  }
101
101
  function C() {
102
102
  n.value = !n.value;
@@ -112,28 +112,28 @@ function Ae(p, a) {
112
112
  isReqProc: m,
113
113
  showAll: n,
114
114
  isEnableShowAll: l,
115
- labelKey: f,
115
+ labelKey: p,
116
116
  valueKey: h,
117
117
  allOptions: d
118
118
  };
119
119
  }
120
- const J = (p, a) => {
121
- const v = p.__vccOpts || p;
120
+ const J = (f, a) => {
121
+ const v = f.__vccOpts || f;
122
122
  for (const [t, s] of a)
123
123
  v[t] = s;
124
124
  return v;
125
- }, Ye = {}, Pe = {
125
+ }, Pe = {}, We = {
126
126
  class: "w-48 mx-auto",
127
127
  viewBox: "0 0 178 90",
128
128
  fill: "none",
129
129
  xmlns: "http://www.w3.org/2000/svg"
130
130
  };
131
- function We(p, a) {
132
- return c(), w("svg", Pe, a[0] || (a[0] = [
133
- Fe('<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)
131
+ function qe(f, a) {
132
+ return c(), w("svg", We, a[0] || (a[0] = [
133
+ Le('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
134
134
  ]));
135
135
  }
136
- const ve = /* @__PURE__ */ J(Ye, [["render", We]]), qe = {}, Qe = {
136
+ const ve = /* @__PURE__ */ J(Pe, [["render", qe]]), Qe = {}, Ge = {
137
137
  xmlns: "http://www.w3.org/2000/svg",
138
138
  width: "24",
139
139
  height: "24",
@@ -145,8 +145,8 @@ const ve = /* @__PURE__ */ J(Ye, [["render", We]]), qe = {}, Qe = {
145
145
  "stroke-linejoin": "round",
146
146
  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate"
147
147
  };
148
- function Ge(p, a) {
149
- return c(), w("svg", Qe, a[0] || (a[0] = [
148
+ function Xe(f, a) {
149
+ return c(), w("svg", Ge, a[0] || (a[0] = [
150
150
  u("path", {
151
151
  stroke: "none",
152
152
  d: "M0 0h24v24H0z",
@@ -155,7 +155,7 @@ function Ge(p, a) {
155
155
  u("path", { d: "M6 9l6 6l6 -6" }, null, -1)
156
156
  ]));
157
157
  }
158
- const ie = /* @__PURE__ */ J(qe, [["render", Ge]]), Xe = {}, Je = {
158
+ const ie = /* @__PURE__ */ J(Qe, [["render", Xe]]), Je = {}, Ze = {
159
159
  xmlns: "http://www.w3.org/2000/svg",
160
160
  width: "24",
161
161
  height: "24",
@@ -167,8 +167,8 @@ const ie = /* @__PURE__ */ J(qe, [["render", Ge]]), Xe = {}, Je = {
167
167
  "stroke-linejoin": "round",
168
168
  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate-[180deg]"
169
169
  };
170
- function Ze(p, a) {
171
- return c(), w("svg", Je, a[0] || (a[0] = [
170
+ function et(f, a) {
171
+ return c(), w("svg", Ze, a[0] || (a[0] = [
172
172
  u("path", {
173
173
  stroke: "none",
174
174
  d: "M0 0h24v24H0z",
@@ -177,16 +177,16 @@ function Ze(p, a) {
177
177
  u("path", { d: "M6 9l6 6l6 -6" }, null, -1)
178
178
  ]));
179
179
  }
180
- const ge = /* @__PURE__ */ J(Xe, [["render", Ze]]), et = {
180
+ const ge = /* @__PURE__ */ J(Je, [["render", et]]), tt = {
181
181
  key: 0,
182
182
  class: "w-full"
183
- }, tt = { class: "flex flex-col items-center justify-center p-5 text-center" }, lt = {
183
+ }, lt = { class: "flex flex-col items-center justify-center p-5 text-center" }, ot = {
184
184
  key: 0,
185
185
  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
186
- }, ot = {
186
+ }, nt = {
187
187
  key: 1,
188
188
  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
189
- }, nt = /* @__PURE__ */ O({
189
+ }, at = /* @__PURE__ */ O({
190
190
  __name: "radio",
191
191
  props: {
192
192
  id: {},
@@ -212,13 +212,13 @@ const ge = /* @__PURE__ */ J(Xe, [["render", Ze]]), et = {
212
212
  sort: {}
213
213
  },
214
214
  emits: ["update:modelValue", "change", "clear"],
215
- setup(p, { expose: a, emit: v }) {
216
- const t = p, s = _(null), r = v, {
215
+ setup(f, { expose: a, emit: v }) {
216
+ const t = f, s = _(null), r = v, {
217
217
  innerValue: i,
218
218
  filteredOptions: m,
219
219
  isSelected: d,
220
220
  selectItem: h,
221
- clear: f,
221
+ clear: p,
222
222
  toggleShowAll: n,
223
223
  isReqProc: l,
224
224
  showAll: b,
@@ -226,12 +226,12 @@ const ge = /* @__PURE__ */ J(Xe, [["render", Ze]]), et = {
226
226
  labelKey: k,
227
227
  valueKey: g,
228
228
  allOptions: $
229
- } = Ae({
229
+ } = Be({
230
230
  ...t,
231
231
  modelValue: t.modelValue ?? t.default ?? ""
232
232
  }, r);
233
233
  return a({
234
- clear: f,
234
+ clear: p,
235
235
  inputTextRef: s
236
236
  }), M(
237
237
  () => t.modelValue,
@@ -259,8 +259,8 @@ const ge = /* @__PURE__ */ J(Xe, [["render", Ze]]), et = {
259
259
  onItemClick: (K) => e(h)(x)
260
260
  }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
261
261
  ], 2),
262
- C.type === "select" && e(m).length === 0 && !e(l) ? (c(), w("div", et, [
263
- u("div", tt, [
262
+ C.type === "select" && e(m).length === 0 && !e(l) ? (c(), w("div", tt, [
263
+ u("div", lt, [
264
264
  N(ve),
265
265
  o[4] || (o[4] = u("div", { class: "max-w-sm mx-auto mt-6" }, [
266
266
  u("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
@@ -289,22 +289,22 @@ const ge = /* @__PURE__ */ J(Xe, [["render", Ze]]), et = {
289
289
  ])) : V("", !0)
290
290
  ], 64)) : V("", !0),
291
291
  C.cleanable ? (c(), w(R, { key: 2 }, [
292
- C.layout === "inline" ? (c(), w("div", lt, [
293
- z(j(e(i) || e(i) === null ? 1 : 0) + " з " + j(e($).length) + " обрано ", 1),
292
+ C.layout === "inline" ? (c(), w("div", ot, [
293
+ z(F(e(i) || e(i) === null ? 1 : 0) + " з " + F(e($).length) + " обрано ", 1),
294
294
  T(u("button", {
295
295
  class: "text-gray-600 hover:text-gray-800",
296
296
  onClick: o[2] || (o[2] = //@ts-ignore
297
- (...x) => e(f) && e(f)(...x))
297
+ (...x) => e(p) && e(p)(...x))
298
298
  }, " Очистити ", 512), [
299
299
  [X, e(i) !== "" && e(i) !== void 0]
300
300
  ])
301
301
  ])) : V("", !0),
302
- C.layout === "popover" ? (c(), w("div", ot, [
303
- u("span", null, j(e(i) || e(i) === null ? 1 : 0) + " з " + j(e($).length) + " обрано", 1),
302
+ C.layout === "popover" ? (c(), w("div", nt, [
303
+ u("span", null, F(e(i) || e(i) === null ? 1 : 0) + " з " + F(e($).length) + " обрано", 1),
304
304
  T(u("button", {
305
305
  class: "text-gray-600 hover:text-gray-800",
306
306
  onClick: o[3] || (o[3] = //@ts-ignore
307
- (...x) => e(f) && e(f)(...x))
307
+ (...x) => e(p) && e(p)(...x))
308
308
  }, " Очистити ", 512), [
309
309
  [X, e(i) !== "" && e(i) !== void 0]
310
310
  ])
@@ -313,17 +313,17 @@ const ge = /* @__PURE__ */ J(Xe, [["render", Ze]]), et = {
313
313
  ], 2));
314
314
  }
315
315
  });
316
- function Be(p, a) {
316
+ function Se(f, a) {
317
317
  const {
318
318
  api: v,
319
319
  options: t = [],
320
320
  limit: s = 20,
321
321
  dataKey: r = "data"
322
- } = p, i = p.multi;
322
+ } = f, i = f.multi;
323
323
  function m(B) {
324
324
  return i ? Array.isArray(B) ? B : B ? [B] : [] : B !== void 0 ? B : "";
325
325
  }
326
- const d = _(m(p.modelValue)), h = _(""), f = _(!1), n = _([]), l = _("id"), b = _("text"), y = _(!1), k = _(p.layout !== "popover" && t.length > s), g = _([]), $ = _(0);
326
+ const d = _(m(f.modelValue)), h = _(""), p = _(!1), n = _([]), l = _("id"), b = _("text"), y = _(!1), k = _(f.layout !== "popover" && t.length > s), g = _([]), $ = _(0);
327
327
  function C(B) {
328
328
  const U = B.find(Boolean) ?? {}, q = ["id", "value", "code", "key"].find((oe) => oe in U) ?? "id", se = ["text", "label", "name", "title"].find((oe) => oe in U) ?? "text";
329
329
  return { autoValueKey: q, autoLabelKey: se };
@@ -335,7 +335,7 @@ function Be(p, a) {
335
335
  const o = I(() => {
336
336
  if (v) return n.value;
337
337
  const B = n.value;
338
- if (p.layout === "popover") return B;
338
+ if (f.layout === "popover") return B;
339
339
  if (!h.value)
340
340
  return y.value ? B : B.slice(0, s);
341
341
  const U = h.value.toLowerCase();
@@ -344,7 +344,7 @@ function Be(p, a) {
344
344
  let x = null;
345
345
  async function K(B) {
346
346
  if (v) {
347
- f.value = !0;
347
+ p.value = !0;
348
348
  try {
349
349
  const U = new URL(v, window.location.origin);
350
350
  U.searchParams.set("json", "1"), U.searchParams.set("key", B), U.searchParams.set("limit", s.toString());
@@ -360,7 +360,7 @@ function Be(p, a) {
360
360
  } catch (U) {
361
361
  console.error("Failed to fetch remote options:", U);
362
362
  } finally {
363
- f.value = !1;
363
+ p.value = !1;
364
364
  }
365
365
  }
366
366
  }
@@ -368,7 +368,7 @@ function Be(p, a) {
368
368
  v && (x && clearTimeout(x), x = setTimeout(() => {
369
369
  K(B);
370
370
  }, 200));
371
- }), M(() => p.modelValue, (B) => {
371
+ }), M(() => f.modelValue, (B) => {
372
372
  d.value = m(B);
373
373
  }, { immediate: !0 }), v ? K("") : n.value = t;
374
374
  function A(B) {
@@ -380,12 +380,12 @@ function Be(p, a) {
380
380
  d.value = U ? d.value.filter((q) => q !== B[l.value]) : [...d.value, B[l.value]], g.value = U ? g.value.filter((q) => q !== B[b.value]) : [...g.value, B[b.value]];
381
381
  } else
382
382
  d.value = B[l.value], g.value = B[b.value];
383
- a("update:modelValue", d.value), a("change", { name: p.name, value: d.value });
383
+ a("update:modelValue", d.value), a("change", { name: f.name, value: d.value });
384
384
  }
385
385
  function L() {
386
- i ? (d.value = [], g.value = []) : (d.value = void 0, g.value = []), a("update:modelValue", d.value), a("clear", p.name);
386
+ i ? (d.value = [], g.value = []) : (d.value = void 0, g.value = []), a("update:modelValue", d.value), a("clear", f.name);
387
387
  }
388
- function F() {
388
+ function j() {
389
389
  x && clearTimeout(x), h.value = "", y.value = !1;
390
390
  }
391
391
  function E() {
@@ -416,9 +416,9 @@ function Be(p, a) {
416
416
  isSelected: A,
417
417
  selectItem: Y,
418
418
  clear: L,
419
- resetSearch: F,
419
+ resetSearch: j,
420
420
  toggleShowAll: E,
421
- isReqProc: f,
421
+ isReqProc: p,
422
422
  showAll: y,
423
423
  isEnableShowAll: k,
424
424
  labelKey: b,
@@ -430,13 +430,13 @@ function Be(p, a) {
430
430
  totalCount: $
431
431
  };
432
432
  }
433
- const at = {
433
+ const rt = {
434
434
  key: 0,
435
435
  class: "w-full"
436
- }, rt = { class: "flex flex-col items-center justify-center p-5 text-center" }, st = {
436
+ }, st = { class: "flex flex-col items-center justify-center p-5 text-center" }, ut = {
437
437
  key: 0,
438
438
  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
439
- }, ut = {
439
+ }, it = {
440
440
  key: 1,
441
441
  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
442
442
  }, xe = /* @__PURE__ */ O({
@@ -465,21 +465,21 @@ const at = {
465
465
  sort: {}
466
466
  },
467
467
  emits: ["update:modelValue", "change", "clear"],
468
- setup(p, { expose: a, emit: v }) {
469
- const t = p, s = v, {
468
+ setup(f, { expose: a, emit: v }) {
469
+ const t = f, s = v, {
470
470
  innerValue: r,
471
471
  filteredOptions: i,
472
472
  isSelected: m,
473
473
  selectItem: d,
474
474
  clear: h,
475
- toggleShowAll: f,
475
+ toggleShowAll: p,
476
476
  isReqProc: n,
477
477
  showAll: l,
478
478
  isEnableShowAll: b,
479
479
  labelKey: y,
480
480
  valueKey: k,
481
481
  allOptions: g
482
- } = Be({
482
+ } = Se({
483
483
  ...t,
484
484
  modelValue: t.modelValue
485
485
  }, s);
@@ -510,8 +510,8 @@ const at = {
510
510
  onItemClick: (x) => e(d)(o)
511
511
  }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
512
512
  ], 2),
513
- $.type === "select" && e(i).length === 0 && !e(n) ? (c(), w("div", at, [
514
- u("div", rt, [
513
+ $.type === "select" && e(i).length === 0 && !e(n) ? (c(), w("div", rt, [
514
+ u("div", st, [
515
515
  N(ve),
516
516
  C[4] || (C[4] = u("div", { class: "max-w-sm mx-auto mt-6" }, [
517
517
  u("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
@@ -523,7 +523,7 @@ const at = {
523
523
  !e(l) && e(b) ? (c(), w("div", {
524
524
  key: 0,
525
525
  onClick: C[0] || (C[0] = //@ts-ignore
526
- (...o) => e(f) && e(f)(...o)),
526
+ (...o) => e(p) && e(p)(...o)),
527
527
  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"
528
528
  }, [
529
529
  C[5] || (C[5] = z(" Показати більше ", -1)),
@@ -532,7 +532,7 @@ const at = {
532
532
  e(l) ? (c(), w("div", {
533
533
  key: 1,
534
534
  onClick: C[1] || (C[1] = //@ts-ignore
535
- (...o) => e(f) && e(f)(...o)),
535
+ (...o) => e(p) && e(p)(...o)),
536
536
  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"
537
537
  }, [
538
538
  C[6] || (C[6] = z(" Показати менше ", -1)),
@@ -540,8 +540,8 @@ const at = {
540
540
  ])) : V("", !0)
541
541
  ], 64)) : V("", !0),
542
542
  $.cleanable ? (c(), w(R, { key: 2 }, [
543
- $.layout === "inline" ? (c(), w("div", st, [
544
- z(j(e(r).length) + " з " + j(e(g).length) + " обрано ", 1),
543
+ $.layout === "inline" ? (c(), w("div", ut, [
544
+ z(F(e(r).length) + " з " + F(e(g).length) + " обрано ", 1),
545
545
  T(u("button", {
546
546
  class: "text-gray-600 hover:text-gray-800",
547
547
  onClick: C[2] || (C[2] = //@ts-ignore
@@ -550,8 +550,8 @@ const at = {
550
550
  [X, e(r).length !== 0]
551
551
  ])
552
552
  ])) : V("", !0),
553
- $.layout === "popover" ? (c(), w("div", ut, [
554
- u("span", null, j(e(r).length) + " з " + j(e(g).length) + " обрано", 1),
553
+ $.layout === "popover" ? (c(), w("div", it, [
554
+ u("span", null, F(e(r).length) + " з " + F(e(g).length) + " обрано", 1),
555
555
  T(u("button", {
556
556
  class: "text-gray-600 hover:text-gray-800",
557
557
  onClick: C[3] || (C[3] = //@ts-ignore
@@ -563,7 +563,7 @@ const at = {
563
563
  ], 64)) : V("", !0)
564
564
  ], 2));
565
565
  }
566
- }), it = {}, dt = {
566
+ }), dt = {}, ct = {
567
567
  xmlns: "http://www.w3.org/2000/svg",
568
568
  width: "15px",
569
569
  height: "15px",
@@ -575,8 +575,8 @@ const at = {
575
575
  "stroke-linejoin": "round",
576
576
  class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
577
577
  };
578
- function ct(p, a) {
579
- return c(), w("svg", dt, a[0] || (a[0] = [
578
+ function ft(f, a) {
579
+ return c(), w("svg", ct, a[0] || (a[0] = [
580
580
  u("path", {
581
581
  stroke: "none",
582
582
  d: "M0 0h24v24H0z",
@@ -586,7 +586,7 @@ function ct(p, a) {
586
586
  u("path", { d: "M21 21l-6 -6" }, null, -1)
587
587
  ]));
588
588
  }
589
- const Se = /* @__PURE__ */ J(it, [["render", ct]]), ft = {}, pt = {
589
+ const De = /* @__PURE__ */ J(dt, [["render", ft]]), pt = {}, mt = {
590
590
  xmlns: "http://www.w3.org/2000/svg",
591
591
  viewBox: "0 0 24 24",
592
592
  fill: "none",
@@ -598,8 +598,8 @@ const Se = /* @__PURE__ */ J(it, [["render", ct]]), ft = {}, pt = {
598
598
  width: "15px",
599
599
  height: "15px"
600
600
  };
601
- function mt(p, a) {
602
- return c(), w("svg", pt, a[0] || (a[0] = [
601
+ function vt(f, a) {
602
+ return c(), w("svg", mt, a[0] || (a[0] = [
603
603
  u("path", {
604
604
  stroke: "none",
605
605
  d: "M0 0h24v24H0z",
@@ -609,13 +609,13 @@ function mt(p, a) {
609
609
  u("path", { d: "M6 6l12 12" }, null, -1)
610
610
  ]));
611
611
  }
612
- const De = /* @__PURE__ */ J(ft, [["render", mt]]);
612
+ const Re = /* @__PURE__ */ J(pt, [["render", vt]]);
613
613
  class de {
614
614
  static getWidthClass(a) {
615
615
  return typeof a == "number" ? `max-w-[${a}px]` : typeof a == "string" ? a.endsWith("%") || a.endsWith("px") ? `max-w-[${a}]` : `max-w-${a}` : "w-full";
616
616
  }
617
617
  }
618
- const vt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, gt = ["placeholder"], yt = /* @__PURE__ */ O({
618
+ const gt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, yt = ["placeholder"], bt = /* @__PURE__ */ O({
619
619
  __name: "text-input",
620
620
  props: {
621
621
  id: {},
@@ -641,8 +641,8 @@ const vt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
641
641
  sort: {}
642
642
  },
643
643
  emits: ["update:modelValue", "change", "clear"],
644
- setup(p, { emit: a }) {
645
- const v = p, t = _((v.placeHolder || v.label || v.name).toString()), s = a, r = _(v.modelValue ?? "");
644
+ setup(f, { emit: a }) {
645
+ const v = f, t = _((v.placeHolder || v.label || v.name).toString()), s = a, r = _(v.modelValue ?? "");
646
646
  M(
647
647
  () => v.modelValue,
648
648
  (d) => {
@@ -661,54 +661,54 @@ const vt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
661
661
  d.layout === "inline" ? e(de).getWidthClass(d.width) : "w-full mb-2"
662
662
  ])
663
663
  }, [
664
- u("div", vt, [
665
- N(Se)
664
+ u("div", gt, [
665
+ N(De)
666
666
  ]),
667
667
  r.value !== "" ? (c(), w("div", {
668
668
  key: 0,
669
669
  onClick: m,
670
670
  class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"
671
671
  }, [
672
- N(De)
672
+ N(Re)
673
673
  ])) : V("", !0),
674
674
  T(u("input", {
675
675
  type: "text",
676
- "onUpdate:modelValue": h[0] || (h[0] = (f) => r.value = f),
676
+ "onUpdate:modelValue": h[0] || (h[0] = (p) => r.value = p),
677
677
  onInput: i,
678
678
  placeholder: t.value,
679
679
  class: "!pr-7 !pl-8 bg-white h-[38px] text-sm py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
680
- }, null, 40, gt), [
680
+ }, null, 40, yt), [
681
681
  [G, r.value]
682
682
  ])
683
683
  ], 2));
684
684
  }
685
685
  });
686
- function Re(p = { color: "blue" }) {
686
+ function Me(f = { color: "blue" }) {
687
687
  return I(() => {
688
- const v = `w-full px-3 py-2 border-solid border border-gray-300 text-sm rounded focus:outline-none focus:ring-2 focus:ring-${p.color}-500 focus:border-transparent`;
689
- return p?.size === "sm" ? `${v}h-[32px]` : `${v}h-[38px]`;
688
+ const v = `w-full px-3 py-2 border-solid border border-gray-300 text-sm rounded focus:outline-none focus:ring-2 focus:ring-${f.color}-500 focus:border-transparent`;
689
+ return f?.size === "sm" ? `${v}h-[32px]` : `${v}h-[38px]`;
690
690
  });
691
691
  }
692
- function bt() {
692
+ function ht() {
693
693
  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]";
694
694
  }
695
- function ht() {
695
+ function xt() {
696
696
  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";
697
697
  }
698
- function Me(p) {
699
- return p === "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" : p === "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]";
698
+ function Ke(f) {
699
+ return f === "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" : f === "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]";
700
700
  }
701
- const xt = {
701
+ const kt = {
702
702
  key: 0,
703
703
  class: "block text-xs font-medium text-gray-600 mb-1"
704
- }, kt = ["placeholder", "disabled"], wt = {
704
+ }, wt = ["placeholder", "disabled"], Ct = {
705
705
  key: 0,
706
706
  class: "block text-xs font-medium text-gray-600 mb-1"
707
- }, Ct = {
707
+ }, Vt = {
708
708
  key: 0,
709
709
  class: "block text-xs font-medium text-gray-600 mb-1"
710
- }, Vt = ["placeholder", "disabled"], _t = ["disabled"];
711
- const $t = /* @__PURE__ */ O({
710
+ }, _t = ["placeholder", "disabled"], $t = ["disabled"];
711
+ const At = /* @__PURE__ */ O({
712
712
  __name: "range-input",
713
713
  props: {
714
714
  id: {},
@@ -734,8 +734,8 @@ const $t = /* @__PURE__ */ O({
734
734
  sort: {}
735
735
  },
736
736
  emits: ["update:modelValue", "change", "clear"],
737
- setup(p, { expose: a, emit: v }) {
738
- const t = Re(), s = bt(), r = p, i = _(
737
+ setup(f, { expose: a, emit: v }) {
738
+ const t = Me(), s = ht(), r = f, i = _(
739
739
  r.modelValue ?? r.default ?? []
740
740
  ), m = v, d = I({
741
741
  get: () => r.modelValue ?? i.value,
@@ -746,13 +746,13 @@ const $t = /* @__PURE__ */ O({
746
746
  function h() {
747
747
  m("change", { name: r.name, value: d.value || i.value });
748
748
  }
749
- function f() {
749
+ function p() {
750
750
  i.value = [], d.value = i.value, m("clear", r.name);
751
751
  }
752
752
  return M(() => r.modelValue, (n) => {
753
753
  n !== void 0 && r.layout !== "popover" ? (i.value = n, m("update:modelValue", n)) : i.value = [];
754
754
  }), a({
755
- clear: f,
755
+ clear: p,
756
756
  currentValue: d
757
757
  }), (n, l) => (c(), w(R, null, [
758
758
  u("div", null, [
@@ -760,7 +760,7 @@ const $t = /* @__PURE__ */ O({
760
760
  class: D(n.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
761
761
  }, [
762
762
  u("div", null, [
763
- n.layout !== "vertical" ? (c(), w("label", xt, "Від")) : V("", !0),
763
+ n.layout !== "vertical" ? (c(), w("label", kt, "Від")) : V("", !0),
764
764
  T(u("input", {
765
765
  type: "number",
766
766
  class: D(e(t)),
@@ -769,13 +769,13 @@ const $t = /* @__PURE__ */ O({
769
769
  style: { outline: "none" },
770
770
  "onUpdate:modelValue": l[0] || (l[0] = (b) => d.value[0] = b),
771
771
  disabled: n.disabled
772
- }, null, 10, kt), [
772
+ }, null, 10, wt), [
773
773
  [G, d.value[0]]
774
774
  ])
775
775
  ]),
776
- n.layout === "vertical" ? (c(), w("label", wt, " - ")) : V("", !0),
776
+ n.layout === "vertical" ? (c(), w("label", Ct, " - ")) : V("", !0),
777
777
  u("div", null, [
778
- n.layout !== "vertical" ? (c(), w("label", Ct, "До")) : V("", !0),
778
+ n.layout !== "vertical" ? (c(), w("label", Vt, "До")) : V("", !0),
779
779
  T(u("input", {
780
780
  type: "number",
781
781
  class: D(e(t)),
@@ -786,7 +786,7 @@ const $t = /* @__PURE__ */ O({
786
786
  style: { outline: "none" },
787
787
  "onUpdate:modelValue": l[1] || (l[1] = (b) => d.value[1] = b),
788
788
  disabled: n.disabled
789
- }, null, 10, Vt), [
789
+ }, null, 10, _t), [
790
790
  [G, d.value[1]]
791
791
  ])
792
792
  ]),
@@ -794,22 +794,22 @@ const $t = /* @__PURE__ */ O({
794
794
  key: 1,
795
795
  onClick: h,
796
796
  class: D(e(s) + (n.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
797
- }, j(n.layout === "vertical" ? "Ok" : "Застосувати"), 3)) : V("", !0),
797
+ }, F(n.layout === "vertical" ? "Ok" : "Застосувати"), 3)) : V("", !0),
798
798
  ["popover", "inline"].includes(n.layout) ? (c(), w("button", {
799
799
  key: 2,
800
800
  disabled: !(d.value[0] || d.value[1]),
801
- onClick: f,
801
+ onClick: p,
802
802
  class: D(e(s) + " hover:bg-gray-100")
803
- }, "Очистити", 10, _t)) : V("", !0)
803
+ }, "Очистити", 10, $t)) : V("", !0)
804
804
  ], 2)
805
805
  ]),
806
806
  (n.cleanable && i.value.length, V("", !0))
807
807
  ], 64));
808
808
  }
809
- }), At = ["disabled", "title"], Bt = {
809
+ }), Bt = ["disabled", "title"], St = {
810
810
  key: 0,
811
811
  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"
812
- }, St = { 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" }, Dt = { 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" }, ye = /* @__PURE__ */ O({
812
+ }, Dt = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, Rt = { class: "w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2" }, ye = /* @__PURE__ */ O({
813
813
  __name: "popover-field",
814
814
  props: {
815
815
  disabled: { type: Boolean, default: !1 },
@@ -820,8 +820,8 @@ const $t = /* @__PURE__ */ O({
820
820
  mode: {},
821
821
  layout: {}
822
822
  },
823
- setup(p, { expose: a }) {
824
- const v = p, t = I(() => Me(v.mode)), s = _(!1), r = _({ top: 0, left: 0 }), i = _(null), m = _(null), d = _(null);
823
+ setup(f, { expose: a }) {
824
+ const v = f, t = I(() => Ke(v.mode)), s = _(!1), r = _({ top: 0, left: 0 }), i = _(null), m = _(null), d = _(null);
825
825
  function h() {
826
826
  const g = m.value, $ = d.value;
827
827
  if (!g || !$) return;
@@ -829,7 +829,7 @@ const $t = /* @__PURE__ */ O({
829
829
  let { left: A } = C;
830
830
  A + o > x && (A = Math.max(x - o - 10, 10)), r.value = { top: K, left: A };
831
831
  }
832
- function f() {
832
+ function p() {
833
833
  s.value = !s.value, s.value && fe(() => {
834
834
  h(), v.fieldRef?.inputTextRef && v.fieldRef?.inputTextRef.focus();
835
835
  });
@@ -858,7 +858,7 @@ const $t = /* @__PURE__ */ O({
858
858
  });
859
859
  return (g, $) => (c(), w("div", null, [
860
860
  u("button", {
861
- onClick: f,
861
+ onClick: p,
862
862
  disabled: g.disabled,
863
863
  ref_key: "triggerRef",
864
864
  ref: m,
@@ -867,11 +867,11 @@ const $t = /* @__PURE__ */ O({
867
867
  }, [
868
868
  u("span", {
869
869
  class: D(["truncate text-ellipsis block", g.width ? e(de).getWidthClass(g.width - 50) : "w-full"])
870
- }, j(k.value), 3),
870
+ }, F(k.value), 3),
871
871
  N(ie, { class: "h-4 w-4" }),
872
- (Array.isArray(g.currentValue) ? g.currentValue === null || g.currentValue.length > 0 : g.currentValue === null || g.currentValue) && g.layout === "inline" ? (c(), w("span", Bt)) : V("", !0)
873
- ], 10, At),
874
- b.value ? (c(), S(_e, {
872
+ (Array.isArray(g.currentValue) ? g.currentValue === null || g.currentValue.length > 0 : g.currentValue === null || g.currentValue) && g.layout === "inline" ? (c(), w("span", St)) : V("", !0)
873
+ ], 10, Bt),
874
+ b.value ? (c(), S($e, {
875
875
  key: 0,
876
876
  to: "body"
877
877
  }, [
@@ -879,11 +879,11 @@ const $t = /* @__PURE__ */ O({
879
879
  ref_key: "popperRef",
880
880
  ref: d,
881
881
  class: "vsTailwind vs-popover__content bottom-right w-fit fixed z-[1000]",
882
- style: $e({ top: `${r.value.top}px`, left: `${r.value.left}px` }),
882
+ style: Ae({ top: `${r.value.top}px`, left: `${r.value.left}px` }),
883
883
  "data-inside-popover": ""
884
884
  }, [
885
- u("div", St, [
886
- u("div", Dt, [
885
+ u("div", Dt, [
886
+ u("div", Rt, [
887
887
  ue(g.$slots, "default")
888
888
  ])
889
889
  ])
@@ -894,8 +894,8 @@ const $t = /* @__PURE__ */ O({
894
894
  ]));
895
895
  }
896
896
  });
897
- function Rt(p) {
898
- return String(p).charAt(0).toUpperCase() + String(p).slice(1);
897
+ function Mt(f) {
898
+ return String(f).charAt(0).toUpperCase() + String(f).slice(1);
899
899
  }
900
900
  class H {
901
901
  static format(a) {
@@ -908,8 +908,8 @@ class H {
908
908
  }
909
909
  static getLastWeekRange(a, v, t = 0) {
910
910
  if (a && v) {
911
- const h = new Date(a), f = new Date(v);
912
- return h.setDate(h.getDate() + t * 7), f.setDate(f.getDate() + t * 7), [this.format(h), this.format(f)];
911
+ const h = new Date(a), p = new Date(v);
912
+ return h.setDate(h.getDate() + t * 7), p.setDate(p.getDate() + t * 7), [this.format(h), this.format(p)];
913
913
  }
914
914
  const s = /* @__PURE__ */ new Date(), r = s.getDay(), i = r === 0 ? 13 : r - 1 + 7, m = new Date(s);
915
915
  m.setDate(s.getDate() - i + t * 7);
@@ -926,8 +926,8 @@ class H {
926
926
  const s = a || v, r = s ? new Date(s) : /* @__PURE__ */ new Date();
927
927
  let i = Math.floor(r.getMonth() / 3);
928
928
  i += t;
929
- const m = (i % 4 + 4) % 4 * 3, d = r.getFullYear() + Math.floor(i / 4), h = new Date(d, m, 1), f = new Date(d, m + 3, 0);
930
- return [this.format(h), this.format(f)];
929
+ const m = (i % 4 + 4) % 4 * 3, d = r.getFullYear() + Math.floor(i / 4), h = new Date(d, m, 1), p = new Date(d, m + 3, 0);
930
+ return [this.format(h), this.format(p)];
931
931
  }
932
932
  static getYear(a, v = 0) {
933
933
  let t;
@@ -945,15 +945,15 @@ class H {
945
945
  return t.setDate(v.getDate() - a), [this.format(t), this.format(v)];
946
946
  }
947
947
  }
948
- function Ke(p, a) {
948
+ function Fe(f, a) {
949
949
  const {
950
950
  popoverRef: v
951
- } = p, t = _(""), s = _(
952
- p.modelValue ?? p.default ?? []
951
+ } = f, t = _(""), s = _(
952
+ f.modelValue ?? f.default ?? []
953
953
  ), r = _(0);
954
954
  function i() {
955
955
  const k = H.getRangeFromDaysBefore(r.value);
956
- return s.value = [...k], a("change", { name: p.name, value: s }), a("update:modelValue", s.value), k;
956
+ return s.value = [...k], a("change", { name: f.name, value: s.value }), a("update:modelValue", s.value), k;
957
957
  }
958
958
  function m(k) {
959
959
  t.value = k, v.value?.close();
@@ -981,7 +981,7 @@ function Ke(p, a) {
981
981
  r.value = 7, g.push(...i());
982
982
  break;
983
983
  }
984
- s.value = [...g], a("change", { name: p.name, value: s }), a("update:modelValue", s.value);
984
+ s.value = [...g], a("change", { name: f.name, value: s.value }), a("update:modelValue", s.value);
985
985
  }
986
986
  function d() {
987
987
  const k = [];
@@ -1002,7 +1002,7 @@ function Ke(p, a) {
1002
1002
  k.push(...H.getYearRange(s.value[0], 1));
1003
1003
  break;
1004
1004
  }
1005
- s.value = [...k], a("change", { name: p.name, value: s }), a("update:modelValue", s.value);
1005
+ s.value = [...k], a("change", { name: f.name, value: s.value }), a("update:modelValue", s.value);
1006
1006
  }
1007
1007
  function h() {
1008
1008
  const k = [];
@@ -1023,9 +1023,9 @@ function Ke(p, a) {
1023
1023
  k.push(...H.getYearRange(s.value[0], -1));
1024
1024
  break;
1025
1025
  }
1026
- s.value = [...k], a("change", { name: p.name, value: s }), a("update:modelValue", s.value);
1026
+ s.value = [...k], a("change", { name: f.name, value: s.value }), a("update:modelValue", s.value);
1027
1027
  }
1028
- const f = [
1028
+ const p = [
1029
1029
  "Січень",
1030
1030
  "Лютий",
1031
1031
  "Березень",
@@ -1061,7 +1061,7 @@ function Ke(p, a) {
1061
1061
  case "month":
1062
1062
  if (g[0]) {
1063
1063
  const [$, C] = g[0].split("-");
1064
- return `${f[parseInt(C, 10) - 1]} ${$}`;
1064
+ return `${p[parseInt(C, 10) - 1]} ${$}`;
1065
1065
  }
1066
1066
  return "";
1067
1067
  case "year":
@@ -1069,12 +1069,12 @@ function Ke(p, a) {
1069
1069
  case "last_7_days":
1070
1070
  return "За останні дні";
1071
1071
  default:
1072
- return p.label ?? "";
1072
+ return f.label ?? "";
1073
1073
  }
1074
1074
  }
1075
- const b = I(() => t.value ? l(t.value) : p.label ?? "");
1075
+ const b = I(() => t.value ? l(t.value) : f.label ?? "");
1076
1076
  function y() {
1077
- t.value = "", s.value = [], a("update:modelValue", []), a("clear", p.name);
1077
+ t.value = "", s.value = [], a("update:modelValue", []), a("clear", f.name);
1078
1078
  }
1079
1079
  return {
1080
1080
  activeMode: t,
@@ -1084,30 +1084,30 @@ function Ke(p, a) {
1084
1084
  onSelectChange: m,
1085
1085
  nextClick: d,
1086
1086
  prevClick: h,
1087
- ukMonths: f,
1087
+ ukMonths: p,
1088
1088
  formatDisplayDate: n,
1089
1089
  getModeLabel: l,
1090
1090
  currentLabel: b,
1091
1091
  clear: y
1092
1092
  };
1093
1093
  }
1094
- const Mt = {
1094
+ const Kt = {
1095
1095
  key: 0,
1096
1096
  class: "relative flex w-full h-auto gap-2 filter-date m-2 flex-wrap"
1097
- }, Kt = {
1097
+ }, Ft = {
1098
1098
  key: 0,
1099
1099
  class: "flex gap-1 !w-[75%] rounded-lg"
1100
- }, jt = ["max", "disabled"], Ft = ["min", "disabled"], Lt = {
1100
+ }, jt = ["max", "disabled"], Lt = ["min", "disabled"], Et = {
1101
1101
  key: 0,
1102
1102
  class: "block text-xs font-medium text-gray-600 mb-1"
1103
- }, Et = ["max", "disabled"], It = {
1103
+ }, It = ["max", "disabled"], Tt = {
1104
1104
  key: 0,
1105
1105
  class: "block text-xs font-medium text-gray-600 mb-1"
1106
- }, Tt = {
1106
+ }, Ot = {
1107
1107
  key: 0,
1108
1108
  class: "block text-xs font-medium text-gray-600 mb-1"
1109
- }, Ot = ["min", "disabled"], Ut = { class: "flex gap-1 pt-2" }, zt = ["onClick"];
1110
- const Nt = /* @__PURE__ */ O({
1109
+ }, Ut = ["min", "disabled"], zt = { class: "flex gap-1 pt-2" }, Nt = ["onClick"];
1110
+ const Ht = /* @__PURE__ */ O({
1111
1111
  __name: "date-input",
1112
1112
  props: {
1113
1113
  id: {},
@@ -1133,29 +1133,26 @@ const Nt = /* @__PURE__ */ O({
1133
1133
  sort: {}
1134
1134
  },
1135
1135
  emits: ["update:modelValue", "change", "clear"],
1136
- setup(p, { expose: a, emit: v }) {
1137
- const t = p, s = Re(), r = ht(), i = v, m = _(null), {
1136
+ setup(f, { expose: a, emit: v }) {
1137
+ const t = f, s = Me(), r = xt(), i = v, m = _(null), {
1138
1138
  activeMode: d,
1139
1139
  innerValue: h,
1140
- onSelectChange: f,
1140
+ onSelectChange: p,
1141
1141
  nextClick: n,
1142
1142
  prevClick: l,
1143
1143
  clear: b
1144
- } = Ke(
1145
- {
1146
- ...t,
1147
- popoverRef: m
1148
- },
1149
- i
1150
- );
1144
+ } = Fe({
1145
+ ...t,
1146
+ popoverRef: m
1147
+ }, i);
1151
1148
  return M(() => t.modelValue, (y) => {
1152
1149
  y !== void 0 ? (h.value = y, i("update:modelValue", y)) : (d.value = "", h.value = []);
1153
1150
  }), a({
1154
1151
  clear: b,
1155
1152
  popoverRef: m
1156
1153
  }), (y, k) => (c(), w(R, null, [
1157
- y.layout === "inline" ? (c(), w("div", Mt, [
1158
- e(d) !== "" && e(d) === "range" ? (c(), w("div", Kt, [
1154
+ y.layout === "inline" ? (c(), w("div", Kt, [
1155
+ e(d) !== "" && e(d) === "range" ? (c(), w("div", Ft, [
1159
1156
  T(u("input", {
1160
1157
  type: "date",
1161
1158
  max: e(h)[1],
@@ -1173,7 +1170,7 @@ const Nt = /* @__PURE__ */ O({
1173
1170
  "onUpdate:modelValue": k[1] || (k[1] = (g) => e(h)[1] = g),
1174
1171
  class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600 appearance-auto",
1175
1172
  disabled: y.disabled
1176
- }, null, 8, Ft), [
1173
+ }, null, 8, Lt), [
1177
1174
  [G, e(h)[1]]
1178
1175
  ])
1179
1176
  ])) : V("", !0)
@@ -1184,7 +1181,7 @@ const Nt = /* @__PURE__ */ O({
1184
1181
  u("div", {
1185
1182
  class: D(y.layout !== "popover" ? "w-[48%]" : "")
1186
1183
  }, [
1187
- y.layout === "popover" ? (c(), w("label", Lt, "Від")) : V("", !0),
1184
+ y.layout === "popover" ? (c(), w("label", Et, "Від")) : V("", !0),
1188
1185
  T(u("input", {
1189
1186
  type: "date",
1190
1187
  max: e(h)[1],
@@ -1192,15 +1189,15 @@ const Nt = /* @__PURE__ */ O({
1192
1189
  "onUpdate:modelValue": k[2] || (k[2] = (g) => e(h)[0] = g),
1193
1190
  class: D(e(s)),
1194
1191
  disabled: y.disabled
1195
- }, null, 10, Et), [
1192
+ }, null, 10, It), [
1196
1193
  [G, e(h)[0]]
1197
1194
  ])
1198
1195
  ], 2),
1199
- y.layout !== "popover" ? (c(), w("label", It, " - ")) : V("", !0),
1196
+ y.layout !== "popover" ? (c(), w("label", Tt, " - ")) : V("", !0),
1200
1197
  u("div", {
1201
1198
  class: D(y.layout !== "popover" ? "w-[48%]" : "")
1202
1199
  }, [
1203
- y.layout === "popover" ? (c(), w("label", Tt, "До")) : V("", !0),
1200
+ y.layout === "popover" ? (c(), w("label", Ot, "До")) : V("", !0),
1204
1201
  T(u("input", {
1205
1202
  type: "date",
1206
1203
  min: e(h)[0],
@@ -1208,17 +1205,17 @@ const Nt = /* @__PURE__ */ O({
1208
1205
  "onUpdate:modelValue": k[3] || (k[3] = (g) => e(h)[1] = g),
1209
1206
  class: D(e(s)),
1210
1207
  disabled: y.disabled
1211
- }, null, 10, Ot), [
1208
+ }, null, 10, Ut), [
1212
1209
  [G, e(h)[1]]
1213
1210
  ])
1214
1211
  ], 2)
1215
1212
  ], 2),
1216
- u("div", Ut, [
1213
+ u("div", zt, [
1217
1214
  (c(), w(R, null, W(["today", "week", "month", "quarter", "year"], (g) => u("button", {
1218
1215
  key: g,
1219
1216
  class: D(e(r) + (e(d) === g ? " bg-blue-100" : "")),
1220
- onClick: ($) => e(f)(g)
1221
- }, j(e(Rt)(g)), 11, zt)), 64)),
1217
+ onClick: ($) => e(p)(g)
1218
+ }, F(e(Mt)(g)), 11, Nt)), 64)),
1222
1219
  u("button", {
1223
1220
  class: D(e(r)),
1224
1221
  onClick: k[4] || (k[4] = //@ts-ignore
@@ -1233,16 +1230,16 @@ const Nt = /* @__PURE__ */ O({
1233
1230
  (y.cleanable, V("", !0))
1234
1231
  ], 64));
1235
1232
  }
1236
- }), Ht = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, Yt = {
1233
+ }), Yt = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, Pt = {
1237
1234
  key: 0,
1238
1235
  class: "w-full"
1239
- }, Pt = { class: "flex flex-col items-center justify-center p-5 text-center" }, Wt = {
1236
+ }, Wt = { class: "flex flex-col items-center justify-center p-5 text-center" }, qt = {
1240
1237
  key: 0,
1241
1238
  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
1242
- }, qt = {
1239
+ }, Qt = {
1243
1240
  key: 1,
1244
1241
  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
1245
- }, Qt = /* @__PURE__ */ O({
1242
+ }, Gt = /* @__PURE__ */ O({
1246
1243
  __name: "select",
1247
1244
  props: {
1248
1245
  id: {},
@@ -1268,13 +1265,13 @@ const Nt = /* @__PURE__ */ O({
1268
1265
  sort: {}
1269
1266
  },
1270
1267
  emits: ["update:modelValue", "change", "clear"],
1271
- setup(p, { expose: a, emit: v }) {
1272
- const t = p, s = v, r = _(null), {
1268
+ setup(f, { expose: a, emit: v }) {
1269
+ const t = f, s = v, r = _(null), {
1273
1270
  innerValue: i,
1274
1271
  filteredOptions: m,
1275
1272
  isSelected: d,
1276
1273
  selectItem: h,
1277
- clear: f,
1274
+ clear: p,
1278
1275
  resetSearch: n,
1279
1276
  toggleShowAll: l,
1280
1277
  isReqProc: b,
@@ -1287,7 +1284,7 @@ const Nt = /* @__PURE__ */ O({
1287
1284
  onKeyDown: x,
1288
1285
  selectedLabels: K,
1289
1286
  totalCount: A
1290
- } = Be({
1287
+ } = Se({
1291
1288
  ...t,
1292
1289
  modelValue: t.modelValue
1293
1290
  }, s);
@@ -1308,16 +1305,16 @@ const Nt = /* @__PURE__ */ O({
1308
1305
  }), M(m, () => {
1309
1306
  Y.value = [];
1310
1307
  }), a({
1311
- clear: f,
1308
+ clear: p,
1312
1309
  inputTextRef: r,
1313
1310
  selectedLabels: K
1314
- }), (L, F) => (c(), w("div", {
1311
+ }), (L, j) => (c(), w("div", {
1315
1312
  class: D([L.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
1316
1313
  }, [
1317
- u("div", Ht, [
1314
+ u("div", Yt, [
1318
1315
  T(u("input", {
1319
- "onUpdate:modelValue": F[0] || (F[0] = (E) => Le(g) ? g.value = E : null),
1320
- onKeydown: F[1] || (F[1] = //@ts-ignore
1316
+ "onUpdate:modelValue": j[0] || (j[0] = (E) => Ee(g) ? g.value = E : null),
1317
+ onKeydown: j[1] || (j[1] = //@ts-ignore
1321
1318
  (...E) => e(x) && e(x)(...E)),
1322
1319
  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",
1323
1320
  placeholder: "Пошук",
@@ -1327,9 +1324,9 @@ const Nt = /* @__PURE__ */ O({
1327
1324
  }, null, 544), [
1328
1325
  [G, e(g)]
1329
1326
  ]),
1330
- N(Se, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
1331
- N(De, {
1332
- onClick: F[2] || (F[2] = (E) => g.value = ""),
1327
+ N(De, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
1328
+ N(Re, {
1329
+ onClick: j[2] || (j[2] = (E) => g.value = ""),
1333
1330
  class: "absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"
1334
1331
  })
1335
1332
  ]),
@@ -1353,10 +1350,10 @@ const Nt = /* @__PURE__ */ O({
1353
1350
  ref: (re) => Y.value[Q] = re?.el
1354
1351
  }, null, 8, ["layout", "count", "label", "color", "type", "value", "is-selected", "highlighted", "onItemClick"]))), 256))
1355
1352
  ], 2),
1356
- L.type === "select" && e(m).length === 0 && !e(b) ? (c(), w("div", Yt, [
1357
- u("div", Pt, [
1353
+ L.type === "select" && e(m).length === 0 && !e(b) ? (c(), w("div", Pt, [
1354
+ u("div", Wt, [
1358
1355
  N(ve),
1359
- F[7] || (F[7] = u("div", { class: "max-w-sm mx-auto mt-6" }, [
1356
+ j[7] || (j[7] = u("div", { class: "max-w-sm mx-auto mt-6" }, [
1360
1357
  u("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
1361
1358
  u("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
1362
1359
  ], -1))
@@ -1365,40 +1362,40 @@ const Nt = /* @__PURE__ */ O({
1365
1362
  L.layout !== "popover" && L.type !== "select" ? (c(), w(R, { key: 1 }, [
1366
1363
  !e(y) && e(k) ? (c(), w("div", {
1367
1364
  key: 0,
1368
- onClick: F[3] || (F[3] = //@ts-ignore
1365
+ onClick: j[3] || (j[3] = //@ts-ignore
1369
1366
  (...E) => e(l) && e(l)(...E)),
1370
1367
  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"
1371
1368
  }, [
1372
- F[8] || (F[8] = z(" Показати більше ", -1)),
1369
+ j[8] || (j[8] = z(" Показати більше ", -1)),
1373
1370
  N(ie)
1374
1371
  ])) : V("", !0),
1375
1372
  e(y) ? (c(), w("div", {
1376
1373
  key: 1,
1377
- onClick: F[4] || (F[4] = //@ts-ignore
1374
+ onClick: j[4] || (j[4] = //@ts-ignore
1378
1375
  (...E) => e(l) && e(l)(...E)),
1379
1376
  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"
1380
1377
  }, [
1381
- F[9] || (F[9] = z(" Показати менше ", -1)),
1378
+ j[9] || (j[9] = z(" Показати менше ", -1)),
1382
1379
  N(ge)
1383
1380
  ])) : V("", !0)
1384
1381
  ], 64)) : V("", !0),
1385
1382
  L.cleanable ? (c(), w(R, { key: 2 }, [
1386
- L.layout === "inline" ? (c(), w("div", Wt, [
1387
- z(j(L.multi && Array.isArray(e(i)) ? e(i)?.length : e(i) !== void 0 && (e(i) || e(i) === null) ? 1 : 0) + " з " + j(e(A)) + " обрано ", 1),
1383
+ L.layout === "inline" ? (c(), w("div", qt, [
1384
+ z(F(L.multi && Array.isArray(e(i)) ? e(i)?.length : e(i) !== void 0 && (e(i) || e(i) === null) ? 1 : 0) + " з " + F(e(A)) + " обрано ", 1),
1388
1385
  T(u("button", {
1389
1386
  class: "text-gray-600 hover:text-gray-800",
1390
- onClick: F[5] || (F[5] = //@ts-ignore
1391
- (...E) => e(f) && e(f)(...E))
1387
+ onClick: j[5] || (j[5] = //@ts-ignore
1388
+ (...E) => e(p) && e(p)(...E))
1392
1389
  }, " Очистити ", 512), [
1393
1390
  [X, e(i) !== "" && e(i) !== void 0 || e(i)]
1394
1391
  ])
1395
1392
  ])) : V("", !0),
1396
- L.layout === "popover" ? (c(), w("div", qt, [
1397
- u("span", null, j(L.multi && Array.isArray(e(i)) ? e(i)?.length : e(i) !== void 0 && (e(i) || e(i) === null) ? 1 : 0) + " з " + j(e(A)) + " обрано", 1),
1393
+ L.layout === "popover" ? (c(), w("div", Qt, [
1394
+ u("span", null, F(L.multi && Array.isArray(e(i)) ? e(i)?.length : e(i) !== void 0 && (e(i) || e(i) === null) ? 1 : 0) + " з " + F(e(A)) + " обрано", 1),
1398
1395
  T(u("button", {
1399
1396
  class: "text-gray-600 hover:text-gray-800",
1400
- onClick: F[6] || (F[6] = //@ts-ignore
1401
- (...E) => e(f) && e(f)(...E))
1397
+ onClick: j[6] || (j[6] = //@ts-ignore
1398
+ (...E) => e(p) && e(p)(...E))
1402
1399
  }, " Очистити ", 512), [
1403
1400
  [X, e(i) !== "" && e(i) !== void 0 || e(i)]
1404
1401
  ])
@@ -1407,39 +1404,39 @@ const Nt = /* @__PURE__ */ O({
1407
1404
  ], 2));
1408
1405
  }
1409
1406
  });
1410
- function Gt(p, a) {
1407
+ function Xt(f, a) {
1411
1408
  const {
1412
1409
  options: v = [],
1413
1410
  limit: t = 20
1414
- } = p;
1411
+ } = f;
1415
1412
  function s(o) {
1416
1413
  return Array.isArray(o) ? o : o ? [o] : [];
1417
1414
  }
1418
- const r = _(s(p.modelValue)), i = _(""), m = _(!1), d = _([]), h = _("id"), f = _("text"), n = _(!1), l = _(p.layout !== "popover" && v.length > t);
1415
+ const r = _(s(f.modelValue)), i = _(""), m = _(!1), d = _([]), h = _("id"), p = _("text"), n = _(!1), l = _(f.layout !== "popover" && v.length > t);
1419
1416
  function b(o) {
1420
1417
  const x = o.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find((Y) => Y in x) ?? "id", A = ["text", "label", "name", "title"].find((Y) => Y in x) ?? "text";
1421
1418
  return { autoValueKey: K, autoLabelKey: A };
1422
1419
  }
1423
1420
  if (v.length > 0) {
1424
1421
  const o = b(v);
1425
- h.value = o.autoValueKey, f.value = o.autoLabelKey;
1422
+ h.value = o.autoValueKey, p.value = o.autoLabelKey;
1426
1423
  }
1427
1424
  const y = I(() => {
1428
1425
  const o = d.value;
1429
- return p.layout === "popover" || n.value ? o : o.slice(0, t);
1426
+ return f.layout === "popover" || n.value ? o : o.slice(0, t);
1430
1427
  });
1431
- M(() => p.modelValue, (o) => {
1428
+ M(() => f.modelValue, (o) => {
1432
1429
  r.value = s(o);
1433
- }, { immediate: !0 }), d.value = [...v].sort((o, x) => p.sort === "count" ? x.count && o.count ? x.count - o.count : 0 : p.sort === "name" ? String(o[f.value]).localeCompare(String(x[f.value])) : 0);
1430
+ }, { immediate: !0 }), d.value = [...v].sort((o, x) => f.sort === "count" ? x.count && o.count ? x.count - o.count : 0 : f.sort === "name" ? String(o[p.value]).localeCompare(String(x[p.value])) : 0);
1434
1431
  function k(o) {
1435
1432
  return r.value && r.value.includes(o[h.value]);
1436
1433
  }
1437
1434
  function g(o) {
1438
1435
  const x = r.value.includes(o[h.value]);
1439
- r.value = x ? r.value.filter((K) => K !== o[h.value]) : [...r.value, o[h.value]], a("update:modelValue", r.value), a("change", { name: p.name, value: r.value });
1436
+ r.value = x ? r.value.filter((K) => K !== o[h.value]) : [...r.value, o[h.value]], a("update:modelValue", r.value), a("change", { name: f.name, value: r.value });
1440
1437
  }
1441
1438
  function $() {
1442
- r.value = [], a("update:modelValue", r.value), a("clear", p.name);
1439
+ r.value = [], a("update:modelValue", r.value), a("clear", f.name);
1443
1440
  }
1444
1441
  function C() {
1445
1442
  n.value = !n.value;
@@ -1455,18 +1452,18 @@ function Gt(p, a) {
1455
1452
  isReqProc: m,
1456
1453
  showAll: n,
1457
1454
  isEnableShowAll: l,
1458
- labelKey: f,
1455
+ labelKey: p,
1459
1456
  valueKey: h,
1460
1457
  allOptions: d
1461
1458
  };
1462
1459
  }
1463
- const Xt = ["for", "onClick"], Jt = ["id", "name", "value"], Zt = { class: "block" }, el = {
1460
+ const Jt = ["for", "onClick"], Zt = ["id", "name", "value"], el = { class: "block" }, tl = {
1464
1461
  key: 0,
1465
1462
  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
1466
- }, tl = {
1463
+ }, ll = {
1467
1464
  key: 1,
1468
1465
  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
1469
- }, ll = /* @__PURE__ */ O({
1466
+ }, ol = /* @__PURE__ */ O({
1470
1467
  __name: "tag-field",
1471
1468
  props: {
1472
1469
  id: {},
@@ -1492,19 +1489,19 @@ const Xt = ["for", "onClick"], Jt = ["id", "name", "value"], Zt = { class: "bloc
1492
1489
  sort: {}
1493
1490
  },
1494
1491
  emits: ["update:modelValue", "change", "clear"],
1495
- setup(p, { expose: a, emit: v }) {
1496
- const t = p, s = v, {
1492
+ setup(f, { expose: a, emit: v }) {
1493
+ const t = f, s = v, {
1497
1494
  innerValue: r,
1498
1495
  isSelected: i,
1499
1496
  selectItem: m,
1500
1497
  clear: d,
1501
1498
  labelKey: h,
1502
- valueKey: f,
1499
+ valueKey: p,
1503
1500
  allOptions: n
1504
- } = t.multi ? Gt({
1501
+ } = t.multi ? Xt({
1505
1502
  ...t,
1506
1503
  modelValue: t.modelValue ?? t.default ?? []
1507
- }, s) : Ae({
1504
+ }, s) : Be({
1508
1505
  ...t,
1509
1506
  modelValue: t.modelValue !== void 0 ? t.modelValue : t.default ?? ""
1510
1507
  }, s);
@@ -1520,24 +1517,24 @@ const Xt = ["for", "onClick"], Jt = ["id", "name", "value"], Zt = { class: "bloc
1520
1517
  class: D(["grid grid-cols-3 gap-2 mx-[1px]", l.layout === "popover" ? "m-1" : "mb-1"])
1521
1518
  }, [
1522
1519
  (c(!0), w(R, null, W(e(n), (y) => (c(), w("label", {
1523
- key: `item-${y[e(f)]}`,
1524
- for: `item-${y[e(f)]}`,
1525
- onClick: Ve((k) => e(m)(y), ["stop", "prevent"]),
1520
+ key: `item-${y[e(p)]}`,
1521
+ for: `item-${y[e(p)]}`,
1522
+ onClick: _e((k) => e(m)(y), ["stop", "prevent"]),
1526
1523
  class: D([e(i)(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%)]"])
1527
1524
  }, [
1528
1525
  u("input", {
1529
1526
  type: "checkbox",
1530
- id: `item-${y[e(f)]}`,
1527
+ id: `item-${y[e(p)]}`,
1531
1528
  class: "hidden w4poy border-gray-200 g41z1 g22e3 axcnw dark:text-indigo-500 dark:border-neutral-700 dark:focus:ring-neutral-900",
1532
- name: `item-${y[e(f)]}`,
1533
- value: y[e(f)]
1534
- }, null, 8, Jt),
1535
- u("span", Zt, j(y[e(h)]), 1)
1536
- ], 10, Xt))), 128))
1529
+ name: `item-${y[e(p)]}`,
1530
+ value: y[e(p)]
1531
+ }, null, 8, Zt),
1532
+ u("span", el, F(y[e(h)]), 1)
1533
+ ], 10, Jt))), 128))
1537
1534
  ], 2),
1538
1535
  l.cleanable ? (c(), w(R, { key: 0 }, [
1539
- l.layout === "inline" ? (c(), w("div", el, [
1540
- z(j(l.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + j(e(n).length) + " обрано ", 1),
1536
+ l.layout === "inline" ? (c(), w("div", tl, [
1537
+ z(F(l.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + F(e(n).length) + " обрано ", 1),
1541
1538
  T(u("button", {
1542
1539
  class: "text-gray-600 hover:text-gray-800",
1543
1540
  onClick: b[0] || (b[0] = //@ts-ignore
@@ -1546,8 +1543,8 @@ const Xt = ["for", "onClick"], Jt = ["id", "name", "value"], Zt = { class: "bloc
1546
1543
  [X, e(r) !== "" && e(r) !== void 0 || e(r)]
1547
1544
  ])
1548
1545
  ])) : V("", !0),
1549
- l.layout === "popover" ? (c(), w("div", tl, [
1550
- u("span", null, j(l.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + j(e(n).length) + " обрано", 1),
1546
+ l.layout === "popover" ? (c(), w("div", ll, [
1547
+ u("span", null, F(l.multi && Array.isArray(e(r)) ? e(r)?.length : e(r) !== void 0 && (e(r) || e(r) === null) ? 1 : 0) + " з " + F(e(n).length) + " обрано", 1),
1551
1548
  T(u("button", {
1552
1549
  class: "text-gray-600 hover:text-gray-800",
1553
1550
  onClick: b[1] || (b[1] = //@ts-ignore
@@ -1559,7 +1556,7 @@ const Xt = ["for", "onClick"], Jt = ["id", "name", "value"], Zt = { class: "bloc
1559
1556
  ], 64)) : V("", !0)
1560
1557
  ], 64));
1561
1558
  }
1562
- }), ol = {}, nl = {
1559
+ }), nl = {}, al = {
1563
1560
  xmlns: "http://www.w3.org/2000/svg",
1564
1561
  width: "24",
1565
1562
  height: "24",
@@ -1571,12 +1568,12 @@ const Xt = ["for", "onClick"], Jt = ["id", "name", "value"], Zt = { class: "bloc
1571
1568
  "stroke-linejoin": "round",
1572
1569
  class: "text-blue-600 w-[16px] h-[16px]"
1573
1570
  };
1574
- function al(p, a) {
1575
- return c(), w("svg", nl, a[0] || (a[0] = [
1571
+ function rl(f, a) {
1572
+ return c(), w("svg", al, a[0] || (a[0] = [
1576
1573
  u("path", { d: "M20 6 9 17l-5-5" }, null, -1)
1577
1574
  ]));
1578
1575
  }
1579
- const te = /* @__PURE__ */ J(ol, [["render", al]]), rl = {}, sl = {
1576
+ const te = /* @__PURE__ */ J(nl, [["render", rl]]), sl = {}, ul = {
1580
1577
  xmlns: "http://www.w3.org/2000/svg",
1581
1578
  width: "15px",
1582
1579
  height: "24",
@@ -1588,8 +1585,8 @@ const te = /* @__PURE__ */ J(ol, [["render", al]]), rl = {}, sl = {
1588
1585
  "stroke-linejoin": "round",
1589
1586
  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[90deg]"
1590
1587
  };
1591
- function ul(p, a) {
1592
- return c(), w("svg", sl, a[0] || (a[0] = [
1588
+ function il(f, a) {
1589
+ return c(), w("svg", ul, a[0] || (a[0] = [
1593
1590
  u("path", {
1594
1591
  stroke: "none",
1595
1592
  d: "M0 0h24v24H0z",
@@ -1598,7 +1595,7 @@ function ul(p, a) {
1598
1595
  u("path", { d: "M6 9l6 6l6 -6" }, null, -1)
1599
1596
  ]));
1600
1597
  }
1601
- const il = /* @__PURE__ */ J(rl, [["render", ul]]), dl = {}, cl = {
1598
+ const dl = /* @__PURE__ */ J(sl, [["render", il]]), cl = {}, fl = {
1602
1599
  xmlns: "http://www.w3.org/2000/svg",
1603
1600
  width: "15px",
1604
1601
  height: "24",
@@ -1610,8 +1607,8 @@ const il = /* @__PURE__ */ J(rl, [["render", ul]]), dl = {}, cl = {
1610
1607
  "stroke-linejoin": "round",
1611
1608
  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[270deg]"
1612
1609
  };
1613
- function fl(p, a) {
1614
- return c(), w("svg", cl, a[0] || (a[0] = [
1610
+ function pl(f, a) {
1611
+ return c(), w("svg", fl, a[0] || (a[0] = [
1615
1612
  u("path", {
1616
1613
  stroke: "none",
1617
1614
  d: "M0 0h24v24H0z",
@@ -1620,11 +1617,11 @@ function fl(p, a) {
1620
1617
  u("path", { d: "M6 9l6 6l6 -6" }, null, -1)
1621
1618
  ]));
1622
1619
  }
1623
- const pl = /* @__PURE__ */ J(dl, [["render", fl]]), ml = { class: "flex" }, vl = { class: "mb-1" }, gl = { class: "mb-1" }, yl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, bl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, hl = {
1620
+ const ml = /* @__PURE__ */ J(cl, [["render", pl]]), vl = { class: "flex" }, gl = { class: "mb-1" }, yl = { class: "mb-1" }, bl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, hl = { class: "inline-flex rounded-lg shrink-0 pl-1" }, xl = {
1624
1621
  key: 1,
1625
1622
  class: "flex gap-1 !w-[75%] rounded-lg"
1626
- }, xl = ["max", "disabled"], kl = ["min", "disabled"];
1627
- const wl = /* @__PURE__ */ O({
1623
+ }, kl = ["max", "disabled"], wl = ["min", "disabled"];
1624
+ const Cl = /* @__PURE__ */ O({
1628
1625
  __name: "date-input-inline",
1629
1626
  props: {
1630
1627
  id: {},
@@ -1650,16 +1647,16 @@ const wl = /* @__PURE__ */ O({
1650
1647
  sort: {}
1651
1648
  },
1652
1649
  emits: ["update:modelValue", "change", "clear"],
1653
- setup(p, { expose: a, emit: v }) {
1654
- const t = p, s = v, r = _(null), {
1650
+ setup(f, { expose: a, emit: v }) {
1651
+ const t = f, s = v, r = _(null), {
1655
1652
  activeMode: i,
1656
1653
  innerValue: m,
1657
1654
  onSelectChange: d,
1658
1655
  nextClick: h,
1659
- prevClick: f,
1656
+ prevClick: p,
1660
1657
  currentLabel: n,
1661
1658
  clear: l
1662
- } = Ke({
1659
+ } = Fe({
1663
1660
  ...t,
1664
1661
  popoverRef: r
1665
1662
  }, s);
@@ -1669,7 +1666,7 @@ const wl = /* @__PURE__ */ O({
1669
1666
  clear: l,
1670
1667
  popoverRef: r
1671
1668
  }), (b, y) => (c(), w(R, null, [
1672
- u("div", ml, [
1669
+ u("div", vl, [
1673
1670
  N(ye, {
1674
1671
  ref_key: "popoverRef",
1675
1672
  ref: r,
@@ -1733,7 +1730,7 @@ const wl = /* @__PURE__ */ O({
1733
1730
  e(i) === "quarter" ? (c(), S(te, { key: 0 })) : V("", !0)
1734
1731
  ])
1735
1732
  ]),
1736
- u("div", vl, [
1733
+ u("div", gl, [
1737
1734
  u("button", {
1738
1735
  type: "button",
1739
1736
  onClick: y[5] || (y[5] = (k) => e(d)("year")),
@@ -1743,7 +1740,7 @@ const wl = /* @__PURE__ */ O({
1743
1740
  e(i) === "year" ? (c(), S(te, { key: 0 })) : V("", !0)
1744
1741
  ])
1745
1742
  ]),
1746
- u("div", gl, [
1743
+ u("div", yl, [
1747
1744
  u("button", {
1748
1745
  type: "button",
1749
1746
  onClick: y[6] || (y[6] = (k) => e(l)()),
@@ -1758,18 +1755,18 @@ const wl = /* @__PURE__ */ O({
1758
1755
  __: [19]
1759
1756
  }, 8, ["label", "current-value", "mode", "onClear", "layout"]),
1760
1757
  e(i) !== "" && e(i) !== "range" && e(i) !== "last_7_days" ? (c(), w(R, { key: 0 }, [
1761
- u("div", yl, [
1758
+ u("div", bl, [
1762
1759
  u("button", {
1763
1760
  type: "button",
1764
1761
  title: "Попередній період",
1765
1762
  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",
1766
1763
  onClick: y[7] || (y[7] = //@ts-ignore
1767
- (...k) => e(f) && e(f)(...k))
1764
+ (...k) => e(p) && e(p)(...k))
1768
1765
  }, [
1769
- N(il)
1766
+ N(dl)
1770
1767
  ])
1771
1768
  ]),
1772
- u("div", bl, [
1769
+ u("div", hl, [
1773
1770
  u("button", {
1774
1771
  type: "button",
1775
1772
  title: "Наступний період",
@@ -1777,11 +1774,11 @@ const wl = /* @__PURE__ */ O({
1777
1774
  onClick: y[8] || (y[8] = //@ts-ignore
1778
1775
  (...k) => e(h) && e(h)(...k))
1779
1776
  }, [
1780
- N(pl)
1777
+ N(ml)
1781
1778
  ])
1782
1779
  ])
1783
1780
  ], 64)) : V("", !0),
1784
- e(i) !== "" && e(i) === "range" ? (c(), w("div", hl, [
1781
+ e(i) !== "" && e(i) === "range" ? (c(), w("div", xl, [
1785
1782
  T(u("input", {
1786
1783
  type: "date",
1787
1784
  max: e(m)[1],
@@ -1789,7 +1786,7 @@ const wl = /* @__PURE__ */ O({
1789
1786
  "onUpdate:modelValue": y[9] || (y[9] = (k) => e(m)[0] = k),
1790
1787
  class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600",
1791
1788
  disabled: b.disabled
1792
- }, null, 8, xl), [
1789
+ }, null, 8, kl), [
1793
1790
  [G, e(m)[0]]
1794
1791
  ]),
1795
1792
  T(u("input", {
@@ -1799,7 +1796,7 @@ const wl = /* @__PURE__ */ O({
1799
1796
  "onUpdate:modelValue": y[10] || (y[10] = (k) => e(m)[1] = k),
1800
1797
  class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-lg focus:outline-blue-600 appearance-auto",
1801
1798
  disabled: b.disabled
1802
- }, null, 8, kl), [
1799
+ }, null, 8, wl), [
1803
1800
  [G, e(m)[1]]
1804
1801
  ])
1805
1802
  ])) : V("", !0)
@@ -1808,19 +1805,19 @@ const wl = /* @__PURE__ */ O({
1808
1805
  ], 64));
1809
1806
  }
1810
1807
  }), ke = {
1811
- radio: nt,
1808
+ radio: at,
1812
1809
  checkbox: xe,
1813
1810
  check: xe,
1814
- text: yt,
1815
- range: $t,
1816
- date: Nt,
1817
- select: Qt,
1818
- tag: ll,
1819
- "date:inline": wl
1811
+ text: bt,
1812
+ range: At,
1813
+ date: Ht,
1814
+ select: Gt,
1815
+ tag: ol,
1816
+ "date:inline": Cl
1820
1817
  };
1821
- function be(p, a) {
1818
+ function be(f, a) {
1822
1819
  let v;
1823
- switch (p.toLowerCase()) {
1820
+ switch (f.toLowerCase()) {
1824
1821
  case "autocomplete":
1825
1822
  v = "select";
1826
1823
  break;
@@ -1828,14 +1825,14 @@ function be(p, a) {
1828
1825
  v = "checkbox";
1829
1826
  break;
1830
1827
  default:
1831
- v = p?.toString().toLowerCase();
1828
+ v = f?.toString().toLowerCase();
1832
1829
  }
1833
1830
  return v === "date" && a && a === "inline" && (v = "date:inline"), {
1834
1831
  component: ke[v] || ke.text,
1835
1832
  type: v
1836
1833
  };
1837
1834
  }
1838
- const Cl = {}, Vl = {
1835
+ const Vl = {}, _l = {
1839
1836
  xmlns: "http://www.w3.org/2000/svg",
1840
1837
  width: "15px",
1841
1838
  height: "24",
@@ -1847,8 +1844,8 @@ const Cl = {}, Vl = {
1847
1844
  "stroke-linejoin": "round",
1848
1845
  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"
1849
1846
  };
1850
- function _l(p, a) {
1851
- return c(), w("svg", Vl, a[0] || (a[0] = [
1847
+ function $l(f, a) {
1848
+ return c(), w("svg", _l, a[0] || (a[0] = [
1852
1849
  u("path", {
1853
1850
  stroke: "none",
1854
1851
  d: "M0 0h24v24H0z",
@@ -1858,7 +1855,7 @@ function _l(p, a) {
1858
1855
  u("path", { d: "M20 4v5h-5" }, null, -1)
1859
1856
  ]));
1860
1857
  }
1861
- const $l = /* @__PURE__ */ J(Cl, [["render", _l]]), Al = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Bl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, Sl = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, Dl = { class: "flex items-center" }, Rl = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, Ml = { class: "filter-layout__body" }, Kl = /* @__PURE__ */ O({
1858
+ const Al = /* @__PURE__ */ J(Vl, [["render", $l]]), Bl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Sl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, Dl = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, Rl = { class: "flex items-center" }, Ml = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, Kl = { class: "filter-layout__body" }, Fl = /* @__PURE__ */ O({
1862
1859
  __name: "vertical-layout",
1863
1860
  props: {
1864
1861
  id: {},
@@ -1884,8 +1881,8 @@ const $l = /* @__PURE__ */ J(Cl, [["render", _l]]), Al = { style: { display: "in
1884
1881
  sort: {}
1885
1882
  },
1886
1883
  emits: ["update:modelValue", "change", "clear"],
1887
- setup(p, { expose: a, emit: v }) {
1888
- const t = p, s = v, r = _(), i = be(t.type, t.layout), m = I({
1884
+ setup(f, { expose: a, emit: v }) {
1885
+ const t = f, s = v, r = _(), i = be(t.type, t.layout), m = I({
1889
1886
  get: () => t.modelValue,
1890
1887
  set: (n) => s("update:modelValue", n)
1891
1888
  });
@@ -1895,7 +1892,7 @@ const $l = /* @__PURE__ */ J(Cl, [["render", _l]]), Al = { style: { display: "in
1895
1892
  function h(n, l) {
1896
1893
  s("change", { name: n, value: l }), t.modelValue !== void 0 && s("update:modelValue", l);
1897
1894
  }
1898
- function f() {
1895
+ function p() {
1899
1896
  r.value && r.value.clear(), s("clear", t.name);
1900
1897
  }
1901
1898
  return M(
@@ -1910,18 +1907,18 @@ const $l = /* @__PURE__ */ J(Cl, [["render", _l]]), Al = { style: { display: "in
1910
1907
  }
1911
1908
  ), a({
1912
1909
  filterRef: r
1913
- }), (n, l) => (c(), w("div", Al, [
1914
- u("div", Bl, [
1915
- u("div", Sl, [
1916
- u("div", Dl, [
1917
- u("span", Rl, j(n.label), 1)
1910
+ }), (n, l) => (c(), w("div", Bl, [
1911
+ u("div", Sl, [
1912
+ u("div", Dl, [
1913
+ u("div", Rl, [
1914
+ u("span", Ml, F(n.label), 1)
1918
1915
  ]),
1919
- typeof m.value == "string" && m.value.trim() !== "" || Array.isArray(m.value) && m.value.length > 0 && m.value.some((b) => b !== void 0) || m.value === null ? (c(), S($l, {
1916
+ typeof m.value == "string" && m.value.trim() !== "" || Array.isArray(m.value) && m.value.length > 0 && m.value.some((b) => b !== void 0) || m.value === null ? (c(), S(Al, {
1920
1917
  key: 0,
1921
- onClick: f
1918
+ onClick: p
1922
1919
  })) : V("", !0)
1923
1920
  ]),
1924
- u("div", Ml, [
1921
+ u("div", Kl, [
1925
1922
  e(i)?.type !== "select" ? (c(), S(ee(e(i)?.component), P({ key: 0 }, t, {
1926
1923
  type: e(i)?.type,
1927
1924
  onChange: l[0] || (l[0] = (b) => h(b.name, b.value)),
@@ -1933,7 +1930,7 @@ const $l = /* @__PURE__ */ J(Cl, [["render", _l]]), Al = { style: { display: "in
1933
1930
  "current-value": m.value,
1934
1931
  label: n.label,
1935
1932
  mode: n.mode,
1936
- onClear: f,
1933
+ onClear: p,
1937
1934
  fieldRef: r.value,
1938
1935
  width: void 0,
1939
1936
  disabled: n.disabled,
@@ -1981,8 +1978,8 @@ const $l = /* @__PURE__ */ J(Cl, [["render", _l]]), Al = { style: { display: "in
1981
1978
  sort: {}
1982
1979
  },
1983
1980
  emits: ["update:modelValue", "change", "clear"],
1984
- setup(p, { expose: a, emit: v }) {
1985
- const t = p, s = v, r = _(), i = be(t.type, t.layout), m = I({
1981
+ setup(f, { expose: a, emit: v }) {
1982
+ const t = f, s = v, r = _(), i = be(t.type, t.layout), m = I({
1986
1983
  get: () => t.modelValue,
1987
1984
  set: (n) => s("update:modelValue", n)
1988
1985
  });
@@ -1992,7 +1989,7 @@ const $l = /* @__PURE__ */ J(Cl, [["render", _l]]), Al = { style: { display: "in
1992
1989
  function h(n, l) {
1993
1990
  s("change", { name: n, value: l }), t.modelValue !== void 0 && s("update:modelValue", l);
1994
1991
  }
1995
- function f() {
1992
+ function p() {
1996
1993
  r.value && r.value.clear(), s("clear", t.name);
1997
1994
  }
1998
1995
  return M(
@@ -2019,7 +2016,7 @@ const $l = /* @__PURE__ */ J(Cl, [["render", _l]]), Al = { style: { display: "in
2019
2016
  "current-value": m.value,
2020
2017
  label: n.label,
2021
2018
  mode: n.mode,
2022
- onClear: f,
2019
+ onClear: p,
2023
2020
  fieldRef: r.value,
2024
2021
  width: t.width,
2025
2022
  disabled: n.disabled,
@@ -2066,35 +2063,35 @@ const $l = /* @__PURE__ */ J(Cl, [["render", _l]]), Al = { style: { display: "in
2066
2063
  sort: {}
2067
2064
  },
2068
2065
  emits: ["update:modelValue", "change", "clear"],
2069
- setup(p, { expose: a, emit: v }) {
2070
- const t = p, s = v, r = _(), i = _(be(t.type, t.layout)), m = I({
2066
+ setup(f, { expose: a, emit: v }) {
2067
+ const t = f, s = v, r = _(), i = _(be(t.type, t.layout)), m = I({
2071
2068
  get: () => t.modelValue,
2072
- set: (f) => s("update:modelValue", f)
2069
+ set: (p) => s("update:modelValue", p)
2073
2070
  });
2074
- function d(f) {
2075
- s("clear", f);
2071
+ function d(p) {
2072
+ s("clear", p);
2076
2073
  }
2077
- function h(f, n) {
2078
- s("change", { name: f, value: n }), t.modelValue !== void 0 && s("update:modelValue", n);
2074
+ function h(p, n) {
2075
+ s("change", { name: p, value: n }), t.modelValue !== void 0 && s("update:modelValue", n);
2079
2076
  }
2080
2077
  return M(
2081
2078
  () => t.default,
2082
- (f) => {
2083
- m.value = f;
2079
+ (p) => {
2080
+ m.value = p;
2084
2081
  }
2085
2082
  ), M(
2086
2083
  () => t.modelValue,
2087
- (f) => {
2088
- m.value = f;
2084
+ (p) => {
2085
+ m.value = p;
2089
2086
  }
2090
2087
  ), M(
2091
2088
  () => t,
2092
- (f) => {
2093
- m.value = f;
2089
+ (p) => {
2090
+ m.value = p;
2094
2091
  }
2095
2092
  ), a({
2096
2093
  filterRef: r
2097
- }), (f, n) => (c(), S(ee(i.value?.component), P(t, {
2094
+ }), (p, n) => (c(), S(ee(i.value?.component), P(t, {
2098
2095
  type: i.value?.type,
2099
2096
  modelValue: m.value,
2100
2097
  "onUpdate:modelValue": n[0] || (n[0] = (l) => m.value = l),
@@ -2130,26 +2127,26 @@ const $l = /* @__PURE__ */ J(Cl, [["render", _l]]), Al = { style: { display: "in
2130
2127
  sort: { default: "count" }
2131
2128
  },
2132
2129
  emits: ["update:modelValue", "change", "clear"],
2133
- setup(p, { expose: a, emit: v }) {
2134
- const t = p, s = v, r = _(), i = I({
2130
+ setup(f, { expose: a, emit: v }) {
2131
+ const t = f, s = v, r = _(), i = I({
2135
2132
  get: () => t.modelValue,
2136
- set: (f) => s("update:modelValue", f)
2133
+ set: (p) => s("update:modelValue", p)
2137
2134
  });
2138
- function m(f) {
2139
- s("clear", f);
2135
+ function m(p) {
2136
+ s("clear", p);
2140
2137
  }
2141
- function d(f, n) {
2142
- s("change", { name: f, value: n }), t.modelValue !== void 0 && s("update:modelValue", n);
2138
+ function d(p, n) {
2139
+ s("change", { name: p, value: n }), t.modelValue !== void 0 && s("update:modelValue", n);
2143
2140
  }
2144
2141
  M(
2145
2142
  () => t.default,
2146
- (f) => {
2147
- i.value = f;
2143
+ (p) => {
2144
+ i.value = p;
2148
2145
  }
2149
2146
  ), M(
2150
2147
  () => t.modelValue,
2151
- (f) => {
2152
- i.value = f;
2148
+ (p) => {
2149
+ i.value = p;
2153
2150
  }
2154
2151
  ), a({
2155
2152
  filterRef: r
@@ -2159,14 +2156,14 @@ const $l = /* @__PURE__ */ J(Cl, [["render", _l]]), Al = { style: { display: "in
2159
2156
  case "inline":
2160
2157
  return we;
2161
2158
  case "vertical":
2162
- return Kl;
2159
+ return Fl;
2163
2160
  case "popover":
2164
2161
  return jl;
2165
2162
  default:
2166
2163
  return we;
2167
2164
  }
2168
2165
  }
2169
- return (f, n) => (c(), S(ee(h()), P(t, {
2166
+ return (p, n) => (c(), S(ee(h()), P(t, {
2170
2167
  onChange: n[0] || (n[0] = (l) => d(l.name, l.value)),
2171
2168
  onClear: n[1] || (n[1] = (l) => m(l)),
2172
2169
  modelValue: i.value,
@@ -2174,10 +2171,10 @@ const $l = /* @__PURE__ */ J(Cl, [["render", _l]]), Al = { style: { display: "in
2174
2171
  }), null, 16, ["modelValue"]));
2175
2172
  }
2176
2173
  });
2177
- function he(p, a) {
2174
+ function he(f, a) {
2178
2175
  const {
2179
2176
  slots: v
2180
- } = p, t = _(p.value ?? {}), s = I(() => (Z(v?.default?.()) ?? []).flatMap((o) => Array.isArray(o.children) ? o.children : [o]));
2177
+ } = f, t = _(f.value ?? {}), s = I(() => (Z(v?.default?.()) ?? []).flatMap((o) => Array.isArray(o.children) ? o.children : [o]));
2181
2178
  function r(C) {
2182
2179
  delete t.value[C], a("clear", {
2183
2180
  data: Z(t.value),
@@ -2200,9 +2197,9 @@ function he(p, a) {
2200
2197
  }
2201
2198
  const m = I(() => s.value.map((C) => {
2202
2199
  const o = C.props?.name;
2203
- return Ee(C, {
2200
+ return Ie(C, {
2204
2201
  ...C.props,
2205
- layout: p.view,
2202
+ layout: f.view,
2206
2203
  showClean: !0,
2207
2204
  modelValue: t[o],
2208
2205
  "onUpdate:modelValue": (x) => {
@@ -2224,26 +2221,26 @@ function he(p, a) {
2224
2221
  name: "ALL"
2225
2222
  });
2226
2223
  }
2227
- const f = _(""), n = I(
2224
+ const p = _(""), n = I(
2228
2225
  () => Object.values(t.value).filter((C) => Array.isArray(C) ? C.some((o) => o !== "" && o !== void 0) : C !== "" && C !== void 0).length
2229
2226
  ), l = _();
2230
- M(f, async () => {
2227
+ M(p, async () => {
2231
2228
  await fe(), l?.value?.filterRef?.inputTextRef && l.value.filterRef.inputTextRef.focus();
2232
2229
  });
2233
- const b = I(() => p.schema?.value ? Object.fromEntries(Object.entries(p.schema?.value).slice(0, p.limit)) : {}), y = I(() => p.schema?.value ? p.view !== "inline" ? p.schema?.value : Object.fromEntries(Object.entries(p.schema?.value).slice(p.limit)) : {}), k = I(() => {
2230
+ const b = I(() => f.schema?.value ? Object.fromEntries(Object.entries(f.schema?.value).slice(0, f.limit)) : {}), y = I(() => f.schema?.value ? f.view !== "inline" ? f.schema?.value : Object.fromEntries(Object.entries(f.schema?.value).slice(f.limit)) : {}), k = I(() => {
2234
2231
  if (m.value.length === 0) return [];
2235
2232
  let C = 0;
2236
- if (p.schema?.value) {
2237
- const o = Object.entries(p.schema.value).length;
2238
- o < p.limit ? C = p.limit - o : C = 0;
2233
+ if (f.schema?.value) {
2234
+ const o = Object.entries(f.schema.value).length;
2235
+ o < f.limit ? C = f.limit - o : C = 0;
2239
2236
  }
2240
2237
  return m.value.slice(0, C);
2241
- }), g = I(() => m.value.length === 0 ? [] : p.view !== "inline" ? m.value : m.value.slice(k.value.length));
2238
+ }), g = I(() => m.value.length === 0 ? [] : f.view !== "inline" ? m.value : m.value.slice(k.value.length));
2242
2239
  function $() {
2243
2240
  if (y.value) {
2244
2241
  const [C] = Object.keys(y.value);
2245
- f.value = C;
2246
- } else g.value.length > 0 ? f.value = g.value[0].props.name : f.value = "";
2242
+ p.value = C;
2243
+ } else g.value.length > 0 ? p.value = g.value[0].props.name : p.value = "";
2247
2244
  }
2248
2245
  return {
2249
2246
  activeFilter: t,
@@ -2258,14 +2255,14 @@ function he(p, a) {
2258
2255
  popoverFiltersSlot: g,
2259
2256
  vnodeMap: d,
2260
2257
  onPopoverOpen: $,
2261
- selectedFilter: f,
2258
+ selectedFilter: p,
2262
2259
  filterRef: l
2263
2260
  };
2264
2261
  }
2265
- const Fl = /* @__PURE__ */ O({
2262
+ const Ll = /* @__PURE__ */ O({
2266
2263
  __name: "popover",
2267
2264
  emits: ["open", "close"],
2268
- setup(p, { emit: a }) {
2265
+ setup(f, { emit: a }) {
2269
2266
  const v = _(!1), t = _(null), s = _(null), r = _(null), i = _({ top: "0px", left: "0px", position: "absolute" });
2270
2267
  function m() {
2271
2268
  v.value = !v.value;
@@ -2285,9 +2282,9 @@ const Fl = /* @__PURE__ */ O({
2285
2282
  const b = l.target;
2286
2283
  !r.value?.contains(l.target) && !t.value?.contains(l.target) && !b.closest("[data-inside-popover]") && (v.value = !1);
2287
2284
  }
2288
- const f = _(!1);
2285
+ const p = _(!1);
2289
2286
  ae(() => {
2290
- f.value = !0;
2287
+ p.value = !0;
2291
2288
  }), ae(() => {
2292
2289
  r.value = s.value?.querySelector("[data-popover-trigger]") || null, r.value?.addEventListener("click", m), document.addEventListener("click", h), window.addEventListener("resize", d), window.addEventListener("scroll", d, !0);
2293
2290
  }), ce(() => {
@@ -2301,7 +2298,7 @@ const Fl = /* @__PURE__ */ O({
2301
2298
  ref: s
2302
2299
  }, [
2303
2300
  ue(l.$slots, "trigger"),
2304
- f.value ? (c(), S(_e, {
2301
+ p.value ? (c(), S($e, {
2305
2302
  key: 0,
2306
2303
  to: "body"
2307
2304
  }, [
@@ -2309,7 +2306,7 @@ const Fl = /* @__PURE__ */ O({
2309
2306
  ref_key: "popoverRef",
2310
2307
  ref: t,
2311
2308
  class: "absolute z-[50] w-[600px] rounded-md border bg-white shadow-md",
2312
- style: $e(i.value)
2309
+ style: Ae(i.value)
2313
2310
  }, [
2314
2311
  ue(l.$slots, "default")
2315
2312
  ], 4), [
@@ -2318,7 +2315,7 @@ const Fl = /* @__PURE__ */ O({
2318
2315
  ])) : V("", !0)
2319
2316
  ], 512));
2320
2317
  }
2321
- }), Ll = {}, El = {
2318
+ }), El = {}, Il = {
2322
2319
  xmlns: "http://www.w3.org/2000/svg",
2323
2320
  width: "24",
2324
2321
  height: "24",
@@ -2330,24 +2327,24 @@ const Fl = /* @__PURE__ */ O({
2330
2327
  "stroke-linejoin": "round",
2331
2328
  class: "lucide lucide-filter h-4 w-4"
2332
2329
  };
2333
- function Il(p, a) {
2334
- return c(), w("svg", El, a[0] || (a[0] = [
2330
+ function Tl(f, a) {
2331
+ return c(), w("svg", Il, a[0] || (a[0] = [
2335
2332
  u("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
2336
2333
  ]));
2337
2334
  }
2338
- const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2335
+ const Ol = /* @__PURE__ */ J(El, [["render", Tl]]), Ul = {
2339
2336
  key: 0,
2340
2337
  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-500 text-white text-xs px-1.5 py-0.5"
2341
- }, Ul = { class: "flex" }, zl = { class: "w-64 border-r border-gray-200" }, Nl = { class: "p-2" }, Hl = ["onClick"], Yl = { class: "flex items-center gap-2" }, Pl = { class: "text-sm font-medium" }, Wl = {
2338
+ }, zl = { class: "flex" }, Nl = { class: "w-64 border-r border-gray-200" }, Hl = { class: "p-2" }, Yl = ["onClick"], Pl = { class: "flex items-center gap-2" }, Wl = { class: "text-sm font-medium" }, ql = {
2342
2339
  key: 0,
2343
2340
  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"
2344
- }, ql = ["onClick"], Ql = { class: "flex items-center gap-2" }, Gl = { class: "text-sm font-medium" }, Xl = {
2341
+ }, Ql = ["onClick"], Gl = { class: "flex items-center gap-2" }, Xl = { class: "text-sm font-medium" }, Jl = {
2345
2342
  key: 0,
2346
2343
  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"
2347
- }, Jl = {
2344
+ }, Zl = {
2348
2345
  key: 0,
2349
2346
  class: "p-2 border-t"
2350
- }, Zl = { class: "flex-1 min-h-[300px] overflow-y-auto" }, eo = {
2347
+ }, eo = { class: "flex-1 min-h-[300px] overflow-y-auto" }, to = {
2351
2348
  key: 0,
2352
2349
  class: "flex items-center justify-center h-full text-gray-500"
2353
2350
  }, je = /* @__PURE__ */ O({
@@ -2361,11 +2358,11 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2361
2358
  limit: { default: 3 }
2362
2359
  },
2363
2360
  emits: ["change", "clear", "clearAll"],
2364
- setup(p, { expose: a, emit: v }) {
2365
- const t = p, s = Me(t.mode), r = pe(), i = v, m = _({}), {
2361
+ setup(f, { expose: a, emit: v }) {
2362
+ const t = f, s = Ke(t.mode), r = pe(), i = v, m = _({}), {
2366
2363
  activeFilter: d,
2367
2364
  activeFilterCount: h,
2368
- onFilterChange: f,
2365
+ onFilterChange: p,
2369
2366
  clearFilter: n,
2370
2367
  clearAllFilters: l,
2371
2368
  popoverSchema: b,
@@ -2387,7 +2384,7 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2387
2384
  ), a({
2388
2385
  clearFilter: n,
2389
2386
  clearAllFilters: l
2390
- }), (C, o) => (c(), S(Fl, {
2387
+ }), (C, o) => (c(), S(Ll, {
2391
2388
  onOpen: e(k),
2392
2389
  onClose: o[5] || (o[5] = (x) => g.value = "")
2393
2390
  }, {
@@ -2401,18 +2398,18 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2401
2398
  ),
2402
2399
  type: "button"
2403
2400
  }, [
2404
- N(Tl),
2401
+ N(Ol),
2405
2402
  o[6] || (o[6] = z(" Фільтр ", -1)),
2406
- e(h) > 0 ? (c(), w("div", Ol, j(e(h)), 1)) : V("", !0)
2403
+ e(h) > 0 ? (c(), w("div", Ul, F(e(h)), 1)) : V("", !0)
2407
2404
  ], 2)
2408
2405
  ]),
2409
2406
  default: le(() => [
2410
- u("div", Ul, [
2411
- u("div", zl, [
2407
+ u("div", zl, [
2408
+ u("div", Nl, [
2412
2409
  o[7] || (o[7] = u("div", { class: "p-4 border-b" }, [
2413
2410
  u("p", { class: "text-sm text-gray-600" }, "Select a field to start creating a filter.")
2414
2411
  ], -1)),
2415
- u("div", Nl, [
2412
+ u("div", Hl, [
2416
2413
  C.schema ? (c(!0), w(R, { key: 0 }, W(Object.entries(e(b)), ([x, K]) => (c(), w("button", {
2417
2414
  key: x,
2418
2415
  onClick: () => {
@@ -2423,11 +2420,11 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2423
2420
  e(g) === x ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : ""
2424
2421
  ])
2425
2422
  }, [
2426
- u("div", Yl, [
2427
- u("span", Pl, j(K.label), 1)
2423
+ u("div", Pl, [
2424
+ u("span", Wl, F(K.label), 1)
2428
2425
  ]),
2429
- (Array.isArray(e(d)[x]) ? e(d)[x]?.length > 0 : e(d)[x] || e(d)[x] === null) ? (c(), w("div", Wl)) : V("", !0)
2430
- ], 10, Hl))), 128)) : V("", !0),
2426
+ (Array.isArray(e(d)[x]) ? e(d)[x]?.length > 0 : e(d)[x] || e(d)[x] === null) ? (c(), w("div", ql)) : V("", !0)
2427
+ ], 10, Yl))), 128)) : V("", !0),
2431
2428
  (c(!0), w(R, null, W(e(y), (x, K) => (c(), w("button", {
2432
2429
  key: "slot-" + K,
2433
2430
  onClick: (A) => g.value = x.props.name,
@@ -2436,13 +2433,13 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2436
2433
  e(g) === x.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : ""
2437
2434
  ])
2438
2435
  }, [
2439
- u("div", Ql, [
2440
- u("span", Gl, j(x.props.label), 1)
2436
+ u("div", Gl, [
2437
+ u("span", Xl, F(x.props.label), 1)
2441
2438
  ]),
2442
- e(d)[x.props.name]?.length > 0 ? (c(), w("div", Xl)) : V("", !0)
2443
- ], 10, ql))), 128))
2439
+ e(d)[x.props.name]?.length > 0 ? (c(), w("div", Jl)) : V("", !0)
2440
+ ], 10, Ql))), 128))
2444
2441
  ]),
2445
- e(h) > 0 ? (c(), w("div", Jl, [
2442
+ e(h) > 0 ? (c(), w("div", Zl, [
2446
2443
  u("button", {
2447
2444
  class: "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors",
2448
2445
  onClick: o[0] || (o[0] = //@ts-ignore
@@ -2451,8 +2448,8 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2451
2448
  }, " Очистити всі ")
2452
2449
  ])) : V("", !0)
2453
2450
  ]),
2454
- u("div", Zl, [
2455
- e(g) === "" ? (c(), w("div", eo, o[8] || (o[8] = [
2451
+ u("div", eo, [
2452
+ e(g) === "" ? (c(), w("div", to, o[8] || (o[8] = [
2456
2453
  u("p", { class: "text-sm" }, "Select a field to start creating a filter.", -1)
2457
2454
  ]))) : V("", !0),
2458
2455
  e(g) ? (c(), w(R, { key: 1 }, [
@@ -2465,9 +2462,9 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2465
2462
  ref_key: "filterRef",
2466
2463
  ref: $
2467
2464
  }, { ref_for: !0 }, K, {
2468
- onChange: o[1] || (o[1] = (A) => e(f)(A.name, A.value)),
2465
+ onChange: o[1] || (o[1] = (A) => e(p)(A.name, A.value)),
2469
2466
  onClear: o[2] || (o[2] = (A) => {
2470
- e(n)(A), e(f)(A, void 0);
2467
+ e(n)(A), e(p)(A, void 0);
2471
2468
  }),
2472
2469
  modelValue: e(d)[x],
2473
2470
  "onUpdate:modelValue": (A) => e(d)[x] = A,
@@ -2484,9 +2481,9 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2484
2481
  ref_for: !0,
2485
2482
  ref_key: "filterRef",
2486
2483
  ref: $,
2487
- onChange: o[3] || (o[3] = (A) => e(f)(A.name, A.value)),
2484
+ onChange: o[3] || (o[3] = (A) => e(p)(A.name, A.value)),
2488
2485
  onClear: o[4] || (o[4] = (A) => {
2489
- e(n)(A), e(f)(A, void 0);
2486
+ e(n)(A), e(p)(A, void 0);
2490
2487
  }),
2491
2488
  modelValue: e(d)[x.props.name],
2492
2489
  "onUpdate:modelValue": (A) => e(d)[x.props.name] = A,
@@ -2500,7 +2497,7 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2500
2497
  _: 1
2501
2498
  }, 8, ["onOpen"]));
2502
2499
  }
2503
- }), to = { class: "flex gap-1 items-center flex-wrap" }, Ce = /* @__PURE__ */ O({
2500
+ }), lo = { class: "flex gap-1 items-center flex-wrap" }, Ce = /* @__PURE__ */ O({
2504
2501
  __name: "inline-filter-layout",
2505
2502
  props: {
2506
2503
  schema: {},
@@ -2511,13 +2508,13 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2511
2508
  limit: { default: 3 }
2512
2509
  },
2513
2510
  emits: ["change", "clear", "clearAll"],
2514
- setup(p, { emit: a }) {
2515
- const v = p, t = a, s = pe(), r = _({}), {
2511
+ setup(f, { emit: a }) {
2512
+ const v = f, t = a, s = pe(), r = _({}), {
2516
2513
  activeFilter: i,
2517
2514
  activeFilterCount: m,
2518
2515
  onFilterChange: d,
2519
2516
  clearFilter: h,
2520
- clearAllFilters: f,
2517
+ clearAllFilters: p,
2521
2518
  limitedSchema: n,
2522
2519
  popoverSchema: l,
2523
2520
  filtersSlot: b,
@@ -2532,7 +2529,7 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2532
2529
  t
2533
2530
  ), g = _();
2534
2531
  function $() {
2535
- g.value && g.value.clearAllFilters(), f();
2532
+ g.value && g.value.clearAllFilters(), p();
2536
2533
  }
2537
2534
  return M(
2538
2535
  () => v.schema,
@@ -2540,7 +2537,7 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2540
2537
  r.value = C;
2541
2538
  },
2542
2539
  { deep: !0, immediate: !0 }
2543
- ), (C, o) => (c(), w("div", to, [
2540
+ ), (C, o) => (c(), w("div", lo, [
2544
2541
  C.schema ? (c(!0), w(R, { key: 0 }, W(Object.entries(e(n)), ([x, K]) => (c(), S(ne, P({
2545
2542
  key: x,
2546
2543
  name: x,
@@ -2569,7 +2566,7 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2569
2566
  }), null, 16, ["modelValue", "onUpdate:modelValue"]))), 128)),
2570
2567
  Object.entries(e(l)).length > 0 || e(k).length > 0 ? (c(), S(je, P({ key: 1 }, v, {
2571
2568
  onChange: o[4] || (o[4] = (x) => e(d)(x.name, x.value)),
2572
- onClearAll: e(f),
2569
+ onClearAll: e(p),
2573
2570
  onClear: o[5] || (o[5] = (x) => e(h)(x.name)),
2574
2571
  mode: C.mode,
2575
2572
  ref_key: "popoverRef",
@@ -2591,10 +2588,10 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2591
2588
  }, " Очистити ")) : V("", !0)
2592
2589
  ]));
2593
2590
  }
2594
- }), lo = {
2591
+ }), oo = {
2595
2592
  key: 0,
2596
2593
  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"
2597
- }, oo = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, no = /* @__PURE__ */ O({
2594
+ }, no = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, ao = /* @__PURE__ */ O({
2598
2595
  __name: "vertical-filter-layout",
2599
2596
  props: {
2600
2597
  schema: {},
@@ -2605,20 +2602,20 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2605
2602
  limit: { default: 3 }
2606
2603
  },
2607
2604
  emits: ["change", "clear", "clearAll"],
2608
- setup(p, { emit: a }) {
2609
- const v = p, t = a, s = pe(), {
2605
+ setup(f, { emit: a }) {
2606
+ const v = f, t = a, s = pe(), {
2610
2607
  activeFilter: r,
2611
2608
  activeFilterCount: i,
2612
2609
  onFilterChange: m,
2613
2610
  clearFilter: d,
2614
2611
  clearAllFilters: h,
2615
- filtersSlot: f
2612
+ filtersSlot: p
2616
2613
  } = he({
2617
2614
  ...v,
2618
2615
  slots: s
2619
2616
  }, t);
2620
- return (n, l) => n.view === "vertical" ? (c(), w("div", lo, [
2621
- u("div", oo, [
2617
+ return (n, l) => n.view === "vertical" ? (c(), w("div", oo, [
2618
+ u("div", no, [
2622
2619
  e(i) > 0 ? (c(), w("button", {
2623
2620
  key: 0,
2624
2621
  onClick: l[0] || (l[0] = //@ts-ignore
@@ -2641,7 +2638,7 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2641
2638
  "onUpdate:modelValue": (k) => e(r)[b] = k,
2642
2639
  showClean: !0
2643
2640
  }), null, 16, ["name", "modelValue", "onUpdate:modelValue"]))), 256)) : V("", !0),
2644
- (c(!0), w(R, null, W(e(f), (b, y) => (c(), S(ne, P({
2641
+ (c(!0), w(R, null, W(e(p), (b, y) => (c(), S(ne, P({
2645
2642
  key: "slot-" + y,
2646
2643
  layout: "vertical"
2647
2644
  }, { ref_for: !0 }, b.props, {
@@ -2656,7 +2653,7 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2656
2653
  ])
2657
2654
  ])) : V("", !0);
2658
2655
  }
2659
- }), ro = /* @__PURE__ */ O({
2656
+ }), Ve = /* @__PURE__ */ O({
2660
2657
  __name: "filter",
2661
2658
  props: {
2662
2659
  schema: {},
@@ -2667,22 +2664,22 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2667
2664
  limit: { default: 3 }
2668
2665
  },
2669
2666
  emits: ["change", "clear", "clearAll"],
2670
- setup(p, { emit: a }) {
2671
- const v = p, t = _(v.value ?? {}), s = a;
2672
- function r(f, n) {
2667
+ setup(f, { emit: a }) {
2668
+ const v = f, t = _(v.value ?? {}), s = a;
2669
+ function r(p, n) {
2673
2670
  t.value = {
2674
2671
  ...t.value,
2675
- [f]: n
2672
+ [p]: n
2676
2673
  }, s("change", {
2677
2674
  data: Z(t.value),
2678
- name: f,
2675
+ name: p,
2679
2676
  value: n
2680
2677
  });
2681
2678
  }
2682
- function i(f) {
2683
- delete t.value[f], s("clear", {
2679
+ function i(p) {
2680
+ delete t.value[p], s("clear", {
2684
2681
  data: Z(t.value),
2685
- name: f
2682
+ name: p
2686
2683
  });
2687
2684
  }
2688
2685
  function m() {
@@ -2701,7 +2698,7 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2701
2698
  case "inline":
2702
2699
  return Ce;
2703
2700
  case "vertical":
2704
- return no;
2701
+ return ao;
2705
2702
  case "popover":
2706
2703
  return je;
2707
2704
  default:
@@ -2710,35 +2707,38 @@ const Tl = /* @__PURE__ */ J(Ll, [["render", Il]]), Ol = {
2710
2707
  }
2711
2708
  return M(
2712
2709
  () => v.schema,
2713
- (f) => {
2714
- if (!f) {
2710
+ (p) => {
2711
+ if (!p) {
2715
2712
  d.value = {};
2716
2713
  return;
2717
2714
  }
2718
- if (Array.isArray(f) && !f.length) {
2715
+ if (Array.isArray(p) && !p.length) {
2719
2716
  d.value = {};
2720
2717
  return;
2721
2718
  }
2722
- Array.isArray(f) ? d.value = f.filter((n) => n.type).reduce((n, l) => (Object.assign(l, { name: l.id || l.name, type: l.type.toLowerCase() }), n[l.name] = l, l.data && !l.api && !l.options && Object.assign(l, { api: `/api/suggest/${l.data}` }), n), {}) : (Object.entries(f).forEach(([n, l]) => {
2719
+ Array.isArray(p) ? d.value = p.filter((n) => n.type).reduce((n, l) => (Object.assign(l, { name: l.id || l.name, type: l.type.toLowerCase() }), n[l.name] = l, l.data && !l.api && !l.options && Object.assign(l, { api: `/api/suggest/${l.data}` }), n), {}) : (Object.entries(p).forEach(([n, l]) => {
2723
2720
  Object.assign(l, { name: n || l.name || l.id, type: l.type.toLowerCase() });
2724
- }), d.value = { ...f });
2721
+ }), d.value = { ...p });
2725
2722
  },
2726
2723
  { immediate: !0, deep: !0 }
2727
- ), (f, n) => (c(), S(ee(h()), P(v, {
2724
+ ), (p, n) => (c(), S(ee(h()), P(v, {
2728
2725
  schema: d.value,
2729
2726
  onChange: n[0] || (n[0] = (l) => r(l.name, l.value)),
2730
2727
  onClear: n[1] || (n[1] = (l) => i(l.name)),
2731
2728
  onClearAll: m
2732
2729
  }), {
2733
2730
  default: le(() => [
2734
- ue(f.$slots, "default")
2731
+ ue(p.$slots, "default")
2735
2732
  ]),
2736
2733
  _: 3
2737
2734
  }, 16, ["schema"]));
2738
2735
  }
2739
2736
  });
2737
+ Ve.install = function(a) {
2738
+ a.component("VsFilter", Ve);
2739
+ };
2740
2740
  export {
2741
- ro as Filter,
2741
+ Ve as Filter,
2742
2742
  ne as FilterField,
2743
- ro as default
2743
+ Ve as default
2744
2744
  };