prlg-ui 1.2.6 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/package.json +2 -1
  2. package/dist/SortDownFillIcon-7Z207bxw.js +0 -270
  3. package/dist/SortDownFillIcon-CSQH3vsY.cjs +0 -1
  4. package/dist/fonts/Roboto/Roboto-Black.woff +0 -0
  5. package/dist/fonts/Roboto/Roboto-Black.woff2 +0 -0
  6. package/dist/fonts/Roboto/Roboto-Bold.woff +0 -0
  7. package/dist/fonts/Roboto/Roboto-Bold.woff2 +0 -0
  8. package/dist/fonts/Roboto/Roboto-ExtraBold.woff +0 -0
  9. package/dist/fonts/Roboto/Roboto-ExtraBold.woff2 +0 -0
  10. package/dist/fonts/Roboto/Roboto-ExtraLight.woff +0 -0
  11. package/dist/fonts/Roboto/Roboto-ExtraLight.woff2 +0 -0
  12. package/dist/fonts/Roboto/Roboto-Light.woff +0 -0
  13. package/dist/fonts/Roboto/Roboto-Light.woff2 +0 -0
  14. package/dist/fonts/Roboto/Roboto-Medium.woff +0 -0
  15. package/dist/fonts/Roboto/Roboto-Medium.woff2 +0 -0
  16. package/dist/fonts/Roboto/Roboto-Regular.woff +0 -0
  17. package/dist/fonts/Roboto/Roboto-Regular.woff2 +0 -0
  18. package/dist/fonts/Roboto/Roboto-SemiBold.woff +0 -0
  19. package/dist/fonts/Roboto/Roboto-SemiBold.woff2 +0 -0
  20. package/dist/fonts/Roboto/Roboto-Thin.woff +0 -0
  21. package/dist/fonts/Roboto/Roboto-Thin.woff2 +0 -0
  22. package/dist/icons/index.cjs.js +0 -1
  23. package/dist/icons/index.es.js +0 -1095
  24. package/dist/icons.d.ts +0 -150
  25. package/dist/index.d.ts +0 -1033
  26. package/dist/prlg-ui.cjs.js +0 -1
  27. package/dist/prlg-ui.css +0 -1
  28. package/dist/prlg-ui.es.js +0 -2803
  29. package/dist/scss/colors.scss +0 -134
  30. package/dist/scss/fonts.scss +0 -3
  31. package/dist/scss/main.scss +0 -36
  32. package/dist/scss/mixins.scss +0 -177
  33. package/dist/scss/reset.scss +0 -51
  34. package/dist/scss/root-vars.scss +0 -4
  35. package/dist/useBodyScroll.util-BgQeA8Dg.js +0 -82
  36. package/dist/useBodyScroll.util-D-eNxODy.cjs +0 -1
  37. package/dist/utils/Portal/Portal.vue +0 -27
  38. package/dist/utils/Portal/index.ts +0 -3
  39. package/dist/utils/Portal.vue +0 -27
  40. package/dist/utils/date.util.ts +0 -29
  41. package/dist/utils/dayjs.util.ts +0 -26
  42. package/dist/utils/eventBus.util.ts +0 -41
  43. package/dist/utils/index.cjs.js +0 -1
  44. package/dist/utils/index.es.js +0 -498
  45. package/dist/utils/index.ts +0 -3
  46. package/dist/utils/isClient.util.ts +0 -3
  47. package/dist/utils/onClickOutside.util.ts +0 -57
  48. package/dist/utils/price.util.ts +0 -21
  49. package/dist/utils/useBodyScroll.util.ts +0 -33
  50. package/dist/utils.d.ts +0 -93
  51. package/dist/vite.svg +0 -1
