@svgrid/grid-wc 2.6.2 → 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{GridMenus-CU_-Ks4f.js → GridMenus-DE0zNY_3.js} +263 -242
- package/dist/{SvDateTimePicker-Ch1Vug8H.js → SvDateTimePicker-BpeEupA2.js} +81 -81
- package/dist/{SvGrid.helpers-CgUd39VT.js → SvGrid.helpers-BZPDBcza.js} +27 -11
- package/dist/{SvGridCellEditor-CBJUbAsR.js → SvGridCellEditor-_rqEaig7.js} +148 -140
- package/dist/{SvGridChart-BztTavvw.js → SvGridChart-yK5Zv85y.js} +158 -158
- package/dist/{SvGridChartPanel-Ca5HWIZ3.js → SvGridChartPanel-B38_VjXM.js} +52 -52
- package/dist/{SvGridChartView-AcWj_tcs.js → SvGridChartView-ScXTF6t-.js} +4 -4
- package/dist/{SvGridDropdown-BXqvR1cs.js → SvGridDropdown-DnAESFDu.js} +29 -29
- package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs +358 -0
- package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs.map +1 -0
- package/dist/angular/package.json +25 -0
- package/dist/angular/types/svgrid-grid-wc-angular.d.ts +161 -0
- package/dist/{client-DoXxrq8q.js → client-DjwUji8D.js} +1 -1
- package/dist/column-resize-DvCRUrN3.js +101 -0
- package/dist/{dismissable-xj_k_fnZ.js → dismissable-Nx79OIVg.js} +36 -36
- package/dist/react/index.d.ts +313 -0
- package/dist/react/index.js +72 -0
- package/dist/row-resize-D-8s3cqT.js +94 -0
- package/dist/shadow/GridMenus-DE0zNY_3.js +1022 -0
- package/dist/shadow/SvDateTimePicker-BpeEupA2.js +1885 -0
- package/dist/shadow/SvGrid.helpers-BZPDBcza.js +125 -0
- package/dist/shadow/SvGridCellEditor-_rqEaig7.js +531 -0
- package/dist/shadow/SvGridChart-yK5Zv85y.js +1199 -0
- package/dist/shadow/SvGridChartPanel-B38_VjXM.js +584 -0
- package/dist/shadow/SvGridChartView-ScXTF6t-.js +50 -0
- package/dist/shadow/SvGridDropdown-DnAESFDu.js +256 -0
- package/dist/shadow/cell-formatting-C0OsDmi_.js +86 -0
- package/dist/shadow/chart-uvs3sFJA.js +1220 -0
- package/dist/shadow/client-DjwUji8D.js +2960 -0
- package/dist/shadow/column-resize-DvCRUrN3.js +101 -0
- package/dist/shadow/dismissable-Nx79OIVg.js +186 -0
- package/dist/shadow/editor-contract-peBDxir_.js +22 -0
- package/dist/shadow/editor-registry-DxGKqcvx.js +24 -0
- package/dist/shadow/export-format-C8kZGZfz.js +161 -0
- package/dist/shadow/popover-WsGlvtQv.js +69 -0
- package/dist/shadow/row-drag-touch-Ddaa-QeB.js +91 -0
- package/dist/shadow/row-resize-D-8s3cqT.js +94 -0
- package/dist/shadow/sv-grid-shadow-element.d.ts +246 -0
- package/dist/shadow/sv-grid-shadow-element.js +10067 -0
- package/dist/{svelte-virtualizer.svelte-CFoYP2Ls.js → shadow/svelte-virtualizer.svelte-DZ9UcyfT.js} +35 -30
- package/dist/shadow/validate-CgmAtX1A.js +75 -0
- package/dist/sv-grid-element.d.ts +246 -0
- package/dist/sv-grid-element.js +3619 -2692
- package/dist/svelte-virtualizer.svelte-DZ9UcyfT.js +527 -0
- package/dist/validate-CgmAtX1A.js +75 -0
- package/dist/vue/index.d.ts +147 -0
- package/dist/vue/index.js +72 -0
- package/package.json +71 -6
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { $ as e, A as t, B as n, D as r, E as i, F as a, H as o, I as s, J as c, K as l, M as u, O as d, Q as f, R as p, T as m, V as h, X as g, Y as _, Z as v, a as y, c as b, d as x,
|
|
1
|
+
import { $ as e, A as t, B as n, D as r, E as i, F as a, H as o, I as s, J as c, K as l, M as u, O as d, Q as f, R as p, T as m, V as h, X as g, Y as _, Z as v, a as y, c as b, d as x, et as S, f as C, h as w, j as T, k as E, n as D, q as O, rt as k, s as A, tt as j, u as M, v as N, w as P, x as F, y as I, z as L } from "./client-DjwUji8D.js";
|
|
2
2
|
import { a as ee, i as te, t as R } from "./editor-contract-peBDxir_.js";
|
|
3
3
|
import { n as z, r as ne, t as B } from "./popover-WsGlvtQv.js";
|
|
4
|
-
import { r as V, t as H } from "./dismissable-
|
|
4
|
+
import { r as V, t as H } from "./dismissable-Nx79OIVg.js";
|
|
5
5
|
//#region ../grid/dist/datetime/date-core.js
|
|
6
6
|
function U(e) {
|
|
7
7
|
if (e == null) return null;
|
|
@@ -532,7 +532,7 @@ function Me(t) {
|
|
|
532
532
|
//#region ../grid/dist/SvCalendar.svelte
|
|
533
533
|
var Ne = T("<button> </button>"), Pe = T("<div class=\"sv-cal__presets svelte-y9pep3\" role=\"group\"></div>"), Fe = T("<div class=\"sv-cal__panel-title svelte-y9pep3\"> </div>"), Ie = T("<span class=\"sv-cal__wk-head svelte-y9pep3\" aria-hidden=\"true\">#</span>"), Le = T("<span class=\"sv-cal__weekday svelte-y9pep3\" role=\"columnheader\"> </span>"), Re = T("<div class=\"sv-cal__weekdays svelte-y9pep3\" role=\"row\"><!> <!></div>"), ze = T("<span class=\"sv-cal__wk svelte-y9pep3\" aria-hidden=\"true\"> </span>"), Be = T("<span class=\"sv-cal__day sv-cal__day--empty svelte-y9pep3\" role=\"gridcell\" aria-hidden=\"true\"></span>"), Ve = T("<span class=\"sv-cal__daybody svelte-y9pep3\"><!></span>"), He = T("<button><span class=\"sv-cal__daynum svelte-y9pep3\"> </span><!></button>"), Ue = T("<div class=\"sv-cal__week svelte-y9pep3\" role=\"row\"><!> <!></div>"), We = T("<div class=\"sv-cal__panel\"><!> <!> <!></div>"), Ge = T("<div></div>"), Ke = T("<button> </button>"), qe = T("<div></div>"), Je = T("<button> </button>"), Ye = T("<div></div>"), Xe = T("<button type=\"button\" class=\"sv-cal__foot-btn svelte-y9pep3\"> </button>"), Ze = T("<div class=\"sv-cal__footer svelte-y9pep3\"><button type=\"button\" class=\"sv-cal__foot-btn svelte-y9pep3\"> </button> <!></div>"), Qe = T("<input type=\"hidden\"/>"), $e = T("<div role=\"group\"><!> <div class=\"sv-cal__main svelte-y9pep3\"><div class=\"sv-cal__header svelte-y9pep3\"><button><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-y9pep3\"><path d=\"M15 18l-6-6 6-6\"></path></svg></button> <button> </button> <button><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-y9pep3\"><path d=\"M9 18l6-6-6-6\"></path></svg></button></div> <div class=\"sv-cal__view svelte-y9pep3\"><!></div> <!></div> <!></div>");
|
|
534
534
|
function et(n, a) {
|
|
535
|
-
|
|
535
|
+
j(a, !0);
|
|
536
536
|
let u = (n) => {
|
|
537
537
|
var o = $e();
|
|
538
538
|
let u;
|
|
@@ -545,30 +545,30 @@ function et(n, a) {
|
|
|
545
545
|
...e
|
|
546
546
|
}), [() => Q.presetProps(p(t))], void 0, void 0, "svelte-y9pep3");
|
|
547
547
|
var r = l(n, !0);
|
|
548
|
-
|
|
549
|
-
}),
|
|
548
|
+
k(n), h(() => d(r, p(t).label)), E(e, n);
|
|
549
|
+
}), k(t), h(() => C(t, "aria-label", p(X).shortcuts)), E(e, t);
|
|
550
550
|
};
|
|
551
551
|
i(f, (e) => {
|
|
552
552
|
a.presets && a.presets.length && e(_);
|
|
553
553
|
});
|
|
554
|
-
var v = c(f, 2),
|
|
555
|
-
M(
|
|
554
|
+
var v = c(f, 2), S = l(v), D = l(S);
|
|
555
|
+
M(D, (e) => ({
|
|
556
556
|
class: "sv-cal__nav",
|
|
557
557
|
...e
|
|
558
558
|
}), [() => Q.navProps(-1)], void 0, void 0, "svelte-y9pep3");
|
|
559
|
-
var A = c(
|
|
559
|
+
var A = c(D, 2);
|
|
560
560
|
M(A, (e) => ({
|
|
561
561
|
class: "sv-cal__title",
|
|
562
562
|
...e
|
|
563
563
|
}), [() => Q.titleProps()], void 0, void 0, "svelte-y9pep3");
|
|
564
564
|
var j = l(A, !0);
|
|
565
|
-
|
|
565
|
+
k(A);
|
|
566
566
|
var N = c(A, 2);
|
|
567
567
|
M(N, (e) => ({
|
|
568
568
|
class: "sv-cal__nav",
|
|
569
569
|
...e
|
|
570
|
-
}), [() => Q.navProps(1)], void 0, void 0, "svelte-y9pep3"),
|
|
571
|
-
var L = c(
|
|
570
|
+
}), [() => Q.navProps(1)], void 0, void 0, "svelte-y9pep3"), k(S);
|
|
571
|
+
var L = c(S, 2), ee = l(L), te = (n) => {
|
|
572
572
|
var o = Ge();
|
|
573
573
|
M(o, (e) => ({
|
|
574
574
|
class: "sv-cal__panels",
|
|
@@ -576,7 +576,7 @@ function et(n, a) {
|
|
|
576
576
|
}), [() => Q.gridProps()], void 0, void 0, "svelte-y9pep3"), P(o, 21, () => Q.panels, (e) => e.month.getTime(), (n, o) => {
|
|
577
577
|
var s = We(), u = l(s), f = (e) => {
|
|
578
578
|
var t = Fe(), n = l(t, !0);
|
|
579
|
-
|
|
579
|
+
k(t), h(() => d(n, p(o).title)), E(e, t);
|
|
580
580
|
};
|
|
581
581
|
i(u, (e) => {
|
|
582
582
|
U() > 1 && e(f);
|
|
@@ -592,8 +592,8 @@ function et(n, a) {
|
|
|
592
592
|
var a = c(n, 2);
|
|
593
593
|
P(a, 17, () => Q.weekdayHeaders, (e) => e.weekday, (e, t) => {
|
|
594
594
|
var n = Le(), r = l(n, !0);
|
|
595
|
-
|
|
596
|
-
}),
|
|
595
|
+
k(n), h(() => d(r, p(t).label)), E(e, n);
|
|
596
|
+
}), k(t), E(e, t);
|
|
597
597
|
};
|
|
598
598
|
i(g, (e) => {
|
|
599
599
|
W() || e(_);
|
|
@@ -602,7 +602,7 @@ function et(n, a) {
|
|
|
602
602
|
P(v, 17, () => p(o).matrix, m, (n, s) => {
|
|
603
603
|
var u = Ue(), f = l(u), m = (e) => {
|
|
604
604
|
var t = ze(), n = l(t, !0);
|
|
605
|
-
|
|
605
|
+
k(t), h(() => d(n, p(s)[0]?.week)), E(e, t);
|
|
606
606
|
};
|
|
607
607
|
i(f, (e) => {
|
|
608
608
|
H() && e(m);
|
|
@@ -610,7 +610,7 @@ function et(n, a) {
|
|
|
610
610
|
var g = c(f, 2);
|
|
611
611
|
P(g, 17, () => p(s), (e) => e.date.getTime(), (n, s) => {
|
|
612
612
|
let u = e(() => Q.dayState(p(s).date, p(o).month));
|
|
613
|
-
var f = t(), m =
|
|
613
|
+
var f = t(), m = O(f), g = (e) => {
|
|
614
614
|
var t = Be();
|
|
615
615
|
E(e, t);
|
|
616
616
|
}, _ = (e) => {
|
|
@@ -629,21 +629,21 @@ function et(n, a) {
|
|
|
629
629
|
}
|
|
630
630
|
}), [() => Q.dayProps(p(s), p(o).month)], void 0, void 0, "svelte-y9pep3");
|
|
631
631
|
var n = l(t), f = l(n, !0);
|
|
632
|
-
|
|
632
|
+
k(n);
|
|
633
633
|
var m = c(n), g = (e) => {
|
|
634
634
|
var t = Ve(), n = l(t);
|
|
635
|
-
r(n, () => a.day, () => p(s).date, () => p(u)),
|
|
635
|
+
r(n, () => a.day, () => p(s).date, () => p(u)), k(t), E(e, t);
|
|
636
636
|
};
|
|
637
637
|
i(m, (e) => {
|
|
638
638
|
a.day && e(g);
|
|
639
|
-
}),
|
|
639
|
+
}), k(t), h((e) => d(f, e), [() => p(s).date.getDate()]), E(e, t);
|
|
640
640
|
};
|
|
641
641
|
i(m, (e) => {
|
|
642
642
|
p(u).outside && p(me) ? e(g) : e(_, -1);
|
|
643
643
|
}), E(n, f);
|
|
644
|
-
}),
|
|
645
|
-
}),
|
|
646
|
-
}),
|
|
644
|
+
}), k(u), E(n, u);
|
|
645
|
+
}), k(s), E(n, s);
|
|
646
|
+
}), k(o), E(n, o);
|
|
647
647
|
}, R = (e) => {
|
|
648
648
|
var t = qe();
|
|
649
649
|
M(t, (e) => ({
|
|
@@ -660,8 +660,8 @@ function et(n, a) {
|
|
|
660
660
|
}
|
|
661
661
|
}), [() => Q.monthCellProps(p(t).index)], void 0, void 0, "svelte-y9pep3");
|
|
662
662
|
var r = l(n, !0);
|
|
663
|
-
|
|
664
|
-
}),
|
|
663
|
+
k(n), h(() => d(r, p(t).label)), E(e, n);
|
|
664
|
+
}), k(t), E(e, t);
|
|
665
665
|
}, z = (e) => {
|
|
666
666
|
var t = Ye();
|
|
667
667
|
M(t, (e) => ({
|
|
@@ -679,18 +679,18 @@ function et(n, a) {
|
|
|
679
679
|
}
|
|
680
680
|
}), [() => Q.yearCellProps(p(t).year)], void 0, void 0, "svelte-y9pep3");
|
|
681
681
|
var r = l(n, !0);
|
|
682
|
-
|
|
683
|
-
}),
|
|
682
|
+
k(n), h(() => d(r, p(t).year)), E(e, n);
|
|
683
|
+
}), k(t), E(e, t);
|
|
684
684
|
};
|
|
685
685
|
i(ee, (e) => {
|
|
686
686
|
Q.mode === "month" ? e(te) : Q.mode === "year" ? e(R, 1) : e(z, -1);
|
|
687
|
-
}),
|
|
687
|
+
}), k(L), y(L, (e) => g(ge, e), () => p(ge));
|
|
688
688
|
var ne = c(L, 2), B = (e) => {
|
|
689
689
|
var t = Ze(), n = l(t), r = l(n, !0);
|
|
690
|
-
|
|
690
|
+
k(n);
|
|
691
691
|
var a = c(n, 2), o = (e) => {
|
|
692
692
|
var t = Xe(), n = l(t, !0);
|
|
693
|
-
|
|
693
|
+
k(t), h(() => {
|
|
694
694
|
t.disabled = K(), d(n, p(X).clear);
|
|
695
695
|
}), s("click", t, function(...e) {
|
|
696
696
|
Q.clearSelection?.apply(this, e);
|
|
@@ -698,7 +698,7 @@ function et(n, a) {
|
|
|
698
698
|
};
|
|
699
699
|
i(a, (e) => {
|
|
700
700
|
Q.canClear && e(o);
|
|
701
|
-
}),
|
|
701
|
+
}), k(t), h(() => {
|
|
702
702
|
n.disabled = K(), d(r, p(X).today);
|
|
703
703
|
}), s("click", n, function(...e) {
|
|
704
704
|
Q.goToday?.apply(this, e);
|
|
@@ -706,23 +706,23 @@ function et(n, a) {
|
|
|
706
706
|
};
|
|
707
707
|
i(ne, (e) => {
|
|
708
708
|
G() && e(B);
|
|
709
|
-
}),
|
|
709
|
+
}), k(v), F(v, (e) => ye?.(e));
|
|
710
710
|
var V = c(v, 2), re = (e) => {
|
|
711
711
|
var t = Qe();
|
|
712
712
|
x(t), h((e) => {
|
|
713
|
-
|
|
713
|
+
C(t, "name", a.name), w(t, e);
|
|
714
714
|
}, [() => Q.selectedDates.map((e) => e.toISOString()).join(",")]), E(e, t);
|
|
715
715
|
};
|
|
716
716
|
i(V, (e) => {
|
|
717
717
|
a.name && e(re);
|
|
718
|
-
}),
|
|
718
|
+
}), k(o), h(() => {
|
|
719
719
|
u = I(o, 1, "sv-cal svelte-y9pep3", null, u, {
|
|
720
720
|
"sv-cal--disabled": K(),
|
|
721
721
|
"sv-cal--invalid": de(),
|
|
722
722
|
"sv-cal--with-presets": a.presets && a.presets.length,
|
|
723
723
|
"sv-cal--band": T() === "range" || T() === "week",
|
|
724
724
|
"sv-cal--rich": !!a.day
|
|
725
|
-
}),
|
|
725
|
+
}), C(o, "id", p(pe)), C(o, "aria-label", a.label ?? p(X).label), C(o, "aria-disabled", K()), C(o, "dir", p(Z)), d(j, Q.title), o.dir = o.dir;
|
|
726
726
|
}), E(n, o);
|
|
727
727
|
}, f = {
|
|
728
728
|
label: "Calendar",
|
|
@@ -791,7 +791,7 @@ function et(n, a) {
|
|
|
791
791
|
};
|
|
792
792
|
return e.addEventListener("wheel", t, { passive: !1 }), { destroy: () => e.removeEventListener("wheel", t) };
|
|
793
793
|
}
|
|
794
|
-
var be = t(), xe =
|
|
794
|
+
var be = t(), xe = O(be), Se = (e) => {
|
|
795
795
|
V(e, {
|
|
796
796
|
get id() {
|
|
797
797
|
return p(pe);
|
|
@@ -821,7 +821,7 @@ function et(n, a) {
|
|
|
821
821
|
};
|
|
822
822
|
i(xe, (e) => {
|
|
823
823
|
p(Y) ? e(Se) : e(Ce, -1);
|
|
824
|
-
}), E(n, be),
|
|
824
|
+
}), E(n, be), S();
|
|
825
825
|
}
|
|
826
826
|
a(["click"]);
|
|
827
827
|
//#endregion
|
|
@@ -1036,7 +1036,7 @@ function st(t) {
|
|
|
1036
1036
|
//#region ../grid/dist/SvTimePicker.svelte
|
|
1037
1037
|
var ct = T("<div class=\"sv-tp__ampm svelte-qdm31c\"><button> </button> <button> </button></div>"), lt = u("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), ut = u("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), dt = T("<div class=\"sv-tp__footer svelte-qdm31c\"><button> </button></div>"), ft = T("<input type=\"hidden\"/>"), pt = T("<div role=\"group\"><div class=\"sv-tp__head svelte-qdm31c\"><button> </button> <span class=\"sv-tp__colon svelte-qdm31c\">:</span> <button> </button> <!></div> <svg><circle class=\"sv-tp__face svelte-qdm31c\"></circle><line class=\"sv-tp__hand svelte-qdm31c\"></line><circle class=\"sv-tp__hub svelte-qdm31c\" r=\"3\"></circle><circle class=\"sv-tp__knob svelte-qdm31c\" r=\"15\"></circle><!></svg> <!> <!></div>");
|
|
1038
1038
|
function mt(n, r) {
|
|
1039
|
-
|
|
1039
|
+
j(r, !0);
|
|
1040
1040
|
let a = (e) => {
|
|
1041
1041
|
var n = pt();
|
|
1042
1042
|
let a;
|
|
@@ -1047,7 +1047,7 @@ function mt(n, r) {
|
|
|
1047
1047
|
[b]: { "is-active": B.selection === "hour" }
|
|
1048
1048
|
}), [() => B.segProps("hour")], void 0, void 0, "svelte-qdm31c");
|
|
1049
1049
|
var u = l(s, !0);
|
|
1050
|
-
|
|
1050
|
+
k(s);
|
|
1051
1051
|
var f = c(s, 4);
|
|
1052
1052
|
M(f, (e) => ({
|
|
1053
1053
|
class: "sv-tp__seg",
|
|
@@ -1055,30 +1055,30 @@ function mt(n, r) {
|
|
|
1055
1055
|
[b]: { "is-active": B.selection === "minute" }
|
|
1056
1056
|
}), [() => B.segProps("minute")], void 0, void 0, "svelte-qdm31c");
|
|
1057
1057
|
var m = l(f, !0);
|
|
1058
|
-
|
|
1059
|
-
var v = c(f, 2),
|
|
1058
|
+
k(f);
|
|
1059
|
+
var v = c(f, 2), S = (e) => {
|
|
1060
1060
|
var t = ct(), n = l(t);
|
|
1061
1061
|
M(n, (e) => ({
|
|
1062
1062
|
...e,
|
|
1063
1063
|
[b]: { "is-active": !B.isPm }
|
|
1064
1064
|
}), [() => B.ampmProps(!1)], void 0, void 0, "svelte-qdm31c");
|
|
1065
1065
|
var r = l(n, !0);
|
|
1066
|
-
|
|
1066
|
+
k(n);
|
|
1067
1067
|
var i = c(n, 2);
|
|
1068
1068
|
M(i, (e) => ({
|
|
1069
1069
|
...e,
|
|
1070
1070
|
[b]: { "is-active": B.isPm }
|
|
1071
1071
|
}), [() => B.ampmProps(!0)], void 0, void 0, "svelte-qdm31c");
|
|
1072
1072
|
var a = l(i, !0);
|
|
1073
|
-
|
|
1073
|
+
k(i), k(t), h(() => {
|
|
1074
1074
|
d(r, p(z).am), d(a, p(z).pm);
|
|
1075
1075
|
}), E(e, t);
|
|
1076
1076
|
};
|
|
1077
1077
|
i(v, (e) => {
|
|
1078
|
-
B.is12 && e(
|
|
1079
|
-
}),
|
|
1080
|
-
var
|
|
1081
|
-
M(
|
|
1078
|
+
B.is12 && e(S);
|
|
1079
|
+
}), k(o);
|
|
1080
|
+
var T = c(o, 2);
|
|
1081
|
+
M(T, (e) => ({
|
|
1082
1082
|
class: "sv-tp__dial",
|
|
1083
1083
|
viewBox: `0 0 ${B.SIZE} ${B.SIZE}`,
|
|
1084
1084
|
width: "100%",
|
|
@@ -1088,41 +1088,41 @@ function mt(n, r) {
|
|
|
1088
1088
|
onpointerup: ae,
|
|
1089
1089
|
onpointercancel: ae
|
|
1090
1090
|
}), [() => B.dialProps()], void 0, void 0, "svelte-qdm31c");
|
|
1091
|
-
var
|
|
1092
|
-
var n = t(), r =
|
|
1091
|
+
var D = l(T), A = c(D), j = c(A), F = c(j), ee = c(F), te = (e) => {
|
|
1092
|
+
var n = t(), r = O(n);
|
|
1093
1093
|
P(r, 17, () => B.hourTicks, (e) => e.ring + "-" + e.value, (e, t) => {
|
|
1094
1094
|
var n = lt();
|
|
1095
1095
|
let r;
|
|
1096
1096
|
var i = l(n, !0);
|
|
1097
|
-
|
|
1098
|
-
r = I(n, 0, "sv-tp__num svelte-qdm31c", null, r, e),
|
|
1097
|
+
k(n), h((e) => {
|
|
1098
|
+
r = I(n, 0, "sv-tp__num svelte-qdm31c", null, r, e), C(n, "x", p(t).x), C(n, "y", p(t).y), d(i, p(t).label);
|
|
1099
1099
|
}, [() => ({
|
|
1100
1100
|
"is-active": B.isActiveHour(p(t)),
|
|
1101
1101
|
"is-inner": p(t).ring === "inner"
|
|
1102
1102
|
})]), E(e, n);
|
|
1103
1103
|
}), E(e, n);
|
|
1104
1104
|
}, R = (e) => {
|
|
1105
|
-
var n = t(), r =
|
|
1105
|
+
var n = t(), r = O(n);
|
|
1106
1106
|
P(r, 17, () => B.minuteTicks, (e) => e.value, (e, t) => {
|
|
1107
1107
|
var n = ut();
|
|
1108
1108
|
let r;
|
|
1109
1109
|
var i = l(n, !0);
|
|
1110
|
-
|
|
1111
|
-
r = I(n, 0, "sv-tp__num svelte-qdm31c", null, r, { "is-active": p(t).value === B.minutes }),
|
|
1110
|
+
k(n), h(() => {
|
|
1111
|
+
r = I(n, 0, "sv-tp__num svelte-qdm31c", null, r, { "is-active": p(t).value === B.minutes }), C(n, "x", p(t).x), C(n, "y", p(t).y), d(i, p(t).label);
|
|
1112
1112
|
}), E(e, n);
|
|
1113
1113
|
}), E(e, n);
|
|
1114
1114
|
};
|
|
1115
1115
|
i(ee, (e) => {
|
|
1116
1116
|
B.selection === "hour" ? e(te) : e(R, -1);
|
|
1117
|
-
}),
|
|
1118
|
-
var V = c(
|
|
1117
|
+
}), k(T), y(T, (e) => H = e, () => H);
|
|
1118
|
+
var V = c(T, 2), U = (e) => {
|
|
1119
1119
|
var t = dt(), n = l(t);
|
|
1120
1120
|
M(n, (e) => ({
|
|
1121
1121
|
class: "sv-tp__now",
|
|
1122
1122
|
...e
|
|
1123
1123
|
}), [() => B.nowProps()], void 0, void 0, "svelte-qdm31c");
|
|
1124
1124
|
var r = l(n, !0);
|
|
1125
|
-
|
|
1125
|
+
k(n), k(t), h(() => d(r, p(z).now)), E(e, t);
|
|
1126
1126
|
};
|
|
1127
1127
|
i(V, (e) => {
|
|
1128
1128
|
g() && e(U);
|
|
@@ -1130,16 +1130,16 @@ function mt(n, r) {
|
|
|
1130
1130
|
var W = c(V, 2), G = (e) => {
|
|
1131
1131
|
var t = ft();
|
|
1132
1132
|
x(t), h((e) => {
|
|
1133
|
-
|
|
1133
|
+
C(t, "name", r.name), w(t, e);
|
|
1134
1134
|
}, [() => `${String(B.hours).padStart(2, "0")}:${B.mm}`]), E(e, t);
|
|
1135
1135
|
};
|
|
1136
1136
|
i(W, (e) => {
|
|
1137
1137
|
r.name && e(G);
|
|
1138
|
-
}),
|
|
1138
|
+
}), k(n), h((e) => {
|
|
1139
1139
|
a = I(n, 1, "sv-tp svelte-qdm31c", null, a, {
|
|
1140
1140
|
"sv-tp--disabled": _(),
|
|
1141
1141
|
"sv-tp--invalid": N()
|
|
1142
|
-
}),
|
|
1142
|
+
}), C(n, "id", p(L)), C(n, "aria-label", r.label ?? p(z).label), C(n, "dir", p(ne)), d(u, e), d(m, B.mm), C(D, "cx", B.C), C(D, "cy", B.C), C(D, "r", B.C - 4), C(A, "x1", B.C), C(A, "y1", B.C), C(A, "x2", B.handEnd.x), C(A, "y2", B.handEnd.y), C(j, "cx", B.C), C(j, "cy", B.C), C(F, "cx", B.handEnd.x), C(F, "cy", B.handEnd.y), n.dir = n.dir;
|
|
1143
1143
|
}, [() => String(B.displayHour).padStart(2, "0")]), E(e, n);
|
|
1144
1144
|
}, o = {
|
|
1145
1145
|
label: "Time picker",
|
|
@@ -1177,7 +1177,7 @@ function mt(n, r) {
|
|
|
1177
1177
|
function ae(e) {
|
|
1178
1178
|
U && (U = !1, H?.releasePointerCapture(e.pointerId), B.endPointer());
|
|
1179
1179
|
}
|
|
1180
|
-
var G = t(), K =
|
|
1180
|
+
var G = t(), K = O(G), oe = (e) => {
|
|
1181
1181
|
V(e, {
|
|
1182
1182
|
get id() {
|
|
1183
1183
|
return p(L);
|
|
@@ -1207,7 +1207,7 @@ function mt(n, r) {
|
|
|
1207
1207
|
};
|
|
1208
1208
|
i(K, (e) => {
|
|
1209
1209
|
p(R) ? e(oe) : e(q, -1);
|
|
1210
|
-
}), E(n, G),
|
|
1210
|
+
}), E(n, G), S();
|
|
1211
1211
|
}
|
|
1212
1212
|
//#endregion
|
|
1213
1213
|
//#region ../grid/dist/datetime/date-format.js
|
|
@@ -1652,14 +1652,14 @@ function kt(t) {
|
|
|
1652
1652
|
//#region ../grid/dist/SvDateTimePicker.svelte
|
|
1653
1653
|
var At = T("<div class=\"sv-dtp__spin svelte-8dgo1g\"><button>▲</button> <button>▼</button></div>"), jt = T("<button>×</button>"), Mt = T("<div class=\"sv-dtp__tabs\" role=\"tablist\"><button> </button> <button> </button></div>"), Nt = T("<div class=\"sv-dtp__panel\" role=\"dialog\"><!> <div class=\"sv-dtp__body\"><!></div></div>"), Pt = T("<input type=\"hidden\"/>"), Ft = T("<div><div><!> <input/> <!> <button><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"></rect><path d=\"M16 2v4M8 2v4M3 10h18\"></path></svg></button></div> <!> <!></div>");
|
|
1654
1654
|
function It(t, r) {
|
|
1655
|
-
|
|
1655
|
+
j(r, !0);
|
|
1656
1656
|
let a = {
|
|
1657
1657
|
dialog: "Choose date and time",
|
|
1658
1658
|
date: "DATE",
|
|
1659
1659
|
time: "TIME",
|
|
1660
1660
|
clear: "Clear",
|
|
1661
1661
|
open: "Open picker"
|
|
1662
|
-
}, u = D(r, "value", 3, null), f = D(r, "formatString", 3, "yyyy-MM-dd HH:mm"), m = D(r, "min", 3, null), T = D(r, "max", 3, null),
|
|
1662
|
+
}, u = D(r, "value", 3, null), f = D(r, "formatString", 3, "yyyy-MM-dd HH:mm"), m = D(r, "min", 3, null), T = D(r, "max", 3, null), O = D(r, "nullable", 3, !0), P = D(r, "placeholder", 3, "Select date & time"), L = D(r, "disabled", 3, !1), R = D(r, "readonly", 3, !1), U = D(r, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), W = D(r, "firstDayOfWeek", 3, 0), re = D(r, "weekNumbers", 3, !1), ie = D(r, "hourFormat", 3, "24-hour"), ae = D(r, "minuteInterval", 3, 1), G = D(r, "dropDownDisplayMode", 3, "both"), K = D(r, "spinButtons", 3, !1), oe = D(r, "stepMinutes", 3, 1), q = D(r, "autoOpen", 3, !1), J = D(r, "block", 3, !1), se = D(r, "animate", 3, !1), ce = D(r, "invalid", 3, !1), le = D(r, "required", 3, !1), ue = te("sv-dtp"), de = e(() => r.id ?? ue), fe = e(() => ee(a, r.messages)), pe = e(() => r.dir === "ltr" || r.dir === "rtl" ? r.dir : void 0), Y = kt({
|
|
1663
1663
|
value: () => u(),
|
|
1664
1664
|
onChange: (e) => r.onChange?.(e),
|
|
1665
1665
|
onCommit: (e) => r.onCommit?.(e),
|
|
@@ -1667,7 +1667,7 @@ function It(t, r) {
|
|
|
1667
1667
|
formatString: () => f(),
|
|
1668
1668
|
min: () => m(),
|
|
1669
1669
|
max: () => T(),
|
|
1670
|
-
nullable: () =>
|
|
1670
|
+
nullable: () => O(),
|
|
1671
1671
|
locale: () => U(),
|
|
1672
1672
|
dropDownDisplayMode: () => G(),
|
|
1673
1673
|
spinButtons: () => K(),
|
|
@@ -1748,32 +1748,32 @@ function It(t, r) {
|
|
|
1748
1748
|
var t = At(), n = l(t);
|
|
1749
1749
|
M(n, (e) => ({ ...e }), [() => Y.spinProps(1)], void 0, void 0, "svelte-8dgo1g");
|
|
1750
1750
|
var r = c(n, 2);
|
|
1751
|
-
M(r, (e) => ({ ...e }), [() => Y.spinProps(-1)], void 0, void 0, "svelte-8dgo1g"),
|
|
1751
|
+
M(r, (e) => ({ ...e }), [() => Y.spinProps(-1)], void 0, void 0, "svelte-8dgo1g"), k(t), E(e, t);
|
|
1752
1752
|
};
|
|
1753
1753
|
i(_, (e) => {
|
|
1754
1754
|
K() && e(v);
|
|
1755
1755
|
});
|
|
1756
|
-
var
|
|
1757
|
-
M(
|
|
1756
|
+
var S = c(_, 2);
|
|
1757
|
+
M(S, (e) => ({
|
|
1758
1758
|
class: "sv-dtp__input",
|
|
1759
1759
|
placeholder: P(),
|
|
1760
1760
|
...e
|
|
1761
|
-
}), [() => Y.inputProps()], void 0, void 0, "svelte-8dgo1g", !0), n(() => A(
|
|
1762
|
-
var
|
|
1761
|
+
}), [() => Y.inputProps()], void 0, void 0, "svelte-8dgo1g", !0), n(() => A(S, () => Y.text, (e) => Y.text = e)), F(S, (e) => he?.(e));
|
|
1762
|
+
var D = c(S, 2), j = (e) => {
|
|
1763
1763
|
var t = jt();
|
|
1764
1764
|
M(t, (e) => ({
|
|
1765
1765
|
class: "sv-dtp__clear",
|
|
1766
1766
|
...e
|
|
1767
1767
|
}), [() => Y.clearProps()], void 0, void 0, "svelte-8dgo1g"), E(e, t);
|
|
1768
1768
|
};
|
|
1769
|
-
i(
|
|
1770
|
-
|
|
1769
|
+
i(D, (e) => {
|
|
1770
|
+
O() && Y.current && Y.isInteractive && e(j);
|
|
1771
1771
|
});
|
|
1772
|
-
var ee = c(
|
|
1772
|
+
var ee = c(D, 2);
|
|
1773
1773
|
M(ee, (e) => ({
|
|
1774
1774
|
class: "sv-dtp__toggle",
|
|
1775
1775
|
...e
|
|
1776
|
-
}), [() => Y.toggleProps()], void 0, void 0, "svelte-8dgo1g"),
|
|
1776
|
+
}), [() => Y.toggleProps()], void 0, void 0, "svelte-8dgo1g"), k(u), y(u, (e) => g(X, e), () => p(X));
|
|
1777
1777
|
var te = c(u, 2), R = (e) => {
|
|
1778
1778
|
var t = Nt();
|
|
1779
1779
|
let n;
|
|
@@ -1784,14 +1784,14 @@ function It(t, r) {
|
|
|
1784
1784
|
[b]: { "is-active": Y.tab === "date" }
|
|
1785
1785
|
}), [() => Y.tabProps("date")], void 0, void 0, "svelte-8dgo1g");
|
|
1786
1786
|
var r = l(n, !0);
|
|
1787
|
-
|
|
1787
|
+
k(n);
|
|
1788
1788
|
var i = c(n, 2);
|
|
1789
1789
|
M(i, (e) => ({
|
|
1790
1790
|
...e,
|
|
1791
1791
|
[b]: { "is-active": Y.tab === "time" }
|
|
1792
1792
|
}), [() => Y.tabProps("time")], void 0, void 0, "svelte-8dgo1g");
|
|
1793
1793
|
var a = l(i, !0);
|
|
1794
|
-
|
|
1794
|
+
k(i), k(t), h(() => {
|
|
1795
1795
|
d(r, p(fe).date), d(a, p(fe).time);
|
|
1796
1796
|
}), E(e, t);
|
|
1797
1797
|
};
|
|
@@ -1851,8 +1851,8 @@ function It(t, r) {
|
|
|
1851
1851
|
};
|
|
1852
1852
|
i(s, (e) => {
|
|
1853
1853
|
Y.tab === "date" && Y.showDateTab ? e(u) : Y.showTimeTab && e(f, 1);
|
|
1854
|
-
}),
|
|
1855
|
-
|
|
1854
|
+
}), k(o), k(t), y(t, (e) => g(Z, e), () => p(Z)), F(t, (e) => ne?.(e)), F(t, (e, t) => z?.(e, t), () => ({ up: p(me).openUpward })), h(() => {
|
|
1855
|
+
C(t, "aria-label", p(fe).dialog), C(t, "dir", p(pe)), n = N(t, "", n, {
|
|
1856
1856
|
position: "fixed",
|
|
1857
1857
|
top: `${p(me).top}px`,
|
|
1858
1858
|
left: `${p(me).left}px`
|
|
@@ -1865,20 +1865,20 @@ function It(t, r) {
|
|
|
1865
1865
|
var B = c(te, 2), V = (e) => {
|
|
1866
1866
|
var t = Pt();
|
|
1867
1867
|
x(t), h((e) => {
|
|
1868
|
-
|
|
1868
|
+
C(t, "name", r.name), w(t, e);
|
|
1869
1869
|
}, [() => Y.current ? Y.current.toISOString() : ""]), E(e, t);
|
|
1870
1870
|
};
|
|
1871
1871
|
i(B, (e) => {
|
|
1872
1872
|
r.name && e(V);
|
|
1873
|
-
}),
|
|
1873
|
+
}), k(a), h(() => {
|
|
1874
1874
|
o = I(a, 1, "sv-dtp svelte-8dgo1g", null, o, {
|
|
1875
1875
|
"sv-dtp--disabled": L(),
|
|
1876
1876
|
"sv-dtp--block": J()
|
|
1877
|
-
}),
|
|
1877
|
+
}), C(a, "dir", p(pe)), f = I(u, 1, "sv-dtp__field svelte-8dgo1g", null, f, { "is-invalid": ce() }), a.dir = a.dir;
|
|
1878
1878
|
}), s("focusout", a, ge), E(e, a);
|
|
1879
1879
|
},
|
|
1880
1880
|
$$slots: { default: !0 }
|
|
1881
|
-
}),
|
|
1881
|
+
}), S();
|
|
1882
1882
|
}
|
|
1883
1883
|
a(["focusout"]);
|
|
1884
1884
|
//#endregion
|
|
@@ -58,34 +58,50 @@ function u(e) {
|
|
|
58
58
|
return t === "number" ? "number" : t === "date" ? "date" : t === "datetime" ? "datetime-local" : t === "time" ? "time" : t === "password" ? "password" : t === "color" ? "color" : "text";
|
|
59
59
|
}
|
|
60
60
|
function d(e) {
|
|
61
|
+
if (!e || Number.isNaN(e.getTime())) return "";
|
|
62
|
+
let t = (e) => String(e).padStart(2, "0");
|
|
63
|
+
return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}`;
|
|
64
|
+
}
|
|
65
|
+
function f(e) {
|
|
66
|
+
if (!e || String(e).endsWith("-native")) return !1;
|
|
67
|
+
let t = o(e);
|
|
68
|
+
return t === "date" || t === "datetime" || t === "time";
|
|
69
|
+
}
|
|
70
|
+
function p(e) {
|
|
71
|
+
return o(e) === "number" ? "text" : u(e);
|
|
72
|
+
}
|
|
73
|
+
function m(e) {
|
|
74
|
+
return /^-?(\d*\.?\d*)(e-?\d*)?$/i.test(e);
|
|
75
|
+
}
|
|
76
|
+
function h(e) {
|
|
61
77
|
return e == null || e === "" ? [] : Array.isArray(e) ? e.filter((e) => e != null && e !== "") : [e];
|
|
62
78
|
}
|
|
63
|
-
function
|
|
79
|
+
function g(e, t) {
|
|
64
80
|
let n = e.find((e) => e.value === t || String(e.value) === String(t));
|
|
65
81
|
return n ? n.label : String(t ?? "");
|
|
66
82
|
}
|
|
67
|
-
function
|
|
83
|
+
function _(e, t) {
|
|
68
84
|
return e.find((e) => e.value === t || String(e.value) === String(t))?.color;
|
|
69
85
|
}
|
|
70
|
-
function
|
|
86
|
+
function v(e) {
|
|
71
87
|
return e ? `background: color-mix(in srgb, ${e} 22%, transparent);border-color: color-mix(in srgb, ${e} 45%, transparent);color: color-mix(in srgb, ${e} 80%, var(--sg-fg, #0f172a));` : "";
|
|
72
88
|
}
|
|
73
|
-
function
|
|
89
|
+
function y(e) {
|
|
74
90
|
let t = o(e);
|
|
75
91
|
return t === "number" ? "sv-grid-cell-editor sv-grid-cell-editor-number" : t === "date" ? "sv-grid-cell-editor sv-grid-cell-editor-date" : t === "datetime" ? "sv-grid-cell-editor sv-grid-cell-editor-datetime" : t === "color" ? "sv-grid-cell-editor sv-grid-cell-editor-color" : "sv-grid-cell-editor";
|
|
76
92
|
}
|
|
77
|
-
function
|
|
93
|
+
function b(e) {
|
|
78
94
|
if (e == null || e === "") return null;
|
|
79
95
|
let t = e instanceof Date ? e : new Date(e);
|
|
80
96
|
return Number.isNaN(t.getTime()) ? null : t;
|
|
81
97
|
}
|
|
82
|
-
function
|
|
98
|
+
function x(e, t) {
|
|
83
99
|
return Math.max(8, Math.min(e, window.innerWidth - t - 8));
|
|
84
100
|
}
|
|
85
|
-
function
|
|
101
|
+
function S(e) {
|
|
86
102
|
return typeof CSS < "u" && CSS.escape ? CSS.escape(e) : e.replace(/"/g, "\\\"");
|
|
87
103
|
}
|
|
88
|
-
function
|
|
104
|
+
function C(e, t) {
|
|
89
105
|
if (e == null || e === "") return NaN;
|
|
90
106
|
if (t) {
|
|
91
107
|
let t = (e instanceof Date ? e : new Date(String(e))).getTime();
|
|
@@ -94,11 +110,11 @@ function y(e, t) {
|
|
|
94
110
|
let n = typeof e == "number" ? e : Number(e);
|
|
95
111
|
return Number.isFinite(n) ? n : NaN;
|
|
96
112
|
}
|
|
97
|
-
function
|
|
113
|
+
function w(e) {
|
|
98
114
|
let t = Math.abs(e), n = t >= 1e3 ? 0 : t >= 100 ? 1 : t >= 1 ? 2 : 4;
|
|
99
115
|
return e.toLocaleString(void 0, { maximumFractionDigits: n });
|
|
100
116
|
}
|
|
101
|
-
function
|
|
117
|
+
function T(e) {
|
|
102
118
|
return new Date(e).toLocaleDateString(void 0, {
|
|
103
119
|
year: "numeric",
|
|
104
120
|
month: "short",
|
|
@@ -106,4 +122,4 @@ function x(e) {
|
|
|
106
122
|
});
|
|
107
123
|
}
|
|
108
124
|
//#endregion
|
|
109
|
-
export {
|
|
125
|
+
export { f as C, h as S, m as _, S as a, s as b, T as c, n as d, l as f, g, _ as h, v as i, w as l, u as m, e as n, c as o, y as p, x as r, t as s, b as t, p as u, C as v, d as x, r as y };
|