@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.
Files changed (48) hide show
  1. package/dist/{GridMenus-CU_-Ks4f.js → GridMenus-DE0zNY_3.js} +263 -242
  2. package/dist/{SvDateTimePicker-Ch1Vug8H.js → SvDateTimePicker-BpeEupA2.js} +81 -81
  3. package/dist/{SvGrid.helpers-CgUd39VT.js → SvGrid.helpers-BZPDBcza.js} +27 -11
  4. package/dist/{SvGridCellEditor-CBJUbAsR.js → SvGridCellEditor-_rqEaig7.js} +148 -140
  5. package/dist/{SvGridChart-BztTavvw.js → SvGridChart-yK5Zv85y.js} +158 -158
  6. package/dist/{SvGridChartPanel-Ca5HWIZ3.js → SvGridChartPanel-B38_VjXM.js} +52 -52
  7. package/dist/{SvGridChartView-AcWj_tcs.js → SvGridChartView-ScXTF6t-.js} +4 -4
  8. package/dist/{SvGridDropdown-BXqvR1cs.js → SvGridDropdown-DnAESFDu.js} +29 -29
  9. package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs +358 -0
  10. package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs.map +1 -0
  11. package/dist/angular/package.json +25 -0
  12. package/dist/angular/types/svgrid-grid-wc-angular.d.ts +161 -0
  13. package/dist/{client-DoXxrq8q.js → client-DjwUji8D.js} +1 -1
  14. package/dist/column-resize-DvCRUrN3.js +101 -0
  15. package/dist/{dismissable-xj_k_fnZ.js → dismissable-Nx79OIVg.js} +36 -36
  16. package/dist/react/index.d.ts +313 -0
  17. package/dist/react/index.js +72 -0
  18. package/dist/row-resize-D-8s3cqT.js +94 -0
  19. package/dist/shadow/GridMenus-DE0zNY_3.js +1022 -0
  20. package/dist/shadow/SvDateTimePicker-BpeEupA2.js +1885 -0
  21. package/dist/shadow/SvGrid.helpers-BZPDBcza.js +125 -0
  22. package/dist/shadow/SvGridCellEditor-_rqEaig7.js +531 -0
  23. package/dist/shadow/SvGridChart-yK5Zv85y.js +1199 -0
  24. package/dist/shadow/SvGridChartPanel-B38_VjXM.js +584 -0
  25. package/dist/shadow/SvGridChartView-ScXTF6t-.js +50 -0
  26. package/dist/shadow/SvGridDropdown-DnAESFDu.js +256 -0
  27. package/dist/shadow/cell-formatting-C0OsDmi_.js +86 -0
  28. package/dist/shadow/chart-uvs3sFJA.js +1220 -0
  29. package/dist/shadow/client-DjwUji8D.js +2960 -0
  30. package/dist/shadow/column-resize-DvCRUrN3.js +101 -0
  31. package/dist/shadow/dismissable-Nx79OIVg.js +186 -0
  32. package/dist/shadow/editor-contract-peBDxir_.js +22 -0
  33. package/dist/shadow/editor-registry-DxGKqcvx.js +24 -0
  34. package/dist/shadow/export-format-C8kZGZfz.js +161 -0
  35. package/dist/shadow/popover-WsGlvtQv.js +69 -0
  36. package/dist/shadow/row-drag-touch-Ddaa-QeB.js +91 -0
  37. package/dist/shadow/row-resize-D-8s3cqT.js +94 -0
  38. package/dist/shadow/sv-grid-shadow-element.d.ts +246 -0
  39. package/dist/shadow/sv-grid-shadow-element.js +10067 -0
  40. package/dist/{svelte-virtualizer.svelte-CFoYP2Ls.js → shadow/svelte-virtualizer.svelte-DZ9UcyfT.js} +35 -30
  41. package/dist/shadow/validate-CgmAtX1A.js +75 -0
  42. package/dist/sv-grid-element.d.ts +246 -0
  43. package/dist/sv-grid-element.js +3619 -2692
  44. package/dist/svelte-virtualizer.svelte-DZ9UcyfT.js +527 -0
  45. package/dist/validate-CgmAtX1A.js +75 -0
  46. package/dist/vue/index.d.ts +147 -0
  47. package/dist/vue/index.js +72 -0
  48. 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, f as S, h as C, it as w, j as T, k as E, n as D, nt as O, q 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-DoXxrq8q.js";
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-xj_k_fnZ.js";
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
- O(a, !0);
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
- w(n), h(() => d(r, p(t).label)), E(e, n);
549
- }), w(t), h(() => S(t, "aria-label", p(X).shortcuts)), E(e, t);
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), D = l(v), O = l(D);
555
- M(O, (e) => ({
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(O, 2);
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
- w(A);
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"), w(D);
571
- var L = c(D, 2), ee = l(L), te = (n) => {
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
- w(t), h(() => d(n, p(o).title)), E(e, t);
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
- w(n), h(() => d(r, p(t).label)), E(e, n);
596
- }), w(t), E(e, t);
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
- w(t), h(() => d(n, p(s)[0]?.week)), E(e, t);
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 = k(f), g = (e) => {
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
- w(n);
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)), w(t), E(e, t);
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
- }), w(t), h((e) => d(f, e), [() => p(s).date.getDate()]), E(e, t);
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
- }), w(u), E(n, u);
645
- }), w(s), E(n, s);
646
- }), w(o), E(n, o);
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
- w(n), h(() => d(r, p(t).label)), E(e, n);
664
- }), w(t), E(e, t);
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
- w(n), h(() => d(r, p(t).year)), E(e, n);
683
- }), w(t), E(e, t);
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
- }), w(L), y(L, (e) => g(ge, e), () => p(ge));
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
- w(n);
690
+ k(n);
691
691
  var a = c(n, 2), o = (e) => {
692
692
  var t = Xe(), n = l(t, !0);
693
- w(t), h(() => {
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
- }), w(t), h(() => {
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
- }), w(v), F(v, (e) => ye?.(e));
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
- S(t, "name", a.name), C(t, e);
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
- }), w(o), h(() => {
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
- }), S(o, "id", p(pe)), S(o, "aria-label", a.label ?? p(X).label), S(o, "aria-disabled", K()), S(o, "dir", p(Z)), d(j, Q.title), o.dir = o.dir;
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 = k(be), Se = (e) => {
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), j();
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
- O(r, !0);
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
- w(s);
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
- w(f);
1059
- var v = c(f, 2), T = (e) => {
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
- w(n);
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
- w(i), w(t), h(() => {
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(T);
1079
- }), w(o);
1080
- var D = c(o, 2);
1081
- M(D, (e) => ({
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 O = l(D), A = c(O), j = c(A), F = c(j), ee = c(F), te = (e) => {
1092
- var n = t(), r = k(n);
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
- w(n), h((e) => {
1098
- r = I(n, 0, "sv-tp__num svelte-qdm31c", null, r, e), S(n, "x", p(t).x), S(n, "y", p(t).y), d(i, p(t).label);
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 = k(n);
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
- w(n), h(() => {
1111
- r = I(n, 0, "sv-tp__num svelte-qdm31c", null, r, { "is-active": p(t).value === B.minutes }), S(n, "x", p(t).x), S(n, "y", p(t).y), d(i, p(t).label);
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
- }), w(D), y(D, (e) => H = e, () => H);
1118
- var V = c(D, 2), U = (e) => {
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
- w(n), w(t), h(() => d(r, p(z).now)), E(e, t);
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
- S(t, "name", r.name), C(t, e);
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
- }), w(n), h((e) => {
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
- }), S(n, "id", p(L)), S(n, "aria-label", r.label ?? p(z).label), S(n, "dir", p(ne)), d(u, e), d(m, B.mm), S(O, "cx", B.C), S(O, "cy", B.C), S(O, "r", B.C - 4), S(A, "x1", B.C), S(A, "y1", B.C), S(A, "x2", B.handEnd.x), S(A, "y2", B.handEnd.y), S(j, "cx", B.C), S(j, "cy", B.C), S(F, "cx", B.handEnd.x), S(F, "cy", B.handEnd.y), n.dir = n.dir;
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 = k(G), oe = (e) => {
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), j();
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>&times;</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
- O(r, !0);
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), k = 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({
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: () => k(),
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"), w(t), E(e, t);
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 D = c(_, 2);
1757
- M(D, (e) => ({
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(D, () => Y.text, (e) => Y.text = e)), F(D, (e) => he?.(e));
1762
- var O = c(D, 2), j = (e) => {
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(O, (e) => {
1770
- k() && Y.current && Y.isInteractive && e(j);
1769
+ i(D, (e) => {
1770
+ O() && Y.current && Y.isInteractive && e(j);
1771
1771
  });
1772
- var ee = c(O, 2);
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"), w(u), y(u, (e) => g(X, e), () => p(X));
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
- w(n);
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
- w(i), w(t), h(() => {
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
- }), w(o), w(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
- S(t, "aria-label", p(fe).dialog), S(t, "dir", p(pe)), n = N(t, "", n, {
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
- S(t, "name", r.name), C(t, e);
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
- }), w(a), h(() => {
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
- }), S(a, "dir", p(pe)), f = I(u, 1, "sv-dtp__field svelte-8dgo1g", null, f, { "is-invalid": ce() }), a.dir = a.dir;
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
- }), j();
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 f(e, t) {
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 p(e, t) {
83
+ function _(e, t) {
68
84
  return e.find((e) => e.value === t || String(e.value) === String(t))?.color;
69
85
  }
70
- function m(e) {
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 h(e) {
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 g(e) {
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 _(e, t) {
98
+ function x(e, t) {
83
99
  return Math.max(8, Math.min(e, window.innerWidth - t - 8));
84
100
  }
85
- function v(e) {
101
+ function S(e) {
86
102
  return typeof CSS < "u" && CSS.escape ? CSS.escape(e) : e.replace(/"/g, "\\\"");
87
103
  }
88
- function y(e, t) {
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 b(e) {
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 x(e) {
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 { r as _, v as a, x as c, l as d, h as f, y as g, f as h, m as i, b as l, p as m, e as n, c as o, u as p, _ as r, t as s, g as t, n as u, s as v, d as y };
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 };