@@ -1,2803 +0,0 @@
1
- import { defineComponent as x, computed as V, resolveComponent as ut, createBlock as O, openBlock as d, resolveDynamicComponent as le, normalizeClass as A, withCtx as G, createCommentVNode as T, createElementBlock as p, renderSlot as B, Fragment as F, createTextVNode as ve, toDisplayString as _, ref as P, useTemplateRef as Be, onMounted as te, createElementVNode as w, createVNode as M, renderList as ue, unref as C, mergeModels as D, useModel as Z, useId as ke, withDirectives as oe, vModelCheckbox as Ue, normalizeStyle as j, vModelRadio as Pt, vShow as Ge, useSlots as ct, provide as J, inject as q, onUnmounted as je, withModifiers as Mt, vModelDynamic as _t, watch as ye, vModelText as dt, mergeProps as Lt, reactive as It, shallowRef as Ae, TransitionGroup as Dt, Teleport as qe, Transition as Ye, nextTick as Pe } from "vue";
2
- import { P as ft, S as Et, a as Ft, C as Xe, E as zt, b as Nt, c as Ht, M as Wt, I as Ut, d as Gt, B as jt, e as qt, f as mt, A as Yt } from "./SortDownFillIcon-7Z207bxw.js";
3
- import { o as pt, E as Xt, _ as Zt, u as vt } from "./useBodyScroll.util-BgQeA8Dg.js";
4
- const Kt = {
5
- key: 1,
6
- class: "button__content"
7
- }, ze = /* @__PURE__ */ x({
8
- __name: "Button",
9
- props: {
10
- label: {},
11
- size: { default: "default" },
12
- variant: { default: "primary" },
13
- url: {},
14
- rounded: { type: Boolean, default: !1 },
15
- disabled: { type: Boolean, default: !1 },
16
- buttonStyle: {},
17
- icon: {},
18
- iconPosition: { default: "left" },
19
- iconOnly: { type: Boolean, default: !1 },
20
- full: { type: Boolean }
21
- },
22
- setup(e) {
23
- const o = V(() => e.variant === "link" && e.url || e.url ? ut("RouterLink") : "button"), t = V(() => [
24
- "button",
25
- `button--${e.size}`,
26
- `button--${e.variant}`,
27
- {
28
- "button--rounded": e.rounded,
29
- [`button--${e.buttonStyle}`]: e.buttonStyle,
30
- [`button--icon-${e.iconPosition}`]: e.icon,
31
- "button--only-icon": e.iconOnly,
32
- "button--full": e.full
33
- }
34
- ]);
35
- return (n, l) => (d(), O(le(o.value), {
36
- to: n.url,
37
- class: A(t.value),
38
- disabled: n.disabled
39
- }, {
40
- default: G(() => [
41
- n.icon ? (d(), O(le(n.icon), {
42
- key: 0,
43
- class: "button__icon"
44
- })) : T("", !0),
45
- n.iconOnly ? T("", !0) : (d(), p("div", Kt, [
46
- B(n.$slots, "default"),
47
- n.label && !n.$slots.default ? (d(), p(F, { key: 0 }, [
48
- ve(_(n.label), 1)
49
- ], 64)) : T("", !0)
50
- ]))
51
- ]),
52
- _: 3
53
- }, 8, ["to", "class", "disabled"]));
54
- }
55
- }), Jt = { class: "sleed-deal" }, Qt = ["onClick"], eo = { class: "sleed-deal-menu__item-label" }, Ss = /* @__PURE__ */ x({
56
- __name: "SleedDeal",
57
- props: {
58
- items: { default: () => [] },
59
- icon: {},
60
- variant: { default: "primary" },
61
- size: { default: "default" }
62
- },
63
- setup(e) {
64
- const o = P(!1), t = Be("menuRef"), n = Be("targetRef"), l = () => {
65
- o.value = !o.value;
66
- }, i = (s) => {
67
- s.command && s.command(), o.value = !1;
68
- };
69
- return te(() => {
70
- pt(t.value, () => {
71
- o.value = !1;
72
- }, { ignore: [n.value?.$el] });
73
- }), (s, r) => (d(), p("div", Jt, [
74
- w("div", {
75
- ref_key: "menuRef",
76
- ref: t,
77
- class: A(["sleed-deal-menu sleed-deal__items", { "sleed-deal-menu--open": o.value }])
78
- }, [
79
- (d(!0), p(F, null, ue(s.items, (a) => (d(), p("div", {
80
- class: "sleed-deal-menu__item",
81
- key: a.label,
82
- onClick: (u) => i(a)
83
- }, [
84
- a.icon ? (d(), O(le(a.icon), {
85
- key: 0,
86
- class: "sleed-deal-menu__item-icon"
87
- })) : T("", !0),
88
- w("span", eo, _(a.label), 1)
89
- ], 8, Qt))), 128))
90
- ], 2),
91
- M(C(ze), {
92
- ref_key: "targetRef",
93
- ref: n,
94
- variant: s.variant,
95
- contrast: "",
96
- "icon-only": "",
97
- icon: s.icon ? s.icon : C(ft),
98
- rounded: "",
99
- size: s.size,
100
- onClick: l
101
- }, null, 8, ["variant", "icon", "size"])
102
- ]));
103
- }
104
- }), to = ["for"], oo = ["id", "value", "indeterminate", "disabled", "checked"], no = { class: "checkbox__field" }, so = { class: "dot" }, lo = {
105
- key: 0,
106
- width: "14",
107
- height: "12",
108
- viewBox: "0 0 14 12",
109
- xmlns: "http://www.w3.org/2000/svg"
110
- }, io = {
111
- key: 1,
112
- width: "13",
113
- height: "3",
114
- viewBox: "0 0 13 3",
115
- xmlns: "http://www.w3.org/2000/svg"
116
- }, ao = {
117
- key: 0,
118
- class: "checkbox__label"
119
- }, Ze = /* @__PURE__ */ x({
120
- __name: "Checkbox",
121
- props: /* @__PURE__ */ D({
122
- label: {},
123
- value: {},
124
- disabled: { type: Boolean, default: !1 },
125
- checked: { type: Boolean },
126
- size: { default: "default" }
127
- }, {
128
- modelValue: { type: [Array, String, Boolean, null] },
129
- modelModifiers: {}
130
- }),
131
- emits: /* @__PURE__ */ D(["change"], ["update:modelValue"]),
132
- setup(e, { emit: o }) {
133
- const t = o, n = Z(e, "modelValue"), l = ke(), i = V(() => [
134
- "checkbox",
135
- `checkbox--${e.size}`,
136
- {
137
- "checkbox--disabled": e.disabled
138
- }
139
- ]);
140
- return (s, r) => (d(), p("label", {
141
- for: C(l),
142
- class: A(i.value)
143
- }, [
144
- oe(w("input", {
145
- "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
146
- id: C(l),
147
- type: "checkbox",
148
- value: s.value,
149
- indeterminate: n.value === null,
150
- class: "checkbox__input",
151
- disabled: s.disabled,
152
- checked: s.checked,
153
- onChange: r[1] || (r[1] = (a) => t("change", s.value))
154
- }, null, 40, oo), [
155
- [Ue, n.value]
156
- ]),
157
- w("div", no, [
158
- w("div", so, [
159
- n.value || s.checked ? (d(), p("svg", lo, r[2] || (r[2] = [
160
- w("path", {
161
- d: "M4.50746 9.32454L1.40518 5.87678L0.371094 7.02603L4.50746 11.623L13.3711 1.7723L12.337 0.623047L4.50746 9.32454Z",
162
- fill: "white"
163
- }, null, -1)
164
- ]))) : n.value === null ? (d(), p("svg", io, r[3] || (r[3] = [
165
- w("path", {
166
- d: "M0.371094 1.62305L12.3711 1.62305",
167
- stroke: "white",
168
- "stroke-width": "2"
169
- }, null, -1)
170
- ]))) : T("", !0)
171
- ])
172
- ]),
173
- s.label || s.$slots.label ? (d(), p("span", ao, [
174
- ve(_(s.label) + " ", 1),
175
- B(s.$slots, "label")
176
- ])) : T("", !0)
177
- ], 10, to));
178
- }
179
- }), ro = { class: "table-header" }, uo = { class: "table-header__row" }, co = ["onClick", "aria-sort"], fo = { class: "table-header__cell-content" }, mo = {
180
- key: 1,
181
- class: "table-header__cell-title"
182
- }, po = /* @__PURE__ */ x({
183
- __name: "TableHeader",
184
- props: {
185
- columns: {},
186
- sortFields: {},
187
- sortOrders: {},
188
- sortMode: {},
189
- selectionState: {}
190
- },
191
- emits: ["update:sortFields", "update:sortOrders", "toggle-select-all"],
192
- setup(e, { emit: o }) {
193
- const t = e, n = o, l = V({
194
- get() {
195
- return t.selectionState === "partial" ? null : t.selectionState === "all";
196
- },
197
- set() {
198
- }
199
- }), i = (a) => {
200
- if (!a.field || !t.sortMode) return;
201
- const u = [...t.sortFields || []], c = [...t.sortOrders || []], f = u.indexOf(a.field);
202
- t.sortMode === "single" ? f === 0 ? c[0] = c[0] === 1 ? -1 : 1 : (u.splice(0, u.length, a.field), c.splice(0, c.length, 1)) : t.sortMode === "multiple" && (f >= 0 ? c[f] = c[f] === 1 ? -1 : 1 : (u.push(a.field), c.push(1))), n("update:sortFields", u), n("update:sortOrders", c);
203
- }, s = (a) => {
204
- if (!a.field || !t.sortFields?.includes(a.field)) return;
205
- const u = t.sortFields.indexOf(a.field);
206
- return t.sortOrders[u] === 1 ? "ascending" : "descending";
207
- }, r = (a) => {
208
- const u = t.sortFields?.indexOf(a) ?? -1;
209
- return u >= 0 ? t.sortOrders[u] : void 0;
210
- };
211
- return (a, u) => (d(), p("thead", ro, [
212
- w("tr", uo, [
213
- (d(!0), p(F, null, ue(a.columns, (c) => (d(), p("th", {
214
- key: c.field || c.header,
215
- style: j(c.headerStyle),
216
- onClick: (f) => c.selectionMode ? null : i(c),
217
- class: A([{ sortable: c.field && a.sortMode && !c.selectionMode }, "table-header__cell"]),
218
- "aria-sort": s(c),
219
- role: "columnheader"
220
- }, [
221
- w("div", fo, [
222
- c.selectionMode && c.selectionMode === "multiple" ? (d(), O(C(Ze), {
223
- key: 0,
224
- modelValue: l.value,
225
- "onUpdate:modelValue": u[0] || (u[0] = (f) => l.value = f),
226
- onChange: u[1] || (u[1] = (f) => a.$emit("toggle-select-all")),
227
- class: "selection-checkbox",
228
- "aria-label": "Select all rows"
229
- }, null, 8, ["modelValue"])) : (d(), p("span", mo, _(c.header), 1)),
230
- c.field && a.sortFields?.includes(c.field) && !c.selectionMode ? (d(), p("span", {
231
- key: 2,
232
- class: A([
233
- "sort-icon",
234
- { "sort-icon--up": r(c.field) === 1 },
235
- { "sort-icon--down": r(c.field) !== 1 }
236
- ]),
237
- "aria-hidden": "true"
238
- }, [
239
- M(C(Et), { class: "sort-icon__up" }),
240
- M(C(Ft), { class: "sort-icon__down" })
241
- ], 2)) : T("", !0)
242
- ])
243
- ], 14, co))), 128))
244
- ])
245
- ]));
246
- }
247
- }), vo = ["id", "value", "disabled"], go = ["for"], gt = /* @__PURE__ */ x({
248
- __name: "Radio",
249
- props: /* @__PURE__ */ D({
250
- label: {},
251
- disabled: { type: Boolean, default: !1 },
252
- value: {},
253
- size: { default: "default" }
254
- }, {
255
- modelValue: {},
256
- modelModifiers: {}
257
- }),
258
- emits: /* @__PURE__ */ D(["change"], ["update:modelValue"]),
259
- setup(e, { emit: o }) {
260
- const t = Z(e, "modelValue"), n = ke(), l = o, i = V(() => ["radio", `radio--${e.size}`]);
261
- return (s, r) => (d(), p("div", {
262
- class: A(i.value)
263
- }, [
264
- oe(w("input", {
265
- "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
266
- type: "radio",
267
- name: "radio",
268
- id: C(n),
269
- class: "radio__input",
270
- value: s.value,
271
- disabled: s.disabled,
272
- onChange: r[1] || (r[1] = (a) => l("change", s.value))
273
- }, null, 40, vo), [
274
- [Pt, t.value]
275
- ]),
276
- r[2] || (r[2] = w("div", { class: "radio__track" }, [
277
- w("div", { class: "radio__thumb" })
278
- ], -1)),
279
- w("label", {
280
- for: C(n),
281
- class: "radio__label"
282
- }, [
283
- s.label ? (d(), p(F, { key: 0 }, [
284
- ve(_(s.label), 1)
285
- ], 64)) : B(s.$slots, "default", { key: 1 })
286
- ], 8, go)
287
- ], 2));
288
- }
289
- }), ho = ["rowspan"], yo = { key: 3 }, wo = /* @__PURE__ */ x({
290
- __name: "TableCell",
291
- props: {
292
- column: {},
293
- item: {},
294
- index: {},
295
- selection: {},
296
- rowGroupMode: {},
297
- groupRowsBy: {},
298
- slots: {},
299
- prevItem: {},
300
- data: {}
301
- },
302
- emits: ["toggle-row-selection"],
303
- setup(e) {
304
- const o = e, t = (s) => {
305
- const { selection: r, column: a } = o;
306
- return a.selectionMode === "single" ? r === s : a.selectionMode === "multiple" && Array.isArray(r) ? r.includes(s) : !1;
307
- }, n = (s, r) => r && r.split(".").reduce((a, u) => a?.[u], s) || "", l = (s, r) => {
308
- if (!o.rowGroupMode || !o.groupRowsBy || r === 0) return !1;
309
- const a = n(s, o.groupRowsBy), u = o.prevItem ? n(o.prevItem, o.groupRowsBy) : "";
310
- return a === u;
311
- }, i = (s, r, a) => {
312
- if (o.rowGroupMode !== "rowspan" || !o.groupRowsBy || a.field !== o.groupRowsBy)
313
- return 1;
314
- if (l(s, r)) return 0;
315
- const u = n(s, o.groupRowsBy);
316
- let c = 1;
317
- const f = o.data || [];
318
- for (let b = r + 1; b < f.length && n(f[b], o.groupRowsBy) === u; b++)
319
- c++;
320
- return c;
321
- };
322
- return (s, r) => oe((d(), p("td", {
323
- style: j(s.column.style),
324
- rowspan: i(s.item, s.index, s.column),
325
- class: "table-body__cell"
326
- }, [
327
- s.column.selectionMode && s.column.selectionMode === "multiple" ? (d(), O(C(Ze), {
328
- key: 0,
329
- onChange: r[0] || (r[0] = (a) => s.$emit("toggle-row-selection", s.item)),
330
- checked: t(s.item),
331
- class: "selection-checkbox"
332
- }, null, 8, ["checked"])) : T("", !0),
333
- s.column.selectionMode && s.column.selectionMode !== "multiple" ? (d(), O(C(gt), {
334
- key: 1,
335
- onChange: r[1] || (r[1] = (a) => s.$emit("toggle-row-selection", s.item)),
336
- checked: t(s.item),
337
- class: "selection-checkbox"
338
- }, null, 8, ["checked"])) : s.column.bodySlot ? (d(), O(le(s.column.bodySlot), {
339
- key: 2,
340
- data: s.item,
341
- index: s.index,
342
- field: s.column.field
343
- }, null, 8, ["data", "index", "field"])) : (d(), p("span", yo, _(n(s.item, s.column.field)), 1))
344
- ], 12, ho)), [
345
- [Ge, i(s.item, s.index, s.column) > 0]
346
- ]);
347
- }
348
- }), bo = /* @__PURE__ */ x({
349
- __name: "TableRow",
350
- props: {
351
- item: {},
352
- index: {},
353
- columns: {},
354
- selection: {},
355
- rowGroupMode: {},
356
- groupRowsBy: {},
357
- slots: {},
358
- data: {}
359
- },
360
- emits: ["toggle-row-selection"],
361
- setup(e) {
362
- const o = e, t = (l, i) => `table-row row-${i}`, n = V(() => o.index > 0 ? o.data[o.index - 1] : void 0);
363
- return (l, i) => (d(), p("tr", {
364
- class: A(t(l.item, l.index))
365
- }, [
366
- (d(!0), p(F, null, ue(l.columns, (s) => (d(), O(wo, {
367
- key: s.field || s.header,
368
- column: s,
369
- item: l.item,
370
- index: l.index,
371
- selection: l.selection,
372
- "row-group-mode": l.rowGroupMode,
373
- "group-rows-by": l.groupRowsBy,
374
- slots: l.slots,
375
- "prev-item": n.value,
376
- data: l.data,
377
- onToggleRowSelection: i[0] || (i[0] = (r) => l.$emit("toggle-row-selection", r))
378
- }, null, 8, ["column", "item", "index", "selection", "row-group-mode", "group-rows-by", "slots", "prev-item", "data"]))), 128))
379
- ], 2));
380
- }
381
- }), $o = /* @__PURE__ */ x({
382
- __name: "TableBody",
383
- props: {
384
- columns: {},
385
- data: {},
386
- selection: {},
387
- rowGroupMode: {},
388
- groupRowsBy: {},
389
- slots: {}
390
- },
391
- emits: ["toggle-row-selection"],
392
- setup(e) {
393
- const o = (t, n) => t.id ? `row-${t.id}` : `row-${n}`;
394
- return (t, n) => (d(), p("tbody", null, [
395
- (d(!0), p(F, null, ue(t.data, (l, i) => (d(), O(bo, {
396
- key: o(l, i),
397
- item: l,
398
- index: i,
399
- columns: t.columns,
400
- selection: t.selection,
401
- "row-group-mode": t.rowGroupMode,
402
- "group-rows-by": t.groupRowsBy,
403
- slots: t.slots,
404
- data: t.data,
405
- onToggleRowSelection: n[0] || (n[0] = (s) => t.$emit("toggle-row-selection", s))
406
- }, null, 8, ["item", "index", "columns", "selection", "row-group-mode", "group-rows-by", "slots", "data"]))), 128))
407
- ]));
408
- }
409
- }), ko = { key: 0 }, Co = ["colspan"], xo = /* @__PURE__ */ x({
410
- __name: "TableFooter",
411
- props: {
412
- slots: {},
413
- page: {},
414
- rowsPerPage: {},
415
- totalRows: {},
416
- colspan: {},
417
- pagination: { type: Boolean }
418
- },
419
- emits: ["update:page", "update:rowsPerPage"],
420
- setup(e) {
421
- return (o, t) => (d(), p("tfoot", null, [
422
- B(o.$slots, "footer"),
423
- o.slots.footer ? T("", !0) : (d(), p("tr", ko, [
424
- w("td", { colspan: o.colspan }, null, 8, Co)
425
- ]))
426
- ]));
427
- }
428
- }), ht = /* @__PURE__ */ x({
429
- __name: "Spinner",
430
- props: {
431
- strokeWidth: { default: 3 },
432
- size: { default: "default" }
433
- },
434
- setup(e) {
435
- const o = V(() => typeof e.strokeWidth == "string" ? `${e.strokeWidth.split("px")[0]}px` : `${e.strokeWidth}px`), t = V(() => ({
436
- "--spinner-stroke-width": o.value
437
- })), n = V(() => [
438
- "spinner",
439
- `spinner--${e.size}`
440
- ]);
441
- return (l, i) => (d(), p("div", {
442
- class: A(n.value),
443
- "aria-label": "Loading",
444
- style: j(t.value)
445
- }, i[0] || (i[0] = [
446
- w("span", { class: "spinner__circle" }, null, -1)
447
- ]), 6));
448
- }
449
- }), Ro = { class: "data-table" }, Vo = {
450
- key: 0,
451
- class: "loading-overlay"
452
- }, As = /* @__PURE__ */ x({
453
- __name: "DataTable",
454
- props: {
455
- value: { default: () => [] },
456
- tableStyle: {},
457
- rowGroupMode: {},
458
- groupRowsBy: {},
459
- sortMode: {},
460
- sortFields: { default: () => [] },
461
- sortOrders: { default: () => [1] },
462
- selection: { default: () => [] },
463
- page: { default: 1 },
464
- rowsPerPage: { default: 10 },
465
- totalRows: {},
466
- loading: { type: Boolean, default: !1 },
467
- pagination: { type: Boolean }
468
- },
469
- emits: ["update:sortFields", "update:sortOrders", "update:selection", "update:page", "update:rowsPerPage"],
470
- setup(e, { emit: o }) {
471
- const t = e, n = o, l = ct(), i = P([]), s = (m) => {
472
- i.value.push(m);
473
- }, r = (m) => {
474
- const y = i.value.indexOf(m);
475
- y > -1 && i.value.splice(y, 1);
476
- };
477
- J("registerColumn", s), J("unregisterColumn", r);
478
- const a = V(() => {
479
- if (!i.value.some((v) => v.selectionMode === "multiple") || !t.value.length) return "none";
480
- const y = Array.isArray(t.selection) ? t.selection.length : 0;
481
- return y === 0 ? "none" : y === t.value.length ? "all" : "partial";
482
- }), u = () => {
483
- i.value.some((y) => y.selectionMode === "multiple") && (a.value === "all" ? n("update:selection", []) : n("update:selection", [...t.value]));
484
- }, c = (m) => {
485
- const y = i.value.some((g) => g.selectionMode === "single"), v = i.value.some((g) => g.selectionMode === "multiple");
486
- if (y)
487
- n("update:selection", t.selection === m ? null : m);
488
- else if (v) {
489
- const g = Array.isArray(t.selection) ? [...t.selection] : [], $ = g.indexOf(m);
490
- $ > -1 ? g.splice($, 1) : g.push(m), n("update:selection", g);
491
- }
492
- }, f = V(() => {
493
- let m = [...t.value];
494
- if (t.sortFields && t.sortMode === "multiple" && t.sortFields.length > 0)
495
- m.sort((y, v) => {
496
- for (let g = 0; g < t.sortFields.length; g++) {
497
- const $ = t.sortFields[g], k = t.sortOrders[g] || 1, R = h(y, $), S = h(v, $);
498
- if (R < S) return -1 * k;
499
- if (R > S) return 1 * k;
500
- }
501
- return 0;
502
- });
503
- else if (t.sortFields && t.sortMode === "single" && t.sortFields.length > 0) {
504
- const y = t.sortFields[0], v = t.sortOrders[0] || 1;
505
- m.sort((g, $) => {
506
- const k = h(g, y), R = h($, y);
507
- return k < R ? -1 * v : k > R ? 1 * v : 0;
508
- });
509
- }
510
- return m;
511
- }), b = V(() => {
512
- const m = (t.page - 1) * t.rowsPerPage, y = m + t.rowsPerPage;
513
- return f.value.slice(m, y);
514
- }), h = (m, y) => y && y.split(".").reduce((v, g) => v?.[g], m) || "";
515
- return te(() => {
516
- console.log(l);
517
- }), (m, y) => (d(), p("div", Ro, [
518
- B(m.$slots, "default"),
519
- w("div", {
520
- class: A(["table-container", { loading: m.loading }])
521
- }, [
522
- w("table", {
523
- style: j(m.tableStyle),
524
- class: "table"
525
- }, [
526
- M(po, {
527
- columns: i.value,
528
- "sort-fields": m.sortFields,
529
- "sort-orders": m.sortOrders,
530
- "sort-mode": m.sortMode,
531
- "selection-state": a.value,
532
- "onUpdate:sortFields": y[0] || (y[0] = (v) => m.$emit("update:sortFields", v)),
533
- "onUpdate:sortOrders": y[1] || (y[1] = (v) => m.$emit("update:sortOrders", v)),
534
- onToggleSelectAll: u
535
- }, null, 8, ["columns", "sort-fields", "sort-orders", "sort-mode", "selection-state"]),
536
- M($o, {
537
- columns: i.value,
538
- data: b.value,
539
- selection: m.selection,
540
- "row-group-mode": m.rowGroupMode,
541
- "group-rows-by": m.groupRowsBy,
542
- slots: C(l),
543
- onToggleRowSelection: c
544
- }, null, 8, ["columns", "data", "selection", "row-group-mode", "group-rows-by", "slots"]),
545
- M(xo, {
546
- slots: C(l),
547
- page: m.page,
548
- "rows-per-page": m.rowsPerPage,
549
- "total-rows": m.totalRows || m.value.length,
550
- colspan: i.value.length,
551
- pagination: m.pagination,
552
- "onUpdate:page": y[2] || (y[2] = (v) => m.$emit("update:page", v)),
553
- "onUpdate:rowsPerPage": y[3] || (y[3] = (v) => m.$emit("update:rowsPerPage", v))
554
- }, null, 8, ["slots", "page", "rows-per-page", "total-rows", "colspan", "pagination"])
555
- ], 4),
556
- m.loading ? (d(), p("div", Vo, [
557
- M(C(ht))
558
- ])) : T("", !0)
559
- ], 2)
560
- ]));
561
- }
562
- }), Os = /* @__PURE__ */ x({
563
- __name: "Column",
564
- props: {
565
- field: {},
566
- header: {},
567
- style: {},
568
- headerStyle: {},
569
- selectionMode: {}
570
- },
571
- setup(e) {
572
- const o = e, t = ct(), n = q("registerColumn"), l = q("unregisterColumn"), i = {
573
- field: o.field,
574
- header: o.header,
575
- style: o.style,
576
- headerStyle: o.headerStyle,
577
- bodySlot: t.body ? t.body : void 0,
578
- selectionMode: o.selectionMode
579
- };
580
- return te(() => {
581
- console.log(i), n?.(i);
582
- }), je(() => {
583
- l?.(i);
584
- }), (s, r) => T("", !0);
585
- }
586
- }), To = { class: "chip-checkbox" }, So = ["name", "id", "value"], Ao = { class: "chip-checkbox__text" }, Bs = /* @__PURE__ */ x({
587
- __name: "ChipCheckbox",
588
- props: /* @__PURE__ */ D({
589
- value: {},
590
- label: {},
591
- id: {}
592
- }, {
593
- modelValue: { required: !0 },
594
- modelModifiers: {}
595
- }),
596
- emits: ["update:modelValue"],
597
- setup(e) {
598
- const o = Z(e, "modelValue"), t = ke();
599
- return (n, l) => (d(), p("div", To, [
600
- oe(w("input", {
601
- "onUpdate:modelValue": l[0] || (l[0] = (i) => o.value = i),
602
- type: "checkbox",
603
- name: C(t),
604
- id: C(t),
605
- value: n.value
606
- }, null, 8, So), [
607
- [Ue, o.value]
608
- ]),
609
- l[1] || (l[1] = w("div", { class: "chip-checkbox__icon" }, [
610
- w("svg", {
611
- width: "14",
612
- height: "11",
613
- viewBox: "0 0 14 11",
614
- xmlns: "http://www.w3.org/2000/svg"
615
- }, [
616
- w("path", {
617
- d: "M4.75012 8.13031L1.62262 5.00281L0.557617 6.06031L4.75012 10.2528L13.7501 1.25281L12.6926 0.195312L4.75012 8.13031Z",
618
- fill: "#00AB2E"
619
- })
620
- ])
621
- ], -1)),
622
- w("span", Ao, _(n.label), 1)
623
- ]));
624
- }
625
- }), Oo = { class: "tag__content" }, Bo = {
626
- key: 0,
627
- class: "tag__icon"
628
- }, Po = { class: "tag__text" }, Mo = /* @__PURE__ */ x({
629
- __name: "Tag",
630
- props: {
631
- removable: { type: Boolean, default: !1 },
632
- icon: {},
633
- iconPosition: { default: "left" },
634
- outlined: { type: Boolean, default: !1 },
635
- variant: { default: "primary" },
636
- strong: { type: Boolean, default: !1 }
637
- },
638
- emits: ["remove"],
639
- setup(e, { emit: o }) {
640
- const t = o, n = V(() => [
641
- "tag",
642
- `tag--${e.variant}`,
643
- {
644
- "tag--outlined": e.outlined,
645
- "tag--removable": e.removable,
646
- "tag--with-icon": e.icon,
647
- [`tag--icon-${e.iconPosition}`]: e.iconPosition && e.icon,
648
- "tag--strong": e.strong
649
- }
650
- ]);
651
- return (l, i) => (d(), p("div", {
652
- class: A(n.value)
653
- }, [
654
- w("div", Oo, [
655
- l.icon ? (d(), p("div", Bo, [
656
- (d(), O(le(l.icon)))
657
- ])) : T("", !0),
658
- w("div", Po, [
659
- B(l.$slots, "default")
660
- ])
661
- ]),
662
- l.removable ? (d(), p("button", {
663
- key: 0,
664
- class: "tag__remove",
665
- onClick: i[0] || (i[0] = Mt((s) => t("remove"), ["stop"]))
666
- }, [
667
- M(C(Xe))
668
- ])) : T("", !0)
669
- ], 2));
670
- }
671
- }), _o = ["for"], Lo = { class: "input__wrapper" }, Io = ["id", "placeholder", "name", "disabled", "type"], Do = { class: "input__actions" }, Eo = {
672
- key: 1,
673
- class: "input__error"
674
- }, yt = /* @__PURE__ */ x({
675
- __name: "InputText",
676
- props: /* @__PURE__ */ D({
677
- label: {},
678
- placeholder: {},
679
- allowClear: { type: Boolean },
680
- name: {},
681
- disabled: { type: Boolean },
682
- error: { type: Boolean },
683
- errorText: {},
684
- type: { default: "text" },
685
- size: { default: "default" },
686
- inputId: {},
687
- variant: { default: "outlined" },
688
- value: {}
689
- }, {
690
- modelValue: { required: !0 },
691
- modelModifiers: {}
692
- }),
693
- emits: /* @__PURE__ */ D(["blur", "input"], ["update:modelValue"]),
694
- setup(e, { emit: o }) {
695
- const t = o, n = Z(e, "modelValue"), l = ke(), i = P(!1), s = V(() => [
696
- "input",
697
- `input--${e.size}`,
698
- `input--${e.variant}`,
699
- {
700
- "input--disabled": e.disabled,
701
- "input--error": e.error
702
- }
703
- ]), r = V(() => e.type === "password" ? i.value ? "text" : "password" : e.type);
704
- return (a, u) => (d(), p("div", {
705
- class: A(s.value)
706
- }, [
707
- a.label ? (d(), p("label", {
708
- key: 0,
709
- for: a.inputId ?? C(l),
710
- class: "input__label"
711
- }, _(a.label), 9, _o)) : T("", !0),
712
- w("div", Lo, [
713
- oe(w("input", {
714
- "onUpdate:modelValue": u[0] || (u[0] = (c) => n.value = c),
715
- id: a.inputId ?? C(l),
716
- placeholder: a.placeholder,
717
- name: a.name,
718
- class: "input__field",
719
- disabled: a.disabled,
720
- type: r.value,
721
- onClick: u[1] || (u[1] = (c) => t("blur")),
722
- onBlur: u[2] || (u[2] = (c) => t("blur")),
723
- onInput: u[3] || (u[3] = (c) => t("input", c))
724
- }, null, 40, Io), [
725
- [_t, n.value]
726
- ]),
727
- w("div", Do, [
728
- a.type === "text" && a.allowClear && n.value && n.value.length > 0 ? (d(), p("button", {
729
- key: 0,
730
- class: "input__clear",
731
- onClick: u[4] || (u[4] = (c) => n.value = "")
732
- }, [
733
- M(C(Xe))
734
- ])) : T("", !0),
735
- a.type === "password" ? (d(), p("button", {
736
- key: 1,
737
- class: "input__eye",
738
- onClick: u[5] || (u[5] = (c) => i.value = !i.value)
739
- }, [
740
- i.value ? (d(), O(C(zt), { key: 0 })) : (d(), O(C(Nt), { key: 1 }))
741
- ])) : T("", !0)
742
- ])
743
- ]),
744
- a.error && a.errorText ? (d(), p("small", Eo, _(a.errorText), 1)) : T("", !0)
745
- ], 2));
746
- }
747
- }), Fo = { class: "icon-field__content" }, zo = /* @__PURE__ */ x({
748
- __name: "IconField",
749
- props: {
750
- icon: {},
751
- position: { default: "left" },
752
- disabled: { type: Boolean }
753
- },
754
- setup(e) {
755
- const o = V(() => [
756
- "icon-field",
757
- {
758
- [`icon-field--${e.position}`]: e.position,
759
- "icon-field--disabled": e.disabled
760
- }
761
- ]);
762
- return (t, n) => (d(), p("div", {
763
- class: A(o.value)
764
- }, [
765
- (d(), O(le(t.icon), { class: "icon-field__icon" })),
766
- w("div", Fo, [
767
- B(t.$slots, "default")
768
- ])
769
- ], 2));
770
- }
771
- }), No = {
772
- class: /* @__PURE__ */ A(["dropdown-option"])
773
- }, Ho = /* @__PURE__ */ x({
774
- __name: "DropdownOption",
775
- props: /* @__PURE__ */ D({
776
- item: {},
777
- multiple: { type: Boolean, default: !1 }
778
- }, {
779
- modelValue: {},
780
- modelModifiers: {}
781
- }),
782
- emits: ["update:modelValue"],
783
- setup(e) {
784
- const o = Z(e, "modelValue");
785
- return (t, n) => (d(), p("div", No, [
786
- t.multiple ? (d(), O(C(Ze), {
787
- key: 0,
788
- modelValue: o.value,
789
- "onUpdate:modelValue": n[0] || (n[0] = (l) => o.value = l),
790
- value: t.item.value
791
- }, {
792
- label: G(() => [
793
- t.$slots.option ? B(t.$slots, "option", {
794
- key: 0,
795
- option: t.item
796
- }) : (d(), p(F, { key: 1 }, [
797
- ve(_(t.item.label), 1)
798
- ], 64))
799
- ]),
800
- _: 3
801
- }, 8, ["modelValue", "value"])) : (d(), O(C(gt), {
802
- key: 1,
803
- modelValue: o.value,
804
- "onUpdate:modelValue": n[1] || (n[1] = (l) => o.value = l),
805
- value: t.item.value
806
- }, {
807
- default: G(() => [
808
- t.$slots.option ? B(t.$slots, "option", {
809
- key: 0,
810
- option: t.item
811
- }) : (d(), p(F, { key: 1 }, [
812
- ve(_(t.item.label), 1)
813
- ], 64))
814
- ]),
815
- _: 3
816
- }, 8, ["modelValue", "value"]))
817
- ]));
818
- }
819
- }), Wo = {
820
- key: 0,
821
- class: "dropdown__field-inner_tags"
822
- }, Uo = {
823
- key: 1,
824
- class: "dropdown__field-inner__text"
825
- }, Go = {
826
- class: "dropdown__popover",
827
- ref: "popover"
828
- }, jo = { class: "dropdown__popover-wrapper" }, qo = {
829
- key: 0,
830
- class: "dropdown__popover-search"
831
- }, Yo = {
832
- key: 1,
833
- class: "dropdown__popover-loading"
834
- }, Xo = {
835
- key: 2,
836
- class: "dropdown__popover-list"
837
- }, Ps = /* @__PURE__ */ x({
838
- __name: "Dropdown",
839
- props: /* @__PURE__ */ D({
840
- options: {},
841
- optionLabel: {},
842
- optionValue: {},
843
- placeholder: {},
844
- searchable: { type: Boolean, default: !1 },
845
- multiple: { type: Boolean, default: !1 },
846
- returnObject: { type: Boolean, default: !1 },
847
- loading: { type: Boolean }
848
- }, {
849
- modelValue: { required: !0 },
850
- modelModifiers: {}
851
- }),
852
- emits: /* @__PURE__ */ D(["search"], ["update:modelValue"]),
853
- setup(e, { emit: o }) {
854
- const t = o, n = V(() => e.optionValue ? e.optionValue : "value"), l = V(() => e.optionLabel ? e.optionLabel : "label"), i = Z(e, "modelValue"), s = V({
855
- get() {
856
- return e.returnObject ? Array.isArray(i.value) ? i.value.map((v) => v[n.value]) : i.value[n.value] : i.value;
857
- },
858
- set(v) {
859
- if (Array.isArray(v)) {
860
- const g = v.map(($) => {
861
- const k = e.options.find((R) => R[n.value] === $);
862
- return k || $;
863
- });
864
- i.value = e.returnObject ? g : v;
865
- } else {
866
- const g = e.options.find(($) => $[n.value] === v);
867
- i.value = e.returnObject ? g : v;
868
- }
869
- }
870
- }), r = V(() => (console.log(Array.isArray(i.value)), Array.isArray(i.value) && i.value.length === 0 || typeof i.value == "string" && i.value.length === 0)), a = P(""), u = P(!1), c = V(() => [
871
- "dropdown",
872
- {
873
- "dropdown--open": u.value,
874
- "dropdown--searchable": e.searchable
875
- }
876
- ]), f = V(() => {
877
- const v = e.options.find((g) => g.value === s.value);
878
- return v ? v[l.value] : "";
879
- }), b = (v) => {
880
- const g = e.options.find(($) => $[n.value] === v);
881
- return g ? g[l.value] : v;
882
- }, h = (v) => {
883
- if (!Array.isArray(i.value)) return;
884
- const g = s.value.findIndex(($) => $ === v);
885
- g > -1 && s.value.splice(g, 1);
886
- }, m = Be("trigger"), y = Be("popover");
887
- return te(() => {
888
- pt(
889
- y.value,
890
- () => {
891
- u.value = !1;
892
- },
893
- {
894
- ignore: [m.value]
895
- }
896
- );
897
- }), (v, g) => (d(), p("div", {
898
- class: A(c.value)
899
- }, [
900
- w("div", {
901
- class: "dropdown__field",
902
- ref: "trigger",
903
- onClick: g[0] || (g[0] = ($) => u.value = !u.value)
904
- }, [
905
- w("div", {
906
- class: A(["dropdown__field-inner", [{ "dropdown__field-inner--multiple": v.multiple }, { "dropdown__field-inner--placeholder": !i.value }]])
907
- }, [
908
- v.multiple ? (d(), p("div", Wo, [
909
- (d(!0), p(F, null, ue(s.value, ($) => (d(), O(C(Mo), {
910
- variant: "secondary",
911
- key: $,
912
- removable: "",
913
- onRemove: (k) => h($)
914
- }, {
915
- default: G(() => [
916
- ve(_(b($)), 1)
917
- ]),
918
- _: 2
919
- }, 1032, ["onRemove"]))), 128))
920
- ])) : (d(), p("span", Uo, _(r.value ? v.placeholder : f.value), 1))
921
- ], 2),
922
- g[4] || (g[4] = w("div", { class: "dropdown__field-arrow" }, [
923
- w("svg", {
924
- width: "10",
925
- height: "6",
926
- viewBox: "0 0 10 6",
927
- xmlns: "http://www.w3.org/2000/svg"
928
- }, [
929
- w("path", {
930
- d: "M4.9996 5.50009C4.90106 5.50055 4.80342 5.48133 4.71241 5.44355C4.6214 5.40577 4.53885 5.3502 4.4696 5.28009L0.999603 1.78009C0.908212 1.63913 0.866791 1.47157 0.881978 1.30427C0.897166 1.13696 0.968083 0.979602 1.08336 0.857406C1.19864 0.73521 1.35161 0.655255 1.51774 0.630355C1.68388 0.605456 1.85357 0.637055 1.9996 0.720087L4.9996 3.72009L7.9996 0.720087C8.14564 0.637055 8.31533 0.605456 8.48146 0.630355C8.6476 0.655255 8.80056 0.73521 8.91584 0.857406C9.03112 0.979602 9.10204 1.13696 9.11723 1.30427C9.13241 1.47157 9.09099 1.63913 8.9996 1.78009L5.4996 5.28009C5.36709 5.4145 5.18823 5.4932 4.9996 5.50009Z",
931
- fill: "currentColor"
932
- })
933
- ])
934
- ], -1))
935
- ], 512),
936
- w("div", Go, [
937
- w("div", jo, [
938
- v.searchable ? (d(), p("div", qo, [
939
- M(C(zo), {
940
- icon: C(Ht),
941
- disabled: v.loading
942
- }, {
943
- default: G(() => [
944
- M(C(yt), {
945
- modelValue: a.value,
946
- "onUpdate:modelValue": g[1] || (g[1] = ($) => a.value = $),
947
- onInput: g[2] || (g[2] = ($) => t("search", a.value)),
948
- disabled: v.loading
949
- }, null, 8, ["modelValue", "disabled"])
950
- ]),
951
- _: 1
952
- }, 8, ["icon", "disabled"])
953
- ])) : T("", !0),
954
- v.loading ? (d(), p("div", Yo, [
955
- M(C(ht))
956
- ])) : (d(), p("div", Xo, [
957
- (d(!0), p(F, null, ue(v.options, ($, k) => (d(), O(Ho, {
958
- key: k,
959
- modelValue: s.value,
960
- "onUpdate:modelValue": g[3] || (g[3] = (R) => s.value = R),
961
- item: $,
962
- multiple: v.multiple
963
- }, null, 8, ["modelValue", "item", "multiple"]))), 128))
964
- ]))
965
- ])
966
- ], 512)
967
- ], 2));
968
- }
969
- }), Zo = { class: "input-number__wrapper" }, Ko = ["max"], Ms = /* @__PURE__ */ x({
970
- __name: "InputNumber",
971
- props: /* @__PURE__ */ D({
972
- viewButtons: { type: Boolean, default: !1 },
973
- max: {},
974
- countInPackage: { default: 1 },
975
- icon: {},
976
- iconPosition: { default: "left" },
977
- formatter: { type: Function }
978
- }, {
979
- modelValue: { required: !0 },
980
- modelModifiers: {}
981
- }),
982
- emits: ["update:modelValue"],
983
- setup(e) {
984
- const o = Z(e, "modelValue"), t = P(
985
- typeof e.formatter == "function" ? e.formatter(o.value) : String(o.value)
986
- );
987
- ye(o, (a) => {
988
- t.value = typeof e.formatter == "function" ? e.formatter(a) : String(a);
989
- });
990
- const n = (a) => {
991
- let c = a.target.value;
992
- c = c.replace(/[^\d]/g, "");
993
- let f = parseInt(c);
994
- f < 1 && (f = 1), e.max && f > e.max && (f = e.max), f % e.countInPackage !== 0 && (f = Math.floor(f / e.countInPackage) * e.countInPackage + e.countInPackage), t.value = typeof e.formatter == "function" ? e.formatter(f) : String(f), o.value = f;
995
- }, l = () => {
996
- t.value = typeof e.formatter == "function" ? e.formatter(o.value) : String(o.value);
997
- }, i = () => {
998
- if (e.max && o.value === e.max) return;
999
- let a = o.value + e.countInPackage;
1000
- e.max && a > e.max && (a = e.max), o.value = a;
1001
- }, s = () => {
1002
- if (o.value === 1) return;
1003
- let a = o.value - e.countInPackage;
1004
- a < 1 && (a = 1), o.value = a;
1005
- }, r = V(() => [
1006
- "input-number",
1007
- {
1008
- "input-number--view-buttons": e.viewButtons,
1009
- [`input-number--icon-${e.iconPosition}`]: e.icon
1010
- }
1011
- ]);
1012
- return te(() => {
1013
- o.value = e.countInPackage, t.value = typeof e.formatter == "function" ? e.formatter(o.value) : String(o.value);
1014
- }), (a, u) => (d(), p("div", {
1015
- class: A(r.value)
1016
- }, [
1017
- a.viewButtons ? (d(), O(C(ze), {
1018
- key: 0,
1019
- contrast: "",
1020
- icon: C(Wt),
1021
- class: "input-number__button input-number__button--decrement",
1022
- "icon-only": "",
1023
- size: "small",
1024
- disabled: a.countInPackage ? o.value === a.countInPackage : o.value === 1,
1025
- onClick: s
1026
- }, null, 8, ["icon", "disabled"])) : T("", !0),
1027
- w("div", Zo, [
1028
- (d(), O(le(a.icon))),
1029
- oe(w("input", {
1030
- "onUpdate:modelValue": u[0] || (u[0] = (c) => t.value = c),
1031
- type: "text",
1032
- name: "input-number",
1033
- id: "input-number",
1034
- class: "input-number__input",
1035
- max: a.max,
1036
- onInput: n,
1037
- onBlur: l
1038
- }, null, 40, Ko), [
1039
- [dt, t.value]
1040
- ])
1041
- ]),
1042
- a.viewButtons ? (d(), O(C(ze), {
1043
- key: 1,
1044
- contrast: "",
1045
- icon: C(ft),
1046
- class: "input-number__button input-number__button--increment",
1047
- "icon-only": "",
1048
- size: "small",
1049
- onClick: i,
1050
- disabled: !!a.max && o.value === a.max
1051
- }, null, 8, ["icon", "disabled"])) : T("", !0)
1052
- ], 2));
1053
- }
1054
- }), Jo = { class: "input-phone" }, _s = /* @__PURE__ */ x({
1055
- __name: "InputPhone",
1056
- props: /* @__PURE__ */ D({
1057
- label: {},
1058
- placeholder: {},
1059
- allowClear: { type: Boolean },
1060
- name: {},
1061
- disabled: { type: Boolean },
1062
- error: { type: Boolean },
1063
- errorText: {},
1064
- type: {},
1065
- size: {},
1066
- inputId: {},
1067
- variant: {},
1068
- value: {}
1069
- }, {
1070
- modelValue: { required: !0 },
1071
- modelModifiers: {}
1072
- }),
1073
- emits: ["update:modelValue"],
1074
- setup(e) {
1075
- const o = e, t = Z(e, "modelValue"), n = P("+7"), l = (i) => {
1076
- if (i && !i.isTrusted) return;
1077
- const s = n.value.replace(/\D/g, "").match(/(\d{0,1})(\d{0,3})(\d{0,3})(\d{0,2})(\d{0,2})/);
1078
- if (!s) return n.value;
1079
- !s[2] && s[1] !== "" ? n.value = s[1] === "7" ? `${s[1]}` : "7" + s[1] : n.value = s[3] ? s[1] + " (" + s[2] + ") " + s[3] + (s[4] ? "-" + s[4] : "") + (s[5] ? "-" + s[5] : "") : `${s[1]} ` + s[2], t.value = n.value.replace(/\D/g, "");
1080
- };
1081
- return (i, s) => (d(), p("div", Jo, [
1082
- M(C(yt), Lt({
1083
- modelValue: n.value,
1084
- "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
1085
- onInput: s[1] || (s[1] = (r) => l(r))
1086
- }, o), null, 16, ["modelValue"])
1087
- ]));
1088
- }
1089
- }), Qo = ["id", "disabled"], Ls = /* @__PURE__ */ x({
1090
- __name: "Switch",
1091
- props: /* @__PURE__ */ D({
1092
- disabled: { type: Boolean }
1093
- }, {
1094
- modelValue: { type: Boolean, required: !0 },
1095
- modelModifiers: {}
1096
- }),
1097
- emits: ["update:modelValue"],
1098
- setup(e) {
1099
- const o = Z(e, "modelValue"), t = ke();
1100
- return (n, l) => (d(), p("div", {
1101
- class: A(["switch", {
1102
- "switch--disabled": n.disabled
1103
- }])
1104
- }, [
1105
- oe(w("input", {
1106
- "onUpdate:modelValue": l[0] || (l[0] = (i) => o.value = i),
1107
- type: "checkbox",
1108
- name: "switch",
1109
- id: C(t),
1110
- class: "switch__input",
1111
- disabled: n.disabled
1112
- }, null, 8, Qo), [
1113
- [Ue, o.value]
1114
- ]),
1115
- l[1] || (l[1] = w("div", { class: "switch__track" }, [
1116
- w("div", { class: "switch__thumb" })
1117
- ], -1))
1118
- ], 2));
1119
- }
1120
- }), en = ["for"], tn = ["id", "placeholder", "name", "disabled", "rows", "cols"], Is = /* @__PURE__ */ x({
1121
- __name: "Textarea",
1122
- props: /* @__PURE__ */ D({
1123
- label: {},
1124
- placeholder: {},
1125
- name: {},
1126
- disabled: { type: Boolean },
1127
- rows: { default: 1 },
1128
- cols: { default: 30 },
1129
- maxHeight: { default: 200 },
1130
- error: { type: Boolean, default: !1 },
1131
- inputId: {},
1132
- size: { default: "default" }
1133
- }, {
1134
- modelValue: {},
1135
- modelModifiers: {}
1136
- }),
1137
- emits: ["update:modelValue"],
1138
- setup(e) {
1139
- const o = Z(e, "modelValue"), t = P(null), n = ke(), l = () => {
1140
- const s = t.value;
1141
- if (!s) return;
1142
- const r = {
1143
- small: 26,
1144
- default: 32,
1145
- large: 37
1146
- }[e.size];
1147
- s.style.height = "auto", e.maxHeight && (s.style.maxHeight = e.maxHeight + "px"), s.style.height = Math.min(s.scrollHeight, e.maxHeight || s.scrollHeight) + "px", s.scrollHeight < r && (s.style.height = r * e.rows + "px");
1148
- };
1149
- te(() => {
1150
- l();
1151
- }), ye(() => [e.rows, e.maxHeight], () => {
1152
- l();
1153
- });
1154
- const i = V(() => [
1155
- "textarea",
1156
- `textarea--${e.size}`,
1157
- {
1158
- "textarea--disabled": e.disabled,
1159
- "textarea--error": e.error
1160
- }
1161
- ]);
1162
- return (s, r) => (d(), p("div", {
1163
- class: A(i.value)
1164
- }, [
1165
- w("label", {
1166
- for: s.inputId ?? C(n),
1167
- class: "textarea__label"
1168
- }, _(s.label), 9, en),
1169
- oe(w("textarea", {
1170
- "onUpdate:modelValue": r[0] || (r[0] = (a) => o.value = a),
1171
- ref_key: "textareaRef",
1172
- ref: t,
1173
- class: "textarea__field",
1174
- id: s.inputId ?? C(n),
1175
- placeholder: s.placeholder,
1176
- name: s.name,
1177
- disabled: s.disabled,
1178
- rows: s.rows,
1179
- cols: s.cols,
1180
- onInput: l
1181
- }, null, 40, tn), [
1182
- [dt, o.value]
1183
- ])
1184
- ], 2));
1185
- }
1186
- }), on = { class: "breadcrumb" }, nn = {
1187
- key: 0,
1188
- class: "breadcrumb__item breadcrumb__seporator"
1189
- }, Ds = /* @__PURE__ */ x({
1190
- __name: "Breadcrumb",
1191
- props: {
1192
- items: {}
1193
- },
1194
- setup(e) {
1195
- const o = (t) => t.url ? ut("RouterLink") : "div";
1196
- return (t, n) => (d(), p("div", on, [
1197
- (d(!0), p(F, null, ue(t.items, (l, i) => (d(), p(F, null, [
1198
- (d(), O(le(o(l)), {
1199
- to: l.url,
1200
- class: A(["breadcrumb__item", { "breadcrumb__item--disabled": !l.url }])
1201
- }, {
1202
- default: G(() => [
1203
- ve(_(l.label), 1)
1204
- ]),
1205
- _: 2
1206
- }, 1032, ["to", "class"])),
1207
- i !== t.items.length - 1 ? (d(), p("div", nn, "/")) : T("", !0)
1208
- ], 64))), 256))
1209
- ]));
1210
- }
1211
- }), sn = { class: "toast-message__icon" }, ln = { class: "toast-message__content" }, an = { class: "toast-message__title" }, rn = {
1212
- key: 0,
1213
- class: "toast-message__text"
1214
- }, un = /* @__PURE__ */ x({
1215
- __name: "ToastMessage",
1216
- props: {
1217
- msg: {}
1218
- },
1219
- emits: ["close"],
1220
- setup(e, { emit: o }) {
1221
- const t = o, n = It({
1222
- success: Ae(qt),
1223
- error: Ae(jt),
1224
- warn: Ae(Gt),
1225
- info: Ae(Ut)
1226
- }), l = V(() => e.msg.severity ? e.msg.icon ? e.msg.icon : n[e.msg.severity] : n.info), i = V(() => [
1227
- "toast-message",
1228
- `toast-message--${e.msg.severity}`
1229
- ]), s = P(null), r = P(void 0), a = () => {
1230
- console.log(r.value), s.value = setTimeout(() => {
1231
- u({ message: e.msg, type: "life-end" });
1232
- }, r.value);
1233
- }, u = (b) => {
1234
- t("close", b);
1235
- }, c = () => {
1236
- f(), u({ message: e.msg, type: "close" });
1237
- }, f = () => {
1238
- s.value && (clearTimeout(s.value), s.value = null);
1239
- };
1240
- return te(() => {
1241
- e.msg.life && (r.value = e.msg.life, a());
1242
- }), (b, h) => (d(), p("div", {
1243
- class: A(i.value)
1244
- }, [
1245
- w("div", sn, [
1246
- (d(), O(le(l.value)))
1247
- ]),
1248
- w("div", ln, [
1249
- w("div", an, _(b.msg.summary), 1),
1250
- b.msg.detail ? (d(), p("div", rn, _(b.msg.detail), 1)) : T("", !0)
1251
- ]),
1252
- w("button", {
1253
- class: "toast-message__close",
1254
- onClick: c
1255
- }, [
1256
- M(C(mt))
1257
- ])
1258
- ], 2));
1259
- }
1260
- }), N = Xt(), cn = { class: "toast-container" }, Es = /* @__PURE__ */ x({
1261
- __name: "Toast",
1262
- props: {
1263
- group: {},
1264
- position: {},
1265
- message: {}
1266
- },
1267
- setup(e) {
1268
- let o = 0;
1269
- const t = P([]), n = (u) => {
1270
- u.id == null && (u.id = o++), t.value = [...t.value, u];
1271
- }, l = (u) => {
1272
- const c = t.value.findIndex((f) => f.id === u.message.id);
1273
- c !== -1 && t.value.splice(c, 1);
1274
- }, i = (u) => {
1275
- e.group == u.group && n(u);
1276
- }, s = (u) => {
1277
- l({ message: u });
1278
- }, r = (u) => {
1279
- u === u && (t.value = []);
1280
- }, a = () => {
1281
- t.value = [];
1282
- };
1283
- return te(() => {
1284
- N.on("add", i), N.on("remove", s), N.on("remove-group", r), N.on("remove-all-groups", a);
1285
- }), je(() => {
1286
- N.off("add", i), N.off("remove", s), N.off("remove-group", r), N.off("remove-all-groups", a);
1287
- }), (u, c) => (d(), O(C(Zt), null, {
1288
- default: G(() => [
1289
- w("div", cn, [
1290
- M(Dt, {
1291
- name: "toast-fade",
1292
- tag: "div"
1293
- }, {
1294
- default: G(() => [
1295
- (d(!0), p(F, null, ue(t.value, (f) => (d(), O(un, {
1296
- key: f.id,
1297
- msg: f,
1298
- onClose: c[0] || (c[0] = (b) => l(b))
1299
- }, null, 8, ["msg"]))), 128))
1300
- ]),
1301
- _: 1
1302
- })
1303
- ])
1304
- ]),
1305
- _: 1
1306
- }));
1307
- }
1308
- }), wt = Symbol();
1309
- function Fs() {
1310
- const e = q(wt);
1311
- if (!e)
1312
- throw new Error("No PrimeVue Toast provided!");
1313
- return e;
1314
- }
1315
- const zs = {
1316
- install: (e) => {
1317
- const o = {
1318
- add: (t) => {
1319
- N.emit("add", t);
1320
- },
1321
- remove: (t) => {
1322
- N.emit("remove", t);
1323
- },
1324
- removeGroup: (t) => {
1325
- N.emit("remove-group", t);
1326
- },
1327
- removeAllGroups: () => {
1328
- N.emit("remove-all-groups");
1329
- }
1330
- };
1331
- e.config.globalProperties.$toast = o, e.provide(wt, o);
1332
- }
1333
- }, dn = {
1334
- key: 0,
1335
- class: "badge__value"
1336
- }, fn = /* @__PURE__ */ x({
1337
- __name: "Badge",
1338
- props: {
1339
- value: {},
1340
- variant: { default: "primary" },
1341
- strong: { type: Boolean }
1342
- },
1343
- setup(e) {
1344
- const o = V(() => [
1345
- "badge",
1346
- {
1347
- "badge--strong": e.strong,
1348
- "badge--empty": !e.value || typeof e.value == "string" && !e.value.trim(),
1349
- [`badge--${e.variant}`]: e.variant
1350
- }
1351
- ]);
1352
- return (t, n) => (d(), p("div", {
1353
- class: A(o.value)
1354
- }, [
1355
- t.value ? (d(), p("div", dn, _(t.value), 1)) : T("", !0)
1356
- ], 2));
1357
- }
1358
- }), Ns = /* @__PURE__ */ x({
1359
- __name: "OverlayBadge",
1360
- props: {
1361
- value: {},
1362
- variant: {},
1363
- position: { default: "right" },
1364
- viewBadge: { type: Boolean, default: !0 },
1365
- offset: { default: () => ({ x: -5, y: -7 }) }
1366
- },
1367
- setup(e) {
1368
- const o = V(() => typeof e.offset == "number" ? {
1369
- left: `calc(100% + ${e.offset}px)`,
1370
- top: `${e.offset}px`
1371
- } : {
1372
- left: `calc(100% + ${e.offset.x}px)`,
1373
- top: `${e.offset.y}px`
1374
- });
1375
- return (t, n) => (d(), p("div", {
1376
- class: A(["overlay-badge", { [`overlay-badge--${t.position}`]: t.position }])
1377
- }, [
1378
- t.viewBadge ? (d(), O(C(fn), {
1379
- key: 0,
1380
- value: t.value,
1381
- variant: t.variant,
1382
- class: "overlay-badge__badge",
1383
- style: j(o.value)
1384
- }, null, 8, ["value", "variant", "style"])) : T("", !0),
1385
- B(t.$slots, "default")
1386
- ], 2));
1387
- }
1388
- }), Hs = /* @__PURE__ */ x({
1389
- __name: "Skeleton",
1390
- props: {
1391
- width: { default: 100 },
1392
- height: { default: 20 },
1393
- borderRadius: { default: 8 },
1394
- shape: { default: "rectangle" },
1395
- size: {}
1396
- },
1397
- setup(e) {
1398
- const o = V(() => [
1399
- "skeleton",
1400
- `skeleton--${e.shape}`,
1401
- {
1402
- "skeleton--square": e.size
1403
- }
1404
- ]), t = V(() => ({
1405
- "--size": e.size,
1406
- width: typeof e.width == "string" ? e.width : `${e.width}px`,
1407
- height: typeof e.height == "string" ? e.height : `${e.height}px`,
1408
- borderRadius: typeof e.borderRadius == "string" ? e.borderRadius : `${e.borderRadius}px`
1409
- }));
1410
- return (n, l) => (d(), p("div", {
1411
- class: A(o.value),
1412
- style: j(t.value)
1413
- }, null, 6));
1414
- }
1415
- }), mn = { class: "drawer-wrapper" }, pn = { class: "drawer-close" }, Ws = /* @__PURE__ */ x({
1416
- __name: "Drawer",
1417
- props: {
1418
- position: { default: "left" },
1419
- width: { default: 300 }
1420
- },
1421
- setup(e, { expose: o }) {
1422
- const { lockScroll: t, unlockScroll: n } = vt(), l = P(!1), i = V(() => typeof e.width == "number" ? `${e.width}px` : `${e.width.split("px")[0]}px`), s = () => {
1423
- l.value = !0, t();
1424
- }, r = () => {
1425
- l.value = !1, n();
1426
- };
1427
- return o({
1428
- isOpen: l,
1429
- open: s,
1430
- close: r
1431
- }), (a, u) => (d(), O(qe, { to: "body" }, [
1432
- M(Ye, { name: "drawer-animate" }, {
1433
- default: G(() => [
1434
- l.value ? (d(), p("div", {
1435
- key: 0,
1436
- class: A(["drawer", { [`drawer--${a.position}`]: a.position }]),
1437
- style: j({ "--widthDrawer": i.value })
1438
- }, [
1439
- w("div", {
1440
- class: "drawer-overlay",
1441
- onClick: u[0] || (u[0] = (c) => r())
1442
- }),
1443
- w("div", mn, [
1444
- w("div", pn, [
1445
- w("button", {
1446
- onClick: u[1] || (u[1] = (c) => r())
1447
- }, [
1448
- M(C(Xe))
1449
- ])
1450
- ]),
1451
- B(a.$slots, "default")
1452
- ])
1453
- ], 6)) : T("", !0)
1454
- ]),
1455
- _: 3
1456
- })
1457
- ]));
1458
- }
1459
- }), vn = { class: "modal__header" }, gn = {
1460
- key: 0,
1461
- class: "modal__header-title"
1462
- }, hn = { class: "modal__body" }, Us = /* @__PURE__ */ x({
1463
- __name: "Modal",
1464
- props: /* @__PURE__ */ D({
1465
- title: {},
1466
- style: {},
1467
- position: { default: "center" }
1468
- }, {
1469
- open: { type: Boolean, required: !0 },
1470
- openModifiers: {}
1471
- }),
1472
- emits: ["update:open"],
1473
- setup(e) {
1474
- const o = Z(e, "open"), { unlockScroll: t, lockScroll: n } = vt(), l = V(() => ["modal", `modal--${e.position}`]);
1475
- return ye(o, () => {
1476
- o.value ? n() : t();
1477
- }), (i, s) => (d(), O(qe, { to: "body" }, [
1478
- M(Ye, { name: "modal-content-fade" }, {
1479
- default: G(() => [
1480
- o.value ? (d(), p("div", {
1481
- key: 0,
1482
- class: A(l.value)
1483
- }, [
1484
- w("div", {
1485
- class: "modal__overlay",
1486
- onClick: s[0] || (s[0] = (r) => o.value = !1)
1487
- }),
1488
- w("div", {
1489
- class: "modal__content",
1490
- style: j(i.style)
1491
- }, [
1492
- w("div", vn, [
1493
- i.title ? (d(), p("h2", gn, _(i.title), 1)) : T("", !0),
1494
- w("button", {
1495
- text: "",
1496
- class: "modal__header-close",
1497
- onClick: s[1] || (s[1] = (r) => o.value = !1)
1498
- }, [
1499
- M(C(mt))
1500
- ])
1501
- ]),
1502
- w("div", hn, [
1503
- B(i.$slots, "default")
1504
- ])
1505
- ], 4)
1506
- ], 2)) : T("", !0)
1507
- ]),
1508
- _: 3
1509
- })
1510
- ]));
1511
- }
1512
- }), be = Math.min, pe = Math.max, Me = Math.round, Oe = Math.floor, Q = (e) => ({
1513
- x: e,
1514
- y: e
1515
- }), yn = {
1516
- left: "right",
1517
- right: "left",
1518
- bottom: "top",
1519
- top: "bottom"
1520
- }, wn = {
1521
- start: "end",
1522
- end: "start"
1523
- };
1524
- function Ne(e, o, t) {
1525
- return pe(e, be(o, t));
1526
- }
1527
- function Ve(e, o) {
1528
- return typeof e == "function" ? e(o) : e;
1529
- }
1530
- function ge(e) {
1531
- return e.split("-")[0];
1532
- }
1533
- function Te(e) {
1534
- return e.split("-")[1];
1535
- }
1536
- function bt(e) {
1537
- return e === "x" ? "y" : "x";
1538
- }
1539
- function Ke(e) {
1540
- return e === "y" ? "height" : "width";
1541
- }
1542
- const bn = /* @__PURE__ */ new Set(["top", "bottom"]);
1543
- function re(e) {
1544
- return bn.has(ge(e)) ? "y" : "x";
1545
- }
1546
- function Je(e) {
1547
- return bt(re(e));
1548
- }
1549
- function $n(e, o, t) {
1550
- t === void 0 && (t = !1);
1551
- const n = Te(e), l = Je(e), i = Ke(l);
1552
- let s = l === "x" ? n === (t ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
1553
- return o.reference[i] > o.floating[i] && (s = _e(s)), [s, _e(s)];
1554
- }
1555
- function kn(e) {
1556
- const o = _e(e);
1557
- return [He(e), o, He(o)];
1558
- }
1559
- function He(e) {
1560
- return e.replace(/start|end/g, (o) => wn[o]);
1561
- }
1562
- const nt = ["left", "right"], st = ["right", "left"], Cn = ["top", "bottom"], xn = ["bottom", "top"];
1563
- function Rn(e, o, t) {
1564
- switch (e) {
1565
- case "top":
1566
- case "bottom":
1567
- return t ? o ? st : nt : o ? nt : st;
1568
- case "left":
1569
- case "right":
1570
- return o ? Cn : xn;
1571
- default:
1572
- return [];
1573
- }
1574
- }
1575
- function Vn(e, o, t, n) {
1576
- const l = Te(e);
1577
- let i = Rn(ge(e), t === "start", n);
1578
- return l && (i = i.map((s) => s + "-" + l), o && (i = i.concat(i.map(He)))), i;
1579
- }
1580
- function _e(e) {
1581
- return e.replace(/left|right|bottom|top/g, (o) => yn[o]);
1582
- }
1583
- function Tn(e) {
1584
- return {
1585
- top: 0,
1586
- right: 0,
1587
- bottom: 0,
1588
- left: 0,
1589
- ...e
1590
- };
1591
- }
1592
- function $t(e) {
1593
- return typeof e != "number" ? Tn(e) : {
1594
- top: e,
1595
- right: e,
1596
- bottom: e,
1597
- left: e
1598
- };
1599
- }
1600
- function Le(e) {
1601
- const {
1602
- x: o,
1603
- y: t,
1604
- width: n,
1605
- height: l
1606
- } = e;
1607
- return {
1608
- width: n,
1609
- height: l,
1610
- top: t,
1611
- left: o,
1612
- right: o + n,
1613
- bottom: t + l,
1614
- x: o,
1615
- y: t
1616
- };
1617
- }
1618
- function lt(e, o, t) {
1619
- let {
1620
- reference: n,
1621
- floating: l
1622
- } = e;
1623
- const i = re(o), s = Je(o), r = Ke(s), a = ge(o), u = i === "y", c = n.x + n.width / 2 - l.width / 2, f = n.y + n.height / 2 - l.height / 2, b = n[r] / 2 - l[r] / 2;
1624
- let h;
1625
- switch (a) {
1626
- case "top":
1627
- h = {
1628
- x: c,
1629
- y: n.y - l.height
1630
- };
1631
- break;
1632
- case "bottom":
1633
- h = {
1634
- x: c,
1635
- y: n.y + n.height
1636
- };
1637
- break;
1638
- case "right":
1639
- h = {
1640
- x: n.x + n.width,
1641
- y: f
1642
- };
1643
- break;
1644
- case "left":
1645
- h = {
1646
- x: n.x - l.width,
1647
- y: f
1648
- };
1649
- break;
1650
- default:
1651
- h = {
1652
- x: n.x,
1653
- y: n.y
1654
- };
1655
- }
1656
- switch (Te(o)) {
1657
- case "start":
1658
- h[s] -= b * (t && u ? -1 : 1);
1659
- break;
1660
- case "end":
1661
- h[s] += b * (t && u ? -1 : 1);
1662
- break;
1663
- }
1664
- return h;
1665
- }
1666
- const Sn = async (e, o, t) => {
1667
- const {
1668
- placement: n = "bottom",
1669
- strategy: l = "absolute",
1670
- middleware: i = [],
1671
- platform: s
1672
- } = t, r = i.filter(Boolean), a = await (s.isRTL == null ? void 0 : s.isRTL(o));
1673
- let u = await s.getElementRects({
1674
- reference: e,
1675
- floating: o,
1676
- strategy: l
1677
- }), {
1678
- x: c,
1679
- y: f
1680
- } = lt(u, n, a), b = n, h = {}, m = 0;
1681
- for (let y = 0; y < r.length; y++) {
1682
- const {
1683
- name: v,
1684
- fn: g
1685
- } = r[y], {
1686
- x: $,
1687
- y: k,
1688
- data: R,
1689
- reset: S
1690
- } = await g({
1691
- x: c,
1692
- y: f,
1693
- initialPlacement: n,
1694
- placement: b,
1695
- strategy: l,
1696
- middlewareData: h,
1697
- rects: u,
1698
- platform: s,
1699
- elements: {
1700
- reference: e,
1701
- floating: o
1702
- }
1703
- });
1704
- c = $ ?? c, f = k ?? f, h = {
1705
- ...h,
1706
- [v]: {
1707
- ...h[v],
1708
- ...R
1709
- }
1710
- }, S && m <= 50 && (m++, typeof S == "object" && (S.placement && (b = S.placement), S.rects && (u = S.rects === !0 ? await s.getElementRects({
1711
- reference: e,
1712
- floating: o,
1713
- strategy: l
1714
- }) : S.rects), {
1715
- x: c,
1716
- y: f
1717
- } = lt(u, b, a)), y = -1);
1718
- }
1719
- return {
1720
- x: c,
1721
- y: f,
1722
- placement: b,
1723
- strategy: l,
1724
- middlewareData: h
1725
- };
1726
- };
1727
- async function kt(e, o) {
1728
- var t;
1729
- o === void 0 && (o = {});
1730
- const {
1731
- x: n,
1732
- y: l,
1733
- platform: i,
1734
- rects: s,
1735
- elements: r,
1736
- strategy: a
1737
- } = e, {
1738
- boundary: u = "clippingAncestors",
1739
- rootBoundary: c = "viewport",
1740
- elementContext: f = "floating",
1741
- altBoundary: b = !1,
1742
- padding: h = 0
1743
- } = Ve(o, e), m = $t(h), v = r[b ? f === "floating" ? "reference" : "floating" : f], g = Le(await i.getClippingRect({
1744
- element: (t = await (i.isElement == null ? void 0 : i.isElement(v))) == null || t ? v : v.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
1745
- boundary: u,
1746
- rootBoundary: c,
1747
- strategy: a
1748
- })), $ = f === "floating" ? {
1749
- x: n,
1750
- y: l,
1751
- width: s.floating.width,
1752
- height: s.floating.height
1753
- } : s.reference, k = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), R = await (i.isElement == null ? void 0 : i.isElement(k)) ? await (i.getScale == null ? void 0 : i.getScale(k)) || {
1754
- x: 1,
1755
- y: 1
1756
- } : {
1757
- x: 1,
1758
- y: 1
1759
- }, S = Le(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
1760
- elements: r,
1761
- rect: $,
1762
- offsetParent: k,
1763
- strategy: a
1764
- }) : $);
1765
- return {
1766
- top: (g.top - S.top + m.top) / R.y,
1767
- bottom: (S.bottom - g.bottom + m.bottom) / R.y,
1768
- left: (g.left - S.left + m.left) / R.x,
1769
- right: (S.right - g.right + m.right) / R.x
1770
- };
1771
- }
1772
- const An = (e) => ({
1773
- name: "arrow",
1774
- options: e,
1775
- async fn(o) {
1776
- const {
1777
- x: t,
1778
- y: n,
1779
- placement: l,
1780
- rects: i,
1781
- platform: s,
1782
- elements: r,
1783
- middlewareData: a
1784
- } = o, {
1785
- element: u,
1786
- padding: c = 0
1787
- } = Ve(e, o) || {};
1788
- if (u == null)
1789
- return {};
1790
- const f = $t(c), b = {
1791
- x: t,
1792
- y: n
1793
- }, h = Je(l), m = Ke(h), y = await s.getDimensions(u), v = h === "y", g = v ? "top" : "left", $ = v ? "bottom" : "right", k = v ? "clientHeight" : "clientWidth", R = i.reference[m] + i.reference[h] - b[h] - i.floating[m], S = b[h] - i.reference[h], z = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
1794
- let L = z ? z[k] : 0;
1795
- (!L || !await (s.isElement == null ? void 0 : s.isElement(z))) && (L = r.floating[k] || i.floating[m]);
1796
- const ie = R / 2 - S / 2, K = L / 2 - y[m] / 2 - 1, H = be(f[g], K), de = be(f[$], K), fe = H, xe = L - y[m] - de, I = L / 2 - y[m] / 2 + ie, me = Ne(fe, I, xe), se = !a.arrow && Te(l) != null && I !== me && i.reference[m] / 2 - (I < fe ? H : de) - y[m] / 2 < 0, W = se ? I < fe ? I - fe : I - xe : 0;
1797
- return {
1798
- [h]: b[h] + W,
1799
- data: {
1800
- [h]: me,
1801
- centerOffset: I - me - W,
1802
- ...se && {
1803
- alignmentOffset: W
1804
- }
1805
- },
1806
- reset: se
1807
- };
1808
- }
1809
- }), On = function(e) {
1810
- return e === void 0 && (e = {}), {
1811
- name: "flip",
1812
- options: e,
1813
- async fn(o) {
1814
- var t, n;
1815
- const {
1816
- placement: l,
1817
- middlewareData: i,
1818
- rects: s,
1819
- initialPlacement: r,
1820
- platform: a,
1821
- elements: u
1822
- } = o, {
1823
- mainAxis: c = !0,
1824
- crossAxis: f = !0,
1825
- fallbackPlacements: b,
1826
- fallbackStrategy: h = "bestFit",
1827
- fallbackAxisSideDirection: m = "none",
1828
- flipAlignment: y = !0,
1829
- ...v
1830
- } = Ve(e, o);
1831
- if ((t = i.arrow) != null && t.alignmentOffset)
1832
- return {};
1833
- const g = ge(l), $ = re(r), k = ge(r) === r, R = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), S = b || (k || !y ? [_e(r)] : kn(r)), z = m !== "none";
1834
- !b && z && S.push(...Vn(r, y, m, R));
1835
- const L = [r, ...S], ie = await kt(o, v), K = [];
1836
- let H = ((n = i.flip) == null ? void 0 : n.overflows) || [];
1837
- if (c && K.push(ie[g]), f) {
1838
- const I = $n(l, s, R);
1839
- K.push(ie[I[0]], ie[I[1]]);
1840
- }
1841
- if (H = [...H, {
1842
- placement: l,
1843
- overflows: K
1844
- }], !K.every((I) => I <= 0)) {
1845
- var de, fe;
1846
- const I = (((de = i.flip) == null ? void 0 : de.index) || 0) + 1, me = L[I];
1847
- if (me && (!(f === "alignment" ? $ !== re(me) : !1) || // We leave the current main axis only if every placement on that axis
1848
- // overflows the main axis.
1849
- H.every((U) => U.overflows[0] > 0 && re(U.placement) === $)))
1850
- return {
1851
- data: {
1852
- index: I,
1853
- overflows: H
1854
- },
1855
- reset: {
1856
- placement: me
1857
- }
1858
- };
1859
- let se = (fe = H.filter((W) => W.overflows[0] <= 0).sort((W, U) => W.overflows[1] - U.overflows[1])[0]) == null ? void 0 : fe.placement;
1860
- if (!se)
1861
- switch (h) {
1862
- case "bestFit": {
1863
- var xe;
1864
- const W = (xe = H.filter((U) => {
1865
- if (z) {
1866
- const ae = re(U.placement);
1867
- return ae === $ || // Create a bias to the `y` side axis due to horizontal
1868
- // reading directions favoring greater width.
1869
- ae === "y";
1870
- }
1871
- return !0;
1872
- }).map((U) => [U.placement, U.overflows.filter((ae) => ae > 0).reduce((ae, Bt) => ae + Bt, 0)]).sort((U, ae) => U[1] - ae[1])[0]) == null ? void 0 : xe[0];
1873
- W && (se = W);
1874
- break;
1875
- }
1876
- case "initialPlacement":
1877
- se = r;
1878
- break;
1879
- }
1880
- if (l !== se)
1881
- return {
1882
- reset: {
1883
- placement: se
1884
- }
1885
- };
1886
- }
1887
- return {};
1888
- }
1889
- };
1890
- }, Bn = /* @__PURE__ */ new Set(["left", "top"]);
1891
- async function Pn(e, o) {
1892
- const {
1893
- placement: t,
1894
- platform: n,
1895
- elements: l
1896
- } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), s = ge(t), r = Te(t), a = re(t) === "y", u = Bn.has(s) ? -1 : 1, c = i && a ? -1 : 1, f = Ve(o, e);
1897
- let {
1898
- mainAxis: b,
1899
- crossAxis: h,
1900
- alignmentAxis: m
1901
- } = typeof f == "number" ? {
1902
- mainAxis: f,
1903
- crossAxis: 0,
1904
- alignmentAxis: null
1905
- } : {
1906
- mainAxis: f.mainAxis || 0,
1907
- crossAxis: f.crossAxis || 0,
1908
- alignmentAxis: f.alignmentAxis
1909
- };
1910
- return r && typeof m == "number" && (h = r === "end" ? m * -1 : m), a ? {
1911
- x: h * c,
1912
- y: b * u
1913
- } : {
1914
- x: b * u,
1915
- y: h * c
1916
- };
1917
- }
1918
- const Mn = function(e) {
1919
- return e === void 0 && (e = 0), {
1920
- name: "offset",
1921
- options: e,
1922
- async fn(o) {
1923
- var t, n;
1924
- const {
1925
- x: l,
1926
- y: i,
1927
- placement: s,
1928
- middlewareData: r
1929
- } = o, a = await Pn(o, e);
1930
- return s === ((t = r.offset) == null ? void 0 : t.placement) && (n = r.arrow) != null && n.alignmentOffset ? {} : {
1931
- x: l + a.x,
1932
- y: i + a.y,
1933
- data: {
1934
- ...a,
1935
- placement: s
1936
- }
1937
- };
1938
- }
1939
- };
1940
- }, _n = function(e) {
1941
- return e === void 0 && (e = {}), {
1942
- name: "shift",
1943
- options: e,
1944
- async fn(o) {
1945
- const {
1946
- x: t,
1947
- y: n,
1948
- placement: l
1949
- } = o, {
1950
- mainAxis: i = !0,
1951
- crossAxis: s = !1,
1952
- limiter: r = {
1953
- fn: (v) => {
1954
- let {
1955
- x: g,
1956
- y: $
1957
- } = v;
1958
- return {
1959
- x: g,
1960
- y: $
1961
- };
1962
- }
1963
- },
1964
- ...a
1965
- } = Ve(e, o), u = {
1966
- x: t,
1967
- y: n
1968
- }, c = await kt(o, a), f = re(ge(l)), b = bt(f);
1969
- let h = u[b], m = u[f];
1970
- if (i) {
1971
- const v = b === "y" ? "top" : "left", g = b === "y" ? "bottom" : "right", $ = h + c[v], k = h - c[g];
1972
- h = Ne($, h, k);
1973
- }
1974
- if (s) {
1975
- const v = f === "y" ? "top" : "left", g = f === "y" ? "bottom" : "right", $ = m + c[v], k = m - c[g];
1976
- m = Ne($, m, k);
1977
- }
1978
- const y = r.fn({
1979
- ...o,
1980
- [b]: h,
1981
- [f]: m
1982
- });
1983
- return {
1984
- ...y,
1985
- data: {
1986
- x: y.x - t,
1987
- y: y.y - n,
1988
- enabled: {
1989
- [b]: i,
1990
- [f]: s
1991
- }
1992
- }
1993
- };
1994
- }
1995
- };
1996
- };
1997
- function Ie() {
1998
- return typeof window < "u";
1999
- }
2000
- function Ce(e) {
2001
- return Ct(e) ? (e.nodeName || "").toLowerCase() : "#document";
2002
- }
2003
- function E(e) {
2004
- var o;
2005
- return (e == null || (o = e.ownerDocument) == null ? void 0 : o.defaultView) || window;
2006
- }
2007
- function ne(e) {
2008
- var o;
2009
- return (o = (Ct(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : o.documentElement;
2010
- }
2011
- function Ct(e) {
2012
- return Ie() ? e instanceof Node || e instanceof E(e).Node : !1;
2013
- }
2014
- function Y(e) {
2015
- return Ie() ? e instanceof Element || e instanceof E(e).Element : !1;
2016
- }
2017
- function ee(e) {
2018
- return Ie() ? e instanceof HTMLElement || e instanceof E(e).HTMLElement : !1;
2019
- }
2020
- function it(e) {
2021
- return !Ie() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof E(e).ShadowRoot;
2022
- }
2023
- const Ln = /* @__PURE__ */ new Set(["inline", "contents"]);
2024
- function Se(e) {
2025
- const {
2026
- overflow: o,
2027
- overflowX: t,
2028
- overflowY: n,
2029
- display: l
2030
- } = X(e);
2031
- return /auto|scroll|overlay|hidden|clip/.test(o + n + t) && !Ln.has(l);
2032
- }
2033
- const In = /* @__PURE__ */ new Set(["table", "td", "th"]);
2034
- function Dn(e) {
2035
- return In.has(Ce(e));
2036
- }
2037
- const En = [":popover-open", ":modal"];
2038
- function De(e) {
2039
- return En.some((o) => {
2040
- try {
2041
- return e.matches(o);
2042
- } catch {
2043
- return !1;
2044
- }
2045
- });
2046
- }
2047
- const Fn = ["transform", "translate", "scale", "rotate", "perspective"], zn = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Nn = ["paint", "layout", "strict", "content"];
2048
- function Qe(e) {
2049
- const o = et(), t = Y(e) ? X(e) : e;
2050
- return Fn.some((n) => t[n] ? t[n] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !o && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !o && (t.filter ? t.filter !== "none" : !1) || zn.some((n) => (t.willChange || "").includes(n)) || Nn.some((n) => (t.contain || "").includes(n));
2051
- }
2052
- function Hn(e) {
2053
- let o = ce(e);
2054
- for (; ee(o) && !$e(o); ) {
2055
- if (Qe(o))
2056
- return o;
2057
- if (De(o))
2058
- return null;
2059
- o = ce(o);
2060
- }
2061
- return null;
2062
- }
2063
- function et() {
2064
- return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
2065
- }
2066
- const Wn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
2067
- function $e(e) {
2068
- return Wn.has(Ce(e));
2069
- }
2070
- function X(e) {
2071
- return E(e).getComputedStyle(e);
2072
- }
2073
- function Ee(e) {
2074
- return Y(e) ? {
2075
- scrollLeft: e.scrollLeft,
2076
- scrollTop: e.scrollTop
2077
- } : {
2078
- scrollLeft: e.scrollX,
2079
- scrollTop: e.scrollY
2080
- };
2081
- }
2082
- function ce(e) {
2083
- if (Ce(e) === "html")
2084
- return e;
2085
- const o = (
2086
- // Step into the shadow DOM of the parent of a slotted node.
2087
- e.assignedSlot || // DOM Element detected.
2088
- e.parentNode || // ShadowRoot detected.
2089
- it(e) && e.host || // Fallback.
2090
- ne(e)
2091
- );
2092
- return it(o) ? o.host : o;
2093
- }
2094
- function xt(e) {
2095
- const o = ce(e);
2096
- return $e(o) ? e.ownerDocument ? e.ownerDocument.body : e.body : ee(o) && Se(o) ? o : xt(o);
2097
- }
2098
- function Re(e, o, t) {
2099
- var n;
2100
- o === void 0 && (o = []), t === void 0 && (t = !0);
2101
- const l = xt(e), i = l === ((n = e.ownerDocument) == null ? void 0 : n.body), s = E(l);
2102
- if (i) {
2103
- const r = We(s);
2104
- return o.concat(s, s.visualViewport || [], Se(l) ? l : [], r && t ? Re(r) : []);
2105
- }
2106
- return o.concat(l, Re(l, [], t));
2107
- }
2108
- function We(e) {
2109
- return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
2110
- }
2111
- function Rt(e) {
2112
- const o = X(e);
2113
- let t = parseFloat(o.width) || 0, n = parseFloat(o.height) || 0;
2114
- const l = ee(e), i = l ? e.offsetWidth : t, s = l ? e.offsetHeight : n, r = Me(t) !== i || Me(n) !== s;
2115
- return r && (t = i, n = s), {
2116
- width: t,
2117
- height: n,
2118
- $: r
2119
- };
2120
- }
2121
- function tt(e) {
2122
- return Y(e) ? e : e.contextElement;
2123
- }
2124
- function we(e) {
2125
- const o = tt(e);
2126
- if (!ee(o))
2127
- return Q(1);
2128
- const t = o.getBoundingClientRect(), {
2129
- width: n,
2130
- height: l,
2131
- $: i
2132
- } = Rt(o);
2133
- let s = (i ? Me(t.width) : t.width) / n, r = (i ? Me(t.height) : t.height) / l;
2134
- return (!s || !Number.isFinite(s)) && (s = 1), (!r || !Number.isFinite(r)) && (r = 1), {
2135
- x: s,
2136
- y: r
2137
- };
2138
- }
2139
- const Un = /* @__PURE__ */ Q(0);
2140
- function Vt(e) {
2141
- const o = E(e);
2142
- return !et() || !o.visualViewport ? Un : {
2143
- x: o.visualViewport.offsetLeft,
2144
- y: o.visualViewport.offsetTop
2145
- };
2146
- }
2147
- function Gn(e, o, t) {
2148
- return o === void 0 && (o = !1), !t || o && t !== E(e) ? !1 : o;
2149
- }
2150
- function he(e, o, t, n) {
2151
- o === void 0 && (o = !1), t === void 0 && (t = !1);
2152
- const l = e.getBoundingClientRect(), i = tt(e);
2153
- let s = Q(1);
2154
- o && (n ? Y(n) && (s = we(n)) : s = we(e));
2155
- const r = Gn(i, t, n) ? Vt(i) : Q(0);
2156
- let a = (l.left + r.x) / s.x, u = (l.top + r.y) / s.y, c = l.width / s.x, f = l.height / s.y;
2157
- if (i) {
2158
- const b = E(i), h = n && Y(n) ? E(n) : n;
2159
- let m = b, y = We(m);
2160
- for (; y && n && h !== m; ) {
2161
- const v = we(y), g = y.getBoundingClientRect(), $ = X(y), k = g.left + (y.clientLeft + parseFloat($.paddingLeft)) * v.x, R = g.top + (y.clientTop + parseFloat($.paddingTop)) * v.y;
2162
- a *= v.x, u *= v.y, c *= v.x, f *= v.y, a += k, u += R, m = E(y), y = We(m);
2163
- }
2164
- }
2165
- return Le({
2166
- width: c,
2167
- height: f,
2168
- x: a,
2169
- y: u
2170
- });
2171
- }
2172
- function ot(e, o) {
2173
- const t = Ee(e).scrollLeft;
2174
- return o ? o.left + t : he(ne(e)).left + t;
2175
- }
2176
- function Tt(e, o, t) {
2177
- t === void 0 && (t = !1);
2178
- const n = e.getBoundingClientRect(), l = n.left + o.scrollLeft - (t ? 0 : (
2179
- // RTL <body> scrollbar.
2180
- ot(e, n)
2181
- )), i = n.top + o.scrollTop;
2182
- return {
2183
- x: l,
2184
- y: i
2185
- };
2186
- }
2187
- function jn(e) {
2188
- let {
2189
- elements: o,
2190
- rect: t,
2191
- offsetParent: n,
2192
- strategy: l
2193
- } = e;
2194
- const i = l === "fixed", s = ne(n), r = o ? De(o.floating) : !1;
2195
- if (n === s || r && i)
2196
- return t;
2197
- let a = {
2198
- scrollLeft: 0,
2199
- scrollTop: 0
2200
- }, u = Q(1);
2201
- const c = Q(0), f = ee(n);
2202
- if ((f || !f && !i) && ((Ce(n) !== "body" || Se(s)) && (a = Ee(n)), ee(n))) {
2203
- const h = he(n);
2204
- u = we(n), c.x = h.x + n.clientLeft, c.y = h.y + n.clientTop;
2205
- }
2206
- const b = s && !f && !i ? Tt(s, a, !0) : Q(0);
2207
- return {
2208
- width: t.width * u.x,
2209
- height: t.height * u.y,
2210
- x: t.x * u.x - a.scrollLeft * u.x + c.x + b.x,
2211
- y: t.y * u.y - a.scrollTop * u.y + c.y + b.y
2212
- };
2213
- }
2214
- function qn(e) {
2215
- return Array.from(e.getClientRects());
2216
- }
2217
- function Yn(e) {
2218
- const o = ne(e), t = Ee(e), n = e.ownerDocument.body, l = pe(o.scrollWidth, o.clientWidth, n.scrollWidth, n.clientWidth), i = pe(o.scrollHeight, o.clientHeight, n.scrollHeight, n.clientHeight);
2219
- let s = -t.scrollLeft + ot(e);
2220
- const r = -t.scrollTop;
2221
- return X(n).direction === "rtl" && (s += pe(o.clientWidth, n.clientWidth) - l), {
2222
- width: l,
2223
- height: i,
2224
- x: s,
2225
- y: r
2226
- };
2227
- }
2228
- function Xn(e, o) {
2229
- const t = E(e), n = ne(e), l = t.visualViewport;
2230
- let i = n.clientWidth, s = n.clientHeight, r = 0, a = 0;
2231
- if (l) {
2232
- i = l.width, s = l.height;
2233
- const u = et();
2234
- (!u || u && o === "fixed") && (r = l.offsetLeft, a = l.offsetTop);
2235
- }
2236
- return {
2237
- width: i,
2238
- height: s,
2239
- x: r,
2240
- y: a
2241
- };
2242
- }
2243
- const Zn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
2244
- function Kn(e, o) {
2245
- const t = he(e, !0, o === "fixed"), n = t.top + e.clientTop, l = t.left + e.clientLeft, i = ee(e) ? we(e) : Q(1), s = e.clientWidth * i.x, r = e.clientHeight * i.y, a = l * i.x, u = n * i.y;
2246
- return {
2247
- width: s,
2248
- height: r,
2249
- x: a,
2250
- y: u
2251
- };
2252
- }
2253
- function at(e, o, t) {
2254
- let n;
2255
- if (o === "viewport")
2256
- n = Xn(e, t);
2257
- else if (o === "document")
2258
- n = Yn(ne(e));
2259
- else if (Y(o))
2260
- n = Kn(o, t);
2261
- else {
2262
- const l = Vt(e);
2263
- n = {
2264
- x: o.x - l.x,
2265
- y: o.y - l.y,
2266
- width: o.width,
2267
- height: o.height
2268
- };
2269
- }
2270
- return Le(n);
2271
- }
2272
- function St(e, o) {
2273
- const t = ce(e);
2274
- return t === o || !Y(t) || $e(t) ? !1 : X(t).position === "fixed" || St(t, o);
2275
- }
2276
- function Jn(e, o) {
2277
- const t = o.get(e);
2278
- if (t)
2279
- return t;
2280
- let n = Re(e, [], !1).filter((r) => Y(r) && Ce(r) !== "body"), l = null;
2281
- const i = X(e).position === "fixed";
2282
- let s = i ? ce(e) : e;
2283
- for (; Y(s) && !$e(s); ) {
2284
- const r = X(s), a = Qe(s);
2285
- !a && r.position === "fixed" && (l = null), (i ? !a && !l : !a && r.position === "static" && !!l && Zn.has(l.position) || Se(s) && !a && St(e, s)) ? n = n.filter((c) => c !== s) : l = r, s = ce(s);
2286
- }
2287
- return o.set(e, n), n;
2288
- }
2289
- function Qn(e) {
2290
- let {
2291
- element: o,
2292
- boundary: t,
2293
- rootBoundary: n,
2294
- strategy: l
2295
- } = e;
2296
- const s = [...t === "clippingAncestors" ? De(o) ? [] : Jn(o, this._c) : [].concat(t), n], r = s[0], a = s.reduce((u, c) => {
2297
- const f = at(o, c, l);
2298
- return u.top = pe(f.top, u.top), u.right = be(f.right, u.right), u.bottom = be(f.bottom, u.bottom), u.left = pe(f.left, u.left), u;
2299
- }, at(o, r, l));
2300
- return {
2301
- width: a.right - a.left,
2302
- height: a.bottom - a.top,
2303
- x: a.left,
2304
- y: a.top
2305
- };
2306
- }
2307
- function es(e) {
2308
- const {
2309
- width: o,
2310
- height: t
2311
- } = Rt(e);
2312
- return {
2313
- width: o,
2314
- height: t
2315
- };
2316
- }
2317
- function ts(e, o, t) {
2318
- const n = ee(o), l = ne(o), i = t === "fixed", s = he(e, !0, i, o);
2319
- let r = {
2320
- scrollLeft: 0,
2321
- scrollTop: 0
2322
- };
2323
- const a = Q(0);
2324
- function u() {
2325
- a.x = ot(l);
2326
- }
2327
- if (n || !n && !i)
2328
- if ((Ce(o) !== "body" || Se(l)) && (r = Ee(o)), n) {
2329
- const h = he(o, !0, i, o);
2330
- a.x = h.x + o.clientLeft, a.y = h.y + o.clientTop;
2331
- } else l && u();
2332
- i && !n && l && u();
2333
- const c = l && !n && !i ? Tt(l, r) : Q(0), f = s.left + r.scrollLeft - a.x - c.x, b = s.top + r.scrollTop - a.y - c.y;
2334
- return {
2335
- x: f,
2336
- y: b,
2337
- width: s.width,
2338
- height: s.height
2339
- };
2340
- }
2341
- function Fe(e) {
2342
- return X(e).position === "static";
2343
- }
2344
- function rt(e, o) {
2345
- if (!ee(e) || X(e).position === "fixed")
2346
- return null;
2347
- if (o)
2348
- return o(e);
2349
- let t = e.offsetParent;
2350
- return ne(e) === t && (t = t.ownerDocument.body), t;
2351
- }
2352
- function At(e, o) {
2353
- const t = E(e);
2354
- if (De(e))
2355
- return t;
2356
- if (!ee(e)) {
2357
- let l = ce(e);
2358
- for (; l && !$e(l); ) {
2359
- if (Y(l) && !Fe(l))
2360
- return l;
2361
- l = ce(l);
2362
- }
2363
- return t;
2364
- }
2365
- let n = rt(e, o);
2366
- for (; n && Dn(n) && Fe(n); )
2367
- n = rt(n, o);
2368
- return n && $e(n) && Fe(n) && !Qe(n) ? t : n || Hn(e) || t;
2369
- }
2370
- const os = async function(e) {
2371
- const o = this.getOffsetParent || At, t = this.getDimensions, n = await t(e.floating);
2372
- return {
2373
- reference: ts(e.reference, await o(e.floating), e.strategy),
2374
- floating: {
2375
- x: 0,
2376
- y: 0,
2377
- width: n.width,
2378
- height: n.height
2379
- }
2380
- };
2381
- };
2382
- function ns(e) {
2383
- return X(e).direction === "rtl";
2384
- }
2385
- const ss = {
2386
- convertOffsetParentRelativeRectToViewportRelativeRect: jn,
2387
- getDocumentElement: ne,
2388
- getClippingRect: Qn,
2389
- getOffsetParent: At,
2390
- getElementRects: os,
2391
- getClientRects: qn,
2392
- getDimensions: es,
2393
- getScale: we,
2394
- isElement: Y,
2395
- isRTL: ns
2396
- };
2397
- function Ot(e, o) {
2398
- return e.x === o.x && e.y === o.y && e.width === o.width && e.height === o.height;
2399
- }
2400
- function ls(e, o) {
2401
- let t = null, n;
2402
- const l = ne(e);
2403
- function i() {
2404
- var r;
2405
- clearTimeout(n), (r = t) == null || r.disconnect(), t = null;
2406
- }
2407
- function s(r, a) {
2408
- r === void 0 && (r = !1), a === void 0 && (a = 1), i();
2409
- const u = e.getBoundingClientRect(), {
2410
- left: c,
2411
- top: f,
2412
- width: b,
2413
- height: h
2414
- } = u;
2415
- if (r || o(), !b || !h)
2416
- return;
2417
- const m = Oe(f), y = Oe(l.clientWidth - (c + b)), v = Oe(l.clientHeight - (f + h)), g = Oe(c), k = {
2418
- rootMargin: -m + "px " + -y + "px " + -v + "px " + -g + "px",
2419
- threshold: pe(0, be(1, a)) || 1
2420
- };
2421
- let R = !0;
2422
- function S(z) {
2423
- const L = z[0].intersectionRatio;
2424
- if (L !== a) {
2425
- if (!R)
2426
- return s();
2427
- L ? s(!1, L) : n = setTimeout(() => {
2428
- s(!1, 1e-7);
2429
- }, 1e3);
2430
- }
2431
- L === 1 && !Ot(u, e.getBoundingClientRect()) && s(), R = !1;
2432
- }
2433
- try {
2434
- t = new IntersectionObserver(S, {
2435
- ...k,
2436
- // Handle <iframe>s
2437
- root: l.ownerDocument
2438
- });
2439
- } catch {
2440
- t = new IntersectionObserver(S, k);
2441
- }
2442
- t.observe(e);
2443
- }
2444
- return s(!0), i;
2445
- }
2446
- function is(e, o, t, n) {
2447
- n === void 0 && (n = {});
2448
- const {
2449
- ancestorScroll: l = !0,
2450
- ancestorResize: i = !0,
2451
- elementResize: s = typeof ResizeObserver == "function",
2452
- layoutShift: r = typeof IntersectionObserver == "function",
2453
- animationFrame: a = !1
2454
- } = n, u = tt(e), c = l || i ? [...u ? Re(u) : [], ...Re(o)] : [];
2455
- c.forEach((g) => {
2456
- l && g.addEventListener("scroll", t, {
2457
- passive: !0
2458
- }), i && g.addEventListener("resize", t);
2459
- });
2460
- const f = u && r ? ls(u, t) : null;
2461
- let b = -1, h = null;
2462
- s && (h = new ResizeObserver((g) => {
2463
- let [$] = g;
2464
- $ && $.target === u && h && (h.unobserve(o), cancelAnimationFrame(b), b = requestAnimationFrame(() => {
2465
- var k;
2466
- (k = h) == null || k.observe(o);
2467
- })), t();
2468
- }), u && !a && h.observe(u), h.observe(o));
2469
- let m, y = a ? he(e) : null;
2470
- a && v();
2471
- function v() {
2472
- const g = he(e);
2473
- y && !Ot(y, g) && t(), y = g, m = requestAnimationFrame(v);
2474
- }
2475
- return t(), () => {
2476
- var g;
2477
- c.forEach(($) => {
2478
- l && $.removeEventListener("scroll", t), i && $.removeEventListener("resize", t);
2479
- }), f?.(), (g = h) == null || g.disconnect(), h = null, a && cancelAnimationFrame(m);
2480
- };
2481
- }
2482
- const as = Mn, rs = _n, us = On, cs = An, ds = (e, o, t) => {
2483
- const n = /* @__PURE__ */ new Map(), l = {
2484
- platform: ss,
2485
- ...t
2486
- }, i = {
2487
- ...l.platform,
2488
- _c: n
2489
- };
2490
- return Sn(e, o, {
2491
- ...l,
2492
- platform: i
2493
- });
2494
- }, fs = { class: "popover-wrapper" }, ms = { class: "popover__content" }, Gs = /* @__PURE__ */ x({
2495
- __name: "Popover",
2496
- props: {
2497
- placement: { default: "bottom" },
2498
- trigger: { default: "click" },
2499
- offset: { type: [Number, Object, Function], default: 8 },
2500
- popoverClass: {},
2501
- disabled: { type: Boolean, default: !1 },
2502
- showArrow: { type: Boolean, default: !0 },
2503
- hoverDelay: { default: 200 }
2504
- },
2505
- emits: ["show", "hide"],
2506
- setup(e, { emit: o }) {
2507
- const t = e, n = o, l = P(), i = P(), s = P(!1), r = P("bottom"), a = P({}), u = P({});
2508
- let c = null, f = null;
2509
- const b = V(() => t.trigger === "hover"), h = async () => {
2510
- t.disabled || (f && (clearTimeout(f), f = null), s.value = !0, n("show"), await Pe(), await v());
2511
- }, m = () => {
2512
- b.value && f && clearTimeout(f);
2513
- const k = b.value ? t.hoverDelay : 0;
2514
- f = setTimeout(() => {
2515
- s.value = !1, n("hide"), c && (c(), c = null);
2516
- }, k);
2517
- }, y = () => {
2518
- t.trigger === "click" && (s.value ? m() : h());
2519
- }, v = async () => {
2520
- if (!l.value || !i.value) return;
2521
- const k = i.value.querySelector(".popover__arrow"), { x: R, y: S, placement: z, middlewareData: L } = await ds(
2522
- l.value,
2523
- i.value,
2524
- {
2525
- placement: t.placement,
2526
- middleware: [
2527
- as(t.offset),
2528
- us(),
2529
- rs({ padding: 8 }),
2530
- ...t.showArrow && k ? [cs({ element: k })] : []
2531
- ]
2532
- }
2533
- );
2534
- if (r.value = z, a.value = {
2535
- position: "absolute",
2536
- top: `${S}px`,
2537
- left: `${R}px`,
2538
- zIndex: 1e3
2539
- }, t.showArrow && L.arrow) {
2540
- const { x: ie, y: K } = L.arrow, H = z.split("-")[0], de = {
2541
- top: "bottom",
2542
- right: "left",
2543
- bottom: "top",
2544
- left: "right"
2545
- }[H];
2546
- u.value = {
2547
- left: ie != null ? `${ie}px` : "",
2548
- top: K != null ? `${K}px` : "",
2549
- right: "",
2550
- bottom: "",
2551
- [de]: "-10px"
2552
- };
2553
- }
2554
- }, g = (k) => {
2555
- l.value && i.value && !l.value.contains(k.target) && !i.value.contains(k.target) && m();
2556
- };
2557
- te(() => {
2558
- document.addEventListener("click", g);
2559
- }), je(() => {
2560
- document.removeEventListener("click", g), c && c(), f && clearTimeout(f);
2561
- });
2562
- const $ = () => {
2563
- l.value && i.value && (c = is(l.value, i.value, v));
2564
- };
2565
- return ye(s, (k) => {
2566
- k ? Pe($) : c && (c(), c = null);
2567
- }), (k, R) => (d(), p("div", fs, [
2568
- w("div", {
2569
- ref_key: "triggerRef",
2570
- ref: l,
2571
- class: "popover-trigger",
2572
- onClick: y,
2573
- onMouseenter: R[0] || (R[0] = (S) => k.trigger === "hover" ? h() : null),
2574
- onMouseleave: R[1] || (R[1] = (S) => k.trigger === "hover" ? m() : null)
2575
- }, [
2576
- B(k.$slots, "trigger")
2577
- ], 544),
2578
- (d(), O(qe, { to: "body" }, [
2579
- M(Ye, { name: "popover-fade" }, {
2580
- default: G(() => [
2581
- s.value ? (d(), p("div", {
2582
- key: 0,
2583
- ref_key: "popoverRef",
2584
- ref: i,
2585
- class: A(["popover", [`popover--${r.value}`, k.popoverClass]]),
2586
- style: j(a.value),
2587
- onMouseenter: R[2] || (R[2] = (S) => k.trigger === "hover" ? h() : null),
2588
- onMouseleave: R[3] || (R[3] = (S) => k.trigger === "hover" ? m() : null)
2589
- }, [
2590
- w("div", ms, [
2591
- B(k.$slots, "default")
2592
- ]),
2593
- k.showArrow ? (d(), p("div", {
2594
- key: 0,
2595
- class: "popover__arrow",
2596
- style: j(u.value)
2597
- }, null, 4)) : T("", !0)
2598
- ], 38)) : T("", !0)
2599
- ]),
2600
- _: 3
2601
- })
2602
- ]))
2603
- ]));
2604
- }
2605
- }), ps = { class: "accordion" }, js = /* @__PURE__ */ x({
2606
- __name: "Accordion",
2607
- props: {
2608
- value: {},
2609
- multiple: { type: Boolean }
2610
- },
2611
- setup(e) {
2612
- const o = e, t = P(
2613
- Array.isArray(o.value) ? o.value : o.value !== void 0 ? [o.value] : []
2614
- );
2615
- ye(() => o.value, (l) => {
2616
- Array.isArray(l) ? t.value = l : l !== void 0 ? t.value = [l] : t.value = [];
2617
- });
2618
- function n(l) {
2619
- o.multiple ? t.value.includes(l) ? t.value = t.value.filter((i) => i !== l) : t.value.push(l) : t.value = t.value[0] === l ? [] : [l];
2620
- }
2621
- return J("accordionOpenValues", t), J("accordionToggle", n), J("accordionIsMultiple", o.multiple ?? !1), (l, i) => (d(), p("div", ps, [
2622
- B(l.$slots, "default")
2623
- ]));
2624
- }
2625
- }), qs = /* @__PURE__ */ x({
2626
- __name: "AccordionContent",
2627
- setup(e) {
2628
- const o = q("panelIsOpen"), t = P(null), n = P("0px"), l = P(o.value);
2629
- return ye(o, async (i) => {
2630
- i ? (l.value = !0, await Pe(), n.value = t.value?.scrollHeight + "px") : (n.value = t.value?.scrollHeight + "px", await Pe(), n.value = "0px", setTimeout(() => l.value = !1, 300));
2631
- }), te(() => {
2632
- o.value && t.value && (n.value = t.value.scrollHeight + "px");
2633
- }), (i, s) => (d(), p("div", {
2634
- class: "accordion-content-wrapper",
2635
- style: j({ height: C(o) ? n.value : "0px" })
2636
- }, [
2637
- oe(w("div", {
2638
- ref_key: "contentRef",
2639
- ref: t,
2640
- class: "accordion-content"
2641
- }, [
2642
- B(i.$slots, "default")
2643
- ], 512), [
2644
- [Ge, l.value]
2645
- ])
2646
- ], 4));
2647
- }
2648
- }), vs = { class: "accordion-header__content" }, gs = { class: "accordion-header__arrow" }, Ys = /* @__PURE__ */ x({
2649
- __name: "AccordionHeader",
2650
- setup(e) {
2651
- const o = q("panelIsOpen"), t = q("panelToggle");
2652
- return (n, l) => (d(), p("button", {
2653
- class: A(["accordion-header", { "accordion-header--active": C(o) }]),
2654
- onClick: l[0] || (l[0] = //@ts-ignore
2655
- (...i) => C(t) && C(t)(...i))
2656
- }, [
2657
- w("div", vs, [
2658
- B(n.$slots, "default")
2659
- ]),
2660
- w("div", gs, [
2661
- M(C(Yt))
2662
- ])
2663
- ], 2));
2664
- }
2665
- }), hs = { class: "accordion-panel" }, Xs = /* @__PURE__ */ x({
2666
- __name: "AccordionPanel",
2667
- props: {
2668
- value: {}
2669
- },
2670
- setup(e) {
2671
- const o = e, t = q("accordionOpenValues"), n = q("accordionToggle"), l = V(() => t?.value.includes(o.value));
2672
- return J("panelValue", o.value), J("panelIsOpen", l), J("panelToggle", () => n?.(o.value)), (i, s) => (d(), p("div", hs, [
2673
- B(i.$slots, "default")
2674
- ]));
2675
- }
2676
- }), ys = {
2677
- key: 0,
2678
- class: "divider__content"
2679
- }, Zs = /* @__PURE__ */ x({
2680
- __name: "Divider",
2681
- props: {
2682
- layouts: { default: "horizontal" },
2683
- type: { default: "solid" },
2684
- align: { default: "center" }
2685
- },
2686
- setup(e) {
2687
- const o = V(() => ["divider", `divider--${e.layouts}`, `divider--${e.type}`, `divider--${e.align}`]);
2688
- return (t, n) => (d(), p("div", {
2689
- class: A(o.value)
2690
- }, [
2691
- t.$slots.default ? (d(), p("div", ys, [
2692
- B(t.$slots, "default")
2693
- ])) : T("", !0)
2694
- ], 2));
2695
- }
2696
- }), ws = ["aria-selected"], Ks = /* @__PURE__ */ x({
2697
- __name: "Tab",
2698
- props: {
2699
- value: {}
2700
- },
2701
- setup(e) {
2702
- const o = e, t = q("tabsValue"), n = q("setTabsValue"), l = V(() => t?.value === o.value);
2703
- return (i, s) => (d(), p("button", {
2704
- class: A(["tab", { "tab--active": l.value }]),
2705
- onClick: s[0] || (s[0] = () => C(n)?.(i.value)),
2706
- role: "tab",
2707
- "aria-selected": l.value
2708
- }, [
2709
- B(i.$slots, "default")
2710
- ], 10, ws));
2711
- }
2712
- }), bs = { class: "tabs" }, Js = /* @__PURE__ */ x({
2713
- __name: "Tabs",
2714
- props: {
2715
- value: {}
2716
- },
2717
- emits: ["update:value"],
2718
- setup(e, { emit: o }) {
2719
- const t = e, n = o, l = P(t.value);
2720
- ye(() => t.value, (s) => {
2721
- l.value = s;
2722
- });
2723
- function i(s) {
2724
- l.value = s, n("update:value", s);
2725
- }
2726
- return J("tabsValue", l), J("setTabsValue", i), (s, r) => (d(), p("div", bs, [
2727
- B(s.$slots, "default")
2728
- ]));
2729
- }
2730
- }), $s = {
2731
- class: "tab-panel",
2732
- role: "tabpanel"
2733
- }, Qs = /* @__PURE__ */ x({
2734
- __name: "TabPanel",
2735
- props: {
2736
- value: {}
2737
- },
2738
- setup(e) {
2739
- const o = e, t = q("tabsValue"), n = V(() => t?.value === o.value);
2740
- return (l, i) => oe((d(), p("div", $s, [
2741
- B(l.$slots, "default")
2742
- ], 512)), [
2743
- [Ge, n.value]
2744
- ]);
2745
- }
2746
- }), ks = {
2747
- class: "tab-list",
2748
- role: "tablist"
2749
- }, Cs = { class: "tab-list__content" }, el = /* @__PURE__ */ x({
2750
- __name: "TabList",
2751
- setup(e) {
2752
- return (o, t) => (d(), p("div", ks, [
2753
- w("div", Cs, [
2754
- B(o.$slots, "default")
2755
- ])
2756
- ]));
2757
- }
2758
- }), xs = { class: "tab-panels" }, tl = /* @__PURE__ */ x({
2759
- __name: "TabPanels",
2760
- setup(e) {
2761
- return (o, t) => (d(), p("div", xs, [
2762
- B(o.$slots, "default")
2763
- ]));
2764
- }
2765
- });
2766
- export {
2767
- js as Accordion,
2768
- qs as AccordionContent,
2769
- Ys as AccordionHeader,
2770
- Xs as AccordionPanel,
2771
- fn as Badge,
2772
- Ds as Breadcrumb,
2773
- ze as Button,
2774
- Ze as Checkbox,
2775
- Bs as ChipCheckbox,
2776
- Os as Column,
2777
- As as DataTable,
2778
- Zs as Divider,
2779
- Ws as Drawer,
2780
- Ps as Dropdown,
2781
- zo as IconField,
2782
- Ms as InputNumber,
2783
- _s as InputPhone,
2784
- yt as InputText,
2785
- Us as Modal,
2786
- Ns as OverlayBadge,
2787
- Gs as Popover,
2788
- gt as Radio,
2789
- Hs as Skeleton,
2790
- Ss as SleedDeal,
2791
- ht as Spinner,
2792
- Ls as Switch,
2793
- Ks as Tab,
2794
- el as TabList,
2795
- Qs as TabPanel,
2796
- tl as TabPanels,
2797
- Js as Tabs,
2798
- Mo as Tag,
2799
- Is as Textarea,
2800
- Es as Toast,
2801
- zs as ToastService,
2802
- Fs as useToast
2803
- };