@opengis/form 0.0.87 → 0.0.89
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/README.md +61 -61
- package/dist/components/inputs/date/datepicker/Datepicker.vue.d.ts.map +1 -1
- package/dist/components/inputs/map/vs-input-map.vue.d.ts.map +1 -1
- package/dist/components/layouts/vs-compact-form-layout.vue.d.ts.map +1 -1
- package/dist/components/layouts/vs-layout-settings.vue.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +909 -898
- package/dist/index.umd.cjs +3 -3
- package/package.json +68 -68
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as Q, ref as M, createElementBlock as c, openBlock as i, Fragment as
|
|
1
|
+
import { defineComponent as Q, ref as M, createElementBlock as c, openBlock as i, Fragment as de, createElementVNode as n, createBlock as pe, renderSlot as De, Teleport as st, createCommentVNode as P, normalizeStyle as Ve, toDisplayString as Y, computed as k, mergeProps as Ze, createTextVNode as _e, normalizeProps as Gt, guardReactiveProps as Wt, onMounted as Ee, onUnmounted as jt, normalizeClass as R, mergeModels as ge, useModel as be, withDirectives as me, unref as ve, vModelText as Ce, vModelCheckbox as vl, createVNode as W, resolveDynamicComponent as lt, withCtx as Se, withModifiers as ke, onBeforeUnmount as bt, watch as ie, createStaticVNode as Ie, vModelRadio as hl, renderList as he, reactive as gl, vModelDynamic as El, inject as We, vShow as Ye, resolveComponent as Ne, Transition as Kt, nextTick as Oe, getCurrentInstance as Il, watchEffect as mt, withKeys as jl, toRef as Fl, provide as el } from "vue";
|
|
2
2
|
import { notify as xe, VsModal as yl, modal as Ol } from "@opengis/core";
|
|
3
3
|
const bl = /* @__PURE__ */ Q({
|
|
4
4
|
__name: "vs-info-tooltip",
|
|
@@ -18,7 +18,7 @@ const bl = /* @__PURE__ */ Q({
|
|
|
18
18
|
function r() {
|
|
19
19
|
l.value = !1;
|
|
20
20
|
}
|
|
21
|
-
return (s, u) => (i(), c(
|
|
21
|
+
return (s, u) => (i(), c(de, null, [
|
|
22
22
|
n("span", {
|
|
23
23
|
class: "inline-flex items-center",
|
|
24
24
|
onMouseenter: o,
|
|
@@ -47,12 +47,12 @@ const bl = /* @__PURE__ */ Q({
|
|
|
47
47
|
], -1))
|
|
48
48
|
])
|
|
49
49
|
], 32),
|
|
50
|
-
(i(),
|
|
50
|
+
(i(), pe(st, { to: "body" }, [
|
|
51
51
|
l.value && s.text ? (i(), c("div", {
|
|
52
52
|
key: 0,
|
|
53
53
|
style: Ve(a.value),
|
|
54
54
|
class: "fixed z-[9999] max-w-xs p-2 bg-gray-900 text-white text-xs rounded-lg shadow-lg pointer-events-none"
|
|
55
|
-
},
|
|
55
|
+
}, Y(s.text), 5)) : P("", !0)
|
|
56
56
|
]))
|
|
57
57
|
], 64));
|
|
58
58
|
}
|
|
@@ -83,9 +83,9 @@ const bl = /* @__PURE__ */ Q({
|
|
|
83
83
|
const t = e, l = k(() => typeof t.item?.label == "string" && t.item.label ? t.item.label : t.item?.ua || t.label || t.ua), a = k(() => !!l.value), o = k(() => !!t.item?.rules?.includes("required")), r = k(() => t.item?.info || "");
|
|
84
84
|
return (s, u) => (i(), c("div", zl, [
|
|
85
85
|
a.value ? (i(), c("div", Pl, [
|
|
86
|
-
n("span", Ul,
|
|
86
|
+
n("span", Ul, Y(l.value), 1),
|
|
87
87
|
o.value ? (i(), c("span", Nl, "*")) : P("", !0),
|
|
88
|
-
r.value ? (i(),
|
|
88
|
+
r.value ? (i(), pe(bl, {
|
|
89
89
|
key: 1,
|
|
90
90
|
text: r.value
|
|
91
91
|
}, null, 8, ["text"])) : P("", !0)
|
|
@@ -93,7 +93,7 @@ const bl = /* @__PURE__ */ Q({
|
|
|
93
93
|
De(s.$slots, "default", Ze(s.$attrs, {
|
|
94
94
|
class: { "opacity-60": s.item.disabled }
|
|
95
95
|
})),
|
|
96
|
-
s.error ? (i(), c("span", Rl,
|
|
96
|
+
s.error ? (i(), c("span", Rl, Y(s.error), 1)) : P("", !0)
|
|
97
97
|
]));
|
|
98
98
|
}
|
|
99
99
|
}), ql = { class: "w-full relative flex flex-row items-center gap-2" }, Gl = {
|
|
@@ -140,9 +140,9 @@ const bl = /* @__PURE__ */ Q({
|
|
|
140
140
|
class: "text-sm text-gray-900 font-medium flex shrink-0 items-center gap-1",
|
|
141
141
|
style: Ve(u.value)
|
|
142
142
|
}, [
|
|
143
|
-
_e(
|
|
143
|
+
_e(Y(l.value) + " ", 1),
|
|
144
144
|
m.item?.rules?.includes("required") && l.value ? (i(), c("span", Gl, "*")) : P("", !0),
|
|
145
|
-
a.value ? (i(),
|
|
145
|
+
a.value ? (i(), pe(bl, {
|
|
146
146
|
key: 1,
|
|
147
147
|
text: a.value
|
|
148
148
|
}, null, 8, ["text"])) : P("", !0)
|
|
@@ -153,7 +153,7 @@ const bl = /* @__PURE__ */ Q({
|
|
|
153
153
|
}, [
|
|
154
154
|
De(m.$slots, "default", Gt(Wt(m.$attrs)))
|
|
155
155
|
], 4),
|
|
156
|
-
m.error ? (i(), c("span", Wl,
|
|
156
|
+
m.error ? (i(), c("span", Wl, Y(m.error), 1)) : P("", !0)
|
|
157
157
|
]));
|
|
158
158
|
}
|
|
159
159
|
}), Yl = { class: "w-full relative" }, Zl = {
|
|
@@ -176,7 +176,7 @@ const bl = /* @__PURE__ */ Q({
|
|
|
176
176
|
setup(e) {
|
|
177
177
|
return (t, l) => (i(), c("div", Yl, [
|
|
178
178
|
De(t.$slots, "default", Gt(Wt(t.$attrs))),
|
|
179
|
-
t.error ? (i(), c("span", Zl,
|
|
179
|
+
t.error ? (i(), c("span", Zl, Y(t.error), 1)) : P("", !0)
|
|
180
180
|
]));
|
|
181
181
|
}
|
|
182
182
|
}), Xl = { class: "flex-1 min-w-0" }, Ql = {
|
|
@@ -185,10 +185,7 @@ const bl = /* @__PURE__ */ Q({
|
|
|
185
185
|
}, en = { class: "truncate" }, tn = {
|
|
186
186
|
key: 0,
|
|
187
187
|
class: "text-red-500 text-[14px]"
|
|
188
|
-
}, ln = {
|
|
189
|
-
key: 1,
|
|
190
|
-
class: "text-xs text-slate-500 dark:text-slate-400"
|
|
191
|
-
}, nn = {
|
|
188
|
+
}, ln = ["innerHTML"], nn = {
|
|
192
189
|
key: 0,
|
|
193
190
|
class: "mt-1 text-xs text-red-500"
|
|
194
191
|
}, an = /* @__PURE__ */ Q({
|
|
@@ -228,10 +225,14 @@ const bl = /* @__PURE__ */ Q({
|
|
|
228
225
|
}, [
|
|
229
226
|
n("div", Xl, [
|
|
230
227
|
u.ua || u.label ? (i(), c("p", Ql, [
|
|
231
|
-
n("span", en,
|
|
228
|
+
n("span", en, Y(u.item[l.value] || u.ua || u.label), 1),
|
|
232
229
|
o.value ? (i(), c("span", tn, "*")) : P("", !0)
|
|
233
230
|
])) : P("", !0),
|
|
234
|
-
a.value ? (i(), c("p",
|
|
231
|
+
a.value ? (i(), c("p", {
|
|
232
|
+
key: 1,
|
|
233
|
+
class: "text-xs text-slate-500 dark:text-slate-400",
|
|
234
|
+
innerHTML: a.value
|
|
235
|
+
}, null, 8, ln)) : P("", !0)
|
|
235
236
|
]),
|
|
236
237
|
n("div", {
|
|
237
238
|
class: R(["w-full", ["select", "native-select"].includes(u.item.type) ? "md:w-[30%]" : "md:w-auto"])
|
|
@@ -239,7 +240,7 @@ const bl = /* @__PURE__ */ Q({
|
|
|
239
240
|
De(u.$slots, "default", Gt(Wt(u.$attrs)))
|
|
240
241
|
], 2)
|
|
241
242
|
], 2),
|
|
242
|
-
r.value ? (i(), c("p", nn,
|
|
243
|
+
r.value ? (i(), c("p", nn, Y(r.value), 1)) : P("", !0)
|
|
243
244
|
], 2));
|
|
244
245
|
}
|
|
245
246
|
}), on = {
|
|
@@ -275,12 +276,12 @@ const rn = ["placeholder", "disabled"], sn = /* @__PURE__ */ Q({
|
|
|
275
276
|
emits: ["update:modelValue"],
|
|
276
277
|
setup(e) {
|
|
277
278
|
const t = e, { inputClass: l } = Be(t.style), a = be(e, "modelValue"), o = k(() => !!t.disabled), r = k(() => t.placeholder ?? "");
|
|
278
|
-
return (s, u) =>
|
|
279
|
+
return (s, u) => me((i(), c("input", {
|
|
279
280
|
type: "password",
|
|
280
281
|
"onUpdate:modelValue": u[0] || (u[0] = (f) => a.value = f),
|
|
281
282
|
placeholder: r.value,
|
|
282
283
|
disabled: o.value,
|
|
283
|
-
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [
|
|
284
|
+
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [ve(l), { "!border-red-600": s.error }]]),
|
|
284
285
|
style: {
|
|
285
286
|
border: "1px solid #CFD9E0"
|
|
286
287
|
}
|
|
@@ -310,7 +311,7 @@ const rn = ["placeholder", "disabled"], sn = /* @__PURE__ */ Q({
|
|
|
310
311
|
function f() {
|
|
311
312
|
typeof a.value == "string" && (a.value = a.value.trim());
|
|
312
313
|
}
|
|
313
|
-
return (m, g) =>
|
|
314
|
+
return (m, g) => me((i(), c("input", {
|
|
314
315
|
type: "text",
|
|
315
316
|
"onUpdate:modelValue": g[0] || (g[0] = ($) => a.value = $),
|
|
316
317
|
placeholder: r.value,
|
|
@@ -318,7 +319,7 @@ const rn = ["placeholder", "disabled"], sn = /* @__PURE__ */ Q({
|
|
|
318
319
|
maxlength: s.value,
|
|
319
320
|
minlength: u.value,
|
|
320
321
|
onBlur: f,
|
|
321
|
-
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [m.customClass,
|
|
322
|
+
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [m.customClass, ve(l), { "!border-red-600": m.error }]]),
|
|
322
323
|
style: { border: "1px solid #CFD9E0" }
|
|
323
324
|
}, null, 42, un)), [
|
|
324
325
|
[Ce, a.value]
|
|
@@ -345,13 +346,13 @@ const rn = ["placeholder", "disabled"], sn = /* @__PURE__ */ Q({
|
|
|
345
346
|
emits: ["update:modelValue"],
|
|
346
347
|
setup(e) {
|
|
347
348
|
const t = e, { inputClass: l } = Be(t.style), a = be(e, "modelValue"), o = k(() => !!t.disabled);
|
|
348
|
-
return (r, s) =>
|
|
349
|
+
return (r, s) => me((i(), c("input", {
|
|
349
350
|
type: "number",
|
|
350
351
|
step: "any",
|
|
351
352
|
"onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u),
|
|
352
353
|
placeholder: r.placeholder,
|
|
353
354
|
disabled: o.value,
|
|
354
|
-
class: R(["py-1.5 px-3 block w-full bg-white", [
|
|
355
|
+
class: R(["py-1.5 px-3 block w-full bg-white", [ve(l)]]),
|
|
355
356
|
style: {
|
|
356
357
|
border: "1px solid #CFD9E0"
|
|
357
358
|
},
|
|
@@ -361,7 +362,7 @@ const rn = ["placeholder", "disabled"], sn = /* @__PURE__ */ Q({
|
|
|
361
362
|
[Ce, a.value]
|
|
362
363
|
]);
|
|
363
364
|
}
|
|
364
|
-
}),
|
|
365
|
+
}), ne = (e, t) => {
|
|
365
366
|
const l = e.__vccOpts || e;
|
|
366
367
|
for (const [a, o] of t)
|
|
367
368
|
l[a] = o;
|
|
@@ -377,16 +378,16 @@ const rn = ["placeholder", "disabled"], sn = /* @__PURE__ */ Q({
|
|
|
377
378
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
|
|
378
379
|
};
|
|
379
380
|
function mn(e, t) {
|
|
380
|
-
return i(), c("svg", fn,
|
|
381
|
+
return i(), c("svg", fn, t[0] || (t[0] = [
|
|
381
382
|
n("path", {
|
|
382
383
|
stroke: "none",
|
|
383
384
|
d: "M0 0h24v24H0z",
|
|
384
385
|
fill: "none"
|
|
385
386
|
}, null, -1),
|
|
386
387
|
n("path", { d: "M5 12l5 5l10 -10" }, null, -1)
|
|
387
|
-
])
|
|
388
|
+
]));
|
|
388
389
|
}
|
|
389
|
-
const vn = /* @__PURE__ */
|
|
390
|
+
const vn = /* @__PURE__ */ ne(pn, [["render", mn]]), hn = { class: "flex items-center gap-[4px]" }, gn = ["value", "id", "disabled"], yn = ["for"], bn = { class: "text-[14px] text-gray-700 flex items-center dark:text-neutral-400" }, wn = /* @__PURE__ */ Q({
|
|
390
391
|
__name: "vs-checkbox-default",
|
|
391
392
|
props: {
|
|
392
393
|
value: { default: "" },
|
|
@@ -404,7 +405,7 @@ const vn = /* @__PURE__ */ ae(pn, [["render", mn]]), hn = { class: "flex items-c
|
|
|
404
405
|
set: (s) => l("update:modelValue", s)
|
|
405
406
|
}), r = k(() => !!a.disabled);
|
|
406
407
|
return (s, u) => (i(), c("div", hn, [
|
|
407
|
-
|
|
408
|
+
me(n("input", {
|
|
408
409
|
type: "checkbox",
|
|
409
410
|
value: s.value,
|
|
410
411
|
"onUpdate:modelValue": u[0] || (u[0] = (f) => o.value = f),
|
|
@@ -421,14 +422,14 @@ const vn = /* @__PURE__ */ ae(pn, [["render", mn]]), hn = { class: "flex items-c
|
|
|
421
422
|
n("div", {
|
|
422
423
|
class: R(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [o.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", s.error ? "border-red-600" : ""]])
|
|
423
424
|
}, [
|
|
424
|
-
|
|
425
|
+
W(vn, {
|
|
425
426
|
height: "12",
|
|
426
427
|
width: "12"
|
|
427
428
|
})
|
|
428
429
|
], 2),
|
|
429
430
|
n("span", bn, [
|
|
430
431
|
De(s.$slots, "default", {}, () => [
|
|
431
|
-
_e(
|
|
432
|
+
_e(Y(s.label), 1)
|
|
432
433
|
])
|
|
433
434
|
])
|
|
434
435
|
], 10, yn)
|
|
@@ -460,7 +461,7 @@ const vn = /* @__PURE__ */ ae(pn, [["render", mn]]), hn = { class: "flex items-c
|
|
|
460
461
|
return (u, f) => (i(), c("label", {
|
|
461
462
|
class: R(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [s.value, r.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
|
|
462
463
|
}, [
|
|
463
|
-
|
|
464
|
+
me(n("input", {
|
|
464
465
|
type: "checkbox",
|
|
465
466
|
class: "hidden",
|
|
466
467
|
name: u.id,
|
|
@@ -485,7 +486,7 @@ const vn = /* @__PURE__ */ ae(pn, [["render", mn]]), hn = { class: "flex items-c
|
|
|
485
486
|
}, null, 8, $n)) : P("", !0)
|
|
486
487
|
])) : P("", !0),
|
|
487
488
|
De(u.$slots, "default", {}, () => [
|
|
488
|
-
_e(
|
|
489
|
+
_e(Y(u.label), 1)
|
|
489
490
|
])
|
|
490
491
|
])
|
|
491
492
|
], 2));
|
|
@@ -518,7 +519,7 @@ const vn = /* @__PURE__ */ ae(pn, [["render", mn]]), hn = { class: "flex items-c
|
|
|
518
519
|
}
|
|
519
520
|
}), s = M(`vs-checkbox-${l.view || "default"}`);
|
|
520
521
|
return (u, f) => (i(), c("div", Cn, [
|
|
521
|
-
(i(),
|
|
522
|
+
(i(), pe(lt(s.value === "vs-checkbox-buttons" ? ve(Vn) : ve(wn)), {
|
|
522
523
|
value: u.value,
|
|
523
524
|
label: u.label,
|
|
524
525
|
info: u.option?.info,
|
|
@@ -532,7 +533,7 @@ const vn = /* @__PURE__ */ ae(pn, [["render", mn]]), hn = { class: "flex items-c
|
|
|
532
533
|
error: u.error
|
|
533
534
|
}, {
|
|
534
535
|
default: Se(() => [
|
|
535
|
-
_e(
|
|
536
|
+
_e(Y(u.label), 1)
|
|
536
537
|
]),
|
|
537
538
|
_: 1
|
|
538
539
|
}, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
|
|
@@ -549,16 +550,16 @@ const vn = /* @__PURE__ */ ae(pn, [["render", mn]]), hn = { class: "flex items-c
|
|
|
549
550
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
|
|
550
551
|
};
|
|
551
552
|
function Dn(e, t) {
|
|
552
|
-
return i(), c("svg", Mn,
|
|
553
|
+
return i(), c("svg", Mn, t[0] || (t[0] = [
|
|
553
554
|
n("path", {
|
|
554
555
|
stroke: "none",
|
|
555
556
|
d: "M0 0h24v24H0z",
|
|
556
557
|
fill: "none"
|
|
557
558
|
}, null, -1),
|
|
558
559
|
n("path", { d: "M6 9l6 6l6 -6" }, null, -1)
|
|
559
|
-
])
|
|
560
|
+
]));
|
|
560
561
|
}
|
|
561
|
-
const Sn = /* @__PURE__ */
|
|
562
|
+
const Sn = /* @__PURE__ */ ne(Ln, [["render", Dn]]), Bn = {}, An = {
|
|
562
563
|
xmlns: "http://www.w3.org/2000/svg",
|
|
563
564
|
viewBox: "0 0 24 24",
|
|
564
565
|
fill: "none",
|
|
@@ -569,7 +570,7 @@ const Sn = /* @__PURE__ */ ae(Ln, [["render", Dn]]), Bn = {}, An = {
|
|
|
569
570
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
|
|
570
571
|
};
|
|
571
572
|
function Tn(e, t) {
|
|
572
|
-
return i(), c("svg", An,
|
|
573
|
+
return i(), c("svg", An, t[0] || (t[0] = [
|
|
573
574
|
n("path", {
|
|
574
575
|
stroke: "none",
|
|
575
576
|
d: "M0 0h24v24H0z",
|
|
@@ -577,9 +578,9 @@ function Tn(e, t) {
|
|
|
577
578
|
}, null, -1),
|
|
578
579
|
n("path", { d: "M18 6l-12 12" }, null, -1),
|
|
579
580
|
n("path", { d: "M6 6l12 12" }, null, -1)
|
|
580
|
-
])
|
|
581
|
+
]));
|
|
581
582
|
}
|
|
582
|
-
const Yt = /* @__PURE__ */
|
|
583
|
+
const Yt = /* @__PURE__ */ ne(Bn, [["render", Tn]]), En = {}, In = {
|
|
583
584
|
xmlns: "http://www.w3.org/2000/svg",
|
|
584
585
|
width: "24",
|
|
585
586
|
height: "24",
|
|
@@ -591,7 +592,7 @@ const Yt = /* @__PURE__ */ ae(Bn, [["render", Tn]]), En = {}, In = {
|
|
|
591
592
|
"stroke-linejoin": "round"
|
|
592
593
|
};
|
|
593
594
|
function jn(e, t) {
|
|
594
|
-
return i(), c("svg", In,
|
|
595
|
+
return i(), c("svg", In, t[0] || (t[0] = [
|
|
595
596
|
n("path", {
|
|
596
597
|
stroke: "none",
|
|
597
598
|
d: "M0 0h24v24H0z",
|
|
@@ -600,9 +601,9 @@ function jn(e, t) {
|
|
|
600
601
|
n("path", { d: "M12 9h.01" }, null, -1),
|
|
601
602
|
n("path", { d: "M11 12h1v4h1" }, null, -1),
|
|
602
603
|
n("path", { d: "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" }, null, -1)
|
|
603
|
-
])
|
|
604
|
+
]));
|
|
604
605
|
}
|
|
605
|
-
const Fn = /* @__PURE__ */
|
|
606
|
+
const Fn = /* @__PURE__ */ ne(En, [["render", jn]]), On = {
|
|
606
607
|
key: 0,
|
|
607
608
|
class: "flex items-start gap-x-1"
|
|
608
609
|
}, zn = {
|
|
@@ -633,7 +634,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
633
634
|
setup(e) {
|
|
634
635
|
const t = e, l = be(e, "modelValue");
|
|
635
636
|
return (a, o) => t.view === "checkbox" ? (i(), c("div", On, [
|
|
636
|
-
|
|
637
|
+
W(Rt, {
|
|
637
638
|
modelValue: l.value,
|
|
638
639
|
"onUpdate:modelValue": o[0] || (o[0] = (r) => l.value = r),
|
|
639
640
|
label: a.text,
|
|
@@ -647,7 +648,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
647
648
|
onClick: o[1] || (o[1] = ke(() => {
|
|
648
649
|
}, ["prevent"]))
|
|
649
650
|
}, [
|
|
650
|
-
|
|
651
|
+
W(ve(Fn), { class: "text-gray-500 w-[14px] h-[14px]" })
|
|
651
652
|
], 8, Pn)) : P("", !0)
|
|
652
653
|
])) : (i(), c("button", {
|
|
653
654
|
key: 1,
|
|
@@ -725,7 +726,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
725
726
|
}
|
|
726
727
|
}), bt(() => {
|
|
727
728
|
r?.destroy();
|
|
728
|
-
}),
|
|
729
|
+
}), ie(() => t.mask, (s) => {
|
|
729
730
|
r && r.updateOptions({
|
|
730
731
|
mask: s,
|
|
731
732
|
definitions: {
|
|
@@ -734,7 +735,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
734
735
|
"*": /[a-zA-Z0-9]/
|
|
735
736
|
}
|
|
736
737
|
});
|
|
737
|
-
}),
|
|
738
|
+
}), ie(a, (s) => {
|
|
738
739
|
r && r.unmaskedValue !== s && (r.value = s != null ? String(s) : "");
|
|
739
740
|
}), (s, u) => (i(), c("input", {
|
|
740
741
|
type: "text",
|
|
@@ -743,7 +744,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
743
744
|
placeholder: s.placeholder,
|
|
744
745
|
disabled: s.disabled,
|
|
745
746
|
name: s.name,
|
|
746
|
-
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [
|
|
747
|
+
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [ve(l)]]),
|
|
747
748
|
style: {
|
|
748
749
|
border: "1px solid #CFD9E0"
|
|
749
750
|
}
|
|
@@ -770,12 +771,12 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
770
771
|
const t = e, { inputClass: l } = Be(t.style), a = be(e, "modelValue");
|
|
771
772
|
return (o, r) => (i(), c("div", Hn, [
|
|
772
773
|
r[1] || (r[1] = Ie('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
|
|
773
|
-
|
|
774
|
+
me(n("input", {
|
|
774
775
|
type: "email",
|
|
775
776
|
"onUpdate:modelValue": r[0] || (r[0] = (s) => a.value = s),
|
|
776
777
|
placeholder: o.placeholder,
|
|
777
778
|
disabled: o.disabled,
|
|
778
|
-
class: R(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [
|
|
779
|
+
class: R(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [ve(l), { "!border-red-600": o.error }]]),
|
|
779
780
|
style: {
|
|
780
781
|
border: "1px solid #CFD9E0"
|
|
781
782
|
}
|
|
@@ -809,7 +810,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
809
810
|
const f = u, { data: m, inputType: g } = f;
|
|
810
811
|
g && g.startsWith("delete") || m && /\D/.test(m) && f.preventDefault();
|
|
811
812
|
};
|
|
812
|
-
return
|
|
813
|
+
return ie(() => a.value, (u) => {
|
|
813
814
|
u && !u.startsWith("+") ? a.value = `+${u.replace(/^\+/, "")}` : u || (a.value = "");
|
|
814
815
|
}, { immediate: !0 }), (u, f) => (i(), c("div", Gn, [
|
|
815
816
|
f[0] || (f[0] = n("div", { class: "absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer" }, [
|
|
@@ -838,7 +839,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
838
839
|
maxlength: "15",
|
|
839
840
|
placeholder: u.placeholder,
|
|
840
841
|
disabled: u.disabled,
|
|
841
|
-
class: R(["!pl-10 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [
|
|
842
|
+
class: R(["!pl-10 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [ve(l), { "!border-red-600": u.error }]]),
|
|
842
843
|
style: {
|
|
843
844
|
border: "1px solid #CFD9E0"
|
|
844
845
|
}
|
|
@@ -869,7 +870,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
869
870
|
return (o, r) => (i(), c("label", {
|
|
870
871
|
class: R(["flex items-center gap-0", [t.customClass, a.value ? "cursor-not-allowed opacity-60" : ""]])
|
|
871
872
|
}, [
|
|
872
|
-
|
|
873
|
+
me(n("input", {
|
|
873
874
|
"onUpdate:modelValue": r[0] || (r[0] = (s) => l.value = s),
|
|
874
875
|
type: "radio",
|
|
875
876
|
value: t.value,
|
|
@@ -889,7 +890,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
889
890
|
class: R(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
|
|
890
891
|
}, null, 2)) : P("", !0)
|
|
891
892
|
], 2),
|
|
892
|
-
n("span", Yn,
|
|
893
|
+
n("span", Yn, Y(t.text), 1)
|
|
893
894
|
], 2));
|
|
894
895
|
}
|
|
895
896
|
}), Jn = ["value", "disabled"], Xn = { class: "text-[13px] text-gray-700" }, Qn = /* @__PURE__ */ Q({
|
|
@@ -920,7 +921,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
920
921
|
a.value ? "cursor-not-allowed opacity-60" : ""
|
|
921
922
|
]])
|
|
922
923
|
}, [
|
|
923
|
-
|
|
924
|
+
me(n("input", {
|
|
924
925
|
"onUpdate:modelValue": r[0] || (r[0] = (s) => l.value = s),
|
|
925
926
|
type: "radio",
|
|
926
927
|
value: t.value,
|
|
@@ -929,7 +930,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
929
930
|
}, null, 8, Jn), [
|
|
930
931
|
[hl, l.value]
|
|
931
932
|
]),
|
|
932
|
-
n("span", Xn,
|
|
933
|
+
n("span", Xn, Y(t.text), 1)
|
|
933
934
|
], 2));
|
|
934
935
|
}
|
|
935
936
|
}), ea = {
|
|
@@ -960,7 +961,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
960
961
|
return (o, r) => (i(), c("div", {
|
|
961
962
|
class: R([o.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
|
|
962
963
|
}, [
|
|
963
|
-
(i(!0), c(
|
|
964
|
+
(i(!0), c(de, null, he(o.options, (s) => (i(), pe(lt(a.value), Ze({
|
|
964
965
|
key: s?.id,
|
|
965
966
|
text: s.text,
|
|
966
967
|
value: s.id.toString(),
|
|
@@ -1043,7 +1044,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
1043
1044
|
console.error(w);
|
|
1044
1045
|
}
|
|
1045
1046
|
};
|
|
1046
|
-
return
|
|
1047
|
+
return ie(
|
|
1047
1048
|
() => l.modelValue,
|
|
1048
1049
|
(w) => {
|
|
1049
1050
|
if (typeof w == "boolean" && o.value.length === 1) {
|
|
@@ -1060,7 +1061,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
1060
1061
|
}
|
|
1061
1062
|
},
|
|
1062
1063
|
{ immediate: !0 }
|
|
1063
|
-
),
|
|
1064
|
+
), ie(
|
|
1064
1065
|
r,
|
|
1065
1066
|
() => {
|
|
1066
1067
|
if (!o.value.length) {
|
|
@@ -1100,15 +1101,15 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
1100
1101
|
});
|
|
1101
1102
|
}
|
|
1102
1103
|
}), (w, S) => l.group ? (i(), c("div", ta, [
|
|
1103
|
-
(i(!0), c(
|
|
1104
|
+
(i(!0), c(de, null, he($.value, (y) => (i(), c("div", {
|
|
1104
1105
|
key: y.key,
|
|
1105
1106
|
class: "flex flex-col gap-2"
|
|
1106
1107
|
}, [
|
|
1107
|
-
y.label ? (i(), c("span", la,
|
|
1108
|
+
y.label ? (i(), c("span", la, Y(y.label), 1)) : P("", !0),
|
|
1108
1109
|
n("div", {
|
|
1109
1110
|
class: R(["p-0 w-full gap-[12px]", m.value])
|
|
1110
1111
|
}, [
|
|
1111
|
-
(i(!0), c(
|
|
1112
|
+
(i(!0), c(de, null, he(y.options, (b) => (i(), pe(Rt, {
|
|
1112
1113
|
modelValue: r[s(b)],
|
|
1113
1114
|
"onUpdate:modelValue": (x) => r[s(b)] = x,
|
|
1114
1115
|
value: s(b),
|
|
@@ -1127,7 +1128,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
1127
1128
|
key: 0,
|
|
1128
1129
|
class: R(["p-0 w-full gap-[10px]", m.value])
|
|
1129
1130
|
}, [
|
|
1130
|
-
(i(!0), c(
|
|
1131
|
+
(i(!0), c(de, null, he(o.value, (y) => (i(), pe(Rt, {
|
|
1131
1132
|
modelValue: r[s(y)],
|
|
1132
1133
|
"onUpdate:modelValue": (b) => r[s(y)] = b,
|
|
1133
1134
|
value: s(y),
|
|
@@ -1142,7 +1143,7 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
1142
1143
|
}, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
|
|
1143
1144
|
], 2));
|
|
1144
1145
|
}
|
|
1145
|
-
}), oa = /* @__PURE__ */
|
|
1146
|
+
}), oa = /* @__PURE__ */ ne(aa, [["__scopeId", "data-v-8e66207e"]]), ra = ["type", "placeholder", "disabled"], sa = /* @__PURE__ */ Q({
|
|
1146
1147
|
__name: "vs-input-date1",
|
|
1147
1148
|
props: {
|
|
1148
1149
|
style: { default: () => ({}) },
|
|
@@ -1166,13 +1167,13 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
1166
1167
|
get: () => a(l.modelValue),
|
|
1167
1168
|
set: (g) => r("update:modelValue", g)
|
|
1168
1169
|
}), u = k(() => l.mode === "datetime" ? "datetime-local" : l.mode), f = k(() => !!l.disabled), m = k(() => l.placeholder ?? "");
|
|
1169
|
-
return (g, $) =>
|
|
1170
|
+
return (g, $) => me((i(), c("input", {
|
|
1170
1171
|
type: u.value,
|
|
1171
1172
|
"onUpdate:modelValue": $[0] || ($[0] = (C) => s.value = C),
|
|
1172
1173
|
placeholder: m.value,
|
|
1173
1174
|
disabled: f.value,
|
|
1174
1175
|
ref: "date",
|
|
1175
|
-
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [g.modelValue ? "" : "text-opacity-50",
|
|
1176
|
+
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [g.modelValue ? "" : "text-opacity-50", ve(o)].join(" ")]),
|
|
1176
1177
|
style: {
|
|
1177
1178
|
border: "1px solid #CFD9E0"
|
|
1178
1179
|
}
|
|
@@ -1240,12 +1241,12 @@ const Fn = /* @__PURE__ */ ae(En, [["render", jn]]), On = {
|
|
|
1240
1241
|
"stroke-linejoin": "round"
|
|
1241
1242
|
};
|
|
1242
1243
|
function pa(e, t) {
|
|
1243
|
-
return i(), c("svg", ca,
|
|
1244
|
+
return i(), c("svg", ca, t[0] || (t[0] = [
|
|
1244
1245
|
n("path", { d: "M5 12h14" }, null, -1),
|
|
1245
1246
|
n("path", { d: "M12 5v14" }, null, -1)
|
|
1246
|
-
])
|
|
1247
|
+
]));
|
|
1247
1248
|
}
|
|
1248
|
-
const Ke = /* @__PURE__ */
|
|
1249
|
+
const Ke = /* @__PURE__ */ ne(da, [["render", pa]]), fa = {}, ma = {
|
|
1249
1250
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1250
1251
|
class: "icon icon-tabler icon-tabler-file-text",
|
|
1251
1252
|
width: "44",
|
|
@@ -1258,11 +1259,11 @@ const Ke = /* @__PURE__ */ ae(da, [["render", pa]]), fa = {}, ma = {
|
|
|
1258
1259
|
"stroke-linejoin": "round"
|
|
1259
1260
|
};
|
|
1260
1261
|
function va(e, t, l, a, o, r) {
|
|
1261
|
-
return i(), c("svg", ma,
|
|
1262
|
+
return i(), c("svg", ma, t[0] || (t[0] = [
|
|
1262
1263
|
Ie('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><line x1="9" y1="9" x2="10" y2="9"></line><line x1="9" y1="13" x2="15" y2="13"></line><line x1="9" y1="17" x2="15" y2="17"></line>', 6)
|
|
1263
|
-
])
|
|
1264
|
+
]));
|
|
1264
1265
|
}
|
|
1265
|
-
const ha = /* @__PURE__ */
|
|
1266
|
+
const ha = /* @__PURE__ */ ne(fa, [["render", va]]), ga = {}, ya = {
|
|
1266
1267
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1267
1268
|
class: "icon icon-tabler icon-tabler-table",
|
|
1268
1269
|
width: "44",
|
|
@@ -1275,7 +1276,7 @@ const ha = /* @__PURE__ */ ae(fa, [["render", va]]), ga = {}, ya = {
|
|
|
1275
1276
|
"stroke-linejoin": "round"
|
|
1276
1277
|
};
|
|
1277
1278
|
function ba(e, t, l, a, o, r) {
|
|
1278
|
-
return i(), c("svg", ya,
|
|
1279
|
+
return i(), c("svg", ya, t[0] || (t[0] = [
|
|
1279
1280
|
n("path", {
|
|
1280
1281
|
stroke: "none",
|
|
1281
1282
|
d: "M0 0h24v24H0z",
|
|
@@ -1300,9 +1301,9 @@ function ba(e, t, l, a, o, r) {
|
|
|
1300
1301
|
x2: "10",
|
|
1301
1302
|
y2: "20"
|
|
1302
1303
|
}, null, -1)
|
|
1303
|
-
])
|
|
1304
|
+
]));
|
|
1304
1305
|
}
|
|
1305
|
-
const wa = /* @__PURE__ */
|
|
1306
|
+
const wa = /* @__PURE__ */ ne(ga, [["render", ba]]), xa = {}, ka = {
|
|
1306
1307
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1307
1308
|
width: "24",
|
|
1308
1309
|
height: "24",
|
|
@@ -1314,11 +1315,11 @@ const wa = /* @__PURE__ */ ae(ga, [["render", ba]]), xa = {}, ka = {
|
|
|
1314
1315
|
"stroke-linejoin": "round"
|
|
1315
1316
|
};
|
|
1316
1317
|
function _a(e, t) {
|
|
1317
|
-
return i(), c("svg", ka,
|
|
1318
|
+
return i(), c("svg", ka, t[0] || (t[0] = [
|
|
1318
1319
|
Ie('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M9 9l1 0"></path><path d="M9 13l6 0"></path><path d="M9 17l6 0"></path>', 6)
|
|
1319
|
-
])
|
|
1320
|
+
]));
|
|
1320
1321
|
}
|
|
1321
|
-
const $l = /* @__PURE__ */
|
|
1322
|
+
const $l = /* @__PURE__ */ ne(xa, [["render", _a]]), $a = {}, Va = {
|
|
1322
1323
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1323
1324
|
class: "icon icon-tabler icon-tabler-file-zip",
|
|
1324
1325
|
width: "44",
|
|
@@ -1331,11 +1332,11 @@ const $l = /* @__PURE__ */ ae(xa, [["render", _a]]), $a = {}, Va = {
|
|
|
1331
1332
|
"stroke-linejoin": "round"
|
|
1332
1333
|
};
|
|
1333
1334
|
function Ca(e, t, l, a, o, r) {
|
|
1334
|
-
return i(), c("svg", Va,
|
|
1335
|
+
return i(), c("svg", Va, t[0] || (t[0] = [
|
|
1335
1336
|
Ie('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"></path><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"></path><line x1="11" y1="5" x2="10" y2="5"></line><line x1="13" y1="7" x2="12" y2="7"></line><line x1="11" y1="9" x2="10" y2="9"></line><line x1="13" y1="11" x2="12" y2="11"></line><line x1="11" y1="13" x2="10" y2="13"></line><line x1="13" y1="15" x2="12" y2="15"></line>', 9)
|
|
1336
|
-
])
|
|
1337
|
+
]));
|
|
1337
1338
|
}
|
|
1338
|
-
const La = /* @__PURE__ */
|
|
1339
|
+
const La = /* @__PURE__ */ ne($a, [["render", Ca]]), Ma = {}, Da = {
|
|
1339
1340
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1340
1341
|
class: "icon icon-tabler icon-tabler-file-code",
|
|
1341
1342
|
width: "44",
|
|
@@ -1348,11 +1349,11 @@ const La = /* @__PURE__ */ ae($a, [["render", Ca]]), Ma = {}, Da = {
|
|
|
1348
1349
|
"stroke-linejoin": "round"
|
|
1349
1350
|
};
|
|
1350
1351
|
function Sa(e, t, l, a, o, r) {
|
|
1351
|
-
return i(), c("svg", Da,
|
|
1352
|
+
return i(), c("svg", Da, t[0] || (t[0] = [
|
|
1352
1353
|
Ie('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
|
|
1353
|
-
])
|
|
1354
|
+
]));
|
|
1354
1355
|
}
|
|
1355
|
-
const Ba = /* @__PURE__ */
|
|
1356
|
+
const Ba = /* @__PURE__ */ ne(Ma, [["render", Sa]]), Aa = (e) => {
|
|
1356
1357
|
if (!e) return "";
|
|
1357
1358
|
const t = e?.split(".");
|
|
1358
1359
|
return t[t.length - 1];
|
|
@@ -1378,11 +1379,11 @@ const Ba = /* @__PURE__ */ ae(Ma, [["render", Sa]]), Aa = (e) => {
|
|
|
1378
1379
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
|
|
1379
1380
|
};
|
|
1380
1381
|
function ja(e, t) {
|
|
1381
|
-
return i(), c("svg", Ia,
|
|
1382
|
+
return i(), c("svg", Ia, t[0] || (t[0] = [
|
|
1382
1383
|
Ie('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 7l16 0"></path><path d="M10 11l0 6"></path><path d="M14 11l0 6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 6)
|
|
1383
|
-
])
|
|
1384
|
+
]));
|
|
1384
1385
|
}
|
|
1385
|
-
const it = /* @__PURE__ */
|
|
1386
|
+
const it = /* @__PURE__ */ ne(Ea, [["render", ja]]), Fa = {}, Oa = {
|
|
1386
1387
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1387
1388
|
width: "24",
|
|
1388
1389
|
height: "24",
|
|
@@ -1395,7 +1396,7 @@ const it = /* @__PURE__ */ ae(Ea, [["render", ja]]), Fa = {}, Oa = {
|
|
|
1395
1396
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
|
|
1396
1397
|
};
|
|
1397
1398
|
function za(e, t) {
|
|
1398
|
-
return i(), c("svg", Oa,
|
|
1399
|
+
return i(), c("svg", Oa, t[0] || (t[0] = [
|
|
1399
1400
|
n("path", {
|
|
1400
1401
|
stroke: "none",
|
|
1401
1402
|
d: "M0 0h24v24H0z",
|
|
@@ -1404,9 +1405,9 @@ function za(e, t) {
|
|
|
1404
1405
|
n("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }, null, -1),
|
|
1405
1406
|
n("path", { d: "M7 11l5 5l5 -5" }, null, -1),
|
|
1406
1407
|
n("path", { d: "M12 4l0 12" }, null, -1)
|
|
1407
|
-
])
|
|
1408
|
+
]));
|
|
1408
1409
|
}
|
|
1409
|
-
const Vl = /* @__PURE__ */
|
|
1410
|
+
const Vl = /* @__PURE__ */ ne(Fa, [["render", za]]), Pa = ["title"], Ua = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, Na = /* @__PURE__ */ Q({
|
|
1410
1411
|
__name: "vs-input-file-list-item",
|
|
1411
1412
|
props: /* @__PURE__ */ ge({
|
|
1412
1413
|
format: {},
|
|
@@ -1436,33 +1437,33 @@ const Vl = /* @__PURE__ */ ae(Fa, [["render", za]]), Pa = ["title"], Ua = { clas
|
|
|
1436
1437
|
title: l.value,
|
|
1437
1438
|
class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file"
|
|
1438
1439
|
}, [
|
|
1439
|
-
(i(),
|
|
1440
|
+
(i(), pe(lt(ve(Ta)(l.value)), {
|
|
1440
1441
|
src: l.value,
|
|
1441
1442
|
alt: "file",
|
|
1442
1443
|
class: "w-full h-full object-cover cursor-pointer",
|
|
1443
|
-
onClick: r[0] || (r[0] = (s) =>
|
|
1444
|
+
onClick: r[0] || (r[0] = (s) => ve(al)(l.value))
|
|
1444
1445
|
}, null, 8, ["src"])),
|
|
1445
1446
|
n("div", Ua, [
|
|
1446
1447
|
n("button", {
|
|
1447
1448
|
type: "button",
|
|
1448
1449
|
onClick: r[1] || (r[1] = (s) => {
|
|
1449
|
-
|
|
1450
|
+
ve(ua)(l.value), t.value = a.multiple ? t.value?.filter((u) => u !== l.value) : "";
|
|
1450
1451
|
}),
|
|
1451
1452
|
class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
|
|
1452
1453
|
}, [
|
|
1453
|
-
|
|
1454
|
+
W(it, { class: "w-4 h-4" })
|
|
1454
1455
|
]),
|
|
1455
1456
|
n("button", {
|
|
1456
1457
|
type: "button",
|
|
1457
|
-
onClick: r[2] || (r[2] = (s) =>
|
|
1458
|
+
onClick: r[2] || (r[2] = (s) => ve(al)(l.value)),
|
|
1458
1459
|
class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
|
|
1459
1460
|
}, [
|
|
1460
|
-
|
|
1461
|
+
W(Vl, { class: "w-4 h-4" })
|
|
1461
1462
|
])
|
|
1462
1463
|
])
|
|
1463
1464
|
], 8, Pa));
|
|
1464
1465
|
}
|
|
1465
|
-
}), ol = /* @__PURE__ */
|
|
1466
|
+
}), ol = /* @__PURE__ */ ne(Na, [["__scopeId", "data-v-286cdbc0"]]), Ra = { class: "flex items-center gap-x-2" }, Ha = ["accept", "multiple", "disabled"], qa = {
|
|
1466
1467
|
key: 1,
|
|
1467
1468
|
class: "flex items-center flex-wrap gap-2"
|
|
1468
1469
|
}, Ga = {
|
|
@@ -1522,14 +1523,14 @@ const Vl = /* @__PURE__ */ ae(Fa, [["render", za]]), Pa = ["title"], Ua = { clas
|
|
|
1522
1523
|
const h = u?.value ?? {};
|
|
1523
1524
|
return l.customParams.forEach((L) => {
|
|
1524
1525
|
if (!L) return;
|
|
1525
|
-
const [
|
|
1526
|
-
if (!
|
|
1526
|
+
const [T, F] = L.split("="), K = T?.trim(), Z = F?.trim();
|
|
1527
|
+
if (!K || !Z) return;
|
|
1527
1528
|
const ee = h[Z];
|
|
1528
1529
|
if (ee == null || ee === "") {
|
|
1529
1530
|
_.push(Z);
|
|
1530
1531
|
return;
|
|
1531
1532
|
}
|
|
1532
|
-
d[
|
|
1533
|
+
d[K] = ee;
|
|
1533
1534
|
}), { params: d, missingSources: _ };
|
|
1534
1535
|
}), w = () => {
|
|
1535
1536
|
const d = C.value.params;
|
|
@@ -1568,29 +1569,29 @@ const Vl = /* @__PURE__ */ ae(Fa, [["render", za]]), Pa = ["title"], Ua = { clas
|
|
|
1568
1569
|
r.value && (r.value.value = "");
|
|
1569
1570
|
return;
|
|
1570
1571
|
}
|
|
1571
|
-
if (h.filter((
|
|
1572
|
+
if (h.filter((T) => !$(T)).length > 0) {
|
|
1572
1573
|
r.value && (r.value.value = "");
|
|
1573
1574
|
return;
|
|
1574
1575
|
}
|
|
1575
1576
|
s.value = !0;
|
|
1576
1577
|
try {
|
|
1577
1578
|
if (l.multiple) {
|
|
1578
|
-
const
|
|
1579
|
+
const T = Array.from(_).map(async (ee) => await nl(ee, w())), F = await Promise.all(T), Z = F.filter((ee) => ee !== null).map((ee) => ee?.file_path).filter(Boolean);
|
|
1579
1580
|
if (Z.length === 0) {
|
|
1580
1581
|
y();
|
|
1581
1582
|
return;
|
|
1582
1583
|
}
|
|
1583
1584
|
Z.length < F.length && y("Деякі файли не вдалося завантажити. Перевірте їх та спробуйте знову."), a.value = [...a.value || [], ...Z], o("change", a.value);
|
|
1584
1585
|
} else {
|
|
1585
|
-
const
|
|
1586
|
+
const T = _[0], F = await nl(T, w());
|
|
1586
1587
|
if (!F?.file_path) {
|
|
1587
1588
|
y();
|
|
1588
1589
|
return;
|
|
1589
1590
|
}
|
|
1590
1591
|
a.value = F?.file_path, o("change", a.value || "");
|
|
1591
1592
|
}
|
|
1592
|
-
} catch (
|
|
1593
|
-
const F =
|
|
1593
|
+
} catch (T) {
|
|
1594
|
+
const F = T?.message || void 0;
|
|
1594
1595
|
y(F);
|
|
1595
1596
|
} finally {
|
|
1596
1597
|
s.value = !1, r.value && (r.value.value = "");
|
|
@@ -1607,18 +1608,18 @@ const Vl = /* @__PURE__ */ ae(Fa, [["render", za]]), Pa = ["title"], Ua = { clas
|
|
|
1607
1608
|
onChange: x,
|
|
1608
1609
|
disabled: s.value || d.disabled
|
|
1609
1610
|
}, null, 40, Ha),
|
|
1610
|
-
!d.multiple && a.value ? (i(),
|
|
1611
|
+
!d.multiple && a.value ? (i(), pe(ol, {
|
|
1611
1612
|
key: 0,
|
|
1612
1613
|
item: a.value,
|
|
1613
1614
|
"onUpdate:item": _[0] || (_[0] = (h) => a.value = h),
|
|
1614
1615
|
value: a.value,
|
|
1615
1616
|
"onUpdate:value": _[1] || (_[1] = (h) => a.value = h)
|
|
1616
1617
|
}, null, 8, ["item", "value"])) : d.multiple ? (i(), c("div", qa, [
|
|
1617
|
-
(i(!0), c(
|
|
1618
|
+
(i(!0), c(de, null, he(a.value, (h, L) => (i(), pe(ol, {
|
|
1618
1619
|
multiple: d.multiple,
|
|
1619
1620
|
key: L,
|
|
1620
1621
|
value: a.value,
|
|
1621
|
-
"onUpdate:value": _[2] || (_[2] = (
|
|
1622
|
+
"onUpdate:value": _[2] || (_[2] = (T) => a.value = T),
|
|
1622
1623
|
item: m(L)
|
|
1623
1624
|
}, null, 8, ["multiple", "value", "item"]))), 128)),
|
|
1624
1625
|
n("div", {
|
|
@@ -1628,7 +1629,7 @@ const Vl = /* @__PURE__ */ ae(Fa, [["render", za]]), Pa = ["title"], Ua = { clas
|
|
|
1628
1629
|
d.disabled || s.value ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
|
|
1629
1630
|
])
|
|
1630
1631
|
}, [
|
|
1631
|
-
s.value ? (i(), c("div", Ga)) : (i(),
|
|
1632
|
+
s.value ? (i(), c("div", Ga)) : (i(), pe(Ke, {
|
|
1632
1633
|
key: 0,
|
|
1633
1634
|
class: "w-6 h-6"
|
|
1634
1635
|
}))
|
|
@@ -1639,14 +1640,14 @@ const Vl = /* @__PURE__ */ ae(Fa, [["render", za]]), Pa = ["title"], Ua = { clas
|
|
|
1639
1640
|
onClick: b,
|
|
1640
1641
|
class: R([d.disabled || s.value ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "relative h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
|
|
1641
1642
|
}, [
|
|
1642
|
-
s.value ? (i(), c("div", Wa)) : (i(),
|
|
1643
|
+
s.value ? (i(), c("div", Wa)) : (i(), pe(Ke, {
|
|
1643
1644
|
key: 0,
|
|
1644
1645
|
class: "w-6 h-6"
|
|
1645
1646
|
}))
|
|
1646
1647
|
], 2))
|
|
1647
1648
|
]));
|
|
1648
1649
|
}
|
|
1649
|
-
}), Ya = /* @__PURE__ */
|
|
1650
|
+
}), Ya = /* @__PURE__ */ ne(Ka, [["__scopeId", "data-v-94bcb5d9"]]), Za = { class: "max-w-[55vw]" }, Ja = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, Xa = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, Qa = { class: "px-[5px]" }, eo = { class: "" }, Mt = /* @__PURE__ */ Q({
|
|
1650
1651
|
__name: "vs-widget-file-info",
|
|
1651
1652
|
props: {
|
|
1652
1653
|
item: { default: null }
|
|
@@ -1669,18 +1670,18 @@ const Vl = /* @__PURE__ */ ae(Fa, [["render", za]]), Pa = ["title"], Ua = { clas
|
|
|
1669
1670
|
const r = o / 1024;
|
|
1670
1671
|
return r < 1024 ? `${r.toFixed(2)} KB` : `${(r / 1024).toFixed(2)} MB`;
|
|
1671
1672
|
}
|
|
1672
|
-
return (o, r) => (i(), c(
|
|
1673
|
+
return (o, r) => (i(), c(de, null, [
|
|
1673
1674
|
r[1] || (r[1] = Ie('<div class="flex items-center justify-center h-[30px] w-[30px]"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg></div>', 1)),
|
|
1674
1675
|
n("div", Za, [
|
|
1675
|
-
n("p", Ja,
|
|
1676
|
+
n("p", Ja, Y(o.item?.uploaded_name), 1),
|
|
1676
1677
|
n("p", Xa, [
|
|
1677
|
-
n("span", null,
|
|
1678
|
-
|
|
1678
|
+
n("span", null, Y(o.item?.username), 1),
|
|
1679
|
+
me(n("span", Qa, "|", 512), [
|
|
1679
1680
|
[Ye, o.item?.username]
|
|
1680
1681
|
]),
|
|
1681
|
-
n("span", null,
|
|
1682
|
+
n("span", null, Y(l.value), 1),
|
|
1682
1683
|
r[0] || (r[0] = n("span", { class: "px-[5px]" }, "|", -1)),
|
|
1683
|
-
n("span", eo,
|
|
1684
|
+
n("span", eo, Y(a(o.item?.size)), 1)
|
|
1684
1685
|
])
|
|
1685
1686
|
])
|
|
1686
1687
|
], 64));
|
|
@@ -1745,20 +1746,20 @@ const Vl = /* @__PURE__ */ ae(Fa, [["render", za]]), Pa = ["title"], Ua = { clas
|
|
|
1745
1746
|
class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
|
|
1746
1747
|
onClick: $[0] || ($[0] = (C) => m(g.index))
|
|
1747
1748
|
}, [
|
|
1748
|
-
|
|
1749
|
+
W(Mt, { item: g.item }, null, 8, ["item"])
|
|
1749
1750
|
])
|
|
1750
1751
|
])) : o(g.item) ? (i(), c("div", no, [
|
|
1751
|
-
|
|
1752
|
+
W(Mt, { item: g.item }, null, 8, ["item"])
|
|
1752
1753
|
])) : r(g.item) ? (i(), c("div", ao, [
|
|
1753
1754
|
n("a", {
|
|
1754
1755
|
href: `/api/file-preview?id=${g.item.file_id}`,
|
|
1755
1756
|
target: "_blank",
|
|
1756
1757
|
class: "flex gap-x-3 w-full items-center"
|
|
1757
1758
|
}, [
|
|
1758
|
-
|
|
1759
|
+
W(Mt, { item: g.item }, null, 8, ["item"])
|
|
1759
1760
|
], 8, oo)
|
|
1760
1761
|
])) : (i(), c("div", ro, [
|
|
1761
|
-
|
|
1762
|
+
W(Mt, { item: g.item }, null, 8, ["item"])
|
|
1762
1763
|
])),
|
|
1763
1764
|
n("div", so, [
|
|
1764
1765
|
n("div", io, [
|
|
@@ -1767,7 +1768,7 @@ const Vl = /* @__PURE__ */ ae(Fa, [["render", za]]), Pa = ["title"], Ua = { clas
|
|
|
1767
1768
|
class: "inline-flex p-[6px] justify-center items-center gap-x-2 rounded-lg border border-transparent text-gray-500 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-none focus:bg-gray-100 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
|
|
1768
1769
|
onClick: $[1] || ($[1] = (C) => s(g.item))
|
|
1769
1770
|
}, [
|
|
1770
|
-
|
|
1771
|
+
W(Vl, {
|
|
1771
1772
|
height: "14",
|
|
1772
1773
|
width: "14"
|
|
1773
1774
|
})
|
|
@@ -1780,7 +1781,7 @@ const Vl = /* @__PURE__ */ ae(Fa, [["render", za]]), Pa = ["title"], Ua = { clas
|
|
|
1780
1781
|
class: "size-[30px] inline-flex justify-center items-center gap-x-2 rounded-lg border border-transparent text-red-600 hover:bg-red-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-red-100 dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20",
|
|
1781
1782
|
onClick: $[2] || ($[2] = (C) => f())
|
|
1782
1783
|
}, [
|
|
1783
|
-
|
|
1784
|
+
W(it, {
|
|
1784
1785
|
height: "14",
|
|
1785
1786
|
width: "14"
|
|
1786
1787
|
})
|
|
@@ -1803,7 +1804,7 @@ const Vl = /* @__PURE__ */ ae(Fa, [["render", za]]), Pa = ["title"], Ua = { clas
|
|
|
1803
1804
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
|
|
1804
1805
|
};
|
|
1805
1806
|
function vo(e, t) {
|
|
1806
|
-
return i(), c("svg", mo,
|
|
1807
|
+
return i(), c("svg", mo, t[0] || (t[0] = [
|
|
1807
1808
|
n("path", {
|
|
1808
1809
|
stroke: "none",
|
|
1809
1810
|
d: "M0 0h24v24H0z",
|
|
@@ -1812,9 +1813,9 @@ function vo(e, t) {
|
|
|
1812
1813
|
n("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }, null, -1),
|
|
1813
1814
|
n("path", { d: "M7 11l5 5l5 -5" }, null, -1),
|
|
1814
1815
|
n("path", { d: "M12 4l0 12" }, null, -1)
|
|
1815
|
-
])
|
|
1816
|
+
]));
|
|
1816
1817
|
}
|
|
1817
|
-
const ho = /* @__PURE__ */
|
|
1818
|
+
const ho = /* @__PURE__ */ ne(fo, [["render", vo]]), go = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, yo = { class: "flex w-full mb-[12px] items-center gap-x-2" }, bo = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, wo = { class1: "ml-auto" }, xo = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, ko = {
|
|
1818
1819
|
key: 0,
|
|
1819
1820
|
class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
|
|
1820
1821
|
}, _o = { class: "relative" }, $o = {
|
|
@@ -1853,18 +1854,18 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
1853
1854
|
const L = new FormData();
|
|
1854
1855
|
L.append("file", h);
|
|
1855
1856
|
try {
|
|
1856
|
-
const
|
|
1857
|
+
const T = `${l.prefix}/widget/file/${o.value}`, F = await fetch(T, { method: "POST", body: L });
|
|
1857
1858
|
return F.ok ? (u("update", "file-list"), h) : (xe({
|
|
1858
1859
|
type: F.status >= 400 && F.status < 500 ? "warning" : "error",
|
|
1859
1860
|
title: "Error",
|
|
1860
1861
|
message: `Error code: ${F.status}`
|
|
1861
1862
|
}), null);
|
|
1862
|
-
} catch (
|
|
1863
|
+
} catch (T) {
|
|
1863
1864
|
return xe({
|
|
1864
1865
|
type: "error",
|
|
1865
1866
|
title: "Error",
|
|
1866
|
-
message:
|
|
1867
|
-
}), console.error(
|
|
1867
|
+
message: T.message || "Unknown error"
|
|
1868
|
+
}), console.error(T), null;
|
|
1868
1869
|
}
|
|
1869
1870
|
})
|
|
1870
1871
|
), await y();
|
|
@@ -1878,15 +1879,15 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
1878
1879
|
}, d = (_) => {
|
|
1879
1880
|
m.value = x(_), f.value = !0;
|
|
1880
1881
|
};
|
|
1881
|
-
return
|
|
1882
|
+
return ie(o, (_) => {
|
|
1882
1883
|
_ && y();
|
|
1883
1884
|
}), Ee(() => {
|
|
1884
1885
|
o.value && y();
|
|
1885
1886
|
}), (_, h) => {
|
|
1886
|
-
const L = Ne("Lightbox"),
|
|
1887
|
+
const L = Ne("Lightbox"), T = Ne("MessageBox");
|
|
1887
1888
|
return i(), c("div", go, [
|
|
1888
1889
|
n("div", yo, [
|
|
1889
|
-
n("h2", bo, " Файлів: " +
|
|
1890
|
+
n("h2", bo, " Файлів: " + Y(g.value?.length), 1),
|
|
1890
1891
|
n("div", wo, [
|
|
1891
1892
|
n("label", null, [
|
|
1892
1893
|
n("input", {
|
|
@@ -1895,7 +1896,7 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
1895
1896
|
onChange: h[0] || (h[0] = (F) => b(F))
|
|
1896
1897
|
}, null, 32),
|
|
1897
1898
|
n("div", xo, [
|
|
1898
|
-
|
|
1899
|
+
W(ho, {
|
|
1899
1900
|
height: "16",
|
|
1900
1901
|
width: "16"
|
|
1901
1902
|
})
|
|
@@ -1927,7 +1928,7 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
1927
1928
|
n("path", { d: "m21 21-4.3-4.3" })
|
|
1928
1929
|
])
|
|
1929
1930
|
], -1)),
|
|
1930
|
-
|
|
1931
|
+
me(n("input", {
|
|
1931
1932
|
type: "text",
|
|
1932
1933
|
"onUpdate:modelValue": h[1] || (h[1] = (F) => $.value = F),
|
|
1933
1934
|
class: "py-2 px-3 ps-10 pe-16 block w-full bg-gray-200 xl:bg-gray-100 rounded-lg text-sm focus:border-blue-500 h-[40px] focus:border-2 focus:outline-none disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600",
|
|
@@ -1944,27 +1945,27 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
1944
1945
|
])
|
|
1945
1946
|
])) : P("", !0),
|
|
1946
1947
|
g.value?.length ? (i(), c("div", $o, [
|
|
1947
|
-
(i(!0), c(
|
|
1948
|
-
key:
|
|
1948
|
+
(i(!0), c(de, null, he(w.value, (F, K) => (i(), pe(po, {
|
|
1949
|
+
key: K,
|
|
1949
1950
|
prefix: _.prefix,
|
|
1950
1951
|
item: F,
|
|
1951
|
-
index:
|
|
1952
|
+
index: K,
|
|
1952
1953
|
onUpdate: h[2] || (h[2] = (Z) => _.$emit("update", "file-list")),
|
|
1953
1954
|
onOpenModal: h[3] || (h[3] = (Z) => d(Z)),
|
|
1954
1955
|
onOpenLightbox: h[4] || (h[4] = (Z) => S(Z))
|
|
1955
1956
|
}, null, 8, ["prefix", "item", "index"]))), 128)),
|
|
1956
|
-
w.value.length ? P("", !0) : (i(), c("div", Vo,
|
|
1957
|
+
w.value.length ? P("", !0) : (i(), c("div", Vo, h[9] || (h[9] = [
|
|
1957
1958
|
n("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
|
|
1958
|
-
])
|
|
1959
|
+
])))
|
|
1959
1960
|
])) : P("", !0),
|
|
1960
|
-
|
|
1961
|
+
W(L, {
|
|
1961
1962
|
modelValue: r.value,
|
|
1962
1963
|
"onUpdate:modelValue": h[5] || (h[5] = (F) => r.value = F),
|
|
1963
1964
|
startIndex: s.value,
|
|
1964
1965
|
"onUpdate:index": h[6] || (h[6] = (F) => s.value = F),
|
|
1965
1966
|
images: C.value
|
|
1966
1967
|
}, null, 8, ["modelValue", "startIndex", "images"]),
|
|
1967
|
-
|
|
1968
|
+
W(T, Ze({
|
|
1968
1969
|
modelValue: f.value,
|
|
1969
1970
|
"onUpdate:modelValue": h[7] || (h[7] = (F) => f.value = F),
|
|
1970
1971
|
onConfirm: m.value.confirm
|
|
@@ -1990,23 +1991,23 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
1990
1991
|
},
|
|
1991
1992
|
setup(e) {
|
|
1992
1993
|
const t = e, l = M(t.isOpen);
|
|
1993
|
-
return
|
|
1994
|
+
return ie(
|
|
1994
1995
|
() => t.isOpen,
|
|
1995
1996
|
(a) => {
|
|
1996
1997
|
l.value = a;
|
|
1997
1998
|
}
|
|
1998
1999
|
), (a, o) => (i(), c("div", null, [
|
|
1999
2000
|
n("div", Lo, [
|
|
2000
|
-
n("p", Mo,
|
|
2001
|
-
|
|
2001
|
+
n("p", Mo, Y(e.title), 1),
|
|
2002
|
+
W(wl, {
|
|
2002
2003
|
modelValue: l.value,
|
|
2003
2004
|
"onUpdate:modelValue": o[0] || (o[0] = (r) => l.value = r),
|
|
2004
2005
|
style: Ve(e.style)
|
|
2005
2006
|
}, null, 8, ["modelValue", "style"])
|
|
2006
2007
|
]),
|
|
2007
|
-
|
|
2008
|
+
W(Kt, { name: "slide-fade" }, {
|
|
2008
2009
|
default: Se(() => [
|
|
2009
|
-
|
|
2010
|
+
me(n("div", Do, [
|
|
2010
2011
|
De(a.$slots, "default", {}, void 0, !0)
|
|
2011
2012
|
], 512), [
|
|
2012
2013
|
[Ye, l.value]
|
|
@@ -2016,7 +2017,7 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2016
2017
|
})
|
|
2017
2018
|
]));
|
|
2018
2019
|
}
|
|
2019
|
-
}), Bo = /* @__PURE__ */
|
|
2020
|
+
}), Bo = /* @__PURE__ */ ne(So, [["__scopeId", "data-v-90320b87"]]), Ao = { class: "text-[16px] text-gray-900 font-medium" }, To = { class: "grid gap-3" }, Eo = /* @__PURE__ */ Q({
|
|
2020
2021
|
__name: "vs-container-accordion",
|
|
2021
2022
|
props: {
|
|
2022
2023
|
title: {
|
|
@@ -2034,7 +2035,7 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2034
2035
|
},
|
|
2035
2036
|
setup(e) {
|
|
2036
2037
|
const t = e, l = M(t.isOpen);
|
|
2037
|
-
return
|
|
2038
|
+
return ie(
|
|
2038
2039
|
() => t.isOpen,
|
|
2039
2040
|
(a) => {
|
|
2040
2041
|
l.value = a;
|
|
@@ -2045,14 +2046,14 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2045
2046
|
onClick: o[0] || (o[0] = (r) => l.value = !l.value),
|
|
2046
2047
|
class: "flex items-center gap-2"
|
|
2047
2048
|
}, [
|
|
2048
|
-
|
|
2049
|
+
W(ve(Sn), {
|
|
2049
2050
|
class: R(["h-4 w-4 duration-300", [l.value ? "-rotate-180" : ""]])
|
|
2050
2051
|
}, null, 8, ["class"]),
|
|
2051
|
-
n("span", Ao,
|
|
2052
|
+
n("span", Ao, Y(e.title), 1)
|
|
2052
2053
|
]),
|
|
2053
|
-
|
|
2054
|
+
W(Kt, { name: "slide-fade" }, {
|
|
2054
2055
|
default: Se(() => [
|
|
2055
|
-
|
|
2056
|
+
me(n("div", To, [
|
|
2056
2057
|
De(a.$slots, "default", {}, void 0, !0)
|
|
2057
2058
|
], 512), [
|
|
2058
2059
|
[Ye, l.value]
|
|
@@ -2062,7 +2063,7 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2062
2063
|
})
|
|
2063
2064
|
]));
|
|
2064
2065
|
}
|
|
2065
|
-
}), Io = /* @__PURE__ */
|
|
2066
|
+
}), Io = /* @__PURE__ */ ne(Eo, [["__scopeId", "data-v-590eff11"]]), jo = { class: "flex items-center justify-between" }, Fo = /* @__PURE__ */ Q({
|
|
2066
2067
|
__name: "vs-container-default",
|
|
2067
2068
|
props: {
|
|
2068
2069
|
title: {
|
|
@@ -2077,7 +2078,7 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2077
2078
|
setup(e) {
|
|
2078
2079
|
return (t, l) => (i(), c("div", null, [
|
|
2079
2080
|
n("div", jo, [
|
|
2080
|
-
n("p", null,
|
|
2081
|
+
n("p", null, Y(e.title), 1)
|
|
2081
2082
|
]),
|
|
2082
2083
|
De(t.$slots, "default")
|
|
2083
2084
|
]));
|
|
@@ -2169,20 +2170,20 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2169
2170
|
[t.name]: f
|
|
2170
2171
|
}, f;
|
|
2171
2172
|
});
|
|
2172
|
-
return (u, f) => e.schema?.length ? (i(),
|
|
2173
|
+
return (u, f) => e.schema?.length ? (i(), pe(lt(r.value), {
|
|
2173
2174
|
key: 0,
|
|
2174
2175
|
title: e.title,
|
|
2175
2176
|
style: Ve(e.style)
|
|
2176
2177
|
}, {
|
|
2177
2178
|
default: Se(() => [
|
|
2178
|
-
(i(!0), c(
|
|
2179
|
+
(i(!0), c(de, null, he(o.value, (m) => (i(), pe(Ml, Ze({
|
|
2179
2180
|
key: m.name
|
|
2180
2181
|
}, { ref_for: !0 }, m, {
|
|
2181
2182
|
item: m,
|
|
2182
2183
|
modelValue: s.value[m.name],
|
|
2183
2184
|
"onUpdate:modelValue": (g) => s.value[m.name] = g,
|
|
2184
2185
|
style: e.style,
|
|
2185
|
-
error:
|
|
2186
|
+
error: ve(a)?.errors?.[m.name]
|
|
2186
2187
|
}), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
|
|
2187
2188
|
]),
|
|
2188
2189
|
_: 1
|
|
@@ -2235,59 +2236,59 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2235
2236
|
set: (D) => a("update:modelValue", D)
|
|
2236
2237
|
});
|
|
2237
2238
|
!s.value && l.defaultValue && (s.value = l.defaultValue);
|
|
2238
|
-
const u = M(null), f = M(null), m = M(null), g = M(null), $ = M(!1), C = M(!1), w = M(null), S = M([]), y = M(-1), b = M([]), x = M(""), d = M(null), _ = M("bottom"), h = M({}), L = M([]),
|
|
2239
|
+
const u = M(null), f = M(null), m = M(null), g = M(null), $ = M(!1), C = M(!1), w = M(null), S = M([]), y = M(-1), b = M([]), x = M(""), d = M(null), _ = M("bottom"), h = M({}), L = M([]), T = k(() => {
|
|
2239
2240
|
if (!L.value.length) return [];
|
|
2240
|
-
const D = S.value, B = new Map(D.map((
|
|
2241
|
-
return L.value.map((
|
|
2242
|
-
}), F = k(() => l.placeholder || "Select..."),
|
|
2243
|
-
k(() => o.value ? !L.value.length && x.value === "" : !
|
|
2241
|
+
const D = S.value, B = new Map(D.map((I) => [I.id?.toString(), I]));
|
|
2242
|
+
return L.value.map((I) => B.get(I?.toString())).filter((I) => !!I);
|
|
2243
|
+
}), F = k(() => l.placeholder || "Select..."), K = k(() => X(w.value));
|
|
2244
|
+
k(() => o.value ? !L.value.length && x.value === "" : !K.value && x.value === "");
|
|
2244
2245
|
const Z = k(() => r.value ? !1 : o.value ? L.value.length > 0 : !!s.value), ee = (D) => o.value ? L.value.some((B) => B?.toString() === D?.toString()) : s.value?.toString() === D?.toString(), j = k(() => {
|
|
2245
2246
|
let D = S.value ?? [];
|
|
2246
2247
|
if (!l.data && x.value.trim() !== "") {
|
|
2247
2248
|
const B = x.value.toLowerCase();
|
|
2248
|
-
D = D.filter((
|
|
2249
|
-
const
|
|
2250
|
-
return
|
|
2249
|
+
D = D.filter((I) => {
|
|
2250
|
+
const le = X(I).toLowerCase(), v = I.text?.toLowerCase?.() || "";
|
|
2251
|
+
return le.includes(B) || v.includes(B);
|
|
2251
2252
|
});
|
|
2252
2253
|
}
|
|
2253
2254
|
if (o.value && L.value.length) {
|
|
2254
|
-
const B = new Set(L.value.map((
|
|
2255
|
-
D = D.filter((
|
|
2255
|
+
const B = new Set(L.value.map((I) => I?.toString()));
|
|
2256
|
+
D = D.filter((I) => !B.has(I.id?.toString()));
|
|
2256
2257
|
}
|
|
2257
2258
|
return D;
|
|
2258
|
-
}),
|
|
2259
|
+
}), se = We("values"), te = /\{\{\s*([^}]+?)\s*\}\}/g, ue = (D) => (D ? String(D) : "").replace(/<[^>]*>/g, "").trim(), q = k(() => l.slot ?? l?.optionTemplate ?? ""), E = (D) => {
|
|
2259
2260
|
if (!D) return "";
|
|
2260
2261
|
const B = q.value;
|
|
2261
|
-
return B ? B.replace(te, (
|
|
2262
|
-
const v =
|
|
2262
|
+
return B ? B.replace(te, (I, le) => {
|
|
2263
|
+
const v = le.trim(), p = D[v];
|
|
2263
2264
|
return p != null ? String(p) : "";
|
|
2264
2265
|
}) : D.text ?? "";
|
|
2265
|
-
},
|
|
2266
|
+
}, X = (D) => {
|
|
2266
2267
|
if (!D) return "";
|
|
2267
2268
|
if (!q.value) return D.text ?? "";
|
|
2268
|
-
const
|
|
2269
|
-
return
|
|
2269
|
+
const I = E(D);
|
|
2270
|
+
return ue(I) || D.text || "";
|
|
2270
2271
|
}, G = (D) => {
|
|
2271
|
-
l.set &&
|
|
2272
|
+
l.set && se?.value && Object.entries(l.set).forEach(([B, I]) => {
|
|
2272
2273
|
if (!B) return;
|
|
2273
|
-
const
|
|
2274
|
-
|
|
2274
|
+
const le = D ? D[I] : null;
|
|
2275
|
+
se.value[B] = le ?? null;
|
|
2275
2276
|
});
|
|
2276
|
-
},
|
|
2277
|
+
}, ce = k(() => l.parent ? se?.value?.[l.parent]?.toString() ?? null : null), ye = async (D) => {
|
|
2277
2278
|
if (!l.data) {
|
|
2278
2279
|
let B = l.options ?? [];
|
|
2279
2280
|
if (D?.trim()) {
|
|
2280
|
-
const
|
|
2281
|
-
B = B.filter((
|
|
2282
|
-
const v =
|
|
2283
|
-
return v.includes(
|
|
2281
|
+
const I = D.toLowerCase();
|
|
2282
|
+
B = B.filter((le) => {
|
|
2283
|
+
const v = X(le).toLowerCase(), p = le.text?.toLowerCase?.() || "";
|
|
2284
|
+
return v.includes(I) || p.includes(I);
|
|
2284
2285
|
});
|
|
2285
2286
|
}
|
|
2286
2287
|
return B;
|
|
2287
2288
|
}
|
|
2288
2289
|
try {
|
|
2289
|
-
const B = l.host ?? "",
|
|
2290
|
-
return p.set("json", "1"), D && p.set("key", D),
|
|
2290
|
+
const B = l.host ?? "", I = l.prefix ?? "api", le = l.api ?? `/${I}/suggest/${l.data}`, v = `${B}${le}`, p = new URLSearchParams();
|
|
2291
|
+
return p.set("json", "1"), D && p.set("key", D), ce.value !== void 0 && ce.value !== null && ce.value !== "" && p.set("parent", ce.value), (await fetch(`${v}?${p.toString()}`).then((A) => A.json()))?.data ?? [];
|
|
2291
2292
|
} catch {
|
|
2292
2293
|
return [];
|
|
2293
2294
|
}
|
|
@@ -2295,20 +2296,20 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2295
2296
|
l.data ? S.value = await ye(x.value) : S.value = l.options ? [...l.options] : [];
|
|
2296
2297
|
}, O = async (D) => {
|
|
2297
2298
|
if (D == null) return null;
|
|
2298
|
-
const B = S.value?.find((
|
|
2299
|
+
const B = S.value?.find((I) => I?.id?.toString() === String(D));
|
|
2299
2300
|
if (B) return B;
|
|
2300
2301
|
if (l.data)
|
|
2301
2302
|
try {
|
|
2302
|
-
const
|
|
2303
|
-
return V.set("json", "1"), V.set("val", String(D)),
|
|
2303
|
+
const I = l.host ?? "", le = l.prefix ?? "api", v = l.api ?? `/${le}/suggest/${l.data}`, p = `${I}${v}`, V = new URLSearchParams();
|
|
2304
|
+
return V.set("json", "1"), V.set("val", String(D)), ce.value !== void 0 && ce.value !== null && ce.value !== "" && V.set("parent", ce.value), ((await fetch(`${p}?${V.toString()}`).then((J) => J.json()))?.data ?? [])?.[0] ?? null;
|
|
2304
2305
|
} catch {
|
|
2305
2306
|
return null;
|
|
2306
2307
|
}
|
|
2307
2308
|
return null;
|
|
2308
2309
|
}, z = async (D) => {
|
|
2309
|
-
const B = new Set(S.value.map((
|
|
2310
|
-
|
|
2311
|
-
await
|
|
2310
|
+
const B = new Set(S.value.map((le) => le.id?.toString())), I = D.filter((le) => !B.has(le?.toString()));
|
|
2311
|
+
I.length && await I.reduce(async (le, v) => {
|
|
2312
|
+
await le;
|
|
2312
2313
|
const p = await O(v);
|
|
2313
2314
|
p && S.value.push(p);
|
|
2314
2315
|
}, Promise.resolve());
|
|
@@ -2318,20 +2319,20 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2318
2319
|
}));
|
|
2319
2320
|
}, N = () => {
|
|
2320
2321
|
$.value = !1, y.value = -1;
|
|
2321
|
-
},
|
|
2322
|
+
}, ae = async (D) => {
|
|
2322
2323
|
if (r.value) return;
|
|
2323
2324
|
!$.value ? await U() : N();
|
|
2324
|
-
},
|
|
2325
|
+
}, fe = async () => {
|
|
2325
2326
|
$.value ? d.value?.focus() : await U();
|
|
2326
2327
|
}, Me = () => {
|
|
2327
2328
|
o.value ? (L.value = [], s.value = [], a("change", []), Te(null, [])) : (w.value = null, s.value = null, a("change", null), Te(null, null)), G(null), x.value = "", Oe(() => d.value?.focus());
|
|
2328
2329
|
}, Ae = (D) => {
|
|
2329
2330
|
o.value && (L.value = L.value.filter((B) => B?.toString() !== D?.toString()), s.value = [...L.value], a("change", s.value), Te(null), Oe(() => d.value?.focus()));
|
|
2330
2331
|
}, Te = (D, B) => {
|
|
2331
|
-
const
|
|
2332
|
+
const I = B ?? (o.value ? [...L.value] : D?.id ?? null);
|
|
2332
2333
|
a("value-selected", {
|
|
2333
2334
|
name: l.name,
|
|
2334
|
-
value:
|
|
2335
|
+
value: I,
|
|
2335
2336
|
option: D
|
|
2336
2337
|
});
|
|
2337
2338
|
}, Re = (D) => {
|
|
@@ -2342,37 +2343,37 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2342
2343
|
ee(D.id) || Re(D);
|
|
2343
2344
|
}, ot = (D, B) => {
|
|
2344
2345
|
if (!D || !B) return;
|
|
2345
|
-
const
|
|
2346
|
+
const I = D.offsetTop, le = I + D.offsetHeight, v = B.scrollTop, p = v + B.clientHeight;
|
|
2346
2347
|
let V = B.scrollTop;
|
|
2347
|
-
|
|
2348
|
-
const
|
|
2349
|
-
|
|
2348
|
+
I < v ? V = I - 80 : le > p && (V = le - B.clientHeight + 4);
|
|
2349
|
+
const A = B;
|
|
2350
|
+
A.scrollTop = V;
|
|
2350
2351
|
}, dt = (D) => {
|
|
2351
2352
|
let B = D.parentElement;
|
|
2352
2353
|
for (; B; ) {
|
|
2353
2354
|
if (B.classList.contains("ui-dialog__content"))
|
|
2354
2355
|
return B;
|
|
2355
|
-
const
|
|
2356
|
-
if (
|
|
2356
|
+
const I = window.getComputedStyle(B), le = I.overflow + I.overflowY + I.overflowX;
|
|
2357
|
+
if (le.includes("auto") || le.includes("scroll") || B === document.body || B === document.documentElement)
|
|
2357
2358
|
return B;
|
|
2358
2359
|
B = B.parentElement;
|
|
2359
2360
|
}
|
|
2360
2361
|
return document.body;
|
|
2361
2362
|
}, je = () => {
|
|
2362
2363
|
if (!f.value) return;
|
|
2363
|
-
const D = f.value.getBoundingClientRect(), B = window.innerHeight || document.documentElement.clientHeight,
|
|
2364
|
-
let { width:
|
|
2365
|
-
|
|
2366
|
-
let { left:
|
|
2367
|
-
|
|
2364
|
+
const D = f.value.getBoundingClientRect(), B = window.innerHeight || document.documentElement.clientHeight, I = window.innerWidth || document.documentElement.clientWidth, le = 8, v = 8, p = l.maxHeight || 300, V = B - D.bottom - v - le, A = D.top - v - le, H = V >= A, J = Math.max(I - le * 2, 0);
|
|
2365
|
+
let { width: re } = D;
|
|
2366
|
+
J > 0 && re > J && (re = J);
|
|
2367
|
+
let { left: oe } = D;
|
|
2368
|
+
oe + re + le > I && (oe = I - re - le), oe = Math.max(oe, le);
|
|
2368
2369
|
const we = Math.min(
|
|
2369
2370
|
p,
|
|
2370
|
-
Math.max(H ? V :
|
|
2371
|
+
Math.max(H ? V : A, 50)
|
|
2371
2372
|
);
|
|
2372
2373
|
_.value = H ? "bottom" : "top", h.value = {
|
|
2373
2374
|
position: "fixed",
|
|
2374
|
-
left: `${
|
|
2375
|
-
width: `${
|
|
2375
|
+
left: `${oe}px`,
|
|
2376
|
+
width: `${re}px`,
|
|
2376
2377
|
maxHeight: `${we}px`,
|
|
2377
2378
|
transform: H ? "none" : "translateY(-100%)",
|
|
2378
2379
|
top: H ? `${D.bottom + v}px` : `${D.top - v}px`
|
|
@@ -2388,8 +2389,8 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2388
2389
|
D.preventDefault(), y.value > 0 && (y.value -= 1, ot(b.value[y.value], m.value));
|
|
2389
2390
|
else if (B === "Enter") {
|
|
2390
2391
|
D.preventDefault();
|
|
2391
|
-
const
|
|
2392
|
-
|
|
2392
|
+
const I = j.value[y.value];
|
|
2393
|
+
I && Re(I), d.value?.blur();
|
|
2393
2394
|
} else B === "Escape" ? (D.preventDefault(), N()) : B === "Backspace" ? o.value && x.value === "" && L.value.length && (L.value = L.value.slice(0, -1), s.value = [...L.value], a("change", s.value)) : B === "Home" ? (y.value = 0, ot(b.value[0], m.value)) : B === "End" ? (y.value = j.value.length - 1, ot(b.value[y.value], m.value)) : B === "Tab" && N();
|
|
2394
2395
|
}, kt = () => {
|
|
2395
2396
|
r.value || (C.value = !0);
|
|
@@ -2407,7 +2408,7 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2407
2408
|
}, Vt = () => {
|
|
2408
2409
|
$.value && je();
|
|
2409
2410
|
};
|
|
2410
|
-
|
|
2411
|
+
ie(() => l.options, (D) => {
|
|
2411
2412
|
D?.length && (S.value = [...D], Ue());
|
|
2412
2413
|
}, { immediate: !0 });
|
|
2413
2414
|
async function Ue() {
|
|
@@ -2421,7 +2422,7 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2421
2422
|
s.value != null && (w.value = await O(s.value)), G(w.value ?? null);
|
|
2422
2423
|
}
|
|
2423
2424
|
}
|
|
2424
|
-
|
|
2425
|
+
ie(s, () => {
|
|
2425
2426
|
Ue();
|
|
2426
2427
|
}), Ee(async () => {
|
|
2427
2428
|
addEventListener("keydown", Xe), addEventListener("scroll", $t, !0), addEventListener("resize", ct), document.addEventListener("click", _t, !0), f.value && dt(f.value).addEventListener("scroll", Vt, !0), l.options?.length && !l.data ? S.value = [...l.options] : l.data && (S.value = await ye("")), await Ue(), Lt.value = !1;
|
|
@@ -2432,14 +2433,14 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2432
2433
|
async function Pt() {
|
|
2433
2434
|
if (!l.add?.token || et?.value.validate())
|
|
2434
2435
|
return;
|
|
2435
|
-
const B = l.add.api ?? `/api/table/${l.add.token}`, { id:
|
|
2436
|
+
const B = l.add.api ?? `/api/table/${l.add.token}`, { id: I } = await fetch(B, {
|
|
2436
2437
|
method: "POST",
|
|
2437
2438
|
headers: { "Content-Type": "application/json" },
|
|
2438
2439
|
body: JSON.stringify(He.value)
|
|
2439
|
-
}).then((
|
|
2440
|
+
}).then((le) => le.json());
|
|
2440
2441
|
if (!l.options?.length && l.data) {
|
|
2441
|
-
const
|
|
2442
|
-
w.value =
|
|
2442
|
+
const le = await fetch(`${l.api ?? `/api/suggest/${l.data}`}?val=${I}`).then((v) => v.json());
|
|
2443
|
+
w.value = le[0], S.value.push(le[0]), s.value = I;
|
|
2443
2444
|
}
|
|
2444
2445
|
Qe.value = !1, xe({ title: "Success!", message: "Object created." });
|
|
2445
2446
|
}
|
|
@@ -2449,31 +2450,31 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2449
2450
|
return qe.value = D.schema, Qe.value = !0, null;
|
|
2450
2451
|
}
|
|
2451
2452
|
function Ct(D, B = 200) {
|
|
2452
|
-
let
|
|
2453
|
-
return (...
|
|
2454
|
-
|
|
2453
|
+
let I;
|
|
2454
|
+
return (...le) => {
|
|
2455
|
+
I && clearTimeout(I), I = window.setTimeout(() => D(...le), B);
|
|
2455
2456
|
};
|
|
2456
2457
|
}
|
|
2457
2458
|
const Nt = Ct(async (D) => {
|
|
2458
2459
|
S.value = await ye(D);
|
|
2459
2460
|
}, 200);
|
|
2460
|
-
|
|
2461
|
+
ie(x, (D) => {
|
|
2461
2462
|
l.data && Nt(D.trim());
|
|
2462
|
-
}),
|
|
2463
|
+
}), ie(() => l.options, (D) => {
|
|
2463
2464
|
!l.data && D?.length && (S.value = [...D], Ue());
|
|
2464
|
-
}, { immediate: !0 }),
|
|
2465
|
+
}, { immediate: !0 }), ie(() => l.parent ?? l.parentValue, () => {
|
|
2465
2466
|
l.data && ze();
|
|
2466
2467
|
});
|
|
2467
2468
|
const Lt = M(!0);
|
|
2468
|
-
return
|
|
2469
|
-
if (l.data && (Lt.value || (o.value ? (L.value = [], s.value = [], a("change", [])) : (w.value = null, s.value = null, a("change", null))), await ze(), l.auto === 1 &&
|
|
2469
|
+
return ie(ce, async () => {
|
|
2470
|
+
if (l.data && (Lt.value || (o.value ? (L.value = [], s.value = [], a("change", [])) : (w.value = null, s.value = null, a("change", null))), await ze(), l.auto === 1 && ce.value && S.value.length > 0)) {
|
|
2470
2471
|
const D = S.value[0];
|
|
2471
2472
|
D && Re(D);
|
|
2472
2473
|
}
|
|
2473
|
-
}), (D, B) => (i(), c(
|
|
2474
|
-
|
|
2474
|
+
}), (D, B) => (i(), c(de, null, [
|
|
2475
|
+
W(ve(yl), {
|
|
2475
2476
|
visible: Qe.value,
|
|
2476
|
-
"onUpdate:visible": B[1] || (B[1] = (
|
|
2477
|
+
"onUpdate:visible": B[1] || (B[1] = (I) => Qe.value = I),
|
|
2477
2478
|
class: "z-[1000]",
|
|
2478
2479
|
title: "Додати",
|
|
2479
2480
|
buttonText: "Додати",
|
|
@@ -2481,10 +2482,10 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2481
2482
|
teleport: D.teleport
|
|
2482
2483
|
}, {
|
|
2483
2484
|
default: Se(() => [
|
|
2484
|
-
|
|
2485
|
+
W(nt, {
|
|
2485
2486
|
schema: qe.value,
|
|
2486
2487
|
modelValue: He.value,
|
|
2487
|
-
"onUpdate:modelValue": B[0] || (B[0] = (
|
|
2488
|
+
"onUpdate:modelValue": B[0] || (B[0] = (I) => He.value = I),
|
|
2488
2489
|
ref_key: "addForm",
|
|
2489
2490
|
ref: et
|
|
2490
2491
|
}, null, 8, ["schema", "modelValue"])
|
|
@@ -2523,40 +2524,40 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2523
2524
|
"aria-expanded": $.value,
|
|
2524
2525
|
"aria-haspopup": "listbox",
|
|
2525
2526
|
onKeydown: xt,
|
|
2526
|
-
onClick:
|
|
2527
|
+
onClick: fe,
|
|
2527
2528
|
"data-focus": $.value || C.value ? "true" : "false",
|
|
2528
2529
|
ref_key: "triggerRef",
|
|
2529
2530
|
ref: f
|
|
2530
2531
|
}, [
|
|
2531
2532
|
n("div", Qo, [
|
|
2532
2533
|
o.value ? (i(), c("div", er, [
|
|
2533
|
-
(i(!0), c(
|
|
2534
|
+
(i(!0), c(de, null, he(T.value, (I) => (i(), c("div", {
|
|
2534
2535
|
class: "flex min-w-0 bg-[rgb(230,230,230)] rounded-[2px] m-[2px] box-border max-w-full",
|
|
2535
|
-
key:
|
|
2536
|
+
key: I.id
|
|
2536
2537
|
}, [
|
|
2537
2538
|
n("div", tr, [
|
|
2538
|
-
|
|
2539
|
+
I?.color ? (i(), c("span", {
|
|
2539
2540
|
key: 0,
|
|
2540
2541
|
class: "w-[16px] h-[16px] rounded-md block ml-1.5 flex-shrink-0",
|
|
2541
|
-
style: Ve({ backgroundColor:
|
|
2542
|
+
style: Ve({ backgroundColor: I?.color })
|
|
2542
2543
|
}, null, 4)) : P("", !0),
|
|
2543
2544
|
n("div", {
|
|
2544
2545
|
class: "truncate text-[#172b4d] overflow-hidden max-w-[200px] px-0.5 pl-1.5",
|
|
2545
|
-
title:
|
|
2546
|
+
title: X(I)
|
|
2546
2547
|
}, [
|
|
2547
2548
|
q.value ? (i(), c("span", {
|
|
2548
2549
|
key: 0,
|
|
2549
|
-
innerHTML:
|
|
2550
|
-
}, null, 8, nr)) : (i(), c(
|
|
2551
|
-
_e(
|
|
2550
|
+
innerHTML: E(I)
|
|
2551
|
+
}, null, 8, nr)) : (i(), c(de, { key: 1 }, [
|
|
2552
|
+
_e(Y(I.text), 1)
|
|
2552
2553
|
], 64))
|
|
2553
2554
|
], 8, lr)
|
|
2554
2555
|
]),
|
|
2555
2556
|
n("div", {
|
|
2556
2557
|
role: "button",
|
|
2557
2558
|
class: "flex items-center rounded-sm px-1 box-border text-[#172b4d] hover:bg-[rgb(255,189,173)] hover:text-[rgb(222,53,11)] flex-shrink-0",
|
|
2558
|
-
onClick: ke((
|
|
2559
|
-
},
|
|
2559
|
+
onClick: ke((le) => Ae(I.id), ["stop"])
|
|
2560
|
+
}, B[6] || (B[6] = [
|
|
2560
2561
|
n("svg", {
|
|
2561
2562
|
height: "14",
|
|
2562
2563
|
width: "14",
|
|
@@ -2567,10 +2568,10 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2567
2568
|
}, [
|
|
2568
2569
|
n("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
|
|
2569
2570
|
], -1)
|
|
2570
|
-
])
|
|
2571
|
+
]), 8, ar)
|
|
2571
2572
|
]))), 128)),
|
|
2572
2573
|
n("div", or, [
|
|
2573
|
-
!r.value && D.search ?
|
|
2574
|
+
!r.value && D.search ? me((i(), c("input", {
|
|
2574
2575
|
key: 0,
|
|
2575
2576
|
ref_key: "inputRef",
|
|
2576
2577
|
ref: d,
|
|
@@ -2583,7 +2584,7 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2583
2584
|
tabindex: "0",
|
|
2584
2585
|
"aria-autocomplete": "list",
|
|
2585
2586
|
placeholder: L.value.length ? " " : F.value,
|
|
2586
|
-
"onUpdate:modelValue": B[2] || (B[2] = (
|
|
2587
|
+
"onUpdate:modelValue": B[2] || (B[2] = (I) => x.value = I),
|
|
2587
2588
|
onFocus: kt,
|
|
2588
2589
|
onBlur: Je,
|
|
2589
2590
|
onKeydown: rt
|
|
@@ -2591,10 +2592,10 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2591
2592
|
[Ce, x.value]
|
|
2592
2593
|
]) : P("", !0)
|
|
2593
2594
|
])
|
|
2594
|
-
])) : !o.value && !C.value &&
|
|
2595
|
+
])) : !o.value && !C.value && K.value && x.value === "" ? (i(), c("div", {
|
|
2595
2596
|
key: 1,
|
|
2596
2597
|
class: R(["truncate text-gray-900"]),
|
|
2597
|
-
title:
|
|
2598
|
+
title: K.value
|
|
2598
2599
|
}, [
|
|
2599
2600
|
w.value?.color ? (i(), c("span", {
|
|
2600
2601
|
key: 0,
|
|
@@ -2604,14 +2605,14 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2604
2605
|
q.value ? (i(), c("span", {
|
|
2605
2606
|
key: 1,
|
|
2606
2607
|
class: R({ "pl-5": w.value?.color }),
|
|
2607
|
-
innerHTML:
|
|
2608
|
+
innerHTML: E(w.value)
|
|
2608
2609
|
}, null, 10, ir)) : (i(), c("span", {
|
|
2609
2610
|
key: 2,
|
|
2610
2611
|
class: R({ "pl-5": w.value?.color })
|
|
2611
|
-
},
|
|
2612
|
+
}, Y(w.value?.text), 3))
|
|
2612
2613
|
], 8, sr)) : P("", !0),
|
|
2613
2614
|
o.value ? P("", !0) : (i(), c("div", ur, [
|
|
2614
|
-
!r.value && D.search ?
|
|
2615
|
+
!r.value && D.search ? me((i(), c("input", {
|
|
2615
2616
|
key: 0,
|
|
2616
2617
|
ref_key: "inputRef",
|
|
2617
2618
|
ref: d,
|
|
@@ -2623,8 +2624,8 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2623
2624
|
type: "text",
|
|
2624
2625
|
tabindex: "0",
|
|
2625
2626
|
"aria-autocomplete": "list",
|
|
2626
|
-
placeholder:
|
|
2627
|
-
"onUpdate:modelValue": B[3] || (B[3] = (
|
|
2627
|
+
placeholder: K.value ? " " : F.value,
|
|
2628
|
+
"onUpdate:modelValue": B[3] || (B[3] = (I) => x.value = I),
|
|
2628
2629
|
onFocus: kt,
|
|
2629
2630
|
onBlur: Je,
|
|
2630
2631
|
onKeydown: rt
|
|
@@ -2641,7 +2642,7 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2641
2642
|
"aria-hidden": "true",
|
|
2642
2643
|
disabled: r.value,
|
|
2643
2644
|
onClick: ke(Me, ["stop"])
|
|
2644
|
-
},
|
|
2645
|
+
}, B[7] || (B[7] = [
|
|
2645
2646
|
n("svg", {
|
|
2646
2647
|
height: "20",
|
|
2647
2648
|
width: "20",
|
|
@@ -2650,16 +2651,16 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2650
2651
|
}, [
|
|
2651
2652
|
n("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
|
|
2652
2653
|
], -1)
|
|
2653
|
-
])
|
|
2654
|
+
]), 8, pr)) : P("", !0),
|
|
2654
2655
|
B[9] || (B[9] = n("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
|
|
2655
2656
|
n("button", {
|
|
2656
2657
|
type: "button",
|
|
2657
2658
|
class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
|
|
2658
2659
|
"aria-hidden": "true",
|
|
2659
2660
|
disabled: r.value,
|
|
2660
|
-
onClick: B[4] || (B[4] = ke((
|
|
2661
|
+
onClick: B[4] || (B[4] = ke((I) => ae(), ["stop"])),
|
|
2661
2662
|
title: $.value ? "Закрити список" : "Відкрити список"
|
|
2662
|
-
},
|
|
2663
|
+
}, B[8] || (B[8] = [
|
|
2663
2664
|
n("svg", {
|
|
2664
2665
|
height: "20",
|
|
2665
2666
|
width: "20",
|
|
@@ -2668,10 +2669,10 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2668
2669
|
}, [
|
|
2669
2670
|
n("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" })
|
|
2670
2671
|
], -1)
|
|
2671
|
-
])
|
|
2672
|
+
]), 8, fr)
|
|
2672
2673
|
])
|
|
2673
2674
|
], 42, Xo),
|
|
2674
|
-
(i(),
|
|
2675
|
+
(i(), pe(st, { to: "body" }, [
|
|
2675
2676
|
$.value ? (i(), c("div", {
|
|
2676
2677
|
key: 0,
|
|
2677
2678
|
ref_key: "dropdownRef",
|
|
@@ -2688,38 +2689,38 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2688
2689
|
ref_key: "listRef",
|
|
2689
2690
|
ref: m
|
|
2690
2691
|
}, [
|
|
2691
|
-
j.value.length ? (i(!0), c(
|
|
2692
|
-
key:
|
|
2692
|
+
j.value.length ? (i(!0), c(de, { key: 0 }, he(j.value, (I, le) => (i(), c("div", {
|
|
2693
|
+
key: I.id,
|
|
2693
2694
|
ref_for: !0,
|
|
2694
|
-
ref: (v) => b.value[
|
|
2695
|
+
ref: (v) => b.value[le] = v,
|
|
2695
2696
|
class: R([
|
|
2696
2697
|
"flex px-3 py-2 cursor-default select-none text-gray-900",
|
|
2697
|
-
ee(
|
|
2698
|
-
y.value ===
|
|
2698
|
+
ee(I.id) ? "bg-[#2684ff] text-white" : "bg-white hover:bg-[#deebff] hover:text-[#172b4d]",
|
|
2699
|
+
y.value === le && !ee(I.id) ? "bg-[#deebff] text-[#172b4d]" : ""
|
|
2699
2700
|
]),
|
|
2700
|
-
"aria-disabled": ee(
|
|
2701
|
+
"aria-disabled": ee(I.id) ? "true" : "false",
|
|
2701
2702
|
role: "option",
|
|
2702
2703
|
tabindex: "-1",
|
|
2703
|
-
onClick: (v) => zt(
|
|
2704
|
+
onClick: (v) => zt(I)
|
|
2704
2705
|
}, [
|
|
2705
|
-
|
|
2706
|
+
I?.color ? (i(), c("span", {
|
|
2706
2707
|
key: 0,
|
|
2707
2708
|
class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
|
|
2708
|
-
style: Ve({ backgroundColor:
|
|
2709
|
+
style: Ve({ backgroundColor: I?.color })
|
|
2709
2710
|
}, null, 4)) : P("", !0),
|
|
2710
2711
|
n("div", {
|
|
2711
2712
|
class: R([
|
|
2712
2713
|
"leading-[19px]",
|
|
2713
|
-
y.value ===
|
|
2714
|
+
y.value === I.id ? "text-white" : "",
|
|
2714
2715
|
// active style like react-select
|
|
2715
|
-
(y.value ===
|
|
2716
|
+
(y.value === le, "")
|
|
2716
2717
|
])
|
|
2717
2718
|
}, [
|
|
2718
2719
|
q.value ? (i(), c("span", {
|
|
2719
2720
|
key: 0,
|
|
2720
|
-
innerHTML:
|
|
2721
|
-
}, null, 8, vr)) : (i(), c(
|
|
2722
|
-
_e(
|
|
2721
|
+
innerHTML: E(I)
|
|
2722
|
+
}, null, 8, vr)) : (i(), c(de, { key: 1 }, [
|
|
2723
|
+
_e(Y(I.text), 1)
|
|
2723
2724
|
], 64))
|
|
2724
2725
|
], 2)
|
|
2725
2726
|
], 10, mr))), 128)) : (i(), c("div", hr, " No options "))
|
|
@@ -2734,7 +2735,7 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2734
2735
|
disabled: r.value,
|
|
2735
2736
|
type: "button"
|
|
2736
2737
|
}, [
|
|
2737
|
-
|
|
2738
|
+
W(Ke, {
|
|
2738
2739
|
width: "16",
|
|
2739
2740
|
height: "16"
|
|
2740
2741
|
}),
|
|
@@ -2765,13 +2766,13 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2765
2766
|
function s() {
|
|
2766
2767
|
typeof a.value == "string" && (a.value = a.value.trim());
|
|
2767
2768
|
}
|
|
2768
|
-
return (u, f) =>
|
|
2769
|
+
return (u, f) => me((i(), c("textarea", {
|
|
2769
2770
|
"onUpdate:modelValue": f[0] || (f[0] = (m) => a.value = m),
|
|
2770
2771
|
placeholder: r.value,
|
|
2771
2772
|
disabled: o.value,
|
|
2772
2773
|
row: "2",
|
|
2773
2774
|
onBlur: s,
|
|
2774
|
-
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [
|
|
2775
|
+
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [ve(l)]]),
|
|
2775
2776
|
style: {
|
|
2776
2777
|
border: "1px solid #CFD9E0"
|
|
2777
2778
|
}
|
|
@@ -2790,7 +2791,7 @@ const ho = /* @__PURE__ */ ae(fo, [["render", vo]]), go = { class: "flex flex-co
|
|
|
2790
2791
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
|
|
2791
2792
|
};
|
|
2792
2793
|
function kr(e, t) {
|
|
2793
|
-
return i(), c("svg", xr,
|
|
2794
|
+
return i(), c("svg", xr, t[0] || (t[0] = [
|
|
2794
2795
|
n("path", {
|
|
2795
2796
|
stroke: "none",
|
|
2796
2797
|
d: "M0 0h24v24H0z",
|
|
@@ -2798,9 +2799,9 @@ function kr(e, t) {
|
|
|
2798
2799
|
}, null, -1),
|
|
2799
2800
|
n("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
|
|
2800
2801
|
n("path", { d: "M21 21l-6 -6" }, null, -1)
|
|
2801
|
-
])
|
|
2802
|
+
]));
|
|
2802
2803
|
}
|
|
2803
|
-
const _r = /* @__PURE__ */
|
|
2804
|
+
const _r = /* @__PURE__ */ ne(wr, [["render", kr]]), $r = {}, Vr = {
|
|
2804
2805
|
class: "flex-shrink-0 mt-0.5 size-3.5",
|
|
2805
2806
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2806
2807
|
viewBox: "0 0 24 24",
|
|
@@ -2811,14 +2812,14 @@ const _r = /* @__PURE__ */ ae(wr, [["render", kr]]), $r = {}, Vr = {
|
|
|
2811
2812
|
"stroke-linejoin": "round"
|
|
2812
2813
|
};
|
|
2813
2814
|
function Cr(e, t) {
|
|
2814
|
-
return i(), c("svg", Vr,
|
|
2815
|
+
return i(), c("svg", Vr, t[0] || (t[0] = [
|
|
2815
2816
|
n("path", { d: "m3 16 4 4 4-4" }, null, -1),
|
|
2816
2817
|
n("path", { d: "M7 20V4" }, null, -1),
|
|
2817
2818
|
n("path", { d: "m21 8-4-4-4 4" }, null, -1),
|
|
2818
2819
|
n("path", { d: "M17 4v16" }, null, -1)
|
|
2819
|
-
])
|
|
2820
|
+
]));
|
|
2820
2821
|
}
|
|
2821
|
-
const Lr = /* @__PURE__ */
|
|
2822
|
+
const Lr = /* @__PURE__ */ ne($r, [["render", Cr]]), Mr = {}, Dr = {
|
|
2822
2823
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2823
2824
|
width: "14",
|
|
2824
2825
|
height: "14",
|
|
@@ -2830,7 +2831,7 @@ const Lr = /* @__PURE__ */ ae($r, [["render", Cr]]), Mr = {}, Dr = {
|
|
|
2830
2831
|
"stroke-linejoin": "round"
|
|
2831
2832
|
};
|
|
2832
2833
|
function Sr(e, t) {
|
|
2833
|
-
return i(), c("svg", Dr,
|
|
2834
|
+
return i(), c("svg", Dr, t[0] || (t[0] = [
|
|
2834
2835
|
n("path", {
|
|
2835
2836
|
stroke: "none",
|
|
2836
2837
|
d: "M0 0h24v24H0z",
|
|
@@ -2839,9 +2840,9 @@ function Sr(e, t) {
|
|
|
2839
2840
|
n("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }, null, -1),
|
|
2840
2841
|
n("path", { d: "M7 9l5 -5l5 5" }, null, -1),
|
|
2841
2842
|
n("path", { d: "M12 4l0 12" }, null, -1)
|
|
2842
|
-
])
|
|
2843
|
+
]));
|
|
2843
2844
|
}
|
|
2844
|
-
const Br = /* @__PURE__ */
|
|
2845
|
+
const Br = /* @__PURE__ */ ne(Mr, [["render", Sr]]), Ar = {}, Tr = {
|
|
2845
2846
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2846
2847
|
viewBox: "0 0 24 24",
|
|
2847
2848
|
fill: "none",
|
|
@@ -2851,7 +2852,7 @@ const Br = /* @__PURE__ */ ae(Mr, [["render", Sr]]), Ar = {}, Tr = {
|
|
|
2851
2852
|
"stroke-linejoin": "round"
|
|
2852
2853
|
};
|
|
2853
2854
|
function Er(e, t) {
|
|
2854
|
-
return i(), c("svg", Tr,
|
|
2855
|
+
return i(), c("svg", Tr, t[0] || (t[0] = [
|
|
2855
2856
|
n("path", {
|
|
2856
2857
|
stroke: "none",
|
|
2857
2858
|
d: "M0 0h24v24H0z",
|
|
@@ -2860,9 +2861,9 @@ function Er(e, t) {
|
|
|
2860
2861
|
n("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }, null, -1),
|
|
2861
2862
|
n("path", { d: "M7 11l5 5l5 -5" }, null, -1),
|
|
2862
2863
|
n("path", { d: "M12 4l0 12" }, null, -1)
|
|
2863
|
-
])
|
|
2864
|
+
]));
|
|
2864
2865
|
}
|
|
2865
|
-
const Ir = /* @__PURE__ */
|
|
2866
|
+
const Ir = /* @__PURE__ */ ne(Ar, [["render", Er]]), jr = {}, Fr = {
|
|
2866
2867
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2867
2868
|
viewBox: "0 0 24 24",
|
|
2868
2869
|
fill: "none",
|
|
@@ -2872,21 +2873,21 @@ const Ir = /* @__PURE__ */ ae(Ar, [["render", Er]]), jr = {}, Fr = {
|
|
|
2872
2873
|
"stroke-linejoin": "round"
|
|
2873
2874
|
};
|
|
2874
2875
|
function Or(e, t) {
|
|
2875
|
-
return i(), c("svg", Fr,
|
|
2876
|
+
return i(), c("svg", Fr, t[0] || (t[0] = [
|
|
2876
2877
|
Ie('<circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
|
|
2877
|
-
])
|
|
2878
|
+
]));
|
|
2878
2879
|
}
|
|
2879
|
-
const sl = /* @__PURE__ */
|
|
2880
|
+
const sl = /* @__PURE__ */ ne(jr, [["render", Or]]), zr = {}, Pr = {
|
|
2880
2881
|
viewBox: "0 0 178 90",
|
|
2881
2882
|
fill: "none",
|
|
2882
2883
|
xmlns: "http://www.w3.org/2000/svg"
|
|
2883
2884
|
};
|
|
2884
2885
|
function Ur(e, t) {
|
|
2885
|
-
return i(), c("svg", Pr,
|
|
2886
|
+
return i(), c("svg", Pr, t[0] || (t[0] = [
|
|
2886
2887
|
Ie('<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)
|
|
2887
|
-
])
|
|
2888
|
+
]));
|
|
2888
2889
|
}
|
|
2889
|
-
const Nr = /* @__PURE__ */
|
|
2890
|
+
const Nr = /* @__PURE__ */ ne(zr, [["render", Ur]]), Rr = {}, Hr = {
|
|
2890
2891
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2891
2892
|
viewBox: "0 0 24 24",
|
|
2892
2893
|
fill: "none",
|
|
@@ -2896,11 +2897,11 @@ const Nr = /* @__PURE__ */ ae(zr, [["render", Ur]]), Rr = {}, Hr = {
|
|
|
2896
2897
|
"stroke-linejoin": "round"
|
|
2897
2898
|
};
|
|
2898
2899
|
function qr(e, t) {
|
|
2899
|
-
return i(), c("svg", Hr,
|
|
2900
|
+
return i(), c("svg", Hr, t[0] || (t[0] = [
|
|
2900
2901
|
n("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }, null, -1)
|
|
2901
|
-
])
|
|
2902
|
+
]));
|
|
2902
2903
|
}
|
|
2903
|
-
const Gr = /* @__PURE__ */
|
|
2904
|
+
const Gr = /* @__PURE__ */ ne(Rr, [["render", qr]]), Wr = { class: "vs-datatable border rounded-xl w-full flex-grow" }, Kr = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, Yr = { class: "relative w-full" }, Zr = { class: "table-wrapper flex gap-2" }, Jr = { class: "vs-popover inline-block text-slate-700" }, Xr = { class: "text-center" }, Qr = { class: "" }, es = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 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" }, ts = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, ls = { class: "text-sm items-center text-gray-800 flex gap-1" }, ns = { class: "w-full overflow-x-auto" }, as = { class: "w-full table-auto caption-bottom text-sm" }, os = { class: "[&_tr]:border-b" }, rs = { class: "border-b data-[state=selected]:bg-muted bg-slate-50/50 dark:bg-slate-700/50 hover:bg-slate-50/80 dark:hover:bg-slate-700/80 transition-colors" }, ss = { class: "h-10 px-2 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-12 text-center" }, is = {
|
|
2904
2905
|
key: 0,
|
|
2905
2906
|
colspan: "100%",
|
|
2906
2907
|
class: "text-center"
|
|
@@ -2939,8 +2940,8 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
2939
2940
|
if (!o.value) return l.value ?? [];
|
|
2940
2941
|
const z = o.value.toLowerCase();
|
|
2941
2942
|
return l.value.filter((U) => t.colModel?.some((N) => {
|
|
2942
|
-
const
|
|
2943
|
-
return
|
|
2943
|
+
const ae = U[N.key];
|
|
2944
|
+
return ae ? Array.isArray(ae) ? ae.join(", ").toLowerCase().includes(z) : String(ae).toLowerCase().includes(z) : !1;
|
|
2944
2945
|
}));
|
|
2945
2946
|
}), s = M(null), u = M(null), f = M(!1), m = M(null), g = M({ top: 0, left: 0 }), $ = (z) => {
|
|
2946
2947
|
s.value = z;
|
|
@@ -2960,14 +2961,14 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
2960
2961
|
m.value && m.value.click();
|
|
2961
2962
|
}, b = (z) => {
|
|
2962
2963
|
const U = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp", ".svg", ".ico", ".tiff", ".tif"], N = z.toLowerCase();
|
|
2963
|
-
return U.some((
|
|
2964
|
+
return U.some((ae) => N.endsWith(ae));
|
|
2964
2965
|
}, x = (z) => {
|
|
2965
2966
|
const N = z.target.files?.[0];
|
|
2966
2967
|
if (!N) return;
|
|
2967
|
-
const
|
|
2968
|
-
|
|
2968
|
+
const ae = new FileReader();
|
|
2969
|
+
ae.onload = (fe) => {
|
|
2969
2970
|
try {
|
|
2970
|
-
const Me =
|
|
2971
|
+
const Me = fe.target?.result;
|
|
2971
2972
|
if (typeof Me == "string") {
|
|
2972
2973
|
const Ae = JSON.parse(Me);
|
|
2973
2974
|
Array.isArray(Ae) && l.value.push(...Ae);
|
|
@@ -2975,10 +2976,10 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
2975
2976
|
} catch (Me) {
|
|
2976
2977
|
console.error("Error parsing file:", Me);
|
|
2977
2978
|
}
|
|
2978
|
-
},
|
|
2979
|
+
}, ae.readAsText(N);
|
|
2979
2980
|
}, d = () => {
|
|
2980
|
-
const z = JSON.stringify(l.value, null, 2), U = new Blob([z], { type: "application/json" }), N = URL.createObjectURL(U),
|
|
2981
|
-
|
|
2981
|
+
const z = JSON.stringify(l.value, null, 2), U = new Blob([z], { type: "application/json" }), N = URL.createObjectURL(U), ae = document.createElement("a");
|
|
2982
|
+
ae.href = N, ae.download = "data.json", ae.click(), URL.revokeObjectURL(N);
|
|
2982
2983
|
}, _ = /* @__PURE__ */ new Set([
|
|
2983
2984
|
"autocomplete",
|
|
2984
2985
|
"select",
|
|
@@ -2986,33 +2987,33 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
2986
2987
|
"checkbox",
|
|
2987
2988
|
"combobox"
|
|
2988
2989
|
]), h = /* @__PURE__ */ new Map(), L = (z, U) => {
|
|
2989
|
-
const N = `/api/suggest/${z}`,
|
|
2990
|
-
return `${N}${
|
|
2991
|
-
},
|
|
2990
|
+
const N = `/api/suggest/${z}`, ae = N.includes("?") ? "&" : "?", fe = U ? `&val=${U}` : "";
|
|
2991
|
+
return `${N}${ae}json=1${fe}`;
|
|
2992
|
+
}, T = (z) => z == null || z === "" ? null : typeof z == "object" ? z?.id !== void 0 && z.id !== null && z.id !== "" ? z.id : null : z, F = (z) => {
|
|
2992
2993
|
const U = /* @__PURE__ */ new Set();
|
|
2993
2994
|
return Array.isArray(l.value) && l.value.forEach((N) => {
|
|
2994
|
-
const
|
|
2995
|
-
if (
|
|
2996
|
-
if (Array.isArray(
|
|
2997
|
-
|
|
2998
|
-
const Ae =
|
|
2995
|
+
const ae = N?.[z];
|
|
2996
|
+
if (ae == null || ae === "") return;
|
|
2997
|
+
if (Array.isArray(ae)) {
|
|
2998
|
+
ae.forEach((Me) => {
|
|
2999
|
+
const Ae = T(Me);
|
|
2999
3000
|
Ae !== null && U.add(Ae);
|
|
3000
3001
|
});
|
|
3001
3002
|
return;
|
|
3002
3003
|
}
|
|
3003
|
-
const
|
|
3004
|
-
|
|
3004
|
+
const fe = T(ae);
|
|
3005
|
+
fe !== null && U.add(fe);
|
|
3005
3006
|
}), U;
|
|
3006
|
-
},
|
|
3007
|
+
}, K = async () => {
|
|
3007
3008
|
if (!t.colModel?.length) return;
|
|
3008
3009
|
const z = t.colModel.filter((U) => U.data && _.has(U.type?.toLowerCase() || ""));
|
|
3009
3010
|
z.length && await Promise.all(z.map(async (U) => {
|
|
3010
3011
|
const N = U.key || U.name;
|
|
3011
3012
|
if (!N) return;
|
|
3012
|
-
const
|
|
3013
|
-
if (!
|
|
3013
|
+
const ae = F(N), fe = Array.from(ae).map((Te) => String(Te)).sort(), Me = fe.join(",");
|
|
3014
|
+
if (!fe.length || h.get(N) === Me) return;
|
|
3014
3015
|
h.set(N, Me);
|
|
3015
|
-
const Ae =
|
|
3016
|
+
const Ae = fe.map(encodeURIComponent).join(",");
|
|
3016
3017
|
try {
|
|
3017
3018
|
const Re = await (await fetch(L(U.data, Ae))).json();
|
|
3018
3019
|
a.value[N] = Re?.data ?? Re;
|
|
@@ -3021,48 +3022,48 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
3021
3022
|
}
|
|
3022
3023
|
}));
|
|
3023
3024
|
};
|
|
3024
|
-
|
|
3025
|
+
ie(
|
|
3025
3026
|
[() => t.colModel, () => l.value],
|
|
3026
3027
|
() => {
|
|
3027
|
-
|
|
3028
|
+
K();
|
|
3028
3029
|
},
|
|
3029
3030
|
{ immediate: !0, deep: !0 }
|
|
3030
3031
|
);
|
|
3031
3032
|
const Z = M(""), ee = M(!1);
|
|
3032
|
-
let j = "edit",
|
|
3033
|
-
const te = M({}),
|
|
3033
|
+
let j = "edit", se = 0;
|
|
3034
|
+
const te = M({}), ue = M({});
|
|
3034
3035
|
async function q() {
|
|
3035
3036
|
Z.value = "Додати", ee.value = !0, j = "add", te.value = {};
|
|
3036
3037
|
}
|
|
3037
|
-
function
|
|
3038
|
+
function E(z, U) {
|
|
3038
3039
|
if (!z?.length) return null;
|
|
3039
3040
|
const N = typeof U == "object" ? U?.id : U;
|
|
3040
|
-
return N == null || N === "" ? null : z.find((
|
|
3041
|
+
return N == null || N === "" ? null : z.find((ae) => ae?.id?.toString() === N.toString())?.text ?? null;
|
|
3041
3042
|
}
|
|
3042
|
-
function
|
|
3043
|
+
function X(z) {
|
|
3043
3044
|
return z == null || z === "" ? "-" : Array.isArray(z) ? z.map((U) => typeof U == "object" ? U?.text ?? U?.id ?? "-" : U).join(", ") : typeof z == "object" ? z?.text ?? z?.id ?? "-" : z;
|
|
3044
3045
|
}
|
|
3045
3046
|
function G(z, U) {
|
|
3046
|
-
const N = U.key || U.name,
|
|
3047
|
-
if (!
|
|
3048
|
-
if (Array.isArray(
|
|
3049
|
-
const Ae =
|
|
3050
|
-
return Ae.length ? Ae.join(", ") :
|
|
3047
|
+
const N = U.key || U.name, ae = z?.[N], fe = a.value[N];
|
|
3048
|
+
if (!ae) return "-";
|
|
3049
|
+
if (Array.isArray(ae)) {
|
|
3050
|
+
const Ae = ae.map((Te) => E(fe, Te)).filter(Boolean);
|
|
3051
|
+
return Ae.length ? Ae.join(", ") : X(ae);
|
|
3051
3052
|
}
|
|
3052
|
-
const Me =
|
|
3053
|
-
return Me ||
|
|
3053
|
+
const Me = E(fe, ae);
|
|
3054
|
+
return Me || X(ae);
|
|
3054
3055
|
}
|
|
3055
|
-
async function
|
|
3056
|
-
Z.value = "Редагувати", ee.value = !0, j = "edit",
|
|
3056
|
+
async function ce(z, U) {
|
|
3057
|
+
Z.value = "Редагувати", ee.value = !0, j = "edit", se = U, te.value = { ...z };
|
|
3057
3058
|
}
|
|
3058
3059
|
function ye() {
|
|
3059
|
-
const z =
|
|
3060
|
+
const z = ue.value.validate();
|
|
3060
3061
|
if (z) {
|
|
3061
3062
|
xe({ type: "warning", title: "Помилка валідації", message: Object.entries(z).map(([U, N]) => `${U}: ${N}`).join(`
|
|
3062
3063
|
`) });
|
|
3063
3064
|
return;
|
|
3064
3065
|
}
|
|
3065
|
-
j === "add" ? Array.isArray(l.value) ? l.value = [...l.value, te.value] : l.value = [te.value] : l.value = l.value.map((U, N) => N ===
|
|
3066
|
+
j === "add" ? Array.isArray(l.value) ? l.value = [...l.value, te.value] : l.value = [te.value] : l.value = l.value.map((U, N) => N === se ? te.value : U), ee.value = !1;
|
|
3066
3067
|
}
|
|
3067
3068
|
function ze(z) {
|
|
3068
3069
|
l.value = l.value.filter((U, N) => N !== z);
|
|
@@ -3073,12 +3074,12 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
3073
3074
|
return (z, U) => (i(), c("div", Wr, [
|
|
3074
3075
|
n("div", Kr, [
|
|
3075
3076
|
n("div", Yr, [
|
|
3076
|
-
|
|
3077
|
+
W(_r, {
|
|
3077
3078
|
width: "14",
|
|
3078
3079
|
height: "14",
|
|
3079
3080
|
class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
|
|
3080
3081
|
}),
|
|
3081
|
-
|
|
3082
|
+
me(n("input", {
|
|
3082
3083
|
type: "text",
|
|
3083
3084
|
"onUpdate:modelValue": U[0] || (U[0] = (N) => o.value = N),
|
|
3084
3085
|
placeholder: "Пошук",
|
|
@@ -3103,7 +3104,7 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
3103
3104
|
onClick: S,
|
|
3104
3105
|
class: "bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
|
|
3105
3106
|
}, [
|
|
3106
|
-
|
|
3107
|
+
W(Lr, {
|
|
3107
3108
|
height: "16",
|
|
3108
3109
|
width: "16"
|
|
3109
3110
|
})
|
|
@@ -3112,7 +3113,7 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
3112
3113
|
])
|
|
3113
3114
|
])
|
|
3114
3115
|
]),
|
|
3115
|
-
(i(),
|
|
3116
|
+
(i(), pe(st, { to: "body" }, [
|
|
3116
3117
|
f.value ? (i(), c("div", {
|
|
3117
3118
|
key: 0,
|
|
3118
3119
|
class: "text-slate-700 vsTailwind vs-popover__content bottom",
|
|
@@ -3124,7 +3125,7 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
3124
3125
|
onClick: y,
|
|
3125
3126
|
class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
|
|
3126
3127
|
}, [
|
|
3127
|
-
|
|
3128
|
+
W(Br, {
|
|
3128
3129
|
class: "text-black",
|
|
3129
3130
|
width: "14",
|
|
3130
3131
|
height: "14"
|
|
@@ -3136,7 +3137,7 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
3136
3137
|
class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
|
|
3137
3138
|
}, [
|
|
3138
3139
|
n("span", ls, [
|
|
3139
|
-
|
|
3140
|
+
W(Ir, {
|
|
3140
3141
|
class: "text-black",
|
|
3141
3142
|
width: "14",
|
|
3142
3143
|
height: "14"
|
|
@@ -3152,7 +3153,7 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
3152
3153
|
onClick: q,
|
|
3153
3154
|
class: "text-slate-700 bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
|
|
3154
3155
|
}, [
|
|
3155
|
-
|
|
3156
|
+
W(Ke),
|
|
3156
3157
|
U[6] || (U[6] = _e(" Додати ", -1))
|
|
3157
3158
|
])
|
|
3158
3159
|
]),
|
|
@@ -3161,16 +3162,16 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
3161
3162
|
n("thead", os, [
|
|
3162
3163
|
n("tr", rs, [
|
|
3163
3164
|
n("th", ss, [
|
|
3164
|
-
|
|
3165
|
+
W(sl, {
|
|
3165
3166
|
width: "24",
|
|
3166
3167
|
height: "24",
|
|
3167
3168
|
class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
|
|
3168
3169
|
})
|
|
3169
3170
|
]),
|
|
3170
|
-
(i(!0), c(
|
|
3171
|
+
(i(!0), c(de, null, he(z.colModel, (N) => (i(), c("th", {
|
|
3171
3172
|
key: N.key,
|
|
3172
3173
|
class: "h-10 px-2 text-left align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 min-w-[150px]"
|
|
3173
|
-
},
|
|
3174
|
+
}, Y(N.ua || N.label), 1))), 128)),
|
|
3174
3175
|
U[7] || (U[7] = n("th", { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-center" }, " Дії ", -1))
|
|
3175
3176
|
])
|
|
3176
3177
|
]),
|
|
@@ -3180,7 +3181,7 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
3180
3181
|
r.value.length === 0 ? (i(), c("td", is, [
|
|
3181
3182
|
n("div", us, [
|
|
3182
3183
|
n("div", ds, [
|
|
3183
|
-
|
|
3184
|
+
W(Nr, { class: "w-48 mx-auto" }),
|
|
3184
3185
|
U[8] || (U[8] = n("div", { class: "max-w-sm mx-auto mt-6" }, [
|
|
3185
3186
|
n("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "Нічого не знайдено"),
|
|
3186
3187
|
n("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
|
|
@@ -3188,64 +3189,64 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
3188
3189
|
])
|
|
3189
3190
|
])
|
|
3190
3191
|
])) : P("", !0),
|
|
3191
|
-
(i(!0), c(
|
|
3192
|
+
(i(!0), c(de, null, he(r.value, (N, ae) => (i(), c("tr", {
|
|
3192
3193
|
key: N.id,
|
|
3193
3194
|
class: R(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
|
|
3194
|
-
"opacity-50": s.value ===
|
|
3195
|
-
"border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": u.value ===
|
|
3195
|
+
"opacity-50": s.value === ae,
|
|
3196
|
+
"border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": u.value === ae
|
|
3196
3197
|
}]),
|
|
3197
3198
|
draggable: "true",
|
|
3198
|
-
onDragstart: (
|
|
3199
|
-
onDragover: ke((
|
|
3200
|
-
onDrop: (
|
|
3199
|
+
onDragstart: (fe) => $(ae),
|
|
3200
|
+
onDragover: ke((fe) => C(ae), ["prevent"]),
|
|
3201
|
+
onDrop: (fe) => w(ae)
|
|
3201
3202
|
}, [
|
|
3202
3203
|
n("td", ps, [
|
|
3203
3204
|
n("div", fs, [
|
|
3204
|
-
|
|
3205
|
+
W(sl, {
|
|
3205
3206
|
width: "24",
|
|
3206
3207
|
height: "24",
|
|
3207
3208
|
class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
|
|
3208
3209
|
})
|
|
3209
3210
|
])
|
|
3210
3211
|
]),
|
|
3211
|
-
(i(!0), c(
|
|
3212
|
-
key:
|
|
3212
|
+
(i(!0), c(de, null, he(z.colModel, (fe) => (i(), c("td", {
|
|
3213
|
+
key: fe.key,
|
|
3213
3214
|
class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
|
|
3214
3215
|
}, [
|
|
3215
|
-
|
|
3216
|
-
b(G(N,
|
|
3216
|
+
fe.type === "file" ? (i(), c("div", ms, [
|
|
3217
|
+
b(G(N, fe)) ? (i(), c("div", vs, [
|
|
3217
3218
|
n("img", {
|
|
3218
|
-
src: G(N,
|
|
3219
|
+
src: G(N, fe),
|
|
3219
3220
|
alt: "alt",
|
|
3220
3221
|
width: "45",
|
|
3221
3222
|
class: "rounded-md max-w-[45px] h-[45px] object-cover"
|
|
3222
3223
|
}, null, 8, hs)
|
|
3223
3224
|
])) : (i(), c("div", gs, [
|
|
3224
|
-
|
|
3225
|
+
W($l, { class: "w-[25px] min-w-[25px] h-[25px]" })
|
|
3225
3226
|
]))
|
|
3226
|
-
])) :
|
|
3227
|
+
])) : fe.type === "tiptap-editor" ? (i(), c("div", {
|
|
3227
3228
|
key: 1,
|
|
3228
3229
|
class: "rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors line-clamp-3",
|
|
3229
|
-
innerHTML: G(N,
|
|
3230
|
-
}, null, 8, ys)) :
|
|
3230
|
+
innerHTML: G(N, fe)
|
|
3231
|
+
}, null, 8, ys)) : fe.type === "reference" ? (i(), c("div", bs, Y(G(N, fe)), 1)) : (i(), c("div", ws, Y(G(N, fe)), 1))
|
|
3231
3232
|
]))), 128)),
|
|
3232
3233
|
n("td", xs, [
|
|
3233
3234
|
n("div", ks, [
|
|
3234
3235
|
n("button", {
|
|
3235
|
-
onClick: (
|
|
3236
|
+
onClick: (fe) => ce(N, ae),
|
|
3236
3237
|
class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-blue-50 dark:hover:bg-slate-600 hover:border-blue-300 dark:hover:border-slate-500 hover:text-blue-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
|
|
3237
3238
|
}, [
|
|
3238
|
-
|
|
3239
|
+
W(Gr, {
|
|
3239
3240
|
width: "24",
|
|
3240
3241
|
height: "24",
|
|
3241
3242
|
class: "w-3 h-3"
|
|
3242
3243
|
})
|
|
3243
3244
|
], 8, _s),
|
|
3244
3245
|
n("button", {
|
|
3245
|
-
onClick: (
|
|
3246
|
+
onClick: (fe) => ze(ae),
|
|
3246
3247
|
class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-red-50 dark:hover:bg-slate-600 hover:border-red-300 dark:hover:border-slate-500 hover:text-red-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
|
|
3247
3248
|
}, [
|
|
3248
|
-
|
|
3249
|
+
W(it, {
|
|
3249
3250
|
width: "24",
|
|
3250
3251
|
height: "24",
|
|
3251
3252
|
class: "w-3 h-3"
|
|
@@ -3257,19 +3258,19 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
3257
3258
|
], 2)
|
|
3258
3259
|
])
|
|
3259
3260
|
]),
|
|
3260
|
-
|
|
3261
|
+
W(ve(yl), {
|
|
3261
3262
|
visible: ee.value,
|
|
3262
3263
|
title: Z.value,
|
|
3263
3264
|
size: "lg",
|
|
3264
3265
|
onClose: O
|
|
3265
3266
|
}, {
|
|
3266
3267
|
default: Se(() => [
|
|
3267
|
-
|
|
3268
|
+
W(nt, {
|
|
3268
3269
|
schema: t.colModel,
|
|
3269
3270
|
values: te.value,
|
|
3270
3271
|
"onUpdate:values": U[1] || (U[1] = (N) => te.value = N),
|
|
3271
|
-
form:
|
|
3272
|
-
"onUpdate:form": U[2] || (U[2] = (N) =>
|
|
3272
|
+
form: ue.value,
|
|
3273
|
+
"onUpdate:form": U[2] || (U[2] = (N) => ue.value = N)
|
|
3273
3274
|
}, null, 8, ["schema", "values", "form"]),
|
|
3274
3275
|
n("div", Vs, [
|
|
3275
3276
|
n("button", {
|
|
@@ -3406,7 +3407,7 @@ const Gr = /* @__PURE__ */ ae(Rr, [["render", qr]]), Wr = { class: "vs-datatable
|
|
|
3406
3407
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
|
|
3407
3408
|
};
|
|
3408
3409
|
function Ss(e, t) {
|
|
3409
|
-
return i(), c("svg", Ds,
|
|
3410
|
+
return i(), c("svg", Ds, t[0] || (t[0] = [
|
|
3410
3411
|
n("path", {
|
|
3411
3412
|
stroke: "none",
|
|
3412
3413
|
d: "M0 0h24v24H0z",
|
|
@@ -3414,9 +3415,9 @@ function Ss(e, t) {
|
|
|
3414
3415
|
}, null, -1),
|
|
3415
3416
|
n("path", { d: "M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" }, null, -1),
|
|
3416
3417
|
n("path", { d: "M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" }, null, -1)
|
|
3417
|
-
])
|
|
3418
|
+
]));
|
|
3418
3419
|
}
|
|
3419
|
-
const Bs = /* @__PURE__ */
|
|
3420
|
+
const Bs = /* @__PURE__ */ ne(Ms, [["render", Ss]]), As = {}, Ts = {
|
|
3420
3421
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3421
3422
|
viewBox: "0 0 24 24",
|
|
3422
3423
|
fill: "none",
|
|
@@ -3427,7 +3428,7 @@ const Bs = /* @__PURE__ */ ae(Ms, [["render", Ss]]), As = {}, Ts = {
|
|
|
3427
3428
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
|
|
3428
3429
|
};
|
|
3429
3430
|
function Es(e, t) {
|
|
3430
|
-
return i(), c("svg", Ts,
|
|
3431
|
+
return i(), c("svg", Ts, t[0] || (t[0] = [
|
|
3431
3432
|
n("path", {
|
|
3432
3433
|
stroke: "none",
|
|
3433
3434
|
d: "M0 0h24v24H0z",
|
|
@@ -3436,9 +3437,9 @@ function Es(e, t) {
|
|
|
3436
3437
|
n("path", { d: "M6 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, null, -1),
|
|
3437
3438
|
n("path", { d: "M18 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, null, -1),
|
|
3438
3439
|
n("path", { d: "M7.5 16.5l9 -9" }, null, -1)
|
|
3439
|
-
])
|
|
3440
|
+
]));
|
|
3440
3441
|
}
|
|
3441
|
-
const Is = /* @__PURE__ */
|
|
3442
|
+
const Is = /* @__PURE__ */ ne(As, [["render", Es]]), js = {}, Fs = {
|
|
3442
3443
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3443
3444
|
viewBox: "0 0 24 24",
|
|
3444
3445
|
fill: "none",
|
|
@@ -3449,11 +3450,11 @@ const Is = /* @__PURE__ */ ae(As, [["render", Es]]), js = {}, Fs = {
|
|
|
3449
3450
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
|
|
3450
3451
|
};
|
|
3451
3452
|
function Os(e, t) {
|
|
3452
|
-
return i(), c("svg", Fs,
|
|
3453
|
+
return i(), c("svg", Fs, t[0] || (t[0] = [
|
|
3453
3454
|
Ie('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M19 8m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M5 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M15 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M6.5 9.5l3.5 -3"></path><path d="M14 5.5l3 1.5"></path><path d="M18.5 10l-2.5 7"></path><path d="M13.5 17.5l-7 -5"></path>', 9)
|
|
3454
|
-
])
|
|
3455
|
+
]));
|
|
3455
3456
|
}
|
|
3456
|
-
const zs = /* @__PURE__ */
|
|
3457
|
+
const zs = /* @__PURE__ */ ne(js, [["render", Os]]), Ps = {}, Us = {
|
|
3457
3458
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3458
3459
|
viewBox: "0 0 24 24",
|
|
3459
3460
|
fill: "none",
|
|
@@ -3464,11 +3465,11 @@ const zs = /* @__PURE__ */ ae(js, [["render", Os]]), Ps = {}, Us = {
|
|
|
3464
3465
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
|
|
3465
3466
|
};
|
|
3466
3467
|
function Ns(e, t) {
|
|
3467
|
-
return i(), c("svg", Us,
|
|
3468
|
+
return i(), c("svg", Us, t[0] || (t[0] = [
|
|
3468
3469
|
Ie('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M8 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M6 8v8"></path><path d="M18 16v-8"></path><path d="M8 6h8"></path><path d="M16 18h-8"></path>', 9)
|
|
3469
|
-
])
|
|
3470
|
+
]));
|
|
3470
3471
|
}
|
|
3471
|
-
const Rs = /* @__PURE__ */
|
|
3472
|
+
const Rs = /* @__PURE__ */ ne(Ps, [["render", Ns]]), Hs = {}, qs = {
|
|
3472
3473
|
version: "1.1",
|
|
3473
3474
|
viewBox: "0 0 14 14",
|
|
3474
3475
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3477,7 +3478,7 @@ const Rs = /* @__PURE__ */ ae(Ps, [["render", Ns]]), Hs = {}, qs = {
|
|
|
3477
3478
|
class: "fullscreen-icon"
|
|
3478
3479
|
};
|
|
3479
3480
|
function Gs(e, t) {
|
|
3480
|
-
return i(), c("svg", qs,
|
|
3481
|
+
return i(), c("svg", qs, t[0] || (t[0] = [
|
|
3481
3482
|
n("title", null, null, -1),
|
|
3482
3483
|
n("desc", null, null, -1),
|
|
3483
3484
|
n("defs", null, null, -1),
|
|
@@ -3504,9 +3505,9 @@ function Gs(e, t) {
|
|
|
3504
3505
|
])
|
|
3505
3506
|
])
|
|
3506
3507
|
], -1)
|
|
3507
|
-
])
|
|
3508
|
+
]));
|
|
3508
3509
|
}
|
|
3509
|
-
const Ws = /* @__PURE__ */
|
|
3510
|
+
const Ws = /* @__PURE__ */ ne(Hs, [["render", Gs]]), Ks = { class: "map-search-widget flex flex-col gap-2 rounded-xl widget min-w-[200px]" }, Ys = {
|
|
3510
3511
|
key: 0,
|
|
3511
3512
|
class: "vs-select__options absolute z-50 mt-1 w-full bg-white border border-gray-300 shadow-lg rounded-lg text-sm"
|
|
3512
3513
|
}, Zs = ["onClick"], Js = { class: "relative flex-1 min-w-[140px]" }, Xs = ["placeholder"], Qs = "https://data.softpro.ua/api-user/gis-url-proxy", ei = "https://geo.rv.ua/api-user/dzk.api", ti = /* @__PURE__ */ Q({
|
|
@@ -3520,11 +3521,11 @@ const Ws = /* @__PURE__ */ ae(Hs, [["render", Gs]]), Ks = { class: "map-search-w
|
|
|
3520
3521
|
const h = l.config?.tools?.filter((L) => o.includes(L));
|
|
3521
3522
|
return h && h.length ? h : o;
|
|
3522
3523
|
}), s = k(() => l.config?.placeholder?.trim() || "Пошук…"), u = M(r.value[0] ?? o[0]);
|
|
3523
|
-
|
|
3524
|
+
ie(r, (h) => {
|
|
3524
3525
|
h.includes(u.value) || (u.value = h[0]);
|
|
3525
3526
|
});
|
|
3526
3527
|
const f = M(""), m = M(!1), g = M(null);
|
|
3527
|
-
|
|
3528
|
+
ie(u, () => {
|
|
3528
3529
|
f.value = "", m.value = !1;
|
|
3529
3530
|
});
|
|
3530
3531
|
function $(h) {
|
|
@@ -3546,47 +3547,47 @@ const Ws = /* @__PURE__ */ ae(Hs, [["render", Gs]]), Ks = { class: "map-search-w
|
|
|
3546
3547
|
function S(h) {
|
|
3547
3548
|
const L = h.replace(/[,]+/g, " ").trim();
|
|
3548
3549
|
if (!L) return null;
|
|
3549
|
-
const
|
|
3550
|
-
if (
|
|
3551
|
-
const F =
|
|
3552
|
-
if (!F.every((
|
|
3553
|
-
let [
|
|
3554
|
-
const
|
|
3555
|
-
if (!
|
|
3556
|
-
if (
|
|
3557
|
-
ee = Z, j =
|
|
3550
|
+
const T = L.split(/\s+/).filter(Boolean);
|
|
3551
|
+
if (T.length < 2) return null;
|
|
3552
|
+
const F = T.slice(0, 2).map(Number);
|
|
3553
|
+
if (!F.every((ue) => Number.isFinite(ue))) return null;
|
|
3554
|
+
let [K, Z] = F, ee = K, j = Z;
|
|
3555
|
+
const se = (ue) => Math.abs(ue) <= 90, te = (ue) => Math.abs(ue) <= 180;
|
|
3556
|
+
if (!se(ee) || !te(j))
|
|
3557
|
+
if (se(j) && te(ee))
|
|
3558
|
+
ee = Z, j = K;
|
|
3558
3559
|
else
|
|
3559
3560
|
return null;
|
|
3560
3561
|
return { lat: ee, lng: j };
|
|
3561
3562
|
}
|
|
3562
3563
|
function y(h) {
|
|
3563
|
-
return (h?.items || []).map((
|
|
3564
|
-
id: String(
|
|
3565
|
-
title:
|
|
3566
|
-
lat: Number(
|
|
3567
|
-
lng: Number(
|
|
3568
|
-
})).filter((
|
|
3564
|
+
return (h?.items || []).map((T, F) => ({
|
|
3565
|
+
id: String(T?.id ?? F),
|
|
3566
|
+
title: T?.title || T?.address?.label || "Знайдений обʼєкт",
|
|
3567
|
+
lat: Number(T?.position?.lat),
|
|
3568
|
+
lng: Number(T?.position?.lng)
|
|
3569
|
+
})).filter((T) => Number.isFinite(T.lat) && Number.isFinite(T.lng));
|
|
3569
3570
|
}
|
|
3570
3571
|
function b(h) {
|
|
3571
3572
|
const L = h?.result || h?.data || h;
|
|
3572
3573
|
if (!L) return [];
|
|
3573
|
-
const
|
|
3574
|
-
if (!
|
|
3575
|
-
const [F,
|
|
3576
|
-
return !Number.isFinite(
|
|
3574
|
+
const T = L.geom_centroid;
|
|
3575
|
+
if (!T || !Array.isArray(T.coordinates)) return [];
|
|
3576
|
+
const [F, K] = T.coordinates;
|
|
3577
|
+
return !Number.isFinite(K) || !Number.isFinite(F) ? [] : [
|
|
3577
3578
|
{
|
|
3578
3579
|
id: "parcel",
|
|
3579
3580
|
title: L.cadnum || L.cad_num || "Земельна ділянка",
|
|
3580
|
-
lat:
|
|
3581
|
+
lat: K,
|
|
3581
3582
|
lng: F
|
|
3582
3583
|
}
|
|
3583
3584
|
];
|
|
3584
3585
|
}
|
|
3585
3586
|
function x(h) {
|
|
3586
|
-
const
|
|
3587
|
-
if (
|
|
3587
|
+
const T = h.replace(/\s+/g, "").split(":");
|
|
3588
|
+
if (T.length !== 4) return !1;
|
|
3588
3589
|
const F = [10, 2, 3, 4];
|
|
3589
|
-
return
|
|
3590
|
+
return T.every((K, Z) => K.length === F[Z] && /^\d+$/.test(K));
|
|
3590
3591
|
}
|
|
3591
3592
|
function d(h) {
|
|
3592
3593
|
a("goToCoordinates", [h.lat, h.lng]);
|
|
@@ -3614,18 +3615,18 @@ const Ws = /* @__PURE__ */ ae(Hs, [["render", Gs]]), Ks = { class: "map-search-w
|
|
|
3614
3615
|
}
|
|
3615
3616
|
L.searchParams.set("cad_num", h);
|
|
3616
3617
|
}
|
|
3617
|
-
const
|
|
3618
|
-
if (!
|
|
3619
|
-
const F = await
|
|
3620
|
-
if (!
|
|
3618
|
+
const T = await fetch(L.toString());
|
|
3619
|
+
if (!T.ok) throw new Error(`HTTP ${T.status}`);
|
|
3620
|
+
const F = await T.json(), K = u.value === "here" ? y(F) : b(F);
|
|
3621
|
+
if (!K.length)
|
|
3621
3622
|
xe({ type: "warning", title: "Пошук", message: "Не знайдено результатів" });
|
|
3622
3623
|
else {
|
|
3623
|
-
const Z =
|
|
3624
|
+
const Z = K[0];
|
|
3624
3625
|
d(Z), f.value = "";
|
|
3625
3626
|
}
|
|
3626
3627
|
} catch (L) {
|
|
3627
|
-
const
|
|
3628
|
-
xe({ type: "error", title: "Пошук", message:
|
|
3628
|
+
const T = L?.message || "Помилка пошуку";
|
|
3629
|
+
xe({ type: "error", title: "Пошук", message: T });
|
|
3629
3630
|
}
|
|
3630
3631
|
}
|
|
3631
3632
|
}
|
|
@@ -3643,15 +3644,15 @@ const Ws = /* @__PURE__ */ ae(Hs, [["render", Gs]]), Ks = { class: "map-search-w
|
|
|
3643
3644
|
n("button", {
|
|
3644
3645
|
type: "button",
|
|
3645
3646
|
class: "vstSelect-input transition-all text-left bg-white border border-gray-200 text-gray-900 rounded-lg focus:ring-blue-500 focus:border-blue-100 block w-full py-1.5 px-3 text-sm cursor-pointer flex items-center justify-between gap-2",
|
|
3646
|
-
onClick: L[0] || (L[0] = (
|
|
3647
|
+
onClick: L[0] || (L[0] = (T) => m.value = !m.value)
|
|
3647
3648
|
}, [
|
|
3648
|
-
n("span", null,
|
|
3649
|
+
n("span", null, Y(w(u.value)), 1),
|
|
3649
3650
|
(i(), c("svg", {
|
|
3650
3651
|
class: R(["w-4 h-4 text-gray-500 transition-transform", { "rotate-180": m.value }]),
|
|
3651
3652
|
viewBox: "0 0 24 24",
|
|
3652
3653
|
fill: "none",
|
|
3653
3654
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3654
|
-
},
|
|
3655
|
+
}, L[2] || (L[2] = [
|
|
3655
3656
|
n("path", {
|
|
3656
3657
|
d: "M6 9l6 6 6-6",
|
|
3657
3658
|
stroke: "currentColor",
|
|
@@ -3659,21 +3660,21 @@ const Ws = /* @__PURE__ */ ae(Hs, [["render", Gs]]), Ks = { class: "map-search-w
|
|
|
3659
3660
|
"stroke-linecap": "round",
|
|
3660
3661
|
"stroke-linejoin": "round"
|
|
3661
3662
|
}, null, -1)
|
|
3662
|
-
])
|
|
3663
|
+
]), 2))
|
|
3663
3664
|
]),
|
|
3664
3665
|
m.value ? (i(), c("div", Ys, [
|
|
3665
3666
|
n("ul", null, [
|
|
3666
|
-
(i(!0), c(
|
|
3667
|
-
key:
|
|
3667
|
+
(i(!0), c(de, null, he(r.value, (T) => (i(), c("li", {
|
|
3668
|
+
key: T,
|
|
3668
3669
|
class: "px-3 py-2 cursor-pointer hover:bg-gray-100",
|
|
3669
|
-
onClick: (F) => $(
|
|
3670
|
-
},
|
|
3670
|
+
onClick: (F) => $(T)
|
|
3671
|
+
}, Y(w(T)), 9, Zs))), 128))
|
|
3671
3672
|
])
|
|
3672
3673
|
])) : P("", !0)
|
|
3673
3674
|
], 512)) : P("", !0),
|
|
3674
3675
|
n("div", Js, [
|
|
3675
|
-
|
|
3676
|
-
"onUpdate:modelValue": L[1] || (L[1] = (
|
|
3676
|
+
me(n("input", {
|
|
3677
|
+
"onUpdate:modelValue": L[1] || (L[1] = (T) => f.value = T),
|
|
3677
3678
|
placeholder: s.value,
|
|
3678
3679
|
type: "text",
|
|
3679
3680
|
class: "vs-input transition-all border block w-full border-gray-200 rounded-md focus:border-blue-100 border-solid !pr-8 py-1.5 pl-3 text-sm"
|
|
@@ -3709,7 +3710,7 @@ const Ws = /* @__PURE__ */ ae(Hs, [["render", Gs]]), Ks = { class: "map-search-w
|
|
|
3709
3710
|
], 32)
|
|
3710
3711
|
]));
|
|
3711
3712
|
}
|
|
3712
|
-
}), li = /* @__PURE__ */
|
|
3713
|
+
}), li = /* @__PURE__ */ ne(ti, [["__scopeId", "data-v-3048520a"]]), ni = { class: "bg-white/30 p-1 rounded-md shadow w-fit" }, ai = { class: "flex gap-2" }, oi = ["onClick", "title"], ri = ["src"], si = /* @__PURE__ */ Q({
|
|
3713
3714
|
__name: "map-layers",
|
|
3714
3715
|
props: {
|
|
3715
3716
|
basemaps: {}
|
|
@@ -3722,7 +3723,7 @@ const Ws = /* @__PURE__ */ ae(Hs, [["render", Gs]]), Ks = { class: "map-search-w
|
|
|
3722
3723
|
}
|
|
3723
3724
|
return (s, u) => (i(), c("div", ni, [
|
|
3724
3725
|
n("div", ai, [
|
|
3725
|
-
(i(!0), c(
|
|
3726
|
+
(i(!0), c(de, null, he(s.basemaps, (f, m) => (i(), c("div", {
|
|
3726
3727
|
key: m,
|
|
3727
3728
|
class: R(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": a.value === m }]),
|
|
3728
3729
|
onClick: (g) => r(m),
|
|
@@ -3811,9 +3812,9 @@ const ui = {
|
|
|
3811
3812
|
},
|
|
3812
3813
|
emits: ["update:modelValue"],
|
|
3813
3814
|
setup(e, { emit: t }) {
|
|
3814
|
-
const a = Il()?.appContext?.config?.globalProperties?.$settings ?? {}, o = Array.isArray(a.center) && a.center.length === 2 ? a.center : [50, 30], r = typeof a.zoom == "number" ? a.zoom : typeof a.defaultZoom == "number" ? a.defaultZoom : 10, s = e, u = t, f = k(() => !!s.disabled), m = M(!1), g = M(null), $ = M(!1), C = M(""), w = M(null), S = M(null), y = M(!1), b = M(null), x = M(null), d = M(0), _ = M(o), h = M(r), L = M([]),
|
|
3815
|
+
const a = Il()?.appContext?.config?.globalProperties?.$settings ?? {}, o = Array.isArray(a.center) && a.center.length === 2 ? a.center : [50, 30], r = typeof a.zoom == "number" ? a.zoom : typeof a.defaultZoom == "number" ? a.defaultZoom : 10, s = e, u = t, f = k(() => !!s.disabled), m = M(!1), g = M(null), $ = M(!1), C = M(""), w = M(null), S = M(null), y = M(!1), b = M(null), x = M(null), d = M(0), _ = M(o), h = M(r), L = M([]), T = M(s.modelValue);
|
|
3815
3816
|
let F = !1;
|
|
3816
|
-
const
|
|
3817
|
+
const K = M(null), Z = k(() => {
|
|
3817
3818
|
const v = { search: !1, import: !1, export: !1, point: !1, line: !1, polygon: !1, rectangle: !1 };
|
|
3818
3819
|
if (!s.tools?.length) return v;
|
|
3819
3820
|
const p = new Set(s.tools.map((V) => V.toLowerCase()));
|
|
@@ -3826,25 +3827,25 @@ const ui = {
|
|
|
3826
3827
|
polygon: p.has("polygon"),
|
|
3827
3828
|
rectangle: p.has("rectangle")
|
|
3828
3829
|
};
|
|
3829
|
-
}), ee = gl({}), j = M([]),
|
|
3830
|
+
}), ee = gl({}), j = M([]), se = k(() => j.value.map((v) => ee[v]).filter(Boolean)), te = M(null), ue = k(() => te.value?.entries ?? []), q = k(() => {
|
|
3830
3831
|
if (!te.value) return;
|
|
3831
3832
|
const v = 12, p = te.value.point.x + v, V = te.value.point.y + v;
|
|
3832
3833
|
return { left: `${p}px`, top: `${V}px` };
|
|
3833
3834
|
});
|
|
3834
|
-
function
|
|
3835
|
+
function E(v) {
|
|
3835
3836
|
if (typeof v != "string" || !v.trim()) return "";
|
|
3836
3837
|
if (/^https?:\/\//i.test(v)) return v;
|
|
3837
3838
|
const p = window?.location?.origin ?? "", V = v.replace(/^\/+/, "");
|
|
3838
3839
|
return V ? p ? `${p}/${V}` : `/${V}` : p;
|
|
3839
3840
|
}
|
|
3840
|
-
function
|
|
3841
|
+
function X() {
|
|
3841
3842
|
if (Array.isArray(a.basemaps) && a.basemaps.length) {
|
|
3842
|
-
const p = a.basemaps.map((V,
|
|
3843
|
-
const H = String(V?.key ?? V?.id ?? V?.name ?? `b${
|
|
3844
|
-
if (!
|
|
3845
|
-
const
|
|
3846
|
-
return [H, { ...V, url:
|
|
3847
|
-
}).filter((V) => Array.isArray(V) && V.length === 2).reduce((V, [
|
|
3843
|
+
const p = a.basemaps.map((V, A) => {
|
|
3844
|
+
const H = String(V?.key ?? V?.id ?? V?.name ?? `b${A}`), J = E(String(V?.url ?? ""));
|
|
3845
|
+
if (!J) return null;
|
|
3846
|
+
const re = typeof V?.preview == "string" && V.preview ? E(V.preview) : "";
|
|
3847
|
+
return [H, { ...V, url: J, preview: re }];
|
|
3848
|
+
}).filter((V) => Array.isArray(V) && V.length === 2).reduce((V, [A, H]) => (V[A] = H, V), {});
|
|
3848
3849
|
if (Object.keys(p).length) return p;
|
|
3849
3850
|
}
|
|
3850
3851
|
return {
|
|
@@ -3865,18 +3866,18 @@ const ui = {
|
|
|
3865
3866
|
}
|
|
3866
3867
|
};
|
|
3867
3868
|
}
|
|
3868
|
-
const G =
|
|
3869
|
+
const G = X(), ce = Object.keys(G), ye = M(ce.length ? ce[0] : "");
|
|
3869
3870
|
let ze, O, z, U, N = null;
|
|
3870
|
-
async function
|
|
3871
|
-
const v = (
|
|
3872
|
-
if (!Array.from(document.styleSheets).some((H) => H?.href?.includes(
|
|
3871
|
+
async function ae() {
|
|
3872
|
+
const v = (A) => {
|
|
3873
|
+
if (!Array.from(document.styleSheets).some((H) => H?.href?.includes(A))) {
|
|
3873
3874
|
const H = document.createElement("link");
|
|
3874
|
-
H.rel = "stylesheet", H.href =
|
|
3875
|
+
H.rel = "stylesheet", H.href = A, document.head.appendChild(H);
|
|
3875
3876
|
}
|
|
3876
|
-
}, p = (
|
|
3877
|
-
if (Array.from(document.scripts).some((we) => we.src ===
|
|
3878
|
-
const
|
|
3879
|
-
|
|
3877
|
+
}, p = (A) => new Promise((H, J) => {
|
|
3878
|
+
if (Array.from(document.scripts).some((we) => we.src === A)) return H();
|
|
3879
|
+
const oe = document.createElement("script");
|
|
3880
|
+
oe.src = A, oe.async = !0, oe.onload = () => H(), oe.onerror = (we) => J(we), document.body.appendChild(oe);
|
|
3880
3881
|
});
|
|
3881
3882
|
v("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), v("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css");
|
|
3882
3883
|
try {
|
|
@@ -3893,34 +3894,34 @@ const ui = {
|
|
|
3893
3894
|
}
|
|
3894
3895
|
return window.L;
|
|
3895
3896
|
}
|
|
3896
|
-
function
|
|
3897
|
+
function fe() {
|
|
3897
3898
|
const v = navigator.platform.toUpperCase().includes("MAC");
|
|
3898
3899
|
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "Використовуйте два пальці для зуму карти." : v ? "Використовуйте Ctrl або ⌘ + прокрутка для зуму карти." : "Використовуйте Ctrl + прокрутка для зуму карти.";
|
|
3899
3900
|
}
|
|
3900
3901
|
function Me() {
|
|
3901
3902
|
if (!s.handleZoom || !g.value || !O) return null;
|
|
3902
3903
|
let v;
|
|
3903
|
-
const p = (
|
|
3904
|
-
const H =
|
|
3904
|
+
const p = (A) => {
|
|
3905
|
+
const H = A.ctrlKey || A.metaKey || A.shiftKey;
|
|
3905
3906
|
if (!s.ctrlZoom) {
|
|
3906
3907
|
$.value = !1, O.scrollWheelZoom.enable();
|
|
3907
3908
|
return;
|
|
3908
3909
|
}
|
|
3909
3910
|
if (!H) {
|
|
3910
|
-
$.value = !0, C.value =
|
|
3911
|
+
$.value = !0, C.value = fe(), clearTimeout(v), v = window.setTimeout(() => $.value = !1, 1200);
|
|
3911
3912
|
return;
|
|
3912
3913
|
}
|
|
3913
|
-
|
|
3914
|
-
}, V = (
|
|
3915
|
-
if (
|
|
3914
|
+
A.preventDefault(), A.stopPropagation(), $.value = !1, O.scrollWheelZoom.enable(), setTimeout(() => O.scrollWheelZoom.disable(), 120);
|
|
3915
|
+
}, V = (A) => {
|
|
3916
|
+
if (A.touches.length === 1) {
|
|
3916
3917
|
if (!s.ctrlZoom) return;
|
|
3917
|
-
$.value = !0, C.value =
|
|
3918
|
+
$.value = !0, C.value = fe(), clearTimeout(v), v = window.setTimeout(() => $.value = !1, 3e3);
|
|
3918
3919
|
} else
|
|
3919
3920
|
$.value = !1;
|
|
3920
3921
|
};
|
|
3921
|
-
return g.value.addEventListener("wheel", p, { passive: !1 }), g.value.addEventListener("touchstart", V, { passive: !0 }), O.on("wheel", (
|
|
3922
|
+
return g.value.addEventListener("wheel", p, { passive: !1 }), g.value.addEventListener("touchstart", V, { passive: !0 }), O.on("wheel", (A) => {
|
|
3922
3923
|
if (!s.ctrlZoom) return;
|
|
3923
|
-
|
|
3924
|
+
A.originalEvent?.ctrlKey || A.originalEvent?.metaKey || A.originalEvent?.shiftKey || (A.originalEvent?.preventDefault?.(), A.originalEvent?.stopPropagation?.());
|
|
3924
3925
|
}), () => {
|
|
3925
3926
|
g.value?.removeEventListener("wheel", p), g.value?.removeEventListener("touchstart", V), clearTimeout(v);
|
|
3926
3927
|
};
|
|
@@ -3932,19 +3933,19 @@ const ui = {
|
|
|
3932
3933
|
const p = (v?.url ?? "").trim();
|
|
3933
3934
|
if (!p) return "";
|
|
3934
3935
|
if (/^https?:\/\//i.test(p)) return p;
|
|
3935
|
-
const V = window.location?.origin ?? "",
|
|
3936
|
-
return `${V}/${
|
|
3936
|
+
const V = window.location?.origin ?? "", A = p.replace(/^\/+/, "");
|
|
3937
|
+
return `${V}/${A}`;
|
|
3937
3938
|
}
|
|
3938
3939
|
function Re(v) {
|
|
3939
3940
|
const p = v?.style ?? {};
|
|
3940
3941
|
return (V) => {
|
|
3941
|
-
const
|
|
3942
|
+
const A = p.colorAttr, H = p.colorSet ?? {}, J = typeof A == "string" ? H?.[V?.[A]] ?? p.color ?? "#3388ff" : p.color ?? "#3388ff", re = p.stroke ?? J;
|
|
3942
3943
|
return {
|
|
3943
3944
|
weight: p.width ?? 1,
|
|
3944
|
-
color:
|
|
3945
|
+
color: re,
|
|
3945
3946
|
opacity: p.opacity ?? 1,
|
|
3946
3947
|
fill: p.type ? p.type !== "polyline" : !0,
|
|
3947
|
-
fillColor:
|
|
3948
|
+
fillColor: J,
|
|
3948
3949
|
fillOpacity: p.opacity ?? 0.5
|
|
3949
3950
|
};
|
|
3950
3951
|
};
|
|
@@ -3955,21 +3956,21 @@ const ui = {
|
|
|
3955
3956
|
function ot(v, p = {}) {
|
|
3956
3957
|
return v.popup === !1 ? [] : Array.isArray(v.popup) && v.popup.length ? v.popup.map((V) => {
|
|
3957
3958
|
if (!V?.field) return null;
|
|
3958
|
-
const
|
|
3959
|
-
return
|
|
3960
|
-
}).filter((V) => !!V) : Object.entries(p).filter(([V]) => typeof V == "string" && V).slice(0, 5).map(([V,
|
|
3959
|
+
const A = p[V.field];
|
|
3960
|
+
return A == null || A === "" ? null : { key: V.label || V.field, value: String(A) };
|
|
3961
|
+
}).filter((V) => !!V) : Object.entries(p).filter(([V]) => typeof V == "string" && V).slice(0, 5).map(([V, A]) => ({ key: V, value: A == null ? "—" : String(A) }));
|
|
3961
3962
|
}
|
|
3962
3963
|
function dt(v, p) {
|
|
3963
3964
|
if (!O || !p?.latlng) return;
|
|
3964
|
-
const V = O.latLngToContainerPoint(p.latlng),
|
|
3965
|
+
const V = O.latLngToContainerPoint(p.latlng), A = zt(p), H = ot(v, A);
|
|
3965
3966
|
if (!H.length) {
|
|
3966
3967
|
je(v.id);
|
|
3967
3968
|
return;
|
|
3968
3969
|
}
|
|
3969
3970
|
te.value = {
|
|
3970
3971
|
layerId: v.id,
|
|
3971
|
-
title:
|
|
3972
|
-
properties:
|
|
3972
|
+
title: A?.name || v.title || v.name,
|
|
3973
|
+
properties: A,
|
|
3973
3974
|
entries: H,
|
|
3974
3975
|
point: { x: V.x, y: V.y }
|
|
3975
3976
|
};
|
|
@@ -3978,41 +3979,41 @@ const ui = {
|
|
|
3978
3979
|
v && te.value?.layerId !== v || (te.value = null);
|
|
3979
3980
|
}
|
|
3980
3981
|
function xt(v) {
|
|
3981
|
-
const p = (v?.service ?? "").toLowerCase(), V = Te(v),
|
|
3982
|
+
const p = (v?.service ?? "").toLowerCase(), V = Te(v), A = v.sourceLayer || v.layer || v.service_layer || v.service_key || v.map_key || v.dataset?.layer || v.id || v.table_name;
|
|
3982
3983
|
if (p === "vtile") {
|
|
3983
|
-
const H =
|
|
3984
|
+
const H = K.value;
|
|
3984
3985
|
if (H?.vectorGrid?.protobuf && !H?.maplibreGL) {
|
|
3985
|
-
const
|
|
3986
|
+
const J = H.vectorGrid.protobuf(V, {
|
|
3986
3987
|
interactive: !0,
|
|
3987
3988
|
maxNativeZoom: v.maxzoom ?? 19,
|
|
3988
3989
|
vectorTileLayerStyles: {
|
|
3989
3990
|
// применяем стиль ко всем вариантам ключа
|
|
3990
|
-
[
|
|
3991
|
+
[A ?? "default"]: Re(v),
|
|
3991
3992
|
default: Re(v)
|
|
3992
3993
|
}
|
|
3993
3994
|
});
|
|
3994
|
-
return
|
|
3995
|
+
return J?.on?.("mouseover", (re) => dt(v, re)), J?.on?.("mousemove", (re) => dt(v, re)), J?.on?.("mouseout", () => je(v.id)), J;
|
|
3995
3996
|
}
|
|
3996
3997
|
if (H?.maplibreGL && window?.maplibregl) {
|
|
3997
|
-
const
|
|
3998
|
-
return
|
|
3999
|
-
style:
|
|
3998
|
+
const J = V;
|
|
3999
|
+
return J ? H.maplibreGL({
|
|
4000
|
+
style: J,
|
|
4000
4001
|
interactive: !1,
|
|
4001
4002
|
pane: "overlayPane"
|
|
4002
4003
|
}) : null;
|
|
4003
4004
|
}
|
|
4004
4005
|
return null;
|
|
4005
4006
|
}
|
|
4006
|
-
return p === "tile" || /^https?:\/\//i.test(V) || V.includes("{z}") ?
|
|
4007
|
+
return p === "tile" || /^https?:\/\//i.test(V) || V.includes("{z}") ? K.value.tileLayer(V, {
|
|
4007
4008
|
opacity: v?.style?.opacity ?? 1,
|
|
4008
4009
|
pane: St
|
|
4009
|
-
}) :
|
|
4010
|
+
}) : K.value.tileLayer(V, {
|
|
4010
4011
|
opacity: v?.style?.opacity ?? 1,
|
|
4011
4012
|
pane: St
|
|
4012
4013
|
});
|
|
4013
4014
|
}
|
|
4014
4015
|
function rt(v) {
|
|
4015
|
-
const p =
|
|
4016
|
+
const p = K.value;
|
|
4016
4017
|
if (!p) return null;
|
|
4017
4018
|
const V = ("bounds" in v ? v.bounds : void 0) ?? s.bounds ?? L.value;
|
|
4018
4019
|
if (!Array.isArray(V) || !V.length) return null;
|
|
@@ -4022,32 +4023,32 @@ const ui = {
|
|
|
4022
4023
|
interactive: !1,
|
|
4023
4024
|
opacity: v.style?.opacity ?? 0.8,
|
|
4024
4025
|
dashArray: "4 4"
|
|
4025
|
-
},
|
|
4026
|
-
if (!
|
|
4026
|
+
}, J = Array.isArray(v.bounds) && v.bounds.length ? v.bounds : V, re = kt(J);
|
|
4027
|
+
if (!re.length || !p?.polyline)
|
|
4027
4028
|
return null;
|
|
4028
|
-
const
|
|
4029
|
+
const oe = re.map((we) => {
|
|
4029
4030
|
if (!we.length) return we;
|
|
4030
4031
|
const $e = we[0], Ge = we[we.length - 1];
|
|
4031
4032
|
return $e && Ge && typeof Ge.equals == "function" && !Ge.equals($e) ? [...we, $e] : we;
|
|
4032
4033
|
});
|
|
4033
|
-
return p.polyline(
|
|
4034
|
+
return p.polyline(oe, H);
|
|
4034
4035
|
}
|
|
4035
4036
|
function kt(v) {
|
|
4036
|
-
const p =
|
|
4037
|
+
const p = K.value;
|
|
4037
4038
|
if (!p || !Array.isArray(v)) return [];
|
|
4038
4039
|
const V = (H) => {
|
|
4039
4040
|
if (!Array.isArray(H) || H.length < 2) return null;
|
|
4040
|
-
const [
|
|
4041
|
-
return !Number.isFinite(Number(
|
|
4042
|
-
},
|
|
4043
|
-
if (v.length &&
|
|
4041
|
+
const [J, re] = H;
|
|
4042
|
+
return !Number.isFinite(Number(re)) || !Number.isFinite(Number(J)) ? null : p.latLng(Number(re), Number(J));
|
|
4043
|
+
}, A = (H) => Array.isArray(H) && H.length >= 2 && H.every((J) => Number.isFinite(Number(J)));
|
|
4044
|
+
if (v.length && A(v[0])) {
|
|
4044
4045
|
const H = v.map(V).filter(Boolean);
|
|
4045
4046
|
return H.length ? [H] : [];
|
|
4046
4047
|
}
|
|
4047
|
-
return v.length && Array.isArray(v[0]) && Array.isArray(v[0][0]) &&
|
|
4048
|
+
return v.length && Array.isArray(v[0]) && Array.isArray(v[0][0]) && A(v[0][0][0]) ? v.flatMap((J) => Array.isArray(J) ? J : []).map((J) => Array.isArray(J) ? J.map(V).filter(Boolean) : []).filter((J) => J.length) : v.length && Array.isArray(v[0]) && A(v[0][0]) ? v.map((J) => Array.isArray(J) ? J.map(V).filter(Boolean) : []).filter((J) => J.length) : [];
|
|
4048
4049
|
}
|
|
4049
4050
|
function Je() {
|
|
4050
|
-
if (!O || !
|
|
4051
|
+
if (!O || !K.value) return;
|
|
4051
4052
|
N && O.hasLayer(N) && (O.removeLayer(N), N = null);
|
|
4052
4053
|
const v = rt({
|
|
4053
4054
|
id: "global-bounds",
|
|
@@ -4057,7 +4058,7 @@ const ui = {
|
|
|
4057
4058
|
v && (N = v, N.addTo(O));
|
|
4058
4059
|
}
|
|
4059
4060
|
function Xe() {
|
|
4060
|
-
!O || !
|
|
4061
|
+
!O || !K.value || j.value.forEach((v) => {
|
|
4061
4062
|
const p = ee[v];
|
|
4062
4063
|
p && (p.visible ? (p.layer || (p.layer = xt(p.config)), p.boundsLayer || (p.boundsLayer = rt(p.config)), p.layer && !O.hasLayer(p.layer) && p.layer.addTo(O), p.boundsLayer && !O.hasLayer(p.boundsLayer) && p.boundsLayer.addTo(O)) : (p.layer && O.hasLayer(p.layer) && O.removeLayer(p.layer), p.boundsLayer && O.hasLayer(p.boundsLayer) && O.removeLayer(p.boundsLayer), je(p.id)));
|
|
4063
4064
|
});
|
|
@@ -4067,31 +4068,31 @@ const ui = {
|
|
|
4067
4068
|
const p = ee[v];
|
|
4068
4069
|
p && (p.visible = !p.visible, p.visible ? (p.layer || (p.layer = xt(p.config)), p.boundsLayer || (p.boundsLayer = rt(p.config)), p.layer && !O.hasLayer(p.layer) && p.layer.addTo(O), p.boundsLayer && !O.hasLayer(p.boundsLayer) && p.boundsLayer.addTo(O)) : (p.layer && O.hasLayer(p.layer) && O.removeLayer(p.layer), p.boundsLayer && O.hasLayer(p.boundsLayer) && O.removeLayer(p.boundsLayer), je(p.id)));
|
|
4069
4070
|
}
|
|
4070
|
-
|
|
4071
|
+
ie(
|
|
4071
4072
|
() => s.layers,
|
|
4072
4073
|
(v) => {
|
|
4073
|
-
const p = Array.isArray(v) ? v : [], V = [],
|
|
4074
|
-
p.forEach((H,
|
|
4074
|
+
const p = Array.isArray(v) ? v : [], V = [], A = /* @__PURE__ */ new Set();
|
|
4075
|
+
p.forEach((H, J) => {
|
|
4075
4076
|
if (!H) return;
|
|
4076
|
-
const
|
|
4077
|
-
V.push(
|
|
4078
|
-
const
|
|
4079
|
-
|
|
4080
|
-
id:
|
|
4077
|
+
const re = Ae(H, J);
|
|
4078
|
+
V.push(re), A.add(re);
|
|
4079
|
+
const oe = ee[re], we = { ...H, id: re }, $e = oe?.visible ?? !!we?.visible;
|
|
4080
|
+
oe && (oe.layer && O?.hasLayer(oe.layer) && O.removeLayer(oe.layer), oe.boundsLayer && O?.hasLayer(oe.boundsLayer) && O.removeLayer(oe.boundsLayer), je(re)), ee[re] = {
|
|
4081
|
+
id: re,
|
|
4081
4082
|
config: we,
|
|
4082
4083
|
visible: $e,
|
|
4083
4084
|
layer: null,
|
|
4084
4085
|
boundsLayer: null
|
|
4085
4086
|
};
|
|
4086
4087
|
}), Object.keys(ee).forEach((H) => {
|
|
4087
|
-
if (!
|
|
4088
|
-
const
|
|
4089
|
-
|
|
4088
|
+
if (!A.has(H)) {
|
|
4089
|
+
const J = ee[H];
|
|
4090
|
+
J?.layer && O?.hasLayer(J.layer) && O.removeLayer(J.layer), J?.boundsLayer && O?.hasLayer(J.boundsLayer) && O.removeLayer(J.boundsLayer), je(H), delete ee[H];
|
|
4090
4091
|
}
|
|
4091
4092
|
}), j.value = V, Xe();
|
|
4092
4093
|
},
|
|
4093
4094
|
{ immediate: !0, deep: !0 }
|
|
4094
|
-
),
|
|
4095
|
+
), ie(
|
|
4095
4096
|
() => s.bounds,
|
|
4096
4097
|
() => {
|
|
4097
4098
|
O && (Object.values(ee).forEach((v) => {
|
|
@@ -4099,7 +4100,7 @@ const ui = {
|
|
|
4099
4100
|
}), Je(), Xe());
|
|
4100
4101
|
},
|
|
4101
4102
|
{ deep: !0 }
|
|
4102
|
-
),
|
|
4103
|
+
), ie(
|
|
4103
4104
|
() => s.katottg,
|
|
4104
4105
|
async (v) => {
|
|
4105
4106
|
if (L.value = [], !v) {
|
|
@@ -4109,8 +4110,8 @@ const ui = {
|
|
|
4109
4110
|
try {
|
|
4110
4111
|
const p = await fetch(`https://data.gki.com.ua/api-user/atu/${v}`);
|
|
4111
4112
|
if (!p?.ok) return;
|
|
4112
|
-
const
|
|
4113
|
-
Array.isArray(
|
|
4113
|
+
const A = (await p.json())?.geometry?.coordinates;
|
|
4114
|
+
Array.isArray(A) && A.length && (L.value = A);
|
|
4114
4115
|
} catch (p) {
|
|
4115
4116
|
console.error("Failed to fetch KATOTTG bounds", p);
|
|
4116
4117
|
} finally {
|
|
@@ -4118,11 +4119,11 @@ const ui = {
|
|
|
4118
4119
|
}
|
|
4119
4120
|
},
|
|
4120
4121
|
{ immediate: !0 }
|
|
4121
|
-
),
|
|
4122
|
+
), ie(
|
|
4122
4123
|
() => s.modelValue,
|
|
4123
4124
|
(v) => {
|
|
4124
4125
|
if (!O || !z) {
|
|
4125
|
-
|
|
4126
|
+
T.value = v;
|
|
4126
4127
|
return;
|
|
4127
4128
|
}
|
|
4128
4129
|
Qe(v);
|
|
@@ -4130,11 +4131,11 @@ const ui = {
|
|
|
4130
4131
|
{ deep: !0 }
|
|
4131
4132
|
);
|
|
4132
4133
|
function $t(v) {
|
|
4133
|
-
const p =
|
|
4134
|
+
const p = K.value;
|
|
4134
4135
|
return v instanceof p.Circle ? "Circle" : v instanceof p.Rectangle ? "Rectangle" : v instanceof p.Polygon && !(v instanceof p.Rectangle) ? "Polygon" : v instanceof p.Polyline && !(v instanceof p.Polygon) ? "Polyline" : v instanceof p.Marker ? "Point" : "Feature";
|
|
4135
4136
|
}
|
|
4136
4137
|
function ct(v) {
|
|
4137
|
-
const p =
|
|
4138
|
+
const p = K.value;
|
|
4138
4139
|
if (v instanceof p.Circle) {
|
|
4139
4140
|
const V = v.getRadius();
|
|
4140
4141
|
return Math.PI * (V * V) / 1e6;
|
|
@@ -4144,13 +4145,13 @@ const ui = {
|
|
|
4144
4145
|
const V = v.getLatLngs();
|
|
4145
4146
|
if (!Array.isArray(V) || !V.length) return null;
|
|
4146
4147
|
if (!Array.isArray(V[0])) {
|
|
4147
|
-
const
|
|
4148
|
-
return
|
|
4148
|
+
const re = p.GeometryUtil?.geodesicArea ? p.GeometryUtil.geodesicArea(V) : 0;
|
|
4149
|
+
return re ? Math.abs(re) / 1e6 : 0;
|
|
4149
4150
|
}
|
|
4150
|
-
const
|
|
4151
|
-
if (
|
|
4152
|
-
const { feature:
|
|
4153
|
-
if (
|
|
4151
|
+
const A = V[0];
|
|
4152
|
+
if (A.length > 0 && (A[0] instanceof p.LatLng || typeof A[0]?.lat == "number")) {
|
|
4153
|
+
const { feature: re } = v;
|
|
4154
|
+
if (re?.geometry?.type === "MultiPolygon") {
|
|
4154
4155
|
const $e = V.reduce((Ge, pt) => {
|
|
4155
4156
|
if (!Array.isArray(pt) || !pt.length) return Ge;
|
|
4156
4157
|
if (p.GeometryUtil?.geodesicArea) {
|
|
@@ -4164,60 +4165,69 @@ const ui = {
|
|
|
4164
4165
|
const we = p.GeometryUtil?.geodesicArea ? p.GeometryUtil.geodesicArea(V) : 0;
|
|
4165
4166
|
return we ? Math.abs(we) / 1e6 : 0;
|
|
4166
4167
|
}
|
|
4167
|
-
const
|
|
4168
|
-
if (!Array.isArray(
|
|
4169
|
-
const we = Array.isArray(
|
|
4168
|
+
const J = V.reduce((re, oe) => {
|
|
4169
|
+
if (!Array.isArray(oe) || !oe.length) return re;
|
|
4170
|
+
const we = Array.isArray(oe[0]) ? oe[0] : oe;
|
|
4170
4171
|
if (p.GeometryUtil?.geodesicArea) {
|
|
4171
4172
|
const $e = p.GeometryUtil.geodesicArea(we);
|
|
4172
|
-
if ($e) return
|
|
4173
|
+
if ($e) return re + Math.abs($e);
|
|
4173
4174
|
}
|
|
4174
|
-
return
|
|
4175
|
+
return re;
|
|
4175
4176
|
}, 0);
|
|
4176
|
-
return
|
|
4177
|
+
return J ? J / 1e6 : 0;
|
|
4177
4178
|
} catch {
|
|
4178
4179
|
return null;
|
|
4179
4180
|
}
|
|
4180
4181
|
return null;
|
|
4181
4182
|
}
|
|
4182
4183
|
function Vt(v) {
|
|
4183
|
-
return v instanceof
|
|
4184
|
+
return v instanceof K.value.Circle ? v.getLatLng() : v.getBounds ? v.getBounds().getCenter() : v.getLatLng ? v.getLatLng() : O.getCenter();
|
|
4184
4185
|
}
|
|
4185
4186
|
function Ue(v) {
|
|
4186
|
-
const p = z.toGeoJSON(), V = [];
|
|
4187
|
-
let
|
|
4188
|
-
const
|
|
4189
|
-
if (
|
|
4190
|
-
switch (
|
|
4187
|
+
const p = z.toGeoJSON(), V = [], A = [];
|
|
4188
|
+
let H = null;
|
|
4189
|
+
const J = (oe) => {
|
|
4190
|
+
if (oe)
|
|
4191
|
+
switch (oe.type) {
|
|
4191
4192
|
case "Point":
|
|
4192
|
-
|
|
4193
|
+
H = oe;
|
|
4193
4194
|
break;
|
|
4194
4195
|
case "Polygon":
|
|
4195
|
-
V.push(
|
|
4196
|
+
V.push(oe.coordinates);
|
|
4196
4197
|
break;
|
|
4197
4198
|
case "MultiPolygon":
|
|
4198
|
-
V.push(...
|
|
4199
|
+
V.push(...oe.coordinates);
|
|
4200
|
+
break;
|
|
4201
|
+
case "LineString":
|
|
4202
|
+
A.push(oe.coordinates);
|
|
4203
|
+
break;
|
|
4204
|
+
case "MultiLineString":
|
|
4205
|
+
A.push(...oe.coordinates);
|
|
4199
4206
|
break;
|
|
4200
4207
|
case "GeometryCollection":
|
|
4201
|
-
(
|
|
4208
|
+
(oe.geometries || []).forEach(J);
|
|
4202
4209
|
break;
|
|
4203
4210
|
}
|
|
4204
4211
|
};
|
|
4205
|
-
(p?.features || []).forEach((
|
|
4206
|
-
const
|
|
4212
|
+
(p?.features || []).forEach((oe) => J(oe.geometry));
|
|
4213
|
+
const re = H || (V.length ? {
|
|
4207
4214
|
type: V.length === 1 ? "Polygon" : "MultiPolygon",
|
|
4208
4215
|
coordinates: V.length === 1 ? V[0] : V
|
|
4216
|
+
} : A.length ? {
|
|
4217
|
+
type: A.length === 1 ? "LineString" : "MultiLineString",
|
|
4218
|
+
coordinates: A.length === 1 ? A[0] : A
|
|
4209
4219
|
} : null);
|
|
4210
|
-
!v?.silent && !F && u("update:modelValue",
|
|
4220
|
+
!v?.silent && !F && u("update:modelValue", re), d.value = z.getLayers().length;
|
|
4211
4221
|
}
|
|
4212
4222
|
function Qe(v) {
|
|
4213
|
-
if (!z || !
|
|
4223
|
+
if (!z || !K.value) return;
|
|
4214
4224
|
z.clearLayers();
|
|
4215
4225
|
const p = ii(v);
|
|
4216
4226
|
if (!p) {
|
|
4217
4227
|
S.value = null, d.value = 0;
|
|
4218
4228
|
return;
|
|
4219
4229
|
}
|
|
4220
|
-
|
|
4230
|
+
K.value.geoJSON(p).eachLayer((A) => z.addLayer(A)), F = !0, Ue({ silent: !0 }), F = !1, He();
|
|
4221
4231
|
const V = z.getBounds?.();
|
|
4222
4232
|
V?.isValid?.() && O?.fitBounds(V, { padding: [24, 24] });
|
|
4223
4233
|
}
|
|
@@ -4227,9 +4237,9 @@ const ui = {
|
|
|
4227
4237
|
S.value = null, d.value = 0;
|
|
4228
4238
|
return;
|
|
4229
4239
|
}
|
|
4230
|
-
const p = v[v.length - 1], V = $t(p),
|
|
4240
|
+
const p = v[v.length - 1], V = $t(p), A = Vt(p), H = z.toGeoJSON(), J = H?.features?.some(($e) => $e.geometry?.type === "MultiPolygon") || H?.geometry?.type === "MultiPolygon", re = v.length > 1 && v.every(($e) => $e instanceof K.value.Polygon || $e instanceof K.value.Rectangle), oe = J || re;
|
|
4231
4241
|
let we = null;
|
|
4232
|
-
if (
|
|
4242
|
+
if (oe) {
|
|
4233
4243
|
const $e = v.reduce((Ge, pt) => {
|
|
4234
4244
|
const ft = ct(pt);
|
|
4235
4245
|
return Ge + (ft ? ft * 1e6 : 0);
|
|
@@ -4237,13 +4247,13 @@ const ui = {
|
|
|
4237
4247
|
we = $e ? $e / 1e6 : 0;
|
|
4238
4248
|
} else
|
|
4239
4249
|
we = ct(p);
|
|
4240
|
-
S.value = { type: V, center:
|
|
4250
|
+
S.value = { type: V, center: A, areaKm2: we, layer: p }, d.value = v.length;
|
|
4241
4251
|
}
|
|
4242
4252
|
const qe = M("");
|
|
4243
4253
|
function et(v) {
|
|
4244
|
-
if (f.value || !O || !
|
|
4254
|
+
if (f.value || !O || !K.value) return;
|
|
4245
4255
|
U?.disable && U.disable();
|
|
4246
|
-
const p =
|
|
4256
|
+
const p = K.value;
|
|
4247
4257
|
switch (v) {
|
|
4248
4258
|
case "marker":
|
|
4249
4259
|
U = new p.Draw.Marker(O);
|
|
@@ -4276,46 +4286,46 @@ const ui = {
|
|
|
4276
4286
|
if (f.value) return;
|
|
4277
4287
|
const p = v.target, V = p.files?.[0];
|
|
4278
4288
|
if (!V) return;
|
|
4279
|
-
const
|
|
4280
|
-
|
|
4289
|
+
const A = new FileReader();
|
|
4290
|
+
A.onload = () => {
|
|
4281
4291
|
try {
|
|
4282
|
-
const H = JSON.parse(String(
|
|
4283
|
-
z.clearLayers(), H &&
|
|
4292
|
+
const H = JSON.parse(String(A.result));
|
|
4293
|
+
z.clearLayers(), H && K.value.geoJSON(H).eachLayer((J) => z.addLayer(J)), Ue(), He();
|
|
4284
4294
|
} finally {
|
|
4285
4295
|
p.value = "";
|
|
4286
4296
|
}
|
|
4287
|
-
},
|
|
4297
|
+
}, A.readAsText(V);
|
|
4288
4298
|
}
|
|
4289
4299
|
function D() {
|
|
4290
4300
|
if (f.value) return;
|
|
4291
|
-
const v = z.toGeoJSON(), p = new Blob([JSON.stringify(v, null, 2)], { type: "application/json" }), V = URL.createObjectURL(p),
|
|
4292
|
-
|
|
4301
|
+
const v = z.toGeoJSON(), p = new Blob([JSON.stringify(v, null, 2)], { type: "application/json" }), V = URL.createObjectURL(p), A = document.createElement("a");
|
|
4302
|
+
A.href = V, A.download = "data.geojson", A.click(), URL.revokeObjectURL(V);
|
|
4293
4303
|
}
|
|
4294
4304
|
function B(v) {
|
|
4295
|
-
!O || !
|
|
4305
|
+
!O || !K.value || !G[v] || (ze && O.removeLayer(ze), ze = K.value.tileLayer(G[v].url, {
|
|
4296
4306
|
maxZoom: 19,
|
|
4297
4307
|
minZoom: 6,
|
|
4298
4308
|
pane: Dt
|
|
4299
4309
|
}).addTo(O), ye.value = v);
|
|
4300
4310
|
}
|
|
4301
|
-
function
|
|
4302
|
-
if (!O || !
|
|
4303
|
-
const p =
|
|
4311
|
+
function I(v) {
|
|
4312
|
+
if (!O || !K.value) return;
|
|
4313
|
+
const p = K.value.latLng(v[0], v[1]);
|
|
4304
4314
|
O.setView(p, 13);
|
|
4305
4315
|
}
|
|
4306
|
-
let
|
|
4316
|
+
let le = null;
|
|
4307
4317
|
return Ee(async () => {
|
|
4308
|
-
|
|
4309
|
-
const v =
|
|
4318
|
+
K.value = await ae();
|
|
4319
|
+
const v = K.value;
|
|
4310
4320
|
v.drawLocal = Ls, O = v.map(g.value, { zoomControl: !1, scrollWheelZoom: !1 }).setView(_.value, h.value), v.control.zoom({ position: "bottomright" }).addTo(O);
|
|
4311
4321
|
const p = ye.value || Object.keys(G)[0];
|
|
4312
4322
|
O.createPane(Dt), O.getPane(Dt).style.zIndex = "180", O.createPane(St), O.getPane(St).style.zIndex = "220", p && G[p] && (ye.value = p, ze = v.tileLayer(G[p].url, {
|
|
4313
4323
|
maxZoom: 19,
|
|
4314
4324
|
minZoom: 6,
|
|
4315
4325
|
pane: Dt
|
|
4316
|
-
}).addTo(O)), z = new v.FeatureGroup().addTo(O), O.on(v.Draw.Event.CREATED, (
|
|
4326
|
+
}).addTo(O)), z = new v.FeatureGroup().addTo(O), O.on(v.Draw.Event.CREATED, (A) => {
|
|
4317
4327
|
if (f.value) return;
|
|
4318
|
-
const { layer: H } =
|
|
4328
|
+
const { layer: H } = A;
|
|
4319
4329
|
z.clearLayers(), z.addLayer(H), Ue(), He(), qe.value = "";
|
|
4320
4330
|
}), O.on(v.Draw.Event.EDITED, () => {
|
|
4321
4331
|
f.value || (Ue(), He());
|
|
@@ -4323,18 +4333,18 @@ const ui = {
|
|
|
4323
4333
|
f.value || (Ue(), He());
|
|
4324
4334
|
});
|
|
4325
4335
|
let V = !1;
|
|
4326
|
-
O.on("mousemove", (
|
|
4336
|
+
O.on("mousemove", (A) => {
|
|
4327
4337
|
V || (O.invalidateSize(), V = !0);
|
|
4328
4338
|
}), O.on("zoomend", () => {
|
|
4329
4339
|
h.value = O.getZoom();
|
|
4330
|
-
}),
|
|
4340
|
+
}), le = Me(), Xe(), Je(), T.value !== void 0 && (Qe(T.value), T.value = void 0);
|
|
4331
4341
|
}), jt(() => {
|
|
4332
|
-
|
|
4333
|
-
}),
|
|
4342
|
+
le?.(), je(), N && O?.hasLayer(N) && (O.removeLayer(N), N = null), O?.remove && O.remove();
|
|
4343
|
+
}), ie(m, () => {
|
|
4334
4344
|
setTimeout(() => {
|
|
4335
4345
|
O?.invalidateSize && O.invalidateSize();
|
|
4336
4346
|
}, 50);
|
|
4337
|
-
}),
|
|
4347
|
+
}), ie(y, async (v) => {
|
|
4338
4348
|
if (!v || !x.value) {
|
|
4339
4349
|
b.value = null;
|
|
4340
4350
|
return;
|
|
@@ -4342,7 +4352,7 @@ const ui = {
|
|
|
4342
4352
|
await Oe();
|
|
4343
4353
|
const p = x.value.getBoundingClientRect();
|
|
4344
4354
|
b.value = { top: p.bottom + 6, left: p.left };
|
|
4345
|
-
}), (v, p) => (i(),
|
|
4355
|
+
}), (v, p) => (i(), pe(st, {
|
|
4346
4356
|
to: "body",
|
|
4347
4357
|
disabled: !m.value
|
|
4348
4358
|
}, [
|
|
@@ -4354,7 +4364,7 @@ const ui = {
|
|
|
4354
4364
|
ref: g,
|
|
4355
4365
|
class: "w-full h-full"
|
|
4356
4366
|
}, null, 512),
|
|
4357
|
-
|
|
4367
|
+
W(Kt, {
|
|
4358
4368
|
name: "zoom-instructions",
|
|
4359
4369
|
"enter-active-class": "transition-all duration-200 ease-out",
|
|
4360
4370
|
"leave-active-class": "transition-all duration-500 ease-in",
|
|
@@ -4366,16 +4376,16 @@ const ui = {
|
|
|
4366
4376
|
default: Se(() => [
|
|
4367
4377
|
$.value && s.handleZoom ? (i(), c("div", ui, [
|
|
4368
4378
|
n("div", di, [
|
|
4369
|
-
n("p", ci,
|
|
4379
|
+
n("p", ci, Y(C.value), 1)
|
|
4370
4380
|
])
|
|
4371
4381
|
])) : P("", !0)
|
|
4372
4382
|
]),
|
|
4373
4383
|
_: 1
|
|
4374
4384
|
}),
|
|
4375
4385
|
Z.value.search || Z.value.import || Z.value.export ? (i(), c("div", pi, [
|
|
4376
|
-
Z.value.search ? (i(),
|
|
4386
|
+
Z.value.search ? (i(), pe(li, {
|
|
4377
4387
|
key: 0,
|
|
4378
|
-
onGoToCoordinates:
|
|
4388
|
+
onGoToCoordinates: I
|
|
4379
4389
|
})) : P("", !0),
|
|
4380
4390
|
Z.value.import || Z.value.export ? (i(), c("div", fi, [
|
|
4381
4391
|
n("div", mi, [
|
|
@@ -4405,19 +4415,19 @@ const ui = {
|
|
|
4405
4415
|
}, null, 40, gi)
|
|
4406
4416
|
])) : P("", !0)
|
|
4407
4417
|
])) : P("", !0),
|
|
4408
|
-
|
|
4418
|
+
ue.value.length ? (i(), c("div", {
|
|
4409
4419
|
key: 1,
|
|
4410
4420
|
class: "absolute z-[1500] pointer-events-none",
|
|
4411
4421
|
style: Ve(q.value)
|
|
4412
4422
|
}, [
|
|
4413
4423
|
n("div", yi, [
|
|
4414
4424
|
n("dl", bi, [
|
|
4415
|
-
(i(!0), c(
|
|
4425
|
+
(i(!0), c(de, null, he(ue.value, (V) => (i(), c("div", {
|
|
4416
4426
|
key: `${V.key}-${V.value}`,
|
|
4417
4427
|
class: "flex justify-between gap-2"
|
|
4418
4428
|
}, [
|
|
4419
|
-
n("dt", wi,
|
|
4420
|
-
n("dd", xi,
|
|
4429
|
+
n("dt", wi, Y(V.key), 1),
|
|
4430
|
+
n("dd", xi, Y(V.value), 1)
|
|
4421
4431
|
]))), 128))
|
|
4422
4432
|
])
|
|
4423
4433
|
])
|
|
@@ -4431,7 +4441,7 @@ const ui = {
|
|
|
4431
4441
|
onClick: p[0] || (p[0] = (V) => et("marker")),
|
|
4432
4442
|
disabled: f.value
|
|
4433
4443
|
}, [
|
|
4434
|
-
|
|
4444
|
+
W(Bs)
|
|
4435
4445
|
], 10, $i)) : P("", !0),
|
|
4436
4446
|
Z.value.line ? (i(), c("button", {
|
|
4437
4447
|
key: 1,
|
|
@@ -4440,7 +4450,7 @@ const ui = {
|
|
|
4440
4450
|
onClick: p[1] || (p[1] = (V) => et("polyline")),
|
|
4441
4451
|
disabled: f.value
|
|
4442
4452
|
}, [
|
|
4443
|
-
|
|
4453
|
+
W(Is)
|
|
4444
4454
|
], 10, Vi)) : P("", !0),
|
|
4445
4455
|
Z.value.polygon ? (i(), c("button", {
|
|
4446
4456
|
key: 2,
|
|
@@ -4449,7 +4459,7 @@ const ui = {
|
|
|
4449
4459
|
onClick: p[2] || (p[2] = (V) => et("polygon")),
|
|
4450
4460
|
disabled: f.value
|
|
4451
4461
|
}, [
|
|
4452
|
-
|
|
4462
|
+
W(zs)
|
|
4453
4463
|
], 10, Ci)) : P("", !0),
|
|
4454
4464
|
Z.value.rectangle ? (i(), c("button", {
|
|
4455
4465
|
key: 3,
|
|
@@ -4458,14 +4468,14 @@ const ui = {
|
|
|
4458
4468
|
onClick: p[3] || (p[3] = (V) => et("rectangle")),
|
|
4459
4469
|
disabled: f.value
|
|
4460
4470
|
}, [
|
|
4461
|
-
|
|
4471
|
+
W(Rs)
|
|
4462
4472
|
], 10, Li)) : P("", !0),
|
|
4463
4473
|
n("button", {
|
|
4464
4474
|
class: "vs-btn mt-5",
|
|
4465
4475
|
onClick: p[4] || (p[4] = (V) => m.value = !m.value),
|
|
4466
4476
|
title: "Full Screen"
|
|
4467
4477
|
}, [
|
|
4468
|
-
|
|
4478
|
+
W(Ws, { style: { width: "12px", height: "12px" } })
|
|
4469
4479
|
])
|
|
4470
4480
|
])
|
|
4471
4481
|
]),
|
|
@@ -4473,14 +4483,14 @@ const ui = {
|
|
|
4473
4483
|
class: R(["absolute left-4 z-[1000]", S.value ? "bottom-8" : "bottom-4"])
|
|
4474
4484
|
}, [
|
|
4475
4485
|
n("div", Mi, [
|
|
4476
|
-
|
|
4477
|
-
basemaps:
|
|
4486
|
+
W(si, {
|
|
4487
|
+
basemaps: ve(G),
|
|
4478
4488
|
onOnLayerChange: B
|
|
4479
4489
|
}, null, 8, ["basemaps"]),
|
|
4480
|
-
|
|
4490
|
+
se.value.length ? (i(), c("div", Di, [
|
|
4481
4491
|
p[9] || (p[9] = n("p", { class: "font-semibold text-[11px] uppercase tracking-wide text-gray-500 mb-2" }, "Шари", -1)),
|
|
4482
4492
|
n("div", Si, [
|
|
4483
|
-
(i(!0), c(
|
|
4493
|
+
(i(!0), c(de, null, he(se.value, (V) => (i(), c("label", {
|
|
4484
4494
|
key: V.id,
|
|
4485
4495
|
class: "flex items-center gap-2 cursor-pointer select-none"
|
|
4486
4496
|
}, [
|
|
@@ -4489,9 +4499,9 @@ const ui = {
|
|
|
4489
4499
|
class: "rounded border-gray-300 text-blue-600 focus:ring-blue-500",
|
|
4490
4500
|
checked: V.visible,
|
|
4491
4501
|
disabled: f.value,
|
|
4492
|
-
onChange: (
|
|
4502
|
+
onChange: (A) => _t(V.id)
|
|
4493
4503
|
}, null, 40, Bi),
|
|
4494
|
-
n("span", Ai,
|
|
4504
|
+
n("span", Ai, Y(V.config.title || V.config.name || V.id), 1)
|
|
4495
4505
|
]))), 128))
|
|
4496
4506
|
])
|
|
4497
4507
|
])) : P("", !0)
|
|
@@ -4506,7 +4516,7 @@ const ui = {
|
|
|
4506
4516
|
}, [
|
|
4507
4517
|
n("div", Ii, [
|
|
4508
4518
|
p[10] || (p[10] = _e(" Type: ", -1)),
|
|
4509
|
-
n("span", ji,
|
|
4519
|
+
n("span", ji, Y(S.value.type), 1)
|
|
4510
4520
|
]),
|
|
4511
4521
|
w.value ? (i(), c("div", {
|
|
4512
4522
|
key: 0,
|
|
@@ -4514,33 +4524,33 @@ const ui = {
|
|
|
4514
4524
|
ref: x,
|
|
4515
4525
|
class: "text-gray-500 text-xs truncate cursor-help",
|
|
4516
4526
|
style: { "max-width": "260px" }
|
|
4517
|
-
}, " Address: " +
|
|
4518
|
-
(i(),
|
|
4527
|
+
}, " Address: " + Y(w.value), 513)) : P("", !0),
|
|
4528
|
+
(i(), pe(st, { to: "body" }, [
|
|
4519
4529
|
y.value && w.value && b.value ? (i(), c("div", {
|
|
4520
4530
|
key: 0,
|
|
4521
4531
|
class: "fixed z-[99999] pointer-events-none bg-gray-800 text-white text-xs px-2 py-1 rounded shadow whitespace-nowrap",
|
|
4522
4532
|
style: Ve({ top: b.value.top + "px", left: b.value.left + "px" })
|
|
4523
|
-
},
|
|
4533
|
+
}, Y(w.value), 5)) : P("", !0)
|
|
4524
4534
|
]))
|
|
4525
4535
|
], 32),
|
|
4526
4536
|
n("div", Fi, [
|
|
4527
4537
|
n("div", Oi, [
|
|
4528
4538
|
p[11] || (p[11] = _e(" Center: ", -1)),
|
|
4529
|
-
n("b", null,
|
|
4539
|
+
n("b", null, Y(S.value.center.lat.toFixed(5)) + ", " + Y(S.value.center.lng.toFixed(5)), 1)
|
|
4530
4540
|
]),
|
|
4531
4541
|
S.value.areaKm2 !== null ? (i(), c("div", zi, [
|
|
4532
4542
|
p[12] || (p[12] = _e(" Area: ", -1)),
|
|
4533
|
-
n("b", null,
|
|
4534
|
-
])) : (i(), c("div", Pi,
|
|
4543
|
+
n("b", null, Y(S.value.areaKm2.toFixed(1)) + " km²", 1)
|
|
4544
|
+
])) : (i(), c("div", Pi, p[13] || (p[13] = [
|
|
4535
4545
|
_e("Area: ", -1),
|
|
4536
4546
|
n("b", null, "—", -1)
|
|
4537
|
-
])
|
|
4547
|
+
]))),
|
|
4538
4548
|
n("button", {
|
|
4539
4549
|
class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md mr-1 cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
|
|
4540
4550
|
title: "Zoom to feature",
|
|
4541
4551
|
onClick: p[7] || (p[7] = (V) => Pt()),
|
|
4542
4552
|
disabled: f.value
|
|
4543
|
-
},
|
|
4553
|
+
}, p[14] || (p[14] = [
|
|
4544
4554
|
n("svg", {
|
|
4545
4555
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4546
4556
|
viewBox: "0 0 24 24",
|
|
@@ -4556,14 +4566,14 @@ const ui = {
|
|
|
4556
4566
|
n("path", { d: "M10 7l0 6" }),
|
|
4557
4567
|
n("path", { d: "M21 21l-6 -6" })
|
|
4558
4568
|
], -1)
|
|
4559
|
-
])
|
|
4569
|
+
]), 8, Ui),
|
|
4560
4570
|
n("button", {
|
|
4561
4571
|
class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
|
|
4562
4572
|
title: "Delete feature",
|
|
4563
4573
|
onClick: p[8] || (p[8] = (V) => Ut()),
|
|
4564
4574
|
disabled: f.value
|
|
4565
4575
|
}, [
|
|
4566
|
-
|
|
4576
|
+
W(it, { class: "w-3 h-3" })
|
|
4567
4577
|
], 8, Ni)
|
|
4568
4578
|
])
|
|
4569
4579
|
])) : P("", !0)
|
|
@@ -4571,7 +4581,7 @@ const ui = {
|
|
|
4571
4581
|
], 2)
|
|
4572
4582
|
], 8, ["disabled"]));
|
|
4573
4583
|
}
|
|
4574
|
-
}), Hi = /* @__PURE__ */
|
|
4584
|
+
}), Hi = /* @__PURE__ */ ne(Ri, [["__scopeId", "data-v-aaf0f9a6"]]), qi = ["data-focus"], Gi = { class: "flex items-center" }, Wi = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Ki = ["onClick", "aria-label"], Yi = {
|
|
4575
4585
|
key: 0,
|
|
4576
4586
|
class: "absolute text-gray-500 truncate pl-2"
|
|
4577
4587
|
}, Zi = { class: "flex-1 min-w-[2px]" }, Ji = ["placeholder"], Xi = { class: "flex items-center shrink-0" }, Qi = ["disabled"], eu = /* @__PURE__ */ Q({
|
|
@@ -4597,26 +4607,26 @@ const ui = {
|
|
|
4597
4607
|
Be(l.style);
|
|
4598
4608
|
const o = M(null), r = M(null), s = M(null), u = M(!1), f = M(""), m = be(e, "modelValue"), g = k(() => l.placeholder || "Add tag…"), $ = k(() => m.value?.length === 0 && f.value === ""), C = k(() => !l.disabled && m.value?.length > 0), w = k(() => l.disabled), S = async () => {
|
|
4599
4609
|
w.value || await Oe(() => s.value?.focus());
|
|
4600
|
-
}, y = (
|
|
4601
|
-
const F =
|
|
4610
|
+
}, y = (T) => {
|
|
4611
|
+
const F = T.trim();
|
|
4602
4612
|
F !== "" && (!m.value || !Array.isArray(m.value) ? m.value = [F] : l.unique ? m.value.includes(F) || (m.value = [...m.value, F]) : m.value = [...m.value, F], f.value = "");
|
|
4603
4613
|
}, b = () => {
|
|
4604
|
-
const
|
|
4605
|
-
|
|
4606
|
-
}, x = (
|
|
4614
|
+
const T = f.value;
|
|
4615
|
+
T.trim() !== "" && y(T), f.value = "";
|
|
4616
|
+
}, x = (T) => {
|
|
4607
4617
|
const F = m.value.slice();
|
|
4608
|
-
F.splice(
|
|
4618
|
+
F.splice(T, 1), a("update:modelValue", F);
|
|
4609
4619
|
}, d = () => {
|
|
4610
4620
|
a("update:modelValue", []);
|
|
4611
4621
|
}, _ = () => {
|
|
4612
4622
|
w.value || (u.value = !0);
|
|
4613
4623
|
}, h = () => {
|
|
4614
4624
|
u.value = !1, !w.value && b();
|
|
4615
|
-
}, L = (
|
|
4616
|
-
const { key: F } =
|
|
4617
|
-
F === "Enter" ? (
|
|
4625
|
+
}, L = (T) => {
|
|
4626
|
+
const { key: F } = T;
|
|
4627
|
+
F === "Enter" ? (T.preventDefault(), b()) : F === "Backspace" && f.value === "" && m.value.length > 0 && x(m.value.length - 1);
|
|
4618
4628
|
};
|
|
4619
|
-
return (
|
|
4629
|
+
return (T, F) => (i(), c("div", {
|
|
4620
4630
|
class: "flex gap-1 w-full",
|
|
4621
4631
|
ref_key: "root",
|
|
4622
4632
|
ref: o,
|
|
@@ -4643,19 +4653,19 @@ const ui = {
|
|
|
4643
4653
|
ref_key: "chipsRef",
|
|
4644
4654
|
ref: r
|
|
4645
4655
|
}, [
|
|
4646
|
-
(i(!0), c(
|
|
4656
|
+
(i(!0), c(de, null, he(m.value, (K, Z) => (i(), c("div", {
|
|
4647
4657
|
key: Z,
|
|
4648
4658
|
class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
|
|
4649
4659
|
}, [
|
|
4650
4660
|
n("div", Gi, [
|
|
4651
|
-
n("div", Wi,
|
|
4661
|
+
n("div", Wi, Y(K), 1)
|
|
4652
4662
|
]),
|
|
4653
4663
|
n("div", {
|
|
4654
4664
|
role: "button",
|
|
4655
4665
|
class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
|
|
4656
4666
|
onClick: ke((ee) => x(Z), ["stop"]),
|
|
4657
|
-
"aria-label": `Remove ${
|
|
4658
|
-
},
|
|
4667
|
+
"aria-label": `Remove ${K}`
|
|
4668
|
+
}, F[2] || (F[2] = [
|
|
4659
4669
|
n("svg", {
|
|
4660
4670
|
height: "14",
|
|
4661
4671
|
width: "14",
|
|
@@ -4666,11 +4676,11 @@ const ui = {
|
|
|
4666
4676
|
}, [
|
|
4667
4677
|
n("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
|
|
4668
4678
|
], -1)
|
|
4669
|
-
])
|
|
4679
|
+
]), 8, Ki)
|
|
4670
4680
|
]))), 128)),
|
|
4671
|
-
$.value ? (i(), c("div", Yi,
|
|
4681
|
+
$.value ? (i(), c("div", Yi, Y(g.value), 1)) : P("", !0),
|
|
4672
4682
|
n("div", Zi, [
|
|
4673
|
-
w.value ? P("", !0) :
|
|
4683
|
+
w.value ? P("", !0) : me((i(), c("input", {
|
|
4674
4684
|
key: 0,
|
|
4675
4685
|
ref_key: "inputRef",
|
|
4676
4686
|
ref: s,
|
|
@@ -4682,7 +4692,7 @@ const ui = {
|
|
|
4682
4692
|
type: "text",
|
|
4683
4693
|
tabindex: "0",
|
|
4684
4694
|
"aria-label": "Add tag",
|
|
4685
|
-
"onUpdate:modelValue": F[0] || (F[0] = (
|
|
4695
|
+
"onUpdate:modelValue": F[0] || (F[0] = (K) => f.value = K),
|
|
4686
4696
|
onFocus: _,
|
|
4687
4697
|
onBlur: h,
|
|
4688
4698
|
onKeydown: L,
|
|
@@ -4700,7 +4710,7 @@ const ui = {
|
|
|
4700
4710
|
"aria-label": "Clear all tags",
|
|
4701
4711
|
disabled: w.value,
|
|
4702
4712
|
onClick: ke(d, ["stop"])
|
|
4703
|
-
},
|
|
4713
|
+
}, F[3] || (F[3] = [
|
|
4704
4714
|
n("svg", {
|
|
4705
4715
|
height: "20",
|
|
4706
4716
|
width: "20",
|
|
@@ -4709,7 +4719,7 @@ const ui = {
|
|
|
4709
4719
|
}, [
|
|
4710
4720
|
n("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
|
|
4711
4721
|
], -1)
|
|
4712
|
-
])
|
|
4722
|
+
]), 8, Qi)) : P("", !0)
|
|
4713
4723
|
])
|
|
4714
4724
|
], 10, qi)
|
|
4715
4725
|
], 2)
|
|
@@ -4775,7 +4785,7 @@ const ui = {
|
|
|
4775
4785
|
a.value = u.toString();
|
|
4776
4786
|
};
|
|
4777
4787
|
return (s, u) => (i(), c("div", tu, [
|
|
4778
|
-
|
|
4788
|
+
me(n("input", {
|
|
4779
4789
|
ref: "vsText",
|
|
4780
4790
|
disabled: s.disabled,
|
|
4781
4791
|
placeholder: s.placeholder,
|
|
@@ -4790,7 +4800,7 @@ const ui = {
|
|
|
4790
4800
|
}, " Gen ")
|
|
4791
4801
|
]));
|
|
4792
4802
|
}
|
|
4793
|
-
}), au = /* @__PURE__ */
|
|
4803
|
+
}), au = /* @__PURE__ */ ne(nu, [["__scopeId", "data-v-b0eba370"]]), ou = { class: "relative flex gap-1 bg-white w-full" }, ru = ["disabled", "placeholder"], su = ["disabled"], iu = { key: 0 }, uu = { key: 1 }, du = /* @__PURE__ */ Q({
|
|
4794
4804
|
__name: "vs-input-codegen",
|
|
4795
4805
|
props: /* @__PURE__ */ ge({
|
|
4796
4806
|
table: {},
|
|
@@ -4834,13 +4844,13 @@ const ui = {
|
|
|
4834
4844
|
};
|
|
4835
4845
|
return Ee(() => {
|
|
4836
4846
|
f();
|
|
4837
|
-
}),
|
|
4847
|
+
}), ie(
|
|
4838
4848
|
() => [t.table, t.code, t.init],
|
|
4839
4849
|
() => {
|
|
4840
4850
|
f();
|
|
4841
4851
|
}
|
|
4842
4852
|
), (m, g) => (i(), c("div", ou, [
|
|
4843
|
-
|
|
4853
|
+
me(n("input", {
|
|
4844
4854
|
disabled: m.disabled,
|
|
4845
4855
|
placeholder: m.placeholder,
|
|
4846
4856
|
"onUpdate:modelValue": g[0] || (g[0] = ($) => l.value = $),
|
|
@@ -4857,7 +4867,7 @@ const ui = {
|
|
|
4857
4867
|
], 8, su)
|
|
4858
4868
|
]));
|
|
4859
4869
|
}
|
|
4860
|
-
}), cu = /* @__PURE__ */
|
|
4870
|
+
}), cu = /* @__PURE__ */ ne(du, [["__scopeId", "data-v-6ee5237d"]]), pu = { class: "w-full" }, fu = {
|
|
4861
4871
|
ref: "sortableContainer",
|
|
4862
4872
|
class: "flex flex-col gap-1"
|
|
4863
4873
|
}, mu = ["onDragstart", "onDrop"], vu = { class: "w-1/3" }, hu = { class: "w-2/3" }, gu = ["onClick"], yu = {
|
|
@@ -4897,7 +4907,7 @@ const ui = {
|
|
|
4897
4907
|
}, y = (b) => {
|
|
4898
4908
|
f.value = f.value.filter((x) => x.id !== b);
|
|
4899
4909
|
};
|
|
4900
|
-
return
|
|
4910
|
+
return ie(
|
|
4901
4911
|
f,
|
|
4902
4912
|
(b) => {
|
|
4903
4913
|
const x = {};
|
|
@@ -4915,7 +4925,7 @@ const ui = {
|
|
|
4915
4925
|
{ deep: !0 }
|
|
4916
4926
|
), (b, x) => (i(), c("div", pu, [
|
|
4917
4927
|
n("div", fu, [
|
|
4918
|
-
(i(!0), c(
|
|
4928
|
+
(i(!0), c(de, null, he(f.value, (d, _) => (i(), c("div", {
|
|
4919
4929
|
key: d.id,
|
|
4920
4930
|
class: R(["flex items-center gap-2 w-full", { "opacity-50": m.value === _ }]),
|
|
4921
4931
|
draggable: "true",
|
|
@@ -4924,16 +4934,16 @@ const ui = {
|
|
|
4924
4934
|
}, ["prevent"])),
|
|
4925
4935
|
onDrop: (h) => C(_)
|
|
4926
4936
|
}, [
|
|
4927
|
-
x[1] || (x[1] = Ie('<button class="cursor-move" data-v-
|
|
4937
|
+
x[1] || (x[1] = Ie('<button class="cursor-move" data-v-a0f7fbfc><svg fill="#000000" width="20" height="20" viewBox="0 0 36 36" data-v-a0f7fbfc><circle cx="15" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="18" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="18" r="1.5" data-v-a0f7fbfc></circle></svg></button>', 1)),
|
|
4928
4938
|
n("div", vu, [
|
|
4929
|
-
|
|
4939
|
+
W(ht, {
|
|
4930
4940
|
modelValue: d.key,
|
|
4931
4941
|
"onUpdate:modelValue": (h) => d.key = h,
|
|
4932
4942
|
placeholder: "Ключ"
|
|
4933
4943
|
}, null, 8, ["modelValue", "onUpdate:modelValue"])
|
|
4934
4944
|
]),
|
|
4935
4945
|
n("div", hu, [
|
|
4936
|
-
|
|
4946
|
+
W(ht, {
|
|
4937
4947
|
modelValue: d.value,
|
|
4938
4948
|
"onUpdate:modelValue": (h) => d.value = h,
|
|
4939
4949
|
placeholder: "Значення"
|
|
@@ -4943,7 +4953,7 @@ const ui = {
|
|
|
4943
4953
|
onClick: (h) => y(d.id),
|
|
4944
4954
|
class: "shrink-0 w-[30px] text-gray-600 h-[30px] rounded-full flex items-center justify-center bg-gray-100 hover:bg-gray-200"
|
|
4945
4955
|
}, [
|
|
4946
|
-
|
|
4956
|
+
W(ve(Yt), {
|
|
4947
4957
|
height: "16",
|
|
4948
4958
|
width: "16"
|
|
4949
4959
|
})
|
|
@@ -4958,16 +4968,16 @@ const ui = {
|
|
|
4958
4968
|
disabled: w.value,
|
|
4959
4969
|
class: "py-1.5 px-2 flex items-center gap-x-1 text-xs font-medium rounded-full border border-dashed border-gray-200 bg-white text-gray-800 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
|
|
4960
4970
|
}, [
|
|
4961
|
-
|
|
4971
|
+
W(Ke, {
|
|
4962
4972
|
height: "14",
|
|
4963
4973
|
width: "14"
|
|
4964
4974
|
}),
|
|
4965
|
-
_e(" " +
|
|
4975
|
+
_e(" " + Y(ve(s)), 1)
|
|
4966
4976
|
], 8, wu)
|
|
4967
4977
|
])
|
|
4968
4978
|
]));
|
|
4969
4979
|
}
|
|
4970
|
-
}), ku = /* @__PURE__ */
|
|
4980
|
+
}), ku = /* @__PURE__ */ ne(xu, [["__scopeId", "data-v-a0f7fbfc"]]), _u = { class: "w-full" }, $u = {
|
|
4971
4981
|
ref: "sortableContainer",
|
|
4972
4982
|
class: "flex flex-col gap-1"
|
|
4973
4983
|
}, Vu = ["onDragstart", "onDrop"], Cu = ["disabled"], Lu = { class: "flex-1" }, Mu = ["onClick", "disabled"], Du = {
|
|
@@ -4996,7 +5006,7 @@ const ui = {
|
|
|
4996
5006
|
value: d ?? ""
|
|
4997
5007
|
}));
|
|
4998
5008
|
};
|
|
4999
|
-
g(),
|
|
5009
|
+
g(), ie(
|
|
5000
5010
|
() => l.value,
|
|
5001
5011
|
(b) => {
|
|
5002
5012
|
if (f) {
|
|
@@ -5006,7 +5016,7 @@ const ui = {
|
|
|
5006
5016
|
g(b || []);
|
|
5007
5017
|
},
|
|
5008
5018
|
{ deep: !0 }
|
|
5009
|
-
),
|
|
5019
|
+
), ie(
|
|
5010
5020
|
a,
|
|
5011
5021
|
(b) => {
|
|
5012
5022
|
f = !0, l.value = b.map((x) => x.value).filter((x) => x != null && x !== "");
|
|
@@ -5030,7 +5040,7 @@ const ui = {
|
|
|
5030
5040
|
}
|
|
5031
5041
|
return (b, x) => (i(), c("div", _u, [
|
|
5032
5042
|
n("div", $u, [
|
|
5033
|
-
(i(!0), c(
|
|
5043
|
+
(i(!0), c(de, null, he(a.value, (d, _) => (i(), c("div", {
|
|
5034
5044
|
key: d.id,
|
|
5035
5045
|
class: R(["flex items-center gap-2 w-full", { "opacity-50": o.value === _ }]),
|
|
5036
5046
|
draggable: "true",
|
|
@@ -5043,32 +5053,32 @@ const ui = {
|
|
|
5043
5053
|
class: "cursor-move",
|
|
5044
5054
|
type: "button",
|
|
5045
5055
|
disabled: r.value
|
|
5046
|
-
},
|
|
5047
|
-
Ie('<svg fill="#000000" width="20" height="20" viewBox="0 0 36 36" data-v-
|
|
5048
|
-
])
|
|
5056
|
+
}, x[1] || (x[1] = [
|
|
5057
|
+
Ie('<svg fill="#000000" width="20" height="20" viewBox="0 0 36 36" data-v-66316a33><circle cx="15" cy="12" r="1.5" data-v-66316a33></circle><circle cx="15" cy="24" r="1.5" data-v-66316a33></circle><circle cx="21" cy="12" r="1.5" data-v-66316a33></circle><circle cx="21" cy="24" r="1.5" data-v-66316a33></circle><circle cx="21" cy="18" r="1.5" data-v-66316a33></circle><circle cx="15" cy="18" r="1.5" data-v-66316a33></circle></svg>', 1)
|
|
5058
|
+
]), 8, Cu),
|
|
5049
5059
|
n("div", Lu, [
|
|
5050
|
-
b.inputType === "text" ? (i(),
|
|
5060
|
+
b.inputType === "text" ? (i(), pe(ht, {
|
|
5051
5061
|
key: 0,
|
|
5052
5062
|
modelValue: d.value,
|
|
5053
5063
|
"onUpdate:modelValue": (h) => d.value = h,
|
|
5054
5064
|
disabled: r.value,
|
|
5055
5065
|
placeholder: s.value
|
|
5056
5066
|
}, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "placeholder"])) : P("", !0),
|
|
5057
|
-
b.inputType === "tel" ? (i(),
|
|
5067
|
+
b.inputType === "tel" ? (i(), pe(_l, {
|
|
5058
5068
|
key: 1,
|
|
5059
5069
|
modelValue: d.value,
|
|
5060
5070
|
"onUpdate:modelValue": (h) => d.value = h,
|
|
5061
5071
|
disabled: r.value,
|
|
5062
5072
|
placeholder: s.value
|
|
5063
5073
|
}, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "placeholder"])) : P("", !0),
|
|
5064
|
-
b.inputType === "email" ? (i(),
|
|
5074
|
+
b.inputType === "email" ? (i(), pe(kl, {
|
|
5065
5075
|
key: 2,
|
|
5066
5076
|
modelValue: d.value,
|
|
5067
5077
|
"onUpdate:modelValue": (h) => d.value = h,
|
|
5068
5078
|
disabled: r.value,
|
|
5069
5079
|
placeholder: s.value
|
|
5070
5080
|
}, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "placeholder"])) : P("", !0),
|
|
5071
|
-
b.inputType === "mask" ? (i(),
|
|
5081
|
+
b.inputType === "mask" ? (i(), pe(xl, {
|
|
5072
5082
|
key: 3,
|
|
5073
5083
|
modelValue: d.value,
|
|
5074
5084
|
"onUpdate:modelValue": (h) => d.value = h,
|
|
@@ -5083,7 +5093,7 @@ const ui = {
|
|
|
5083
5093
|
disabled: r.value,
|
|
5084
5094
|
class: "shrink-0 w-[30px] text-gray-600 h-[30px] rounded-full flex items-center justify-center bg-gray-100 hover:bg-gray-200 disabled:opacity-50"
|
|
5085
5095
|
}, [
|
|
5086
|
-
|
|
5096
|
+
W(ve(Yt), {
|
|
5087
5097
|
height: "16",
|
|
5088
5098
|
width: "16"
|
|
5089
5099
|
})
|
|
@@ -5098,16 +5108,16 @@ const ui = {
|
|
|
5098
5108
|
disabled: $.value,
|
|
5099
5109
|
class: "py-1.5 px-2 flex items-center gap-x-1 text-xs font-medium rounded-full border border-dashed border-gray-200 bg-white text-gray-800 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
|
|
5100
5110
|
}, [
|
|
5101
|
-
|
|
5111
|
+
W(Ke, {
|
|
5102
5112
|
height: "14",
|
|
5103
5113
|
width: "14"
|
|
5104
5114
|
}),
|
|
5105
|
-
_e(" " +
|
|
5115
|
+
_e(" " + Y(u.value), 1)
|
|
5106
5116
|
], 8, Bu)
|
|
5107
5117
|
])
|
|
5108
5118
|
]));
|
|
5109
5119
|
}
|
|
5110
|
-
}), Tu = /* @__PURE__ */
|
|
5120
|
+
}), Tu = /* @__PURE__ */ ne(Au, [["__scopeId", "data-v-66316a33"]]), Eu = { class: "flex items-center gap-2 w-full" }, Iu = ["disabled"], ju = ["disabled"], Fu = /* @__PURE__ */ Q({
|
|
5111
5121
|
__name: "vs-input-color",
|
|
5112
5122
|
props: {
|
|
5113
5123
|
style: { default: () => ({}) },
|
|
@@ -5127,17 +5137,17 @@ const ui = {
|
|
|
5127
5137
|
set: (u) => o("update:modelValue", u)
|
|
5128
5138
|
}), s = k(() => !!l.disabled);
|
|
5129
5139
|
return (u, f) => (i(), c("div", Eu, [
|
|
5130
|
-
|
|
5140
|
+
me(n("input", {
|
|
5131
5141
|
type: "color",
|
|
5132
5142
|
"onUpdate:modelValue": f[0] || (f[0] = (m) => r.value = m),
|
|
5133
5143
|
disabled: s.value,
|
|
5134
5144
|
ref: "color",
|
|
5135
|
-
class: R(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [u.modelValue ? "" : "text-opacity-50",
|
|
5145
|
+
class: R(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [u.modelValue ? "" : "text-opacity-50", ve(a)].join(" ")]),
|
|
5136
5146
|
style: { border: "1px solid #CFD9E0" }
|
|
5137
5147
|
}, null, 10, Iu), [
|
|
5138
5148
|
[Ce, r.value]
|
|
5139
5149
|
]),
|
|
5140
|
-
|
|
5150
|
+
me(n("input", {
|
|
5141
5151
|
class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2",
|
|
5142
5152
|
"onUpdate:modelValue": f[1] || (f[1] = (m) => r.value = m),
|
|
5143
5153
|
disabled: s.value
|
|
@@ -5169,7 +5179,7 @@ const ui = {
|
|
|
5169
5179
|
set: (u) => o("update:modelValue", Number(u))
|
|
5170
5180
|
}), s = k(() => !!l.disabled);
|
|
5171
5181
|
return (u, f) => (i(), c("div", Ou, [
|
|
5172
|
-
|
|
5182
|
+
me(n("input", {
|
|
5173
5183
|
type: "range",
|
|
5174
5184
|
"onUpdate:modelValue": f[0] || (f[0] = (m) => r.value = m),
|
|
5175
5185
|
min: u.min,
|
|
@@ -5177,11 +5187,11 @@ const ui = {
|
|
|
5177
5187
|
step: u.step,
|
|
5178
5188
|
disabled: s.value,
|
|
5179
5189
|
ref: "range",
|
|
5180
|
-
class: R(["w-full cursor-pointer accent-blue-500", [u.modelValue ? "" : "text-opacity-50",
|
|
5190
|
+
class: R(["w-full cursor-pointer accent-blue-500", [u.modelValue ? "" : "text-opacity-50", ve(a)].join(" ")])
|
|
5181
5191
|
}, null, 10, zu), [
|
|
5182
5192
|
[Ce, r.value]
|
|
5183
5193
|
]),
|
|
5184
|
-
|
|
5194
|
+
me(n("input", {
|
|
5185
5195
|
class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2 max-w-[100px]",
|
|
5186
5196
|
type: "number",
|
|
5187
5197
|
"onUpdate:modelValue": f[1] || (f[1] = (m) => r.value = m),
|
|
@@ -5277,7 +5287,7 @@ const ui = {
|
|
|
5277
5287
|
Object.values(m.value).forEach((y) => {
|
|
5278
5288
|
y && y.destroy();
|
|
5279
5289
|
});
|
|
5280
|
-
}),
|
|
5290
|
+
}), ie(() => t.mask, (y) => {
|
|
5281
5291
|
t.inputType === "mask" && Object.values(m.value).forEach((b) => {
|
|
5282
5292
|
b && b.updateOptions({
|
|
5283
5293
|
mask: y,
|
|
@@ -5288,14 +5298,14 @@ const ui = {
|
|
|
5288
5298
|
}
|
|
5289
5299
|
});
|
|
5290
5300
|
});
|
|
5291
|
-
}),
|
|
5301
|
+
}), ie(r, (y) => {
|
|
5292
5302
|
t.inputType === "mask" && y && y.forEach((b, x) => {
|
|
5293
5303
|
m.value[x] && m.value[x].value !== b && (m.value[x].value = b || "");
|
|
5294
5304
|
});
|
|
5295
5305
|
}, { deep: !0 }), (y, b) => (i(), c("div", {
|
|
5296
5306
|
class: R(["grid gap-2", `grid-cols-${a.value}`])
|
|
5297
5307
|
}, [
|
|
5298
|
-
(i(!0), c(
|
|
5308
|
+
(i(!0), c(de, null, he(l.value, (x) => (i(), c("div", {
|
|
5299
5309
|
key: x,
|
|
5300
5310
|
class: "flex items-center gap-2 w-full"
|
|
5301
5311
|
}, [
|
|
@@ -5307,7 +5317,7 @@ const ui = {
|
|
|
5307
5317
|
placeholder: y.placeholder,
|
|
5308
5318
|
disabled: y.disabled,
|
|
5309
5319
|
name: `${y.name}[${x - 1}]`,
|
|
5310
|
-
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [
|
|
5320
|
+
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [ve(o), { "!border-red-600": y.error }]]),
|
|
5311
5321
|
style: {
|
|
5312
5322
|
border: "1px solid #CFD9E0"
|
|
5313
5323
|
}
|
|
@@ -5318,7 +5328,7 @@ const ui = {
|
|
|
5318
5328
|
onInput: (d) => C(d, x - 1),
|
|
5319
5329
|
placeholder: u.value,
|
|
5320
5330
|
disabled: s.value,
|
|
5321
|
-
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [
|
|
5331
|
+
class: R(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [ve(o), { "!border-red-600": y.error }]]),
|
|
5322
5332
|
style: {
|
|
5323
5333
|
border: "1px solid #CFD9E0"
|
|
5324
5334
|
}
|
|
@@ -5329,7 +5339,7 @@ const ui = {
|
|
|
5329
5339
|
onClick: ke(w, ["stop"]),
|
|
5330
5340
|
class: "cursor-pointer shrink-0 w-[38px] text-green-600 h-[38px] rounded-md flex items-center justify-center border border-stone-200 hover:bg-stone-100"
|
|
5331
5341
|
}, [
|
|
5332
|
-
|
|
5342
|
+
W(Ke, {
|
|
5333
5343
|
height: "18",
|
|
5334
5344
|
width: "18"
|
|
5335
5345
|
})
|
|
@@ -5340,7 +5350,7 @@ const ui = {
|
|
|
5340
5350
|
onClick: ke((d) => S(x - 1), ["stop"]),
|
|
5341
5351
|
class: "cursor-pointer shrink-0 w-[38px] text-red-600 h-[38px] rounded-md flex items-center justify-center border border-stone-200 hover:bg-stone-100"
|
|
5342
5352
|
}, [
|
|
5343
|
-
|
|
5353
|
+
W(Yt, {
|
|
5344
5354
|
height: "18",
|
|
5345
5355
|
width: "18"
|
|
5346
5356
|
})
|
|
@@ -5434,12 +5444,12 @@ const ui = {
|
|
|
5434
5444
|
}
|
|
5435
5445
|
return (x, d) => (i(), c("div", Gu, [
|
|
5436
5446
|
n("div", Wu, [
|
|
5437
|
-
|
|
5447
|
+
me(n("input", {
|
|
5438
5448
|
type: "text",
|
|
5439
5449
|
"onUpdate:modelValue": d[0] || (d[0] = (_) => s.value = _),
|
|
5440
5450
|
placeholder: g.value,
|
|
5441
5451
|
disabled: $.value,
|
|
5442
|
-
class: R(["py-1.5 px-3 block w-full bg-white border rounded-md placeholder:text-gray-400 focus:ring-2 focus:ring-blue-500", [
|
|
5452
|
+
class: R(["py-1.5 px-3 block w-full bg-white border rounded-md placeholder:text-gray-400 focus:ring-2 focus:ring-blue-500", [ve(o), { "!border-red-600": l.error }]]),
|
|
5443
5453
|
style: { border: "1px solid #CFD9E0" },
|
|
5444
5454
|
onKeydown: jl(ke(w, ["prevent"]), ["enter"])
|
|
5445
5455
|
}, null, 42, Ku), [
|
|
@@ -5451,7 +5461,7 @@ const ui = {
|
|
|
5451
5461
|
class: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-500 hover:text-blue-600",
|
|
5452
5462
|
onClick: y,
|
|
5453
5463
|
title: "Show search results"
|
|
5454
|
-
},
|
|
5464
|
+
}, d[2] || (d[2] = [
|
|
5455
5465
|
n("svg", {
|
|
5456
5466
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5457
5467
|
width: "18",
|
|
@@ -5471,7 +5481,7 @@ const ui = {
|
|
|
5471
5481
|
n("path", { d: "M12 16v-4" }),
|
|
5472
5482
|
n("path", { d: "M12 8h.01" })
|
|
5473
5483
|
], -1)
|
|
5474
|
-
])
|
|
5484
|
+
]))) : P("", !0)
|
|
5475
5485
|
]),
|
|
5476
5486
|
n("button", {
|
|
5477
5487
|
type: "button",
|
|
@@ -5479,7 +5489,7 @@ const ui = {
|
|
|
5479
5489
|
class: "flex items-center justify-center px-2 py-2 border rounded-md bg-white hover:bg-gray-50 text-gray-600 hover:text-blue-600 disabled:opacity-50 h-[38px]",
|
|
5480
5490
|
disabled: u.value || !s.value?.trim()
|
|
5481
5491
|
}, [
|
|
5482
|
-
u.value ? (i(), c("svg", Ju,
|
|
5492
|
+
u.value ? (i(), c("svg", Ju, d[4] || (d[4] = [
|
|
5483
5493
|
n("circle", {
|
|
5484
5494
|
class: "opacity-25",
|
|
5485
5495
|
cx: "12",
|
|
@@ -5493,7 +5503,7 @@ const ui = {
|
|
|
5493
5503
|
fill: "currentColor",
|
|
5494
5504
|
d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
|
|
5495
5505
|
}, null, -1)
|
|
5496
|
-
])
|
|
5506
|
+
]))) : (i(), c("svg", Zu, d[3] || (d[3] = [
|
|
5497
5507
|
n("circle", {
|
|
5498
5508
|
cx: "11",
|
|
5499
5509
|
cy: "11",
|
|
@@ -5505,9 +5515,9 @@ const ui = {
|
|
|
5505
5515
|
x2: "16.65",
|
|
5506
5516
|
y2: "16.65"
|
|
5507
5517
|
}, null, -1)
|
|
5508
|
-
])
|
|
5518
|
+
])))
|
|
5509
5519
|
], 8, Yu),
|
|
5510
|
-
(i(),
|
|
5520
|
+
(i(), pe(st, { to: "body" }, [
|
|
5511
5521
|
m.value ? (i(), c("div", Xu, [
|
|
5512
5522
|
n("div", Qu, [
|
|
5513
5523
|
n("div", ed, [
|
|
@@ -5516,7 +5526,7 @@ const ui = {
|
|
|
5516
5526
|
class: "text-gray-500 hover:text-blue-600",
|
|
5517
5527
|
onClick: d[1] || (d[1] = (_) => m.value = !1),
|
|
5518
5528
|
title: "Close"
|
|
5519
|
-
},
|
|
5529
|
+
}, d[5] || (d[5] = [
|
|
5520
5530
|
n("svg", {
|
|
5521
5531
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5522
5532
|
width: "20",
|
|
@@ -5541,14 +5551,14 @@ const ui = {
|
|
|
5541
5551
|
y2: "18"
|
|
5542
5552
|
})
|
|
5543
5553
|
], -1)
|
|
5544
|
-
])
|
|
5554
|
+
]))
|
|
5545
5555
|
]),
|
|
5546
5556
|
n("ul", null, [
|
|
5547
|
-
(i(!0), c(
|
|
5557
|
+
(i(!0), c(de, null, he(f.value, (_, h) => (i(), c("li", {
|
|
5548
5558
|
key: h,
|
|
5549
5559
|
onClick: (L) => b(_),
|
|
5550
5560
|
class: "px-3 py-2 cursor-pointer hover:bg-gray-100 border-b text-sm"
|
|
5551
|
-
},
|
|
5561
|
+
}, Y(_.display_name), 9, td))), 128))
|
|
5552
5562
|
]),
|
|
5553
5563
|
f.value.length ? P("", !0) : (i(), c("div", ld, " No results found "))
|
|
5554
5564
|
])
|
|
@@ -5586,9 +5596,9 @@ const ui = {
|
|
|
5586
5596
|
...y,
|
|
5587
5597
|
disabled: t.disabled || y.disabled
|
|
5588
5598
|
})) ?? []), s = k(() => r.value.map((y) => S(y))), u = k(() => t.disabled ? !1 : t.maxItems ? a.value.length < t.maxItems : !0), f = k(() => t.disabled || a.value.length <= (t.minItems || 0));
|
|
5589
|
-
|
|
5599
|
+
ie(() => a.value.length, () => {
|
|
5590
5600
|
m(), g();
|
|
5591
|
-
}, { immediate: !0 }),
|
|
5601
|
+
}, { immediate: !0 }), ie(() => t.schema, g, { immediate: !0, deep: !0 });
|
|
5592
5602
|
function m() {
|
|
5593
5603
|
const y = a.value.length;
|
|
5594
5604
|
o.value.length < y ? o.value = [...o.value, ...Array.from({ length: y - o.value.length }, () => Ll())] : o.value.length > y && o.value.splice(y);
|
|
@@ -5617,11 +5627,11 @@ const ui = {
|
|
|
5617
5627
|
}
|
|
5618
5628
|
return (y, b) => (i(), c("div", ad, [
|
|
5619
5629
|
n("div", od, [
|
|
5620
|
-
(i(!0), c(
|
|
5630
|
+
(i(!0), c(de, null, he(a.value, (x, d) => (i(), c("div", {
|
|
5621
5631
|
key: o.value[d],
|
|
5622
5632
|
class: "flex items-center gap-3"
|
|
5623
5633
|
}, [
|
|
5624
|
-
|
|
5634
|
+
W(nt, {
|
|
5625
5635
|
schema: s.value,
|
|
5626
5636
|
layout: "inline",
|
|
5627
5637
|
navigation: !1,
|
|
@@ -5635,10 +5645,10 @@ const ui = {
|
|
|
5635
5645
|
onClick: (_) => w(d),
|
|
5636
5646
|
disabled: f.value
|
|
5637
5647
|
}, [
|
|
5638
|
-
|
|
5648
|
+
W(it, { class: "w-5 h-5" })
|
|
5639
5649
|
], 8, rd)
|
|
5640
5650
|
]))), 128)),
|
|
5641
|
-
a.value.length === 0 ? (i(), c("div", sd,
|
|
5651
|
+
a.value.length === 0 ? (i(), c("div", sd, Y(t.emptyLabel), 1)) : P("", !0)
|
|
5642
5652
|
]),
|
|
5643
5653
|
n("button", {
|
|
5644
5654
|
type: "button",
|
|
@@ -5646,12 +5656,12 @@ const ui = {
|
|
|
5646
5656
|
onClick: C,
|
|
5647
5657
|
disabled: !u.value
|
|
5648
5658
|
}, [
|
|
5649
|
-
|
|
5650
|
-
_e(" " +
|
|
5659
|
+
W(Ke, { class: "w-5 h-5" }),
|
|
5660
|
+
_e(" " + Y(t.addButtonText), 1)
|
|
5651
5661
|
], 8, id)
|
|
5652
5662
|
]));
|
|
5653
5663
|
}
|
|
5654
|
-
}), dd = /* @__PURE__ */
|
|
5664
|
+
}), dd = /* @__PURE__ */ ne(ud, [["__scopeId", "data-v-e8a02c8e"]]), cd = {};
|
|
5655
5665
|
function pd(e, t) {
|
|
5656
5666
|
return i(), c("svg", Ze({
|
|
5657
5667
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5663,7 +5673,7 @@ function pd(e, t) {
|
|
|
5663
5673
|
"stroke-width": "2",
|
|
5664
5674
|
"stroke-linecap": "round",
|
|
5665
5675
|
"stroke-linejoin": "round"
|
|
5666
|
-
}, e.$attrs),
|
|
5676
|
+
}, e.$attrs), t[0] || (t[0] = [
|
|
5667
5677
|
n("rect", {
|
|
5668
5678
|
width: "14",
|
|
5669
5679
|
height: "14",
|
|
@@ -5673,9 +5683,9 @@ function pd(e, t) {
|
|
|
5673
5683
|
ry: "2"
|
|
5674
5684
|
}, null, -1),
|
|
5675
5685
|
n("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }, null, -1)
|
|
5676
|
-
])
|
|
5686
|
+
]), 16);
|
|
5677
5687
|
}
|
|
5678
|
-
const fd = /* @__PURE__ */
|
|
5688
|
+
const fd = /* @__PURE__ */ ne(cd, [["render", pd]]), md = { class: "vs-dataform space-y-4" }, vd = { class: "flex items-center justify-between mb-3" }, hd = { class: "text-sm font-medium text-gray-700" }, gd = { class: "flex items-center gap-2" }, yd = ["title", "onClick", "disabled"], bd = ["title", "onClick", "disabled"], wd = {
|
|
5679
5689
|
key: 0,
|
|
5680
5690
|
class: "rounded-lg border border-dashed border-gray-200 p-4 text-sm text-gray-500"
|
|
5681
5691
|
}, xd = ["disabled"], kd = /* @__PURE__ */ Q({
|
|
@@ -5708,9 +5718,9 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
5708
5718
|
...x,
|
|
5709
5719
|
disabled: t.disabled || x.disabled
|
|
5710
5720
|
})) ?? []), u = k(() => s.value.map((x) => b(x))), f = k(() => t.disabled ? !1 : t.maxGroups ? l.value.length < t.maxGroups : !0), m = k(() => t.disabled || l.value.length <= (t.minGroups || 0));
|
|
5711
|
-
|
|
5721
|
+
ie(() => l.value.length, () => {
|
|
5712
5722
|
g(), $();
|
|
5713
|
-
}, { immediate: !0 }),
|
|
5723
|
+
}, { immediate: !0 }), ie(() => t.schema, $, { immediate: !0, deep: !0 });
|
|
5714
5724
|
function g() {
|
|
5715
5725
|
const x = l.value.length;
|
|
5716
5726
|
a.value.length < x ? a.value = [...a.value, ...Array.from({ length: x - a.value.length }, () => Ll())] : a.value.length > x && a.value.splice(x);
|
|
@@ -5747,12 +5757,12 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
5747
5757
|
};
|
|
5748
5758
|
}
|
|
5749
5759
|
return (x, d) => (i(), c("div", md, [
|
|
5750
|
-
(i(!0), c(
|
|
5760
|
+
(i(!0), c(de, null, he(l.value, (_, h) => (i(), c("div", {
|
|
5751
5761
|
key: a.value[h],
|
|
5752
5762
|
class: "relative border border-gray-200 rounded-lg p-6 bg-white"
|
|
5753
5763
|
}, [
|
|
5754
5764
|
n("div", vd, [
|
|
5755
|
-
n("div", hd,
|
|
5765
|
+
n("div", hd, Y(o.value), 1),
|
|
5756
5766
|
n("div", gd, [
|
|
5757
5767
|
n("button", {
|
|
5758
5768
|
type: "button",
|
|
@@ -5761,7 +5771,7 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
5761
5771
|
onClick: (L) => y(h),
|
|
5762
5772
|
disabled: t.disabled
|
|
5763
5773
|
}, [
|
|
5764
|
-
|
|
5774
|
+
W(fd, { class: "w-5 h-5" })
|
|
5765
5775
|
], 8, yd),
|
|
5766
5776
|
n("button", {
|
|
5767
5777
|
type: "button",
|
|
@@ -5770,11 +5780,11 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
5770
5780
|
onClick: (L) => S(h),
|
|
5771
5781
|
disabled: m.value
|
|
5772
5782
|
}, [
|
|
5773
|
-
|
|
5783
|
+
W(it, { class: "w-5 h-5" })
|
|
5774
5784
|
], 8, bd)
|
|
5775
5785
|
])
|
|
5776
5786
|
]),
|
|
5777
|
-
|
|
5787
|
+
W(nt, {
|
|
5778
5788
|
class: "vs-dataform__form",
|
|
5779
5789
|
schema: u.value,
|
|
5780
5790
|
layout: "inline",
|
|
@@ -5785,19 +5795,19 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
5785
5795
|
disabled: t.disabled
|
|
5786
5796
|
}, null, 8, ["schema", "values", "onUpdate:values", "form-id", "disabled"])
|
|
5787
5797
|
]))), 128)),
|
|
5788
|
-
l.value.length === 0 ? (i(), c("div", wd,
|
|
5798
|
+
l.value.length === 0 ? (i(), c("div", wd, Y(r.value), 1)) : P("", !0),
|
|
5789
5799
|
n("button", {
|
|
5790
5800
|
type: "button",
|
|
5791
5801
|
class: "flex items-center gap-2 text-gray-600 hover:text-gray-900 font-medium transition-colors text-sm",
|
|
5792
5802
|
onClick: w,
|
|
5793
5803
|
disabled: !f.value
|
|
5794
5804
|
}, [
|
|
5795
|
-
|
|
5796
|
-
_e(" " +
|
|
5805
|
+
W(Ke, { class: "w-5 h-5" }),
|
|
5806
|
+
_e(" " + Y(t.addButtonText), 1)
|
|
5797
5807
|
], 8, xd)
|
|
5798
5808
|
]));
|
|
5799
5809
|
}
|
|
5800
|
-
}), _d = /* @__PURE__ */
|
|
5810
|
+
}), _d = /* @__PURE__ */ ne(kd, [["__scopeId", "data-v-4dc5a1a3"]]), $d = {
|
|
5801
5811
|
VsInputText: ht,
|
|
5802
5812
|
VsInputRadio: ll,
|
|
5803
5813
|
"vs-input-text": ht,
|
|
@@ -5866,12 +5876,9 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
5866
5876
|
return (o, r) => (i(), c("button", {
|
|
5867
5877
|
onClick: a,
|
|
5868
5878
|
class: "vs-button relative inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-blue-500 hover:border-blue-500 hover:bg-blue-500 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 ml-0 md:ml-2 mt-2 md:mt-0 py-[8px] md:w-2/4 whitespace-nowrap w-full"
|
|
5869
|
-
},
|
|
5879
|
+
}, Y(o.button), 1));
|
|
5870
5880
|
}
|
|
5871
|
-
}), Cd = { class: "flex flex-col gap-1 w-full" }, Ld = {
|
|
5872
|
-
key: 0,
|
|
5873
|
-
class: "text-sm text-gray-500"
|
|
5874
|
-
}, Ml = /* @__PURE__ */ Q({
|
|
5881
|
+
}), Cd = { class: "flex flex-col gap-1 w-full" }, Ld = ["innerHTML"], Ml = /* @__PURE__ */ Q({
|
|
5875
5882
|
__name: "vs-compact-form-layout",
|
|
5876
5883
|
props: /* @__PURE__ */ ge({
|
|
5877
5884
|
item: { default: {} },
|
|
@@ -5887,7 +5894,7 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
5887
5894
|
emits: /* @__PURE__ */ ge(["value-selected"], ["update:modelValue"]),
|
|
5888
5895
|
setup(e, { emit: t }) {
|
|
5889
5896
|
const l = e, a = be(e, "modelValue"), o = t, r = k(() => on[`${l.layout}`]), s = ["label", "placeholder", "info", "description", "text", "html"], u = M(b()), f = k(() => w(l.item, u.value)), m = k(() => $d?.[`vs-input-${l.item.type}`]), g = k(() => {
|
|
5890
|
-
const d =
|
|
5897
|
+
const d = ve(m);
|
|
5891
5898
|
if (!d) return /* @__PURE__ */ new Set();
|
|
5892
5899
|
const _ = d.props ?? d.__vccOpts?.props;
|
|
5893
5900
|
if (!_) return /* @__PURE__ */ new Set();
|
|
@@ -5912,14 +5919,14 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
5912
5919
|
if (!d) return {};
|
|
5913
5920
|
const h = { ...d };
|
|
5914
5921
|
return s.forEach((L) => {
|
|
5915
|
-
const
|
|
5916
|
-
|
|
5922
|
+
const T = y(d, L, _);
|
|
5923
|
+
T != null && (h[L] = T);
|
|
5917
5924
|
}), Array.isArray(d.options) && (h.options = d.options.map((L) => S(L, _))), h;
|
|
5918
5925
|
}
|
|
5919
5926
|
function S(d, _) {
|
|
5920
5927
|
if (!d) return d;
|
|
5921
|
-
const h = { ...d }, L = y(d, "label", _),
|
|
5922
|
-
return L != null && (h.label = L),
|
|
5928
|
+
const h = { ...d }, L = y(d, "label", _), T = y(d, "text", _);
|
|
5929
|
+
return L != null && (h.label = L), T != null ? h.text = T : L != null && (h.text = L), h;
|
|
5923
5930
|
}
|
|
5924
5931
|
function y(d, _, h) {
|
|
5925
5932
|
const L = `${_}:${h}`;
|
|
@@ -5942,7 +5949,7 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
5942
5949
|
function x() {
|
|
5943
5950
|
u.value = b();
|
|
5944
5951
|
}
|
|
5945
|
-
return (d, _) => (i(),
|
|
5952
|
+
return (d, _) => (i(), pe(lt(r.value), {
|
|
5946
5953
|
ua: f.value.ua,
|
|
5947
5954
|
error: l.error || "",
|
|
5948
5955
|
item: f.value,
|
|
@@ -5954,14 +5961,18 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
5954
5961
|
class: R(["flex w-full", `${l.item.type}-component`])
|
|
5955
5962
|
}, [
|
|
5956
5963
|
n("div", Cd, [
|
|
5957
|
-
(i(),
|
|
5964
|
+
(i(), pe(lt(m.value), Ze($.value, {
|
|
5958
5965
|
modelValue: a.value,
|
|
5959
5966
|
"onUpdate:modelValue": _[0] || (_[0] = (h) => a.value = h),
|
|
5960
5967
|
onValueSelected: C
|
|
5961
5968
|
}), null, 16, ["modelValue"])),
|
|
5962
|
-
f.value.description && l.layout !== "settings" ? (i(), c("p",
|
|
5969
|
+
f.value.description && l.layout !== "settings" ? (i(), c("p", {
|
|
5970
|
+
key: 0,
|
|
5971
|
+
class: "text-sm text-gray-500",
|
|
5972
|
+
innerHTML: f.value.description
|
|
5973
|
+
}, null, 8, Ld)) : P("", !0)
|
|
5963
5974
|
]),
|
|
5964
|
-
f.value.behavior?.api && f.value.behavior?.button ? (i(),
|
|
5975
|
+
f.value.behavior?.api && f.value.behavior?.button ? (i(), pe(Vd, Ze({ key: 0 }, f.value.behavior, { value: a.value }), null, 16, ["value"])) : P("", !0)
|
|
5965
5976
|
], 2)
|
|
5966
5977
|
]),
|
|
5967
5978
|
_: 1
|
|
@@ -5984,22 +5995,22 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
5984
5995
|
]), f = k(() => {
|
|
5985
5996
|
const j = l.width;
|
|
5986
5997
|
if (j == null) return {};
|
|
5987
|
-
const
|
|
5988
|
-
return { width:
|
|
5998
|
+
const se = typeof j == "number" ? `${j}px` : `${j}`;
|
|
5999
|
+
return { width: se, minWidth: se };
|
|
5989
6000
|
});
|
|
5990
6001
|
let m = null, g = 0, $ = 0, C = null, w = null, S = null;
|
|
5991
6002
|
const y = () => Z(), b = () => d();
|
|
5992
|
-
|
|
6003
|
+
ie(
|
|
5993
6004
|
() => l.target,
|
|
5994
6005
|
async (j) => {
|
|
5995
|
-
if (
|
|
6006
|
+
if (T(), !j) {
|
|
5996
6007
|
C = null, a.value = [], o.value = "";
|
|
5997
6008
|
return;
|
|
5998
6009
|
}
|
|
5999
6010
|
C = j, s.value && (await Oe(), L(j), d());
|
|
6000
6011
|
},
|
|
6001
6012
|
{ immediate: !0 }
|
|
6002
|
-
),
|
|
6013
|
+
), ie(
|
|
6003
6014
|
() => l.scrollContainer,
|
|
6004
6015
|
(j) => {
|
|
6005
6016
|
if (!s.value) {
|
|
@@ -6012,17 +6023,17 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
6012
6023
|
), Ee(() => {
|
|
6013
6024
|
l.scrollContainer || x(null), d();
|
|
6014
6025
|
}), bt(() => {
|
|
6015
|
-
|
|
6026
|
+
T(), x(null, !0), C = null, typeof window < "u" && (g && window.cancelAnimationFrame(g), $ && window.cancelAnimationFrame($));
|
|
6016
6027
|
});
|
|
6017
|
-
function x(j,
|
|
6018
|
-
if (S && (S(), S = null),
|
|
6028
|
+
function x(j, se = !1) {
|
|
6029
|
+
if (S && (S(), S = null), se) {
|
|
6019
6030
|
w = null;
|
|
6020
6031
|
return;
|
|
6021
6032
|
}
|
|
6022
6033
|
if (w = j ?? null, typeof window > "u") return;
|
|
6023
|
-
const te = j ?? window,
|
|
6024
|
-
te.addEventListener("scroll", y, { passive: !0 }),
|
|
6025
|
-
te.removeEventListener("scroll", y),
|
|
6034
|
+
const te = j ?? window, ue = window;
|
|
6035
|
+
te.addEventListener("scroll", y, { passive: !0 }), ue.addEventListener("resize", b), S = () => {
|
|
6036
|
+
te.removeEventListener("scroll", y), ue.removeEventListener("resize", b);
|
|
6026
6037
|
};
|
|
6027
6038
|
}
|
|
6028
6039
|
function d() {
|
|
@@ -6035,73 +6046,73 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
6035
6046
|
}
|
|
6036
6047
|
function _() {
|
|
6037
6048
|
if (!s.value || !C) return;
|
|
6038
|
-
const j = Array.from(C.querySelectorAll("h1, h2")),
|
|
6039
|
-
j.forEach((
|
|
6040
|
-
const
|
|
6041
|
-
if (!
|
|
6042
|
-
let
|
|
6043
|
-
|
|
6044
|
-
let G =
|
|
6045
|
-
for (;
|
|
6046
|
-
G = `${
|
|
6047
|
-
|
|
6049
|
+
const j = Array.from(C.querySelectorAll("h1, h2")), se = /* @__PURE__ */ new Set(), te = [];
|
|
6050
|
+
j.forEach((ue, q) => {
|
|
6051
|
+
const E = ue.textContent?.trim() ?? "";
|
|
6052
|
+
if (!E) return;
|
|
6053
|
+
let X = (ue.getAttribute("id") ?? "").trim();
|
|
6054
|
+
X || (X = h(E) || `heading-${q + 1}`);
|
|
6055
|
+
let G = X, ce = 1;
|
|
6056
|
+
for (; se.has(G); )
|
|
6057
|
+
G = `${X}-${ce += 1}`;
|
|
6058
|
+
ue.id !== G && Object.assign(ue, { id: G }), se.add(G), te.push({
|
|
6048
6059
|
id: G,
|
|
6049
|
-
text:
|
|
6050
|
-
level:
|
|
6060
|
+
text: E,
|
|
6061
|
+
level: ue.tagName.toLowerCase() === "h1" ? 1 : 2
|
|
6051
6062
|
});
|
|
6052
|
-
}), a.value = te, te.length || (o.value = ""),
|
|
6063
|
+
}), a.value = te, te.length || (o.value = ""), K();
|
|
6053
6064
|
}
|
|
6054
6065
|
function h(j) {
|
|
6055
6066
|
return j.toLowerCase().replace(/[^a-z0-9\s-]/g, "").trim().replace(/\s+/g, "-");
|
|
6056
6067
|
}
|
|
6057
6068
|
function L(j) {
|
|
6058
|
-
!j || !s.value || typeof MutationObserver > "u" || (
|
|
6069
|
+
!j || !s.value || typeof MutationObserver > "u" || (T(), m = new MutationObserver(() => d()), m.observe(j, { childList: !0, subtree: !0 }));
|
|
6059
6070
|
}
|
|
6060
|
-
function
|
|
6071
|
+
function T() {
|
|
6061
6072
|
m && (m.disconnect(), m = null);
|
|
6062
6073
|
}
|
|
6063
6074
|
function F(j) {
|
|
6064
|
-
const
|
|
6065
|
-
if (!
|
|
6075
|
+
const se = w;
|
|
6076
|
+
if (!se)
|
|
6066
6077
|
return typeof window > "u" ? j.offsetTop : j.getBoundingClientRect().top + window.scrollY;
|
|
6067
|
-
const te = j.getBoundingClientRect(),
|
|
6068
|
-
return te.top -
|
|
6078
|
+
const te = j.getBoundingClientRect(), ue = se.getBoundingClientRect();
|
|
6079
|
+
return te.top - ue.top + se.scrollTop;
|
|
6069
6080
|
}
|
|
6070
|
-
function
|
|
6081
|
+
function K() {
|
|
6071
6082
|
if (!s.value || !a.value.length) return;
|
|
6072
|
-
const j = w,
|
|
6083
|
+
const j = w, se = (j ? j.scrollTop : null) || (typeof window < "u" ? window.scrollY : 0), te = (j ? j.clientHeight : null) || (typeof window < "u" ? window.innerHeight : 0), ue = se + te;
|
|
6073
6084
|
let q = null;
|
|
6074
|
-
for (let
|
|
6075
|
-
const G = a.value[
|
|
6076
|
-
if (
|
|
6077
|
-
const ye = F(
|
|
6078
|
-
ye +
|
|
6085
|
+
for (let X = 0; X < a.value.length; X += 1) {
|
|
6086
|
+
const G = a.value[X], ce = document.getElementById(G.id);
|
|
6087
|
+
if (ce) {
|
|
6088
|
+
const ye = F(ce);
|
|
6089
|
+
ye + ce.offsetHeight > se && ye < ue && (q = G.id);
|
|
6079
6090
|
}
|
|
6080
6091
|
}
|
|
6081
6092
|
!q && r.value && (q = r.value), q && (r.value = q);
|
|
6082
|
-
const
|
|
6083
|
-
|
|
6093
|
+
const E = j ? j.scrollHeight - j.clientHeight : document.documentElement.scrollHeight - window.innerHeight;
|
|
6094
|
+
se + 5 >= E && (q = a.value[a.value.length - 1].id), q && (o.value = q);
|
|
6084
6095
|
}
|
|
6085
6096
|
function Z() {
|
|
6086
6097
|
s.value && ($ && window.cancelAnimationFrame($), $ = window.requestAnimationFrame(() => {
|
|
6087
|
-
|
|
6098
|
+
K(), $ = 0;
|
|
6088
6099
|
}));
|
|
6089
6100
|
}
|
|
6090
6101
|
function ee(j) {
|
|
6091
6102
|
if (!s.value) return;
|
|
6092
|
-
const
|
|
6093
|
-
if (!
|
|
6094
|
-
const te = w,
|
|
6095
|
-
te ? te.scrollTo({ top:
|
|
6103
|
+
const se = document.getElementById(j);
|
|
6104
|
+
if (!se) return;
|
|
6105
|
+
const te = w, ue = Math.max(0, F(se));
|
|
6106
|
+
te ? te.scrollTo({ top: ue, behavior: "smooth" }) : typeof window < "u" && window.scrollTo({ top: ue, behavior: "smooth" });
|
|
6096
6107
|
}
|
|
6097
|
-
return t({ refresh: d }), (j,
|
|
6108
|
+
return t({ refresh: d }), (j, se) => s.value && a.value.length ? (i(), c("div", {
|
|
6098
6109
|
key: 0,
|
|
6099
6110
|
class: R(u.value),
|
|
6100
6111
|
style: Ve(f.value)
|
|
6101
6112
|
}, [
|
|
6102
|
-
n("h2", Md,
|
|
6113
|
+
n("h2", Md, Y(j.title), 1),
|
|
6103
6114
|
n("div", Dd, [
|
|
6104
|
-
(i(!0), c(
|
|
6115
|
+
(i(!0), c(de, null, he(a.value, (te) => (i(), c("div", {
|
|
6105
6116
|
key: te.id,
|
|
6106
6117
|
class: R([
|
|
6107
6118
|
"vs-compact-form-navigation__item relative",
|
|
@@ -6111,20 +6122,20 @@ const fd = /* @__PURE__ */ ae(cd, [["render", pd]]), md = { class: "vs-dataform
|
|
|
6111
6122
|
}, [
|
|
6112
6123
|
n("button", {
|
|
6113
6124
|
type: "button",
|
|
6114
|
-
onClick: (
|
|
6125
|
+
onClick: (ue) => ee(te.id),
|
|
6115
6126
|
class: R([
|
|
6116
6127
|
"vs-compact-form-navigation__button flex gap-x-3 py-[6px] pr-3 text-sm duration-200 hover:text-gray-800",
|
|
6117
6128
|
te.level === 2 ? "pl-[15px]" : "pl-[18px]",
|
|
6118
6129
|
te.id === o.value ? "text-gray-800" : "text-gray-500"
|
|
6119
6130
|
])
|
|
6120
6131
|
}, [
|
|
6121
|
-
n("span", null,
|
|
6132
|
+
n("span", null, Y(te.text), 1)
|
|
6122
6133
|
], 10, Sd)
|
|
6123
6134
|
], 2))), 128))
|
|
6124
6135
|
])
|
|
6125
6136
|
], 6)) : P("", !0);
|
|
6126
6137
|
}
|
|
6127
|
-
}), Ad = /* @__PURE__ */
|
|
6138
|
+
}), Ad = /* @__PURE__ */ ne(Bd, [["__scopeId", "data-v-1584a562"]]), tt = {
|
|
6128
6139
|
required: "Це поле є обов’язковим",
|
|
6129
6140
|
email: "Неправильний email",
|
|
6130
6141
|
tel: "Неправильний телефон",
|
|
@@ -6274,7 +6285,7 @@ const Rd = { class: "flex w-full h-full min-h-0 gap-6" }, Hd = {
|
|
|
6274
6285
|
validate: f,
|
|
6275
6286
|
reset: m,
|
|
6276
6287
|
visibleSchema: g
|
|
6277
|
-
} = Nd(s, o.schema, Fl(o, "disabled")), $ = M(null), C = M(null), w = k(() => o.navigation), S = k(() => o.navWidth), y = k(() => o.style?.columns), b = Object.freeze({ container: 12, label: 3 }), x = k(() => o.columns ?? y.value ?? b), d = k(() => o.columns != null || y.value != null), _ = k(() => d.value ? "horizontal" : o.layout), h = (Z) => Z?.columns ? "horizontal" : _.value, L = (Z) => Z?.columns ?? x.value,
|
|
6288
|
+
} = Nd(s, o.schema, Fl(o, "disabled")), $ = M(null), C = M(null), w = k(() => o.navigation), S = k(() => o.navWidth), y = k(() => o.style?.columns), b = Object.freeze({ container: 12, label: 3 }), x = k(() => o.columns ?? y.value ?? b), d = k(() => o.columns != null || y.value != null), _ = k(() => d.value ? "horizontal" : o.layout), h = (Z) => Z?.columns ? "horizontal" : _.value, L = (Z) => Z?.columns ?? x.value, T = () => {
|
|
6278
6289
|
a("update:modelValue", s.value), f(), a("handle-submit", s.value);
|
|
6279
6290
|
}, F = (Z) => {
|
|
6280
6291
|
a("value-selected", Z);
|
|
@@ -6292,11 +6303,11 @@ const Rd = { class: "flex w-full h-full min-h-0 gap-6" }, Hd = {
|
|
|
6292
6303
|
formId: o.formId
|
|
6293
6304
|
};
|
|
6294
6305
|
});
|
|
6295
|
-
function
|
|
6306
|
+
function K(Z, ee) {
|
|
6296
6307
|
if (Z === ee) return !0;
|
|
6297
6308
|
if (typeof Z != "object" || typeof ee != "object" || !Z || !ee) return !1;
|
|
6298
|
-
const j = Object.keys(Z),
|
|
6299
|
-
return j.length !==
|
|
6309
|
+
const j = Object.keys(Z), se = Object.keys(ee);
|
|
6310
|
+
return j.length !== se.length ? !1 : j.every((te) => Z[te] === ee[te]);
|
|
6300
6311
|
}
|
|
6301
6312
|
return el("form", r), el("values", s), (Z, ee) => (i(), c("div", Rd, [
|
|
6302
6313
|
n("div", {
|
|
@@ -6307,31 +6318,31 @@ const Rd = { class: "flex w-full h-full min-h-0 gap-6" }, Hd = {
|
|
|
6307
6318
|
n("form", {
|
|
6308
6319
|
ref_key: "formRef",
|
|
6309
6320
|
ref: $,
|
|
6310
|
-
onSubmit: ke(
|
|
6321
|
+
onSubmit: ke(T, ["prevent"]),
|
|
6311
6322
|
class: R(["grid grid-cols-12 p-1", _.value === "default" ? "gap-6" : "gap-4"])
|
|
6312
6323
|
}, [
|
|
6313
|
-
(i(!0), c(
|
|
6324
|
+
(i(!0), c(de, null, he(ve(g), (j, se) => (i(), c("div", {
|
|
6314
6325
|
key: j.name,
|
|
6315
6326
|
class: R(h(j) === "horizontal" ? "col-span-12" : `col-span-${j.col || 12}`)
|
|
6316
6327
|
}, [
|
|
6317
|
-
|
|
6328
|
+
W(Ml, {
|
|
6318
6329
|
style: Ve(Z.style),
|
|
6319
6330
|
item: j,
|
|
6320
6331
|
layout: h(j),
|
|
6321
6332
|
columns: L(j),
|
|
6322
6333
|
"model-value": s.value[j.name],
|
|
6323
6334
|
"onUpdate:modelValue": (te) => {
|
|
6324
|
-
const
|
|
6325
|
-
|
|
6335
|
+
const ue = s.value[j.name];
|
|
6336
|
+
K(ue, te) || (s.value[j.name] = te);
|
|
6326
6337
|
},
|
|
6327
|
-
error:
|
|
6338
|
+
error: ve(u)[j.name],
|
|
6328
6339
|
onValueSelected: F
|
|
6329
6340
|
}, null, 8, ["style", "item", "layout", "columns", "model-value", "onUpdate:modelValue", "error"]),
|
|
6330
|
-
h(j) === "settings" &&
|
|
6341
|
+
h(j) === "settings" && se + 1 !== ve(g).length ? (i(), c("div", Hd)) : P("", !0)
|
|
6331
6342
|
], 2))), 128))
|
|
6332
6343
|
], 34)
|
|
6333
6344
|
], 512),
|
|
6334
|
-
|
|
6345
|
+
W(Ad, {
|
|
6335
6346
|
target: $.value,
|
|
6336
6347
|
"scroll-container": C.value,
|
|
6337
6348
|
enabled: w.value,
|
|
@@ -6444,12 +6455,12 @@ const Rd = { class: "flex w-full h-full min-h-0 gap-6" }, Hd = {
|
|
|
6444
6455
|
n("div", Gd, [
|
|
6445
6456
|
n("div", Wd, [
|
|
6446
6457
|
n("div", Kd, [
|
|
6447
|
-
n("h3", Yd,
|
|
6458
|
+
n("h3", Yd, Y(f.value === "add" ? "Додати" : "Змінити"), 1),
|
|
6448
6459
|
n("button", {
|
|
6449
6460
|
onClick: g,
|
|
6450
6461
|
type: "button",
|
|
6451
6462
|
class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600"
|
|
6452
|
-
},
|
|
6463
|
+
}, C[2] || (C[2] = [
|
|
6453
6464
|
n("span", { class: "sr-only" }, "Close", -1),
|
|
6454
6465
|
n("svg", {
|
|
6455
6466
|
class: "flex-shrink-0 w-4 h-4",
|
|
@@ -6466,10 +6477,10 @@ const Rd = { class: "flex w-full h-full min-h-0 gap-6" }, Hd = {
|
|
|
6466
6477
|
n("path", { d: "M18 6 6 18" }),
|
|
6467
6478
|
n("path", { d: "m6 6 12 12" })
|
|
6468
6479
|
], -1)
|
|
6469
|
-
])
|
|
6480
|
+
]))
|
|
6470
6481
|
]),
|
|
6471
6482
|
n("div", Zd, [
|
|
6472
|
-
o.value ? (i(),
|
|
6483
|
+
o.value ? (i(), pe(nt, {
|
|
6473
6484
|
key: 0,
|
|
6474
6485
|
schema: o.value,
|
|
6475
6486
|
values: r.value,
|
|
@@ -6742,7 +6753,7 @@ function Cc(e, t, l, a, o, r) {
|
|
|
6742
6753
|
], -1))
|
|
6743
6754
|
], !0)
|
|
6744
6755
|
], 8, wc),
|
|
6745
|
-
(i(),
|
|
6756
|
+
(i(), pe(lt(e.headingClickable ? "button" : "span"), {
|
|
6746
6757
|
class: "v3dp__heading__center",
|
|
6747
6758
|
onClick: t[1] || (t[1] = ke((s) => e.$emit("heading"), ["stop", "prevent"]))
|
|
6748
6759
|
}, {
|
|
@@ -6781,7 +6792,7 @@ function Cc(e, t, l, a, o, r) {
|
|
|
6781
6792
|
], 8, xc)
|
|
6782
6793
|
]),
|
|
6783
6794
|
n("div", kc, [
|
|
6784
|
-
"subheading" in e.$slots ? (i(), c(
|
|
6795
|
+
"subheading" in e.$slots ? (i(), c(de, { key: 0 }, [
|
|
6785
6796
|
n("div", _c, [
|
|
6786
6797
|
De(e.$slots, "subheading", {}, void 0, !0)
|
|
6787
6798
|
]),
|
|
@@ -6789,7 +6800,7 @@ function Cc(e, t, l, a, o, r) {
|
|
|
6789
6800
|
], 64)) : P("", !0),
|
|
6790
6801
|
n("div", $c, [
|
|
6791
6802
|
De(e.$slots, "body", {}, () => [
|
|
6792
|
-
(i(!0), c(
|
|
6803
|
+
(i(!0), c(de, null, he(e.items, (s) => (i(), c("button", {
|
|
6793
6804
|
key: s.key,
|
|
6794
6805
|
disabled: s.disabled,
|
|
6795
6806
|
class: R([
|
|
@@ -6801,14 +6812,14 @@ function Cc(e, t, l, a, o, r) {
|
|
|
6801
6812
|
]),
|
|
6802
6813
|
onClick: ke((u) => e.$emit("elementClick", s.value), ["stop", "prevent"])
|
|
6803
6814
|
}, [
|
|
6804
|
-
n("span", null,
|
|
6815
|
+
n("span", null, Y(s.display), 1)
|
|
6805
6816
|
], 10, Vc))), 128))
|
|
6806
6817
|
], !0)
|
|
6807
6818
|
])
|
|
6808
6819
|
])
|
|
6809
6820
|
], 38);
|
|
6810
6821
|
}
|
|
6811
|
-
const Ot = /* @__PURE__ */
|
|
6822
|
+
const Ot = /* @__PURE__ */ ne(yc, [["render", Cc], ["__scopeId", "data-v-3b9aea7a"]]), Lc = Q({
|
|
6812
6823
|
components: {
|
|
6813
6824
|
PickerPopup: Ot
|
|
6814
6825
|
},
|
|
@@ -6868,7 +6879,7 @@ const Ot = /* @__PURE__ */ ae(yc, [["render", Cc], ["__scopeId", "data-v-bce7098
|
|
|
6868
6879
|
});
|
|
6869
6880
|
function Mc(e, t, l, a, o, r) {
|
|
6870
6881
|
const s = Ne("picker-popup");
|
|
6871
|
-
return i(),
|
|
6882
|
+
return i(), pe(s, {
|
|
6872
6883
|
columnCount: 3,
|
|
6873
6884
|
leftDisabled: e.leftDisabled,
|
|
6874
6885
|
rightDisabled: e.rightDisabled,
|
|
@@ -6879,12 +6890,12 @@ function Mc(e, t, l, a, o, r) {
|
|
|
6879
6890
|
onElementClick: t[0] || (t[0] = (u) => e.$emit("select", u))
|
|
6880
6891
|
}, {
|
|
6881
6892
|
heading: Se(() => [
|
|
6882
|
-
_e(
|
|
6893
|
+
_e(Y(e.heading), 1)
|
|
6883
6894
|
]),
|
|
6884
6895
|
_: 1
|
|
6885
6896
|
}, 8, ["leftDisabled", "rightDisabled", "items", "onLeft", "onRight"]);
|
|
6886
6897
|
}
|
|
6887
|
-
const Dc = /* @__PURE__ */
|
|
6898
|
+
const Dc = /* @__PURE__ */ ne(Lc, [["render", Mc]]), Sc = Q({
|
|
6888
6899
|
components: {
|
|
6889
6900
|
PickerPopup: Ot
|
|
6890
6901
|
},
|
|
@@ -6952,7 +6963,7 @@ const Dc = /* @__PURE__ */ ae(Lc, [["render", Mc]]), Sc = Q({
|
|
|
6952
6963
|
});
|
|
6953
6964
|
function Bc(e, t, l, a, o, r) {
|
|
6954
6965
|
const s = Ne("picker-popup");
|
|
6955
|
-
return i(),
|
|
6966
|
+
return i(), pe(s, {
|
|
6956
6967
|
headingClickable: "",
|
|
6957
6968
|
columnCount: 3,
|
|
6958
6969
|
items: e.months,
|
|
@@ -6965,12 +6976,12 @@ function Bc(e, t, l, a, o, r) {
|
|
|
6965
6976
|
onElementClick: t[1] || (t[1] = (u) => e.$emit("select", u))
|
|
6966
6977
|
}, {
|
|
6967
6978
|
heading: Se(() => [
|
|
6968
|
-
_e(
|
|
6979
|
+
_e(Y(e.heading), 1)
|
|
6969
6980
|
]),
|
|
6970
6981
|
_: 1
|
|
6971
6982
|
}, 8, ["items", "leftDisabled", "rightDisabled", "onLeft", "onRight"]);
|
|
6972
6983
|
}
|
|
6973
|
-
const Ac = /* @__PURE__ */
|
|
6984
|
+
const Ac = /* @__PURE__ */ ne(Sc, [["render", Bc]]), Tc = Q({
|
|
6974
6985
|
components: {
|
|
6975
6986
|
PickerPopup: Ot
|
|
6976
6987
|
},
|
|
@@ -7085,7 +7096,7 @@ const Ac = /* @__PURE__ */ ae(Sc, [["render", Bc]]), Tc = Q({
|
|
|
7085
7096
|
});
|
|
7086
7097
|
function Ec(e, t, l, a, o, r) {
|
|
7087
7098
|
const s = Ne("picker-popup");
|
|
7088
|
-
return i(),
|
|
7099
|
+
return i(), pe(s, {
|
|
7089
7100
|
headingClickable: "",
|
|
7090
7101
|
leftDisabled: e.leftDisabled,
|
|
7091
7102
|
rightDisabled: e.rightDisabled,
|
|
@@ -7097,18 +7108,18 @@ function Ec(e, t, l, a, o, r) {
|
|
|
7097
7108
|
onElementClick: t[1] || (t[1] = (u) => e.$emit("select", u))
|
|
7098
7109
|
}, {
|
|
7099
7110
|
heading: Se(() => [
|
|
7100
|
-
_e(
|
|
7111
|
+
_e(Y(e.heading), 1)
|
|
7101
7112
|
]),
|
|
7102
7113
|
subheading: Se(() => [
|
|
7103
|
-
(i(!0), c(
|
|
7114
|
+
(i(!0), c(de, null, he(e.weekDays, (u, f) => (i(), c("span", {
|
|
7104
7115
|
key: u,
|
|
7105
7116
|
class: R(`v3dp__subheading__weekday__${f}`)
|
|
7106
|
-
},
|
|
7117
|
+
}, Y(u), 3))), 128))
|
|
7107
7118
|
]),
|
|
7108
7119
|
_: 1
|
|
7109
7120
|
}, 8, ["leftDisabled", "rightDisabled", "items", "onLeft", "onRight"]);
|
|
7110
7121
|
}
|
|
7111
|
-
const Ic = /* @__PURE__ */
|
|
7122
|
+
const Ic = /* @__PURE__ */ ne(Tc, [["render", Ec]]);
|
|
7112
7123
|
function fl(e, t) {
|
|
7113
7124
|
const l = e.getBoundingClientRect(), a = {
|
|
7114
7125
|
height: e.clientHeight,
|
|
@@ -7147,7 +7158,7 @@ const jc = Q({
|
|
|
7147
7158
|
},
|
|
7148
7159
|
setup(e, { emit: t }) {
|
|
7149
7160
|
const l = M(null), a = M(null), o = k(() => e.pageDate ?? e.selected), r = M(o.value.getHours()), s = M(o.value.getMinutes());
|
|
7150
|
-
|
|
7161
|
+
ie(
|
|
7151
7162
|
() => e.selected,
|
|
7152
7163
|
(w) => {
|
|
7153
7164
|
let S = 0, y = 0;
|
|
@@ -7186,7 +7197,7 @@ const jc = Q({
|
|
|
7186
7197
|
);
|
|
7187
7198
|
w && S && (fl(l.value, w.ref.value), fl(a.value, S.ref.value));
|
|
7188
7199
|
};
|
|
7189
|
-
return
|
|
7200
|
+
return ie(
|
|
7190
7201
|
() => e.visible,
|
|
7191
7202
|
(w) => {
|
|
7192
7203
|
w && Oe(g);
|
|
@@ -7215,7 +7226,7 @@ const jc = Q({
|
|
|
7215
7226
|
}, Pc = ["disabled", "onClick"];
|
|
7216
7227
|
function Uc(e, t, l, a, o, r) {
|
|
7217
7228
|
const s = Ne("picker-popup");
|
|
7218
|
-
return i(),
|
|
7229
|
+
return i(), pe(s, {
|
|
7219
7230
|
headingClickable: "",
|
|
7220
7231
|
columnCount: 2,
|
|
7221
7232
|
leftDisabled: !0,
|
|
@@ -7224,11 +7235,11 @@ function Uc(e, t, l, a, o, r) {
|
|
|
7224
7235
|
onHeading: t[0] || (t[0] = (u) => e.$emit("back"))
|
|
7225
7236
|
}, {
|
|
7226
7237
|
heading: Se(() => [
|
|
7227
|
-
_e(
|
|
7238
|
+
_e(Y(e.padStartZero(e.hours)) + ":" + Y(e.padStartZero(e.minutes)), 1)
|
|
7228
7239
|
]),
|
|
7229
7240
|
body: Se(() => [
|
|
7230
7241
|
n("div", Fc, [
|
|
7231
|
-
(i(!0), c(
|
|
7242
|
+
(i(!0), c(de, null, he(e.hoursList, (u) => (i(), c("button", {
|
|
7232
7243
|
key: u.value,
|
|
7233
7244
|
ref_for: !0,
|
|
7234
7245
|
ref: u.ref,
|
|
@@ -7236,11 +7247,11 @@ function Uc(e, t, l, a, o, r) {
|
|
|
7236
7247
|
disabled: !e.isEnabled(u.date),
|
|
7237
7248
|
onClick: ke((f) => e.hours = u.value, ["stop", "prevent"])
|
|
7238
7249
|
}, [
|
|
7239
|
-
n("span", null,
|
|
7250
|
+
n("span", null, Y(e.padStartZero(u.value)), 1)
|
|
7240
7251
|
], 10, Oc))), 128))
|
|
7241
7252
|
], 512),
|
|
7242
7253
|
n("div", zc, [
|
|
7243
|
-
(i(!0), c(
|
|
7254
|
+
(i(!0), c(de, null, he(e.minutesList, (u) => (i(), c("button", {
|
|
7244
7255
|
key: u.value,
|
|
7245
7256
|
ref_for: !0,
|
|
7246
7257
|
ref: u.ref,
|
|
@@ -7248,14 +7259,14 @@ function Uc(e, t, l, a, o, r) {
|
|
|
7248
7259
|
disabled: !e.isEnabled(u.date),
|
|
7249
7260
|
onClick: ke((f) => e.selectMinutes(u), ["stop", "prevent"])
|
|
7250
7261
|
}, [
|
|
7251
|
-
n("span", null,
|
|
7262
|
+
n("span", null, Y(e.padStartZero(u.value)), 1)
|
|
7252
7263
|
], 10, Pc))), 128))
|
|
7253
7264
|
], 512)
|
|
7254
7265
|
]),
|
|
7255
7266
|
_: 1
|
|
7256
7267
|
});
|
|
7257
7268
|
}
|
|
7258
|
-
const Nc = /* @__PURE__ */
|
|
7269
|
+
const Nc = /* @__PURE__ */ ne(jc, [["render", Uc], ["__scopeId", "data-v-c075af58"]]), Tt = ["time", "day", "month", "year"], Rc = (e, t, l = void 0) => {
|
|
7259
7270
|
let a = l || /* @__PURE__ */ new Date();
|
|
7260
7271
|
const o = pc([e, a]);
|
|
7261
7272
|
o && (a = o);
|
|
@@ -7437,8 +7448,8 @@ const Nc = /* @__PURE__ */ ae(jc, [["render", Uc], ["__scopeId", "data-v-bcfd11b
|
|
|
7437
7448
|
},
|
|
7438
7449
|
setup(e, { emit: t, attrs: l }) {
|
|
7439
7450
|
const a = M("none"), o = M(e.startingViewDate), r = M(null), s = M(!1), u = M(""), f = (q) => {
|
|
7440
|
-
const
|
|
7441
|
-
return /0/.test(
|
|
7451
|
+
const E = q.replace(/[a-zA-Z]/g, "0");
|
|
7452
|
+
return /0/.test(E) ? E : "";
|
|
7442
7453
|
}, m = k(() => f(e.inputFormat));
|
|
7443
7454
|
let g = null, $ = null;
|
|
7444
7455
|
const C = () => {
|
|
@@ -7471,11 +7482,11 @@ const Nc = /* @__PURE__ */ ae(jc, [["render", Uc], ["__scopeId", "data-v-bcfd11b
|
|
|
7471
7482
|
});
|
|
7472
7483
|
}), bt(() => {
|
|
7473
7484
|
C();
|
|
7474
|
-
}),
|
|
7485
|
+
}), ie(m, (q) => {
|
|
7475
7486
|
q ? Oe(() => {
|
|
7476
7487
|
y();
|
|
7477
7488
|
}) : C();
|
|
7478
|
-
}),
|
|
7489
|
+
}), ie(u, () => {
|
|
7479
7490
|
S();
|
|
7480
7491
|
});
|
|
7481
7492
|
const b = (q = "none") => {
|
|
@@ -7484,8 +7495,8 @@ const Nc = /* @__PURE__ */ ae(jc, [["render", Uc], ["__scopeId", "data-v-bcfd11b
|
|
|
7484
7495
|
mt(() => {
|
|
7485
7496
|
e.disabled && (a.value = "none");
|
|
7486
7497
|
});
|
|
7487
|
-
const x = (q,
|
|
7488
|
-
o.value =
|
|
7498
|
+
const x = (q, E) => {
|
|
7499
|
+
o.value = E, q === "year" ? t("decadePageChanged", E) : q === "month" ? t("yearPageChanged", E) : q === "day" && t("monthPageChanged", E);
|
|
7489
7500
|
}, d = (q) => {
|
|
7490
7501
|
o.value = q, e.minimumView === "year" ? (b("none"), t("update:modelValue", q)) : a.value = "month";
|
|
7491
7502
|
}, _ = (q) => {
|
|
@@ -7494,32 +7505,32 @@ const Nc = /* @__PURE__ */ ae(jc, [["render", Uc], ["__scopeId", "data-v-bcfd11b
|
|
|
7494
7505
|
o.value = q, e.minimumView === "day" ? (b("none"), t("update:modelValue", q)) : a.value = "time";
|
|
7495
7506
|
}, L = (q) => {
|
|
7496
7507
|
b("none"), t("update:modelValue", q);
|
|
7497
|
-
},
|
|
7508
|
+
}, T = () => {
|
|
7498
7509
|
e.clearable && (b("none"), t("update:modelValue", null), o.value = e.startingViewDate);
|
|
7499
|
-
}, F = () => s.value = !0,
|
|
7510
|
+
}, F = () => s.value = !0, K = () => b(j.value), Z = () => {
|
|
7500
7511
|
s.value = !1, b();
|
|
7501
7512
|
}, ee = (q) => {
|
|
7502
|
-
const
|
|
7513
|
+
const E = q.keyCode ? q.keyCode : q.which;
|
|
7503
7514
|
if ([
|
|
7504
7515
|
27,
|
|
7505
7516
|
// escape
|
|
7506
7517
|
13
|
|
7507
7518
|
// enter
|
|
7508
|
-
].includes(
|
|
7519
|
+
].includes(E) && r.value.blur(), e.typeable) {
|
|
7509
7520
|
const G = pl(r.value.value, e.inputFormat);
|
|
7510
7521
|
G && u.value === It(G, e.inputFormat) && (u.value = r.value.value, t("update:modelValue", G));
|
|
7511
7522
|
}
|
|
7512
7523
|
}, j = k(() => {
|
|
7513
|
-
const q = Tt.indexOf(e.startingView),
|
|
7514
|
-
return q <
|
|
7515
|
-
}),
|
|
7516
|
-
Object.entries(q ?? {}).filter(([
|
|
7524
|
+
const q = Tt.indexOf(e.startingView), E = Tt.indexOf(e.minimumView);
|
|
7525
|
+
return q < E ? e.minimumView : e.startingView;
|
|
7526
|
+
}), se = (q) => Object.fromEntries(
|
|
7527
|
+
Object.entries(q ?? {}).filter(([E, X]) => E.startsWith("--"))
|
|
7517
7528
|
), te = k(
|
|
7518
7529
|
() => e.weekDayNames?.length === 7 ? e.weekDayNames : void 0
|
|
7519
7530
|
);
|
|
7520
7531
|
return {
|
|
7521
7532
|
blur: Z,
|
|
7522
|
-
focus:
|
|
7533
|
+
focus: K,
|
|
7523
7534
|
click: F,
|
|
7524
7535
|
input: u,
|
|
7525
7536
|
inputRef: r,
|
|
@@ -7534,10 +7545,10 @@ const Nc = /* @__PURE__ */ ae(jc, [["render", Uc], ["__scopeId", "data-v-bcfd11b
|
|
|
7534
7545
|
normalizedWeekdayNames: te,
|
|
7535
7546
|
viewShown: a,
|
|
7536
7547
|
goBackFromTimepicker: () => e.startingView === "time" && e.minimumView === "time" ? null : a.value = "day",
|
|
7537
|
-
clearModelValue:
|
|
7548
|
+
clearModelValue: T,
|
|
7538
7549
|
initialView: j,
|
|
7539
7550
|
log: (q) => console.log(q),
|
|
7540
|
-
variables:
|
|
7551
|
+
variables: se
|
|
7541
7552
|
};
|
|
7542
7553
|
}
|
|
7543
7554
|
}), qc = { class: "v3dp__input_wrapper" }, Gc = ["readonly", "placeholder", "disabled", "tabindex"], Wc = { class: "v3dp__clearable" };
|
|
@@ -7548,7 +7559,7 @@ function Kc(e, t, l, a, o, r) {
|
|
|
7548
7559
|
style: Ve(e.variables(e.$attrs.style))
|
|
7549
7560
|
}, [
|
|
7550
7561
|
n("div", qc, [
|
|
7551
|
-
|
|
7562
|
+
me(n("input", Ze({
|
|
7552
7563
|
type: "text",
|
|
7553
7564
|
ref: "inputRef",
|
|
7554
7565
|
readonly: !e.typeable,
|
|
@@ -7564,7 +7575,7 @@ function Kc(e, t, l, a, o, r) {
|
|
|
7564
7575
|
}), null, 16, Gc), [
|
|
7565
7576
|
[Ce, e.input]
|
|
7566
7577
|
]),
|
|
7567
|
-
|
|
7578
|
+
me(n("div", Wc, [
|
|
7568
7579
|
De(e.$slots, "clear", { onClear: e.clearModelValue }, () => [
|
|
7569
7580
|
n("i", {
|
|
7570
7581
|
onClick: t[5] || (t[5] = (g) => e.clearModelValue())
|
|
@@ -7574,7 +7585,7 @@ function Kc(e, t, l, a, o, r) {
|
|
|
7574
7585
|
[Ye, e.clearable && e.modelValue]
|
|
7575
7586
|
])
|
|
7576
7587
|
]),
|
|
7577
|
-
|
|
7588
|
+
me(W(s, {
|
|
7578
7589
|
pageDate: e.pageDate,
|
|
7579
7590
|
"onUpdate:pageDate": t[6] || (t[6] = (g) => e.updatePageDate("year", g)),
|
|
7580
7591
|
selected: e.modelValue,
|
|
@@ -7584,7 +7595,7 @@ function Kc(e, t, l, a, o, r) {
|
|
|
7584
7595
|
}, null, 8, ["pageDate", "selected", "lowerLimit", "upperLimit", "onSelect"]), [
|
|
7585
7596
|
[Ye, e.viewShown === "year"]
|
|
7586
7597
|
]),
|
|
7587
|
-
|
|
7598
|
+
me(W(u, {
|
|
7588
7599
|
pageDate: e.pageDate,
|
|
7589
7600
|
"onUpdate:pageDate": t[7] || (t[7] = (g) => e.updatePageDate("month", g)),
|
|
7590
7601
|
selected: e.modelValue,
|
|
@@ -7596,7 +7607,7 @@ function Kc(e, t, l, a, o, r) {
|
|
|
7596
7607
|
}, null, 8, ["pageDate", "selected", "onSelect", "lowerLimit", "upperLimit", "format"]), [
|
|
7597
7608
|
[Ye, e.viewShown === "month"]
|
|
7598
7609
|
]),
|
|
7599
|
-
|
|
7610
|
+
me(W(f, {
|
|
7600
7611
|
pageDate: e.pageDate,
|
|
7601
7612
|
"onUpdate:pageDate": t[9] || (t[9] = (g) => e.updatePageDate("day", g)),
|
|
7602
7613
|
selected: e.modelValue,
|
|
@@ -7614,7 +7625,7 @@ function Kc(e, t, l, a, o, r) {
|
|
|
7614
7625
|
}, null, 8, ["pageDate", "selected", "weekStartsOn", "lowerLimit", "upperLimit", "headingFormat", "disabledDates", "weekdayFormat", "allow-outside-interval", "format", "custom-weekdays", "onSelect"]), [
|
|
7615
7626
|
[Ye, e.viewShown === "day"]
|
|
7616
7627
|
]),
|
|
7617
|
-
|
|
7628
|
+
me(W(m, {
|
|
7618
7629
|
pageDate: e.pageDate,
|
|
7619
7630
|
visible: e.viewShown === "time",
|
|
7620
7631
|
selected: e.modelValue,
|
|
@@ -7626,7 +7637,7 @@ function Kc(e, t, l, a, o, r) {
|
|
|
7626
7637
|
])
|
|
7627
7638
|
], 4);
|
|
7628
7639
|
}
|
|
7629
|
-
const Yc = /* @__PURE__ */
|
|
7640
|
+
const Yc = /* @__PURE__ */ ne(Hc, [["render", Kc]]), Zc = /* @__PURE__ */ Q({
|
|
7630
7641
|
__name: "vs-input-date2",
|
|
7631
7642
|
props: {
|
|
7632
7643
|
clearable: { type: Boolean, default: !0 },
|
|
@@ -7666,13 +7677,13 @@ const Yc = /* @__PURE__ */ ae(Hc, [["render", Kc]]), Zc = /* @__PURE__ */ Q({
|
|
|
7666
7677
|
l.modelValue ?? m.value,
|
|
7667
7678
|
r.value
|
|
7668
7679
|
) || void 0,
|
|
7669
|
-
set: (
|
|
7680
|
+
set: (E) => a("update:modelValue", h(E, r.value))
|
|
7670
7681
|
}), $ = ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Нд"], C = k(() => {
|
|
7671
7682
|
if (l.dayNames?.length)
|
|
7672
7683
|
return l.dayNames.length === 7 ? l.dayNames : $;
|
|
7673
7684
|
}), w = k(() => {
|
|
7674
|
-
const
|
|
7675
|
-
return
|
|
7685
|
+
const E = l.weekStart, X = typeof E == "string" ? Number(E) : E;
|
|
7686
|
+
return X === void 0 || Number.isNaN(X) ? 1 : Math.min(6, Math.max(0, X));
|
|
7676
7687
|
}), S = k(() => {
|
|
7677
7688
|
switch (r.value) {
|
|
7678
7689
|
case "time":
|
|
@@ -7701,115 +7712,115 @@ const Yc = /* @__PURE__ */ ae(Hc, [["render", Kc]]), Zc = /* @__PURE__ */ Q({
|
|
|
7701
7712
|
"--vdp-border-radius": l.style?.size === "sm" ? "6px" : "8px",
|
|
7702
7713
|
"--vdp-elem-font-size": l.style?.size === "sm" ? "0.75em" : "0.85em"
|
|
7703
7714
|
})), d = M(!1);
|
|
7704
|
-
|
|
7715
|
+
ie(
|
|
7705
7716
|
() => l.modelValue,
|
|
7706
|
-
(
|
|
7707
|
-
|
|
7717
|
+
(E) => {
|
|
7718
|
+
E ? d.value = !0 : l.now || (d.value = !1);
|
|
7708
7719
|
},
|
|
7709
7720
|
{ immediate: !0 }
|
|
7710
7721
|
), mt(() => {
|
|
7711
7722
|
l.now && !l.modelValue && !d.value && (a("update:modelValue", h(/* @__PURE__ */ new Date(), r.value)), d.value = !0);
|
|
7712
7723
|
});
|
|
7713
|
-
function _(
|
|
7714
|
-
if (!
|
|
7715
|
-
if (
|
|
7716
|
-
return
|
|
7717
|
-
if (typeof
|
|
7718
|
-
switch (
|
|
7724
|
+
function _(E, X) {
|
|
7725
|
+
if (!E) return null;
|
|
7726
|
+
if (E instanceof Date && !Number.isNaN(E.getTime()))
|
|
7727
|
+
return E;
|
|
7728
|
+
if (typeof E != "string") return null;
|
|
7729
|
+
switch (X) {
|
|
7719
7730
|
case "datetime":
|
|
7720
|
-
return
|
|
7731
|
+
return K(E);
|
|
7721
7732
|
case "time":
|
|
7722
|
-
return j(
|
|
7733
|
+
return j(E);
|
|
7723
7734
|
case "month":
|
|
7724
|
-
return Z(
|
|
7735
|
+
return Z(E);
|
|
7725
7736
|
case "year":
|
|
7726
|
-
return ee(
|
|
7737
|
+
return ee(E);
|
|
7727
7738
|
case "week":
|
|
7728
|
-
return
|
|
7739
|
+
return se(E);
|
|
7729
7740
|
case "date":
|
|
7730
7741
|
default:
|
|
7731
|
-
return F(
|
|
7742
|
+
return F(E);
|
|
7732
7743
|
}
|
|
7733
7744
|
}
|
|
7734
|
-
function h(
|
|
7735
|
-
if (!
|
|
7736
|
-
const G =
|
|
7745
|
+
function h(E, X) {
|
|
7746
|
+
if (!E) return null;
|
|
7747
|
+
const G = E instanceof Date ? E : _(E, X);
|
|
7737
7748
|
if (!G) return null;
|
|
7738
|
-
switch (
|
|
7749
|
+
switch (X) {
|
|
7739
7750
|
case "datetime":
|
|
7740
|
-
return `${L(G)}T${
|
|
7751
|
+
return `${L(G)}T${T(G)}`;
|
|
7741
7752
|
case "time":
|
|
7742
|
-
return
|
|
7753
|
+
return T(G);
|
|
7743
7754
|
case "month":
|
|
7744
7755
|
return `${G.getFullYear()}-${q(G.getMonth() + 1)}`;
|
|
7745
7756
|
case "year":
|
|
7746
7757
|
return `${G.getFullYear()}`;
|
|
7747
7758
|
case "week": {
|
|
7748
|
-
const { year:
|
|
7749
|
-
return `${
|
|
7759
|
+
const { year: ce, week: ye } = te(G);
|
|
7760
|
+
return `${ce}-W${q(ye)}`;
|
|
7750
7761
|
}
|
|
7751
7762
|
case "date":
|
|
7752
7763
|
default:
|
|
7753
7764
|
return L(G);
|
|
7754
7765
|
}
|
|
7755
7766
|
}
|
|
7756
|
-
function L(
|
|
7757
|
-
return `${
|
|
7767
|
+
function L(E) {
|
|
7768
|
+
return `${E.getFullYear()}-${q(E.getMonth() + 1)}-${q(E.getDate())}`;
|
|
7758
7769
|
}
|
|
7759
|
-
function
|
|
7760
|
-
return `${q(
|
|
7770
|
+
function T(E) {
|
|
7771
|
+
return `${q(E.getHours())}:${q(E.getMinutes())}`;
|
|
7761
7772
|
}
|
|
7762
|
-
function F(
|
|
7763
|
-
const
|
|
7764
|
-
if (
|
|
7765
|
-
const [G,
|
|
7766
|
-
return !G || !
|
|
7773
|
+
function F(E) {
|
|
7774
|
+
const X = E.split("-");
|
|
7775
|
+
if (X.length < 3) return null;
|
|
7776
|
+
const [G, ce, ye] = X.map(Number);
|
|
7777
|
+
return !G || !ce || !ye ? null : new Date(G, ce - 1, ye);
|
|
7767
7778
|
}
|
|
7768
|
-
function
|
|
7769
|
-
const
|
|
7779
|
+
function K(E) {
|
|
7780
|
+
const X = E.includes("T") ? E : E.replace(" ", "T"), G = new Date(X);
|
|
7770
7781
|
return Number.isNaN(G.getTime()) ? null : G;
|
|
7771
7782
|
}
|
|
7772
|
-
function Z(
|
|
7773
|
-
const [
|
|
7774
|
-
return !
|
|
7775
|
-
}
|
|
7776
|
-
function ee(
|
|
7777
|
-
const
|
|
7778
|
-
return
|
|
7779
|
-
}
|
|
7780
|
-
function j(
|
|
7781
|
-
const
|
|
7782
|
-
if (!
|
|
7783
|
-
const [, G,
|
|
7784
|
-
return ye.setHours(Number(G), Number(
|
|
7785
|
-
}
|
|
7786
|
-
function
|
|
7787
|
-
const
|
|
7788
|
-
if (!
|
|
7789
|
-
const [, G,
|
|
7790
|
-
return
|
|
7791
|
-
}
|
|
7792
|
-
function te(
|
|
7793
|
-
const
|
|
7794
|
-
|
|
7795
|
-
const
|
|
7796
|
-
return { year:
|
|
7797
|
-
}
|
|
7798
|
-
function
|
|
7799
|
-
if (!
|
|
7800
|
-
const G = new Date(
|
|
7801
|
-
return
|
|
7802
|
-
}
|
|
7803
|
-
function q(
|
|
7804
|
-
return String(
|
|
7805
|
-
}
|
|
7806
|
-
return (
|
|
7783
|
+
function Z(E) {
|
|
7784
|
+
const [X, G] = E.split("-").map(Number);
|
|
7785
|
+
return !X || Number.isNaN(G) ? null : new Date(X, (G || 1) - 1, 1);
|
|
7786
|
+
}
|
|
7787
|
+
function ee(E) {
|
|
7788
|
+
const X = Number(E);
|
|
7789
|
+
return X ? new Date(X, 0, 1) : null;
|
|
7790
|
+
}
|
|
7791
|
+
function j(E) {
|
|
7792
|
+
const X = E.match(/^(\d{1,2}):(\d{2})$/);
|
|
7793
|
+
if (!X) return null;
|
|
7794
|
+
const [, G, ce] = X, ye = /* @__PURE__ */ new Date();
|
|
7795
|
+
return ye.setHours(Number(G), Number(ce), 0, 0), ye;
|
|
7796
|
+
}
|
|
7797
|
+
function se(E) {
|
|
7798
|
+
const X = E.match(/^(\d{4})-W(\d{2})$/);
|
|
7799
|
+
if (!X) return null;
|
|
7800
|
+
const [, G, ce] = X, ye = Number(ce);
|
|
7801
|
+
return ue(Number(G), ye);
|
|
7802
|
+
}
|
|
7803
|
+
function te(E) {
|
|
7804
|
+
const X = new Date(Date.UTC(E.getFullYear(), E.getMonth(), E.getDate())), G = X.getUTCDay() || 7;
|
|
7805
|
+
X.setUTCDate(X.getUTCDate() + 4 - G);
|
|
7806
|
+
const ce = new Date(Date.UTC(X.getUTCFullYear(), 0, 1)), ye = Math.ceil(((X.getTime() - ce.getTime()) / 864e5 + 1) / 7);
|
|
7807
|
+
return { year: X.getUTCFullYear(), week: ye };
|
|
7808
|
+
}
|
|
7809
|
+
function ue(E, X) {
|
|
7810
|
+
if (!E || !X) return null;
|
|
7811
|
+
const G = new Date(E, 0, 1 + (X - 1) * 7), ce = G.getDay(), ye = G;
|
|
7812
|
+
return ce <= 4 ? ye.setDate(G.getDate() - G.getDay() + 1) : ye.setDate(G.getDate() + 8 - G.getDay()), ye;
|
|
7813
|
+
}
|
|
7814
|
+
function q(E) {
|
|
7815
|
+
return String(E).padStart(2, "0");
|
|
7816
|
+
}
|
|
7817
|
+
return (E, X) => (i(), c("div", {
|
|
7807
7818
|
class: R(["vs-date-picker", l.customClass]),
|
|
7808
7819
|
style: Ve(x.value)
|
|
7809
7820
|
}, [
|
|
7810
|
-
|
|
7821
|
+
W(Yc, {
|
|
7811
7822
|
modelValue: g.value,
|
|
7812
|
-
"onUpdate:modelValue":
|
|
7823
|
+
"onUpdate:modelValue": X[0] || (X[0] = (G) => g.value = G),
|
|
7813
7824
|
placeholder: u.value,
|
|
7814
7825
|
disabled: l.disabled,
|
|
7815
7826
|
clearable: l.clearable,
|
|
@@ -7824,7 +7835,7 @@ const Yc = /* @__PURE__ */ ae(Hc, [["render", Kc]]), Zc = /* @__PURE__ */ Q({
|
|
|
7824
7835
|
}, null, 8, ["modelValue", "placeholder", "disabled", "clearable", "typeable", "week-day-names", "week-starts-on", "starting-view", "minimum-view", "input-format", "name", "class"])
|
|
7825
7836
|
], 6));
|
|
7826
7837
|
}
|
|
7827
|
-
}), Qc = /* @__PURE__ */
|
|
7838
|
+
}), Qc = /* @__PURE__ */ ne(Zc, [["__scopeId", "data-v-a65a2ac3"]]), ml = (e = { mode: "edit", schema: null }) => new Promise((t) => {
|
|
7828
7839
|
const { close: l } = Ol({
|
|
7829
7840
|
title: e.mode === "add" ? "Додати" : "Редагувати",
|
|
7830
7841
|
template: "",
|