@opengis/filter 0.1.24 → 0.1.26

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.
package/dist/index.js CHANGED
@@ -1,11 +1,11 @@
1
- import { createElementBlock as w, openBlock as i, createElementVNode as c, defineComponent as Y, ref as $, computed as E, withModifiers as se, normalizeClass as L, createCommentVNode as C, toDisplayString as S, createVNode as W, watch as O, createStaticVNode as Ne, Fragment as _, renderList as X, unref as e, createBlock as I, createTextVNode as Q, withDirectives as q, vShow as Z, getCurrentInstance as Pe, vModelText as ne, onBeforeUnmount as pe, onMounted as de, isRef as Ye, Teleport as ge, normalizeStyle as be, renderSlot as ce, nextTick as fe, withCtx as oe, resolveDynamicComponent as re, mergeProps as J, toRaw as ue, cloneVNode as We, useSlots as me, reactive as qe, withKeys as Ae, createSlots as Qe, normalizeProps as He, guardReactiveProps as Ge } from "vue";
2
- import { notify as Se } from "@opengis/core";
3
- const ee = (t, o) => {
4
- const v = t.__vccOpts || t;
5
- for (const [l, r] of o)
6
- v[l] = r;
7
- return v;
8
- }, Xe = {}, Je = {
1
+ import { createElementBlock as w, openBlock as i, createElementVNode as s, defineComponent as q, ref as A, withModifiers as se, normalizeClass as E, createCommentVNode as V, toDisplayString as B, computed as O, watch as U, createStaticVNode as Ne, Fragment as I, renderList as X, unref as e, createBlock as T, createVNode as Q, createTextVNode as G, withDirectives as W, vShow as J, getCurrentInstance as Pe, vModelText as ee, onBeforeUnmount as pe, onMounted as ce, isRef as Ye, Teleport as ge, normalizeStyle as be, renderSlot as ue, nextTick as me, withCtx as ae, resolveDynamicComponent as ne, mergeProps as Z, toRaw as de, cloneVNode as We, useSlots as fe, reactive as qe, withKeys as $e, createSlots as Qe, normalizeProps as He, guardReactiveProps as Ge } from "vue";
2
+ import { notify as Ae } from "@opengis/core";
3
+ const te = (f, a) => {
4
+ const y = f.__vccOpts || f;
5
+ for (const [t, u] of a)
6
+ y[t] = u;
7
+ return y;
8
+ }, Xe = {}, Ze = {
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  width: "15px",
11
11
  height: "24",
@@ -17,46 +17,26 @@ const ee = (t, o) => {
17
17
  "stroke-linejoin": "round",
18
18
  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"
19
19
  };
20
- function Ze(t, o) {
21
- return i(), w("svg", Je, [...o[0] || (o[0] = [
22
- c("path", {
20
+ function Je(f, a) {
21
+ return i(), w("svg", Ze, [...a[0] || (a[0] = [
22
+ s("path", {
23
23
  stroke: "none",
24
24
  d: "M0 0h24v24H0z",
25
25
  fill: "none"
26
26
  }, null, -1),
27
- c("path", { d: "M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747" }, null, -1),
28
- c("path", { d: "M20 4v5h-5" }, null, -1)
27
+ s("path", { d: "M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747" }, null, -1),
28
+ s("path", { d: "M20 4v5h-5" }, null, -1)
29
29
  ])]);
30
30
  }
31
- const et = /* @__PURE__ */ ee(Xe, [["render", Ze]]), tt = {}, lt = {
32
- xmlns: "http://www.w3.org/2000/svg",
33
- width: "24",
34
- height: "24",
35
- viewBox: "0 0 24 24",
36
- fill: "none",
37
- stroke: "currentColor",
38
- "stroke-width": "2",
39
- "stroke-linecap": "round",
40
- "stroke-linejoin": "round",
41
- class: "text-blue-600 w-[16px] h-[16px]"
42
- };
43
- function at(t, o) {
44
- return i(), w("svg", lt, [...o[0] || (o[0] = [
45
- c("path", { d: "M20 6 9 17l-5-5" }, null, -1)
46
- ])]);
47
- }
48
- const ae = /* @__PURE__ */ ee(tt, [["render", at]]), nt = { class: "flex items-center justify-between w-full text-sm" }, ot = { class: "flex items-center cursor-pointer w-full" }, rt = {
31
+ const et = /* @__PURE__ */ te(Xe, [["render", Je]]), tt = { class: "flex items-center justify-between w-full text-sm" }, lt = { class: "flex items-center cursor-pointer w-full" }, ot = {
49
32
  key: 0,
50
33
  width: "16",
51
34
  height: "auto",
52
35
  src: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4="
53
- }, st = ["value"], it = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, ut = {
36
+ }, at = ["value"], nt = { class: "w-[calc(100%-18px)] flex flex-row items-center justify-between pl-[10px]" }, rt = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, st = {
54
37
  key: 0,
55
38
  class: "text-xs text-gray-500 dark:text-neutral-500 pr-1"
56
- }, ct = {
57
- key: 1,
58
- class: "absolute right-2 flex size-3.5 items-center justify-center"
59
- }, xe = /* @__PURE__ */ Y({
39
+ }, he = /* @__PURE__ */ q({
60
40
  __name: "list-item",
61
41
  props: {
62
42
  layout: {},
@@ -69,121 +49,115 @@ const ae = /* @__PURE__ */ ee(tt, [["render", at]]), nt = { class: "flex items-c
69
49
  highlighted: { type: Boolean }
70
50
  },
71
51
  emits: ["itemClick"],
72
- setup(t, { expose: o, emit: v }) {
73
- const l = t, r = v;
74
- function n() {
75
- r("itemClick", l.value);
52
+ setup(f, { expose: a, emit: y }) {
53
+ const t = f, u = y;
54
+ function l() {
55
+ u("itemClick", t.value);
76
56
  }
77
- const y = $(null), f = E(() => l.layout === "inline" && l.type === "radio");
78
- return o({ el: y }), (s, h) => (i(), w("div", {
57
+ const g = A(null);
58
+ return a({ el: g }), (n, m) => (i(), w("div", {
79
59
  class: "flex items-center w-full rounded-sm group hover:bg-gray-100",
80
60
  ref_key: "el",
81
- ref: y
61
+ ref: g
82
62
  }, [
83
- c("div", nt, [
84
- c("div", ot, [
85
- c("label", {
63
+ s("div", tt, [
64
+ s("div", lt, [
65
+ s("label", {
86
66
  for: "radio-9740",
87
- class: L([
88
- ["inline", "popover"].includes(t.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",
89
- { "bg-blue-100": t.highlighted, relative: f.value }
67
+ class: E([
68
+ ["inline", "popover"].includes(n.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",
69
+ { "bg-blue-100": n.highlighted }
90
70
  ]),
91
- onClick: se(n, ["stop", "prevent"])
71
+ onClick: se(l, ["stop", "prevent"])
92
72
  }, [
93
- f.value ? C("", !0) : (i(), w("div", {
94
- key: 0,
95
- class: L(["w-[18px] h-[18px] border flex items-center justify-center", [
96
- t.type === "checkbox" ? "rounded-[4px]" : "rounded-full",
97
- t.color ? `bg-[${t.color}] border-[#ffffff]` : t.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
73
+ s("div", {
74
+ class: E(["w-[18px] h-[18px] border flex items-center justify-center", [
75
+ n.type == "checkbox" ? "rounded-[4px]" : "rounded-full",
76
+ n.color ? `bg-[${n.color}] border-[#ffffff]` : n.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
98
77
  ]])
99
78
  }, [
100
- t.isSelected ? (i(), w("img", rt)) : C("", !0)
101
- ], 2)),
102
- c("input", {
79
+ n.isSelected ? (i(), w("img", ot)) : V("", !0)
80
+ ], 2),
81
+ s("input", {
103
82
  type: "checkbox",
104
83
  class: "hidden",
105
84
  id: "radio-9740",
106
- value: t.value
107
- }, null, 8, st),
108
- c("div", {
109
- class: L(["flex flex-1 flex-row items-center justify-between", f.value ? "pl-1 pr-6" : "w-[calc(100%-18px)] pl-[10px]"])
110
- }, [
111
- c("span", it, S(t.label ?? "Відсутні дані"), 1),
112
- t.count ? (i(), w("div", ut, " (" + S(t.count) + ") ", 1)) : C("", !0)
113
- ], 2),
114
- f.value && t.isSelected ? (i(), w("span", ct, [
115
- W(ae)
116
- ])) : C("", !0)
85
+ value: n.value
86
+ }, null, 8, at),
87
+ s("div", nt, [
88
+ s("span", rt, B(n.label ?? "Відсутні данні"), 1),
89
+ n.count ? (i(), w("div", st, " (" + B(n.count) + ") ", 1)) : V("", !0)
90
+ ])
117
91
  ], 2)
118
92
  ])
119
93
  ])
120
94
  ], 512));
121
95
  }
122
96
  });
123
- function he(t, o) {
97
+ function xe(f, a) {
124
98
  const {
125
- options: v = [],
126
- limit: l = 20
127
- } = t;
128
- function r(g) {
129
- return Array.isArray(g) ? g[0] : g;
130
- }
131
- const n = $(r(t.modelValue)), y = $(""), f = $(!1), s = $([]), h = $("id"), m = $("text"), p = $(!1), b = $(t.layout !== "popover" && v.length > l);
132
- function k(g) {
133
- const x = g.find(Boolean) ?? {}, M = ["id", "value", "code", "key"].find((j) => j in x) ?? "id", U = ["text", "label", "name", "title"].find((j) => j in x) ?? "text";
134
- return { autoValueKey: M, autoLabelKey: U };
135
- }
136
- if (v.length > 0) {
137
- const g = k(v);
138
- h.value = g.autoValueKey, m.value = g.autoLabelKey;
139
- }
140
- const V = E(() => {
141
- const g = s.value;
142
- return t.layout === "popover" || p.value ? g : g.slice(0, l);
99
+ options: y = [],
100
+ limit: t = 20
101
+ } = f;
102
+ function u(h) {
103
+ return Array.isArray(h) ? h[0] : h;
104
+ }
105
+ const l = A(u(f.modelValue)), g = A(""), n = A(!1), m = A([]), x = A("id"), d = A("text"), p = A(!1), r = A(f.layout !== "popover" && y.length > t);
106
+ function k(h) {
107
+ const b = h.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find(($) => $ in b) ?? "id", M = ["text", "label", "name", "title"].find(($) => $ in b) ?? "text";
108
+ return { autoValueKey: K, autoLabelKey: M };
109
+ }
110
+ if (y.length > 0) {
111
+ const h = k(y);
112
+ x.value = h.autoValueKey, d.value = h.autoLabelKey;
113
+ }
114
+ const _ = O(() => {
115
+ const h = m.value;
116
+ return f.layout === "popover" || p.value ? h : h.slice(0, t);
143
117
  });
144
- O(() => t.modelValue, (g) => {
145
- n.value = r(g);
146
- }, { immediate: !0 }), s.value = [...v].sort((g, x) => t.sort === "count" ? x.count && g.count ? x.count - g.count : 0 : t.sort === "name" ? String(g[m.value] ?? "").localeCompare(String(x[m.value] ?? "")) : 0);
147
- function A(g) {
148
- return n.value === g[h.value];
118
+ U(() => f.modelValue, (h) => {
119
+ l.value = u(h);
120
+ }, { immediate: !0 }), m.value = [...y].sort((h, b) => f.sort === "count" ? b.count && h.count ? b.count - h.count : 0 : f.sort === "name" ? String(h[d.value] ?? "").localeCompare(String(b[d.value] ?? "")) : 0);
121
+ function C(h) {
122
+ return l.value === h[x.value];
149
123
  }
150
- function d(g) {
151
- n.value = g[h.value], o("update:modelValue", n.value), o("change", { name: t.name, value: n.value });
124
+ function o(h) {
125
+ l.value = h[x.value], a("update:modelValue", l.value), a("change", { name: f.name, value: l.value });
152
126
  }
153
- function a() {
154
- n.value = void 0, o("update:modelValue", n.value), o("clear", t.name);
127
+ function c() {
128
+ l.value = void 0, a("update:modelValue", l.value), a("clear", f.name);
155
129
  }
156
- function u() {
130
+ function v() {
157
131
  p.value = !p.value;
158
132
  }
159
133
  return {
160
- innerValue: n,
161
- searchTerm: y,
162
- filteredOptions: V,
163
- isSelected: A,
164
- selectItem: d,
165
- clear: a,
166
- toggleShowAll: u,
167
- isReqProc: f,
134
+ innerValue: l,
135
+ searchTerm: g,
136
+ filteredOptions: _,
137
+ isSelected: C,
138
+ selectItem: o,
139
+ clear: c,
140
+ toggleShowAll: v,
141
+ isReqProc: n,
168
142
  showAll: p,
169
- isEnableShowAll: b,
170
- labelKey: m,
171
- valueKey: h,
172
- allOptions: s
143
+ isEnableShowAll: r,
144
+ labelKey: d,
145
+ valueKey: x,
146
+ allOptions: m
173
147
  };
174
148
  }
175
- const dt = {}, ft = {
149
+ const it = {}, ut = {
176
150
  class: "w-48 mx-auto",
177
151
  viewBox: "0 0 178 90",
178
152
  fill: "none",
179
153
  xmlns: "http://www.w3.org/2000/svg"
180
154
  };
181
- function mt(t, o) {
182
- return i(), w("svg", ft, [...o[0] || (o[0] = [
155
+ function dt(f, a) {
156
+ return i(), w("svg", ut, [...a[0] || (a[0] = [
183
157
  Ne('<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)
184
158
  ])]);
185
159
  }
186
- const we = /* @__PURE__ */ ee(dt, [["render", mt]]), pt = {}, vt = {
160
+ const we = /* @__PURE__ */ te(it, [["render", dt]]), ct = {}, ft = {
187
161
  xmlns: "http://www.w3.org/2000/svg",
188
162
  width: "24",
189
163
  height: "24",
@@ -195,17 +169,17 @@ const we = /* @__PURE__ */ ee(dt, [["render", mt]]), pt = {}, vt = {
195
169
  "stroke-linejoin": "round",
196
170
  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate"
197
171
  };
198
- function yt(t, o) {
199
- return i(), w("svg", vt, [...o[0] || (o[0] = [
200
- c("path", {
172
+ function pt(f, a) {
173
+ return i(), w("svg", ft, [...a[0] || (a[0] = [
174
+ s("path", {
201
175
  stroke: "none",
202
176
  d: "M0 0h24v24H0z",
203
177
  fill: "none"
204
178
  }, null, -1),
205
- c("path", { d: "M6 9l6 6l6 -6" }, null, -1)
179
+ s("path", { d: "M6 9l6 6l6 -6" }, null, -1)
206
180
  ])]);
207
181
  }
208
- const ve = /* @__PURE__ */ ee(pt, [["render", yt]]), gt = {}, bt = {
182
+ const ve = /* @__PURE__ */ te(ct, [["render", pt]]), mt = {}, vt = {
209
183
  xmlns: "http://www.w3.org/2000/svg",
210
184
  width: "24",
211
185
  height: "24",
@@ -217,26 +191,26 @@ const ve = /* @__PURE__ */ ee(pt, [["render", yt]]), gt = {}, bt = {
217
191
  "stroke-linejoin": "round",
218
192
  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate-[180deg]"
219
193
  };
220
- function xt(t, o) {
221
- return i(), w("svg", bt, [...o[0] || (o[0] = [
222
- c("path", {
194
+ function yt(f, a) {
195
+ return i(), w("svg", vt, [...a[0] || (a[0] = [
196
+ s("path", {
223
197
  stroke: "none",
224
198
  d: "M0 0h24v24H0z",
225
199
  fill: "none"
226
200
  }, null, -1),
227
- c("path", { d: "M6 9l6 6l6 -6" }, null, -1)
201
+ s("path", { d: "M6 9l6 6l6 -6" }, null, -1)
228
202
  ])]);
229
203
  }
230
- const ke = /* @__PURE__ */ ee(gt, [["render", xt]]), ht = {
204
+ const ke = /* @__PURE__ */ te(mt, [["render", yt]]), gt = {
231
205
  key: 0,
232
206
  class: "w-full"
233
- }, wt = { class: "flex flex-col items-center justify-center p-5 text-center" }, kt = {
207
+ }, bt = { class: "flex flex-col items-center justify-center p-5 text-center" }, ht = {
234
208
  key: 0,
235
209
  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
236
- }, Ct = {
210
+ }, xt = {
237
211
  key: 1,
238
212
  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
239
- }, Vt = /* @__PURE__ */ Y({
213
+ }, wt = /* @__PURE__ */ q({
240
214
  __name: "radio",
241
215
  props: {
242
216
  id: {},
@@ -265,163 +239,162 @@ const ke = /* @__PURE__ */ ee(gt, [["render", xt]]), ht = {
265
239
  itemClass: {}
266
240
  },
267
241
  emits: ["update:modelValue", "change", "clear"],
268
- setup(t, { expose: o, emit: v }) {
269
- const l = t, r = $(null), n = v, {
270
- innerValue: y,
271
- filteredOptions: f,
272
- isSelected: s,
273
- selectItem: h,
274
- clear: m,
242
+ setup(f, { expose: a, emit: y }) {
243
+ const t = f, u = A(null), l = y, {
244
+ innerValue: g,
245
+ filteredOptions: n,
246
+ isSelected: m,
247
+ selectItem: x,
248
+ clear: d,
275
249
  toggleShowAll: p,
276
- isReqProc: b,
250
+ isReqProc: r,
277
251
  showAll: k,
278
- isEnableShowAll: V,
279
- labelKey: A,
280
- valueKey: d,
281
- allOptions: a
282
- } = he({
283
- ...l,
284
- modelValue: l.modelValue ?? l.default ?? ""
285
- }, n);
286
- return o({
287
- clear: m,
288
- inputTextRef: r
289
- }), O(
290
- () => l.modelValue,
291
- (u) => {
292
- u === void 0 && (y.value = void 0);
252
+ isEnableShowAll: _,
253
+ labelKey: C,
254
+ valueKey: o,
255
+ allOptions: c
256
+ } = xe({
257
+ ...t,
258
+ modelValue: t.modelValue ?? t.default ?? ""
259
+ }, l);
260
+ return a({
261
+ clear: d,
262
+ inputTextRef: u
263
+ }), U(
264
+ () => t.modelValue,
265
+ (v) => {
266
+ v === void 0 && (g.value = void 0);
293
267
  }
294
- ), (u, g) => (i(), w("div", {
295
- class: L([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
268
+ ), (v, h) => (i(), w("div", {
269
+ class: E([v.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
296
270
  }, [
297
- c("div", {
298
- class: L([
299
- t.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
300
- t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
271
+ s("div", {
272
+ class: E([
273
+ v.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
274
+ v.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
301
275
  ])
302
276
  }, [
303
- (i(!0), w(_, null, X(e(f), (x) => (i(), I(xe, {
304
- layout: t.layout,
305
- key: x[e(d)],
306
- count: x.count,
307
- label: x[e(A)],
308
- color: x.color,
277
+ (i(!0), w(I, null, X(e(n), (b) => (i(), T(he, {
278
+ layout: v.layout,
279
+ key: b[e(o)],
280
+ count: b.count,
281
+ label: b[e(C)],
282
+ color: b.color,
309
283
  type: "radio",
310
- value: x[e(d)],
311
- "is-selected": e(s)(x),
312
- onItemClick: (M) => e(h)(x)
284
+ value: b[e(o)],
285
+ "is-selected": e(m)(b),
286
+ onItemClick: (K) => e(x)(b)
313
287
  }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
314
288
  ], 2),
315
- t.type === "select" && e(f).length === 0 && !e(b) ? (i(), w("div", ht, [
316
- c("div", wt, [
317
- W(we),
318
- g[4] || (g[4] = c("div", { class: "max-w-sm mx-auto mt-6" }, [
319
- c("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
320
- c("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
289
+ v.type === "select" && e(n).length === 0 && !e(r) ? (i(), w("div", gt, [
290
+ s("div", bt, [
291
+ Q(we),
292
+ h[4] || (h[4] = s("div", { class: "max-w-sm mx-auto mt-6" }, [
293
+ s("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
294
+ s("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
321
295
  ], -1))
322
296
  ])
323
- ])) : C("", !0),
324
- t.layout !== "popover" && t.type !== "select" ? (i(), w(_, { key: 1 }, [
325
- !e(k) && e(V) ? (i(), w("div", {
297
+ ])) : V("", !0),
298
+ v.layout !== "popover" && v.type !== "select" ? (i(), w(I, { key: 1 }, [
299
+ !e(k) && e(_) ? (i(), w("div", {
326
300
  key: 0,
327
- onClick: g[0] || (g[0] = //@ts-ignore
328
- (...x) => e(p) && e(p)(...x)),
301
+ onClick: h[0] || (h[0] = //@ts-ignore
302
+ (...b) => e(p) && e(p)(...b)),
329
303
  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"
330
304
  }, [
331
- g[5] || (g[5] = Q(" Показати більше ", -1)),
332
- W(ve)
333
- ])) : C("", !0),
305
+ h[5] || (h[5] = G(" Показати більше ", -1)),
306
+ Q(ve)
307
+ ])) : V("", !0),
334
308
  e(k) ? (i(), w("div", {
335
309
  key: 1,
336
- onClick: g[1] || (g[1] = //@ts-ignore
337
- (...x) => e(p) && e(p)(...x)),
310
+ onClick: h[1] || (h[1] = //@ts-ignore
311
+ (...b) => e(p) && e(p)(...b)),
338
312
  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"
339
313
  }, [
340
- g[6] || (g[6] = Q(" Показати менше ", -1)),
341
- W(ke)
342
- ])) : C("", !0)
343
- ], 64)) : C("", !0),
344
- t.cleanable ? (i(), w(_, { key: 2 }, [
345
- t.layout === "inline" ? (i(), w("div", kt, [
346
- Q(S(e(y) || e(y) === null ? 1 : 0) + " з " + S(e(a).length) + " обрано ", 1),
347
- q(c("button", {
314
+ h[6] || (h[6] = G(" Показати менше ", -1)),
315
+ Q(ke)
316
+ ])) : V("", !0)
317
+ ], 64)) : V("", !0),
318
+ v.cleanable ? (i(), w(I, { key: 2 }, [
319
+ v.layout === "inline" ? (i(), w("div", ht, [
320
+ G(B(e(g) || e(g) === null ? 1 : 0) + " з " + B(e(c).length) + " обрано ", 1),
321
+ W(s("button", {
348
322
  class: "text-gray-600 hover:text-gray-800",
349
- onClick: g[2] || (g[2] = //@ts-ignore
350
- (...x) => e(m) && e(m)(...x))
323
+ onClick: h[2] || (h[2] = //@ts-ignore
324
+ (...b) => e(d) && e(d)(...b))
351
325
  }, " Очистити ", 512), [
352
- [Z, e(y) !== "" && e(y) !== void 0]
326
+ [J, e(g) !== "" && e(g) !== void 0]
353
327
  ])
354
- ])) : C("", !0),
355
- t.layout === "popover" ? (i(), w("div", Ct, [
356
- c("span", null, S(e(y) || e(y) === null ? 1 : 0) + " з " + S(e(a).length) + " обрано", 1),
357
- q(c("button", {
328
+ ])) : V("", !0),
329
+ v.layout === "popover" ? (i(), w("div", xt, [
330
+ s("span", null, B(e(g) || e(g) === null ? 1 : 0) + " з " + B(e(c).length) + " обрано", 1),
331
+ W(s("button", {
358
332
  class: "text-gray-600 hover:text-gray-800",
359
- onClick: g[3] || (g[3] = //@ts-ignore
360
- (...x) => e(m) && e(m)(...x))
333
+ onClick: h[3] || (h[3] = //@ts-ignore
334
+ (...b) => e(d) && e(d)(...b))
361
335
  }, " Очистити ", 512), [
362
- [Z, e(y) !== "" && e(y) !== void 0]
336
+ [J, e(g) !== "" && e(g) !== void 0]
363
337
  ])
364
- ])) : C("", !0)
365
- ], 64)) : C("", !0)
338
+ ])) : V("", !0)
339
+ ], 64)) : V("", !0)
366
340
  ], 2));
367
341
  }
368
342
  });
369
- function Le(t, o) {
343
+ function Me(f, a) {
370
344
  const {
371
- options: v = [],
372
- limit: l = 20
373
- } = t;
374
- function r(g) {
375
- return Array.isArray(g) ? g : g ? [g] : [];
376
- }
377
- const n = $(r(t.modelValue)), y = $(""), f = $(!1), s = $([]), h = $("id"), m = $("text"), p = $(!1), b = $(t.layout !== "popover" && v.length > l);
378
- function k(g) {
379
- const x = g.find(Boolean) ?? {}, M = ["id", "value", "code", "key"].find((j) => j in x) ?? "id", U = ["text", "label", "name", "title"].find((j) => j in x) ?? "text";
380
- return { autoValueKey: M, autoLabelKey: U };
381
- }
382
- if (v.length > 0) {
383
- const g = k(v);
384
- h.value = g.autoValueKey, m.value = g.autoLabelKey;
385
- }
386
- const V = E(() => {
387
- const g = s.value;
388
- return t.layout === "popover" || p.value ? g : g.slice(0, l);
345
+ options: y = [],
346
+ limit: t = 20
347
+ } = f;
348
+ function u(h) {
349
+ return Array.isArray(h) ? h : h ? [h] : [];
350
+ }
351
+ const l = A(u(f.modelValue)), g = A(""), n = A(!1), m = A([]), x = A("id"), d = A("text"), p = A(!1), r = A(f.layout !== "popover" && y.length > t);
352
+ function k(h) {
353
+ const b = h.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find(($) => $ in b) ?? "id", M = ["text", "label", "name", "title"].find(($) => $ in b) ?? "text";
354
+ return { autoValueKey: K, autoLabelKey: M };
355
+ }
356
+ if (y.length > 0) {
357
+ const h = k(y);
358
+ x.value = h.autoValueKey, d.value = h.autoLabelKey;
359
+ }
360
+ const _ = O(() => {
361
+ const h = m.value;
362
+ return f.layout === "popover" || p.value ? h : h.slice(0, t);
389
363
  });
390
- O(() => t.modelValue, (g) => {
391
- n.value = r(g);
392
- }, { immediate: !0 }), s.value = [...v].sort((g, x) => t.sort === "count" ? x.count && g.count ? x.count - g.count : 0 : t.sort === "name" ? String(g[m.value]).localeCompare(String(x[m.value])) : 0);
393
- function A(g) {
394
- return n.value && n.value.includes(g[h.value]);
364
+ U(() => f.modelValue, (h) => {
365
+ l.value = u(h);
366
+ }, { immediate: !0 }), m.value = [...y].sort((h, b) => f.sort === "count" ? b.count && h.count ? b.count - h.count : 0 : f.sort === "name" ? String(h[d.value]).localeCompare(String(b[d.value])) : 0);
367
+ function C(h) {
368
+ return l.value && l.value.includes(h[x.value]);
395
369
  }
396
- function d(g) {
397
- const x = n.value.includes(g[h.value]);
398
- n.value = x ? n.value.filter((M) => M !== g[h.value]) : [...n.value, g[h.value]], o("update:modelValue", n.value), o("change", { name: t.name, value: n.value });
370
+ function o(h) {
371
+ const b = l.value.includes(h[x.value]);
372
+ l.value = b ? l.value.filter((K) => K !== h[x.value]) : [...l.value, h[x.value]], a("update:modelValue", l.value), a("change", { name: f.name, value: l.value });
399
373
  }
400
- function a() {
401
- n.value = [], o("update:modelValue", n.value), o("clear", t.name);
374
+ function c() {
375
+ l.value = [], a("update:modelValue", l.value), a("clear", f.name);
402
376
  }
403
- function u() {
377
+ function v() {
404
378
  p.value = !p.value;
405
379
  }
406
380
  return {
407
- innerValue: n,
408
- searchTerm: y,
409
- filteredOptions: V,
410
- isSelected: A,
411
- selectItem: d,
412
- clear: a,
413
- toggleShowAll: u,
414
- isReqProc: f,
381
+ innerValue: l,
382
+ searchTerm: g,
383
+ filteredOptions: _,
384
+ isSelected: C,
385
+ selectItem: o,
386
+ clear: c,
387
+ toggleShowAll: v,
388
+ isReqProc: n,
415
389
  showAll: p,
416
- isEnableShowAll: b,
417
- labelKey: m,
418
- valueKey: h,
419
- allOptions: s
390
+ isEnableShowAll: r,
391
+ labelKey: d,
392
+ valueKey: x,
393
+ allOptions: m
420
394
  };
421
395
  }
422
396
  const Be = {
423
397
  en: {
424
- apply: "Apply",
425
398
  search: "Search",
426
399
  more: "Show more",
427
400
  less: "Show less",
@@ -431,8 +404,6 @@ const Be = {
431
404
  period: "Period",
432
405
  today: "Today",
433
406
  week: "Week",
434
- max: "max",
435
- min: "min",
436
407
  month: "Month",
437
408
  quarter: "Quarter",
438
409
  year: "Year",
@@ -442,7 +413,6 @@ const Be = {
442
413
  selectFieldHelp: "Select a field to start creating a filter."
443
414
  },
444
415
  uk: {
445
- apply: "Застосувати",
446
416
  search: "Пошук",
447
417
  more: "Показати більше",
448
418
  less: "Показати меньше",
@@ -452,8 +422,6 @@ const Be = {
452
422
  period: "Період",
453
423
  today: "Сьогодні",
454
424
  week: "Тиждень",
455
- max: "макс",
456
- min: "мін",
457
425
  month: "Місяць",
458
426
  quarter: "Квартал",
459
427
  year: "Рік",
@@ -463,29 +431,29 @@ const Be = {
463
431
  selectFieldHelp: "Оберіть поле, щоб розпочати створення фільтра."
464
432
  }
465
433
  };
466
- function je(t) {
467
- const o = t.split(".")[1], v = typeof window < "u" && window.localStorage ? localStorage.locale : null;
468
- return (Be[v || navigator.language] || Be.uk)[o];
434
+ function Se(f) {
435
+ const a = f.split(".")[1], y = typeof window < "u" && window.localStorage ? localStorage.locale : null;
436
+ return (Be[y || navigator.language] || Be.uk)[a];
469
437
  }
470
- function le() {
471
- const t = Pe();
472
- if (!t.appContext.config.globalProperties.$i18n) return je;
473
- const o = t.appContext.config.globalProperties.$t;
474
- return (v) => {
475
- const l = o(v);
476
- return l === v ? je(v) : l;
438
+ function oe() {
439
+ const f = Pe();
440
+ if (!f.appContext.config.globalProperties.$i18n) return Se;
441
+ const a = f.appContext.config.globalProperties.$t;
442
+ return (y) => {
443
+ const t = a(y);
444
+ return t === y ? Se(y) : t;
477
445
  };
478
446
  }
479
- const $t = {
447
+ const kt = {
480
448
  key: 0,
481
449
  class: "w-full"
482
- }, At = { class: "flex flex-col items-center justify-center p-5 text-center" }, St = { class: "max-w-sm mx-auto mt-6" }, Bt = { class: "font-medium text-gray-800 dark:text-neutral-200" }, jt = {
450
+ }, Ct = { class: "flex flex-col items-center justify-center p-5 text-center" }, _t = { class: "max-w-sm mx-auto mt-6" }, Vt = { class: "font-medium text-gray-800 dark:text-neutral-200" }, $t = {
483
451
  key: 0,
484
452
  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
485
- }, Dt = {
453
+ }, At = {
486
454
  key: 1,
487
455
  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
488
- }, De = /* @__PURE__ */ Y({
456
+ }, je = /* @__PURE__ */ q({
489
457
  __name: "checkbox",
490
458
  props: {
491
459
  id: {},
@@ -514,105 +482,105 @@ const $t = {
514
482
  itemClass: {}
515
483
  },
516
484
  emits: ["update:modelValue", "change", "clear"],
517
- setup(t, { expose: o, emit: v }) {
518
- const l = le(), r = t, n = v, {
519
- innerValue: y,
520
- filteredOptions: f,
521
- isSelected: s,
522
- selectItem: h,
523
- clear: m,
485
+ setup(f, { expose: a, emit: y }) {
486
+ const t = oe(), u = f, l = y, {
487
+ innerValue: g,
488
+ filteredOptions: n,
489
+ isSelected: m,
490
+ selectItem: x,
491
+ clear: d,
524
492
  toggleShowAll: p,
525
- isReqProc: b,
493
+ isReqProc: r,
526
494
  showAll: k,
527
- isEnableShowAll: V,
528
- labelKey: A,
529
- valueKey: d,
530
- allOptions: a
531
- } = Le({
532
- ...r,
533
- modelValue: r.modelValue
534
- }, n);
535
- return O(
536
- () => r.modelValue,
537
- (u) => {
538
- u === void 0 && (y.value = []);
495
+ isEnableShowAll: _,
496
+ labelKey: C,
497
+ valueKey: o,
498
+ allOptions: c
499
+ } = Me({
500
+ ...u,
501
+ modelValue: u.modelValue
502
+ }, l);
503
+ return U(
504
+ () => u.modelValue,
505
+ (v) => {
506
+ v === void 0 && (g.value = []);
539
507
  }
540
- ), o({
541
- clear: m
542
- }), (u, g) => (i(), w("div", {
543
- class: L([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
508
+ ), a({
509
+ clear: d
510
+ }), (v, h) => (i(), w("div", {
511
+ class: E([v.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
544
512
  }, [
545
- c("div", {
546
- class: L([
547
- t.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
548
- t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
513
+ s("div", {
514
+ class: E([
515
+ v.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
516
+ v.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
549
517
  ])
550
518
  }, [
551
- (i(!0), w(_, null, X(e(f), (x) => (i(), I(xe, {
552
- layout: t.layout,
553
- count: x.count,
554
- label: x[e(A)],
555
- color: x.color,
519
+ (i(!0), w(I, null, X(e(n), (b) => (i(), T(he, {
520
+ layout: v.layout,
521
+ count: b.count,
522
+ label: b[e(C)],
523
+ color: b.color,
556
524
  type: "checkbox",
557
- value: x[e(d)],
558
- "is-selected": e(s)(x),
559
- onItemClick: (M) => e(h)(x)
525
+ value: b[e(o)],
526
+ "is-selected": e(m)(b),
527
+ onItemClick: (K) => e(x)(b)
560
528
  }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
561
529
  ], 2),
562
- t.type === "select" && e(f).length === 0 && !e(b) ? (i(), w("div", $t, [
563
- c("div", At, [
564
- W(we),
565
- c("div", St, [
566
- c("p", Bt, S(e(l)("filter.notfound")), 1),
567
- g[4] || (g[4] = c("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
530
+ v.type === "select" && e(n).length === 0 && !e(r) ? (i(), w("div", kt, [
531
+ s("div", Ct, [
532
+ Q(we),
533
+ s("div", _t, [
534
+ s("p", Vt, B(e(t)("filter.notfound")), 1),
535
+ h[4] || (h[4] = s("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
568
536
  ])
569
537
  ])
570
- ])) : C("", !0),
571
- t.layout !== "popover" && t.type !== "select" ? (i(), w(_, { key: 1 }, [
572
- !e(k) && e(V) ? (i(), w("div", {
538
+ ])) : V("", !0),
539
+ v.layout !== "popover" && v.type !== "select" ? (i(), w(I, { key: 1 }, [
540
+ !e(k) && e(_) ? (i(), w("div", {
573
541
  key: 0,
574
- onClick: g[0] || (g[0] = //@ts-ignore
575
- (...x) => e(p) && e(p)(...x)),
542
+ onClick: h[0] || (h[0] = //@ts-ignore
543
+ (...b) => e(p) && e(p)(...b)),
576
544
  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"
577
545
  }, [
578
- Q(S(e(l)("filter.more")) + " ", 1),
579
- W(ve)
580
- ])) : C("", !0),
546
+ G(B(e(t)("filter.more")) + " ", 1),
547
+ Q(ve)
548
+ ])) : V("", !0),
581
549
  e(k) ? (i(), w("div", {
582
550
  key: 1,
583
- onClick: g[1] || (g[1] = //@ts-ignore
584
- (...x) => e(p) && e(p)(...x)),
551
+ onClick: h[1] || (h[1] = //@ts-ignore
552
+ (...b) => e(p) && e(p)(...b)),
585
553
  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"
586
554
  }, [
587
- Q(S(e(l)("filter.less")) + " ", 1),
588
- W(ke)
589
- ])) : C("", !0)
590
- ], 64)) : C("", !0),
591
- t.cleanable ? (i(), w(_, { key: 2 }, [
592
- t.layout === "inline" ? (i(), w("div", jt, [
593
- Q(S(e(y).length) + " / " + S(e(a).length) + " " + S(e(l)("filter.selected")) + " ", 1),
594
- q(c("button", {
555
+ G(B(e(t)("filter.less")) + " ", 1),
556
+ Q(ke)
557
+ ])) : V("", !0)
558
+ ], 64)) : V("", !0),
559
+ v.cleanable ? (i(), w(I, { key: 2 }, [
560
+ v.layout === "inline" ? (i(), w("div", $t, [
561
+ G(B(e(g).length) + " / " + B(e(c).length) + " " + B(e(t)("filter.selected")) + " ", 1),
562
+ W(s("button", {
595
563
  class: "text-gray-600 hover:text-gray-800",
596
- onClick: g[2] || (g[2] = //@ts-ignore
597
- (...x) => e(m) && e(m)(...x))
598
- }, S(e(l)("filter.clear")), 513), [
599
- [Z, e(y).length !== 0]
564
+ onClick: h[2] || (h[2] = //@ts-ignore
565
+ (...b) => e(d) && e(d)(...b))
566
+ }, B(e(t)("filter.clear")), 513), [
567
+ [J, e(g).length !== 0]
600
568
  ])
601
- ])) : C("", !0),
602
- t.layout === "popover" ? (i(), w("div", Dt, [
603
- c("span", null, S(e(y).length) + " / " + S(e(a).length) + " " + S(e(l)("filter.selected")), 1),
604
- q(c("button", {
569
+ ])) : V("", !0),
570
+ v.layout === "popover" ? (i(), w("div", At, [
571
+ s("span", null, B(e(g).length) + " / " + B(e(c).length) + " " + B(e(t)("filter.selected")), 1),
572
+ W(s("button", {
605
573
  class: "text-gray-600 hover:text-gray-800",
606
- onClick: g[3] || (g[3] = //@ts-ignore
607
- (...x) => e(m) && e(m)(...x))
608
- }, S(e(l)("filter.clear")), 513), [
609
- [Z, e(y).length !== 0]
574
+ onClick: h[3] || (h[3] = //@ts-ignore
575
+ (...b) => e(d) && e(d)(...b))
576
+ }, B(e(t)("filter.clear")), 513), [
577
+ [J, e(g).length !== 0]
610
578
  ])
611
- ])) : C("", !0)
612
- ], 64)) : C("", !0)
579
+ ])) : V("", !0)
580
+ ], 64)) : V("", !0)
613
581
  ], 2));
614
582
  }
615
- }), Rt = {}, Ft = {
583
+ }), Bt = {}, St = {
616
584
  xmlns: "http://www.w3.org/2000/svg",
617
585
  width: "15px",
618
586
  height: "15px",
@@ -624,18 +592,18 @@ const $t = {
624
592
  "stroke-linejoin": "round",
625
593
  class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
626
594
  };
627
- function Kt(t, o) {
628
- return i(), w("svg", Ft, [...o[0] || (o[0] = [
629
- c("path", {
595
+ function jt(f, a) {
596
+ return i(), w("svg", St, [...a[0] || (a[0] = [
597
+ s("path", {
630
598
  stroke: "none",
631
599
  d: "M0 0h24v24H0z",
632
600
  fill: "none"
633
601
  }, null, -1),
634
- c("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
635
- c("path", { d: "M21 21l-6 -6" }, null, -1)
602
+ s("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
603
+ s("path", { d: "M21 21l-6 -6" }, null, -1)
636
604
  ])]);
637
605
  }
638
- const Ee = /* @__PURE__ */ ee(Rt, [["render", Kt]]), Mt = {}, Lt = {
606
+ const Le = /* @__PURE__ */ te(Bt, [["render", jt]]), Dt = {}, Rt = {
639
607
  xmlns: "http://www.w3.org/2000/svg",
640
608
  viewBox: "0 0 24 24",
641
609
  fill: "none",
@@ -647,24 +615,24 @@ const Ee = /* @__PURE__ */ ee(Rt, [["render", Kt]]), Mt = {}, Lt = {
647
615
  width: "15px",
648
616
  height: "15px"
649
617
  };
650
- function Et(t, o) {
651
- return i(), w("svg", Lt, [...o[0] || (o[0] = [
652
- c("path", {
618
+ function Ft(f, a) {
619
+ return i(), w("svg", Rt, [...a[0] || (a[0] = [
620
+ s("path", {
653
621
  stroke: "none",
654
622
  d: "M0 0h24v24H0z",
655
623
  fill: "none"
656
624
  }, null, -1),
657
- c("path", { d: "M18 6l-12 12" }, null, -1),
658
- c("path", { d: "M6 6l12 12" }, null, -1)
625
+ s("path", { d: "M18 6l-12 12" }, null, -1),
626
+ s("path", { d: "M6 6l12 12" }, null, -1)
659
627
  ])]);
660
628
  }
661
- const Ce = /* @__PURE__ */ ee(Mt, [["render", Et]]);
662
- class Oe {
663
- static getWidthClass(o) {
664
- return typeof o == "number" ? `max-w-[${o}px] min-w-[${o}px]` : typeof o == "string" ? o.endsWith("%") || o.endsWith("px") ? `max-w-[${o}]` : `max-w-${o}` : "w-full";
629
+ const Ce = /* @__PURE__ */ te(Dt, [["render", Ft]]);
630
+ class Ee {
631
+ static getWidthClass(a) {
632
+ return typeof a == "number" ? `max-w-[${a}px] min-w-[${a}px]` : typeof a == "string" ? a.endsWith("%") || a.endsWith("px") ? `max-w-[${a}]` : `max-w-${a}` : "w-full";
665
633
  }
666
634
  }
667
- const Ot = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, Tt = ["placeholder"], It = /* @__PURE__ */ Y({
635
+ const Kt = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, Mt = ["placeholder"], Lt = /* @__PURE__ */ q({
668
636
  __name: "text-input",
669
637
  props: {
670
638
  id: {},
@@ -693,82 +661,82 @@ const Ot = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
693
661
  itemClass: {}
694
662
  },
695
663
  emits: ["update:modelValue", "change", "clear"],
696
- setup(t, { emit: o }) {
697
- const v = t, l = $((v.placeholder || v.label || v.title || v.name || "search").toString()), r = o, n = $(v.modelValue?.toString() ?? "");
698
- O(
699
- () => v.modelValue,
700
- (h) => {
701
- h !== n.value && (n.value = h?.toString() ?? "");
664
+ setup(f, { emit: a }) {
665
+ const y = f, t = A((y.placeholder || y.label || y.title || y.name || "search").toString()), u = a, l = A(y.modelValue?.toString() ?? "");
666
+ U(
667
+ () => y.modelValue,
668
+ (x) => {
669
+ x !== l.value && (l.value = x?.toString() ?? "");
702
670
  }
703
671
  );
704
- let y = null;
705
- function f() {
706
- if (n.value = n.value.trimStart(), n.value.length === 0) {
707
- s();
672
+ let g = null;
673
+ function n() {
674
+ if (l.value = l.value.trimStart(), l.value.length === 0) {
675
+ m();
708
676
  return;
709
677
  }
710
- y && clearTimeout(y), y = setTimeout(() => {
711
- r("update:modelValue", n.value), r("change", { name: v.name, value: n.value });
678
+ g && clearTimeout(g), g = setTimeout(() => {
679
+ u("update:modelValue", l.value), u("change", { name: y.name, value: l.value });
712
680
  }, 300);
713
681
  }
714
- function s() {
715
- n.value = "", r("update:modelValue", ""), r("clear", v.name);
682
+ function m() {
683
+ l.value = "", u("update:modelValue", ""), u("clear", y.name);
716
684
  }
717
- return (h, m) => (i(), w("div", {
718
- class: L([
685
+ return (x, d) => (i(), w("div", {
686
+ class: E([
719
687
  "vs-form-text relative bg-white rounded-sm [&>input]:py-[7px] [&>input]:max-h-[38px] [&>input]:ps-10 [&>input]:pe-8 [&>input]:block [&>input]:w-full [&>input]:bg-gray-100 [&>input]:border-transparent [&>input]:rounded-sm [&>input]:text-sm [&>input]:focus:bg-white [&>input]:focus:border-blue-500 [&>input]:focus:ring-blue-500 [&>input]:disabled:opacity-50 [&>input]:disabled:pointer-events-none [&>input]:dark:bg-neutral-700 [&>input]:dark:border-transparent [&>input]:dark:text-neutral-400 [&>input]:dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600",
720
- t.layout === "inline" ? e(Oe).getWidthClass(t.width) : "mb-2" + (t.layout === "popover" ? " m-2" : "")
688
+ x.layout === "inline" ? e(Ee).getWidthClass(x.width) : "mb-2" + (x.layout === "popover" ? " m-2" : "")
721
689
  ])
722
690
  }, [
723
- c("div", Ot, [
724
- W(Ee)
691
+ s("div", Kt, [
692
+ Q(Le)
725
693
  ]),
726
- n.value !== "" ? (i(), w("div", {
694
+ l.value !== "" ? (i(), w("div", {
727
695
  key: 0,
728
- onClick: s,
696
+ onClick: m,
729
697
  class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"
730
698
  }, [
731
- W(Ce)
732
- ])) : C("", !0),
733
- q(c("input", {
699
+ Q(Ce)
700
+ ])) : V("", !0),
701
+ W(s("input", {
734
702
  type: "text",
735
- "onUpdate:modelValue": m[0] || (m[0] = (p) => n.value = p),
736
- onInput: f,
737
- placeholder: l.value,
703
+ "onUpdate:modelValue": d[0] || (d[0] = (p) => l.value = p),
704
+ onInput: n,
705
+ placeholder: t.value,
738
706
  class: "!pr-7 !pl-8 bg-white h-[38px] min-w-[100px] text-sm py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-sm 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"
739
- }, null, 40, Tt), [
740
- [ne, n.value]
707
+ }, null, 40, Mt), [
708
+ [ee, l.value]
741
709
  ])
742
710
  ], 2));
743
711
  }
744
712
  });
745
- function Te(t = { color: "blue" }) {
746
- return E(() => {
747
- const v = `w-full px-3 py-2 border-solid border text-black border-gray-300 text-sm rounded focus:outline-none focus:ring-2 focus:ring-${t.color}-500 focus:border-transparent
713
+ function Oe(f = { color: "blue" }) {
714
+ return O(() => {
715
+ const y = `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
748
716
  text-gray-800 bg-white dark:text-neutral-300 dark:bg-neutral-800 dark:border-neutral-600`;
749
- return t?.size === "sm" ? `${v}h-[32px]` : `${v}h-[38px]`;
717
+ return f?.size === "sm" ? `${y}h-[32px]` : `${y}h-[38px]`;
750
718
  });
751
719
  }
752
- function _t() {
720
+ function Et() {
753
721
  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]";
754
722
  }
755
- function Ut() {
723
+ function Ot() {
756
724
  return "font-medium border border-gray-200 border-solid disabled:pointer-events-none disabled:opacity-50 h-7 rounded-md text-xs px-2 py-1 text-gray-800 bg-white hover:bg-gray-100 dark:text-neutral-300 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-600";
757
725
  }
758
- function Ie(t) {
759
- return t === "ghost" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border 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" : t === "soft" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border bg-white-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-1 bg-transparent h-[38px]";
726
+ function Te(f) {
727
+ return f === "ghost" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border 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-sm border bg-white-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-1 bg-transparent h-[38px]";
760
728
  }
761
- const zt = {
729
+ const Tt = {
762
730
  key: 0,
763
731
  class: "block text-xs font-medium text-gray-600 mb-1"
764
- }, Nt = ["placeholder", "disabled"], Pt = {
732
+ }, It = ["placeholder", "disabled"], Ut = {
765
733
  key: 0,
766
734
  class: "block text-xs font-medium text-gray-600 mb-1"
767
- }, Yt = {
735
+ }, zt = {
768
736
  key: 0,
769
737
  class: "block text-xs font-medium text-gray-600 mb-1"
770
- }, Wt = ["placeholder", "disabled"], qt = ["disabled"];
771
- const Qt = /* @__PURE__ */ Y({
738
+ }, Nt = ["placeholder", "disabled"], Pt = ["disabled"];
739
+ const Yt = /* @__PURE__ */ q({
772
740
  __name: "range-input",
773
741
  props: {
774
742
  id: {},
@@ -797,206 +765,206 @@ const Qt = /* @__PURE__ */ Y({
797
765
  itemClass: {}
798
766
  },
799
767
  emits: ["update:modelValue", "change", "clear"],
800
- setup(t, { expose: o, emit: v }) {
801
- const l = Te(), r = _t(), n = le(), y = t, f = $(
802
- y.modelValue ?? y.default ?? []
803
- ), s = v, h = E({
804
- get: () => y.modelValue ?? f.value,
805
- set: (b) => {
806
- y.modelValue !== void 0 ? s("update:modelValue", b) : f.value = b;
768
+ setup(f, { expose: a, emit: y }) {
769
+ const t = Oe(), u = Et(), l = oe(), g = f, n = A(
770
+ g.modelValue ?? g.default ?? []
771
+ ), m = y, x = O({
772
+ get: () => g.modelValue ?? n.value,
773
+ set: (r) => {
774
+ g.modelValue !== void 0 ? m("update:modelValue", r) : n.value = r;
807
775
  }
808
776
  });
809
- function m() {
810
- s("change", { name: y.name, value: h.value || f.value });
777
+ function d() {
778
+ m("change", { name: g.name, value: x.value || n.value });
811
779
  }
812
780
  function p() {
813
- f.value = [], h.value = f.value, s("clear", y.name);
781
+ n.value = [], x.value = n.value, m("clear", g.name);
814
782
  }
815
- return O(() => y.modelValue, (b) => {
816
- b !== void 0 && y.layout !== "popover" ? (f.value = b, s("update:modelValue", b)) : f.value = [];
817
- }), o({
783
+ return U(() => g.modelValue, (r) => {
784
+ r !== void 0 && g.layout !== "popover" ? (n.value = r, m("update:modelValue", r)) : n.value = [];
785
+ }), a({
818
786
  clear: p,
819
- currentValue: h
820
- }), (b, k) => (i(), w(_, null, [
821
- c("div", null, [
822
- c("div", {
823
- class: L(t.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
787
+ currentValue: x
788
+ }), (r, k) => (i(), w(I, null, [
789
+ s("div", null, [
790
+ s("div", {
791
+ class: E(r.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
824
792
  }, [
825
- c("div", null, [
826
- t.layout !== "vertical" ? (i(), w("label", zt, S(e(n)("filter.from")), 1)) : C("", !0),
827
- q(c("input", {
793
+ s("div", null, [
794
+ r.layout !== "vertical" ? (i(), w("label", Tt, B(e(l)("filter.from")), 1)) : V("", !0),
795
+ W(s("input", {
828
796
  type: "number",
829
- class: L(e(l)),
830
- placeholder: t.placeholder?.[0] ?? e(n)("filter.min"),
797
+ class: E(e(t)),
798
+ placeholder: r.placeholder?.[0] ?? "min",
831
799
  step: "1",
832
800
  style: { outline: "none" },
833
- "onUpdate:modelValue": k[0] || (k[0] = (V) => h.value[0] = V),
834
- disabled: t.disabled
835
- }, null, 10, Nt), [
836
- [ne, h.value[0]]
801
+ "onUpdate:modelValue": k[0] || (k[0] = (_) => x.value[0] = _),
802
+ disabled: r.disabled
803
+ }, null, 10, It), [
804
+ [ee, x.value[0]]
837
805
  ])
838
806
  ]),
839
- t.layout === "vertical" ? (i(), w("label", Pt, " - ")) : C("", !0),
840
- c("div", null, [
841
- t.layout !== "vertical" ? (i(), w("label", Yt, S(e(n)("filter.to")), 1)) : C("", !0),
842
- q(c("input", {
807
+ r.layout === "vertical" ? (i(), w("label", Ut, " - ")) : V("", !0),
808
+ s("div", null, [
809
+ r.layout !== "vertical" ? (i(), w("label", zt, B(e(l)("filter.to")), 1)) : V("", !0),
810
+ W(s("input", {
843
811
  type: "number",
844
- class: L(e(l)),
845
- placeholder: t.placeholder?.[1] ?? e(n)("filter.max"),
812
+ class: E(e(t)),
813
+ placeholder: r.placeholder?.[1] ?? "max",
846
814
  min: "0",
847
815
  max: "1000000000000000",
848
816
  step: "1",
849
817
  style: { outline: "none" },
850
- "onUpdate:modelValue": k[1] || (k[1] = (V) => h.value[1] = V),
851
- disabled: t.disabled
852
- }, null, 10, Wt), [
853
- [ne, h.value[1]]
818
+ "onUpdate:modelValue": k[1] || (k[1] = (_) => x.value[1] = _),
819
+ disabled: r.disabled
820
+ }, null, 10, Nt), [
821
+ [ee, x.value[1]]
854
822
  ])
855
823
  ]),
856
- ["popover", "inline", "vertical"].includes(t.layout) ? (i(), w("button", {
824
+ ["popover", "inline", "vertical"].includes(r.layout) ? (i(), w("button", {
857
825
  key: 1,
858
- onClick: m,
859
- class: L(e(r) + (t.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
860
- }, S(t.layout === "vertical" ? "Ok" : e(n)("filter.apply")), 3)) : C("", !0),
861
- ["popover", "inline"].includes(t.layout) ? (i(), w("button", {
826
+ onClick: d,
827
+ class: E(e(u) + (r.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
828
+ }, B(r.layout === "vertical" ? "Ok" : e(l)("filter.apply")), 3)) : V("", !0),
829
+ ["popover", "inline"].includes(r.layout) ? (i(), w("button", {
862
830
  key: 2,
863
- disabled: !(h.value[0] || h.value[1]),
831
+ disabled: !(x.value[0] || x.value[1]),
864
832
  onClick: p,
865
- class: L(e(r) + " hover:bg-gray-100")
866
- }, S(e(n)("filter.clear")), 11, qt)) : C("", !0)
833
+ class: E(e(u) + " hover:bg-gray-100")
834
+ }, B(e(l)("filter.clear")), 11, Pt)) : V("", !0)
867
835
  ], 2)
868
836
  ]),
869
- (t.cleanable && f.value.length, C("", !0))
837
+ (r.cleanable && n.value.length, V("", !0))
870
838
  ], 64));
871
839
  }
872
840
  });
873
- class G {
874
- static format(o) {
875
- const v = o.getFullYear(), l = (o.getMonth() + 1).toString().padStart(2, "0"), r = o.getDate().toString().padStart(2, "0");
876
- return `${v}-${l}-${r}`;
877
- }
878
- static getShiftedDay(o, v = 0) {
879
- const l = o ? new Date(o) : /* @__PURE__ */ new Date();
880
- return l.setDate(l.getDate() + v), this.format(l);
881
- }
882
- static getLastWeekRange(o, v, l = 0) {
883
- if (o && v) {
884
- const h = new Date(o), m = new Date(v);
885
- return h.setDate(h.getDate() + l * 7), m.setDate(m.getDate() + l * 7), [this.format(h), this.format(m)];
841
+ class H {
842
+ static format(a) {
843
+ const y = a.getFullYear(), t = (a.getMonth() + 1).toString().padStart(2, "0"), u = a.getDate().toString().padStart(2, "0");
844
+ return `${y}-${t}-${u}`;
845
+ }
846
+ static getShiftedDay(a, y = 0) {
847
+ const t = a ? new Date(a) : /* @__PURE__ */ new Date();
848
+ return t.setDate(t.getDate() + y), this.format(t);
849
+ }
850
+ static getLastWeekRange(a, y, t = 0) {
851
+ if (a && y) {
852
+ const x = new Date(a), d = new Date(y);
853
+ return x.setDate(x.getDate() + t * 7), d.setDate(d.getDate() + t * 7), [this.format(x), this.format(d)];
886
854
  }
887
- const r = /* @__PURE__ */ new Date(), n = r.getDay(), y = n === 0 ? 13 : n - 1 + 7, f = new Date(r);
888
- f.setDate(r.getDate() - y + l * 7);
889
- const s = new Date(f);
890
- return s.setDate(f.getDate() + 6), [this.format(f), this.format(s)];
891
- }
892
- static getMonthRange(o, v, l = 0) {
893
- let r;
894
- o ? r = new Date(o) : r = /* @__PURE__ */ new Date(), r = new Date(r.getFullYear(), r.getMonth() + l, 1);
895
- const n = r, y = new Date(r.getFullYear(), r.getMonth() + 1, 0);
896
- return [this.format(n), this.format(y)];
897
- }
898
- static getQuarterRange(o, v, l = 0) {
899
- const r = o || v, n = r ? new Date(r) : /* @__PURE__ */ new Date();
900
- let y = Math.floor(n.getMonth() / 3);
901
- y += l;
902
- const f = (y % 4 + 4) % 4 * 3, s = n.getFullYear() + Math.floor(y / 4), h = new Date(s, f, 1), m = new Date(s, f + 3, 0);
903
- return [this.format(h), this.format(m)];
904
- }
905
- static getYear(o, v = 0) {
906
- let l;
907
- return o && /^\d{4}$/.test(o) ? l = parseInt(o, 10) : o ? l = new Date(o).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), String(l + v);
908
- }
909
- static getYearRange(o, v = 0) {
910
- let l;
911
- return o && /^\d{4}$/.test(o) ? l = parseInt(o, 10) : o ? l = new Date(o).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), [
912
- this.format(new Date(l + v, 0, 1)),
913
- this.format(new Date(l + v + 1, 0, 0))
855
+ const u = /* @__PURE__ */ new Date(), l = u.getDay(), g = l === 0 ? 13 : l - 1 + 7, n = new Date(u);
856
+ n.setDate(u.getDate() - g + t * 7);
857
+ const m = new Date(n);
858
+ return m.setDate(n.getDate() + 6), [this.format(n), this.format(m)];
859
+ }
860
+ static getMonthRange(a, y, t = 0) {
861
+ let u;
862
+ a ? u = new Date(a) : u = /* @__PURE__ */ new Date(), u = new Date(u.getFullYear(), u.getMonth() + t, 1);
863
+ const l = u, g = new Date(u.getFullYear(), u.getMonth() + 1, 0);
864
+ return [this.format(l), this.format(g)];
865
+ }
866
+ static getQuarterRange(a, y, t = 0) {
867
+ const u = a || y, l = u ? new Date(u) : /* @__PURE__ */ new Date();
868
+ let g = Math.floor(l.getMonth() / 3);
869
+ g += t;
870
+ const n = (g % 4 + 4) % 4 * 3, m = l.getFullYear() + Math.floor(g / 4), x = new Date(m, n, 1), d = new Date(m, n + 3, 0);
871
+ return [this.format(x), this.format(d)];
872
+ }
873
+ static getYear(a, y = 0) {
874
+ let t;
875
+ return a && /^\d{4}$/.test(a) ? t = parseInt(a, 10) : a ? t = new Date(a).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), String(t + y);
876
+ }
877
+ static getYearRange(a, y = 0) {
878
+ let t;
879
+ return a && /^\d{4}$/.test(a) ? t = parseInt(a, 10) : a ? t = new Date(a).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), [
880
+ this.format(new Date(t + y, 0, 1)),
881
+ this.format(new Date(t + y + 1, 0, 0))
914
882
  ];
915
883
  }
916
- static getRangeFromDaysBefore(o) {
917
- const v = /* @__PURE__ */ new Date(), l = new Date(v.getTime());
918
- return l.setDate(v.getDate() - o), [this.format(l), this.format(v)];
884
+ static getRangeFromDaysBefore(a) {
885
+ const y = /* @__PURE__ */ new Date(), t = new Date(y.getTime());
886
+ return t.setDate(y.getDate() - a), [this.format(t), this.format(y)];
919
887
  }
920
888
  }
921
- function _e(t, o) {
889
+ function Ie(f, a) {
922
890
  const {
923
- popoverRef: v
924
- } = t, l = le(), r = $(""), n = $(
925
- t.modelValue ?? t.default ?? []
926
- ), y = $(0);
927
- function f() {
928
- const a = G.getRangeFromDaysBefore(y.value);
929
- return n.value = [...a], o("change", { name: t.name, value: n.value }), o("update:modelValue", n.value), a;
930
- }
931
- function s(a) {
932
- r.value = a, v.value?.close();
933
- const u = [];
934
- switch (r.value) {
891
+ popoverRef: y
892
+ } = f, t = oe(), u = A(""), l = A(
893
+ f.modelValue ?? f.default ?? []
894
+ ), g = A(0);
895
+ function n() {
896
+ const c = H.getRangeFromDaysBefore(g.value);
897
+ return l.value = [...c], a("change", { name: f.name, value: l.value }), a("update:modelValue", l.value), c;
898
+ }
899
+ function m(c) {
900
+ u.value = c, y.value?.close();
901
+ const v = [];
902
+ switch (u.value) {
935
903
  case "today":
936
- u.push(G.getShiftedDay()), u.push(G.getShiftedDay());
904
+ v.push(H.getShiftedDay()), v.push(H.getShiftedDay());
937
905
  break;
938
906
  case "week":
939
- u.push(...G.getLastWeekRange());
907
+ v.push(...H.getLastWeekRange());
940
908
  break;
941
909
  case "month":
942
- u.push(...G.getMonthRange());
910
+ v.push(...H.getMonthRange());
943
911
  break;
944
912
  case "quarter":
945
- u.push(...G.getQuarterRange());
913
+ v.push(...H.getQuarterRange());
946
914
  break;
947
915
  case "year":
948
- u.push(...G.getYearRange());
916
+ v.push(...H.getYearRange());
949
917
  break;
950
918
  case "last_7_days":
951
- y.value = 7, f();
919
+ g.value = 7, n();
952
920
  break;
953
921
  case "range":
954
- y.value = 7, u.push(...f());
922
+ g.value = 7, v.push(...n());
955
923
  break;
956
924
  }
957
- n.value = [...u], o("change", { name: t.name, value: n.value }), o("update:modelValue", n.value);
925
+ l.value = [...v], a("change", { name: f.name, value: l.value }), a("update:modelValue", l.value);
958
926
  }
959
- function h() {
960
- const a = [];
961
- switch (r.value) {
927
+ function x() {
928
+ const c = [];
929
+ switch (u.value) {
962
930
  case "today":
963
- a.push(G.getShiftedDay(n.value[0], 1));
931
+ c.push(H.getShiftedDay(l.value[0], 1));
964
932
  break;
965
933
  case "week":
966
- a.push(...G.getLastWeekRange(n.value[0], n.value[1], 1));
934
+ c.push(...H.getLastWeekRange(l.value[0], l.value[1], 1));
967
935
  break;
968
936
  case "month":
969
- a.push(...G.getMonthRange(n.value[0], n.value[1], 1));
937
+ c.push(...H.getMonthRange(l.value[0], l.value[1], 1));
970
938
  break;
971
939
  case "quarter":
972
- a.push(...G.getQuarterRange(n.value[0], n.value[1], 1));
940
+ c.push(...H.getQuarterRange(l.value[0], l.value[1], 1));
973
941
  break;
974
942
  case "year":
975
- a.push(...G.getYearRange(n.value[0], 1));
943
+ c.push(...H.getYearRange(l.value[0], 1));
976
944
  break;
977
945
  }
978
- n.value = [...a], o("change", { name: t.name, value: n.value }), o("update:modelValue", n.value);
946
+ l.value = [...c], a("change", { name: f.name, value: l.value }), a("update:modelValue", l.value);
979
947
  }
980
- function m() {
981
- const a = [];
982
- switch (r.value) {
948
+ function d() {
949
+ const c = [];
950
+ switch (u.value) {
983
951
  case "today":
984
- a.push(G.getShiftedDay(n.value[0], -1));
952
+ c.push(H.getShiftedDay(l.value[0], -1));
985
953
  break;
986
954
  case "week":
987
- a.push(...G.getLastWeekRange(n.value[0], n.value[1], -1));
955
+ c.push(...H.getLastWeekRange(l.value[0], l.value[1], -1));
988
956
  break;
989
957
  case "month":
990
- a.push(...G.getMonthRange(n.value[0], n.value[1], -1));
958
+ c.push(...H.getMonthRange(l.value[0], l.value[1], -1));
991
959
  break;
992
960
  case "quarter":
993
- a.push(...G.getQuarterRange(n.value[0], n.value[1], -1));
961
+ c.push(...H.getQuarterRange(l.value[0], l.value[1], -1));
994
962
  break;
995
963
  case "year":
996
- a.push(...G.getYearRange(n.value[0], -1));
964
+ c.push(...H.getYearRange(l.value[0], -1));
997
965
  break;
998
966
  }
999
- n.value = [...a], o("change", { name: t.name, value: n.value }), o("update:modelValue", n.value);
967
+ l.value = [...c], a("change", { name: f.name, value: l.value }), a("update:modelValue", l.value);
1000
968
  }
1001
969
  const p = [
1002
970
  "Січень",
@@ -1012,79 +980,79 @@ function _e(t, o) {
1012
980
  "Листопад",
1013
981
  "Грудень"
1014
982
  ];
1015
- function b(a) {
1016
- const [u, g, x] = a.split("-");
1017
- return `${x}.${g}.${u}`;
983
+ function r(c) {
984
+ const [v, h, b] = c.split("-");
985
+ return `${b}.${h}.${v}`;
1018
986
  }
1019
- function k(a, u = "long") {
1020
- const g = new Date(Date.UTC(2e3, a - 1, 1));
1021
- return new Intl.DateTimeFormat(localStorage.locale, { month: u, timeZone: "UTC" }).format(g);
987
+ function k(c, v = "long") {
988
+ const h = new Date(Date.UTC(2e3, c - 1, 1));
989
+ return new Intl.DateTimeFormat(localStorage.locale, { month: v, timeZone: "UTC" }).format(h);
1022
990
  }
1023
- function V(a) {
1024
- const { value: u } = n;
1025
- switch (a) {
991
+ function _(c) {
992
+ const { value: v } = l;
993
+ switch (c) {
1026
994
  case "today":
1027
- return b(u[0]);
995
+ return r(v[0]);
1028
996
  case "range":
1029
997
  return "Період";
1030
998
  case "week":
1031
- return u[0] && u[1] ? `${b(u[0])} – ${b(u[1])}` : "";
999
+ return v[0] && v[1] ? `${r(v[0])} – ${r(v[1])}` : "";
1032
1000
  case "quarter":
1033
- if (u[0]) {
1034
- const g = new Date(u[0]), x = g.getFullYear(), M = g.getMonth();
1035
- return `${Math.floor(M / 3) + 1} ${l("filter.quarter")} ${x}`;
1001
+ if (v[0]) {
1002
+ const h = new Date(v[0]), b = h.getFullYear(), K = h.getMonth();
1003
+ return `${Math.floor(K / 3) + 1} ${t("filter.quarter")} ${b}`;
1036
1004
  }
1037
1005
  return "";
1038
1006
  case "month":
1039
- if (u[0]) {
1040
- const [g, x] = u[0].split("-");
1041
- return `${k(parseInt(x, 10))} ${g}`;
1007
+ if (v[0]) {
1008
+ const [h, b] = v[0].split("-");
1009
+ return `${k(parseInt(b, 10))} ${h}`;
1042
1010
  }
1043
1011
  return "";
1044
1012
  case "year":
1045
- return u[0] || "";
1013
+ return v[0] || "";
1046
1014
  case "last_7_days":
1047
1015
  return "За останні дні";
1048
1016
  default:
1049
- return t.label ?? "";
1017
+ return f.label ?? "";
1050
1018
  }
1051
1019
  }
1052
- const A = E(() => r.value ? V(r.value) : t.label ?? "");
1053
- function d() {
1054
- r.value = "", n.value = [], o("update:modelValue", []), o("clear", t.name);
1020
+ const C = O(() => u.value ? _(u.value) : f.label ?? "");
1021
+ function o() {
1022
+ u.value = "", l.value = [], a("update:modelValue", []), a("clear", f.name);
1055
1023
  }
1056
1024
  return {
1057
- activeMode: r,
1058
- innerValue: n,
1059
- daysBefore: y,
1060
- onDaysBeforeChange: f,
1061
- onSelectChange: s,
1062
- nextClick: h,
1063
- prevClick: m,
1025
+ activeMode: u,
1026
+ innerValue: l,
1027
+ daysBefore: g,
1028
+ onDaysBeforeChange: n,
1029
+ onSelectChange: m,
1030
+ nextClick: x,
1031
+ prevClick: d,
1064
1032
  ukMonths: p,
1065
- formatDisplayDate: b,
1066
- getModeLabel: V,
1067
- currentLabel: A,
1068
- clear: d
1033
+ formatDisplayDate: r,
1034
+ getModeLabel: _,
1035
+ currentLabel: C,
1036
+ clear: o
1069
1037
  };
1070
1038
  }
1071
- const Ht = {
1039
+ const Wt = {
1072
1040
  key: 0,
1073
1041
  class: "relative flex w-full h-auto gap-2 filter-date m-2 flex-wrap"
1074
- }, Gt = {
1042
+ }, qt = {
1075
1043
  key: 0,
1076
1044
  class: "flex gap-1 !w-[75%] rounded-sm"
1077
- }, Xt = ["max", "disabled"], Jt = ["min", "disabled"], Zt = {
1045
+ }, Qt = ["max", "disabled"], Ht = ["min", "disabled"], Gt = {
1078
1046
  key: 0,
1079
1047
  class: "block text-xs font-medium text-gray-600 mb-1"
1080
- }, el = ["max", "disabled"], tl = {
1048
+ }, Xt = ["max", "disabled"], Zt = {
1081
1049
  key: 0,
1082
1050
  class: "block text-xs font-medium text-gray-600 mb-1"
1083
- }, ll = {
1051
+ }, Jt = {
1084
1052
  key: 0,
1085
1053
  class: "block text-xs font-medium text-gray-600 mb-1"
1086
- }, al = ["min", "disabled"], nl = { class: "flex gap-1 pt-2" }, ol = ["onClick"];
1087
- const rl = /* @__PURE__ */ Y({
1054
+ }, el = ["min", "disabled"], tl = { class: "flex gap-1 pt-2" }, ll = ["onClick"];
1055
+ const ol = /* @__PURE__ */ q({
1088
1056
  __name: "date-input",
1089
1057
  props: {
1090
1058
  id: {},
@@ -1113,254 +1081,241 @@ const rl = /* @__PURE__ */ Y({
1113
1081
  itemClass: {}
1114
1082
  },
1115
1083
  emits: ["update:modelValue", "change", "clear"],
1116
- setup(t, { expose: o, emit: v }) {
1117
- const l = t, r = Te(), n = Ut(), y = le(), f = v, s = $(null), {
1118
- activeMode: h,
1119
- innerValue: m,
1084
+ setup(f, { expose: a, emit: y }) {
1085
+ const t = f, u = Oe(), l = Ot(), g = oe(), n = y, m = A(null), {
1086
+ activeMode: x,
1087
+ innerValue: d,
1120
1088
  onSelectChange: p,
1121
- nextClick: b,
1089
+ nextClick: r,
1122
1090
  prevClick: k,
1123
- clear: V
1124
- } = _e(
1125
- {
1126
- ...l,
1127
- popoverRef: s
1128
- },
1129
- f
1130
- );
1131
- return O(
1132
- () => l.modelValue,
1133
- (A) => {
1134
- A !== void 0 ? (m.value = A, f("update:modelValue", A)) : (h.value = "", m.value = []);
1135
- }
1136
- ), O(
1137
- m,
1138
- (A) => {
1139
- f("update:modelValue", A), f("change", { name: l.name, value: A });
1140
- },
1141
- { deep: !0 }
1142
- ), o({
1143
- clear: V,
1144
- popoverRef: s
1145
- }), (A, d) => (i(), w(_, null, [
1146
- t.layout === "inline" ? (i(), w("div", Ht, [
1147
- e(h) !== "" && e(h) === "range" ? (i(), w("div", Gt, [
1148
- d[7] || (d[7] = Q(" 1111 ", -1)),
1149
- q(c("input", {
1091
+ clear: _
1092
+ } = Ie({
1093
+ ...t,
1094
+ popoverRef: m
1095
+ }, n);
1096
+ return U(() => t.modelValue, (C) => {
1097
+ C !== void 0 ? (d.value = C, n("update:modelValue", C)) : (x.value = "", d.value = []);
1098
+ }), a({
1099
+ clear: _,
1100
+ popoverRef: m
1101
+ }), (C, o) => (i(), w(I, null, [
1102
+ C.layout === "inline" ? (i(), w("div", Wt, [
1103
+ e(x) !== "" && e(x) === "range" ? (i(), w("div", qt, [
1104
+ W(s("input", {
1150
1105
  type: "date",
1151
- max: e(m)[1],
1106
+ max: e(d)[1],
1152
1107
  locale: "uk-UA",
1153
- "onUpdate:modelValue": d[0] || (d[0] = (a) => e(m)[0] = a),
1108
+ "onUpdate:modelValue": o[0] || (o[0] = (c) => e(d)[0] = c),
1154
1109
  class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",
1155
- disabled: t.disabled
1156
- }, null, 8, Xt), [
1157
- [ne, e(m)[0]]
1110
+ disabled: C.disabled
1111
+ }, null, 8, Qt), [
1112
+ [ee, e(d)[0]]
1158
1113
  ]),
1159
- q(c("input", {
1114
+ W(s("input", {
1160
1115
  type: "date",
1161
- min: e(m)[0],
1116
+ min: e(d)[0],
1162
1117
  locale: "uk-UA",
1163
- "onUpdate:modelValue": d[1] || (d[1] = (a) => e(m)[1] = a),
1118
+ "onUpdate:modelValue": o[1] || (o[1] = (c) => e(d)[1] = c),
1164
1119
  class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",
1165
- disabled: t.disabled
1166
- }, null, 8, Jt), [
1167
- [ne, e(m)[1]]
1120
+ disabled: C.disabled
1121
+ }, null, 8, Ht), [
1122
+ [ee, e(d)[1]]
1168
1123
  ])
1169
- ])) : C("", !0)
1170
- ])) : C("", !0),
1171
- c("div", {
1172
- class: L(t.layout === "popover" ? "space-y-3 p-2" : "flex items-center gap-2")
1124
+ ])) : V("", !0)
1125
+ ])) : V("", !0),
1126
+ s("div", {
1127
+ class: E(C.layout === "popover" ? "space-y-3 p-2" : "flex items-center gap-2")
1173
1128
  }, [
1174
- c("div", {
1175
- class: L(t.layout !== "popover" ? "w-[48%]" : "")
1129
+ s("div", {
1130
+ class: E(C.layout !== "popover" ? "w-[48%]" : "")
1176
1131
  }, [
1177
- t.layout === "popover" ? (i(), w("label", Zt, S(e(y)("filter.from")), 1)) : C("", !0),
1178
- q(c("input", {
1132
+ C.layout === "popover" ? (i(), w("label", Gt, B(e(g)("filter.from")), 1)) : V("", !0),
1133
+ W(s("input", {
1179
1134
  type: "date",
1180
- max: e(m)[1],
1135
+ max: e(d)[1],
1181
1136
  locale: "uk-UA",
1182
- "onUpdate:modelValue": d[2] || (d[2] = (a) => e(m)[0] = a),
1183
- class: L(e(r)),
1184
- disabled: t.disabled
1185
- }, null, 10, el), [
1186
- [ne, e(m)[0]]
1137
+ "onUpdate:modelValue": o[2] || (o[2] = (c) => e(d)[0] = c),
1138
+ class: E(e(u)),
1139
+ disabled: C.disabled
1140
+ }, null, 10, Xt), [
1141
+ [ee, e(d)[0]]
1187
1142
  ])
1188
1143
  ], 2),
1189
- t.layout !== "popover" ? (i(), w("label", tl, " - ")) : C("", !0),
1190
- c("div", {
1191
- class: L(t.layout !== "popover" ? "w-[48%]" : "")
1144
+ C.layout !== "popover" ? (i(), w("label", Zt, " - ")) : V("", !0),
1145
+ s("div", {
1146
+ class: E(C.layout !== "popover" ? "w-[48%]" : "")
1192
1147
  }, [
1193
- t.layout === "popover" ? (i(), w("label", ll, S(e(y)("filter.to")), 1)) : C("", !0),
1194
- q(c("input", {
1148
+ C.layout === "popover" ? (i(), w("label", Jt, B(e(g)("filter.to")), 1)) : V("", !0),
1149
+ W(s("input", {
1195
1150
  type: "date",
1196
- min: e(m)[0],
1151
+ min: e(d)[0],
1197
1152
  locale: "uk-UA",
1198
- "onUpdate:modelValue": d[3] || (d[3] = (a) => e(m)[1] = a),
1199
- class: L(e(r)),
1200
- disabled: t.disabled
1201
- }, null, 10, al), [
1202
- [ne, e(m)[1]]
1153
+ "onUpdate:modelValue": o[3] || (o[3] = (c) => e(d)[1] = c),
1154
+ class: E(e(u)),
1155
+ disabled: C.disabled
1156
+ }, null, 10, el), [
1157
+ [ee, e(d)[1]]
1203
1158
  ])
1204
1159
  ], 2)
1205
1160
  ], 2),
1206
- c("div", nl, [
1207
- (i(), w(_, null, X(["today", "week", "month", "quarter", "year"], (a) => c("button", {
1208
- key: a,
1209
- class: L(e(n) + (e(h) === a ? " bg-blue-100" : "")),
1210
- onClick: (u) => e(p)(a)
1211
- }, S(e(y)("filter." + a)), 11, ol)), 64)),
1212
- c("button", {
1213
- class: L(e(n)),
1214
- onClick: d[4] || (d[4] = //@ts-ignore
1215
- (...a) => e(k) && e(k)(...a))
1216
- }, "<", 2),
1217
- c("button", {
1218
- class: L(e(n)),
1219
- onClick: d[5] || (d[5] = //@ts-ignore
1220
- (...a) => e(b) && e(b)(...a))
1221
- }, ">", 2)
1161
+ s("div", tl, [
1162
+ (i(), w(I, null, X(["today", "week", "month", "quarter", "year"], (c) => s("button", {
1163
+ key: c,
1164
+ class: E(e(l) + (e(x) === c ? " bg-blue-100" : "")),
1165
+ onClick: (v) => e(p)(c)
1166
+ }, B(e(g)("filter." + c)), 11, ll)), 64)),
1167
+ s("button", {
1168
+ class: E(e(l)),
1169
+ onClick: o[4] || (o[4] = //@ts-ignore
1170
+ (...c) => e(k) && e(k)(...c))
1171
+ }, " <", 2),
1172
+ s("button", {
1173
+ class: E(e(l)),
1174
+ onClick: o[5] || (o[5] = //@ts-ignore
1175
+ (...c) => e(r) && e(r)(...c))
1176
+ }, " >", 2)
1222
1177
  ]),
1223
- (t.cleanable, C("", !0))
1178
+ (C.cleanable, V("", !0))
1224
1179
  ], 64));
1225
1180
  }
1226
1181
  });
1227
- function sl(t, o) {
1182
+ function al(f, a) {
1228
1183
  const {
1229
- api: v,
1230
- options: l = [],
1231
- limit: r = 20,
1232
- dataKey: n = "data"
1233
- } = t, y = t.multi;
1234
- function f(D) {
1235
- return y ? Array.isArray(D) ? D : D ? [D] : [] : Array.isArray(D) ? D[0] : D;
1236
- }
1237
- const s = $(f(t.modelValue)), h = $(""), m = $(!1), p = $(l), b = $("id"), k = $("text"), V = $(!1), A = $(t.layout !== "popover" && l.length > r), d = $([]), a = $(0);
1238
- function u(D) {
1239
- const T = D.find(Boolean) ?? {}, N = ["id", "value", "code", "key"].find((ie) => ie in T) ?? "id", P = ["text", "label", "name", "title"].find((ie) => ie in T) ?? "text";
1240
- return { autoValueKey: N, autoLabelKey: P };
1241
- }
1242
- if (l.length > 0) {
1243
- const D = u(l);
1244
- b.value = D.autoValueKey, k.value = D.autoLabelKey;
1245
- }
1246
- const g = E(() => {
1247
- if (v) return p.value;
1248
- const D = p.value;
1249
- if (t.layout === "popover") return D;
1250
- if (!h.value)
1251
- return V.value ? D : D.slice(0, r);
1252
- const T = h.value.toLowerCase();
1253
- return D.filter((N) => N[k.value].toLowerCase().includes(T));
1184
+ api: y,
1185
+ options: t = [],
1186
+ limit: u = 20,
1187
+ dataKey: l = "data"
1188
+ } = f, g = f.multi;
1189
+ function n(j) {
1190
+ return g ? Array.isArray(j) ? j : j ? [j] : [] : Array.isArray(j) ? j[0] : j;
1191
+ }
1192
+ const m = A(n(f.modelValue)), x = A(""), d = A(!1), p = A(t), r = A("id"), k = A("text"), _ = A(!1), C = A(f.layout !== "popover" && t.length > u), o = A([]), c = A(0);
1193
+ function v(j) {
1194
+ const L = j.find(Boolean) ?? {}, P = ["id", "value", "code", "key"].find((ie) => ie in L) ?? "id", Y = ["text", "label", "name", "title"].find((ie) => ie in L) ?? "text";
1195
+ return { autoValueKey: P, autoLabelKey: Y };
1196
+ }
1197
+ if (t.length > 0) {
1198
+ const j = v(t);
1199
+ r.value = j.autoValueKey, k.value = j.autoLabelKey;
1200
+ }
1201
+ const h = O(() => {
1202
+ if (y) return p.value;
1203
+ const j = p.value;
1204
+ if (f.layout === "popover") return j;
1205
+ if (!x.value)
1206
+ return _.value ? j : j.slice(0, u);
1207
+ const L = x.value.toLowerCase();
1208
+ return j.filter((P) => P[k.value].toLowerCase().includes(L));
1254
1209
  });
1255
- let x = null;
1256
- async function M(D) {
1257
- if (v) {
1258
- m.value = !0;
1210
+ let b = null;
1211
+ async function K(j) {
1212
+ if (y) {
1213
+ d.value = !0;
1259
1214
  try {
1260
- const T = new URL(v, window.location.origin);
1261
- T.searchParams.set("json", "1"), T.searchParams.set("key", D), T.searchParams.set("limit", r.toString());
1262
- const N = await fetch(T.toString());
1263
- if (!N.ok) {
1264
- Se({ type: "error", title: "Error", message: "Failed to fetch remote options" }), p.value = [];
1215
+ const L = new URL(y, window.location.origin);
1216
+ L.searchParams.set("json", "1"), L.searchParams.set("key", j), L.searchParams.set("limit", u.toString());
1217
+ const P = await fetch(L.toString());
1218
+ if (!P.ok) {
1219
+ Ae({ type: "error", title: "Error", message: "Failed to fetch remote options" }), p.value = [];
1265
1220
  return;
1266
1221
  }
1267
- const P = await N.json();
1268
- if (!P[n]) {
1269
- Se({ type: "error", title: "Error", message: P }), p.value = [];
1222
+ const Y = await P.json();
1223
+ if (!Y[l]) {
1224
+ Ae({ type: "error", title: "Error", message: Y }), p.value = [];
1270
1225
  return;
1271
1226
  }
1272
- if (p.value = P[n], p.value.length > 0) {
1273
- const ie = u(p.value);
1274
- b.value = ie.autoValueKey, k.value = ie.autoLabelKey;
1227
+ if (p.value = Y[l], p.value.length > 0) {
1228
+ const ie = v(p.value);
1229
+ r.value = ie.autoValueKey, k.value = ie.autoLabelKey;
1275
1230
  }
1276
- a.value = P.total;
1277
- } catch (T) {
1278
- console.error("Failed to fetch remote options:", T);
1231
+ c.value = Y.total;
1232
+ } catch (L) {
1233
+ console.error("Failed to fetch remote options:", L);
1279
1234
  } finally {
1280
- m.value = !1;
1235
+ d.value = !1;
1281
1236
  }
1282
1237
  }
1283
1238
  }
1284
- O(h, (D) => {
1285
- v && (x && clearTimeout(x), x = setTimeout(() => {
1286
- M(D);
1239
+ U(x, (j) => {
1240
+ y && (b && clearTimeout(b), b = setTimeout(() => {
1241
+ K(j);
1287
1242
  }, 200));
1288
- }), O(() => t.modelValue, (D) => {
1289
- s.value = f(D);
1243
+ }), U(() => f.modelValue, (j) => {
1244
+ m.value = n(j);
1290
1245
  }, { immediate: !0 });
1291
- function U(D) {
1292
- return y && Array.isArray(s.value) ? s.value.includes(D[b.value]) : s.value && s.value === D[b.value];
1246
+ function M(j) {
1247
+ return g && Array.isArray(m.value) ? m.value.includes(j[r.value]) : m.value && m.value === j[r.value];
1293
1248
  }
1294
- function j(D) {
1295
- if (y && !Array.isArray(s.value) && (s.value = []), y && Array.isArray(s.value)) {
1296
- const T = s.value.includes(D[b.value]);
1297
- s.value = T ? s.value.filter((N) => N !== D[b.value]) : [...s.value, D[b.value]], d.value = T ? d.value.filter((N) => N !== D[k.value]) : [...d.value, D[k.value]];
1249
+ function $(j) {
1250
+ if (g && !Array.isArray(m.value) && (m.value = []), g && Array.isArray(m.value)) {
1251
+ const L = m.value.includes(j[r.value]);
1252
+ m.value = L ? m.value.filter((P) => P !== j[r.value]) : [...m.value, j[r.value]], o.value = L ? o.value.filter((P) => P !== j[k.value]) : [...o.value, j[k.value]];
1298
1253
  } else
1299
- s.value = D[b.value], d.value = D[k.value];
1300
- o("update:modelValue", s.value), o("change", { name: t.name, value: s.value });
1254
+ m.value = j[r.value], o.value = j[k.value];
1255
+ a("update:modelValue", m.value), a("change", { name: f.name, value: m.value });
1301
1256
  }
1302
- function B() {
1303
- y ? (s.value = [], d.value = []) : (s.value = void 0, d.value = []), o("update:modelValue", s.value), o("clear", t.name);
1257
+ function S() {
1258
+ g ? (m.value = [], o.value = []) : (m.value = void 0, o.value = []), a("update:modelValue", m.value), a("clear", f.name);
1304
1259
  }
1305
- function K() {
1306
- x && clearTimeout(x), h.value = "", V.value = !1;
1260
+ function F() {
1261
+ b && clearTimeout(b), x.value = "", _.value = !1;
1307
1262
  }
1308
- function R() {
1309
- V.value = !V.value;
1263
+ function D() {
1264
+ _.value = !_.value;
1310
1265
  }
1311
1266
  pe(() => {
1312
- x && clearTimeout(x);
1267
+ b && clearTimeout(b);
1313
1268
  });
1314
- const F = $(-1);
1315
- O(g, () => {
1316
- F.value = g.value.length > 0 ? 0 : -1;
1269
+ const R = A(-1);
1270
+ U(h, () => {
1271
+ R.value = h.value.length > 0 ? 0 : -1;
1317
1272
  });
1318
- function z(D) {
1319
- const T = g.value.length;
1320
- if (D.key === "ArrowDown")
1321
- D.preventDefault(), F.value = (F.value + 1) % T;
1322
- else if (D.key === "ArrowUp")
1323
- D.preventDefault(), F.value = (F.value - 1 + T) % T;
1324
- else if (D.key === "Enter" && (D.preventDefault(), F.value >= 0 && F.value < g.value.length)) {
1325
- const N = g.value[F.value];
1326
- j(N);
1273
+ function N(j) {
1274
+ const L = h.value.length;
1275
+ if (j.key === "ArrowDown")
1276
+ j.preventDefault(), R.value = (R.value + 1) % L;
1277
+ else if (j.key === "ArrowUp")
1278
+ j.preventDefault(), R.value = (R.value - 1 + L) % L;
1279
+ else if (j.key === "Enter" && (j.preventDefault(), R.value >= 0 && R.value < h.value.length)) {
1280
+ const P = h.value[R.value];
1281
+ $(P);
1327
1282
  }
1328
1283
  }
1329
- function H() {
1330
- v && p.value.length === 0 && h.value.length === 0 && M(h.value);
1284
+ function z() {
1285
+ y && p.value.length === 0 && x.value.length === 0 && K(x.value);
1331
1286
  }
1332
1287
  return {
1333
- innerValue: s,
1334
- searchTerm: h,
1335
- filteredOptions: g,
1336
- isSelected: U,
1337
- selectItem: j,
1338
- clear: B,
1339
- resetSearch: K,
1340
- toggleShowAll: R,
1341
- isReqProc: m,
1342
- showAll: V,
1343
- isEnableShowAll: A,
1288
+ innerValue: m,
1289
+ searchTerm: x,
1290
+ filteredOptions: h,
1291
+ isSelected: M,
1292
+ selectItem: $,
1293
+ clear: S,
1294
+ resetSearch: F,
1295
+ toggleShowAll: D,
1296
+ isReqProc: d,
1297
+ showAll: _,
1298
+ isEnableShowAll: C,
1344
1299
  labelKey: k,
1345
- valueKey: b,
1300
+ valueKey: r,
1346
1301
  allOptions: p,
1347
- highlightedIndex: F,
1348
- onKeyDown: z,
1349
- selectedLabels: d,
1350
- totalCount: a,
1351
- loadData: H
1302
+ highlightedIndex: R,
1303
+ onKeyDown: N,
1304
+ selectedLabels: o,
1305
+ totalCount: c,
1306
+ loadData: z
1352
1307
  };
1353
1308
  }
1354
- const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, ul = ["placeholder"], cl = {
1309
+ const nl = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, rl = ["placeholder"], sl = {
1355
1310
  key: 0,
1356
1311
  class: "w-full"
1357
- }, dl = { class: "flex flex-col items-center justify-center p-5 text-center" }, fl = { class: "max-w-sm mx-auto mt-6" }, ml = { class: "font-medium text-gray-800 dark:text-neutral-200" }, pl = {
1312
+ }, il = { class: "flex flex-col items-center justify-center p-5 text-center" }, ul = { class: "max-w-sm mx-auto mt-6" }, dl = { class: "font-medium text-gray-800 dark:text-neutral-200" }, cl = {
1358
1313
  key: 0,
1359
1314
  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
1360
- }, vl = {
1315
+ }, fl = {
1361
1316
  key: 1,
1362
1317
  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
1363
- }, yl = /* @__PURE__ */ Y({
1318
+ }, pl = /* @__PURE__ */ q({
1364
1319
  __name: "select",
1365
1320
  props: {
1366
1321
  id: {},
@@ -1389,154 +1344,154 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
1389
1344
  itemClass: {}
1390
1345
  },
1391
1346
  emits: ["update:modelValue", "change", "clear"],
1392
- setup(t, { expose: o, emit: v }) {
1393
- const l = le(), r = t, n = v, y = $(null), {
1394
- innerValue: f,
1395
- filteredOptions: s,
1396
- isSelected: h,
1397
- selectItem: m,
1347
+ setup(f, { expose: a, emit: y }) {
1348
+ const t = oe(), u = f, l = y, g = A(null), {
1349
+ innerValue: n,
1350
+ filteredOptions: m,
1351
+ isSelected: x,
1352
+ selectItem: d,
1398
1353
  clear: p,
1399
- resetSearch: b,
1354
+ resetSearch: r,
1400
1355
  toggleShowAll: k,
1401
- isReqProc: V,
1402
- showAll: A,
1403
- isEnableShowAll: d,
1404
- searchTerm: a,
1405
- labelKey: u,
1406
- valueKey: g,
1407
- highlightedIndex: x,
1408
- onKeyDown: M,
1409
- selectedLabels: U,
1410
- totalCount: j,
1411
- loadData: B
1412
- } = sl({
1413
- ...r,
1414
- modelValue: r.modelValue
1415
- }, n);
1416
- de(() => {
1417
- b(), r.layout !== "inline" && (B(), y.value && r.layout === "popover" && y.value.focus());
1418
- }), O(
1419
- () => r.modelValue,
1420
- (R) => {
1421
- R === void 0 && (r.multi ? f.value = [] : f.value = void 0);
1356
+ isReqProc: _,
1357
+ showAll: C,
1358
+ isEnableShowAll: o,
1359
+ searchTerm: c,
1360
+ labelKey: v,
1361
+ valueKey: h,
1362
+ highlightedIndex: b,
1363
+ onKeyDown: K,
1364
+ selectedLabels: M,
1365
+ totalCount: $,
1366
+ loadData: S
1367
+ } = al({
1368
+ ...u,
1369
+ modelValue: u.modelValue
1370
+ }, l);
1371
+ ce(() => {
1372
+ r(), u.layout !== "inline" && (S(), g.value && u.layout === "popover" && g.value.focus());
1373
+ }), U(
1374
+ () => u.modelValue,
1375
+ (D) => {
1376
+ D === void 0 && (u.multi ? n.value = [] : n.value = void 0);
1422
1377
  }
1423
1378
  );
1424
- const K = $([]);
1425
- return O(x, (R) => {
1426
- R >= 0 && K.value[R] && K.value[R]?.scrollIntoView({
1379
+ const F = A([]);
1380
+ return U(b, (D) => {
1381
+ D >= 0 && F.value[D] && F.value[D]?.scrollIntoView({
1427
1382
  block: "nearest",
1428
1383
  behavior: "smooth"
1429
1384
  });
1430
- }), O(s, () => {
1431
- K.value = [];
1432
- }), o({
1385
+ }), U(m, () => {
1386
+ F.value = [];
1387
+ }), a({
1433
1388
  clear: p,
1434
- inputTextRef: y,
1435
- selectedLabels: U,
1436
- loadData: B
1437
- }), (R, F) => (i(), w("div", {
1438
- class: L([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
1389
+ inputTextRef: g,
1390
+ selectedLabels: M,
1391
+ loadData: S
1392
+ }), (D, R) => (i(), w("div", {
1393
+ class: E([D.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
1439
1394
  }, [
1440
- c("div", il, [
1441
- q(c("input", {
1442
- "onUpdate:modelValue": F[0] || (F[0] = (z) => Ye(a) ? a.value = z : null),
1443
- onKeydown: F[1] || (F[1] = //@ts-ignore
1444
- (...z) => e(M) && e(M)(...z)),
1395
+ s("div", nl, [
1396
+ W(s("input", {
1397
+ "onUpdate:modelValue": R[0] || (R[0] = (N) => Ye(c) ? c.value = N : null),
1398
+ onKeydown: R[1] || (R[1] = //@ts-ignore
1399
+ (...N) => e(K) && e(K)(...N)),
1445
1400
  class: "w-full h-full text-[13px] px-4 border rounded-sm pl-9 focus:outline-none focus:ring-ring focus:ring-1 focus:ring-blue-500 text-gray-700",
1446
- placeholder: e(l)("filter.search"),
1401
+ placeholder: e(t)("filter.search"),
1447
1402
  type: "text",
1448
1403
  ref_key: "inputTextRef",
1449
- ref: y
1450
- }, null, 40, ul), [
1451
- [ne, e(a)]
1404
+ ref: g
1405
+ }, null, 40, rl), [
1406
+ [ee, e(c)]
1452
1407
  ]),
1453
- W(Ee, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
1454
- e(a) != "" ? (i(), I(Ce, {
1408
+ Q(Le, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
1409
+ e(c) != "" ? (i(), T(Ce, {
1455
1410
  key: 0,
1456
- onClick: F[2] || (F[2] = (z) => a.value = ""),
1411
+ onClick: R[2] || (R[2] = (N) => c.value = ""),
1457
1412
  class: "absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"
1458
- })) : C("", !0)
1413
+ })) : V("", !0)
1459
1414
  ]),
1460
- c("div", {
1461
- class: L([
1462
- t.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
1463
- t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
1415
+ s("div", {
1416
+ class: E([
1417
+ D.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
1418
+ D.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
1464
1419
  ])
1465
1420
  }, [
1466
- (i(!0), w(_, null, X(e(s), (z, H) => (i(), I(xe, {
1467
- layout: t.layout,
1468
- count: z.count,
1469
- label: z[e(u)],
1470
- color: z.color,
1471
- type: t.multi ? "checkbox" : "radio",
1472
- value: z[e(g)],
1473
- "is-selected": e(h)(z),
1474
- highlighted: H === e(x),
1475
- onItemClick: (D) => e(m)(z),
1421
+ (i(!0), w(I, null, X(e(m), (N, z) => (i(), T(he, {
1422
+ layout: D.layout,
1423
+ count: N.count,
1424
+ label: N[e(v)],
1425
+ color: N.color,
1426
+ type: D.multi ? "checkbox" : "radio",
1427
+ value: N[e(h)],
1428
+ "is-selected": e(x)(N),
1429
+ highlighted: z === e(b),
1430
+ onItemClick: (j) => e(d)(N),
1476
1431
  ref_for: !0,
1477
- ref: (D) => K.value[H] = D?.el
1432
+ ref: (j) => F.value[z] = j?.el
1478
1433
  }, null, 8, ["layout", "count", "label", "color", "type", "value", "is-selected", "highlighted", "onItemClick"]))), 256))
1479
1434
  ], 2),
1480
- t.type === "select" && e(s).length === 0 && !e(V) ? (i(), w("div", cl, [
1481
- c("div", dl, [
1482
- W(we),
1483
- c("div", fl, [
1484
- c("p", ml, S(e(l)("filter.notfound")), 1),
1485
- F[7] || (F[7] = c("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
1435
+ D.type === "select" && e(m).length === 0 && !e(_) ? (i(), w("div", sl, [
1436
+ s("div", il, [
1437
+ Q(we),
1438
+ s("div", ul, [
1439
+ s("p", dl, B(e(t)("filter.notfound")), 1),
1440
+ R[7] || (R[7] = s("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
1486
1441
  ])
1487
1442
  ])
1488
- ])) : C("", !0),
1489
- t.layout !== "popover" && t.type !== "select" ? (i(), w(_, { key: 1 }, [
1490
- !e(A) && e(d) ? (i(), w("div", {
1443
+ ])) : V("", !0),
1444
+ D.layout !== "popover" && D.type !== "select" ? (i(), w(I, { key: 1 }, [
1445
+ !e(C) && e(o) ? (i(), w("div", {
1491
1446
  key: 0,
1492
- onClick: F[3] || (F[3] = //@ts-ignore
1493
- (...z) => e(k) && e(k)(...z)),
1447
+ onClick: R[3] || (R[3] = //@ts-ignore
1448
+ (...N) => e(k) && e(k)(...N)),
1494
1449
  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"
1495
1450
  }, [
1496
- Q(S(e(l)("filter.more")) + " ", 1),
1497
- W(ve)
1498
- ])) : C("", !0),
1499
- e(A) ? (i(), w("div", {
1451
+ G(B(e(t)("filter.more")) + " ", 1),
1452
+ Q(ve)
1453
+ ])) : V("", !0),
1454
+ e(C) ? (i(), w("div", {
1500
1455
  key: 1,
1501
- onClick: F[4] || (F[4] = //@ts-ignore
1502
- (...z) => e(k) && e(k)(...z)),
1456
+ onClick: R[4] || (R[4] = //@ts-ignore
1457
+ (...N) => e(k) && e(k)(...N)),
1503
1458
  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"
1504
1459
  }, [
1505
- Q(S(e(l)("filter.less")) + " ", 1),
1506
- W(ke)
1507
- ])) : C("", !0)
1508
- ], 64)) : C("", !0),
1509
- t.cleanable ? (i(), w(_, { key: 2 }, [
1510
- t.layout === "inline" ? (i(), w("div", pl, [
1511
- Q(S(t.multi && Array.isArray(e(f)) ? e(f)?.length : e(f) !== void 0 && (e(f) || e(f) === null) ? 1 : 0) + " / " + S(e(j)) + " " + S(e(l)("filter.selected")) + " ", 1),
1512
- q(c("button", {
1460
+ G(B(e(t)("filter.less")) + " ", 1),
1461
+ Q(ke)
1462
+ ])) : V("", !0)
1463
+ ], 64)) : V("", !0),
1464
+ D.cleanable ? (i(), w(I, { key: 2 }, [
1465
+ D.layout === "inline" ? (i(), w("div", cl, [
1466
+ G(B(D.multi && Array.isArray(e(n)) ? e(n)?.length : e(n) !== void 0 && (e(n) || e(n) === null) ? 1 : 0) + " / " + B(e($)) + " " + B(e(t)("filter.selected")) + " ", 1),
1467
+ W(s("button", {
1513
1468
  class: "text-gray-600 hover:text-gray-800",
1514
- onClick: F[5] || (F[5] = //@ts-ignore
1515
- (...z) => e(p) && e(p)(...z))
1516
- }, S(e(l)("filter.clear")), 513), [
1517
- [Z, e(f) !== "" && e(f) !== void 0 || e(f)]
1469
+ onClick: R[5] || (R[5] = //@ts-ignore
1470
+ (...N) => e(p) && e(p)(...N))
1471
+ }, B(e(t)("filter.clear")), 513), [
1472
+ [J, e(n) !== "" && e(n) !== void 0 || e(n)]
1518
1473
  ])
1519
- ])) : C("", !0),
1520
- t.layout === "popover" ? (i(), w("div", vl, [
1521
- c("span", null, S(t.multi && Array.isArray(e(f)) ? e(f)?.length : e(f) !== void 0 && (e(f) || e(f) === null) ? 1 : 0) + " / " + S(e(j)) + " " + S(e(l)("filter.selected")), 1),
1522
- q(c("button", {
1474
+ ])) : V("", !0),
1475
+ D.layout === "popover" ? (i(), w("div", fl, [
1476
+ s("span", null, B(D.multi && Array.isArray(e(n)) ? e(n)?.length : e(n) !== void 0 && (e(n) || e(n) === null) ? 1 : 0) + " / " + B(e($)) + " " + B(e(t)("filter.selected")), 1),
1477
+ W(s("button", {
1523
1478
  class: "text-gray-600 hover:text-gray-800",
1524
- onClick: F[6] || (F[6] = //@ts-ignore
1525
- (...z) => e(p) && e(p)(...z))
1526
- }, S(e(l)("filter.clear")), 513), [
1527
- [Z, e(f) !== "" && e(f) !== void 0 || e(f)]
1479
+ onClick: R[6] || (R[6] = //@ts-ignore
1480
+ (...N) => e(p) && e(p)(...N))
1481
+ }, B(e(t)("filter.clear")), 513), [
1482
+ [J, e(n) !== "" && e(n) !== void 0 || e(n)]
1528
1483
  ])
1529
- ])) : C("", !0)
1530
- ], 64)) : C("", !0)
1484
+ ])) : V("", !0)
1485
+ ], 64)) : V("", !0)
1531
1486
  ], 2));
1532
1487
  }
1533
- }), gl = ["for", "onClick"], bl = ["id", "name", "value"], xl = { class: "block" }, hl = {
1488
+ }), ml = ["for", "onClick"], vl = ["id", "name", "value"], yl = { class: "block" }, gl = {
1534
1489
  key: 0,
1535
1490
  class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
1536
- }, wl = {
1491
+ }, bl = {
1537
1492
  key: 1,
1538
1493
  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
1539
- }, kl = /* @__PURE__ */ Y({
1494
+ }, hl = /* @__PURE__ */ q({
1540
1495
  __name: "tag-field",
1541
1496
  props: {
1542
1497
  id: {},
@@ -1565,77 +1520,77 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
1565
1520
  itemClass: {}
1566
1521
  },
1567
1522
  emits: ["update:modelValue", "change", "clear"],
1568
- setup(t, { expose: o, emit: v }) {
1569
- const l = t, r = v, {
1570
- innerValue: n,
1571
- isSelected: y,
1572
- selectItem: f,
1573
- clear: s,
1574
- labelKey: h,
1575
- valueKey: m,
1523
+ setup(f, { expose: a, emit: y }) {
1524
+ const t = f, u = y, {
1525
+ innerValue: l,
1526
+ isSelected: g,
1527
+ selectItem: n,
1528
+ clear: m,
1529
+ labelKey: x,
1530
+ valueKey: d,
1576
1531
  allOptions: p
1577
- } = l.multi ? Le({
1578
- ...l,
1579
- modelValue: l.modelValue ?? l.default ?? []
1580
- }, r) : he({
1581
- ...l,
1582
- modelValue: l.modelValue !== void 0 ? l.modelValue : l.default ?? ""
1583
- }, r);
1584
- return o({
1585
- clear: s
1586
- }), O(
1587
- () => l.modelValue,
1588
- (b) => {
1589
- b === void 0 && (l.multi ? n.value = [] : n.value = void 0);
1532
+ } = t.multi ? Me({
1533
+ ...t,
1534
+ modelValue: t.modelValue ?? t.default ?? []
1535
+ }, u) : xe({
1536
+ ...t,
1537
+ modelValue: t.modelValue !== void 0 ? t.modelValue : t.default ?? ""
1538
+ }, u);
1539
+ return a({
1540
+ clear: m
1541
+ }), U(
1542
+ () => t.modelValue,
1543
+ (r) => {
1544
+ r === void 0 && (t.multi ? l.value = [] : l.value = void 0);
1590
1545
  }
1591
- ), (b, k) => (i(), w(_, null, [
1592
- c("div", {
1593
- class: L(["grid grid-cols-3 gap-2 mx-[1px]", t.layout === "popover" ? "m-1" : "mb-1"])
1546
+ ), (r, k) => (i(), w(I, null, [
1547
+ s("div", {
1548
+ class: E(["grid grid-cols-3 gap-2 mx-[1px]", r.layout === "popover" ? "m-1" : "mb-1"])
1594
1549
  }, [
1595
- (i(!0), w(_, null, X(e(p), (V) => (i(), w("label", {
1596
- key: `item-${V[e(m)]}`,
1597
- for: `item-${V[e(m)]}`,
1598
- onClick: se((A) => e(f)(V), ["stop", "prevent"]),
1599
- class: L([e(y)(V) ? "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-sm 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%)]"])
1550
+ (i(!0), w(I, null, X(e(p), (_) => (i(), w("label", {
1551
+ key: `item-${_[e(d)]}`,
1552
+ for: `item-${_[e(d)]}`,
1553
+ onClick: se((C) => e(n)(_), ["stop", "prevent"]),
1554
+ class: E([e(g)(_) ? "ring-2 ring-indigo-600" : "", "p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-sm 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%)]"])
1600
1555
  }, [
1601
- c("input", {
1556
+ s("input", {
1602
1557
  type: "checkbox",
1603
- id: `item-${V[e(m)]}`,
1558
+ id: `item-${_[e(d)]}`,
1604
1559
  class: "hidden w4poy border-gray-200 g41z1 g22e3 axcnw dark:text-indigo-500 dark:border-neutral-700 dark:focus:ring-neutral-900",
1605
- name: `item-${V[e(m)]}`,
1606
- value: V[e(m)]
1607
- }, null, 8, bl),
1608
- c("span", xl, S(V[e(h)]), 1)
1609
- ], 10, gl))), 128))
1560
+ name: `item-${_[e(d)]}`,
1561
+ value: _[e(d)]
1562
+ }, null, 8, vl),
1563
+ s("span", yl, B(_[e(x)]), 1)
1564
+ ], 10, ml))), 128))
1610
1565
  ], 2),
1611
- t.cleanable ? (i(), w(_, { key: 0 }, [
1612
- t.layout === "inline" ? (i(), w("div", hl, [
1613
- Q(S(t.multi && Array.isArray(e(n)) ? e(n)?.length : e(n) !== void 0 && (e(n) || e(n) === null) ? 1 : 0) + " з " + S(e(p).length) + " обрано ", 1),
1614
- q(c("button", {
1566
+ r.cleanable ? (i(), w(I, { key: 0 }, [
1567
+ r.layout === "inline" ? (i(), w("div", gl, [
1568
+ G(B(r.multi && Array.isArray(e(l)) ? e(l)?.length : e(l) !== void 0 && (e(l) || e(l) === null) ? 1 : 0) + " з " + B(e(p).length) + " обрано ", 1),
1569
+ W(s("button", {
1615
1570
  class: "text-gray-600 hover:text-gray-800",
1616
1571
  onClick: k[0] || (k[0] = //@ts-ignore
1617
- (...V) => e(s) && e(s)(...V))
1572
+ (..._) => e(m) && e(m)(..._))
1618
1573
  }, " Очистити ", 512), [
1619
- [Z, e(n) !== "" && e(n) !== void 0 || e(n)]
1574
+ [J, e(l) !== "" && e(l) !== void 0 || e(l)]
1620
1575
  ])
1621
- ])) : C("", !0),
1622
- t.layout === "popover" ? (i(), w("div", wl, [
1623
- c("span", null, S(t.multi && Array.isArray(e(n)) ? e(n)?.length : e(n) !== void 0 && (e(n) || e(n) === null) ? 1 : 0) + " з " + S(e(p).length) + " обрано", 1),
1624
- q(c("button", {
1576
+ ])) : V("", !0),
1577
+ r.layout === "popover" ? (i(), w("div", bl, [
1578
+ s("span", null, B(r.multi && Array.isArray(e(l)) ? e(l)?.length : e(l) !== void 0 && (e(l) || e(l) === null) ? 1 : 0) + " з " + B(e(p).length) + " обрано", 1),
1579
+ W(s("button", {
1625
1580
  class: "text-gray-600 hover:text-gray-800",
1626
1581
  onClick: k[1] || (k[1] = //@ts-ignore
1627
- (...V) => e(s) && e(s)(...V))
1582
+ (..._) => e(m) && e(m)(..._))
1628
1583
  }, " Очистити ", 512), [
1629
- [Z, e(n) !== void 0 && e(n) !== "" || e(n)]
1584
+ [J, e(l) !== void 0 && e(l) !== "" || e(l)]
1630
1585
  ])
1631
- ])) : C("", !0)
1632
- ], 64)) : C("", !0)
1586
+ ])) : V("", !0)
1587
+ ], 64)) : V("", !0)
1633
1588
  ], 64));
1634
1589
  }
1635
- }), Cl = ["disabled", "title"], Vl = { class: "flex w-full items-center justify-between gap-1 overflow-hidden text-left" }, $l = { class: "truncate text-ellipsis text-sm" }, Al = {
1590
+ }), xl = ["disabled", "title"], wl = { class: "flex w-full items-center justify-between gap-1 overflow-hidden text-left" }, kl = { class: "truncate text-ellipsis text-sm" }, Cl = {
1636
1591
  key: 0,
1637
1592
  class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-sm bg-blue-100 px-2 text-[11px] font-semibold text-blue-600"
1638
- }, Sl = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-sm 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" }, Bl = { 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" }, Ve = /* @__PURE__ */ Y({
1593
+ }, _l = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-sm 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" }, Vl = { 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" }, _e = /* @__PURE__ */ q({
1639
1594
  __name: "popover-field",
1640
1595
  props: {
1641
1596
  disabled: { type: Boolean, default: !1 },
@@ -1652,91 +1607,108 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
1652
1607
  mode: {},
1653
1608
  layout: {}
1654
1609
  },
1655
- setup(t, { expose: o }) {
1656
- const v = t, l = E(() => Ie(v.mode)), r = $(!1), n = $({ top: 0, left: 0 }), y = $(null), f = $(null), s = $(null);
1657
- function h() {
1658
- const x = f.value, M = s.value;
1659
- if (!x || !M) return;
1660
- const U = x.getBoundingClientRect(), j = M.offsetWidth, B = window.innerWidth, K = U.bottom + 8;
1661
- let { left: R } = U;
1662
- R + j > B && (R = Math.max(B - j - 10, 10)), n.value = { top: K, left: R };
1610
+ setup(f, { expose: a }) {
1611
+ const y = f, t = O(() => Te(y.mode)), u = A(!1), l = A({ top: 0, left: 0 }), g = A(null), n = A(null), m = A(null);
1612
+ function x() {
1613
+ const b = n.value, K = m.value;
1614
+ if (!b || !K) return;
1615
+ const M = b.getBoundingClientRect(), $ = K.offsetWidth, S = window.innerWidth, F = M.bottom + 8;
1616
+ let { left: D } = M;
1617
+ D + $ > S && (D = Math.max(S - $ - 10, 10)), l.value = { top: F, left: D };
1663
1618
  }
1664
- function m() {
1665
- r.value = !r.value, r.value && fe(() => {
1666
- h(), v.fieldRef?.inputTextRef && v.fieldRef?.inputTextRef?.focus?.(), v.fieldRef?.loadData && v.fieldRef?.loadData?.();
1619
+ function d() {
1620
+ u.value = !u.value, u.value && me(() => {
1621
+ x(), y.fieldRef?.inputTextRef && y.fieldRef?.inputTextRef?.focus?.(), y.fieldRef?.loadData && y.fieldRef?.loadData?.();
1667
1622
  });
1668
1623
  }
1669
- function p(x) {
1670
- !y.value?.contains(x.target) && !s.value?.contains(x.target) && !f.value?.contains(x.target) && (r.value = !1);
1624
+ function p(b) {
1625
+ !g.value?.contains(b.target) && !m.value?.contains(b.target) && !n.value?.contains(b.target) && (u.value = !1);
1671
1626
  }
1672
- function b(x) {
1673
- x.key === "Escape" && (r.value = !1);
1627
+ function r(b) {
1628
+ b.key === "Escape" && (u.value = !1);
1674
1629
  }
1675
- const k = $(!1), V = $("ua"), A = (x) => {
1676
- x.detail.key === "locale" && (V.value = x.detail.newValue);
1630
+ const k = A(!1), _ = A("ua"), C = (b) => {
1631
+ b.detail.key === "locale" && (_.value = b.detail.newValue);
1677
1632
  };
1678
- de(() => {
1679
- k.value = !0, V.value = localStorage.locale, window.addEventListener("storage", A), document.addEventListener("click", p, !0), document.addEventListener("keydown", b), window.addEventListener("scroll", h, !0);
1633
+ ce(() => {
1634
+ k.value = !0, _.value = localStorage.locale, window.addEventListener("storage", C), document.addEventListener("click", p, !0), document.addEventListener("keydown", r), window.addEventListener("scroll", x, !0);
1680
1635
  }), pe(() => {
1681
- window.removeEventListener("resize", A), document.removeEventListener("click", p, !0), document.removeEventListener("keydown", b), window.removeEventListener("scroll", h, !0);
1636
+ window.removeEventListener("resize", C), document.removeEventListener("click", p, !0), document.removeEventListener("keydown", r), window.removeEventListener("scroll", x, !0);
1682
1637
  });
1683
- function d() {
1684
- r.value = !1;
1638
+ function o() {
1639
+ u.value = !1;
1685
1640
  }
1686
- o({ close: d });
1687
- function a(x) {
1688
- return Array.isArray(x) ? x.filter((M) => M != null && M !== "").length : x && typeof x == "object" ? Object.values(x).filter((M) => M != null && M !== "").length : typeof x == "string" ? x.trim() === "" ? 0 : 1 : typeof x == "number" ? Number.isNaN(x) ? 0 : 1 : x === null || x !== void 0 ? 1 : 0;
1641
+ a({ close: o });
1642
+ function c(b) {
1643
+ return Array.isArray(b) ? b.filter((K) => K != null && K !== "").length : b && typeof b == "object" ? Object.values(b).filter((K) => K != null && K !== "").length : typeof b == "string" ? b.trim() === "" ? 0 : 1 : typeof b == "number" ? Number.isNaN(b) ? 0 : 1 : b === null || b !== void 0 ? 1 : 0;
1689
1644
  }
1690
- const u = E(() => {
1691
- const x = v.fieldRef?.selectedLabels, M = a(x);
1692
- return M > 0 ? M : a(v.currentValue);
1693
- }), g = E(() => {
1694
- const x = v.fieldRef?.selectedLabels;
1695
- return !x || ["inline"].includes(v.layout || "") ? v[V.value] || (v.label ?? "") : Array.isArray(x) ? x.length > 0 ? x.join(", ") : v.label ?? "" : String(x);
1645
+ const v = O(() => {
1646
+ const b = y.fieldRef?.selectedLabels, K = c(b);
1647
+ return K > 0 ? K : c(y.currentValue);
1648
+ }), h = O(() => {
1649
+ const b = y.fieldRef?.selectedLabels;
1650
+ return !b || ["inline"].includes(y.layout || "") ? y[_.value] || (y.label ?? "") : Array.isArray(b) ? b.length > 0 ? b.join(", ") : y.label ?? "" : String(b);
1696
1651
  });
1697
- return (x, M) => (i(), w("div", null, [
1698
- c("button", {
1699
- onClick: m,
1700
- disabled: t.disabled,
1652
+ return (b, K) => (i(), w("div", null, [
1653
+ s("button", {
1654
+ onClick: d,
1655
+ disabled: b.disabled,
1701
1656
  ref_key: "triggerRef",
1702
- ref: f,
1703
- title: t.label,
1704
- class: L([
1705
- l.value,
1706
- t.width ? e(Oe).getWidthClass(t.width) : "w-full",
1707
- t.layout === "inline" && u.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600" : ""
1657
+ ref: n,
1658
+ title: b.label,
1659
+ class: E([
1660
+ t.value,
1661
+ b.width ? e(Ee).getWidthClass(b.width) : "w-full",
1662
+ b.layout === "inline" && v.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600" : ""
1708
1663
  ]),
1709
1664
  type: "button"
1710
1665
  }, [
1711
- c("span", Vl, [
1712
- c("span", $l, S(g.value), 1),
1713
- t.layout === "inline" && u.value > 0 ? (i(), w("span", Al, S(u.value), 1)) : C("", !0)
1666
+ s("span", wl, [
1667
+ s("span", kl, B(h.value), 1),
1668
+ b.layout === "inline" && v.value > 0 ? (i(), w("span", Cl, B(v.value), 1)) : V("", !0)
1714
1669
  ]),
1715
- W(ve, { class: "h-4 w-4 text-neutral-500" })
1716
- ], 10, Cl),
1717
- k.value ? (i(), I(ge, {
1670
+ Q(ve, { class: "h-4 w-4 text-neutral-500" })
1671
+ ], 10, xl),
1672
+ k.value ? (i(), T(ge, {
1718
1673
  key: 0,
1719
1674
  to: "body"
1720
1675
  }, [
1721
- q(c("div", {
1676
+ W(s("div", {
1722
1677
  ref_key: "popperRef",
1723
- ref: s,
1678
+ ref: m,
1724
1679
  class: "vsTailwind vs-popover__content bottom-right w-fit fixed z-[1000]",
1725
- style: be({ top: `${n.value.top}px`, left: `${n.value.left}px` }),
1680
+ style: be({ top: `${l.value.top}px`, left: `${l.value.left}px` }),
1726
1681
  "data-inside-popover": ""
1727
1682
  }, [
1728
- c("div", Sl, [
1729
- c("div", Bl, [
1730
- ce(x.$slots, "default")
1683
+ s("div", _l, [
1684
+ s("div", Vl, [
1685
+ ue(b.$slots, "default")
1731
1686
  ])
1732
1687
  ])
1733
1688
  ], 4), [
1734
- [Z, r.value]
1689
+ [J, u.value]
1735
1690
  ])
1736
- ])) : C("", !0)
1691
+ ])) : V("", !0)
1737
1692
  ]));
1738
1693
  }
1739
- }), jl = {}, Dl = {
1694
+ }), $l = {}, Al = {
1695
+ xmlns: "http://www.w3.org/2000/svg",
1696
+ width: "24",
1697
+ height: "24",
1698
+ viewBox: "0 0 24 24",
1699
+ fill: "none",
1700
+ stroke: "currentColor",
1701
+ "stroke-width": "2",
1702
+ "stroke-linecap": "round",
1703
+ "stroke-linejoin": "round",
1704
+ class: "text-blue-600 w-[16px] h-[16px]"
1705
+ };
1706
+ function Bl(f, a) {
1707
+ return i(), w("svg", Al, [...a[0] || (a[0] = [
1708
+ s("path", { d: "M20 6 9 17l-5-5" }, null, -1)
1709
+ ])]);
1710
+ }
1711
+ const re = /* @__PURE__ */ te($l, [["render", Bl]]), Sl = {}, jl = {
1740
1712
  xmlns: "http://www.w3.org/2000/svg",
1741
1713
  width: "15px",
1742
1714
  height: "24",
@@ -1748,17 +1720,17 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
1748
1720
  "stroke-linejoin": "round",
1749
1721
  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[90deg]"
1750
1722
  };
1751
- function Rl(t, o) {
1752
- return i(), w("svg", Dl, [...o[0] || (o[0] = [
1753
- c("path", {
1723
+ function Dl(f, a) {
1724
+ return i(), w("svg", jl, [...a[0] || (a[0] = [
1725
+ s("path", {
1754
1726
  stroke: "none",
1755
1727
  d: "M0 0h24v24H0z",
1756
1728
  fill: "none"
1757
1729
  }, null, -1),
1758
- c("path", { d: "M6 9l6 6l6 -6" }, null, -1)
1730
+ s("path", { d: "M6 9l6 6l6 -6" }, null, -1)
1759
1731
  ])]);
1760
1732
  }
1761
- const Fl = /* @__PURE__ */ ee(jl, [["render", Rl]]), Kl = {}, Ml = {
1733
+ const Rl = /* @__PURE__ */ te(Sl, [["render", Dl]]), Fl = {}, Kl = {
1762
1734
  xmlns: "http://www.w3.org/2000/svg",
1763
1735
  width: "15px",
1764
1736
  height: "24",
@@ -1770,21 +1742,21 @@ const Fl = /* @__PURE__ */ ee(jl, [["render", Rl]]), Kl = {}, Ml = {
1770
1742
  "stroke-linejoin": "round",
1771
1743
  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[270deg]"
1772
1744
  };
1773
- function Ll(t, o) {
1774
- return i(), w("svg", Ml, [...o[0] || (o[0] = [
1775
- c("path", {
1745
+ function Ml(f, a) {
1746
+ return i(), w("svg", Kl, [...a[0] || (a[0] = [
1747
+ s("path", {
1776
1748
  stroke: "none",
1777
1749
  d: "M0 0h24v24H0z",
1778
1750
  fill: "none"
1779
1751
  }, null, -1),
1780
- c("path", { d: "M6 9l6 6l6 -6" }, null, -1)
1752
+ s("path", { d: "M6 9l6 6l6 -6" }, null, -1)
1781
1753
  ])]);
1782
1754
  }
1783
- const El = /* @__PURE__ */ ee(Kl, [["render", Ll]]), Ol = { class: "flex gap-1" }, Tl = { class: "mb-1" }, Il = { class: "mb-1" }, _l = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Ul = ["title"], zl = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Nl = ["title"], Pl = {
1755
+ const Ll = /* @__PURE__ */ te(Fl, [["render", Ml]]), El = { class: "flex" }, Ol = { class: "mb-1" }, Tl = { class: "mb-1" }, Il = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Ul = ["title"], zl = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Nl = ["title"], Pl = {
1784
1756
  key: 1,
1785
1757
  class: "flex gap-1 !w-[75%] rounded-sm"
1786
- }, Yl = ["max", "value", "disabled"], Wl = ["min", "value", "disabled"];
1787
- const ql = /* @__PURE__ */ Y({
1758
+ }, Yl = ["max", "disabled"], Wl = ["min", "disabled"];
1759
+ const ql = /* @__PURE__ */ q({
1788
1760
  __name: "date-input-inline",
1789
1761
  props: {
1790
1762
  id: {},
@@ -1813,181 +1785,167 @@ const ql = /* @__PURE__ */ Y({
1813
1785
  itemClass: {}
1814
1786
  },
1815
1787
  emits: ["update:modelValue", "change", "clear"],
1816
- setup(t, { expose: o, emit: v }) {
1817
- const l = le(), r = t, n = v, y = $(null), {
1818
- activeMode: f,
1819
- innerValue: s,
1820
- onSelectChange: h,
1821
- nextClick: m,
1788
+ setup(f, { expose: a, emit: y }) {
1789
+ const t = oe(), u = f, l = y, g = A(null), {
1790
+ activeMode: n,
1791
+ innerValue: m,
1792
+ onSelectChange: x,
1793
+ nextClick: d,
1822
1794
  prevClick: p,
1823
- currentLabel: b,
1795
+ currentLabel: r,
1824
1796
  clear: k
1825
- } = _e({
1826
- ...r,
1827
- popoverRef: y
1828
- }, n);
1829
- O(() => r.modelValue, (d) => {
1830
- d !== void 0 ? (s.value = d, n("update:modelValue", d)) : (f.value = "", s.value = []);
1831
- }), O(
1832
- s,
1833
- (d) => {
1834
- n("update:modelValue", d), n("change", { name: r.name, value: d });
1835
- },
1836
- { deep: !0 }
1837
- );
1838
- function V(d) {
1839
- const a = Array.isArray(s.value) ? [...s.value] : [];
1840
- s.value = [d, a[1] || ""];
1841
- }
1842
- function A(d) {
1843
- const a = Array.isArray(s.value) ? [...s.value] : [];
1844
- s.value = [a[0] || "", d];
1845
- }
1846
- return o({
1797
+ } = Ie({
1798
+ ...u,
1799
+ popoverRef: g
1800
+ }, l);
1801
+ return U(() => u.modelValue, (_) => {
1802
+ _ !== void 0 ? (m.value = _, l("update:modelValue", _)) : (n.value = "", m.value = []);
1803
+ }), a({
1847
1804
  clear: k,
1848
- popoverRef: y
1849
- }), (d, a) => (i(), w(_, null, [
1850
- c("div", Ol, [
1851
- W(Ve, {
1805
+ popoverRef: g
1806
+ }), (_, C) => (i(), w(I, null, [
1807
+ s("div", El, [
1808
+ Q(_e, {
1852
1809
  ref_key: "popoverRef",
1853
- ref: y,
1854
- label: e(b),
1855
- "current-value": e(s),
1856
- mode: t.mode,
1857
- width: typeof t.width == "number" && e(s).length ? t.width - 70 : t.width,
1810
+ ref: g,
1811
+ label: e(r),
1812
+ "current-value": e(m),
1813
+ mode: _.mode,
1814
+ width: typeof _.width == "number" && e(m).length ? _.width - 70 : _.width,
1858
1815
  onClear: e(k),
1859
- layout: t.layout,
1860
- class: L(t.itemClass)
1816
+ layout: _.layout
1861
1817
  }, {
1862
- default: oe(() => [
1863
- c("div", null, [
1864
- c("button", {
1818
+ default: ae(() => [
1819
+ s("div", null, [
1820
+ s("button", {
1865
1821
  type: "button",
1866
- onClick: a[0] || (a[0] = (u) => e(h)("range")),
1822
+ onClick: C[0] || (C[0] = (o) => e(x)("range")),
1867
1823
  class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
1868
1824
  }, [
1869
- Q(S(e(l)("filter.period")) + " ", 1),
1870
- e(f) === "range" ? (i(), I(ae, { key: 0 })) : C("", !0)
1825
+ G(B(e(t)("filter.period")) + " ", 1),
1826
+ e(n) === "range" ? (i(), T(re, { key: 0 })) : V("", !0)
1871
1827
  ])
1872
1828
  ]),
1873
- a[12] || (a[12] = c("div", null, [
1874
- c("div", { class: "pt-1 mt-1 border-t" })
1829
+ C[12] || (C[12] = s("div", null, [
1830
+ s("div", { class: "pt-1 mt-1 border-t" })
1875
1831
  ], -1)),
1876
- c("div", null, [
1877
- c("button", {
1832
+ s("div", null, [
1833
+ s("button", {
1878
1834
  type: "button",
1879
- onClick: a[1] || (a[1] = (u) => e(h)("today")),
1835
+ onClick: C[1] || (C[1] = (o) => e(x)("today")),
1880
1836
  class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
1881
1837
  }, [
1882
- Q(S(e(l)("filter.today")) + " ", 1),
1883
- e(f) === "today" ? (i(), I(ae, { key: 0 })) : C("", !0)
1838
+ G(B(e(t)("filter.today")) + " ", 1),
1839
+ e(n) === "today" ? (i(), T(re, { key: 0 })) : V("", !0)
1884
1840
  ])
1885
1841
  ]),
1886
- c("div", null, [
1887
- c("button", {
1842
+ s("div", null, [
1843
+ s("button", {
1888
1844
  type: "button",
1889
- onClick: a[2] || (a[2] = (u) => e(h)("week")),
1845
+ onClick: C[2] || (C[2] = (o) => e(x)("week")),
1890
1846
  class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
1891
1847
  }, [
1892
- Q(S(e(l)("filter.week")) + " ", 1),
1893
- e(f) === "week" ? (i(), I(ae, { key: 0 })) : C("", !0)
1848
+ G(B(e(t)("filter.week")) + " ", 1),
1849
+ e(n) === "week" ? (i(), T(re, { key: 0 })) : V("", !0)
1894
1850
  ])
1895
1851
  ]),
1896
- c("div", null, [
1897
- c("button", {
1852
+ s("div", null, [
1853
+ s("button", {
1898
1854
  type: "button",
1899
- onClick: a[3] || (a[3] = (u) => e(h)("month")),
1855
+ onClick: C[3] || (C[3] = (o) => e(x)("month")),
1900
1856
  class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
1901
1857
  }, [
1902
- Q(S(e(l)("filter.month")) + " ", 1),
1903
- e(f) === "month" ? (i(), I(ae, { key: 0 })) : C("", !0)
1858
+ G(B(e(t)("filter.month")) + " ", 1),
1859
+ e(n) === "month" ? (i(), T(re, { key: 0 })) : V("", !0)
1904
1860
  ])
1905
1861
  ]),
1906
- c("div", null, [
1907
- c("button", {
1862
+ s("div", null, [
1863
+ s("button", {
1908
1864
  type: "button",
1909
- onClick: a[4] || (a[4] = (u) => e(h)("quarter")),
1865
+ onClick: C[4] || (C[4] = (o) => e(x)("quarter")),
1910
1866
  class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
1911
1867
  }, [
1912
- Q(S(e(l)("filter.quarter")) + " ", 1),
1913
- e(f) === "quarter" ? (i(), I(ae, { key: 0 })) : C("", !0)
1868
+ G(B(e(t)("filter.quarter")) + " ", 1),
1869
+ e(n) === "quarter" ? (i(), T(re, { key: 0 })) : V("", !0)
1914
1870
  ])
1915
1871
  ]),
1916
- c("div", Tl, [
1917
- c("button", {
1872
+ s("div", Ol, [
1873
+ s("button", {
1918
1874
  type: "button",
1919
- onClick: a[5] || (a[5] = (u) => e(h)("year")),
1875
+ onClick: C[5] || (C[5] = (o) => e(x)("year")),
1920
1876
  class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
1921
1877
  }, [
1922
- Q(S(e(l)("filter.year")) + " ", 1),
1923
- e(f) === "year" ? (i(), I(ae, { key: 0 })) : C("", !0)
1878
+ G(B(e(t)("filter.year")) + " ", 1),
1879
+ e(n) === "year" ? (i(), T(re, { key: 0 })) : V("", !0)
1924
1880
  ])
1925
1881
  ]),
1926
- c("div", Il, [
1927
- c("button", {
1882
+ s("div", Tl, [
1883
+ s("button", {
1928
1884
  type: "button",
1929
- onClick: a[6] || (a[6] = (u) => e(k)()),
1885
+ onClick: C[6] || (C[6] = (o) => e(k)()),
1930
1886
  class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
1931
1887
  }, [
1932
- Q(S(e(l)("filter.alltime")) + " ", 1),
1933
- e(s)[0] ? C("", !0) : (i(), I(ae, { key: 0 }))
1888
+ G(B(e(t)("filter.alltime")) + " ", 1),
1889
+ e(m)[0] ? V("", !0) : (i(), T(re, { key: 0 }))
1934
1890
  ])
1935
1891
  ])
1936
1892
  ]),
1937
1893
  _: 1
1938
- }, 8, ["label", "current-value", "mode", "width", "onClear", "layout", "class"]),
1939
- e(f) !== "" && e(f) !== "range" && e(f) !== "last_7_days" ? (i(), w(_, { key: 0 }, [
1940
- c("div", _l, [
1941
- c("button", {
1894
+ }, 8, ["label", "current-value", "mode", "width", "onClear", "layout"]),
1895
+ e(n) !== "" && e(n) !== "range" && e(n) !== "last_7_days" ? (i(), w(I, { key: 0 }, [
1896
+ s("div", Il, [
1897
+ s("button", {
1942
1898
  type: "button",
1943
- title: e(l)("filter.prev"),
1899
+ title: e(t)("filter.prev"),
1944
1900
  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",
1945
- onClick: a[7] || (a[7] = //@ts-ignore
1946
- (...u) => e(p) && e(p)(...u))
1901
+ onClick: C[7] || (C[7] = //@ts-ignore
1902
+ (...o) => e(p) && e(p)(...o))
1947
1903
  }, [
1948
- W(Fl)
1904
+ Q(Rl)
1949
1905
  ], 8, Ul)
1950
1906
  ]),
1951
- c("div", zl, [
1952
- c("button", {
1907
+ s("div", zl, [
1908
+ s("button", {
1953
1909
  type: "button",
1954
- title: e(l)("filter.next"),
1910
+ title: e(t)("filter.next"),
1955
1911
  class: "inline-flex h-[38px] items-center px-2 text-sm text-gray-800 gap-x-2 bg-gray-100 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",
1956
- onClick: a[8] || (a[8] = //@ts-ignore
1957
- (...u) => e(m) && e(m)(...u))
1912
+ onClick: C[8] || (C[8] = //@ts-ignore
1913
+ (...o) => e(d) && e(d)(...o))
1958
1914
  }, [
1959
- W(El)
1915
+ Q(Ll)
1960
1916
  ], 8, Nl)
1961
1917
  ])
1962
- ], 64)) : C("", !0),
1963
- e(f) !== "" && e(f) === "range" ? (i(), w("div", Pl, [
1964
- c("input", {
1918
+ ], 64)) : V("", !0),
1919
+ e(n) !== "" && e(n) === "range" ? (i(), w("div", Pl, [
1920
+ W(s("input", {
1965
1921
  type: "date",
1966
- max: e(s)[1],
1922
+ max: e(m)[1],
1967
1923
  locale: "uk-UA",
1968
- value: e(s)[0],
1969
- onInput: a[9] || (a[9] = (u) => V(u.target.value)),
1924
+ "onUpdate:modelValue": C[9] || (C[9] = (o) => e(m)[0] = o),
1970
1925
  class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",
1971
- disabled: t.disabled
1972
- }, null, 40, Yl),
1973
- c("input", {
1926
+ disabled: _.disabled
1927
+ }, null, 8, Yl), [
1928
+ [ee, e(m)[0]]
1929
+ ]),
1930
+ W(s("input", {
1974
1931
  type: "date",
1975
- min: e(s)[0],
1932
+ min: e(m)[0],
1976
1933
  locale: "uk-UA",
1977
- value: e(s)[1],
1978
- onInput: a[10] || (a[10] = (u) => A(u.target.value)),
1934
+ "onUpdate:modelValue": C[10] || (C[10] = (o) => e(m)[1] = o),
1979
1935
  class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",
1980
- disabled: t.disabled
1981
- }, null, 40, Wl)
1982
- ])) : C("", !0)
1936
+ disabled: _.disabled
1937
+ }, null, 8, Wl), [
1938
+ [ee, e(m)[1]]
1939
+ ])
1940
+ ])) : V("", !0)
1983
1941
  ]),
1984
- (t.cleanable, C("", !0))
1942
+ (_.cleanable, V("", !0))
1985
1943
  ], 64));
1986
1944
  }
1987
1945
  }), Ql = { class: "flex flex-wrap items-center gap-2" }, Hl = ["disabled", "onClick"], Gl = {
1988
1946
  key: 0,
1989
1947
  class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
1990
- }, Xl = /* @__PURE__ */ Y({
1948
+ }, Xl = /* @__PURE__ */ q({
1991
1949
  __name: "button-field",
1992
1950
  props: {
1993
1951
  id: {},
@@ -2016,84 +1974,84 @@ const ql = /* @__PURE__ */ Y({
2016
1974
  itemClass: {}
2017
1975
  },
2018
1976
  emits: ["update:modelValue", "change", "clear"],
2019
- setup(t, { expose: o, emit: v }) {
2020
- const l = t, r = v, {
2021
- innerValue: n,
2022
- isSelected: y,
2023
- selectItem: f,
2024
- clear: s,
2025
- labelKey: h,
2026
- valueKey: m,
1977
+ setup(f, { expose: a, emit: y }) {
1978
+ const t = f, u = y, {
1979
+ innerValue: l,
1980
+ isSelected: g,
1981
+ selectItem: n,
1982
+ clear: m,
1983
+ labelKey: x,
1984
+ valueKey: d,
2027
1985
  allOptions: p
2028
- } = he({
2029
- ...l,
2030
- modelValue: l.modelValue ?? l.default ?? ""
2031
- }, r), b = E(() => n.value !== void 0 && !(typeof n.value == "string" && n.value === "")), k = E(() => b.value ? 1 : 0);
2032
- function V(d) {
2033
- return y(d) ? ["bg-blue-600 text-white"].filter((a) => typeof a == "string" && a.trim().length > 0).join(" ") : ["text-gray-700 hover:bg-gray-200 bg-gray-50 "].filter((a) => typeof a == "string" && a.trim().length > 0).join(" ");
1986
+ } = xe({
1987
+ ...t,
1988
+ modelValue: t.modelValue ?? t.default ?? ""
1989
+ }, u), r = O(() => l.value !== void 0 && !(typeof l.value == "string" && l.value === "")), k = O(() => r.value ? 1 : 0);
1990
+ function _(o) {
1991
+ return g(o) ? ["bg-blue-600 text-white"].filter((c) => typeof c == "string" && c.trim().length > 0).join(" ") : ["text-gray-700 hover:bg-gray-200 bg-gray-50 "].filter((c) => typeof c == "string" && c.trim().length > 0).join(" ");
2034
1992
  }
2035
- function A(d) {
2036
- l.disabled || f(d);
1993
+ function C(o) {
1994
+ t.disabled || n(o);
2037
1995
  }
2038
- return o({
2039
- clear: s
2040
- }), O(
2041
- () => l.modelValue,
2042
- (d) => {
2043
- d === void 0 && (n.value = void 0);
1996
+ return a({
1997
+ clear: m
1998
+ }), U(
1999
+ () => t.modelValue,
2000
+ (o) => {
2001
+ o === void 0 && (l.value = void 0);
2044
2002
  }
2045
- ), (d, a) => (i(), w(_, null, [
2046
- c("div", Ql, [
2047
- (i(!0), w(_, null, X(e(p), (u) => (i(), w("button", {
2048
- key: u[e(m)],
2003
+ ), (o, c) => (i(), w(I, null, [
2004
+ s("div", Ql, [
2005
+ (i(!0), w(I, null, X(e(p), (v) => (i(), w("button", {
2006
+ key: v[e(d)],
2049
2007
  type: "button",
2050
- class: L(["px-3 py-2 text-sm font-medium rounded-md transition-colors", V(u)]),
2051
- disabled: t.disabled,
2052
- onClick: (g) => A(u)
2053
- }, S(u[e(h)]), 11, Hl))), 128))
2008
+ class: E(["px-3 py-2 text-sm font-medium rounded-md transition-colors", _(v)]),
2009
+ disabled: o.disabled,
2010
+ onClick: (h) => C(v)
2011
+ }, B(v[e(x)]), 11, Hl))), 128))
2054
2012
  ]),
2055
- t.cleanable && t.layout === "popover" ? (i(), w("div", Gl, [
2056
- c("span", null, S(k.value) + " з " + S(e(p).length) + " обрано", 1),
2057
- q(c("button", {
2013
+ o.cleanable && o.layout === "popover" ? (i(), w("div", Gl, [
2014
+ s("span", null, B(k.value) + " з " + B(e(p).length) + " обрано", 1),
2015
+ W(s("button", {
2058
2016
  class: "text-gray-600 hover:text-gray-800",
2059
- onClick: a[0] || (a[0] = //@ts-ignore
2060
- (...u) => e(s) && e(s)(...u))
2017
+ onClick: c[0] || (c[0] = //@ts-ignore
2018
+ (...v) => e(m) && e(m)(...v))
2061
2019
  }, " Очистити ", 512), [
2062
- [Z, b.value]
2020
+ [J, r.value]
2063
2021
  ])
2064
- ])) : C("", !0)
2022
+ ])) : V("", !0)
2065
2023
  ], 64));
2066
2024
  }
2067
- }), Re = {
2068
- radio: Vt,
2069
- checkbox: De,
2070
- check: De,
2071
- text: It,
2072
- range: Qt,
2073
- date: rl,
2074
- select: yl,
2075
- tag: kl,
2025
+ }), De = {
2026
+ radio: wt,
2027
+ checkbox: je,
2028
+ check: je,
2029
+ text: Lt,
2030
+ range: Yt,
2031
+ date: ol,
2032
+ select: pl,
2033
+ tag: hl,
2076
2034
  button: Xl,
2077
2035
  "date:inline": ql
2078
2036
  };
2079
- function $e(t, o) {
2080
- let v;
2081
- switch (t.toLowerCase()) {
2037
+ function Ve(f, a) {
2038
+ let y;
2039
+ switch (f.toLowerCase()) {
2082
2040
  case "autocomplete":
2083
- v = "select";
2041
+ y = "select";
2084
2042
  break;
2085
2043
  case "check":
2086
- v = "checkbox";
2044
+ y = "checkbox";
2087
2045
  break;
2088
2046
  default:
2089
- v = t?.toString().toLowerCase();
2047
+ y = f?.toString().toLowerCase();
2090
2048
  }
2091
- return v === "date" && o && o === "inline" && (v = "date:inline"), {
2092
- component: Re[v] || Re.text,
2093
- type: v
2049
+ return y === "date" && a && a === "inline" && (y = "date:inline"), {
2050
+ component: De[y] || De.text,
2051
+ type: y
2094
2052
  };
2095
2053
  }
2096
- const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Zl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, ea = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, ta = { class: "flex items-center" }, la = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, aa = { class: "filter-layout__body" }, na = /* @__PURE__ */ Y({
2054
+ const Zl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Jl = { class: "relative w-full mb-2 p-4 bg-white rounded-lg shadow-sm" }, eo = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, to = { class: "flex items-center" }, lo = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, oo = { class: "filter-layout__body" }, ao = /* @__PURE__ */ q({
2097
2055
  __name: "vertical-layout",
2098
2056
  props: {
2099
2057
  id: {},
@@ -2122,71 +2080,71 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
2122
2080
  itemClass: {}
2123
2081
  },
2124
2082
  emits: ["update:modelValue", "change", "clear"],
2125
- setup(t, { expose: o, emit: v }) {
2126
- const l = t, r = v, n = $(), y = $e(l.type, l.layout), f = E({
2127
- get: () => l.modelValue,
2128
- set: (p) => r("update:modelValue", p)
2083
+ setup(f, { expose: a, emit: y }) {
2084
+ const t = f, u = y, l = A(), g = Ve(t.type, t.layout), n = O({
2085
+ get: () => t.modelValue,
2086
+ set: (p) => u("update:modelValue", p)
2129
2087
  });
2130
- function s(p) {
2131
- r("clear", p);
2088
+ function m(p) {
2089
+ u("clear", p);
2132
2090
  }
2133
- function h(p, b) {
2134
- r("change", { name: p, value: b }), l.modelValue !== void 0 && r("update:modelValue", b);
2091
+ function x(p, r) {
2092
+ u("change", { name: p, value: r }), t.modelValue !== void 0 && u("update:modelValue", r);
2135
2093
  }
2136
- function m() {
2137
- r("clear", l.name);
2094
+ function d() {
2095
+ u("clear", t.name);
2138
2096
  }
2139
- return O(
2140
- () => l.default,
2097
+ return U(
2098
+ () => t.default,
2141
2099
  (p) => {
2142
- f.value = p;
2100
+ n.value = p;
2143
2101
  }
2144
- ), O(
2145
- () => l.modelValue,
2102
+ ), U(
2103
+ () => t.modelValue,
2146
2104
  (p) => {
2147
- f.value = p;
2105
+ n.value = p;
2148
2106
  }
2149
- ), o({
2150
- filterRef: n
2151
- }), (p, b) => (i(), w("div", Jl, [
2152
- c("div", Zl, [
2153
- c("div", ea, [
2154
- c("div", ta, [
2155
- c("span", la, S(t.label), 1)
2107
+ ), a({
2108
+ filterRef: l
2109
+ }), (p, r) => (i(), w("div", Zl, [
2110
+ s("div", Jl, [
2111
+ s("div", eo, [
2112
+ s("div", to, [
2113
+ s("span", lo, B(p.label), 1)
2156
2114
  ]),
2157
- typeof f.value == "string" && f.value.trim() !== "" || Array.isArray(f.value) && f.value.length > 0 && f.value.some((k) => k !== void 0) || f.value === null ? (i(), I(et, {
2115
+ typeof n.value == "string" && n.value.trim() !== "" || Array.isArray(n.value) && n.value.length > 0 && n.value.some((k) => k !== void 0) || n.value === null ? (i(), T(et, {
2158
2116
  key: 0,
2159
- onClick: m
2160
- })) : C("", !0)
2117
+ onClick: d
2118
+ })) : V("", !0)
2161
2119
  ]),
2162
- c("div", aa, [
2163
- e(y)?.type !== "select" ? (i(), I(re(e(y)?.component), J({ key: 0 }, l, {
2164
- type: e(y)?.type,
2165
- class: l.itemClass,
2166
- onChange: b[0] || (b[0] = (k) => h(k.name, k.value)),
2167
- onClear: b[1] || (b[1] = (k) => s(k)),
2120
+ s("div", oo, [
2121
+ e(g)?.type !== "select" ? (i(), T(ne(e(g)?.component), Z({ key: 0 }, t, {
2122
+ type: e(g)?.type,
2123
+ class: t.itemClass,
2124
+ onChange: r[0] || (r[0] = (k) => x(k.name, k.value)),
2125
+ onClear: r[1] || (r[1] = (k) => m(k)),
2168
2126
  ref_key: "filterRef",
2169
- ref: n
2170
- }), null, 16, ["type", "class"])) : (i(), I(Ve, {
2127
+ ref: l
2128
+ }), null, 16, ["type", "class"])) : (i(), T(_e, {
2171
2129
  key: 1,
2172
- "current-value": f.value,
2173
- label: t.label,
2174
- mode: t.mode,
2175
- onClear: m,
2176
- fieldRef: n.value,
2130
+ "current-value": n.value,
2131
+ label: p.label,
2132
+ mode: p.mode,
2133
+ onClear: d,
2134
+ fieldRef: l.value,
2177
2135
  width: void 0,
2178
- disabled: t.disabled,
2136
+ disabled: p.disabled,
2179
2137
  layout: "vertical"
2180
2138
  }, {
2181
- default: oe(() => [
2182
- (i(), I(re(e(y)?.component), J({
2139
+ default: ae(() => [
2140
+ (i(), T(ne(e(g)?.component), Z({
2183
2141
  ref_key: "filterRef",
2184
- ref: n
2185
- }, l, {
2186
- type: e(y)?.type,
2187
- class: l.itemClass,
2188
- onChange: b[2] || (b[2] = (k) => h(k.name, k.value)),
2189
- onClear: b[3] || (b[3] = (k) => s(k))
2142
+ ref: l
2143
+ }, t, {
2144
+ type: e(g)?.type,
2145
+ class: t.itemClass,
2146
+ onChange: r[2] || (r[2] = (k) => x(k.name, k.value)),
2147
+ onClear: r[3] || (r[3] = (k) => m(k))
2190
2148
  }), null, 16, ["type", "class"]))
2191
2149
  ]),
2192
2150
  _: 1
@@ -2195,7 +2153,7 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
2195
2153
  ])
2196
2154
  ]));
2197
2155
  }
2198
- }), Fe = /* @__PURE__ */ Y({
2156
+ }), Re = /* @__PURE__ */ q({
2199
2157
  __name: "inline-layout",
2200
2158
  props: {
2201
2159
  id: {},
@@ -2224,65 +2182,65 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
2224
2182
  itemClass: {}
2225
2183
  },
2226
2184
  emits: ["update:modelValue", "change", "clear"],
2227
- setup(t, { expose: o, emit: v }) {
2228
- const l = t, r = v, n = $(), y = $e(l.type, l.layout), f = E({
2229
- get: () => l.modelValue,
2230
- set: (m) => r("update:modelValue", m)
2185
+ setup(f, { expose: a, emit: y }) {
2186
+ const t = f, u = y, l = A(), g = Ve(t.type, t.layout), n = O({
2187
+ get: () => t.modelValue,
2188
+ set: (d) => u("update:modelValue", d)
2231
2189
  });
2232
- function s(m = l.name) {
2233
- r("clear", m);
2190
+ function m(d = t.name) {
2191
+ u("clear", d);
2234
2192
  }
2235
- function h(m, p) {
2236
- r("change", { name: m, value: p }), l.modelValue !== void 0 && r("update:modelValue", p);
2193
+ function x(d, p) {
2194
+ u("change", { name: d, value: p }), t.modelValue !== void 0 && u("update:modelValue", p);
2237
2195
  }
2238
- return O(
2239
- () => l.default,
2240
- (m) => {
2241
- f.value = m;
2196
+ return U(
2197
+ () => t.default,
2198
+ (d) => {
2199
+ n.value = d;
2242
2200
  }
2243
- ), O(
2244
- () => l.modelValue,
2245
- (m) => {
2246
- f.value = m;
2201
+ ), U(
2202
+ () => t.modelValue,
2203
+ (d) => {
2204
+ n.value = d;
2247
2205
  }
2248
- ), o({
2249
- filterRef: n
2250
- }), (m, p) => ["text", "date", "button"].includes(t.type.toLocaleLowerCase()) ? (i(), I(re(e(y)?.component), J({ key: 0 }, l, {
2251
- type: e(y)?.type,
2206
+ ), a({
2207
+ filterRef: l
2208
+ }), (d, p) => ["text", "date", "button"].includes(d.type.toLocaleLowerCase()) ? (i(), T(ne(e(g)?.component), Z({ key: 0 }, t, {
2209
+ type: e(g)?.type,
2252
2210
  class: t.itemClass,
2253
- onChange: p[0] || (p[0] = (b) => h(b.name, b.value)),
2254
- onClear: p[1] || (p[1] = (b) => s(b)),
2255
- disabled: t.disabled,
2256
- modelValue: f.value,
2257
- "onUpdate:modelValue": p[2] || (p[2] = (b) => f.value = b)
2258
- }), null, 16, ["type", "class", "disabled", "modelValue"])) : (i(), I(Ve, {
2211
+ onChange: p[0] || (p[0] = (r) => x(r.name, r.value)),
2212
+ onClear: p[1] || (p[1] = (r) => m(r)),
2213
+ disabled: d.disabled,
2214
+ modelValue: n.value,
2215
+ "onUpdate:modelValue": p[2] || (p[2] = (r) => n.value = r)
2216
+ }), null, 16, ["type", "class", "disabled", "modelValue"])) : (i(), T(_e, {
2259
2217
  key: 1,
2260
- "current-value": f.value,
2261
- label: t.label,
2262
- mode: t.mode,
2263
- onClear: s,
2264
- fieldRef: n.value,
2265
- width: l.width,
2266
- disabled: t.disabled,
2218
+ "current-value": n.value,
2219
+ label: d.label,
2220
+ mode: d.mode,
2221
+ onClear: m,
2222
+ fieldRef: l.value,
2223
+ width: t.width,
2224
+ disabled: d.disabled,
2267
2225
  layout: "inline"
2268
2226
  }, {
2269
- default: oe(() => [
2270
- (i(), I(re(e(y)?.component), J({
2227
+ default: ae(() => [
2228
+ (i(), T(ne(e(g)?.component), Z({
2271
2229
  ref_key: "filterRef",
2272
- ref: n
2273
- }, l, {
2274
- modelValue: f.value,
2275
- "onUpdate:modelValue": p[3] || (p[3] = (b) => f.value = b),
2276
- type: e(y)?.type,
2277
- class: l.itemClass,
2278
- onChange: p[4] || (p[4] = (b) => h(b.name, b.value)),
2279
- onClear: p[5] || (p[5] = (b) => s(b))
2230
+ ref: l
2231
+ }, t, {
2232
+ modelValue: n.value,
2233
+ "onUpdate:modelValue": p[3] || (p[3] = (r) => n.value = r),
2234
+ type: e(g)?.type,
2235
+ class: t.itemClass,
2236
+ onChange: p[4] || (p[4] = (r) => x(r.name, r.value)),
2237
+ onClear: p[5] || (p[5] = (r) => m(r))
2280
2238
  }), null, 16, ["modelValue", "type", "class"]))
2281
2239
  ]),
2282
2240
  _: 1
2283
2241
  }, 8, ["current-value", "label", "mode", "fieldRef", "width", "disabled"]));
2284
2242
  }
2285
- }), oa = /* @__PURE__ */ Y({
2243
+ }), no = /* @__PURE__ */ q({
2286
2244
  __name: "popover-layout",
2287
2245
  props: {
2288
2246
  id: {},
@@ -2311,46 +2269,46 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
2311
2269
  itemClass: {}
2312
2270
  },
2313
2271
  emits: ["update:modelValue", "change", "clear"],
2314
- setup(t, { expose: o, emit: v }) {
2315
- const l = t, r = v, n = $(), y = $($e(l.type, l.layout)), f = E({
2316
- get: () => l.modelValue,
2317
- set: (m) => r("update:modelValue", m)
2272
+ setup(f, { expose: a, emit: y }) {
2273
+ const t = f, u = y, l = A(), g = A(Ve(t.type, t.layout)), n = O({
2274
+ get: () => t.modelValue,
2275
+ set: (d) => u("update:modelValue", d)
2318
2276
  });
2319
- function s(m) {
2320
- r("clear", m);
2277
+ function m(d) {
2278
+ u("clear", d);
2321
2279
  }
2322
- function h(m, p) {
2323
- r("change", { name: m, value: p }), l.modelValue !== void 0 && r("update:modelValue", p);
2280
+ function x(d, p) {
2281
+ u("change", { name: d, value: p }), t.modelValue !== void 0 && u("update:modelValue", p);
2324
2282
  }
2325
- return O(
2326
- () => l.default,
2327
- (m) => {
2328
- f.value = m;
2283
+ return U(
2284
+ () => t.default,
2285
+ (d) => {
2286
+ n.value = d;
2329
2287
  }
2330
- ), O(
2331
- () => l.modelValue,
2332
- (m) => {
2333
- f.value = m;
2288
+ ), U(
2289
+ () => t.modelValue,
2290
+ (d) => {
2291
+ n.value = d;
2334
2292
  }
2335
- ), O(
2336
- () => l,
2337
- (m) => {
2338
- f.value = m;
2293
+ ), U(
2294
+ () => t,
2295
+ (d) => {
2296
+ n.value = d;
2339
2297
  }
2340
- ), o({
2341
- filterRef: n
2342
- }), (m, p) => (i(), I(re(y.value?.component), J(l, {
2343
- type: y.value?.type,
2344
- class: l.itemClass,
2345
- modelValue: f.value,
2346
- "onUpdate:modelValue": p[0] || (p[0] = (b) => f.value = b),
2347
- onChange: p[1] || (p[1] = (b) => h(b.name, b.value)),
2348
- onClear: p[2] || (p[2] = (b) => s(b)),
2298
+ ), a({
2299
+ filterRef: l
2300
+ }), (d, p) => (i(), T(ne(g.value?.component), Z(t, {
2301
+ type: g.value?.type,
2302
+ class: t.itemClass,
2303
+ modelValue: n.value,
2304
+ "onUpdate:modelValue": p[0] || (p[0] = (r) => n.value = r),
2305
+ onChange: p[1] || (p[1] = (r) => x(r.name, r.value)),
2306
+ onClear: p[2] || (p[2] = (r) => m(r)),
2349
2307
  ref_key: "filterRef",
2350
- ref: n
2308
+ ref: l
2351
2309
  }), null, 16, ["type", "class", "modelValue"]));
2352
2310
  }
2353
- }), te = /* @__PURE__ */ Y({
2311
+ }), le = /* @__PURE__ */ q({
2354
2312
  __name: "filter-field",
2355
2313
  props: {
2356
2314
  id: {},
@@ -2379,192 +2337,184 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
2379
2337
  itemClass: {}
2380
2338
  },
2381
2339
  emits: ["update:modelValue", "change", "clear"],
2382
- setup(t, { expose: o, emit: v }) {
2383
- const l = t, r = v, n = $(), y = E({
2384
- get: () => l.modelValue,
2385
- set: (m) => r("update:modelValue", m)
2340
+ setup(f, { expose: a, emit: y }) {
2341
+ const t = f, u = y, l = A(), g = O({
2342
+ get: () => t.modelValue,
2343
+ set: (d) => u("update:modelValue", d)
2386
2344
  });
2387
- function f(m) {
2388
- r("clear", m);
2345
+ function n(d) {
2346
+ u("clear", d);
2389
2347
  }
2390
- function s(m, p) {
2391
- r("change", { name: m, value: p }), l.modelValue !== void 0 && r("update:modelValue", p);
2348
+ function m(d, p) {
2349
+ u("change", { name: d, value: p }), t.modelValue !== void 0 && u("update:modelValue", p);
2392
2350
  }
2393
- O(
2394
- () => l.default,
2395
- (m) => {
2396
- y.value = m;
2351
+ U(
2352
+ () => t.default,
2353
+ (d) => {
2354
+ g.value = d;
2397
2355
  }
2398
- ), O(
2399
- () => l.modelValue,
2400
- (m) => {
2401
- y.value = m;
2356
+ ), U(
2357
+ () => t.modelValue,
2358
+ (d) => {
2359
+ g.value = d;
2402
2360
  }
2403
- ), o({
2404
- filterRef: n
2361
+ ), a({
2362
+ filterRef: l
2405
2363
  });
2406
- function h() {
2407
- switch (l.layout) {
2364
+ function x() {
2365
+ switch (t.layout) {
2408
2366
  case "inline":
2409
- return Fe;
2367
+ return Re;
2410
2368
  case "vertical":
2411
- return na;
2369
+ return ao;
2412
2370
  case "popover":
2413
- return oa;
2371
+ return no;
2414
2372
  default:
2415
- return Fe;
2373
+ return Re;
2416
2374
  }
2417
2375
  }
2418
- return (m, p) => (i(), I(re(h()), J(l, {
2419
- onChange: p[0] || (p[0] = (b) => s(b.name, b.value)),
2420
- onClear: p[1] || (p[1] = (b) => f(b)),
2421
- modelValue: y.value,
2422
- "onUpdate:modelValue": p[2] || (p[2] = (b) => y.value = b)
2376
+ return (d, p) => (i(), T(ne(x()), Z(t, {
2377
+ onChange: p[0] || (p[0] = (r) => m(r.name, r.value)),
2378
+ onClear: p[1] || (p[1] = (r) => n(r)),
2379
+ modelValue: g.value,
2380
+ "onUpdate:modelValue": p[2] || (p[2] = (r) => g.value = r)
2423
2381
  }), null, 16, ["modelValue"]));
2424
2382
  }
2425
2383
  });
2426
- function ye(t, o) {
2384
+ function ye(f, a) {
2427
2385
  const {
2428
- slots: v
2429
- } = t, l = (a) => a ? JSON.parse(JSON.stringify(ue(a))) : {}, r = $(l(t.value));
2430
- O(
2431
- () => t.value,
2432
- (a) => {
2433
- r.value = l(a);
2434
- },
2435
- { deep: !0, immediate: !0 }
2436
- );
2437
- const n = E(() => (ue(v?.default?.()) ?? []).flatMap((u) => Array.isArray(u.children) ? u.children : [u]));
2438
- function y(a) {
2439
- delete r.value[a], o("clear", {
2440
- data: ue(r.value),
2441
- name: a
2386
+ slots: y
2387
+ } = f, t = A(f.value ?? {}), u = O(() => (de(y?.default?.()) ?? []).flatMap((c) => Array.isArray(c.children) ? c.children : [c]));
2388
+ function l(o) {
2389
+ delete t.value[o], a("clear", {
2390
+ data: de(t.value),
2391
+ name: o
2442
2392
  });
2443
2393
  }
2444
- function f(a, u) {
2445
- u === void 0 ? y(a) : r.value = {
2446
- ...r.value,
2447
- [a]: u
2448
- }, o("change", {
2449
- data: ue(r.value),
2450
- name: a,
2451
- value: u
2394
+ function g(o, c) {
2395
+ c === void 0 ? l(o) : t.value = {
2396
+ ...t.value,
2397
+ [o]: c
2398
+ }, a("change", {
2399
+ data: de(t.value),
2400
+ name: o,
2401
+ value: c
2452
2402
  });
2453
2403
  }
2454
- const s = E(() => n.value.map((a) => {
2455
- const u = a.props?.name;
2456
- return We(a, {
2457
- ...a.props,
2458
- layout: t.view,
2404
+ const n = O(() => u.value.map((o) => {
2405
+ const c = o.props?.name;
2406
+ return We(o, {
2407
+ ...o.props,
2408
+ layout: f.view,
2459
2409
  showClean: !0,
2460
- modelValue: r.value[u],
2461
- "onUpdate:modelValue": (g) => {
2462
- f(u, g);
2410
+ modelValue: t.value[c],
2411
+ "onUpdate:modelValue": (v) => {
2412
+ g(c, v);
2463
2413
  },
2464
- onClear: () => y(u),
2465
- class: [t.itemClass, a.props?.class],
2466
- itemClass: [t.itemClass, a.props?.itemClass].filter((g) => typeof g == "string" && g.trim().length > 0).join(" ") || void 0
2414
+ onClear: () => l(c),
2415
+ class: [f.itemClass, o.props?.class],
2416
+ itemClass: [f.itemClass, o.props?.itemClass].filter((v) => typeof v == "string" && v.trim().length > 0).join(" ") || void 0
2467
2417
  });
2468
- })), h = E(
2418
+ })), m = O(
2469
2419
  () => new Map(
2470
- s.value.map((a) => {
2471
- const u = a.props?.name;
2472
- return u ? [u, a] : null;
2473
- }).filter((a) => a !== null)
2420
+ n.value.map((o) => {
2421
+ const c = o.props?.name;
2422
+ return c ? [c, o] : null;
2423
+ }).filter((o) => o !== null)
2474
2424
  )
2475
2425
  );
2476
- function m(a = !1) {
2477
- r.value = {}, a || o("clearAll", {
2478
- data: ue(r.value),
2426
+ function x(o = !1) {
2427
+ t.value = {}, o || a("clearAll", {
2428
+ data: de(t.value),
2479
2429
  name: "ALL"
2480
2430
  });
2481
2431
  }
2482
- const p = $(""), b = E(() => t.schema?.value ? Object.entries(r.value).filter(([a, u]) => t.schema && !(a in t.schema.value) ? !1 : Array.isArray(u) ? u.some((g) => g !== "" && g !== void 0) : u !== "" && u !== void 0).length : 0), k = $();
2483
- O(p, async () => {
2484
- await fe(), k?.value?.filterRef?.inputTextRef && k.value.filterRef.inputTextRef.focus();
2432
+ const d = A(""), p = O(() => f.schema?.value ? Object.entries(t.value).filter(([o, c]) => f.schema && !(o in f.schema.value) ? !1 : Array.isArray(c) ? c.some((v) => v !== "" && v !== void 0) : c !== "" && c !== void 0).length : 0), r = A();
2433
+ U(d, async () => {
2434
+ await me(), r?.value?.filterRef?.inputTextRef && r.value.filterRef.inputTextRef.focus();
2485
2435
  });
2486
- const V = E(() => t.schema?.value ? Object.fromEntries(Object.entries(t.schema?.value).slice(0, t.limit)) : {}), A = E(() => {
2487
- if (s.value.length === 0) return [];
2488
- let a = 0;
2489
- if (t.schema?.value) {
2490
- const u = Object.entries(t.schema.value).length;
2491
- t.limit && u < t.limit ? a = t.limit - u : a = 0;
2436
+ const k = O(() => f.schema?.value ? Object.fromEntries(Object.entries(f.schema?.value).slice(0, f.limit)) : {}), _ = O(() => {
2437
+ if (n.value.length === 0) return [];
2438
+ let o = 0;
2439
+ if (f.schema?.value) {
2440
+ const c = Object.entries(f.schema.value).length;
2441
+ f.limit && c < f.limit ? o = f.limit - c : o = 0;
2492
2442
  }
2493
- return s.value.slice(0, a);
2494
- }), d = E(() => s.value.length === 0 ? [] : t.view !== "inline" ? s.value : s.value.slice(A.value.length));
2443
+ return n.value.slice(0, o);
2444
+ }), C = O(() => n.value.length === 0 ? [] : f.view !== "inline" ? n.value : n.value.slice(_.value.length));
2495
2445
  return {
2496
- activeFilter: r,
2497
- activeFilterCount: b,
2498
- onFilterChange: f,
2499
- clearFilter: y,
2500
- clearAllFilters: m,
2501
- limitedSchema: V,
2502
- filtersSlot: s,
2503
- limitedFiltersSlot: A,
2504
- popoverFiltersSlot: d,
2505
- vnodeMap: h,
2506
- selectedFilter: p,
2507
- filterRef: k
2446
+ activeFilter: t,
2447
+ activeFilterCount: p,
2448
+ onFilterChange: g,
2449
+ clearFilter: l,
2450
+ clearAllFilters: x,
2451
+ limitedSchema: k,
2452
+ filtersSlot: n,
2453
+ limitedFiltersSlot: _,
2454
+ popoverFiltersSlot: C,
2455
+ vnodeMap: m,
2456
+ selectedFilter: d,
2457
+ filterRef: r
2508
2458
  };
2509
2459
  }
2510
- const ra = /* @__PURE__ */ Y({
2460
+ const ro = /* @__PURE__ */ q({
2511
2461
  __name: "popover",
2512
2462
  emits: ["open", "close"],
2513
- setup(t, { emit: o }) {
2514
- const v = $(!1), l = $(null), r = $(null), n = $(null), y = $({ top: "0px", left: "0px", position: "absolute" });
2515
- function f() {
2516
- v.value = !v.value;
2463
+ setup(f, { emit: a }) {
2464
+ const y = A(!1), t = A(null), u = A(null), l = A(null), g = A({ top: "0px", left: "0px", position: "absolute" });
2465
+ function n() {
2466
+ y.value = !y.value;
2517
2467
  }
2518
- function s() {
2519
- const k = n.value, V = l.value;
2520
- if (!k || !V) return;
2521
- const A = k.getBoundingClientRect(), d = V.offsetWidth, a = window.innerWidth - A.left;
2522
- let u = A.left + window.scrollX;
2523
- d > a && (u = window.innerWidth - d - 8, u < 8 && (u = 8)), y.value = {
2468
+ function m() {
2469
+ const k = l.value, _ = t.value;
2470
+ if (!k || !_) return;
2471
+ const C = k.getBoundingClientRect(), o = _.offsetWidth, c = window.innerWidth - C.left;
2472
+ let v = C.left + window.scrollX;
2473
+ o > c && (v = window.innerWidth - o - 18, v < 18 && (v = 18)), g.value = {
2524
2474
  position: "absolute",
2525
- top: `${A.bottom + window.scrollY + 8}px`,
2526
- left: `${u}px`
2475
+ top: `${C.bottom + window.scrollY + 18}px`,
2476
+ left: `${v}px`
2527
2477
  };
2528
2478
  }
2529
- const h = E(() => Object.entries(y.value).map((k) => k.join(":")).join(";"));
2530
- function m(k) {
2531
- const V = k.target;
2532
- !n.value?.contains(k.target) && !l.value?.contains(k.target) && !V.closest("[data-inside-popover]") && (v.value = !1);
2479
+ const x = O(() => Object.entries(g.value).map((k) => k.join(":")).join(";"));
2480
+ function d(k) {
2481
+ const _ = k.target;
2482
+ !l.value?.contains(k.target) && !t.value?.contains(k.target) && !_.closest("[data-inside-popover]") && (y.value = !1);
2533
2483
  }
2534
- const p = $(!1);
2535
- de(() => {
2484
+ const p = A(!1);
2485
+ ce(() => {
2536
2486
  p.value = !0;
2537
- }), de(() => {
2538
- n.value = r.value?.querySelector("[data-popover-trigger]") || null, n.value?.addEventListener("click", f), document.addEventListener("click", m), window.addEventListener("resize", s), window.addEventListener("scroll", s, !0);
2487
+ }), ce(() => {
2488
+ l.value = u.value?.querySelector("[data-popover-trigger]") || null, l.value?.addEventListener("click", n), document.addEventListener("click", d), window.addEventListener("resize", m), window.addEventListener("scroll", m, !0);
2539
2489
  }), pe(() => {
2540
- n.value?.removeEventListener("click", f), document.removeEventListener("click", m), window.removeEventListener("resize", s), window.removeEventListener("scroll", s, !0);
2490
+ l.value?.removeEventListener("click", n), document.removeEventListener("click", d), window.removeEventListener("resize", m), window.removeEventListener("scroll", m, !0);
2541
2491
  });
2542
- const b = o;
2543
- return O(v, async (k) => {
2544
- k ? (b("open"), await fe(), s()) : b("close");
2545
- }), (k, V) => (i(), w("div", {
2492
+ const r = a;
2493
+ return U(y, async (k) => {
2494
+ k ? (r("open"), await me(), m()) : r("close");
2495
+ }), (k, _) => (i(), w("div", {
2546
2496
  ref_key: "wrapperRef",
2547
- ref: r
2497
+ ref: u
2548
2498
  }, [
2549
- ce(k.$slots, "trigger"),
2550
- p.value ? (i(), I(ge, {
2499
+ ue(k.$slots, "trigger"),
2500
+ p.value ? (i(), T(ge, {
2551
2501
  key: 0,
2552
2502
  to: "body"
2553
2503
  }, [
2554
- q(c("div", {
2504
+ W(s("div", {
2555
2505
  ref_key: "popoverRef",
2556
- ref: l,
2506
+ ref: t,
2557
2507
  class: "absolute z-[50] w-[600px] rounded-md border bg-white shadow-md",
2558
- style: be(h.value)
2508
+ style: be(x.value)
2559
2509
  }, [
2560
- ce(k.$slots, "default")
2510
+ ue(k.$slots, "default")
2561
2511
  ], 4), [
2562
- [Z, v.value]
2512
+ [J, y.value]
2563
2513
  ])
2564
- ])) : C("", !0)
2514
+ ])) : V("", !0)
2565
2515
  ], 512));
2566
2516
  }
2567
- }), sa = {}, ia = {
2517
+ }), so = {}, io = {
2568
2518
  xmlns: "http://www.w3.org/2000/svg",
2569
2519
  width: "24",
2570
2520
  height: "24",
@@ -2576,27 +2526,27 @@ const ra = /* @__PURE__ */ Y({
2576
2526
  "stroke-linejoin": "round",
2577
2527
  class: "lucide lucide-filter h-4 w-4"
2578
2528
  };
2579
- function ua(t, o) {
2580
- return i(), w("svg", ia, [...o[0] || (o[0] = [
2581
- c("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
2529
+ function uo(f, a) {
2530
+ return i(), w("svg", io, [...a[0] || (a[0] = [
2531
+ s("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
2582
2532
  ])]);
2583
2533
  }
2584
- const Ue = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-center gap-2 overflow-hidden" }, da = {
2534
+ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-center gap-2 overflow-hidden" }, fo = {
2585
2535
  key: 0,
2586
2536
  class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-[4px] bg-blue-500 px-1 text-[11px] font-semibold text-white"
2587
- }, fa = { class: "flex max-h-[400px]" }, ma = { class: "w-64 border-r border-gray-200 overflow-y-auto" }, pa = { class: "p-4 border-b" }, va = { class: "text-sm text-gray-600" }, ya = { class: "p-2" }, ga = ["onClick"], ba = { class: "flex items-center gap-2" }, xa = { class: "text-sm font-medium" }, ha = {
2537
+ }, po = { class: "flex max-h-[calc(100dvh-240px)]" }, mo = { class: "w-64 border-r border-gray-200 overflow-y-auto" }, vo = { class: "p-4 border-b" }, yo = { class: "text-sm text-gray-600" }, go = { class: "p-2" }, bo = ["onClick"], ho = { class: "flex items-center gap-2" }, xo = { class: "text-sm font-medium" }, wo = {
2588
2538
  key: 0,
2589
2539
  class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-[4px] bg-blue-100 px-1 text-[11px] font-semibold text-blue-600"
2590
- }, wa = ["onClick"], ka = { class: "flex items-center gap-2" }, Ca = { class: "text-sm font-medium" }, Va = {
2540
+ }, ko = ["onClick"], Co = { class: "flex items-center gap-2" }, _o = { class: "text-sm font-medium" }, Vo = {
2591
2541
  key: 0,
2592
2542
  class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-[4px] bg-blue-100 px-1 text-[11px] font-semibold text-blue-600"
2593
- }, $a = {
2543
+ }, $o = {
2594
2544
  key: 0,
2595
2545
  class: "p-2 border-t"
2596
- }, Aa = { class: "flex-1 min-h-[300px] overflow-y-auto" }, Sa = {
2546
+ }, Ao = { class: "flex-1 min-h-[300px] overflow-y-auto" }, Bo = {
2597
2547
  key: 0,
2598
2548
  class: "flex items-center justify-center h-full text-gray-500"
2599
- }, Ba = { class: "text-sm" }, ze = /* @__PURE__ */ Y({
2549
+ }, So = { class: "text-sm" }, ze = /* @__PURE__ */ q({
2600
2550
  __name: "popover-filter-layout",
2601
2551
  props: {
2602
2552
  badgeCount: {},
@@ -2613,163 +2563,163 @@ const Ue = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-c
2613
2563
  itemClass: {}
2614
2564
  },
2615
2565
  emits: ["change", "clear", "clearAll"],
2616
- setup(t, { expose: o, emit: v }) {
2617
- const l = le(), r = t, n = Ie(r.mode), y = me(), f = v, s = $({}), h = E(() => s?.value ? r.view !== "inline" ? s?.value : Object.fromEntries(Object.entries(s?.value).slice(r.limit)) : {}), {
2618
- activeFilter: m,
2566
+ setup(f, { expose: a, emit: y }) {
2567
+ const t = oe(), u = f, l = Te(u.mode), g = fe(), n = y, m = A({}), x = O(() => m?.value ? u.view !== "inline" ? m?.value : Object.fromEntries(Object.entries(m?.value).slice(u.limit)) : {}), {
2568
+ activeFilter: d,
2619
2569
  activeFilterCount: p,
2620
- onFilterChange: b,
2570
+ onFilterChange: r,
2621
2571
  clearFilter: k,
2622
- clearAllFilters: V,
2623
- popoverFiltersSlot: A,
2624
- selectedFilter: d,
2625
- filterRef: a
2572
+ clearAllFilters: _,
2573
+ popoverFiltersSlot: C,
2574
+ selectedFilter: o,
2575
+ filterRef: c
2626
2576
  } = ye({
2627
- ...r,
2628
- schema: s,
2629
- slots: y
2630
- }, f), u = E(() => r.badgeCount ?? p.value);
2631
- function g(U) {
2632
- return Array.isArray(U) ? U.filter((j) => j != null && j !== "").length : U && typeof U == "object" ? Object.values(U).filter((j) => j != null && j !== "").length : U === null || U !== void 0 && U !== "" ? 1 : 0;
2577
+ ...u,
2578
+ schema: m,
2579
+ slots: g
2580
+ }, n), v = O(() => u.badgeCount ?? p.value);
2581
+ function h(M) {
2582
+ return Array.isArray(M) ? M.filter(($) => $ != null && $ !== "").length : M && typeof M == "object" ? Object.values(M).filter(($) => $ != null && $ !== "").length : M === null || M !== void 0 && M !== "" ? 1 : 0;
2633
2583
  }
2634
- function x(U) {
2635
- return m.value ? g(m.value[U]) : 0;
2584
+ function b(M) {
2585
+ return d.value ? h(d.value[M]) : 0;
2636
2586
  }
2637
- function M() {
2638
- if (h.value) {
2639
- const [U] = Object.keys(h.value);
2640
- d.value = U;
2641
- } else A.value.length > 0 ? d.value = A.value[0].props.name : d.value = "";
2587
+ function K() {
2588
+ if (x.value) {
2589
+ const [M] = Object.keys(x.value);
2590
+ o.value = M;
2591
+ } else C.value.length > 0 ? o.value = C.value[0].props.name : o.value = "";
2642
2592
  }
2643
- return O(
2644
- () => r.schema,
2645
- (U) => {
2646
- s.value = U ?? {};
2593
+ return U(
2594
+ () => u.schema,
2595
+ (M) => {
2596
+ m.value = M ?? {};
2647
2597
  },
2648
2598
  { deep: !0, immediate: !0 }
2649
- ), o({
2599
+ ), a({
2650
2600
  clearFilter: k,
2651
- clearAllFilters: V
2652
- }), (U, j) => (i(), I(ra, {
2653
- onOpen: M,
2654
- onClose: j[5] || (j[5] = (B) => d.value = "")
2601
+ clearAllFilters: _
2602
+ }), (M, $) => (i(), T(ro, {
2603
+ onOpen: K,
2604
+ onClose: $[5] || ($[5] = (S) => o.value = "")
2655
2605
  }, {
2656
- trigger: oe(() => [
2657
- c("button", {
2606
+ trigger: ae(() => [
2607
+ s("button", {
2658
2608
  "data-popover-trigger": "",
2659
2609
  "aria-haspopup": "dialog",
2660
2610
  "aria-expanded": "false",
2661
- class: L([
2662
- t.itemClass,
2663
- e(n),
2611
+ class: E([
2612
+ M.itemClass,
2613
+ e(l),
2664
2614
  "flex items-center justify-between gap-2",
2665
- u.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600 hover:border-blue-500" : "text-neutral-700 hover:border-neutral-400"
2615
+ v.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600 hover:border-blue-500" : "text-neutral-700 hover:border-neutral-400"
2666
2616
  ]),
2667
2617
  type: "button"
2668
2618
  }, [
2669
- c("span", ca, [
2670
- W(Ue, { class: "h-4 w-4" }),
2671
- j[6] || (j[6] = c("span", { class: "text-sm font-medium" }, "Фільтр", -1))
2619
+ s("span", co, [
2620
+ Q(Ue, { class: "h-4 w-4" }),
2621
+ $[6] || ($[6] = s("span", { class: "text-sm font-medium" }, "Фільтр", -1))
2672
2622
  ]),
2673
- u.value > 0 ? (i(), w("span", da, S(u.value), 1)) : C("", !0)
2623
+ v.value > 0 ? (i(), w("span", fo, B(v.value), 1)) : V("", !0)
2674
2624
  ], 2)
2675
2625
  ]),
2676
- default: oe(() => [
2677
- c("div", fa, [
2678
- c("div", ma, [
2679
- c("div", pa, [
2680
- c("p", va, S(e(l)("filter.selectFieldHelp")), 1)
2626
+ default: ae(() => [
2627
+ s("div", po, [
2628
+ s("div", mo, [
2629
+ s("div", vo, [
2630
+ s("p", yo, B(e(t)("filter.selectFieldHelp")), 1)
2681
2631
  ]),
2682
- c("div", ya, [
2683
- t.schema ? (i(!0), w(_, { key: 0 }, X(Object.entries(h.value), ([B, K]) => (i(), w("button", {
2684
- key: B,
2632
+ s("div", go, [
2633
+ M.schema ? (i(!0), w(I, { key: 0 }, X(Object.entries(x.value), ([S, F]) => (i(), w("button", {
2634
+ key: S,
2685
2635
  onClick: () => {
2686
- d.value = B;
2636
+ o.value = S;
2687
2637
  },
2688
- class: L([
2638
+ class: E([
2689
2639
  "flex w-full items-center justify-between px-3 py-2 text-left transition-colors hover:bg-gray-50",
2690
- e(d) === B ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
2640
+ e(o) === S ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
2691
2641
  ])
2692
2642
  }, [
2693
- c("div", ba, [
2694
- c("span", xa, S(K.label), 1)
2643
+ s("div", ho, [
2644
+ s("span", xo, B(F.label), 1)
2695
2645
  ]),
2696
- x(B) > 0 ? (i(), w("div", ha, S(x(B)), 1)) : C("", !0)
2697
- ], 10, ga))), 128)) : C("", !0),
2698
- (i(!0), w(_, null, X(e(A), (B, K) => (i(), w("button", {
2699
- key: "slot-" + K,
2700
- onClick: (R) => d.value = B.props.name,
2701
- class: L([
2646
+ b(S) > 0 ? (i(), w("div", wo, B(b(S)), 1)) : V("", !0)
2647
+ ], 10, bo))), 128)) : V("", !0),
2648
+ (i(!0), w(I, null, X(e(C), (S, F) => (i(), w("button", {
2649
+ key: "slot-" + F,
2650
+ onClick: (D) => o.value = S.props.name,
2651
+ class: E([
2702
2652
  "flex items-center justify-between px-3 py-2 text-left transition-colors hover:bg-gray-50",
2703
- e(d) === B.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
2653
+ e(o) === S.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
2704
2654
  ])
2705
2655
  }, [
2706
- c("div", ka, [
2707
- c("span", Ca, S(B.props.label), 1)
2656
+ s("div", Co, [
2657
+ s("span", _o, B(S.props.label), 1)
2708
2658
  ]),
2709
- x(B.props.name) > 0 ? (i(), w("div", Va, S(x(B.props.name)), 1)) : C("", !0)
2710
- ], 10, wa))), 128))
2659
+ b(S.props.name) > 0 ? (i(), w("div", Vo, B(b(S.props.name)), 1)) : V("", !0)
2660
+ ], 10, ko))), 128))
2711
2661
  ]),
2712
- e(p) > 0 ? (i(), w("div", $a, [
2713
- c("button", {
2714
- class: L([t.itemClass, "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors"]),
2715
- onClick: j[0] || (j[0] = (B) => e(V)()),
2662
+ e(p) > 0 ? (i(), w("div", $o, [
2663
+ s("button", {
2664
+ class: E([M.itemClass, "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors"]),
2665
+ onClick: $[0] || ($[0] = (S) => e(_)()),
2716
2666
  "data-inside-popover": ""
2717
2667
  }, " Очистити всі ", 2)
2718
- ])) : C("", !0)
2668
+ ])) : V("", !0)
2719
2669
  ]),
2720
- c("div", Aa, [
2721
- e(d) === "" ? (i(), w("div", Sa, [
2722
- c("p", Ba, S(e(l)("filter.selectFieldHelp")), 1)
2723
- ])) : C("", !0),
2724
- e(d) ? (i(), w(_, { key: 1 }, [
2725
- h.value ? (i(!0), w(_, { key: 0 }, X(Object.entries(h.value), ([B, K]) => (i(), w(_, null, [
2726
- e(d) === B ? (i(), I(te, J({
2727
- key: B,
2670
+ s("div", Ao, [
2671
+ e(o) === "" ? (i(), w("div", Bo, [
2672
+ s("p", So, B(e(t)("filter.selectFieldHelp")), 1)
2673
+ ])) : V("", !0),
2674
+ e(o) ? (i(), w(I, { key: 1 }, [
2675
+ x.value ? (i(!0), w(I, { key: 0 }, X(Object.entries(x.value), ([S, F]) => (i(), w(I, null, [
2676
+ e(o) === S ? (i(), T(le, Z({
2677
+ key: S,
2728
2678
  layout: "popover",
2729
2679
  ref_for: !0,
2730
2680
  ref_key: "filterRef",
2731
- ref: a
2732
- }, { ref_for: !0 }, K, {
2733
- class: [t.itemClass, K?.class],
2734
- "item-class": [t.itemClass, K?.itemClass].filter(Boolean).join(" ") || void 0,
2735
- onChange: j[1] || (j[1] = (R) => e(b)(R.name, R.value)),
2736
- onClear: j[2] || (j[2] = (R) => {
2737
- e(k)(R), e(b)(R, void 0);
2681
+ ref: c
2682
+ }, { ref_for: !0 }, F, {
2683
+ class: [M.itemClass, F?.class],
2684
+ "item-class": [M.itemClass, F?.itemClass].filter(Boolean).join(" ") || void 0,
2685
+ onChange: $[1] || ($[1] = (D) => e(r)(D.name, D.value)),
2686
+ onClear: $[2] || ($[2] = (D) => {
2687
+ e(k)(D), e(r)(D, void 0);
2738
2688
  }),
2739
- modelValue: e(m)[B],
2740
- "onUpdate:modelValue": (R) => e(m)[B] = R,
2689
+ modelValue: e(d)[S],
2690
+ "onUpdate:modelValue": (D) => e(d)[S] = D,
2741
2691
  cleanable: !0
2742
- }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : C("", !0)
2743
- ], 64))), 256)) : C("", !0),
2744
- (i(!0), w(_, null, X(e(A), (B, K) => (i(), w(_, {
2745
- key: "slot-" + K
2692
+ }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : V("", !0)
2693
+ ], 64))), 256)) : V("", !0),
2694
+ (i(!0), w(I, null, X(e(C), (S, F) => (i(), w(I, {
2695
+ key: "slot-" + F
2746
2696
  }, [
2747
- e(d) === B.props.name ? (i(), I(te, J({
2697
+ e(o) === S.props.name ? (i(), T(le, Z({
2748
2698
  key: 0,
2749
2699
  layout: "popover"
2750
- }, { ref_for: !0 }, B.props, {
2700
+ }, { ref_for: !0 }, S.props, {
2751
2701
  ref_for: !0,
2752
2702
  ref_key: "filterRef",
2753
- ref: a,
2754
- class: [t.itemClass, B.props?.class],
2755
- "item-class": [t.itemClass, B.props?.itemClass].filter(Boolean).join(" ") || void 0,
2756
- onChange: j[3] || (j[3] = (R) => e(b)(R.name, R.value)),
2757
- onClear: j[4] || (j[4] = (R) => {
2758
- e(k)(R), e(b)(R, void 0);
2703
+ ref: c,
2704
+ class: [M.itemClass, S.props?.class],
2705
+ "item-class": [M.itemClass, S.props?.itemClass].filter(Boolean).join(" ") || void 0,
2706
+ onChange: $[3] || ($[3] = (D) => e(r)(D.name, D.value)),
2707
+ onClear: $[4] || ($[4] = (D) => {
2708
+ e(k)(D), e(r)(D, void 0);
2759
2709
  }),
2760
- modelValue: e(m)[B.props.name],
2761
- "onUpdate:modelValue": (R) => e(m)[B.props.name] = R,
2710
+ modelValue: e(d)[S.props.name],
2711
+ "onUpdate:modelValue": (D) => e(d)[S.props.name] = D,
2762
2712
  cleanable: !0
2763
- }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : C("", !0)
2713
+ }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : V("", !0)
2764
2714
  ], 64))), 128))
2765
- ], 64)) : C("", !0)
2715
+ ], 64)) : V("", !0)
2766
2716
  ])
2767
2717
  ])
2768
2718
  ]),
2769
2719
  _: 1
2770
2720
  }));
2771
2721
  }
2772
- }), ja = { class: "flex gap-1 items-center flex-wrap" }, Ke = /* @__PURE__ */ Y({
2722
+ }), jo = { class: "flex gap-1 items-center flex-wrap" }, Fe = /* @__PURE__ */ q({
2773
2723
  __name: "inline-filter-layout",
2774
2724
  props: {
2775
2725
  schema: {},
@@ -2785,106 +2735,106 @@ const Ue = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-c
2785
2735
  itemClass: {}
2786
2736
  },
2787
2737
  emits: ["change", "clear", "clearAll"],
2788
- setup(t, { expose: o, emit: v }) {
2789
- const l = le(), r = t, n = v, y = me(), f = $({}), s = E(() => Object.keys(r.schema).length > r.limit), {
2790
- activeFilter: h,
2791
- activeFilterCount: m,
2738
+ setup(f, { expose: a, emit: y }) {
2739
+ const t = oe(), u = f, l = y, g = fe(), n = A({}), m = O(() => Object.keys(u.schema).length > u.limit), {
2740
+ activeFilter: x,
2741
+ activeFilterCount: d,
2792
2742
  onFilterChange: p,
2793
- clearFilter: b,
2743
+ clearFilter: r,
2794
2744
  clearAllFilters: k,
2795
- limitedSchema: V,
2796
- filtersSlot: A,
2797
- limitedFiltersSlot: d
2745
+ limitedSchema: _,
2746
+ filtersSlot: C,
2747
+ limitedFiltersSlot: o
2798
2748
  } = ye(
2799
2749
  {
2800
- ...r,
2801
- schema: f,
2802
- slots: y
2750
+ ...u,
2751
+ schema: n,
2752
+ slots: g
2803
2753
  },
2804
- n
2754
+ l
2805
2755
  );
2806
- function a(j) {
2807
- return Array.isArray(j) ? j.some((B) => B !== "" && B !== void 0 && B !== null) : j === null ? !0 : j && typeof j == "object" ? Object.values(j).some((B) => B !== "" && B !== void 0 && B !== null) : j !== "" && j !== void 0;
2756
+ function c($) {
2757
+ return Array.isArray($) ? $.some((S) => S !== "" && S !== void 0 && S !== null) : $ === null ? !0 : $ && typeof $ == "object" ? Object.values($).some((S) => S !== "" && S !== void 0 && S !== null) : $ !== "" && $ !== void 0;
2808
2758
  }
2809
- const u = E(() => {
2810
- const j = Object.keys(V.value ?? {}), B = d.value.map((K) => K.props?.name).filter((K) => typeof K == "string");
2811
- return /* @__PURE__ */ new Set([...j, ...B]);
2812
- }), g = E(() => Object.entries(h.value ?? {}).filter(([j, B]) => u.value.has(j) && a(B)).length), x = E(() => {
2813
- const j = m.value ?? 0, B = g.value ?? 0;
2814
- return Math.max(j - B, 0);
2815
- }), M = $();
2816
- function U() {
2817
- M.value && M.value.clearAllFilters(!0), k();
2759
+ const v = O(() => {
2760
+ const $ = Object.keys(_.value ?? {}), S = o.value.map((F) => F.props?.name).filter((F) => typeof F == "string");
2761
+ return /* @__PURE__ */ new Set([...$, ...S]);
2762
+ }), h = O(() => Object.entries(x.value ?? {}).filter(([$, S]) => v.value.has($) && c(S)).length), b = O(() => {
2763
+ const $ = d.value ?? 0, S = h.value ?? 0;
2764
+ return Math.max($ - S, 0);
2765
+ }), K = A();
2766
+ function M() {
2767
+ K.value && K.value.clearAllFilters(!0), k();
2818
2768
  }
2819
- return O(
2820
- () => r.schema,
2821
- (j) => {
2822
- f.value = j;
2769
+ return U(
2770
+ () => u.schema,
2771
+ ($) => {
2772
+ n.value = $;
2823
2773
  },
2824
2774
  { deep: !0, immediate: !0 }
2825
- ), o({
2826
- clearFilter: b,
2775
+ ), a({
2776
+ clearFilter: r,
2827
2777
  clearAllFilters: k
2828
- }), (j, B) => (i(), w("div", ja, [
2829
- t.schema ? (i(!0), w(_, { key: 0 }, X(Object.entries(e(V)), ([K, R]) => (i(), I(te, J({
2830
- key: K,
2831
- mode: t.mode,
2832
- width: t.width ? t.width : R?.width
2833
- }, { ref_for: !0 }, R, {
2834
- class: [t.itemClass, R?.class],
2835
- "item-class": [t.itemClass, R?.itemClass].filter(Boolean).join(" ") || void 0,
2836
- onChange: B[0] || (B[0] = (F) => e(p)(F.name, F.value)),
2837
- onClear: e(b),
2778
+ }), ($, S) => (i(), w("div", jo, [
2779
+ $.schema ? (i(!0), w(I, { key: 0 }, X(Object.entries(e(_)), ([F, D]) => (i(), T(le, Z({
2780
+ key: F,
2781
+ mode: $.mode,
2782
+ width: $.width ? $.width : D?.width
2783
+ }, { ref_for: !0 }, D, {
2784
+ class: [$.itemClass, D?.class],
2785
+ "item-class": [$.itemClass, D?.itemClass].filter(Boolean).join(" ") || void 0,
2786
+ onChange: S[0] || (S[0] = (R) => e(p)(R.name, R.value)),
2787
+ onClear: e(r),
2838
2788
  layout: "inline",
2839
2789
  cleanable: !0,
2840
- modelValue: e(h)[K],
2841
- "onUpdate:modelValue": (F) => e(h)[K] = F
2842
- }), null, 16, ["mode", "width", "class", "item-class", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : C("", !0),
2843
- (i(!0), w(_, null, X(e(d), (K, R) => (i(), I(te, J({
2844
- key: "slot-" + R,
2790
+ modelValue: e(x)[F],
2791
+ "onUpdate:modelValue": (R) => e(x)[F] = R
2792
+ }), null, 16, ["mode", "width", "class", "item-class", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : V("", !0),
2793
+ (i(!0), w(I, null, X(e(o), (F, D) => (i(), T(le, Z({
2794
+ key: "slot-" + D,
2845
2795
  layout: "inline"
2846
- }, { ref_for: !0 }, K.props, {
2847
- class: [t.itemClass, K.props?.class],
2848
- "item-class": [t.itemClass, K.props?.itemClass].filter(Boolean).join(" ") || void 0,
2849
- onChange: B[1] || (B[1] = (F) => e(p)(F.name, F.value)),
2850
- onClear: B[2] || (B[2] = (F) => {
2851
- e(b)(F), e(p)(F, void 0);
2796
+ }, { ref_for: !0 }, F.props, {
2797
+ class: [$.itemClass, F.props?.class],
2798
+ "item-class": [$.itemClass, F.props?.itemClass].filter(Boolean).join(" ") || void 0,
2799
+ onChange: S[1] || (S[1] = (R) => e(p)(R.name, R.value)),
2800
+ onClear: S[2] || (S[2] = (R) => {
2801
+ e(r)(R), e(p)(R, void 0);
2852
2802
  }),
2853
2803
  cleanable: !0,
2854
- modelValue: e(h)[K.props.name],
2855
- "onUpdate:modelValue": (F) => e(h)[K.props.name] = F
2804
+ modelValue: e(x)[F.props.name],
2805
+ "onUpdate:modelValue": (R) => e(x)[F.props.name] = R
2856
2806
  }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)),
2857
- s.value ? (i(), I(ze, J({ key: 1 }, r, {
2858
- schema: t.schema,
2859
- limit: t.limit,
2860
- onChange: B[3] || (B[3] = (K) => e(p)(K.name, K.value)),
2861
- onClearAll: B[4] || (B[4] = (K) => e(k)()),
2862
- onClear: B[5] || (B[5] = (K) => e(b)(K.name)),
2863
- mode: t.mode,
2807
+ m.value ? (i(), T(ze, Z({ key: 1 }, u, {
2808
+ schema: $.schema,
2809
+ limit: $.limit,
2810
+ onChange: S[3] || (S[3] = (F) => e(p)(F.name, F.value)),
2811
+ onClearAll: S[4] || (S[4] = (F) => e(k)()),
2812
+ onClear: S[5] || (S[5] = (F) => e(r)(F.name)),
2813
+ mode: $.mode,
2864
2814
  ref_key: "popoverRef",
2865
- ref: M,
2815
+ ref: K,
2866
2816
  cleanable: !0,
2867
- "badge-count": x.value
2817
+ "badge-count": b.value
2868
2818
  }), {
2869
- default: oe(() => [
2870
- (i(!0), w(_, null, X(e(A), (K, R) => (i(), I(re(K), J({
2871
- key: "slot-" + R,
2819
+ default: ae(() => [
2820
+ (i(!0), w(I, null, X(e(C), (F, D) => (i(), T(ne(F), Z({
2821
+ key: "slot-" + D,
2872
2822
  layout: "popover"
2873
- }, { ref_for: !0 }, K.props, { cleanable: !0 }), null, 16))), 128))
2823
+ }, { ref_for: !0 }, F.props, { cleanable: !0 }), null, 16))), 128))
2874
2824
  ]),
2875
2825
  _: 1
2876
- }, 16, ["schema", "limit", "mode", "badge-count"])) : C("", !0),
2877
- e(m) > 0 ? (i(), w("button", {
2826
+ }, 16, ["schema", "limit", "mode", "badge-count"])) : V("", !0),
2827
+ e(d) > 0 ? (i(), w("button", {
2878
2828
  key: 2,
2879
- onClick: U,
2880
- class: L([t.itemClass, "relative py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-md bg-gray-50 border text-gray-800 hover:bg-gray-200 focus:bg-gray-200"])
2881
- }, S(e(l)("filter.clear")), 3)) : C("", !0)
2829
+ onClick: M,
2830
+ class: E([$.itemClass, "relative py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-md bg-gray-50 border text-gray-800 hover:bg-gray-200 focus:bg-gray-200"])
2831
+ }, B(e(t)("filter.clear")), 3)) : V("", !0)
2882
2832
  ]));
2883
2833
  }
2884
- }), Da = {
2834
+ }), Do = {
2885
2835
  key: 0,
2886
2836
  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"
2887
- }, Ra = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, Fa = /* @__PURE__ */ Y({
2837
+ }, Ro = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, Fo = /* @__PURE__ */ q({
2888
2838
  __name: "vertical-filter-layout",
2889
2839
  props: {
2890
2840
  schema: {},
@@ -2900,67 +2850,67 @@ const Ue = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-c
2900
2850
  itemClass: {}
2901
2851
  },
2902
2852
  emits: ["change", "clear", "clearAll"],
2903
- setup(t, { expose: o, emit: v }) {
2904
- const l = t, r = v, n = me(), {
2905
- activeFilter: y,
2906
- activeFilterCount: f,
2907
- onFilterChange: s,
2908
- clearFilter: h,
2909
- clearAllFilters: m,
2853
+ setup(f, { expose: a, emit: y }) {
2854
+ const t = f, u = y, l = fe(), {
2855
+ activeFilter: g,
2856
+ activeFilterCount: n,
2857
+ onFilterChange: m,
2858
+ clearFilter: x,
2859
+ clearAllFilters: d,
2910
2860
  filtersSlot: p
2911
2861
  } = ye({
2912
- ...l,
2913
- slots: n
2914
- }, r);
2915
- return o({
2916
- clearFilter: h,
2917
- clearAllFilters: m
2918
- }), (b, k) => t.view === "vertical" ? (i(), w("div", Da, [
2919
- c("div", Ra, [
2920
- e(f) > 0 ? (i(), w("button", {
2862
+ ...t,
2863
+ slots: l
2864
+ }, u);
2865
+ return a({
2866
+ clearFilter: x,
2867
+ clearAllFilters: d
2868
+ }), (r, k) => r.view === "vertical" ? (i(), w("div", Do, [
2869
+ s("div", Ro, [
2870
+ e(n) > 0 ? (i(), w("button", {
2921
2871
  key: 0,
2922
- onClick: k[0] || (k[0] = (V) => e(m)()),
2872
+ onClick: k[0] || (k[0] = (_) => e(d)()),
2923
2873
  "data-popover-trigger": "",
2924
2874
  "aria-haspopup": "dialog",
2925
2875
  "aria-expanded": "false",
2926
- class: L([t.itemClass, "w-full ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground border h-10 px-4 py-2 gap-2 m-2 bg-white text-gray-800 hover:bg-gray-200 focus:bg-gray-200"]),
2876
+ class: E([r.itemClass, "w-full ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground border h-10 px-4 py-2 gap-2 m-2 bg-white text-gray-800 hover:bg-gray-200 focus:bg-gray-200"]),
2927
2877
  type: "button"
2928
- }, " Очистити ", 2)) : C("", !0),
2929
- t.schema ? (i(!0), w(_, { key: 1 }, X(Object.entries(t.schema), ([V, A]) => (i(), I(te, J({ layout: "vertical" }, { ref_for: !0 }, A, {
2930
- class: [t.itemClass, A?.class],
2931
- "item-class": [t.itemClass, A?.itemClass].filter(Boolean).join(" ") || void 0,
2932
- onChange: k[1] || (k[1] = (d) => e(s)(d.name, d.value)),
2933
- onClear: k[2] || (k[2] = (d) => {
2934
- e(h)(d), e(s)(d, void 0);
2878
+ }, " Очистити ", 2)) : V("", !0),
2879
+ r.schema ? (i(!0), w(I, { key: 1 }, X(Object.entries(r.schema), ([_, C]) => (i(), T(le, Z({ layout: "vertical" }, { ref_for: !0 }, C, {
2880
+ class: [r.itemClass, C?.class],
2881
+ "item-class": [r.itemClass, C?.itemClass].filter(Boolean).join(" ") || void 0,
2882
+ onChange: k[1] || (k[1] = (o) => e(m)(o.name, o.value)),
2883
+ onClear: k[2] || (k[2] = (o) => {
2884
+ e(x)(o), e(m)(o, void 0);
2935
2885
  }),
2936
- modelValue: e(y)[V],
2937
- "onUpdate:modelValue": (d) => e(y)[V] = d,
2886
+ modelValue: e(g)[_],
2887
+ "onUpdate:modelValue": (o) => e(g)[_] = o,
2938
2888
  showClean: !0
2939
- }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 256)) : C("", !0),
2940
- (i(!0), w(_, null, X(e(p), (V, A) => (i(), I(te, J({
2941
- key: "slot-" + A,
2889
+ }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 256)) : V("", !0),
2890
+ (i(!0), w(I, null, X(e(p), (_, C) => (i(), T(le, Z({
2891
+ key: "slot-" + C,
2942
2892
  layout: "vertical"
2943
- }, { ref_for: !0 }, V.props, {
2944
- class: [t.itemClass, V.props?.class],
2945
- "item-class": [t.itemClass, V.props?.itemClass].filter(Boolean).join(" ") || void 0,
2946
- onChange: k[3] || (k[3] = (d) => e(s)(d.name, d.value)),
2947
- onClear: k[4] || (k[4] = (d) => {
2948
- e(h)(d), e(s)(d, void 0);
2893
+ }, { ref_for: !0 }, _.props, {
2894
+ class: [r.itemClass, _.props?.class],
2895
+ "item-class": [r.itemClass, _.props?.itemClass].filter(Boolean).join(" ") || void 0,
2896
+ onChange: k[3] || (k[3] = (o) => e(m)(o.name, o.value)),
2897
+ onClear: k[4] || (k[4] = (o) => {
2898
+ e(x)(o), e(m)(o, void 0);
2949
2899
  }),
2950
- modelValue: e(y)[V.props.name],
2951
- "onUpdate:modelValue": (d) => e(y)[V.props.name] = d,
2900
+ modelValue: e(g)[_.props.name],
2901
+ "onUpdate:modelValue": (o) => e(g)[_.props.name] = o,
2952
2902
  showClean: !0
2953
2903
  }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128))
2954
2904
  ])
2955
- ])) : C("", !0);
2905
+ ])) : V("", !0);
2956
2906
  }
2957
- }), Ka = ["onKeydown"], Ma = ["disabled"], La = {
2907
+ }), Ko = ["onKeydown"], Mo = ["disabled"], Lo = {
2958
2908
  key: 0,
2959
2909
  class: "ml-2 inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-full bg-blue-500 px-1.5 text-[11px] font-semibold text-white"
2960
- }, Ea = { class: "rounded-2xl border border-slate-300/35 bg-white/95 p-4 shadow-2xl backdrop-blur-sm" }, Oa = { class: "mb-3 flex items-center justify-between" }, Ta = { class: "text-[15px] font-semibold text-slate-800" }, Ia = { "aria-hidden": "true" }, _a = { class: "flex max-h-80 flex-col gap-1 overflow-y-auto" }, Ua = {
2910
+ }, Eo = { class: "rounded-2xl border border-slate-300/35 bg-white/95 p-4 shadow-2xl backdrop-blur-sm" }, Oo = { class: "mb-3 flex items-center justify-between" }, To = { class: "text-[15px] font-semibold text-slate-800" }, Io = { "aria-hidden": "true" }, Uo = { class: "flex max-h-80 flex-col gap-1 overflow-y-auto" }, zo = {
2961
2911
  key: 0,
2962
2912
  class: "mt-3 flex justify-end"
2963
- }, za = /* @__PURE__ */ Y({
2913
+ }, No = /* @__PURE__ */ q({
2964
2914
  __name: "popover-inline-filter-layout",
2965
2915
  props: {
2966
2916
  schema: {},
@@ -2976,177 +2926,177 @@ const Ue = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-c
2976
2926
  itemClass: {}
2977
2927
  },
2978
2928
  emits: ["change", "clear", "clearAll"],
2979
- setup(t, { emit: o }) {
2980
- const v = le(), l = t, r = o, n = $({}), y = me(), {
2981
- activeFilter: f,
2982
- activeFilterCount: s,
2983
- onFilterChange: h,
2984
- clearFilter: m,
2929
+ setup(f, { emit: a }) {
2930
+ const y = oe(), t = f, u = a, l = A({}), g = fe(), {
2931
+ activeFilter: n,
2932
+ activeFilterCount: m,
2933
+ onFilterChange: x,
2934
+ clearFilter: d,
2985
2935
  clearAllFilters: p,
2986
- filtersSlot: b
2936
+ filtersSlot: r
2987
2937
  } = ye(
2988
2938
  {
2989
- ...l,
2990
- schema: n.value,
2991
- slots: y
2939
+ ...t,
2940
+ schema: l.value,
2941
+ slots: g
2992
2942
  },
2993
- r
2994
- ), k = $(null), V = $(null), A = qe({ open: !1, top: 0, left: 0 }), d = E(() => A.open), a = E(() => !!l.disabled), u = E(() => n.value || {}), g = E(() => l.title ?? "Фільтр"), x = E(() => !!y.trigger), M = E(() => [
2943
+ u
2944
+ ), k = A(null), _ = A(null), C = qe({ open: !1, top: 0, left: 0 }), o = O(() => C.open), c = O(() => !!t.disabled), v = O(() => l.value || {}), h = O(() => t.title ?? "Фільтр"), b = O(() => !!g.trigger), K = O(() => [
2995
2945
  "inline-flex h-9 items-center justify-center gap-2 rounded-lg border border-transparent bg-slate-200/70 px-3 text-sm font-medium text-slate-700 transition-colors hover:bg-blue-100 hover:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-200 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-slate-200/70 disabled:hover:text-slate-700",
2996
- a.value ? "cursor-not-allowed opacity-60" : "cursor-pointer"
2997
- ]), U = E(() => A.open ? {
2946
+ c.value ? "cursor-not-allowed opacity-60" : "cursor-pointer"
2947
+ ]), M = O(() => C.open ? {
2998
2948
  position: "absolute",
2999
- top: `${A.top}px`,
3000
- left: `${A.left}px`,
2949
+ top: `${C.top}px`,
2950
+ left: `${C.left}px`,
3001
2951
  transform: "translateX(-50%)",
3002
2952
  zIndex: 1e3
3003
2953
  } : { display: "none" });
3004
- function j() {
3005
- A.open = !1;
2954
+ function $() {
2955
+ C.open = !1;
3006
2956
  }
3007
- function B() {
2957
+ function S() {
3008
2958
  if (!k.value) return;
3009
- const H = k.value.getBoundingClientRect();
3010
- A.top = H.bottom + window.scrollY + 8, A.left = H.left + H.width / 2 + window.scrollX;
2959
+ const z = k.value.getBoundingClientRect();
2960
+ C.top = z.bottom + window.scrollY + 8, C.left = z.left + z.width / 2 + window.scrollX;
3011
2961
  }
3012
- function K() {
3013
- A.open = !A.open, A.open && fe(B);
2962
+ function F() {
2963
+ C.open = !C.open, C.open && me(S);
3014
2964
  }
3015
- function R() {
3016
- a.value || K();
2965
+ function D() {
2966
+ c.value || F();
3017
2967
  }
3018
- function F() {
3019
- A.open && B();
2968
+ function R() {
2969
+ C.open && S();
3020
2970
  }
3021
- function z() {
2971
+ function N() {
3022
2972
  p();
3023
2973
  }
3024
- return de(() => {
3025
- window.addEventListener("resize", F), window.addEventListener("scroll", F, !0);
2974
+ return ce(() => {
2975
+ window.addEventListener("resize", R), window.addEventListener("scroll", R, !0);
3026
2976
  }), pe(() => {
3027
- window.removeEventListener("resize", F), window.removeEventListener("scroll", F, !0);
3028
- }), O(
3029
- () => l.schema,
3030
- (H) => {
3031
- if (!H) {
3032
- n.value = {};
2977
+ window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0);
2978
+ }), U(
2979
+ () => t.schema,
2980
+ (z) => {
2981
+ if (!z) {
2982
+ l.value = {};
3033
2983
  return;
3034
2984
  }
3035
- if (Array.isArray(H)) {
3036
- const D = H.filter((T) => T && (T.name || T.id)).map((T) => {
3037
- const N = T.name || T.id;
3038
- return [N, { ...T, name: N }];
2985
+ if (Array.isArray(z)) {
2986
+ const j = z.filter((L) => L && (L.name || L.id)).map((L) => {
2987
+ const P = L.name || L.id;
2988
+ return [P, { ...L, name: P }];
3039
2989
  });
3040
- n.value = Object.fromEntries(D);
2990
+ l.value = Object.fromEntries(j);
3041
2991
  return;
3042
2992
  }
3043
- n.value = H;
2993
+ l.value = z;
3044
2994
  },
3045
2995
  { deep: !0, immediate: !0 }
3046
- ), O(
3047
- () => l.disabled,
3048
- (H) => {
3049
- H && j();
2996
+ ), U(
2997
+ () => t.disabled,
2998
+ (z) => {
2999
+ z && $();
3050
3000
  }
3051
- ), (H, D) => (i(), w("div", {
3001
+ ), (z, j) => (i(), w("div", {
3052
3002
  class: "relative inline-flex",
3053
3003
  ref_key: "anchor",
3054
3004
  ref: k
3055
3005
  }, [
3056
- x.value ? (i(), w("span", {
3006
+ b.value ? (i(), w("span", {
3057
3007
  key: 0,
3058
- class: L(["inline-flex", a.value ? "cursor-not-allowed opacity-60 pointer-events-none" : "cursor-pointer"]),
3008
+ class: E(["inline-flex", c.value ? "cursor-not-allowed opacity-60 pointer-events-none" : "cursor-pointer"]),
3059
3009
  role: "button",
3060
3010
  tabindex: "0",
3061
3011
  "data-popover-trigger": "",
3062
- onClick: se(R, ["prevent", "stop"]),
3012
+ onClick: se(D, ["prevent", "stop"]),
3063
3013
  onKeydown: [
3064
- Ae(se(R, ["prevent", "stop"]), ["enter"]),
3065
- Ae(se(R, ["prevent", "stop"]), ["space"])
3014
+ $e(se(D, ["prevent", "stop"]), ["enter"]),
3015
+ $e(se(D, ["prevent", "stop"]), ["space"])
3066
3016
  ]
3067
3017
  }, [
3068
- ce(H.$slots, "trigger", {
3069
- toggle: R,
3070
- open: d.value,
3071
- disabled: a.value,
3072
- activeCount: e(s)
3018
+ ue(z.$slots, "trigger", {
3019
+ toggle: D,
3020
+ open: o.value,
3021
+ disabled: c.value,
3022
+ activeCount: e(m)
3073
3023
  })
3074
- ], 42, Ka)) : (i(), w("button", {
3024
+ ], 42, Ko)) : (i(), w("button", {
3075
3025
  key: 1,
3076
- class: L(M.value),
3026
+ class: E(K.value),
3077
3027
  type: "button",
3078
- disabled: a.value,
3079
- onClick: se(R, ["prevent", "stop"]),
3028
+ disabled: c.value,
3029
+ onClick: se(D, ["prevent", "stop"]),
3080
3030
  "data-popover-trigger": ""
3081
3031
  }, [
3082
- W(Ue, { class: "h-4 w-4" }),
3083
- e(s) > 0 ? (i(), w("div", La, S(e(s)), 1)) : C("", !0)
3084
- ], 10, Ma)),
3085
- (i(), I(ge, { to: "body" }, [
3086
- d.value ? (i(), w("div", {
3032
+ Q(Ue, { class: "h-4 w-4" }),
3033
+ e(m) > 0 ? (i(), w("div", Lo, B(e(m)), 1)) : V("", !0)
3034
+ ], 10, Mo)),
3035
+ (i(), T(ge, { to: "body" }, [
3036
+ o.value ? (i(), w("div", {
3087
3037
  key: 0,
3088
- class: L(["absolute", typeof t.width == "number" ? `min-w-[${t.width + 32 + (Object.keys(u.value).length > 7 ? 20 : 0)}px]` : "min-w-[268px] "]),
3089
- style: be(U.value),
3038
+ class: E(["absolute", typeof z.width == "number" ? `min-w-[${z.width + 32 + (Object.keys(v.value).length > 7 ? 20 : 0)}px]` : "min-w-[268px] "]),
3039
+ style: be(M.value),
3090
3040
  ref_key: "panel",
3091
- ref: V,
3092
- onClick: D[4] || (D[4] = se(() => {
3041
+ ref: _,
3042
+ onClick: j[4] || (j[4] = se(() => {
3093
3043
  }, ["stop"]))
3094
3044
  }, [
3095
- c("div", Ea, [
3096
- c("div", Oa, [
3097
- c("h3", Ta, S(g.value), 1),
3098
- c("button", {
3045
+ s("div", Eo, [
3046
+ s("div", Oo, [
3047
+ s("h3", To, B(h.value), 1),
3048
+ s("button", {
3099
3049
  type: "button",
3100
3050
  class: "inline-flex h-6 w-6 items-center justify-center rounded-full border-0 bg-slate-300/40 text-slate-600 transition-colors hover:bg-blue-200/60 hover:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-200",
3101
- onClick: j
3051
+ onClick: $
3102
3052
  }, [
3103
- c("span", Ia, [
3104
- W(Ce, { class: "h-4 w-4" })
3053
+ s("span", Io, [
3054
+ Q(Ce, { class: "h-4 w-4" })
3105
3055
  ]),
3106
- D[5] || (D[5] = c("span", { class: "sr-only" }, "Закрити", -1))
3056
+ j[5] || (j[5] = s("span", { class: "sr-only" }, "Закрити", -1))
3107
3057
  ])
3108
3058
  ]),
3109
- c("div", _a, [
3110
- Object.keys(u.value).length ? (i(!0), w(_, { key: 0 }, X(Object.entries(u.value), ([T, N]) => (i(), I(te, J({ key: T }, { ref_for: !0 }, { ...N, layout: "inline" }, {
3111
- width: t.width ? t.width : N?.width,
3112
- class: [t.itemClass, N?.class],
3113
- "item-class": [t.itemClass, N?.itemClass].filter(Boolean).join(" ") || void 0,
3059
+ s("div", Uo, [
3060
+ Object.keys(v.value).length ? (i(!0), w(I, { key: 0 }, X(Object.entries(v.value), ([L, P]) => (i(), T(le, Z({ key: L }, { ref_for: !0 }, { ...P, layout: "inline" }, {
3061
+ width: z.width ? z.width : P?.width,
3062
+ class: [z.itemClass, P?.class],
3063
+ "item-class": [z.itemClass, P?.itemClass].filter(Boolean).join(" ") || void 0,
3114
3064
  cleanable: !0,
3115
- modelValue: e(f)[T],
3116
- "onUpdate:modelValue": (P) => e(f)[T] = P,
3117
- onChange: D[0] || (D[0] = (P) => e(h)(P.name, P.value)),
3118
- onClear: D[1] || (D[1] = (P) => {
3119
- e(m)(P), e(h)(P, void 0);
3065
+ modelValue: e(n)[L],
3066
+ "onUpdate:modelValue": (Y) => e(n)[L] = Y,
3067
+ onChange: j[0] || (j[0] = (Y) => e(x)(Y.name, Y.value)),
3068
+ onClear: j[1] || (j[1] = (Y) => {
3069
+ e(d)(Y), e(x)(Y, void 0);
3120
3070
  })
3121
- }), null, 16, ["width", "class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)) : C("", !0),
3122
- (i(!0), w(_, null, X(e(b), (T, N) => (i(), I(te, J({
3123
- key: "slot-" + N,
3071
+ }), null, 16, ["width", "class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)) : V("", !0),
3072
+ (i(!0), w(I, null, X(e(r), (L, P) => (i(), T(le, Z({
3073
+ key: "slot-" + P,
3124
3074
  ref_for: !0
3125
- }, { ...T.props, layout: "inline" }, {
3126
- class: [t.itemClass, T.props?.class],
3127
- "item-class": [t.itemClass, T.props?.itemClass].filter(Boolean).join(" ") || void 0,
3075
+ }, { ...L.props, layout: "inline" }, {
3076
+ class: [z.itemClass, L.props?.class],
3077
+ "item-class": [z.itemClass, L.props?.itemClass].filter(Boolean).join(" ") || void 0,
3128
3078
  cleanable: !0,
3129
- modelValue: e(f)[T.props.name],
3130
- "onUpdate:modelValue": (P) => e(f)[T.props.name] = P,
3131
- onChange: D[2] || (D[2] = (P) => e(h)(P.name, P.value)),
3132
- onClear: D[3] || (D[3] = (P) => {
3133
- e(m)(P), e(h)(P, void 0);
3079
+ modelValue: e(n)[L.props.name],
3080
+ "onUpdate:modelValue": (Y) => e(n)[L.props.name] = Y,
3081
+ onChange: j[2] || (j[2] = (Y) => e(x)(Y.name, Y.value)),
3082
+ onClear: j[3] || (j[3] = (Y) => {
3083
+ e(d)(Y), e(x)(Y, void 0);
3134
3084
  })
3135
3085
  }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128))
3136
3086
  ]),
3137
- e(s) > 0 ? (i(), w("div", Ua, [
3138
- c("button", {
3087
+ e(m) > 0 ? (i(), w("div", zo, [
3088
+ s("button", {
3139
3089
  type: "button",
3140
- class: L([t.itemClass, "text-sm font-semibold text-blue-600 transition-colors hover:text-blue-700 focus:outline-none"]),
3141
- onClick: z
3142
- }, S(e(v)("filter.clear")), 3)
3143
- ])) : C("", !0)
3090
+ class: E([z.itemClass, "text-sm font-semibold text-blue-600 transition-colors hover:text-blue-700 focus:outline-none"]),
3091
+ onClick: N
3092
+ }, B(e(y)("filter.clear")), 3)
3093
+ ])) : V("", !0)
3144
3094
  ])
3145
- ], 6)) : C("", !0)
3095
+ ], 6)) : V("", !0)
3146
3096
  ]))
3147
3097
  ], 512));
3148
3098
  }
3149
- }), Me = /* @__PURE__ */ Y({
3099
+ }), Ke = /* @__PURE__ */ q({
3150
3100
  __name: "filter",
3151
3101
  props: {
3152
3102
  schema: {},
@@ -3162,141 +3112,133 @@ const Ue = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-c
3162
3112
  itemClass: {}
3163
3113
  },
3164
3114
  emits: ["change", "clear", "clearAll"],
3165
- setup(t, { expose: o, emit: v }) {
3166
- const l = t, r = $(s(l.value ?? {}));
3167
- O(
3168
- () => l.value,
3169
- async (d) => {
3170
- r.value = s(d ?? {}), (!d || Object.keys(d).length === 0) && (await fe(), y.value?.clearAllFilters?.(!0));
3171
- },
3172
- { deep: !0, immediate: !0 }
3173
- );
3174
- const n = v, y = $(), f = me();
3175
- function s(d) {
3176
- if (Array.isArray(d))
3177
- return d.map((a) => s(a));
3178
- if (d !== null && typeof d == "object") {
3179
- const a = ue(d), u = {};
3180
- for (const g in a)
3181
- u[g] = s(a[g]);
3182
- return u;
3115
+ setup(f, { expose: a, emit: y }) {
3116
+ const t = f, u = A(t.value ?? {}), l = y, g = A(), n = fe();
3117
+ function m(o) {
3118
+ if (Array.isArray(o))
3119
+ return o.map((c) => m(c));
3120
+ if (o !== null && typeof o == "object") {
3121
+ const c = de(o), v = {};
3122
+ for (const h in c)
3123
+ v[h] = m(c[h]);
3124
+ return v;
3183
3125
  }
3184
- return d;
3126
+ return o;
3185
3127
  }
3186
- function h(d, a) {
3187
- a !== void 0 ? r.value = {
3188
- ...r.value,
3189
- [d]: a
3190
- } : delete r.value[d], n("change", {
3191
- data: s(r.value),
3192
- name: d,
3193
- value: s(a)
3128
+ function x(o, c) {
3129
+ c !== void 0 ? u.value = {
3130
+ ...u.value,
3131
+ [o]: c
3132
+ } : delete u.value[o], l("change", {
3133
+ data: m(u.value),
3134
+ name: o,
3135
+ value: m(c)
3194
3136
  });
3195
3137
  }
3196
- function m(d) {
3197
- delete r.value[d], n("clear", {
3198
- data: s(r.value),
3199
- name: d
3200
- }), n("change", {
3201
- data: s(r.value),
3202
- name: d,
3138
+ function d(o) {
3139
+ delete u.value[o], l("clear", {
3140
+ data: m(u.value),
3141
+ name: o
3142
+ }), l("change", {
3143
+ data: m(u.value),
3144
+ name: o,
3203
3145
  value: null
3204
3146
  });
3205
3147
  }
3206
3148
  function p() {
3207
- r.value = {}, n("clear", {
3208
- data: s(r.value),
3149
+ u.value = {}, l("clear", {
3150
+ data: m(u.value),
3209
3151
  name: "ALL"
3210
- }), n("change", {
3211
- data: s(r.value),
3152
+ }), l("change", {
3153
+ data: m(u.value),
3212
3154
  name: "ALL",
3213
3155
  value: null
3214
3156
  });
3215
3157
  }
3216
- const b = $({});
3158
+ const r = A({});
3217
3159
  function k() {
3218
- switch (l.view) {
3160
+ switch (t.view) {
3219
3161
  case "inline":
3220
- return Ke;
3162
+ return Fe;
3221
3163
  case "vertical":
3222
- return Fa;
3164
+ return Fo;
3223
3165
  case "popover":
3224
3166
  return ze;
3225
3167
  case "popover-inline":
3226
- return za;
3168
+ return No;
3227
3169
  default:
3228
- return Ke;
3170
+ return Fe;
3229
3171
  }
3230
3172
  }
3231
- O(
3232
- () => l.schema,
3233
- (d) => {
3234
- if (!d) {
3235
- b.value = {};
3173
+ U(
3174
+ () => t.schema,
3175
+ (o) => {
3176
+ if (!o) {
3177
+ r.value = {};
3236
3178
  return;
3237
3179
  }
3238
- if (Array.isArray(d) && !d.length) {
3239
- b.value = {};
3180
+ if (Array.isArray(o) && !o.length) {
3181
+ r.value = {};
3240
3182
  return;
3241
3183
  }
3242
- Array.isArray(d) ? b.value = d.filter((a) => a.type).reduce((a, u) => (Object.assign(u, {
3243
- name: u.id || u.name,
3244
- type: { datepicker: "date" }[u.type.toLowerCase()] || u.type.toLowerCase(),
3245
- label: u.label || u.ua
3246
- }), a[u.name] = u, u.data && !u.api && !u.options && Object.assign(u, { api: `/api/suggest/${u.data}` }), a), {}) : (Object.entries(d).forEach(([a, u]) => {
3247
- Object.assign(u, { name: a || u.name || u.id, type: u.type.toLowerCase() });
3248
- }), b.value = { ...d });
3184
+ Array.isArray(o) ? r.value = o.filter((c) => c.type).reduce((c, v) => (Object.assign(v, {
3185
+ name: v.id || v.name,
3186
+ type: { datepicker: "date" }[v.type.toLowerCase()] || v.type.toLowerCase(),
3187
+ label: v.label || v.ua
3188
+ }), c[v.name] = v, v.data && !v.api && !v.options && Object.assign(v, { api: `/api/suggest/${v.data}` }), c), {}) : (Object.entries(o).forEach(([c, v]) => {
3189
+ Object.assign(v, { name: c || v.name || v.id, type: v.type.toLowerCase() });
3190
+ }), r.value = { ...o });
3249
3191
  },
3250
3192
  { immediate: !0, deep: !0 }
3251
3193
  );
3252
- function V(d) {
3253
- y.value.clearFilter(d), m(d);
3194
+ function _(o) {
3195
+ g.value.clearFilter(o), d(o);
3254
3196
  }
3255
- function A() {
3256
- y.value.clearAllFilters(), p();
3197
+ function C() {
3198
+ g.value.clearAllFilters(), p();
3257
3199
  }
3258
- return O(
3259
- () => r.value,
3260
- (d) => {
3261
- if (l.history) {
3262
- const a = new URL(window.location.href), u = new URLSearchParams(window.location.search);
3263
- Object.keys(d).length > 0 ? u.set(
3200
+ return U(
3201
+ () => u.value,
3202
+ (o) => {
3203
+ if (t.history) {
3204
+ const c = new URL(window.location.href), v = new URLSearchParams(window.location.search);
3205
+ Object.keys(o).length > 0 ? v.set(
3264
3206
  "filter",
3265
- Object.entries(d).filter(([, g]) => g).map(([g, x]) => `${g}=${x}`).join("|")
3266
- ) : u.delete("filter"), a.search = decodeURI(u.toString()), window.history.pushState({}, "", a);
3207
+ Object.entries(o).filter(([, h]) => h).map(([h, b]) => `${h}=${b}`).join("|")
3208
+ ) : v.delete("filter"), c.search = decodeURI(v.toString()), window.history.pushState({}, "", c);
3267
3209
  }
3268
3210
  }
3269
- ), o({
3270
- clearAllFilters: A,
3271
- clearFilter: V
3272
- }), (d, a) => (i(), I(re(k()), J(l, {
3273
- schema: b.value,
3274
- onChange: a[0] || (a[0] = (u) => h(u.name, u.value)),
3275
- onClear: a[1] || (a[1] = (u) => m(u.name)),
3211
+ ), a({
3212
+ clearAllFilters: C,
3213
+ clearFilter: _
3214
+ }), (o, c) => (i(), T(ne(k()), Z(t, {
3215
+ schema: r.value,
3216
+ onChange: c[0] || (c[0] = (v) => x(v.name, v.value)),
3217
+ onClear: c[1] || (c[1] = (v) => d(v.name)),
3276
3218
  onClearAll: p,
3277
3219
  ref_key: "filterRef",
3278
- ref: y
3220
+ ref: g
3279
3221
  }), Qe({
3280
- default: oe(() => [
3281
- ce(d.$slots, "default")
3222
+ default: ae(() => [
3223
+ ue(o.$slots, "default")
3282
3224
  ]),
3283
3225
  _: 2
3284
3226
  }, [
3285
- e(f).trigger ? {
3227
+ e(n).trigger ? {
3286
3228
  name: "trigger",
3287
- fn: oe((u) => [
3288
- ce(d.$slots, "trigger", He(Ge(u)))
3229
+ fn: ae((v) => [
3230
+ ue(o.$slots, "trigger", He(Ge(v)))
3289
3231
  ]),
3290
3232
  key: "0"
3291
3233
  } : void 0
3292
3234
  ]), 1040, ["schema"]));
3293
3235
  }
3294
3236
  });
3295
- Me.install = function(o) {
3296
- o.component("Filter", Me), o.component("FilterField", te);
3237
+ Ke.install = function(a) {
3238
+ a.component("Filter", Ke), a.component("FilterField", le);
3297
3239
  };
3298
3240
  export {
3299
- Me as Filter,
3300
- te as FilterField,
3301
- Me as default
3241
+ Ke as Filter,
3242
+ le as FilterField,
3243
+ Ke as default
3302
3244
  };