dsp-semactic 0.6.63 → 0.6.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +13 -13
- package/dist/index.es.js +275 -278
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -82,7 +82,7 @@ const Js = {
|
|
|
82
82
|
},
|
|
83
83
|
emits: ["update:modelValue"],
|
|
84
84
|
setup(F, { emit: fe }) {
|
|
85
|
-
const N = F, B = fe, { t: ye, locale: U } = Ua(), V = $(!1),
|
|
85
|
+
const N = F, B = fe, { t: ye, locale: U } = Ua(), V = $(!1), Me = $("days"), kt = /* @__PURE__ */ new Date(), re = p(() => N.minDate instanceof Date ? N.minDate : kt), g = $(re.value.getMonth()), Re = $(re.value.getFullYear()), He = $(re.value.getMonth()), oe = $(re.value.getFullYear()), ee = $(re.value.getMonth()), xe = $(re.value.getFullYear()), Z = $("start"), Ie = $(null), Ue = $(null);
|
|
86
86
|
function ht() {
|
|
87
87
|
const q = re.value, Y = q.getMonth(), I = q.getFullYear(), ge = Y === 11 ? 0 : Y + 1, We = Y === 11 ? I + 1 : I;
|
|
88
88
|
return { left: { month: Y, year: I }, right: { month: ge, year: We } };
|
|
@@ -108,12 +108,12 @@ const Js = {
|
|
|
108
108
|
const Y = q.getDate(), I = q.getMonth() + 1, ge = q.getFullYear(), We = (xt) => String(xt).padStart(2, "0");
|
|
109
109
|
return `${We(Y)}/${We(I)}/${ge}`;
|
|
110
110
|
}
|
|
111
|
-
const
|
|
111
|
+
const Qt = p(() => jt(Ht.value)), me = p(() => {
|
|
112
112
|
const { start: q, end: Y } = Rt.value;
|
|
113
113
|
if (!q && !Y) return "";
|
|
114
114
|
const I = !Y || q && q <= Y ? q : Y, ge = !q || Y && Y >= q ? Y : q;
|
|
115
115
|
return he(I, ge) ? jt(I) : `${jt(I)} - ${jt(ge)}`;
|
|
116
|
-
}),
|
|
116
|
+
}), ke = p(() => {
|
|
117
117
|
if (N.mode !== "readonly") return "—";
|
|
118
118
|
const q = N.modelValue;
|
|
119
119
|
if (q instanceof Date) return jt(q) || "—";
|
|
@@ -237,15 +237,15 @@ const Js = {
|
|
|
237
237
|
function he(q, Y) {
|
|
238
238
|
return !q || !Y ? !1 : q.getFullYear() === Y.getFullYear() && q.getMonth() === Y.getMonth() && q.getDate() === Y.getDate();
|
|
239
239
|
}
|
|
240
|
-
function
|
|
240
|
+
function _e(q) {
|
|
241
241
|
return new Date(q.getFullYear(), q.getMonth(), q.getDate()).getTime();
|
|
242
242
|
}
|
|
243
243
|
function ft(q) {
|
|
244
244
|
return !N.availableDates || !N.availableDates.length ? !0 : N.availableDates.some((Y) => Y instanceof Date && he(Y, q));
|
|
245
245
|
}
|
|
246
246
|
function Ft(q) {
|
|
247
|
-
const Y =
|
|
248
|
-
return !(N.minDate instanceof Date && Y <
|
|
247
|
+
const Y = _e(q);
|
|
248
|
+
return !(N.minDate instanceof Date && Y < _e(N.minDate) || N.maxDate instanceof Date && Y > _e(N.maxDate));
|
|
249
249
|
}
|
|
250
250
|
function Mn(q) {
|
|
251
251
|
const Y = new Date(q);
|
|
@@ -256,13 +256,13 @@ const Js = {
|
|
|
256
256
|
}
|
|
257
257
|
function yn(q, Y) {
|
|
258
258
|
if (!(q instanceof Date) || !(Y instanceof Date)) return null;
|
|
259
|
-
let I =
|
|
259
|
+
let I = _e(q), ge = _e(Y);
|
|
260
260
|
if (I > ge && ([I, ge] = [ge, I]), N.minDate instanceof Date) {
|
|
261
|
-
const We =
|
|
261
|
+
const We = _e(N.minDate);
|
|
262
262
|
I = Math.max(I, We), ge = Math.max(ge, We);
|
|
263
263
|
}
|
|
264
264
|
if (N.maxDate instanceof Date) {
|
|
265
|
-
const We =
|
|
265
|
+
const We = _e(N.maxDate);
|
|
266
266
|
I = Math.min(I, We), ge = Math.min(ge, We);
|
|
267
267
|
}
|
|
268
268
|
return I > ge ? null : { start: Mn(I), end: Mn(ge) };
|
|
@@ -274,10 +274,10 @@ const Js = {
|
|
|
274
274
|
return T(q) ? !1 : ["singleFromAvailable", "rangeFromAvailable"].includes(N.mode) ? ft(q) : Ft(q);
|
|
275
275
|
}
|
|
276
276
|
function H(q) {
|
|
277
|
-
const Y = Ht.value, I = Rt.value, ge =
|
|
277
|
+
const Y = Ht.value, I = Rt.value, ge = _e(q), We = pt.value && I.start && I.end && ge > _e(I.start) && ge < _e(I.end), xt = pt.value && I.start && he(q, I.start), Ct = pt.value && I.end && he(q, I.end), it = xt && Ct, Xt = De.value && Y && he(q, Y) || xt || Ct;
|
|
278
278
|
let En = !1;
|
|
279
279
|
if (pt.value && I.start && !I.end && Ie.value) {
|
|
280
|
-
const zn =
|
|
280
|
+
const zn = _e(I.start), al = _e(Ie.value), Yn = Math.min(zn, al), ta = Math.max(zn, al);
|
|
281
281
|
En = ge > Yn && ge < ta;
|
|
282
282
|
}
|
|
283
283
|
return {
|
|
@@ -372,16 +372,16 @@ const Js = {
|
|
|
372
372
|
const ge = q === "start" && I.start ? I.start : I.end || I.start;
|
|
373
373
|
ge && (g.value = ge.getMonth(), Re.value = ge.getFullYear());
|
|
374
374
|
}
|
|
375
|
-
Ne.value = De.value ? Mt.value?.closest(".dss-datepicker__input-wrap") : G.value,
|
|
375
|
+
Ne.value = De.value ? Mt.value?.closest(".dss-datepicker__input-wrap") : G.value, Me.value = "days", Ue.value = null, Vt.value = "left", V.value = !0, ie();
|
|
376
376
|
}
|
|
377
377
|
function At() {
|
|
378
|
-
|
|
378
|
+
Me.value = "days", Ue.value = null, Ie.value = null, V.value = !1;
|
|
379
379
|
}
|
|
380
380
|
function yt(q, Y) {
|
|
381
|
-
Ue.value = q,
|
|
381
|
+
Ue.value = q, Me.value = Y;
|
|
382
382
|
}
|
|
383
383
|
function Ot() {
|
|
384
|
-
|
|
384
|
+
Me.value = "days", Ue.value = null;
|
|
385
385
|
}
|
|
386
386
|
function zt(q) {
|
|
387
387
|
const Y = /* @__PURE__ */ new Date(), I = Y.getFullYear(), ge = Y.getMonth(), We = Y.getDate();
|
|
@@ -502,14 +502,14 @@ const Js = {
|
|
|
502
502
|
function _l() {
|
|
503
503
|
kl && (document.removeEventListener("keydown", kl), kl = null), ll && (window.removeEventListener("resize", ll), ll = null), In && (window.removeEventListener("scroll", In, !0), In = null);
|
|
504
504
|
}
|
|
505
|
-
return Pt(
|
|
505
|
+
return Pt(Me, (q) => {
|
|
506
506
|
q === "years" && Ae(() => {
|
|
507
507
|
rt.value?.querySelector(`[data-year="${ze.value}"]`)?.scrollIntoView({ block: "center", behavior: "auto" });
|
|
508
508
|
});
|
|
509
509
|
}), Pt(
|
|
510
510
|
() => [
|
|
511
511
|
V.value,
|
|
512
|
-
|
|
512
|
+
Me.value,
|
|
513
513
|
g.value,
|
|
514
514
|
Re.value,
|
|
515
515
|
He.value,
|
|
@@ -525,7 +525,7 @@ const Js = {
|
|
|
525
525
|
}
|
|
526
526
|
), Pt(V, (q) => {
|
|
527
527
|
_l(), q && (kl = (Y) => {
|
|
528
|
-
Y.key === "Escape" && (
|
|
528
|
+
Y.key === "Escape" && (Me.value === "years" || Me.value === "months" ? Ot() : At());
|
|
529
529
|
}, ll = () => {
|
|
530
530
|
Q();
|
|
531
531
|
}, In = () => {
|
|
@@ -556,7 +556,7 @@ const Js = {
|
|
|
556
556
|
l("input", {
|
|
557
557
|
type: "text",
|
|
558
558
|
class: "dss-datepicker__input",
|
|
559
|
-
value:
|
|
559
|
+
value: ke.value,
|
|
560
560
|
readonly: "",
|
|
561
561
|
disabled: "",
|
|
562
562
|
tabindex: "-1"
|
|
@@ -588,7 +588,7 @@ const Js = {
|
|
|
588
588
|
type: "text",
|
|
589
589
|
class: "dss-datepicker__input",
|
|
590
590
|
placeholder: N.placeholder || P(ye)("datepicker.selectDate"),
|
|
591
|
-
value:
|
|
591
|
+
value: Qt.value,
|
|
592
592
|
readonly: "",
|
|
593
593
|
disabled: F.mode === "readonly"
|
|
594
594
|
}, null, 8, to)
|
|
@@ -619,7 +619,7 @@ const Js = {
|
|
|
619
619
|
type: "text",
|
|
620
620
|
class: "dss-datepicker__input",
|
|
621
621
|
placeholder: N.placeholder || P(ye)("datepicker.selectFromList"),
|
|
622
|
-
value:
|
|
622
|
+
value: Qt.value,
|
|
623
623
|
readonly: ""
|
|
624
624
|
}, null, 8, no),
|
|
625
625
|
l("span", {
|
|
@@ -679,8 +679,8 @@ const Js = {
|
|
|
679
679
|
ref_key: "dropdownRef",
|
|
680
680
|
ref: Oe,
|
|
681
681
|
class: se(["dss-datepicker__dropdown", {
|
|
682
|
-
"dss-datepicker__dropdown--double": F.doubleCalendar && pt.value &&
|
|
683
|
-
"dss-datepicker__dropdown--quick-select": F.doubleCalendar && pt.value &&
|
|
682
|
+
"dss-datepicker__dropdown--double": F.doubleCalendar && pt.value && Me.value === "days",
|
|
683
|
+
"dss-datepicker__dropdown--quick-select": F.doubleCalendar && pt.value && Me.value === "days" && F.quickSelect,
|
|
684
684
|
"dss-datepicker__dropdown--list": _t.value
|
|
685
685
|
}]),
|
|
686
686
|
onClick: Y[9] || (Y[9] = Xe(() => {
|
|
@@ -708,7 +708,7 @@ const Js = {
|
|
|
708
708
|
])])) : L("", !0)
|
|
709
709
|
], 10, ao))), 128))
|
|
710
710
|
], 512)) : (u(), c("div", ro, A(P(ye)("datepicker.noAvailableDates")), 1))
|
|
711
|
-
], 64)) :
|
|
711
|
+
], 64)) : Me.value === "days" && F.doubleCalendar && pt.value ? (u(), c("div", io, [
|
|
712
712
|
F.quickSelect ? (u(), c("nav", uo, [
|
|
713
713
|
(u(!0), c(J, null, $e(lt.value, (I) => (u(), c("button", {
|
|
714
714
|
key: I.id,
|
|
@@ -818,7 +818,7 @@ const Js = {
|
|
|
818
818
|
])
|
|
819
819
|
])
|
|
820
820
|
])
|
|
821
|
-
])) :
|
|
821
|
+
])) : Me.value === "days" ? (u(), c(J, { key: 2 }, [
|
|
822
822
|
l("div", To, [
|
|
823
823
|
l("button", {
|
|
824
824
|
type: "button",
|
|
@@ -830,12 +830,12 @@ const Js = {
|
|
|
830
830
|
l("button", {
|
|
831
831
|
type: "button",
|
|
832
832
|
class: "dss-datepicker__month-year-btn",
|
|
833
|
-
onClick: Y[6] || (Y[6] = (I) =>
|
|
833
|
+
onClick: Y[6] || (Y[6] = (I) => Me.value = "months")
|
|
834
834
|
}, A(dn.value), 1),
|
|
835
835
|
l("button", {
|
|
836
836
|
type: "button",
|
|
837
837
|
class: "dss-datepicker__month-year-btn",
|
|
838
|
-
onClick: Y[7] || (Y[7] = (I) =>
|
|
838
|
+
onClick: Y[7] || (Y[7] = (I) => Me.value = "years")
|
|
839
839
|
}, A(Re.value), 1)
|
|
840
840
|
]),
|
|
841
841
|
l("button", {
|
|
@@ -864,14 +864,14 @@ const Js = {
|
|
|
864
864
|
}, A(I.getDate()), 43, Io)) : (u(), c("span", Po))
|
|
865
865
|
], 64))), 128))
|
|
866
866
|
])
|
|
867
|
-
], 64)) :
|
|
867
|
+
], 64)) : Me.value === "months" ? (u(), c(J, { key: 3 }, [
|
|
868
868
|
l("div", Fo, [
|
|
869
869
|
l("div", Bo, [
|
|
870
870
|
l("span", Oo, A(Dt.value), 1),
|
|
871
871
|
l("button", {
|
|
872
872
|
type: "button",
|
|
873
873
|
class: "dss-datepicker__month-year-btn",
|
|
874
|
-
onClick: Y[8] || (Y[8] = (I) =>
|
|
874
|
+
onClick: Y[8] || (Y[8] = (I) => Me.value = "years")
|
|
875
875
|
}, A(ze.value), 1)
|
|
876
876
|
])
|
|
877
877
|
]),
|
|
@@ -883,7 +883,7 @@ const Js = {
|
|
|
883
883
|
onClick: (We) => vn(ge)
|
|
884
884
|
}, A(I), 11, qo))), 128))
|
|
885
885
|
])
|
|
886
|
-
], 64)) :
|
|
886
|
+
], 64)) : Me.value === "years" ? (u(), c(J, { key: 4 }, [
|
|
887
887
|
l("div", Wo, [
|
|
888
888
|
l("span", Zo, A(sn.value), 1)
|
|
889
889
|
]),
|
|
@@ -1039,7 +1039,7 @@ const Js = {
|
|
|
1039
1039
|
},
|
|
1040
1040
|
emits: ["add-marker", "update-marker", "delete-marker"],
|
|
1041
1041
|
setup(F, { emit: fe }) {
|
|
1042
|
-
const { t: N, locale: B } = Ua(), ye = fe, U = $(null), V = $(null),
|
|
1042
|
+
const { t: N, locale: B } = Ua(), ye = fe, U = $(null), V = $(null), Me = $(null), kt = $(0), re = $(0);
|
|
1043
1043
|
let g = null, Re = null;
|
|
1044
1044
|
const He = 20, oe = p(() => {
|
|
1045
1045
|
if (re.value, kt.value, !U.value || !V.value) return 0;
|
|
@@ -1311,13 +1311,13 @@ const Js = {
|
|
|
1311
1311
|
}), jt = p(() => {
|
|
1312
1312
|
const e = G.value;
|
|
1313
1313
|
return e && e.xAxis && e.xAxis.title && e.xAxis.title.text ? e.xAxis.title.text : "";
|
|
1314
|
-
}),
|
|
1314
|
+
}), Qt = p(() => {
|
|
1315
1315
|
const e = G.value;
|
|
1316
1316
|
return e && e.yAxis && e.yAxis.title && e.yAxis.title.text ? e.yAxis.title.text : "";
|
|
1317
1317
|
}), me = p(() => {
|
|
1318
1318
|
const e = G.value;
|
|
1319
1319
|
return e && e.yAxis && e.yAxis.secondary && typeof e.yAxis.secondary == "object" ? e.yAxis.secondary : null;
|
|
1320
|
-
}),
|
|
1320
|
+
}), ke = p(() => {
|
|
1321
1321
|
const e = me.value;
|
|
1322
1322
|
return e && e.title && e.title.text ? e.title.text : "";
|
|
1323
1323
|
}), Ye = p(() => {
|
|
@@ -1397,7 +1397,7 @@ const Js = {
|
|
|
1397
1397
|
}, he = p(() => {
|
|
1398
1398
|
const e = G.value;
|
|
1399
1399
|
return e && e.fill && e.fill.area && typeof e.fill.area.opacity == "number" ? e.fill.area.opacity : 0.3;
|
|
1400
|
-
}),
|
|
1400
|
+
}), _e = p(() => {
|
|
1401
1401
|
const e = G.value;
|
|
1402
1402
|
return e && e.smoothing && e.smoothing.enabled === !0;
|
|
1403
1403
|
}), ft = p(() => {
|
|
@@ -1405,7 +1405,7 @@ const Js = {
|
|
|
1405
1405
|
return e && e.smoothing && typeof e.smoothing.factor == "number" ? e.smoothing.factor : 0.3;
|
|
1406
1406
|
}), Ft = p(() => {
|
|
1407
1407
|
const e = G.value;
|
|
1408
|
-
return
|
|
1408
|
+
return _e.value ? e && e.smoothing && typeof e.smoothing.barRadius == "number" ? e.smoothing.barRadius : 4 : 0;
|
|
1409
1409
|
}), Mn = p(() => {
|
|
1410
1410
|
const e = G.value, s = e && e.colors && Array.isArray(e.colors) ? e.colors : [];
|
|
1411
1411
|
return s.length > 0 ? s : ["#3B82F6", "#EF4444", "#10B981", "#F59E0B", "#8B5CF6", "#F97316", "#06B6D4", "#84CC16"];
|
|
@@ -1693,7 +1693,7 @@ const Js = {
|
|
|
1693
1693
|
const s = G.value?.radialBar?.dataCenter?.fontSize;
|
|
1694
1694
|
return typeof s == "number" && s > 0 ? s : 24;
|
|
1695
1695
|
}), al = p(() => ({
|
|
1696
|
-
x:
|
|
1696
|
+
x: Jt.value,
|
|
1697
1697
|
y: ma.value ? Yt.value : Yt.value - zn.value / 2
|
|
1698
1698
|
})), Yn = p(() => {
|
|
1699
1699
|
const s = G.value?.radialBar?.dataCenter?.color;
|
|
@@ -1702,7 +1702,7 @@ const Js = {
|
|
|
1702
1702
|
if (!Ct.value || !On.value || !Ve.value.length) return [];
|
|
1703
1703
|
const e = it.value * Math.PI / 180, s = (ln.value + wt.value) / 2;
|
|
1704
1704
|
return Ve.value.map((t) => {
|
|
1705
|
-
const h = t.endAngle - t.startAngle >= e && !t.isHidden, b =
|
|
1705
|
+
const h = t.endAngle - t.startAngle >= e && !t.isHidden, b = Jt.value + Math.cos(t.midAngle) * s, _ = Yt.value + Math.sin(t.midAngle) * s;
|
|
1706
1706
|
return {
|
|
1707
1707
|
value: vn(t.value),
|
|
1708
1708
|
x: b,
|
|
@@ -1858,11 +1858,11 @@ const Js = {
|
|
|
1858
1858
|
const et = Jn.value, Ze = hn.value, qe = [];
|
|
1859
1859
|
return dt.forEach((je) => {
|
|
1860
1860
|
et.forEach((Wt) => {
|
|
1861
|
-
const
|
|
1861
|
+
const en = Ze[Wt] || Wt, Cl = yl(Wt, je);
|
|
1862
1862
|
Cl && qe.push({
|
|
1863
1863
|
seriesName: je.seriesName,
|
|
1864
1864
|
label: je.label,
|
|
1865
|
-
value: `${
|
|
1865
|
+
value: `${en}: ${Cl}`,
|
|
1866
1866
|
color: je.color,
|
|
1867
1867
|
y: je.y
|
|
1868
1868
|
});
|
|
@@ -2107,19 +2107,19 @@ const Js = {
|
|
|
2107
2107
|
let Ze = 0;
|
|
2108
2108
|
Z.series.forEach((qe, je) => {
|
|
2109
2109
|
if (!Kt.value.has(je)) {
|
|
2110
|
-
const Wt = r(je),
|
|
2111
|
-
R += `<circle cx="${Se + 6}" cy="${dt - 4}" r="6" fill="${Wt}"/>`, R += `<text x="${Se + 18}" y="${dt}" font-family="Arial, sans-serif" font-size="12" fill="#333">${
|
|
2110
|
+
const Wt = r(je), en = qe.name.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
|
|
2111
|
+
R += `<circle cx="${Se + 6}" cy="${dt - 4}" r="6" fill="${Wt}"/>`, R += `<text x="${Se + 18}" y="${dt}" font-family="Arial, sans-serif" font-size="12" fill="#333">${en}</text>`, Ze++, Ze % et === 0 ? (Se = i - 200, dt += 20) : Se += Math.min(120, en.length * 8 + 35);
|
|
2112
2112
|
}
|
|
2113
2113
|
});
|
|
2114
2114
|
}
|
|
2115
2115
|
let Pe = "";
|
|
2116
2116
|
if (El.value)
|
|
2117
2117
|
try {
|
|
2118
|
-
const { width: Se, height: dt } = Tl.value, et = Xn.value, Ze = X.value.left, qe = X.value.right, je = X.value.top, Wt = X.value.bottom,
|
|
2118
|
+
const { width: Se, height: dt } = Tl.value, et = Xn.value, Ze = X.value.left, qe = X.value.right, je = X.value.top, Wt = X.value.bottom, en = X.value.width, Cl = X.value.height;
|
|
2119
2119
|
let Rn, wl;
|
|
2120
2120
|
switch (et) {
|
|
2121
2121
|
case "center":
|
|
2122
|
-
Rn = Ze + (
|
|
2122
|
+
Rn = Ze + (en - Se) / 2, wl = je + (Cl - dt) / 2;
|
|
2123
2123
|
break;
|
|
2124
2124
|
case "top-left":
|
|
2125
2125
|
Rn = Ze + 15, wl = je + 5;
|
|
@@ -2204,8 +2204,8 @@ const Js = {
|
|
|
2204
2204
|
z.forEach((Se) => Se.remove()), R.forEach((Se) => Se.remove()), ce.forEach((Se) => Se.remove()), D.querySelectorAll("image").forEach((Se, dt) => {
|
|
2205
2205
|
const et = Se.getAttribute("xlink:href") || Se.getAttribute("href");
|
|
2206
2206
|
if (et && !et.startsWith("data:")) {
|
|
2207
|
-
const Ze = za.value[dt], qe = Ze ? r(Ze.seriesIndex) : "#3B82F6", je = Se.getAttribute("x") || 0, Wt = Se.getAttribute("y") || 0,
|
|
2208
|
-
Rn.setAttribute("cx", parseFloat(je) + parseFloat(
|
|
2207
|
+
const Ze = za.value[dt], qe = Ze ? r(Ze.seriesIndex) : "#3B82F6", je = Se.getAttribute("x") || 0, Wt = Se.getAttribute("y") || 0, en = Se.getAttribute("width") || 32, Cl = Se.getAttribute("height") || 32, Rn = document.createElementNS("http://www.w3.org/2000/svg", "circle");
|
|
2208
|
+
Rn.setAttribute("cx", parseFloat(je) + parseFloat(en) / 2), Rn.setAttribute("cy", parseFloat(Wt) + parseFloat(Cl) / 2), Rn.setAttribute("r", Math.min(parseFloat(en), parseFloat(Cl)) / 2 - 1), Rn.setAttribute("fill", qe), Rn.setAttribute("stroke", "#fafafa"), Rn.setAttribute("stroke-width", "2"), Se.parentNode.replaceChild(Rn, Se);
|
|
2209
2209
|
}
|
|
2210
2210
|
});
|
|
2211
2211
|
const ot = new XMLSerializer().serializeToString(D), be = new Blob([ot], { type: "image/svg+xml;charset=utf-8" }), Te = URL.createObjectURL(be), Fe = new Image();
|
|
@@ -2217,9 +2217,9 @@ const Js = {
|
|
|
2217
2217
|
b.save(), b.beginPath(), b.arc(Ze, qe, je - 1, 0, 2 * Math.PI), b.fillStyle = Wt, b.fill(), b.strokeStyle = "#fafafa", b.lineWidth = 2, b.stroke(), b.restore();
|
|
2218
2218
|
}), El.value) {
|
|
2219
2219
|
const et = new Image(), Ze = () => {
|
|
2220
|
-
const { width: je, height: Wt } = Tl.value,
|
|
2220
|
+
const { width: je, height: Wt } = Tl.value, en = Xn.value, Cl = X.value.left, Rn = X.value.right, wl = X.value.top, us = X.value.bottom, js = X.value.width, Ks = X.value.height;
|
|
2221
2221
|
let Aa, La;
|
|
2222
|
-
switch (
|
|
2222
|
+
switch (en) {
|
|
2223
2223
|
case "center":
|
|
2224
2224
|
Aa = Cl + (js - je) / 2, La = wl + s.height + (Ks - Wt) / 2;
|
|
2225
2225
|
break;
|
|
@@ -2240,8 +2240,8 @@ const Js = {
|
|
|
2240
2240
|
b.globalAlpha = Un.value, b.drawImage(et, Aa, La, je, Wt), b.globalAlpha = 1, qe();
|
|
2241
2241
|
}, qe = () => {
|
|
2242
2242
|
h.toBlob((je) => {
|
|
2243
|
-
const Wt = URL.createObjectURL(je),
|
|
2244
|
-
|
|
2243
|
+
const Wt = URL.createObjectURL(je), en = document.createElement("a");
|
|
2244
|
+
en.href = Wt, en.download = K("png"), document.body.appendChild(en), en.click(), document.body.removeChild(en), URL.revokeObjectURL(Wt), URL.revokeObjectURL(Te), ct(e), ul(), Se();
|
|
2245
2245
|
}, "image/png");
|
|
2246
2246
|
};
|
|
2247
2247
|
et.onload = Ze, et.onerror = qe, et.src = q.value;
|
|
@@ -2378,7 +2378,7 @@ const Js = {
|
|
|
2378
2378
|
let _ = 0;
|
|
2379
2379
|
_t.value && (_ += 15), Ht.value && (_ += 10);
|
|
2380
2380
|
const M = ht();
|
|
2381
|
-
let j = h + 16, D = h;
|
|
2381
|
+
let j = h + 16 + (Qt.value ? 30 : 0), D = h + (ke.value ? 30 : 0);
|
|
2382
2382
|
ae.value && Ee.value === "left" ? j += M.legendWidth || 150 : ae.value && Ee.value === "right" && (D += M.legendWidth || 150), hl.value && (D += 44);
|
|
2383
2383
|
const z = { left: j, top: h + _, right: D, bottom: b };
|
|
2384
2384
|
return t != null ? { left: t, top: t, right: t, bottom: t } : i ? { left: i.left ?? z.left, top: i.top ?? z.top, right: i.right ?? z.right, bottom: i.bottom ?? z.bottom } : z;
|
|
@@ -2395,7 +2395,7 @@ const Js = {
|
|
|
2395
2395
|
}, Kl = (e) => {
|
|
2396
2396
|
const { maxX: s } = rn.value, t = s + 1, h = X.value.height / t;
|
|
2397
2397
|
return X.value.top + (e + 0.5) * h;
|
|
2398
|
-
},
|
|
2398
|
+
}, Jt = p(() => On.value ? Kn.value.left + (Ne.value - Kn.value.left - Kn.value.right) / 2 : Ne.value / 2), Yt = p(() => vl.value ? ue.value / 2 - 40 : On.value ? Kn.value.top + (ue.value - Kn.value.top - Kn.value.bottom) / 2 : ue.value / 2), wt = p(() => {
|
|
2399
2399
|
if (vl.value) {
|
|
2400
2400
|
const e = X.value.width - 80, s = X.value.height - 80;
|
|
2401
2401
|
return Math.min(e, s) / 2;
|
|
@@ -2410,14 +2410,14 @@ const Js = {
|
|
|
2410
2410
|
}), la = p(() => {
|
|
2411
2411
|
const e = Gl.value;
|
|
2412
2412
|
if (e === 1 || e <= 0) return;
|
|
2413
|
-
const s =
|
|
2413
|
+
const s = Jt.value, t = Yt.value;
|
|
2414
2414
|
return `translate(${s}, ${t}) scale(${e}) translate(${-s}, ${-t})`;
|
|
2415
2415
|
}), cn = $(0), wa = p(() => `semi-radial-fill-clip-${Z.chartId}`), ql = p(() => De.value === "semi-radial"), Vl = p(
|
|
2416
2416
|
() => ql.value && Nt.value && !ea.value
|
|
2417
2417
|
), Sl = p(
|
|
2418
2418
|
() => ql.value && Nt.value && !ea.value && yn.value === "fill"
|
|
2419
2419
|
), aa = p(() => {
|
|
2420
|
-
const e = Vl.value ? cn.value : 1, s =
|
|
2420
|
+
const e = Vl.value ? cn.value : 1, s = Jt.value, t = Yt.value, i = ln.value, h = wt.value, b = Math.PI, _ = Math.PI + e * Math.PI;
|
|
2421
2421
|
if (e <= 0) return `M ${s} ${t} L ${s} ${t} Z`;
|
|
2422
2422
|
const M = s + h * Math.cos(b), j = t + h * Math.sin(b), D = s + h * Math.cos(_), z = t + h * Math.sin(_), R = s + i * Math.cos(_), ce = t + i * Math.sin(_), Pe = s + i * Math.cos(b), ot = t + i * Math.sin(b), be = e > 0.5 ? 1 : 0;
|
|
2423
2423
|
return `M ${s} ${t} L ${M} ${j} A ${h} ${h} 0 ${be} 1 ${D} ${z} L ${R} ${ce} A ${i} ${i} 0 ${be} 1 ${Pe} ${ot} Z`;
|
|
@@ -2428,7 +2428,7 @@ const Js = {
|
|
|
2428
2428
|
if (!(!Sl.value || e !== 0))
|
|
2429
2429
|
return `url(#${wa.value})`;
|
|
2430
2430
|
}, Ql = $(0), Ya = p(() => `radial-reveal-clip-${Z.chartId}`), nl = p(() => De.value === "radial"), ja = p(() => {
|
|
2431
|
-
const e = nl.value ? Ql.value : 1, s =
|
|
2431
|
+
const e = nl.value ? Ql.value : 1, s = Jt.value, t = Yt.value, i = Math.max(wt.value * 1.5, Ne.value, ue.value);
|
|
2432
2432
|
if (e <= 0) return `M ${s} ${t} L ${s} ${t} Z`;
|
|
2433
2433
|
if (e >= 1) {
|
|
2434
2434
|
const R = s - i, ce = s + i;
|
|
@@ -2597,9 +2597,9 @@ const Js = {
|
|
|
2597
2597
|
return a();
|
|
2598
2598
|
if (De.value === "bar") {
|
|
2599
2599
|
if (mn.value) {
|
|
2600
|
-
const qe = [], { minY: je, maxY: Wt } = rn.value,
|
|
2601
|
-
for (let Rn = 0; Rn <=
|
|
2602
|
-
const wl = je + Cl * (Rn /
|
|
2600
|
+
const qe = [], { minY: je, maxY: Wt } = rn.value, en = 5, Cl = Wt - je || 1;
|
|
2601
|
+
for (let Rn = 0; Rn <= en; Rn++) {
|
|
2602
|
+
const wl = je + Cl * (Rn / en), us = fl(wl);
|
|
2603
2603
|
qe.push({
|
|
2604
2604
|
x: us,
|
|
2605
2605
|
y: X.value.bottom + 20,
|
|
@@ -2767,7 +2767,7 @@ const Js = {
|
|
|
2767
2767
|
h.forEach((R) => {
|
|
2768
2768
|
if (R.length > 0) {
|
|
2769
2769
|
let ce = "";
|
|
2770
|
-
|
|
2770
|
+
_e.value ? ce = Pa(R) : ce = `M ${R[0].x} ${R[0].y}` + R.slice(1).map((Pe) => ` L ${Pe.x} ${Pe.y}`).join(""), _ += (_ ? " " : "") + ce;
|
|
2771
2771
|
}
|
|
2772
2772
|
});
|
|
2773
2773
|
const M = h.reduce((R, ce) => R + m(ce), 0), j = Kt.value.has(i), D = Le.value === i, z = Le.value !== null && Le.value !== i;
|
|
@@ -2950,11 +2950,11 @@ const Js = {
|
|
|
2950
2950
|
t.forEach((R, ce) => {
|
|
2951
2951
|
if (R.length === 0) return;
|
|
2952
2952
|
let Pe = `M ${R[0].x} ${R[0].y}`;
|
|
2953
|
-
|
|
2953
|
+
_e.value && R.length > 1 ? Pe = Pa(R) : R.slice(1).forEach((be) => {
|
|
2954
2954
|
Pe += ` L ${be.x} ${be.y}`;
|
|
2955
2955
|
}), b += (b ? " " : "") + Pe;
|
|
2956
2956
|
let ot = `M ${R[0].x} ${h}`;
|
|
2957
|
-
if (ot += ` L ${R[0].x} ${R[0].y}`,
|
|
2957
|
+
if (ot += ` L ${R[0].x} ${R[0].y}`, _e.value && R.length > 1) {
|
|
2958
2958
|
const be = Pa(R), Te = be.substring(be.indexOf("C") || be.indexOf("Q") || be.indexOf("L"));
|
|
2959
2959
|
Te ? ot += " " + Te : R.slice(1).forEach((Fe) => {
|
|
2960
2960
|
ot += ` L ${Fe.x} ${Fe.y}`;
|
|
@@ -2987,14 +2987,14 @@ const Js = {
|
|
|
2987
2987
|
return;
|
|
2988
2988
|
const Ze = X.value.top + (Se + 0.5) * _ - M / 2 + ce * (z + j), qe = X.value.left, je = Math.abs(fl(Fe) - X.value.left);
|
|
2989
2989
|
let Wt = "";
|
|
2990
|
-
if (
|
|
2991
|
-
const
|
|
2990
|
+
if (_e.value && je > 0) {
|
|
2991
|
+
const en = Math.min(Ft.value, z / 2, je / 2);
|
|
2992
2992
|
Wt = [
|
|
2993
2993
|
`M ${qe} ${Ze}`,
|
|
2994
|
-
`L ${qe + je -
|
|
2995
|
-
`Q ${qe + je} ${Ze} ${qe + je} ${Ze +
|
|
2996
|
-
`L ${qe + je} ${Ze + z -
|
|
2997
|
-
`Q ${qe + je} ${Ze + z} ${qe + je -
|
|
2994
|
+
`L ${qe + je - en} ${Ze}`,
|
|
2995
|
+
`Q ${qe + je} ${Ze} ${qe + je} ${Ze + en}`,
|
|
2996
|
+
`L ${qe + je} ${Ze + z - en}`,
|
|
2997
|
+
`Q ${qe + je} ${Ze + z} ${qe + je - en} ${Ze + z}`,
|
|
2998
2998
|
`L ${qe} ${Ze + z}`,
|
|
2999
2999
|
"Z"
|
|
3000
3000
|
].join(" ");
|
|
@@ -3013,7 +3013,7 @@ const Js = {
|
|
|
3013
3013
|
isDimmed: be,
|
|
3014
3014
|
isHidden: Te,
|
|
3015
3015
|
barPath: Wt,
|
|
3016
|
-
isSmooth:
|
|
3016
|
+
isSmooth: _e.value && je > 0
|
|
3017
3017
|
});
|
|
3018
3018
|
});
|
|
3019
3019
|
});
|
|
@@ -3026,14 +3026,14 @@ const Js = {
|
|
|
3026
3026
|
return;
|
|
3027
3027
|
const Ze = X.value.left + (Se + 0.5) * _ - M / 2 + ce * j + D / 2, qe = $l(Math.max(0, Fe)), je = Math.abs($l(0) - $l(Fe));
|
|
3028
3028
|
let Wt = "";
|
|
3029
|
-
if (
|
|
3030
|
-
const
|
|
3029
|
+
if (_e.value && je > 0) {
|
|
3030
|
+
const en = Math.min(Ft.value, z / 2, je / 2);
|
|
3031
3031
|
Wt = [
|
|
3032
3032
|
`M ${Ze} ${qe + je}`,
|
|
3033
|
-
`L ${Ze} ${qe +
|
|
3034
|
-
`Q ${Ze} ${qe} ${Ze +
|
|
3035
|
-
`L ${Ze + z -
|
|
3036
|
-
`Q ${Ze + z} ${qe} ${Ze + z} ${qe +
|
|
3033
|
+
`L ${Ze} ${qe + en}`,
|
|
3034
|
+
`Q ${Ze} ${qe} ${Ze + en} ${qe}`,
|
|
3035
|
+
`L ${Ze + z - en} ${qe}`,
|
|
3036
|
+
`Q ${Ze + z} ${qe} ${Ze + z} ${qe + en}`,
|
|
3037
3037
|
`L ${Ze + z} ${qe + je}`,
|
|
3038
3038
|
"Z"
|
|
3039
3039
|
].join(" ");
|
|
@@ -3052,7 +3052,7 @@ const Js = {
|
|
|
3052
3052
|
isDimmed: be,
|
|
3053
3053
|
isHidden: Te,
|
|
3054
3054
|
barPath: Wt,
|
|
3055
|
-
isSmooth:
|
|
3055
|
+
isSmooth: _e.value && je > 0
|
|
3056
3056
|
});
|
|
3057
3057
|
});
|
|
3058
3058
|
});
|
|
@@ -3064,7 +3064,7 @@ const Js = {
|
|
|
3064
3064
|
if (e.length === 0) return [];
|
|
3065
3065
|
let s = De.value === "semi-radial" ? Math.PI : -Math.PI / 2;
|
|
3066
3066
|
const t = De.value === "semi-radial" ? Math.PI : Math.PI * 2, i = [], h = (_, M, j, D, z, R) => {
|
|
3067
|
-
const ce = _ + (M - _) / 2, Pe = M - _, ot =
|
|
3067
|
+
const ce = _ + (M - _) / 2, Pe = M - _, ot = Jt.value + Math.cos(_) * ln.value, be = Yt.value + Math.sin(_) * ln.value, Te = Jt.value + Math.cos(M) * ln.value, Fe = Yt.value + Math.sin(M) * ln.value, Se = Jt.value + Math.cos(M) * wt.value, dt = Yt.value + Math.sin(M) * wt.value, et = Jt.value + Math.cos(_) * wt.value, Ze = Yt.value + Math.sin(_) * wt.value, qe = Pe > Math.PI ? 1 : 0, je = [
|
|
3068
3068
|
`M ${ot} ${be}`,
|
|
3069
3069
|
`A ${ln.value} ${ln.value} 0 ${qe} 1 ${Te} ${Fe}`,
|
|
3070
3070
|
`L ${Se} ${dt}`,
|
|
@@ -3092,7 +3092,7 @@ const Js = {
|
|
|
3092
3092
|
return i.push(h(s, s + t - 1e-3, M + 1, "Track", 100, et)), i.push(h(s, s + Pe, M, Ze, D, dt)), i;
|
|
3093
3093
|
}
|
|
3094
3094
|
if (e.length === 1) {
|
|
3095
|
-
const { series: _, originalIndex: M } = e[0], j = _.data[0] || 0, D = s, z = s + t - 1e-3, R = D + t / 2, ce =
|
|
3095
|
+
const { series: _, originalIndex: M } = e[0], j = _.data[0] || 0, D = s, z = s + t - 1e-3, R = D + t / 2, ce = Jt.value + Math.cos(D) * ln.value, Pe = Yt.value + Math.sin(D) * ln.value, ot = Jt.value + Math.cos(z) * ln.value, be = Yt.value + Math.sin(z) * ln.value, Te = Jt.value + Math.cos(z) * wt.value, Fe = Yt.value + Math.sin(z) * wt.value, Se = Jt.value + Math.cos(D) * wt.value, dt = Yt.value + Math.sin(D) * wt.value, et = 1, Ze = [
|
|
3096
3096
|
`M ${ce} ${Pe}`,
|
|
3097
3097
|
`A ${ln.value} ${ln.value} 0 ${et} 1 ${ot} ${be}`,
|
|
3098
3098
|
`L ${Te} ${Fe}`,
|
|
@@ -3121,7 +3121,7 @@ const Js = {
|
|
|
3121
3121
|
}
|
|
3122
3122
|
const b = e.reduce((_, { series: M }) => _ + (M.data[0] || 0), 0);
|
|
3123
3123
|
return b === 0 ? [] : (e.forEach(({ series: _, originalIndex: M }) => {
|
|
3124
|
-
const j = _.data[0] || 0, D = j / b * t, z = s, R = s + D, ce = z + D / 2, Pe =
|
|
3124
|
+
const j = _.data[0] || 0, D = j / b * t, z = s, R = s + D, ce = z + D / 2, Pe = Jt.value + Math.cos(z) * ln.value, ot = Yt.value + Math.sin(z) * ln.value, be = Jt.value + Math.cos(R) * ln.value, Te = Yt.value + Math.sin(R) * ln.value, Fe = Jt.value + Math.cos(R) * wt.value, Se = Yt.value + Math.sin(R) * wt.value, dt = Jt.value + Math.cos(z) * wt.value, et = Yt.value + Math.sin(z) * wt.value, Ze = D > Math.PI ? 1 : 0, qe = [
|
|
3125
3125
|
`M ${Pe} ${ot}`,
|
|
3126
3126
|
`A ${ln.value} ${ln.value} 0 ${Ze} 1 ${be} ${Te}`,
|
|
3127
3127
|
`L ${Fe} ${Se}`,
|
|
@@ -3153,7 +3153,7 @@ const Js = {
|
|
|
3153
3153
|
}), Pn = p(() => {
|
|
3154
3154
|
if (!Y.value || !On.value) return [];
|
|
3155
3155
|
const e = I.value, s = ge.value, t = We.value, i = xt.value, h = 15, b = e * 1.3, _ = 0.55, M = (R, ce) => {
|
|
3156
|
-
const Pe =
|
|
3156
|
+
const Pe = Jt.value + Math.cos(R.midAngle) * wt.value, ot = Yt.value + Math.sin(R.midAngle) * wt.value, be = Jt.value + Math.cos(R.midAngle) * (wt.value + s), Te = Yt.value + Math.sin(R.midAngle) * (wt.value + s), Se = be + t * (ce ? 1 : -1), dt = ce ? be + h : be - h, et = Te - i, Ze = `${R.seriesName}: ${vn(R.value)}`, qe = Ze.length * e * _;
|
|
3157
3157
|
return {
|
|
3158
3158
|
pointerStartX: Pe,
|
|
3159
3159
|
pointerStartY: ot,
|
|
@@ -3306,14 +3306,14 @@ const Js = {
|
|
|
3306
3306
|
}), bs = p(() => {
|
|
3307
3307
|
const e = [], s = ra.value;
|
|
3308
3308
|
for (let t = 0; t < s; t++) {
|
|
3309
|
-
const i = t * 2 * Math.PI / s - Math.PI / 2, h =
|
|
3309
|
+
const i = t * 2 * Math.PI / s - Math.PI / 2, h = Jt.value + Math.cos(i) * wt.value, b = Yt.value + Math.sin(i) * wt.value;
|
|
3310
3310
|
e.push({ x: h, y: b, angle: i, index: t });
|
|
3311
3311
|
}
|
|
3312
3312
|
return e;
|
|
3313
3313
|
}), ss = p(() => {
|
|
3314
3314
|
const e = [], s = ra.value;
|
|
3315
3315
|
return bs.value.forEach((t, i) => {
|
|
3316
|
-
const h = wt.value + 15, b = i * 2 * Math.PI / s - Math.PI / 2, _ =
|
|
3316
|
+
const h = wt.value + 15, b = i * 2 * Math.PI / s - Math.PI / 2, _ = Jt.value + Math.cos(b) * h, M = Yt.value + Math.sin(b) * h + 5;
|
|
3317
3317
|
let j = "middle", D = "middle";
|
|
3318
3318
|
Math.abs(Math.cos(b)) > 0.5 && (j = Math.cos(b) > 0 ? "start" : "end"), Math.abs(Math.sin(b)) > 0.5 && (D = Math.sin(b) > 0 ? "hanging" : "auto"), e.push({
|
|
3319
3319
|
x: _,
|
|
@@ -3332,7 +3332,7 @@ const Js = {
|
|
|
3332
3332
|
return pl.value.forEach((t, i) => {
|
|
3333
3333
|
const h = [], b = [], _ = [], M = Le.value === i, j = Le.value !== null && Le.value !== i, D = Kt.value.has(i);
|
|
3334
3334
|
for (let z = 0; z < s; z++) {
|
|
3335
|
-
const R = t.data[z] || 0, Pe = R / as.value * wt.value, ot = z * 2 * Math.PI / s - Math.PI / 2, be =
|
|
3335
|
+
const R = t.data[z] || 0, Pe = R / as.value * wt.value, ot = z * 2 * Math.PI / s - Math.PI / 2, be = Jt.value + Math.cos(ot) * Pe, Te = Yt.value + Math.sin(ot) * Pe;
|
|
3336
3336
|
h.push(`${be},${Te}`), b.push({ x: be, y: Te }), _.push({
|
|
3337
3337
|
x: be,
|
|
3338
3338
|
y: Te,
|
|
@@ -3427,7 +3427,7 @@ const Js = {
|
|
|
3427
3427
|
h = xn(M) + (s.offsetX || 0), b = $l(j) + (s.offsetY || 0);
|
|
3428
3428
|
} else if (On.value || vl.value) {
|
|
3429
3429
|
const M = Math.PI * 2 / e.logos.length * t;
|
|
3430
|
-
h =
|
|
3430
|
+
h = Jt.value + Math.cos(M) * (wt.value + 30) + (s.offsetX || 0), b = Yt.value + Math.sin(M) * (wt.value + 30) + (s.offsetY || 0);
|
|
3431
3431
|
}
|
|
3432
3432
|
return {
|
|
3433
3433
|
...s,
|
|
@@ -3579,7 +3579,7 @@ const Js = {
|
|
|
3579
3579
|
!s || !s.contentRect || (Re && cancelAnimationFrame(Re), Re = requestAnimationFrame(() => {
|
|
3580
3580
|
Re = null;
|
|
3581
3581
|
const { width: t, height: i } = s.contentRect;
|
|
3582
|
-
kt.value = Math.round(t), re.value = Math.round(i),
|
|
3582
|
+
kt.value = Math.round(t), re.value = Math.round(i), Me.value && (Oe.value = Me.value.offsetHeight || He);
|
|
3583
3583
|
}));
|
|
3584
3584
|
}), g.observe(U.value)), Nt.value && !ea.value ? De.value === "semi-radial" ? setTimeout(() => hs(), k.value) : setTimeout(() => Es(), k.value) : (Gt.value.hasAnimated = !0, De.value === "semi-radial" && (cn.value = 1)), document.addEventListener("mousemove", Hs), document.addEventListener("mouseup", Ds), document.addEventListener("click", Ra);
|
|
3585
3585
|
}), vs(() => {
|
|
@@ -3656,7 +3656,7 @@ const Js = {
|
|
|
3656
3656
|
l("div", {
|
|
3657
3657
|
class: "dss-chart-header",
|
|
3658
3658
|
ref_key: "headerEl",
|
|
3659
|
-
ref:
|
|
3659
|
+
ref: Me
|
|
3660
3660
|
}, [
|
|
3661
3661
|
l("div", jo, [
|
|
3662
3662
|
_t.value ? (u(), c("div", Ko, A(_t.value), 1)) : L("", !0),
|
|
@@ -3754,7 +3754,7 @@ const Js = {
|
|
|
3754
3754
|
width: Ne.value,
|
|
3755
3755
|
height: ue.value,
|
|
3756
3756
|
class: "dss-chart-svg",
|
|
3757
|
-
"data-smooth":
|
|
3757
|
+
"data-smooth": _e.value,
|
|
3758
3758
|
"data-animated": Nt.value,
|
|
3759
3759
|
ref_key: "svgEl",
|
|
3760
3760
|
ref: V
|
|
@@ -3870,29 +3870,26 @@ const Js = {
|
|
|
3870
3870
|
y: X.value.bottom + 45,
|
|
3871
3871
|
"text-anchor": "middle",
|
|
3872
3872
|
"font-size": "14",
|
|
3873
|
-
|
|
3874
|
-
fill: "#333"
|
|
3873
|
+
fill: "#666"
|
|
3875
3874
|
}, A(jt.value), 9, _r)) : L("", !0),
|
|
3876
|
-
|
|
3875
|
+
Qt.value ? (u(), c("text", {
|
|
3877
3876
|
key: 2,
|
|
3878
3877
|
x: 15,
|
|
3879
3878
|
y: X.value.top + 12 + X.value.height / 2,
|
|
3880
3879
|
"text-anchor": "middle",
|
|
3881
3880
|
"font-size": "14",
|
|
3882
|
-
|
|
3883
|
-
fill: "#333",
|
|
3881
|
+
fill: "#666",
|
|
3884
3882
|
transform: `rotate(-90, 15, ${X.value.top + X.value.height / 2})`
|
|
3885
|
-
}, A(
|
|
3886
|
-
hl.value &&
|
|
3883
|
+
}, A(Qt.value), 9, Mr)) : L("", !0),
|
|
3884
|
+
hl.value && ke.value ? (u(), c("text", {
|
|
3887
3885
|
key: 3,
|
|
3888
3886
|
x: Ne.value - 15,
|
|
3889
3887
|
y: X.value.top + 12 + X.value.height / 2,
|
|
3890
3888
|
"text-anchor": "middle",
|
|
3891
3889
|
"font-size": "14",
|
|
3892
|
-
|
|
3893
|
-
fill: "#333",
|
|
3890
|
+
fill: "#666",
|
|
3894
3891
|
transform: `rotate(90, ${Ne.value - 15}, ${X.value.top + X.value.height / 2})`
|
|
3895
|
-
}, A(
|
|
3892
|
+
}, A(ke.value), 9, Sr)) : L("", !0)
|
|
3896
3893
|
]),
|
|
3897
3894
|
Fl.value.length > 0 ? (u(), c("g", $r, [
|
|
3898
3895
|
(u(!0), c(J, null, $e(Fl.value, (t) => (u(), c("g", {
|
|
@@ -4333,7 +4330,7 @@ const Js = {
|
|
|
4333
4330
|
}, [
|
|
4334
4331
|
De.value === "radial" ? (u(), c("circle", {
|
|
4335
4332
|
key: 0,
|
|
4336
|
-
cx:
|
|
4333
|
+
cx: Jt.value,
|
|
4337
4334
|
cy: Yt.value,
|
|
4338
4335
|
r: wt.value,
|
|
4339
4336
|
fill: "none",
|
|
@@ -4438,7 +4435,7 @@ const Js = {
|
|
|
4438
4435
|
sn.value ? (u(), c("g", bi, [
|
|
4439
4436
|
(u(!0), c(J, null, $e(tt.value, (t, i) => (u(), c("circle", {
|
|
4440
4437
|
key: `spider-grid-circle-${i}`,
|
|
4441
|
-
cx:
|
|
4438
|
+
cx: Jt.value,
|
|
4442
4439
|
cy: Yt.value,
|
|
4443
4440
|
r: te(t),
|
|
4444
4441
|
fill: "none",
|
|
@@ -4453,7 +4450,7 @@ const Js = {
|
|
|
4453
4450
|
key: `spider-grid-label-group-${i}`
|
|
4454
4451
|
}, [
|
|
4455
4452
|
l("rect", {
|
|
4456
|
-
x:
|
|
4453
|
+
x: Jt.value - 16,
|
|
4457
4454
|
y: Yt.value - t - 7,
|
|
4458
4455
|
width: "32",
|
|
4459
4456
|
height: "16",
|
|
@@ -4461,7 +4458,7 @@ const Js = {
|
|
|
4461
4458
|
stroke: "none"
|
|
4462
4459
|
}, null, 8, xi),
|
|
4463
4460
|
l("text", {
|
|
4464
|
-
x:
|
|
4461
|
+
x: Jt.value,
|
|
4465
4462
|
y: Yt.value - t + 2,
|
|
4466
4463
|
"text-anchor": "middle",
|
|
4467
4464
|
"dominant-baseline": "central",
|
|
@@ -4476,7 +4473,7 @@ const Js = {
|
|
|
4476
4473
|
]),
|
|
4477
4474
|
(u(!0), c(J, null, $e(bs.value, (t, i) => (u(), c("line", {
|
|
4478
4475
|
key: `spider-axis-${i}`,
|
|
4479
|
-
x1:
|
|
4476
|
+
x1: Jt.value,
|
|
4480
4477
|
x2: t.x,
|
|
4481
4478
|
y1: Yt.value,
|
|
4482
4479
|
y2: t.y,
|
|
@@ -4981,7 +4978,7 @@ const Js = {
|
|
|
4981
4978
|
"max-width": N.width
|
|
4982
4979
|
};
|
|
4983
4980
|
return N.height !== "auto" && (ee.height = N.height, ee["min-height"] = "0"), ee;
|
|
4984
|
-
}),
|
|
4981
|
+
}), Me = p(() => ({}));
|
|
4985
4982
|
function kt() {
|
|
4986
4983
|
B("close-modal");
|
|
4987
4984
|
}
|
|
@@ -5064,7 +5061,7 @@ const Js = {
|
|
|
5064
5061
|
], 4),
|
|
5065
5062
|
l("div", {
|
|
5066
5063
|
class: "dss-modal-body",
|
|
5067
|
-
style: Ce(
|
|
5064
|
+
style: Ce(Me.value)
|
|
5068
5065
|
}, [
|
|
5069
5066
|
fn(ee.$slots, "content", {}, () => [
|
|
5070
5067
|
xe[2] || (xe[2] = Gn("Default Content", -1))
|
|
@@ -5242,23 +5239,23 @@ const Js = {
|
|
|
5242
5239
|
scrollable: !1,
|
|
5243
5240
|
emptyMessage: null
|
|
5244
5241
|
};
|
|
5245
|
-
function
|
|
5242
|
+
function Me(w, C) {
|
|
5246
5243
|
const S = Object.assign({}, w);
|
|
5247
5244
|
return kt(w) && kt(C) && Object.keys(C).forEach((K) => {
|
|
5248
|
-
kt(C[K]) ? K in w ? S[K] =
|
|
5245
|
+
kt(C[K]) ? K in w ? S[K] = Me(w[K], C[K]) : Object.assign(S, { [K]: C[K] }) : Object.assign(S, { [K]: C[K] });
|
|
5249
5246
|
}), S;
|
|
5250
5247
|
}
|
|
5251
5248
|
function kt(w) {
|
|
5252
5249
|
return w && typeof w == "object" && !Array.isArray(w);
|
|
5253
5250
|
}
|
|
5254
|
-
const re = p(() =>
|
|
5251
|
+
const re = p(() => Me(V, ye.options)), g = p(() => {
|
|
5255
5252
|
const w = re.value.table.width;
|
|
5256
5253
|
return w === "auto" ? null : typeof w == "number" ? w : null;
|
|
5257
5254
|
}), Re = p(() => re.value.table.height), He = p(() => re.value.table.rowHeight ?? "auto"), oe = p(() => ({ height: He.value })), ee = p(() => re.value.table.expandable === !0), xe = p(() => re.value.table.expandableRowData ?? null), Z = p(() => re.value.table.expandableRowCondition ?? null), Ie = p(() => re.value.table.truncated === !0), Ue = p(() => re.value.table.striped), ht = p(() => re.value.table.bordered), Mt = p(() => re.value.table.hoverable), G = p(() => re.value.table.size), at = p(() => re.value.table.align || "left");
|
|
5258
5255
|
p(() => re.value.title.text), p(() => re.value.subtitle.text);
|
|
5259
|
-
const nt = p(() => re.value.selection.enabled), Ne = p(() => re.value.selection.mode), Oe = p(() => re.value.selection.rowCondition ?? null), rt = p(() => re.value.sorting.enabled), ue = p(() => re.value.sorting.mode), gt = p(() => re.value.pagination.enabled), De = p(() => re.value.pagination.rows), pt = p(() => re.value.pagination.rowsPerPageOptions), _t = p(() => re.value.pagination.showCounter !== !1), Ht = p(() => re.value.pagination.showControlsGroup), Rt = p(() => Ht.value === !1 ? !1 : re.value.pagination.showControls !== !1), jt = p(() => Ht.value === !1 ? !1 : re.value.pagination.showRowsPerPage !== !1),
|
|
5256
|
+
const nt = p(() => re.value.selection.enabled), Ne = p(() => re.value.selection.mode), Oe = p(() => re.value.selection.rowCondition ?? null), rt = p(() => re.value.sorting.enabled), ue = p(() => re.value.sorting.mode), gt = p(() => re.value.pagination.enabled), De = p(() => re.value.pagination.rows), pt = p(() => re.value.pagination.rowsPerPageOptions), _t = p(() => re.value.pagination.showCounter !== !1), Ht = p(() => re.value.pagination.showControlsGroup), Rt = p(() => Ht.value === !1 ? !1 : re.value.pagination.showControls !== !1), jt = p(() => Ht.value === !1 ? !1 : re.value.pagination.showRowsPerPage !== !1), Qt = p(
|
|
5260
5257
|
() => gt.value && (_t.value || Rt.value || jt.value)
|
|
5261
|
-
), me = p(() => re.value.scrollable),
|
|
5258
|
+
), me = p(() => re.value.scrollable), ke = p(() => re.value.emptyMessage || N("table.emptyMessage")), Ye = p(() => re.value.toolbar?.downloads?.pdf !== !1), ze = p(() => re.value.toolbar?.downloads?.excel !== !1), dn = p(() => re.value.toolbar?.search !== !1), Dt = p(() => Ye.value || ze.value || dn.value || pn.value), pn = p(() => re.value.toolbar?.columnVisibility !== !1), Zt = $(""), sn = $(!1), ae = $(null);
|
|
5262
5259
|
let Ee = null;
|
|
5263
5260
|
function Be() {
|
|
5264
5261
|
sn.value ? (Ee && (clearTimeout(Ee), Ee = null), sn.value = !1, Zt.value = "", U("search", ""), ae.value?.blur()) : (sn.value = !0, Ee = setTimeout(() => {
|
|
@@ -5310,7 +5307,7 @@ const Js = {
|
|
|
5310
5307
|
), he = (w) => {
|
|
5311
5308
|
const C = ye.columns.findIndex((S) => S === w);
|
|
5312
5309
|
return mt(w, C >= 0 ? C : 0);
|
|
5313
|
-
},
|
|
5310
|
+
}, _e = (w, C) => Q.value.has(mt(w, C));
|
|
5314
5311
|
function ft(w) {
|
|
5315
5312
|
U("update:columnVisibility", Array.from(w));
|
|
5316
5313
|
}
|
|
@@ -5698,11 +5695,11 @@ const Js = {
|
|
|
5698
5695
|
l("span", Wu, [
|
|
5699
5696
|
l("input", {
|
|
5700
5697
|
type: "checkbox",
|
|
5701
|
-
checked:
|
|
5698
|
+
checked: _e(S, K),
|
|
5702
5699
|
onChange: (we) => Ft(S, K),
|
|
5703
5700
|
class: "dss-table-checkbox dss-table-checkbox--checkbox"
|
|
5704
5701
|
}, null, 40, Zu),
|
|
5705
|
-
|
|
5702
|
+
_e(S, K) ? (u(), c("span", Uu, [...C[25] || (C[25] = [
|
|
5706
5703
|
l("svg", {
|
|
5707
5704
|
viewBox: "0 0 12 12",
|
|
5708
5705
|
preserveAspectRatio: "xMidYMid meet",
|
|
@@ -6028,14 +6025,14 @@ const Js = {
|
|
|
6028
6025
|
class: "dss-table-empty-cell"
|
|
6029
6026
|
}, [
|
|
6030
6027
|
fn(w.$slots, "empty", {}, () => [
|
|
6031
|
-
Gn(A(
|
|
6028
|
+
Gn(A(ke.value), 1)
|
|
6032
6029
|
])
|
|
6033
6030
|
], 8, _c)
|
|
6034
6031
|
], 4))
|
|
6035
6032
|
])
|
|
6036
6033
|
], 2)
|
|
6037
6034
|
], 2),
|
|
6038
|
-
|
|
6035
|
+
Qt.value ? (u(), c("div", Mc, [
|
|
6039
6036
|
l("div", Sc, [
|
|
6040
6037
|
_t.value ? (u(), c("span", $c, A(P(N)("table.showingRange", {
|
|
6041
6038
|
start: Ge.value,
|
|
@@ -6488,9 +6485,9 @@ const Js = {
|
|
|
6488
6485
|
h4: rd,
|
|
6489
6486
|
h5: id,
|
|
6490
6487
|
h6: ud
|
|
6491
|
-
}, V = F,
|
|
6488
|
+
}, V = F, Me = N, kt = Ps(), re = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
6492
6489
|
<path d="M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM2 10C2 5.6 5.6 2 10 2C11.8 2 13.5 2.6 14.9 3.7L3.7 14.9C2.6 13.5 2 11.8 2 10ZM10 18C8.2 18 6.5 17.4 5.1 16.3L16.3 5.1C17.4 6.5 18 8.2 18 10C18 14.4 14.4 18 10 18Z" fill="#c13340"/>
|
|
6493
|
-
</svg>`, g = $(null), Re = $(null), He = $(!1), oe = $(!1), ee = $(!1), xe = $(""), Z = $({}), Ie = $(!1), Ue = $(!1), ht = $(""), Mt = $(""), G = $(null), at = $(null), nt = $(null), Ne = $(null), Oe = $(""), rt = $(!1), ue = $({}), gt = $(!1), De = $({}), pt = $(null), _t = $(null), Ht = $(!1), Rt = $(""), jt = $(null),
|
|
6490
|
+
</svg>`, g = $(null), Re = $(null), He = $(!1), oe = $(!1), ee = $(!1), xe = $(""), Z = $({}), Ie = $(!1), Ue = $(!1), ht = $(""), Mt = $(""), G = $(null), at = $(null), nt = $(null), Ne = $(null), Oe = $(""), rt = $(!1), ue = $({}), gt = $(!1), De = $({}), pt = $(null), _t = $(null), Ht = $(!1), Rt = $(""), jt = $(null), Qt = $(""), me = $(""), ke = $(""), Ye = $(null), ze = $(null), dn = $(null), Dt = $(null), pn = $(null), Zt = $(!1), sn = $(""), ae = $({}), Ee = $(!1), Be = $("upload"), st = $(""), vt = $(null), Ut = $(null), mt = $([]), tn = $([]), lt = $(null), Ke = $(!1), Vt = $(""), St = $(""), ie = $(""), Q = $(""), te = $(""), he = $(""), _e = $(null), ft = $(null), Ft = $(null), Mn = $(!1), Nt = $(null), yn = $(!1), T = $(!1), k = $(null), H = $("p"), ne = $(!1), de = $([]), Je = $(null), $t = $(null), bt = $(null), tt = $(!1), Bt = $(0), It = 100, At = $(null), yt = p(() => !!V.commentUser), Ot = p(() => ({
|
|
6494
6491
|
"dss-text-editor-no-border": !V.border,
|
|
6495
6492
|
"dss-text-editor-rounded": V.rounded,
|
|
6496
6493
|
"dss-text-editor-full-height": V.fullHeight,
|
|
@@ -6512,7 +6509,7 @@ const Js = {
|
|
|
6512
6509
|
}), Ln = p(() => {
|
|
6513
6510
|
const a = vn.value.trim();
|
|
6514
6511
|
return a ? a.split(/\s+/).filter((n) => n.length > 0).length : 0;
|
|
6515
|
-
}), xl = p(() => vn.value.length), Il = p(() => Dt.value !== null && Be.value === "upload" &&
|
|
6512
|
+
}), xl = p(() => vn.value.length), Il = p(() => Dt.value !== null && Be.value === "upload" && Qt.value && Qt.value.startsWith("data:")), El = p(() => V.titlePlaceholder || B("textEditor.placeholders.title")), Un = p(() => V.descriptionPlaceholder || B("textEditor.placeholders.description")), Pl = p(() => V.placeholder || B("textEditor.placeholders.startTyping")), Xn = (a) => kt && kt[a] !== void 0, Tl = (a) => {
|
|
6516
6513
|
for (let n = a + 1; n < V.customToolbarSlots.length; n++)
|
|
6517
6514
|
if (Xn(V.customToolbarSlots[n]))
|
|
6518
6515
|
return !0;
|
|
@@ -6569,10 +6566,10 @@ const Js = {
|
|
|
6569
6566
|
return r.includes("started conversation") || r.includes("démarré la conversation") || r === "started conversation" || r === "a démarré la conversation";
|
|
6570
6567
|
}, Ct = (a) => {
|
|
6571
6568
|
const n = a.target.value;
|
|
6572
|
-
|
|
6569
|
+
Me("update:modelValue", n), Me("change", n);
|
|
6573
6570
|
}, it = () => {
|
|
6574
|
-
if (!
|
|
6575
|
-
const a =
|
|
6571
|
+
if (!_e.value) return;
|
|
6572
|
+
const a = _e.value;
|
|
6576
6573
|
if (a.style.setProperty("text-overflow", "", "important"), a.style.setProperty("white-space", "", "important"), a.style.setProperty("overflow-x", "", "important"), a.style.setProperty("height", "auto", "important"), a.value.trim() === "") {
|
|
6577
6574
|
const r = a.value;
|
|
6578
6575
|
a.value = "M";
|
|
@@ -6588,8 +6585,8 @@ const Js = {
|
|
|
6588
6585
|
}, En = () => {
|
|
6589
6586
|
yn.value = !1, zn();
|
|
6590
6587
|
}, zn = () => {
|
|
6591
|
-
if (!
|
|
6592
|
-
const a =
|
|
6588
|
+
if (!_e.value) return;
|
|
6589
|
+
const a = _e.value;
|
|
6593
6590
|
a.style.setProperty("text-overflow", "", "important"), a.style.setProperty("white-space", "", "important"), a.style.setProperty("overflow-x", "", "important"), a.style.setProperty("height", "auto", "important");
|
|
6594
6591
|
const n = a.value;
|
|
6595
6592
|
a.value = "M";
|
|
@@ -6597,7 +6594,7 @@ const Js = {
|
|
|
6597
6594
|
a.value = n, a.offsetHeight, a.style.setProperty("height", `${o}px`, "important"), a.style.setProperty("overflow-y", "hidden", "important"), a.style.setProperty("overflow-x", "hidden", "important"), a.style.setProperty("text-overflow", "ellipsis", "important"), a.style.setProperty("white-space", "nowrap", "important");
|
|
6598
6595
|
}, al = (a) => {
|
|
6599
6596
|
const o = a.target.value;
|
|
6600
|
-
yn.value && it(),
|
|
6597
|
+
yn.value && it(), Me("update:title", o), Me("title-change", o), Ft.value = "title", V.richText && (Ke.value || (St.value = Vt.value, te.value = ie.value, he.value = Q.value), lt.value && clearTimeout(lt.value), Ke.value = !0, lt.value = setTimeout(() => {
|
|
6601
6598
|
Ke.value = !1, Le();
|
|
6602
6599
|
}, 500));
|
|
6603
6600
|
}, Yn = () => {
|
|
@@ -6627,7 +6624,7 @@ const Js = {
|
|
|
6627
6624
|
a.value = n, a.offsetHeight, a.style.setProperty("height", `${o}px`, "important"), a.style.setProperty("overflow-y", "hidden", "important"), a.style.setProperty("overflow-x", "hidden", "important"), a.style.setProperty("text-overflow", "ellipsis", "important"), a.style.setProperty("white-space", "nowrap", "important");
|
|
6628
6625
|
}, Jn = (a) => {
|
|
6629
6626
|
const o = a.target.value;
|
|
6630
|
-
T.value && Yn(),
|
|
6627
|
+
T.value && Yn(), Me("update:description", o), Me("description-change", o), Ft.value = "description", V.richText && (Ke.value || (St.value = Vt.value, te.value = ie.value, he.value = Q.value), lt.value && clearTimeout(lt.value), Ke.value = !0, lt.value = setTimeout(() => {
|
|
6631
6628
|
Ke.value = !1, Le();
|
|
6632
6629
|
}, 500));
|
|
6633
6630
|
}, hn = () => {
|
|
@@ -6714,7 +6711,7 @@ const Js = {
|
|
|
6714
6711
|
const o = a && a.inputType && (a.inputType === "insertText" || a.inputType === "insertCompositionText" || a.inputType === "deleteContentBackward" || a.inputType === "deleteContentForward");
|
|
6715
6712
|
o && k.value && (k.value = null), oe.value = !0;
|
|
6716
6713
|
const r = g.value.innerHTML.replace(/<!--[\s\S]*?-->/g, "").replace(/ |\u00A0/g, " "), d = Y(r);
|
|
6717
|
-
|
|
6714
|
+
Me("update:modelValue", d), Me("change", d), Ft.value = "editor", Ke.value || (St.value = Vt.value, te.value = ie.value, he.value = Q.value), lt.value && clearTimeout(lt.value), Ke.value = !0, lt.value = setTimeout(() => {
|
|
6718
6715
|
Ke.value = !1, Le(), _a(), Ga();
|
|
6719
6716
|
}, 500), Ae(() => {
|
|
6720
6717
|
n && jn(n), Lt();
|
|
@@ -6861,13 +6858,13 @@ const Js = {
|
|
|
6861
6858
|
}
|
|
6862
6859
|
}
|
|
6863
6860
|
}, Et = (a) => {
|
|
6864
|
-
_a(),
|
|
6861
|
+
_a(), Me("blur", a), la();
|
|
6865
6862
|
}, pe = () => {
|
|
6866
6863
|
if (V.disabled || !V.richText || !g.value) return;
|
|
6867
6864
|
Cn(), lt.value && (clearTimeout(lt.value), lt.value = null), Ke.value && (Le(), Ke.value = !1);
|
|
6868
6865
|
const a = Ft.value === "title", n = Ft.value === "description", o = Ft.value === "editor";
|
|
6869
6866
|
if (mt.value.length === 0) {
|
|
6870
|
-
a &&
|
|
6867
|
+
a && _e.value ? _e.value.focus() : n && ft.value ? ft.value.focus() : g.value.focus(), document.execCommand("undo", !1), Ae(() => {
|
|
6871
6868
|
qt();
|
|
6872
6869
|
});
|
|
6873
6870
|
return;
|
|
@@ -6885,13 +6882,13 @@ const Js = {
|
|
|
6885
6882
|
g.value.innerHTML = f, Vt.value = f, ie.value = v, Q.value = m, St.value = f, te.value = v, he.value = m, Ae(() => {
|
|
6886
6883
|
Zn(), Wn(), ln(), cn();
|
|
6887
6884
|
const y = Y(f);
|
|
6888
|
-
|
|
6885
|
+
Me("update:modelValue", y), Me("update:title", v), Me("update:description", m), Me("change", y), Me("title-change", v), Me("description-change", m), oe.value = !1, Ae(() => {
|
|
6889
6886
|
setTimeout(() => {
|
|
6890
6887
|
if (a) {
|
|
6891
|
-
if (
|
|
6892
|
-
|
|
6888
|
+
if (_e.value) {
|
|
6889
|
+
_e.value.focus();
|
|
6893
6890
|
const x = v.length;
|
|
6894
|
-
|
|
6891
|
+
_e.value.setSelectionRange && _e.value.setSelectionRange(x, x), it();
|
|
6895
6892
|
}
|
|
6896
6893
|
} else if (n) {
|
|
6897
6894
|
if (ft.value) {
|
|
@@ -6901,9 +6898,9 @@ const Js = {
|
|
|
6901
6898
|
}
|
|
6902
6899
|
} else if (o)
|
|
6903
6900
|
Kt();
|
|
6904
|
-
else if (
|
|
6901
|
+
else if (_e.value && document.activeElement === _e.value) {
|
|
6905
6902
|
const x = v.length;
|
|
6906
|
-
|
|
6903
|
+
_e.value.setSelectionRange && _e.value.setSelectionRange(x, x), it();
|
|
6907
6904
|
} else if (ft.value && document.activeElement === ft.value) {
|
|
6908
6905
|
const x = m.length;
|
|
6909
6906
|
ft.value.setSelectionRange(x, x);
|
|
@@ -6917,7 +6914,7 @@ const Js = {
|
|
|
6917
6914
|
Cn();
|
|
6918
6915
|
const a = Ft.value === "title", n = Ft.value === "description", o = Ft.value === "editor";
|
|
6919
6916
|
if (tn.value.length === 0) {
|
|
6920
|
-
a &&
|
|
6917
|
+
a && _e.value ? _e.value.focus() : n && ft.value ? ft.value.focus() : g.value.focus(), document.execCommand("redo", !1), Ae(() => {
|
|
6921
6918
|
qt();
|
|
6922
6919
|
});
|
|
6923
6920
|
return;
|
|
@@ -6935,13 +6932,13 @@ const Js = {
|
|
|
6935
6932
|
g.value.innerHTML = f, Vt.value = f, ie.value = v, Q.value = m, St.value = f, te.value = v, he.value = m, Ae(() => {
|
|
6936
6933
|
Zn(), Wn(), ln(), cn();
|
|
6937
6934
|
const y = Y(f);
|
|
6938
|
-
|
|
6935
|
+
Me("update:modelValue", y), Me("update:title", v), Me("update:description", m), Me("change", y), Me("title-change", v), Me("description-change", m), oe.value = !1, Ae(() => {
|
|
6939
6936
|
setTimeout(() => {
|
|
6940
6937
|
if (a) {
|
|
6941
|
-
if (
|
|
6942
|
-
|
|
6938
|
+
if (_e.value) {
|
|
6939
|
+
_e.value.focus();
|
|
6943
6940
|
const x = v.length;
|
|
6944
|
-
|
|
6941
|
+
_e.value.setSelectionRange && _e.value.setSelectionRange(x, x), it();
|
|
6945
6942
|
}
|
|
6946
6943
|
} else if (n) {
|
|
6947
6944
|
if (ft.value) {
|
|
@@ -6951,9 +6948,9 @@ const Js = {
|
|
|
6951
6948
|
}
|
|
6952
6949
|
} else if (o)
|
|
6953
6950
|
Kt();
|
|
6954
|
-
else if (
|
|
6951
|
+
else if (_e.value && document.activeElement === _e.value) {
|
|
6955
6952
|
const x = v.length;
|
|
6956
|
-
|
|
6953
|
+
_e.value.setSelectionRange && _e.value.setSelectionRange(x, x), it();
|
|
6957
6954
|
} else if (ft.value && document.activeElement === ft.value) {
|
|
6958
6955
|
const x = m.length;
|
|
6959
6956
|
ft.value.setSelectionRange(x, x);
|
|
@@ -7746,7 +7743,7 @@ const Js = {
|
|
|
7746
7743
|
user: V.commentUser || null,
|
|
7747
7744
|
createdAt: n.toISOString()
|
|
7748
7745
|
};
|
|
7749
|
-
ct.value = [...ct.value, o],
|
|
7746
|
+
ct.value = [...ct.value, o], Me("comment-submitted", o), Xa(o), we.value && !fs(we.value) && Na(Tn.value, we.value), C.value = "", Ae(() => {
|
|
7750
7747
|
if (S.value) {
|
|
7751
7748
|
const r = S.value;
|
|
7752
7749
|
r.style.height = "auto", r.style.height = `${r.scrollHeight}px`, r.focus();
|
|
@@ -7764,13 +7761,13 @@ const Js = {
|
|
|
7764
7761
|
}), d.length > 0 ? r.setAttribute("data-comment-user", JSON.stringify(d[0])) : r.removeAttribute("data-comment-user"), d.length > 1 ? r.setAttribute("data-comment-user-2", JSON.stringify(d[1])) : r.removeAttribute("data-comment-user-2"), r.setAttribute("data-comment-count", String(ct.value.length));
|
|
7765
7762
|
} else r && ct.value.length === 0 && (r.removeAttribute("data-comment-user"), r.removeAttribute("data-comment-user-2"), r.setAttribute("data-comment-count", "0"));
|
|
7766
7763
|
}
|
|
7767
|
-
if (
|
|
7764
|
+
if (Me("comment-deleted", {
|
|
7768
7765
|
comment: a,
|
|
7769
7766
|
index: n,
|
|
7770
7767
|
commentId: Tn.value
|
|
7771
7768
|
}), V.comments && Array.isArray(V.comments)) {
|
|
7772
7769
|
const o = V.comments.filter((r) => !(r.commentId === a.commentId && r.text === a.text && r.user?.id === a.user?.id));
|
|
7773
|
-
|
|
7770
|
+
Me("update:comments", o);
|
|
7774
7771
|
}
|
|
7775
7772
|
Ae(() => {
|
|
7776
7773
|
rl("deleteComment");
|
|
@@ -7876,7 +7873,7 @@ const Js = {
|
|
|
7876
7873
|
};
|
|
7877
7874
|
n.push(m);
|
|
7878
7875
|
}
|
|
7879
|
-
nn.value = !0,
|
|
7876
|
+
nn.value = !0, Me("update:comments", n);
|
|
7880
7877
|
}, ps = (a, n = []) => {
|
|
7881
7878
|
if (!V.commentUser || V.disabled || !V.richText || !g.value) return;
|
|
7882
7879
|
const o = g.value;
|
|
@@ -8481,7 +8478,7 @@ const Js = {
|
|
|
8481
8478
|
const a = document.querySelector(".dss-text-editor-toolbar");
|
|
8482
8479
|
a && a._toolbarMutationObserver && a._toolbarMutationObserver.disconnect();
|
|
8483
8480
|
});
|
|
8484
|
-
const
|
|
8481
|
+
const Jt = (a) => {
|
|
8485
8482
|
const n = a.target, o = n.closest("a");
|
|
8486
8483
|
if (o && !V.disabled) {
|
|
8487
8484
|
a.preventDefault();
|
|
@@ -8954,26 +8951,26 @@ const Js = {
|
|
|
8954
8951
|
qt(), Pn && jn(Pn);
|
|
8955
8952
|
});
|
|
8956
8953
|
}, pl = () => {
|
|
8957
|
-
g.value && (pn.value = hn(), Rt.value = "",
|
|
8954
|
+
g.value && (pn.value = hn(), Rt.value = "", Qt.value = "", st.value = "", me.value = "", ke.value = "", jt.value = null, Dt.value = null, Be.value = "upload", Ht.value = !0, Cn(), Ae(() => {
|
|
8958
8955
|
Ye.value && Ye.value.focus(), ze.value && (ze.value.value = "");
|
|
8959
8956
|
}));
|
|
8960
8957
|
}, ml = (a) => {
|
|
8961
8958
|
const n = a.target?.files?.[0];
|
|
8962
8959
|
if (!n) {
|
|
8963
|
-
jt.value = null,
|
|
8960
|
+
jt.value = null, Qt.value = "";
|
|
8964
8961
|
return;
|
|
8965
8962
|
}
|
|
8966
8963
|
jt.value = n;
|
|
8967
8964
|
const o = new FileReader();
|
|
8968
8965
|
o.onload = (r) => {
|
|
8969
|
-
|
|
8966
|
+
Qt.value = r.target?.result || "";
|
|
8970
8967
|
}, o.readAsDataURL(n);
|
|
8971
8968
|
}, Fa = () => {
|
|
8972
8969
|
ze.value && ze.value.click();
|
|
8973
8970
|
}, Ba = () => {
|
|
8974
|
-
me.value && (
|
|
8971
|
+
me.value && (ke.value = "");
|
|
8975
8972
|
}, Oa = () => {
|
|
8976
|
-
|
|
8973
|
+
ke.value && (me.value = "");
|
|
8977
8974
|
}, Qa = () => {
|
|
8978
8975
|
let a = Dt.value;
|
|
8979
8976
|
if (!a) {
|
|
@@ -8987,9 +8984,9 @@ const Js = {
|
|
|
8987
8984
|
const n = a.getAttribute("data-alt") || a.getAttribute("alt") || "";
|
|
8988
8985
|
Dt.value = a, Rt.value = n.trim() === "" || n.trim() === "Image" ? "" : n;
|
|
8989
8986
|
const o = a.getAttribute("src") || a.src || "";
|
|
8990
|
-
o.startsWith("http://") || o.startsWith("https://") ? (st.value = o,
|
|
8987
|
+
o.startsWith("http://") || o.startsWith("https://") ? (st.value = o, Qt.value = "", Be.value = "url") : (Qt.value = o, st.value = "", Be.value = "upload");
|
|
8991
8988
|
const d = a.style.width || a.getAttribute("width") || "", f = a.style.height || a.getAttribute("height") || "";
|
|
8992
|
-
me.value = d.endsWith("px") ? d.replace("px", "") : d,
|
|
8989
|
+
me.value = d.endsWith("px") ? d.replace("px", "") : d, ke.value = f.endsWith("px") ? f.replace("px", "") : f, pn.value = null;
|
|
8993
8990
|
} else {
|
|
8994
8991
|
pl();
|
|
8995
8992
|
return;
|
|
@@ -8998,13 +8995,13 @@ const Js = {
|
|
|
8998
8995
|
Be.value === "url" && dn.value ? (dn.value.focus(), dn.value.select()) : Ye.value && (Ye.value.focus(), Ye.value.select()), ze.value && (ze.value.value = "");
|
|
8999
8996
|
});
|
|
9000
8997
|
}, hl = () => {
|
|
9001
|
-
Ht.value = !1, Rt.value = "",
|
|
8998
|
+
Ht.value = !1, Rt.value = "", Qt.value = "", st.value = "", me.value = "", ke.value = "", jt.value = null, Dt.value = null, pn.value = null, Be.value = "upload";
|
|
9002
8999
|
}, wn = () => {
|
|
9003
9000
|
const a = (Rt.value || "").trim(), n = g.value?._mutationObserver;
|
|
9004
9001
|
n && n.disconnect(), Ke.value ? (lt.value && (clearTimeout(lt.value), lt.value = null), Le(), Ke.value = !1) : Le();
|
|
9005
|
-
const o = Be.value === "url" ? st.value.trim() :
|
|
9002
|
+
const o = Be.value === "url" ? st.value.trim() : Qt.value;
|
|
9006
9003
|
if (Dt.value && g.value && g.value.contains(Dt.value)) {
|
|
9007
|
-
o && (Dt.value.src = o), Dt.value.setAttribute("alt", a), Dt.value.setAttribute("data-alt", a), me.value ? (Dt.value.style.width = `${me.value}px`, Dt.value.setAttribute("width", me.value)) : (Dt.value.style.removeProperty("width"), Dt.value.removeAttribute("width")),
|
|
9004
|
+
o && (Dt.value.src = o), Dt.value.setAttribute("alt", a), Dt.value.setAttribute("data-alt", a), me.value ? (Dt.value.style.width = `${me.value}px`, Dt.value.setAttribute("width", me.value)) : (Dt.value.style.removeProperty("width"), Dt.value.removeAttribute("width")), ke.value ? (Dt.value.style.height = `${ke.value}px`, Dt.value.setAttribute("height", ke.value)) : (Dt.value.style.removeProperty("height"), Dt.value.removeAttribute("height"));
|
|
9008
9005
|
const r = window.getSelection();
|
|
9009
9006
|
if (r) {
|
|
9010
9007
|
r.removeAllRanges();
|
|
@@ -9048,7 +9045,7 @@ const Js = {
|
|
|
9048
9045
|
d && (d.removeAllRanges(), d.addRange(f));
|
|
9049
9046
|
}
|
|
9050
9047
|
const y = document.createElement("img");
|
|
9051
|
-
y.src = o, y.setAttribute("alt", a), y.setAttribute("data-alt", a), me.value && (y.style.width = `${me.value}px`, y.setAttribute("width", me.value)),
|
|
9048
|
+
y.src = o, y.setAttribute("alt", a), y.setAttribute("data-alt", a), me.value && (y.style.width = `${me.value}px`, y.setAttribute("width", me.value)), ke.value && (y.style.height = `${ke.value}px`, y.setAttribute("height", ke.value));
|
|
9052
9049
|
try {
|
|
9053
9050
|
f.insertNode(y), f.setStartAfter(y), f.collapse(!0), d && (d.removeAllRanges(), d.addRange(f));
|
|
9054
9051
|
} catch {
|
|
@@ -9372,7 +9369,7 @@ const Js = {
|
|
|
9372
9369
|
const n = a.element.getAttribute("data-comment") || a.element.getAttribute("data-fake-comment");
|
|
9373
9370
|
if (!n) return;
|
|
9374
9371
|
const o = `[data-comment="${n}"], [data-fake-comment="${n}"]`;
|
|
9375
|
-
|
|
9372
|
+
Me("comment-marker-clicked", {
|
|
9376
9373
|
commentId: n,
|
|
9377
9374
|
selector: o,
|
|
9378
9375
|
element: a.element
|
|
@@ -9956,7 +9953,7 @@ const Js = {
|
|
|
9956
9953
|
onClick: Fa
|
|
9957
9954
|
}, [
|
|
9958
9955
|
l("img", {
|
|
9959
|
-
src:
|
|
9956
|
+
src: Qt.value,
|
|
9960
9957
|
alt: "Preview",
|
|
9961
9958
|
class: "dss-image-preview-image"
|
|
9962
9959
|
}, null, 8, a1),
|
|
@@ -10025,13 +10022,13 @@ const Js = {
|
|
|
10025
10022
|
an(l("input", {
|
|
10026
10023
|
type: "number",
|
|
10027
10024
|
min: "1",
|
|
10028
|
-
"onUpdate:modelValue": n[21] || (n[21] = (o) =>
|
|
10025
|
+
"onUpdate:modelValue": n[21] || (n[21] = (o) => ke.value = o),
|
|
10029
10026
|
class: "dss-link-modal-input",
|
|
10030
10027
|
placeholder: P(B)("textEditor.image.auto"),
|
|
10031
10028
|
onKeyup: il(wn, ["enter"]),
|
|
10032
10029
|
onInput: Oa
|
|
10033
10030
|
}, null, 40, f1), [
|
|
10034
|
-
[An,
|
|
10031
|
+
[An, ke.value]
|
|
10035
10032
|
])
|
|
10036
10033
|
])
|
|
10037
10034
|
])
|
|
@@ -10083,13 +10080,13 @@ const Js = {
|
|
|
10083
10080
|
an(l("input", {
|
|
10084
10081
|
type: "number",
|
|
10085
10082
|
min: "1",
|
|
10086
|
-
"onUpdate:modelValue": n[25] || (n[25] = (o) =>
|
|
10083
|
+
"onUpdate:modelValue": n[25] || (n[25] = (o) => ke.value = o),
|
|
10087
10084
|
class: "dss-link-modal-input",
|
|
10088
10085
|
placeholder: P(B)("textEditor.image.auto"),
|
|
10089
10086
|
onKeyup: il(wn, ["enter"]),
|
|
10090
10087
|
onInput: Oa
|
|
10091
10088
|
}, null, 40, $1), [
|
|
10092
|
-
[An,
|
|
10089
|
+
[An, ke.value]
|
|
10093
10090
|
])
|
|
10094
10091
|
])
|
|
10095
10092
|
])
|
|
@@ -10120,7 +10117,7 @@ const Js = {
|
|
|
10120
10117
|
])),
|
|
10121
10118
|
l("textarea", {
|
|
10122
10119
|
ref_key: "titleInputRef",
|
|
10123
|
-
ref:
|
|
10120
|
+
ref: _e,
|
|
10124
10121
|
value: F.title,
|
|
10125
10122
|
onInput: al,
|
|
10126
10123
|
onFocus: Xt,
|
|
@@ -10219,7 +10216,7 @@ const Js = {
|
|
|
10219
10216
|
style: Ce(Qn.value),
|
|
10220
10217
|
onInput: qt,
|
|
10221
10218
|
onBlur: Et,
|
|
10222
|
-
onClick:
|
|
10219
|
+
onClick: Jt,
|
|
10223
10220
|
onMouseup: Yt,
|
|
10224
10221
|
onKeyup: Yt,
|
|
10225
10222
|
onKeydown: ms,
|
|
@@ -10854,19 +10851,19 @@ const Js = {
|
|
|
10854
10851
|
function N(ie) {
|
|
10855
10852
|
const Q = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(ie);
|
|
10856
10853
|
if (!Q) return { h: 0, s: 0, l: 50 };
|
|
10857
|
-
const te = parseInt(Q[1], 16) / 255, he = parseInt(Q[2], 16) / 255,
|
|
10854
|
+
const te = parseInt(Q[1], 16) / 255, he = parseInt(Q[2], 16) / 255, _e = parseInt(Q[3], 16) / 255, ft = Math.max(te, he, _e), Ft = Math.min(te, he, _e);
|
|
10858
10855
|
let Mn = 0, Nt = 0;
|
|
10859
10856
|
const yn = (ft + Ft) / 2;
|
|
10860
10857
|
if (ft !== Ft) {
|
|
10861
10858
|
const T = ft - Ft;
|
|
10862
10859
|
switch (Nt = yn > 0.5 ? T / (2 - ft - Ft) : T / (ft + Ft), ft) {
|
|
10863
10860
|
case te:
|
|
10864
|
-
Mn = ((he -
|
|
10861
|
+
Mn = ((he - _e) / T + (he < _e ? 6 : 0)) / 6;
|
|
10865
10862
|
break;
|
|
10866
10863
|
case he:
|
|
10867
|
-
Mn = ((
|
|
10864
|
+
Mn = ((_e - te) / T + 2) / 6;
|
|
10868
10865
|
break;
|
|
10869
|
-
case
|
|
10866
|
+
case _e:
|
|
10870
10867
|
Mn = ((te - he) / T + 4) / 6;
|
|
10871
10868
|
break;
|
|
10872
10869
|
}
|
|
@@ -10875,11 +10872,11 @@ const Js = {
|
|
|
10875
10872
|
}
|
|
10876
10873
|
function B(ie, Q, te) {
|
|
10877
10874
|
Q /= 100, te /= 100;
|
|
10878
|
-
const he = Q * Math.min(te, 1 - te),
|
|
10875
|
+
const he = Q * Math.min(te, 1 - te), _e = (ft) => {
|
|
10879
10876
|
const Ft = (ft + ie / 30) % 12, Mn = te - he * Math.max(Math.min(Ft - 3, 9 - Ft, 1), -1);
|
|
10880
10877
|
return Math.round(255 * Mn).toString(16).padStart(2, "0");
|
|
10881
10878
|
};
|
|
10882
|
-
return `#${
|
|
10879
|
+
return `#${_e(0)}${_e(8)}${_e(4)}`;
|
|
10883
10880
|
}
|
|
10884
10881
|
function ye(ie) {
|
|
10885
10882
|
const Q = ie.replace(/^#/, "").match(/^([a-f\d]{6}|[a-f\d]{3})$/i);
|
|
@@ -10890,23 +10887,23 @@ const Js = {
|
|
|
10890
10887
|
function U(ie) {
|
|
10891
10888
|
const Q = ie.match(/^rgba?\(\s*(\d{1,3})[\s,]+(\d{1,3})[\s,]+(\d{1,3})(?:[\s,\/]+[\d.]+)?\s*\)$/i);
|
|
10892
10889
|
if (!Q) return null;
|
|
10893
|
-
const te = Math.max(0, Math.min(255, Number.parseInt(Q[1], 10))), he = Math.max(0, Math.min(255, Number.parseInt(Q[2], 10))),
|
|
10894
|
-
return `#${te.toString(16).padStart(2, "0")}${he.toString(16).padStart(2, "0")}${
|
|
10890
|
+
const te = Math.max(0, Math.min(255, Number.parseInt(Q[1], 10))), he = Math.max(0, Math.min(255, Number.parseInt(Q[2], 10))), _e = Math.max(0, Math.min(255, Number.parseInt(Q[3], 10)));
|
|
10891
|
+
return `#${te.toString(16).padStart(2, "0")}${he.toString(16).padStart(2, "0")}${_e.toString(16).padStart(2, "0")}`;
|
|
10895
10892
|
}
|
|
10896
10893
|
function V(ie) {
|
|
10897
10894
|
if (typeof ie != "string") return null;
|
|
10898
10895
|
const Q = ie.trim();
|
|
10899
10896
|
return ye(Q) || U(Q);
|
|
10900
10897
|
}
|
|
10901
|
-
function
|
|
10898
|
+
function Me(ie, Q, te) {
|
|
10902
10899
|
Q /= 100, te /= 100;
|
|
10903
|
-
const he = te + Q * Math.min(te, 1 - te),
|
|
10904
|
-
return { h: ie, s:
|
|
10900
|
+
const he = te + Q * Math.min(te, 1 - te), _e = he === 0 ? 0 : 2 - 2 * te / he;
|
|
10901
|
+
return { h: ie, s: _e * 100, v: he * 100 };
|
|
10905
10902
|
}
|
|
10906
10903
|
function kt(ie, Q, te) {
|
|
10907
10904
|
Q /= 100, te /= 100;
|
|
10908
|
-
const he = te * (1 - Q / 2),
|
|
10909
|
-
return { h: ie, s:
|
|
10905
|
+
const he = te * (1 - Q / 2), _e = he === 0 || he === 1 ? 0 : (te - he) / Math.min(he, 1 - he);
|
|
10906
|
+
return { h: ie, s: _e * 100, l: he * 100 };
|
|
10910
10907
|
}
|
|
10911
10908
|
const re = F, g = fe, Re = $(!1), He = $(!1), oe = $(!1), ee = $(-1), xe = $(-1), Z = $(null), Ie = $(null), Ue = $(null), ht = $(null), Mt = $({ top: 0, left: 0 }), G = $(N(re.modelValue || "#b8a5de")), at = p(
|
|
10912
10909
|
() => Array.isArray(re.presetGroups) && re.presetGroups.length > 0
|
|
@@ -10940,18 +10937,18 @@ const Js = {
|
|
|
10940
10937
|
}
|
|
10941
10938
|
function Rt(ie) {
|
|
10942
10939
|
if (!_t(ie)) return;
|
|
10943
|
-
const Q = re.presetColors.filter((
|
|
10940
|
+
const Q = re.presetColors.filter((_e, ft) => ft !== ie);
|
|
10944
10941
|
g("update:presetColors", Q);
|
|
10945
10942
|
const te = ye(re.modelValue), he = ye(re.presetColors[ie]);
|
|
10946
10943
|
if (te && he && te.toLowerCase() === he.toLowerCase()) {
|
|
10947
|
-
const
|
|
10948
|
-
|
|
10944
|
+
const _e = Q[Math.max(0, ie - 1)] || Q[0];
|
|
10945
|
+
_e && g("update:modelValue", _e);
|
|
10949
10946
|
}
|
|
10950
10947
|
}
|
|
10951
10948
|
function jt() {
|
|
10952
10949
|
oe.value = !oe.value, oe.value || (ee.value = -1, He.value = !1);
|
|
10953
10950
|
}
|
|
10954
|
-
function
|
|
10951
|
+
function Qt() {
|
|
10955
10952
|
if (!nt.value || ee.value < 0) return;
|
|
10956
10953
|
const ie = ze.value, Q = ye(ie);
|
|
10957
10954
|
if (Q) {
|
|
@@ -10962,7 +10959,7 @@ const Js = {
|
|
|
10962
10959
|
function me() {
|
|
10963
10960
|
re.disabled || !nt.value || (ee.value = -1, He.value = !He.value, He.value && (Ee(), Ae(() => ht.value?.focus())));
|
|
10964
10961
|
}
|
|
10965
|
-
function
|
|
10962
|
+
function ke(ie) {
|
|
10966
10963
|
const Q = V(ie), te = V(re.modelValue);
|
|
10967
10964
|
return Q && te && Q.toLowerCase() === te.toLowerCase();
|
|
10968
10965
|
}
|
|
@@ -10982,7 +10979,7 @@ const Js = {
|
|
|
10982
10979
|
}), dn = p(() => ze.value.toLowerCase()), Dt = p(() => ({
|
|
10983
10980
|
background: `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(${G.value.h}, 100%, 50%))`
|
|
10984
10981
|
})), pn = p(() => {
|
|
10985
|
-
const ie =
|
|
10982
|
+
const ie = Me(G.value.h, G.value.s, G.value.l);
|
|
10986
10983
|
return {
|
|
10987
10984
|
left: `${ie.s}%`,
|
|
10988
10985
|
bottom: `${ie.v}%`,
|
|
@@ -11034,7 +11031,7 @@ const Js = {
|
|
|
11034
11031
|
function Ut(ie) {
|
|
11035
11032
|
if (!Ue.value) return;
|
|
11036
11033
|
const Q = Ue.value.getBoundingClientRect(), te = (he) => {
|
|
11037
|
-
const
|
|
11034
|
+
const _e = Math.max(0, Math.min(1, (he.clientX - Q.left) / Q.width)), ft = Math.max(0, Math.min(1, 1 - (he.clientY - Q.top) / Q.height)), Ft = { h: G.value.h, s: _e * 100, v: ft * 100 };
|
|
11038
11035
|
G.value = kt(Ft.h, Ft.s, Ft.v);
|
|
11039
11036
|
};
|
|
11040
11037
|
te(ie), document.addEventListener("mousemove", te), document.addEventListener("mouseup", () => {
|
|
@@ -11043,8 +11040,8 @@ const Js = {
|
|
|
11043
11040
|
}
|
|
11044
11041
|
function mt(ie) {
|
|
11045
11042
|
if (!ie.currentTarget) return;
|
|
11046
|
-
const te = ie.currentTarget.getBoundingClientRect(), he = (
|
|
11047
|
-
const ft = Math.max(0, Math.min(1, (
|
|
11043
|
+
const te = ie.currentTarget.getBoundingClientRect(), he = (_e) => {
|
|
11044
|
+
const ft = Math.max(0, Math.min(1, (_e.clientX - te.left) / te.width));
|
|
11048
11045
|
G.value = { ...G.value, h: ft * 360 };
|
|
11049
11046
|
};
|
|
11050
11047
|
he(ie), document.addEventListener("mousemove", he), document.addEventListener("mouseup", () => {
|
|
@@ -11126,13 +11123,13 @@ const Js = {
|
|
|
11126
11123
|
}, [
|
|
11127
11124
|
l("span", r0, A(te.title), 1),
|
|
11128
11125
|
l("div", i0, [
|
|
11129
|
-
(u(!0), c(J, null, $e(te.colors, (
|
|
11126
|
+
(u(!0), c(J, null, $e(te.colors, (_e, ft) => (u(), c("button", {
|
|
11130
11127
|
key: "g-" + he + "-" + ft,
|
|
11131
11128
|
type: "button",
|
|
11132
|
-
class: se(["dss-color-picker__preset-bubble", { "dss-color-picker__preset-bubble--selected":
|
|
11133
|
-
style: Ce({ backgroundColor:
|
|
11134
|
-
title:
|
|
11135
|
-
onClick: Xe((Ft) => lt(
|
|
11129
|
+
class: se(["dss-color-picker__preset-bubble", { "dss-color-picker__preset-bubble--selected": ke(_e) }]),
|
|
11130
|
+
style: Ce({ backgroundColor: _e, "--dss-preset-color": _e }),
|
|
11131
|
+
title: _e,
|
|
11132
|
+
onClick: Xe((Ft) => lt(_e), ["stop"])
|
|
11136
11133
|
}, null, 14, u0))), 128))
|
|
11137
11134
|
])
|
|
11138
11135
|
]))), 128)) : gt.value.length ? (u(), c("div", c0, [
|
|
@@ -11141,10 +11138,10 @@ const Js = {
|
|
|
11141
11138
|
(u(!0), c(J, null, $e(gt.value, (te, he) => (u(), c("button", {
|
|
11142
11139
|
key: "p-" + he,
|
|
11143
11140
|
type: "button",
|
|
11144
|
-
class: se(["dss-color-picker__preset-bubble", { "dss-color-picker__preset-bubble--selected":
|
|
11141
|
+
class: se(["dss-color-picker__preset-bubble", { "dss-color-picker__preset-bubble--selected": ke(te) }]),
|
|
11145
11142
|
style: Ce({ backgroundColor: te, "--dss-preset-color": te }),
|
|
11146
11143
|
title: te,
|
|
11147
|
-
onClick: Xe((
|
|
11144
|
+
onClick: Xe((_e) => lt(te), ["stop"])
|
|
11148
11145
|
}, null, 14, v0))), 128))
|
|
11149
11146
|
])
|
|
11150
11147
|
])) : L("", !0),
|
|
@@ -11178,7 +11175,7 @@ const Js = {
|
|
|
11178
11175
|
l("button", {
|
|
11179
11176
|
type: "button",
|
|
11180
11177
|
class: se(["dss-color-picker__preset-bubble", {
|
|
11181
|
-
"dss-color-picker__preset-bubble--selected": !oe.value &&
|
|
11178
|
+
"dss-color-picker__preset-bubble--selected": !oe.value && ke(te),
|
|
11182
11179
|
"dss-color-picker__preset-bubble--editing": oe.value && ee.value === pt(he)
|
|
11183
11180
|
}]),
|
|
11184
11181
|
style: Ce({
|
|
@@ -11186,14 +11183,14 @@ const Js = {
|
|
|
11186
11183
|
"--dss-preset-color": ee.value === pt(he) ? ze.value : te
|
|
11187
11184
|
}),
|
|
11188
11185
|
title: ee.value === pt(he) ? ze.value : te,
|
|
11189
|
-
onClick: Xe((
|
|
11186
|
+
onClick: Xe((_e) => oe.value ? Ht(pt(he)) : lt(te), ["stop"])
|
|
11190
11187
|
}, null, 14, h0),
|
|
11191
11188
|
oe.value ? (u(), c("button", {
|
|
11192
11189
|
key: 0,
|
|
11193
11190
|
type: "button",
|
|
11194
11191
|
class: "dss-color-picker__preset-action dss-color-picker__preset-action--delete",
|
|
11195
11192
|
title: "Delete",
|
|
11196
|
-
onClick: Xe((
|
|
11193
|
+
onClick: Xe((_e) => Rt(pt(he)), ["stop"])
|
|
11197
11194
|
}, [...Q[4] || (Q[4] = [
|
|
11198
11195
|
l("svg", {
|
|
11199
11196
|
viewBox: "0 0 12 12",
|
|
@@ -11221,10 +11218,10 @@ const Js = {
|
|
|
11221
11218
|
(u(!0), c(J, null, $e(F.presetColors, (te, he) => (u(), c("button", {
|
|
11222
11219
|
key: he,
|
|
11223
11220
|
type: "button",
|
|
11224
|
-
class: se(["dss-color-picker__preset-bubble", { "dss-color-picker__preset-bubble--selected":
|
|
11221
|
+
class: se(["dss-color-picker__preset-bubble", { "dss-color-picker__preset-bubble--selected": ke(te) }]),
|
|
11225
11222
|
style: Ce({ backgroundColor: te, "--dss-preset-color": te }),
|
|
11226
11223
|
title: te,
|
|
11227
|
-
onClick: Xe((
|
|
11224
|
+
onClick: Xe((_e) => lt(te), ["stop"])
|
|
11228
11225
|
}, null, 14, b0))), 128)),
|
|
11229
11226
|
nt.value && Oe.value ? (u(), c("button", {
|
|
11230
11227
|
key: 0,
|
|
@@ -11279,7 +11276,7 @@ const Js = {
|
|
|
11279
11276
|
key: 1,
|
|
11280
11277
|
type: "button",
|
|
11281
11278
|
class: "dss-color-picker__add-btn",
|
|
11282
|
-
onClick:
|
|
11279
|
+
onClick: Qt
|
|
11283
11280
|
}, " Save color ")) : L("", !0),
|
|
11284
11281
|
ue.value ? L("", !0) : (u(), c("button", {
|
|
11285
11282
|
key: 2,
|
|
@@ -11499,15 +11496,15 @@ const Js = {
|
|
|
11499
11496
|
unstyled: !1,
|
|
11500
11497
|
deleteZoneAlwaysVisible: !1,
|
|
11501
11498
|
ColColor: !1
|
|
11502
|
-
},
|
|
11503
|
-
"--dss-dnd-col-min-w":
|
|
11504
|
-
"--dss-dnd-col-max-w":
|
|
11505
|
-
"--dss-dnd-col-gap":
|
|
11506
|
-
"--dss-dnd-indicator-color":
|
|
11507
|
-
"--dss-dnd-body-max-h":
|
|
11499
|
+
}, Me = p(() => ({ ...V, ...N.options })), kt = p(() => ({
|
|
11500
|
+
"--dss-dnd-col-min-w": Me.value.columnMinWidth,
|
|
11501
|
+
"--dss-dnd-col-max-w": Me.value.columnMaxWidth,
|
|
11502
|
+
"--dss-dnd-col-gap": Me.value.columnGap,
|
|
11503
|
+
"--dss-dnd-indicator-color": Me.value.indicatorColor,
|
|
11504
|
+
"--dss-dnd-body-max-h": Me.value.columnBodyMaxHeight
|
|
11508
11505
|
}));
|
|
11509
11506
|
function re(ae) {
|
|
11510
|
-
if (!
|
|
11507
|
+
if (!Me.value.ColColor || !ae) return {};
|
|
11511
11508
|
const Ee = ae.background || ae.color;
|
|
11512
11509
|
return Ee ? {
|
|
11513
11510
|
background: Ee
|
|
@@ -11565,10 +11562,10 @@ const Js = {
|
|
|
11565
11562
|
height: ${st.height}px;
|
|
11566
11563
|
z-index: 9999;
|
|
11567
11564
|
pointer-events: none;
|
|
11568
|
-
opacity: ${
|
|
11565
|
+
opacity: ${Me.value.dragGhostOpacity};
|
|
11569
11566
|
box-sizing: border-box;
|
|
11570
11567
|
box-shadow: 0 8px 24px rgba(0,0,0,0.15);
|
|
11571
|
-
background-color: ${
|
|
11568
|
+
background-color: ${Me.value.dragSourceBackground};
|
|
11572
11569
|
font-family: 'Work Sans', sans-serif;
|
|
11573
11570
|
cursor: grabbing;
|
|
11574
11571
|
`, document.body.appendChild(vt), Ie = vt;
|
|
@@ -11577,7 +11574,7 @@ const Js = {
|
|
|
11577
11574
|
Ie && (Ie.style.left = `${ae - ht}px`, Ie.style.top = `${Ee - Mt}px`);
|
|
11578
11575
|
}
|
|
11579
11576
|
function De(ae) {
|
|
11580
|
-
ae.classList.add("dss-dnd-item--dragging"), ae.style.background =
|
|
11577
|
+
ae.classList.add("dss-dnd-item--dragging"), ae.style.background = Me.value.dragSourceBackground, ae.style.borderColor = Me.value.dragSourceBorder, ae.style.transform = "scale(0.97)";
|
|
11581
11578
|
}
|
|
11582
11579
|
function pt(ae) {
|
|
11583
11580
|
ae.classList.remove("dss-dnd-item--dragging"), ae.style.background = "", ae.style.borderColor = "", ae.style.transform = "";
|
|
@@ -11616,8 +11613,8 @@ const Js = {
|
|
|
11616
11613
|
xe = null, Rt(ae.clientX, ae.clientY);
|
|
11617
11614
|
}));
|
|
11618
11615
|
}
|
|
11619
|
-
function
|
|
11620
|
-
window.removeEventListener("pointermove", jt), window.removeEventListener("pointerup",
|
|
11616
|
+
function Qt(ae) {
|
|
11617
|
+
window.removeEventListener("pointermove", jt), window.removeEventListener("pointerup", Qt), window.removeEventListener("pointercancel", Qt), Ue?.releasePointerCapture?.(ae.pointerId), pt(Ue), Ue = null;
|
|
11621
11618
|
const Ee = U.value && Ht(ae.clientX, ae.clientY);
|
|
11622
11619
|
if (g.value && Ee)
|
|
11623
11620
|
B("delete", { item: g.value });
|
|
@@ -11645,9 +11642,9 @@ const Js = {
|
|
|
11645
11642
|
const Be = ae.target.closest(".dss-dnd-item");
|
|
11646
11643
|
if (!Be) return;
|
|
11647
11644
|
const st = Be.getBoundingClientRect();
|
|
11648
|
-
ht = ae.clientX - st.left, Mt = ae.clientY - st.top, G = document.body.style.cursor, document.body.style.cursor = "grabbing", g.value = Ee, Ue = Be, ue(Be, ae.clientX, ae.clientY), requestAnimationFrame(() => De(Be)), Be.setPointerCapture?.(ae.pointerId), window.addEventListener("pointermove", jt), window.addEventListener("pointerup",
|
|
11645
|
+
ht = ae.clientX - st.left, Mt = ae.clientY - st.top, G = document.body.style.cursor, document.body.style.cursor = "grabbing", g.value = Ee, Ue = Be, ue(Be, ae.clientX, ae.clientY), requestAnimationFrame(() => De(Be)), Be.setPointerCapture?.(ae.pointerId), window.addEventListener("pointermove", jt), window.addEventListener("pointerup", Qt, { once: !0 }), window.addEventListener("pointercancel", Qt, { once: !0 });
|
|
11649
11646
|
}
|
|
11650
|
-
function
|
|
11647
|
+
function ke() {
|
|
11651
11648
|
at && (window.removeEventListener("pointermove", Ye), window.removeEventListener("pointerup", ze), window.removeEventListener("pointercancel", ze), at = null);
|
|
11652
11649
|
}
|
|
11653
11650
|
function Ye(ae) {
|
|
@@ -11655,14 +11652,14 @@ const Js = {
|
|
|
11655
11652
|
const Ee = ae.clientX - at.startX, Be = ae.clientY - at.startY;
|
|
11656
11653
|
if (Math.abs(Ee) >= nt || Math.abs(Be) >= nt) {
|
|
11657
11654
|
const st = at.item;
|
|
11658
|
-
|
|
11655
|
+
ke(), me(ae, st);
|
|
11659
11656
|
}
|
|
11660
11657
|
}
|
|
11661
11658
|
function ze(ae) {
|
|
11662
|
-
!at || ae.pointerId !== at.pointerId ||
|
|
11659
|
+
!at || ae.pointerId !== at.pointerId || ke();
|
|
11663
11660
|
}
|
|
11664
11661
|
function dn(ae, Ee) {
|
|
11665
|
-
|
|
11662
|
+
ke(), at = {
|
|
11666
11663
|
item: Ee,
|
|
11667
11664
|
startX: ae.clientX,
|
|
11668
11665
|
startY: ae.clientY,
|
|
@@ -11670,7 +11667,7 @@ const Js = {
|
|
|
11670
11667
|
}, window.addEventListener("pointermove", Ye), window.addEventListener("pointerup", ze), window.addEventListener("pointercancel", ze);
|
|
11671
11668
|
}
|
|
11672
11669
|
function Dt(ae, Ee) {
|
|
11673
|
-
|
|
11670
|
+
Me.value.useHandle || dn(ae, Ee);
|
|
11674
11671
|
}
|
|
11675
11672
|
function pn(ae, Ee) {
|
|
11676
11673
|
dn(ae, Ee);
|
|
@@ -11682,9 +11679,9 @@ const Js = {
|
|
|
11682
11679
|
Zt(), g.value = null, Re.value = null, He.value = !1, oe.value = -1;
|
|
11683
11680
|
}
|
|
11684
11681
|
return Ea(() => {
|
|
11685
|
-
Zt(),
|
|
11682
|
+
Zt(), ke(), Z && clearTimeout(Z), Ie && (Ie.remove(), Ie = null);
|
|
11686
11683
|
}), (ae, Ee) => (u(), c("div", {
|
|
11687
|
-
class: se(["dss-dnd", { "dss-dnd--unstyled":
|
|
11684
|
+
class: se(["dss-dnd", { "dss-dnd--unstyled": Me.value.unstyled }]),
|
|
11688
11685
|
style: Ce(kt.value)
|
|
11689
11686
|
}, [
|
|
11690
11687
|
U.value ? (u(), ca(da, {
|
|
@@ -11700,7 +11697,7 @@ const Js = {
|
|
|
11700
11697
|
isOver: He.value
|
|
11701
11698
|
})
|
|
11702
11699
|
], 2), [
|
|
11703
|
-
[ga, !!g.value ||
|
|
11700
|
+
[ga, !!g.value || Me.value.deleteZoneAlwaysVisible]
|
|
11704
11701
|
])
|
|
11705
11702
|
])) : L("", !0),
|
|
11706
11703
|
(u(!0), c(J, null, $e(F.columns, (Be) => (u(), c("div", {
|
|
@@ -11711,7 +11708,7 @@ const Js = {
|
|
|
11711
11708
|
]]),
|
|
11712
11709
|
style: Ce(re(Be))
|
|
11713
11710
|
}, [
|
|
11714
|
-
|
|
11711
|
+
Me.value.showHeader ? (u(), c("div", V0, [
|
|
11715
11712
|
fn(ae.$slots, "column-header", {
|
|
11716
11713
|
column: Be,
|
|
11717
11714
|
items: Ne.value[Be.value] || []
|
|
@@ -11731,11 +11728,11 @@ const Js = {
|
|
|
11731
11728
|
key: 1,
|
|
11732
11729
|
class: se(["dss-dnd-item", {
|
|
11733
11730
|
"dss-dnd-item--dragging": st.isDragged,
|
|
11734
|
-
"dss-dnd-item--no-handle": !
|
|
11731
|
+
"dss-dnd-item--no-handle": !Me.value.useHandle
|
|
11735
11732
|
}]),
|
|
11736
11733
|
onPointerdown: (vt) => Dt(vt, st.item)
|
|
11737
11734
|
}, [
|
|
11738
|
-
|
|
11735
|
+
Me.value.useHandle ? (u(), c("div", {
|
|
11739
11736
|
key: 0,
|
|
11740
11737
|
class: "dss-dnd-handle",
|
|
11741
11738
|
onPointerdown: Xe((vt) => pn(vt, st.item), ["stop"])
|
|
@@ -11783,7 +11780,7 @@ const Js = {
|
|
|
11783
11780
|
setup(F) {
|
|
11784
11781
|
const fe = F, N = $(null), B = $(!1);
|
|
11785
11782
|
let ye = [], U = null, V = null;
|
|
11786
|
-
function
|
|
11783
|
+
function Me(oe, ee) {
|
|
11787
11784
|
const xe = [];
|
|
11788
11785
|
for (let Z = 0; Z < fe.count; Z++)
|
|
11789
11786
|
xe.push(kt(oe));
|
|
@@ -11822,7 +11819,7 @@ const Js = {
|
|
|
11822
11819
|
const ee = oe.getContext("2d"), xe = oe.parentElement;
|
|
11823
11820
|
if (!xe) return;
|
|
11824
11821
|
const Z = xe.getBoundingClientRect();
|
|
11825
|
-
oe.width = Z.width, oe.height = Z.height, ye =
|
|
11822
|
+
oe.width = Z.width, oe.height = Z.height, ye = Me(oe.width, oe.height);
|
|
11826
11823
|
const Ie = Date.now(), Ue = Ie + fe.duration, ht = () => {
|
|
11827
11824
|
const Mt = Date.now(), G = Mt - Ie;
|
|
11828
11825
|
if (Mt < Ue) {
|
|
@@ -11928,7 +11925,7 @@ const Js = {
|
|
|
11928
11925
|
unstyled: !1,
|
|
11929
11926
|
maxUniqueForSelect: 30,
|
|
11930
11927
|
maxUniqueForEnum: 15
|
|
11931
|
-
},
|
|
11928
|
+
}, Me = p(() => ({ ...V, ...ye.options })), kt = {
|
|
11932
11929
|
text: [
|
|
11933
11930
|
{ value: "contains" },
|
|
11934
11931
|
{ value: "not_contains" },
|
|
@@ -12009,7 +12006,7 @@ const Js = {
|
|
|
12009
12006
|
const ne = H.flatMap((Je) => Je).filter((Je) => Je != null);
|
|
12010
12007
|
return ne.length === 0 ? null : typeof ne.find((Je) => Je != null) == "object" ? "arraySelect" : "arrayText";
|
|
12011
12008
|
}
|
|
12012
|
-
return H.every((ne) => typeof ne == "boolean") ? "boolean" : H.every((ne) => typeof ne == "number") ? new Set(H).size <=
|
|
12009
|
+
return H.every((ne) => typeof ne == "boolean") ? "boolean" : H.every((ne) => typeof ne == "number") ? new Set(H).size <= Me.value.maxUniqueForEnum ? "select" : "range" : H.every((ne) => typeof ne == "string") ? new Set(H).size <= Me.value.maxUniqueForSelect ? "select" : "text" : H.some((ne) => typeof ne == "object" && !Array.isArray(ne)) ? null : "text";
|
|
12013
12010
|
}
|
|
12014
12011
|
const nt = p(() => {
|
|
12015
12012
|
if (!ye.data?.length) return [];
|
|
@@ -12081,13 +12078,13 @@ const Js = {
|
|
|
12081
12078
|
oe.value && !k && !T.target.closest(".dss-filter-popup") && !T.target.closest(".dss-filter-trigger") && !T.target.closest(".dss-filter-add-btn") && Rt(), ee.value && xe.value && !xe.value.contains(T.target) && (k || (ee.value = !1));
|
|
12082
12079
|
}
|
|
12083
12080
|
ds(() => document.addEventListener("click", jt)), Ea(() => document.removeEventListener("click", jt));
|
|
12084
|
-
function
|
|
12081
|
+
function Qt(T) {
|
|
12085
12082
|
return Ne.value[T]?.label || Nt(T);
|
|
12086
12083
|
}
|
|
12087
12084
|
function me(T) {
|
|
12088
12085
|
return Ne.value[T.key]?.filterMode || "contain";
|
|
12089
12086
|
}
|
|
12090
|
-
function
|
|
12087
|
+
function ke(T) {
|
|
12091
12088
|
return B(`filter.operators.${T}`);
|
|
12092
12089
|
}
|
|
12093
12090
|
function Ye(T) {
|
|
@@ -12191,7 +12188,7 @@ const Js = {
|
|
|
12191
12188
|
for (const k of He.value) {
|
|
12192
12189
|
if (!he(k)) continue;
|
|
12193
12190
|
const H = Ne.value[k.key];
|
|
12194
|
-
H && (T = T.filter((ne) =>
|
|
12191
|
+
H && (T = T.filter((ne) => _e(ne, k, H)));
|
|
12195
12192
|
}
|
|
12196
12193
|
if (ye.showSortBy && Ue.value) {
|
|
12197
12194
|
const k = Ue.value, H = ht.value === "asc" ? 1 : -1;
|
|
@@ -12209,7 +12206,7 @@ const Js = {
|
|
|
12209
12206
|
function he(T) {
|
|
12210
12207
|
return re.has(T.operator) ? !0 : T.value == null || typeof T.value == "string" && T.value === "" || Array.isArray(T.value) && T.value.length === 0 ? !1 : T.value instanceof Date ? !isNaN(T.value.getTime()) : !(typeof T.value == "object" && !Array.isArray(T.value) && T.value.min == null && T.value.max == null);
|
|
12211
12208
|
}
|
|
12212
|
-
function
|
|
12209
|
+
function _e(T, k, H) {
|
|
12213
12210
|
const ne = T?.[k.key], de = k.value, Je = k.operator;
|
|
12214
12211
|
if (Je === "is_empty") return Mn(ne);
|
|
12215
12212
|
if (Je === "is_not_empty") return !Mn(ne);
|
|
@@ -12364,7 +12361,7 @@ const Js = {
|
|
|
12364
12361
|
};
|
|
12365
12362
|
}
|
|
12366
12363
|
return fe({ getDebugState: yn }), (T, k) => (u(), c("div", {
|
|
12367
|
-
class: se(["dss-filter", { "dss-filter--unstyled":
|
|
12364
|
+
class: se(["dss-filter", { "dss-filter--unstyled": Me.value.unstyled }])
|
|
12368
12365
|
}, [
|
|
12369
12366
|
l("div", {
|
|
12370
12367
|
class: "dss-filter-global",
|
|
@@ -12485,7 +12482,7 @@ const Js = {
|
|
|
12485
12482
|
class: "dss-filter-trigger",
|
|
12486
12483
|
onClick: Xe((de) => Ht(`${H.id}:field`), ["stop"])
|
|
12487
12484
|
}, [
|
|
12488
|
-
l("span", i9, A(
|
|
12485
|
+
l("span", i9, A(Qt(H.key)), 1),
|
|
12489
12486
|
k[21] || (k[21] = l("svg", {
|
|
12490
12487
|
class: "dss-filter-chevron",
|
|
12491
12488
|
viewBox: "0 0 24 24",
|
|
@@ -12525,7 +12522,7 @@ const Js = {
|
|
|
12525
12522
|
class: "dss-filter-trigger",
|
|
12526
12523
|
onClick: Xe((de) => Ht(`${H.id}:op`), ["stop"])
|
|
12527
12524
|
}, [
|
|
12528
|
-
l("span", m9, A(
|
|
12525
|
+
l("span", m9, A(ke(H.operator)), 1),
|
|
12529
12526
|
k[22] || (k[22] = l("svg", {
|
|
12530
12527
|
class: "dss-filter-chevron",
|
|
12531
12528
|
viewBox: "0 0 24 24",
|
|
@@ -12796,7 +12793,7 @@ const Js = {
|
|
|
12796
12793
|
emits: ["update:modelValue"],
|
|
12797
12794
|
setup(F, { emit: fe }) {
|
|
12798
12795
|
const N = F, B = fe, ye = $(""), U = $([...N.modelValue]), V = $(null);
|
|
12799
|
-
let
|
|
12796
|
+
let Me = null;
|
|
12800
12797
|
const kt = $(null), re = $(""), g = $(null), Re = $(null), He = p(() => {
|
|
12801
12798
|
if (!Re.value) return;
|
|
12802
12799
|
const { width: Oe, height: rt } = Re.value;
|
|
@@ -12813,8 +12810,8 @@ const Js = {
|
|
|
12813
12810
|
}
|
|
12814
12811
|
const xe = p(() => new Set(U.value.map((Oe) => Oe.trim()).filter(Boolean)));
|
|
12815
12812
|
function Z(Oe) {
|
|
12816
|
-
V.value = Oe,
|
|
12817
|
-
V.value = null,
|
|
12813
|
+
V.value = Oe, Me && clearTimeout(Me), Me = setTimeout(() => {
|
|
12814
|
+
V.value = null, Me = null;
|
|
12818
12815
|
}, 900);
|
|
12819
12816
|
}
|
|
12820
12817
|
function Ie(Oe) {
|
|
@@ -12877,7 +12874,7 @@ const Js = {
|
|
|
12877
12874
|
return Pt(() => N.modelValue, (Oe) => {
|
|
12878
12875
|
U.value = Array.isArray(Oe) ? [...Oe] : [];
|
|
12879
12876
|
}, { deep: !0 }), Ea(() => {
|
|
12880
|
-
|
|
12877
|
+
Me && clearTimeout(Me);
|
|
12881
12878
|
}), (Oe, rt) => (u(), c("div", {
|
|
12882
12879
|
class: se(["dss-pill-field", { "dss-pill-field--disabled": Oe.disabled }])
|
|
12883
12880
|
}, [
|
|
@@ -13043,41 +13040,41 @@ const Js = {
|
|
|
13043
13040
|
borderColor: "transparent"
|
|
13044
13041
|
}
|
|
13045
13042
|
}
|
|
13046
|
-
}, B = (me) => me && typeof me == "object" && !Array.isArray(me), ye = (me,
|
|
13043
|
+
}, B = (me) => me && typeof me == "object" && !Array.isArray(me), ye = (me, ke) => {
|
|
13047
13044
|
const Ye = Object.assign({}, me);
|
|
13048
|
-
return !B(me) || !B(
|
|
13049
|
-
if (B(
|
|
13050
|
-
ze in me ? Ye[ze] = ye(me[ze],
|
|
13045
|
+
return !B(me) || !B(ke) || Object.keys(ke).forEach((ze) => {
|
|
13046
|
+
if (B(ke[ze])) {
|
|
13047
|
+
ze in me ? Ye[ze] = ye(me[ze], ke[ze]) : Object.assign(Ye, { [ze]: ke[ze] });
|
|
13051
13048
|
return;
|
|
13052
13049
|
}
|
|
13053
|
-
Object.assign(Ye, { [ze]:
|
|
13050
|
+
Object.assign(Ye, { [ze]: ke[ze] });
|
|
13054
13051
|
}), Ye;
|
|
13055
|
-
}, U = p(() => ye(N, fe.options)), V = p(() => Math.max(1, Number(fe.steps) || 1)),
|
|
13052
|
+
}, U = p(() => ye(N, fe.options)), V = p(() => Math.max(1, Number(fe.steps) || 1)), Me = p(() => Math.min(V.value, Math.max(0, Number(fe.currentStep) || 0))), kt = p(() => Array.isArray(fe.segments) && fe.segments.length > 0), re = p(() => {
|
|
13056
13053
|
if (!kt.value) return [];
|
|
13057
|
-
const me = fe.segments.map((
|
|
13058
|
-
const ze = Number(
|
|
13054
|
+
const me = fe.segments.map((ke, Ye) => {
|
|
13055
|
+
const ze = Number(ke?.value);
|
|
13059
13056
|
return {
|
|
13060
|
-
label:
|
|
13057
|
+
label: ke?.label || `Step ${Ye + 1}`,
|
|
13061
13058
|
value: Number.isFinite(ze) && ze > 0 ? ze : 0,
|
|
13062
|
-
color:
|
|
13063
|
-
marker:
|
|
13059
|
+
color: ke?.color || fe.activeColor,
|
|
13060
|
+
marker: ke?.marker
|
|
13064
13061
|
};
|
|
13065
13062
|
});
|
|
13066
|
-
return fe.segmentOrder === "desc" ? [...me].sort((
|
|
13067
|
-
}), g = p(() => kt.value ? re.value.reduce((me,
|
|
13063
|
+
return fe.segmentOrder === "desc" ? [...me].sort((ke, Ye) => Ye.value - ke.value) : fe.segmentOrder === "asc" ? [...me].sort((ke, Ye) => ke.value - Ye.value) : me;
|
|
13064
|
+
}), g = p(() => kt.value ? re.value.reduce((me, ke) => me + ke.value, 0) : Me.value), Re = p(() => kt.value ? Number.isFinite(Number(fe.totalValue)) && Number(fe.totalValue) > 0 ? Number(fe.totalValue) : Math.max(1, g.value) : V.value), He = p(
|
|
13068
13065
|
() => kt.value && Number.isFinite(Number(fe.totalValue)) && Number(fe.totalValue) > 0
|
|
13069
13066
|
), oe = p(() => He.value ? Math.max(0, Number(fe.totalValue) - g.value) : 0), ee = p(
|
|
13070
13067
|
() => typeof fe.remainderLabel == "string" && fe.remainderLabel.trim().length > 0
|
|
13071
13068
|
), xe = p(() => oe.value > 0), Z = p(
|
|
13072
|
-
() => re.value.reduce((me,
|
|
13069
|
+
() => re.value.reduce((me, ke) => Math.max(me, Number(ke.value) || 0), 0)
|
|
13073
13070
|
), Ie = p(
|
|
13074
13071
|
() => re.value.filter((me) => me.value > 0).map((me) => `${me.label}: ${pt(me.value)}`).join(" | ")
|
|
13075
13072
|
), Ue = p(() => kt.value ? He.value ? re.value.filter((me) => me.value > 0) : re.value : []), ht = p(() => {
|
|
13076
13073
|
if (!fe.counterAsPercentage) return `${g.value} / ${Re.value}`;
|
|
13077
13074
|
const me = Number(Re.value);
|
|
13078
13075
|
if (!Number.isFinite(me) || me <= 0) return "0%";
|
|
13079
|
-
const
|
|
13080
|
-
return `${Math.min(Math.max(
|
|
13076
|
+
const ke = Math.round(Number(g.value) / me * 100);
|
|
13077
|
+
return `${Math.min(Math.max(ke, 0), 100)}%`;
|
|
13081
13078
|
}), Mt = p(() => g.value), G = p(() => Re.value), at = Ls({
|
|
13082
13079
|
visible: !1,
|
|
13083
13080
|
x: 0,
|
|
@@ -13085,8 +13082,8 @@ const Js = {
|
|
|
13085
13082
|
}), nt = p(() => ({
|
|
13086
13083
|
left: `${at.x}px`
|
|
13087
13084
|
})), Ne = (me) => {
|
|
13088
|
-
const
|
|
13089
|
-
return
|
|
13085
|
+
const ke = me?.parentElement;
|
|
13086
|
+
return ke ? ke.offsetLeft + ke.offsetWidth / 2 : 0;
|
|
13090
13087
|
}, Oe = (me) => {
|
|
13091
13088
|
if (He.value) {
|
|
13092
13089
|
const ze = Math.max(0, Number(me.value) || 0);
|
|
@@ -13096,16 +13093,16 @@ const Js = {
|
|
|
13096
13093
|
backgroundColor: me.color
|
|
13097
13094
|
};
|
|
13098
13095
|
}
|
|
13099
|
-
const
|
|
13096
|
+
const ke = g.value;
|
|
13100
13097
|
return {
|
|
13101
|
-
flex: `${me.value > 0 ? me.value :
|
|
13098
|
+
flex: `${me.value > 0 ? me.value : ke > 0 ? 1e-4 : 1} 0 0`,
|
|
13102
13099
|
minWidth: "6px",
|
|
13103
13100
|
backgroundColor: me.color
|
|
13104
13101
|
};
|
|
13105
13102
|
}, rt = (me) => Number(me?.value || 0) > 0 && Number(me?.value || 0) === Z.value, ue = (me) => {
|
|
13106
|
-
const
|
|
13103
|
+
const ke = B(me?.marker) ? me.marker : {}, Ye = me?.marker === !0 || ke.enabled === !0, ze = rt(me) && U.value.maxSegment?.marker?.enabled === !0;
|
|
13107
13104
|
if (!(Ye || ze)) return { enabled: !1 };
|
|
13108
|
-
const Dt =
|
|
13105
|
+
const Dt = ke.backgroundColor ?? (ze ? U.value.maxSegment?.marker?.backgroundColor : U.value.segmentMarker?.backgroundColor), pn = ke.borderColor ?? (ze ? U.value.maxSegment?.marker?.borderColor : U.value.segmentMarker?.borderColor), Zt = ke.color ?? (ze ? U.value.maxSegment?.marker?.color : U.value.segmentMarker?.color), sn = ke.width ?? (ze ? U.value.maxSegment?.marker?.width : U.value.segmentMarker?.width), ae = ke.height ?? (ze ? U.value.maxSegment?.marker?.height : U.value.segmentMarker?.height);
|
|
13109
13106
|
return {
|
|
13110
13107
|
enabled: !0,
|
|
13111
13108
|
backgroundColor: Dt,
|
|
@@ -13113,29 +13110,29 @@ const Js = {
|
|
|
13113
13110
|
color: Zt,
|
|
13114
13111
|
width: sn,
|
|
13115
13112
|
height: ae,
|
|
13116
|
-
icon:
|
|
13117
|
-
...
|
|
13113
|
+
icon: ke.icon ?? null,
|
|
13114
|
+
...ke
|
|
13118
13115
|
};
|
|
13119
13116
|
}, gt = (me) => {
|
|
13120
|
-
const
|
|
13117
|
+
const ke = ue(me);
|
|
13121
13118
|
return {
|
|
13122
|
-
backgroundColor:
|
|
13123
|
-
borderColor:
|
|
13124
|
-
color:
|
|
13119
|
+
backgroundColor: ke.backgroundColor ?? void 0,
|
|
13120
|
+
borderColor: ke.borderColor ?? void 0,
|
|
13121
|
+
color: ke.color ?? void 0
|
|
13125
13122
|
};
|
|
13126
13123
|
}, De = (me) => {
|
|
13127
|
-
const
|
|
13124
|
+
const ke = ue(me);
|
|
13128
13125
|
return {
|
|
13129
|
-
width:
|
|
13130
|
-
height:
|
|
13126
|
+
width: ke.width ?? void 0,
|
|
13127
|
+
height: ke.height ?? void 0
|
|
13131
13128
|
};
|
|
13132
13129
|
}, pt = (me) => `${me}${fe.valueLabel}`, _t = p(() => ({
|
|
13133
13130
|
flex: `${oe.value} 0 0`,
|
|
13134
13131
|
minWidth: oe.value > 0 ? "6px" : "0",
|
|
13135
13132
|
backgroundColor: fe.inactiveColor
|
|
13136
|
-
})), Ht = (me,
|
|
13137
|
-
if (!me || !
|
|
13138
|
-
const Ye =
|
|
13133
|
+
})), Ht = (me, ke) => {
|
|
13134
|
+
if (!me || !ke?.currentTarget) return;
|
|
13135
|
+
const Ye = ke.currentTarget;
|
|
13139
13136
|
if (fe.remainderTooltipSummary) {
|
|
13140
13137
|
at.x = Ne(Ye), at.content = Ie.value, at.visible = !!at.content;
|
|
13141
13138
|
return;
|
|
@@ -13143,23 +13140,23 @@ const Js = {
|
|
|
13143
13140
|
at.x = Ye.offsetLeft + Ye.offsetWidth / 2, at.content = `${me.label}: ${pt(me.value)}`, at.visible = !0;
|
|
13144
13141
|
}, Rt = (me) => {
|
|
13145
13142
|
if (!oe.value || !me?.currentTarget) return;
|
|
13146
|
-
const
|
|
13143
|
+
const ke = me.currentTarget;
|
|
13147
13144
|
if (fe.remainderTooltipSummary) {
|
|
13148
|
-
at.x = Ne(
|
|
13145
|
+
at.x = Ne(ke), at.content = Ie.value, at.visible = !!at.content;
|
|
13149
13146
|
return;
|
|
13150
13147
|
}
|
|
13151
|
-
at.x =
|
|
13148
|
+
at.x = ke.offsetLeft + ke.offsetWidth / 2, ee.value && (at.content = `${fe.remainderLabel}: ${pt(oe.value)}`, at.visible = !0);
|
|
13152
13149
|
}, jt = () => {
|
|
13153
13150
|
at.visible = !1;
|
|
13154
|
-
},
|
|
13151
|
+
}, Qt = p(() => ({
|
|
13155
13152
|
"--dss-step-bar-label-color": fe.labelColor ?? void 0,
|
|
13156
13153
|
"--dss-step-bar-counter-color": fe.counterColor ?? void 0,
|
|
13157
13154
|
"--dss-step-bar-active-color": fe.activeColor,
|
|
13158
13155
|
"--dss-step-bar-inactive-color": fe.inactiveColor
|
|
13159
13156
|
}));
|
|
13160
|
-
return (me,
|
|
13157
|
+
return (me, ke) => (u(), c("div", {
|
|
13161
13158
|
class: "dss-step-bar",
|
|
13162
|
-
style: Ce(
|
|
13159
|
+
style: Ce(Qt.value)
|
|
13163
13160
|
}, [
|
|
13164
13161
|
l("div", ov, [
|
|
13165
13162
|
l("span", rv, [
|
|
@@ -13223,12 +13220,12 @@ const Js = {
|
|
|
13223
13220
|
key: 0,
|
|
13224
13221
|
class: "dss-step-bar__segment dss-step-bar__segment--remainder",
|
|
13225
13222
|
style: Ce(_t.value),
|
|
13226
|
-
onMouseenter:
|
|
13223
|
+
onMouseenter: ke[0] || (ke[0] = (Ye) => Rt(Ye)),
|
|
13227
13224
|
onMouseleave: jt
|
|
13228
13225
|
}, null, 36)) : L("", !0)
|
|
13229
13226
|
], 64)) : (u(!0), c(J, { key: 1 }, $e(V.value, (Ye) => (u(), c("div", {
|
|
13230
13227
|
key: Ye,
|
|
13231
|
-
class: se(["dss-step-bar__segment", { "dss-step-bar__segment--active": Ye <=
|
|
13228
|
+
class: se(["dss-step-bar__segment", { "dss-step-bar__segment--active": Ye <= Me.value }])
|
|
13232
13229
|
}, null, 2))), 128))
|
|
13233
13230
|
], 8, cv),
|
|
13234
13231
|
at.visible ? (u(), c("div", {
|