@svgrid/grid-wc 3.0.2 → 3.0.3

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 (57) hide show
  1. package/README.md +4 -1
  2. package/dist/GridMenus-DMkf7UMn.js +1086 -0
  3. package/dist/{SvChartMenu-CBMKm7Xb.js → SvChartMenu-DkSyLWYH.js} +2 -2
  4. package/dist/{shadow/SvDateTimePicker-CnLlqNDQ.js → SvDateTimePicker-Czin1Ead.js} +1 -1
  5. package/dist/{shadow/SvGridCellEditor-B005dmV1.js → SvGridCellEditor-DhXEIlyE.js} +1 -1
  6. package/dist/{SvGridChart-4TcL9Rj2.js → SvGridChart-BMdCbrqb.js} +5 -5
  7. package/dist/{SvGridChartBuilder-C4OL4XYx.js → SvGridChartBuilder-Chp_MD1B.js} +121 -120
  8. package/dist/{shadow/SvGridChartPanel-CfHA8Ioq.js → SvGridChartPanel-BIV2O2Lp.js} +6 -6
  9. package/dist/{SvGridChartView-Ci-9_EJ0.js → SvGridChartView-DyhkumD-.js} +2 -2
  10. package/dist/{SvGridDropdown-BlA6iw9m.js → SvGridDropdown-BwPpGwLz.js} +140 -140
  11. package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs +37 -3
  12. package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs.map +1 -1
  13. package/dist/angular/types/svgrid-grid-wc-angular.d.ts +16 -1
  14. package/dist/{shadow/cell-formatting-Eypm-id0.js → cell-formatting-CBfgahv1.js} +1 -1
  15. package/dist/chart/{SvChartMenu-C-sbGNk8.js → SvChartMenu-DslxOgPN.js} +5 -1
  16. package/dist/chart/{chart-summary-B86RFA3M.js → chart-summary-6Xu2JoNC.js} +1 -1
  17. package/dist/chart/{chart-trend-DP6DSsBa.js → chart-trend-7fxtAqEl.js} +1 -1
  18. package/dist/chart/sv-chart-element.js +3 -3
  19. package/dist/{chart-DoqdUoGg.js → chart-D_LKA1fr.js} +1 -1
  20. package/dist/{chart-export-pdf-BirUdchl.js → chart-export-pdf-9OCvhzr0.js} +1 -1
  21. package/dist/{shadow/chart-summary-BP9i-v8M.js → chart-summary-v3Lhe8YD.js} +1 -1
  22. package/dist/{shadow/dismissable-DvhBKm3q.js → dismissable-CQ6XFXsk.js} +5 -1
  23. package/dist/{export-format-uGayRKWM.js → export-format-CAi1mp-1.js} +1 -1
  24. package/dist/{shadow/focus-trap-DvlOlOGM.js → focus-trap-Dbb2tJxb.js} +1 -1
  25. package/dist/react/index.d.ts +44 -0
  26. package/dist/react/index.js +5 -1
  27. package/dist/{row-resize-Cf8qPLbi.js → row-resize-limG_N1z.js} +41 -32
  28. package/dist/shadow/GridMenus-DMkf7UMn.js +1086 -0
  29. package/dist/shadow/{SvChartMenu-CBMKm7Xb.js → SvChartMenu-DkSyLWYH.js} +2 -2
  30. package/dist/{SvDateTimePicker-CnLlqNDQ.js → shadow/SvDateTimePicker-Czin1Ead.js} +1 -1
  31. package/dist/{SvGridCellEditor-B005dmV1.js → shadow/SvGridCellEditor-DhXEIlyE.js} +1 -1
  32. package/dist/shadow/{SvGridChart-4TcL9Rj2.js → SvGridChart-BMdCbrqb.js} +5 -5
  33. package/dist/shadow/{SvGridChartBuilder-C4OL4XYx.js → SvGridChartBuilder-Chp_MD1B.js} +121 -120
  34. package/dist/{SvGridChartPanel-CfHA8Ioq.js → shadow/SvGridChartPanel-BIV2O2Lp.js} +6 -6
  35. package/dist/shadow/{SvGridChartView-Ci-9_EJ0.js → SvGridChartView-DyhkumD-.js} +2 -2
  36. package/dist/shadow/{SvGridDropdown-BlA6iw9m.js → SvGridDropdown-BwPpGwLz.js} +140 -140
  37. package/dist/{cell-formatting-Eypm-id0.js → shadow/cell-formatting-CBfgahv1.js} +1 -1
  38. package/dist/shadow/{chart-DoqdUoGg.js → chart-D_LKA1fr.js} +1 -1
  39. package/dist/shadow/{chart-export-pdf-BirUdchl.js → chart-export-pdf-9OCvhzr0.js} +1 -1
  40. package/dist/{chart-summary-BP9i-v8M.js → shadow/chart-summary-v3Lhe8YD.js} +1 -1
  41. package/dist/{dismissable-DvhBKm3q.js → shadow/dismissable-CQ6XFXsk.js} +5 -1
  42. package/dist/shadow/{export-format-DhdZREP1.js → export-format-mnW_rVBZ.js} +1 -1
  43. package/dist/{focus-trap-DvlOlOGM.js → shadow/focus-trap-Dbb2tJxb.js} +1 -1
  44. package/dist/shadow/{row-resize-Cf8qPLbi.js → row-resize-limG_N1z.js} +41 -32
  45. package/dist/shadow/sv-grid-shadow-element.d.ts +26 -0
  46. package/dist/shadow/sv-grid-shadow-element.js +3479 -2627
  47. package/dist/shadow/validate-BqDthkNr.js +88 -0
  48. package/dist/sv-grid-element.d.ts +26 -0
  49. package/dist/sv-grid-element.js +3464 -2612
  50. package/dist/validate-BqDthkNr.js +88 -0
  51. package/dist/vue/index.d.ts +17 -2
  52. package/dist/vue/index.js +1 -25
  53. package/package.json +3 -3
  54. package/dist/GridMenus-B1mC1aPp.js +0 -1077
  55. package/dist/shadow/GridMenus-B1mC1aPp.js +0 -1077
  56. package/dist/shadow/validate-CgmAtX1A.js +0 -75
  57. package/dist/validate-CgmAtX1A.js +0 -75
@@ -1,19 +1,19 @@
1
1
  (function(){try{var c=".sv-tabs.svelte-13z0l57{--_accent:var(--sg-accent,#2563eb);gap:0;display:flex}.sv-tabs--top.svelte-13z0l57{flex-direction:column}.sv-tabs--bottom.svelte-13z0l57{flex-direction:column-reverse}.sv-tabs--left.svelte-13z0l57{flex-direction:row}.sv-tabs--right.svelte-13z0l57{flex-direction:row-reverse}.sv-tabs__strip.svelte-13z0l57{align-items:center;min-width:0;display:flex}.sv-tabs--vertical.svelte-13z0l57 .sv-tabs__strip:where(.svelte-13z0l57){align-items:stretch}.sv-tabs__list.svelte-13z0l57{gap:2px;display:flex}.sv-tabs--horizontal.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57){scrollbar-width:none;scroll-behavior:smooth;flex:auto;min-width:0;overflow-x:auto}.sv-tabs--horizontal.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57)::-webkit-scrollbar{display:none}.sv-tabs--horizontal.svelte-13z0l57 .sv-tabs__tabwrap:where(.svelte-13z0l57){flex:none}.sv-tabs--vertical.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57){flex-direction:column}.sv-tabs__scroll.svelte-13z0l57{width:26px;color:var(--sg-muted,#64748b);cursor:pointer;background:0 0;border:0;flex:none;align-self:stretch;place-items:center;display:grid}.sv-tabs__scroll.svelte-13z0l57:hover:not(:disabled){color:var(--_accent)}.sv-tabs__scroll.svelte-13z0l57:disabled{opacity:.3;cursor:default}.sv-tabs__tabwrap.is-drag.svelte-13z0l57{opacity:.4}.sv-tabs__tabwrap.is-over.svelte-13z0l57:before{content:\"\";inset-inline-start:-1px;background:var(--_accent);border-radius:2px;width:2px;position:absolute;top:5px;bottom:5px}.sv-tabs__tabwrap[draggable=true].svelte-13z0l57 .sv-tabs__tab:where(.svelte-13z0l57){cursor:grab}.sv-tabs--top.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57){border-bottom:1px solid var(--sg-border,#e2e8f0)}.sv-tabs--bottom.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57){border-top:1px solid var(--sg-border,#e2e8f0)}.sv-tabs--left.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57){border-inline-end:1px solid var(--sg-border,#e2e8f0)}.sv-tabs--right.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57){border-inline-start:1px solid var(--sg-border,#e2e8f0)}.sv-tabs--pill.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57){background:var(--sg-header-bg,#f1f5f9);border:0;border-radius:9px;gap:3px;padding:3px}.sv-tabs__tabwrap.svelte-13z0l57{align-items:center;display:inline-flex;position:relative}.sv-tabs__tab.svelte-13z0l57{font:inherit;color:var(--sg-muted,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:9px 14px;font-size:13px;font-weight:600}.sv-tabs__tabwrap.is-closable.svelte-13z0l57 .sv-tabs__tab:where(.svelte-13z0l57){padding-inline-end:4px}.sv-tabs__tab.svelte-13z0l57:hover:not(:disabled):not(.is-active){color:var(--sg-fg,#0f172a)}.sv-tabs__tab.svelte-13z0l57:disabled{opacity:.45;cursor:not-allowed}.sv-tabs__tab.svelte-13z0l57:focus-visible{outline:2px solid var(--sg-focus-ring,var(--_accent));outline-offset:-2px;border-radius:6px}.sv-tabs__close.svelte-13z0l57{width:18px;height:18px;color:var(--sg-muted,#64748b);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;margin-inline-end:8px;display:grid}.sv-tabs__close.svelte-13z0l57:hover{background:var(--sg-row-hover-bg,#f1f5f9);color:var(--sg-danger,#dc2626)}.sv-tabs--line.svelte-13z0l57 .sv-tabs__tab.is-active:where(.svelte-13z0l57){color:var(--_accent)}.sv-tabs--line.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57):after{content:\"\";background:var(--_accent);position:absolute}.sv-tabs--line.sv-tabs--top.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57):after{height:2px;bottom:-1px;left:8px;right:8px}.sv-tabs--line.sv-tabs--bottom.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57):after{height:2px;top:-1px;left:8px;right:8px}.sv-tabs--line.sv-tabs--left.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57):after{top:8px;bottom:8px;width:2px;inset-inline-end:-1px}.sv-tabs--line.sv-tabs--right.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57):after{top:8px;bottom:8px;width:2px;inset-inline-start:-1px}.sv-tabs--pill.svelte-13z0l57 .sv-tabs__tab:where(.svelte-13z0l57){border-radius:7px;padding:7px 14px}.sv-tabs--pill.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57) .sv-tabs__tab:where(.svelte-13z0l57),.sv-tabs--pill.svelte-13z0l57 .sv-tabs__tab.is-active:where(.svelte-13z0l57){background:var(--sg-bg,#fff);color:var(--sg-fg,#0f172a);box-shadow:0 1px 2px #00000014}.sv-tabs__panel.svelte-13z0l57{outline:none;flex:1;min-width:0;padding:16px 2px}.sv-modal__backdrop{z-index:2147483000;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0f172a73;animation:.16s both svelte-o40lcu-sv-modal-fade;position:fixed;inset:0}@keyframes svelte-o40lcu-sv-modal-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sv-modal__backdrop{animation:none}}.sv-modal{background:var(--sg-bg,#fff);min-width:240px;max-width:94vw;max-height:88vh;color:var(--sg-fg,#0f172a);border:1px solid var(--sg-border,#e2e8f0);border-radius:12px;flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) both svelte-o40lcu-sv-modal-in;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;box-shadow:0 24px 64px -16px #0f172a80}@keyframes svelte-o40lcu-sv-modal-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.94)}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sv-modal{animation:none}}.sv-modal--sm{width:360px}.sv-modal--md{width:520px}.sv-modal--lg{width:720px}.sv-modal.is-resized{max-width:none;max-height:none}.sv-modal__header{border-bottom:1px solid var(--sg-border,#e2e8f0);align-items:center;gap:12px;padding:13px 16px;display:flex}.sv-modal__header.is-draggable{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.sv-modal__title{flex:1;margin:0;font-size:15px;font-weight:650}.sv-modal__x{width:28px;height:28px;color:var(--sg-muted,#64748b);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;font-size:20px;line-height:1;display:grid}.sv-modal__x:hover{background:var(--sg-row-hover-bg,#f1f5f9);color:var(--sg-fg,#0f172a)}.sv-modal__body{flex:1;padding:16px;font-size:13.5px;line-height:1.6;overflow:auto}.sv-modal__footer{border-top:1px solid var(--sg-border,#e2e8f0);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.sv-modal__resize{inset-inline-end:0;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg, transparent 50%, var(--sg-muted,#94a3b8) 50%, var(--sg-muted,#94a3b8) 60%, transparent 60%, transparent 72%, var(--sg-muted,#94a3b8) 72%, var(--sg-muted,#94a3b8) 82%, transparent 82%);opacity:.6;width:16px;height:16px;position:absolute;bottom:0}.sv-grid-chart-builder.svelte-1yr3emi{min-height:420px;max-height:70vh;font-size:12px;overflow:auto}.sv-grid-chart-builder-group.svelte-1yr3emi{color:var(--sg-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 6px;font-size:11px;font-weight:600}.sv-grid-chart-builder-cards.svelte-1yr3emi{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.sv-grid-chart-builder-card.svelte-1yr3emi{border:1px solid var(--sg-border,#e2e8f0);background:var(--sg-bg,#fff);color:var(--sg-fg,#0f172a);cursor:pointer;text-align:left;font:inherit;border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex}.sv-grid-chart-builder-card.svelte-1yr3emi:hover{border-color:var(--sg-accent,#2563eb)}.sv-grid-chart-builder-card.is-selected.svelte-1yr3emi{border-color:var(--sg-accent,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-accent,#2563eb) 30%, transparent 70%)}.sv-grid-chart-builder-thumb.svelte-1yr3emi{pointer-events:none;height:92px;overflow:hidden}.sv-grid-chart-builder-card-label.svelte-1yr3emi{font-size:11px;font-weight:600}.sv-grid-chart-builder-form.svelte-1yr3emi{flex-direction:column;gap:8px;padding:8px 2px;display:flex}.sv-grid-chart-builder-row.svelte-1yr3emi{grid-template-columns:110px 1fr;align-items:center;gap:8px;display:grid}.sv-grid-chart-builder-row.svelte-1yr3emi>span:where(.svelte-1yr3emi){color:var(--sg-muted,#64748b)}.sv-grid-chart-builder-row.svelte-1yr3emi>small:where(.svelte-1yr3emi){color:var(--sg-muted,#64748b);grid-column:2}.sv-grid-chart-builder-row.svelte-1yr3emi>input[type=checkbox]:where(.svelte-1yr3emi){justify-self:start}.sv-grid-chart-builder-row.svelte-1yr3emi input[type=text]:where(.svelte-1yr3emi),.sv-grid-chart-builder-row.svelte-1yr3emi input[type=number]:where(.svelte-1yr3emi),.sv-grid-chart-builder-row.svelte-1yr3emi select:where(.svelte-1yr3emi),.sv-grid-chart-builder-series.svelte-1yr3emi input:where(.svelte-1yr3emi),.sv-grid-chart-builder-series.svelte-1yr3emi select:where(.svelte-1yr3emi){font:inherit;border:1px solid var(--sg-border,#e2e8f0);background:var(--sg-bg,#fff);color:var(--sg-fg,#0f172a);border-radius:6px;min-width:0;padding:3px 6px}.sv-grid-chart-builder-fs.svelte-1yr3emi{border:1px solid var(--sg-border,#e2e8f0);border-radius:8px;flex-direction:column;gap:6px;padding:6px 10px 10px;display:flex}.sv-grid-chart-builder-fs.svelte-1yr3emi>legend:where(.svelte-1yr3emi){padding:0 4px;font-weight:600}.sv-grid-chart-builder-series.svelte-1yr3emi,.sv-grid-chart-builder-series-head.svelte-1yr3emi{grid-template-columns:minmax(80px,1.4fr) 44px 1fr 1fr 1fr 64px;align-items:center;gap:6px;display:grid}.sv-grid-chart-builder-series.has-stack.svelte-1yr3emi,.sv-grid-chart-builder-series-head.has-stack.svelte-1yr3emi{grid-template-columns:minmax(80px,1.4fr) 44px 1fr 1fr 1fr 64px 72px}.sv-grid-chart-builder-series-head.svelte-1yr3emi{color:var(--sg-muted,#64748b);font-size:11px}.sv-grid-chart-builder-series-name.svelte-1yr3emi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sv-grid-chart-builder-actions.svelte-1yr3emi{justify-content:flex-end;display:flex}\n";if(typeof globalThis!=='undefined'){var f=globalThis.__SVGRID_WC_ADD_CSS__;if(typeof f==='function')f(c);else(globalThis.__SVGRID_WC_CSS_CHUNKS__=globalThis.__SVGRID_WC_CSS_CHUNKS__||[]).push(c);}if(typeof document==='undefined')return;if(document.querySelector('style[data-svgrid-grid-wc-chunk="SvGridChartBuilder"]'))return;var s=document.createElement('style');s.setAttribute('data-svgrid-grid-wc-chunk',"SvGridChartBuilder");s.textContent=c;document.head.appendChild(s);}catch(e){}})();
2
- import { c as e, f as t, l as n, m as r, o as i, p as a, s as o, u as s } from "./chart-DoqdUoGg.js";
2
+ import { c as e, f as t, l as n, m as r, o as i, p as a, s as o, u as s } from "./chart-D_LKA1fr.js";
3
3
  import { $ as c, A as l, D as u, E as d, F as f, H as p, I as m, J as h, L as g, O as _, Q as v, R as y, U as b, X as x, Y as S, Z as C, _ as w, a as T, at as E, c as D, d as O, et as k, f as A, g as j, h as M, it as N, j as P, k as F, l as ee, n as I, nt as L, o as R, p as z, q as B, tt as te, u as V, w as H, x as U, y as ne } from "./client-DEF0GRjE.js";
4
4
  import { i as W } from "./editor-contract-peBDxir_.js";
5
5
  import { r as G } from "./popover-WsGlvtQv.js";
6
- import { t as K } from "./dismissable-DvhBKm3q.js";
7
- import { t as q } from "./focus-trap-DvlOlOGM.js";
8
- import { t as re } from "./SvGridChart-4TcL9Rj2.js";
9
- import { n as J, t as Y } from "./SvGridChartPanel-CfHA8Ioq.js";
6
+ import { t as K } from "./dismissable-CQ6XFXsk.js";
7
+ import { n as q, t as J } from "./focus-trap-Dbb2tJxb.js";
8
+ import { t as Y } from "./SvGridChart-BMdCbrqb.js";
9
+ import { n as X, t as Z } from "./SvGridChartPanel-BIV2O2Lp.js";
10
10
  //#region ../grid/dist/a11y/scroll-lock.js
11
- var X = 0, Z = "", ie = "";
12
- function ae() {
11
+ var Q = 0, re = "", $ = "";
12
+ function ie() {
13
13
  if (typeof document > "u") return () => {};
14
14
  let e = document.body;
15
- if (X === 0) {
16
- Z = e.style.overflow, ie = e.style.paddingRight;
15
+ if (Q === 0) {
16
+ re = e.style.overflow, $ = e.style.paddingRight;
17
17
  let t = window.innerWidth - document.documentElement.clientWidth;
18
18
  if (t > 0) {
19
19
  let n = parseFloat(getComputedStyle(e).paddingRight) || 0;
@@ -21,21 +21,21 @@ function ae() {
21
21
  }
22
22
  e.style.overflow = "hidden";
23
23
  }
24
- X++;
24
+ Q++;
25
25
  let t = !1;
26
26
  return () => {
27
- t || (t = !0, X = Math.max(0, X - 1), X === 0 && (e.style.overflow = Z, e.style.paddingRight = ie));
27
+ t || (t = !0, Q = Math.max(0, Q - 1), Q === 0 && (e.style.overflow = re, e.style.paddingRight = $));
28
28
  };
29
29
  }
30
30
  //#endregion
31
31
  //#region ../grid/dist/createOverlay.svelte.js
32
- function oe(e) {
32
+ function ae(e) {
33
33
  return b(() => {
34
34
  if (!e.open() || !e.getDialog()) return;
35
35
  e.onOpen?.();
36
- let t = e.getDialog(), n = e.trapFocus?.() ?? !0 ? q(t, e.initialFocus ? { initialFocus: e.initialFocus } : void 0) : null;
36
+ let t = e.getDialog(), n = e.trapFocus?.() ?? !0 ? J(t, e.initialFocus ? { initialFocus: e.initialFocus } : void 0) : null;
37
37
  n?.activate();
38
- let r = e.scrollLock?.() ?? !0 ? ae() : null, i = K({
38
+ let r = e.scrollLock?.() ?? !0 ? ie() : null, i = K({
39
39
  element: () => e.getDialog(),
40
40
  onDismiss: (t) => {
41
41
  (t === "escape" ? e.closeOnEsc?.() ?? !0 : e.closeOnBackdrop?.() ?? !0) && e.onClose();
@@ -54,9 +54,9 @@ function oe(e) {
54
54
  }
55
55
  //#endregion
56
56
  //#region ../grid/dist/createTabs.svelte.js
57
- var se = 0;
58
- function ce(e) {
59
- let t = `sv-tabs-${se++}`, n = () => e.tabs(), r = () => e.orientation?.() ?? "horizontal", i = () => e.activation?.() ?? "automatic", a = k(() => n().filter((e) => !e.disabled)), o = k(() => e.value() ?? n().find((e) => !e.disabled)?.id ?? n()[0]?.id ?? ""), s = v(""), l = v(0), u = (e) => {
57
+ var oe = 0;
58
+ function se(e) {
59
+ let t = `sv-tabs-${oe++}`, n = () => e.tabs(), r = () => e.orientation?.() ?? "horizontal", i = () => e.activation?.() ?? "automatic", a = k(() => n().filter((e) => !e.disabled)), o = k(() => e.value() ?? n().find((e) => !e.disabled)?.id ?? n()[0]?.id ?? ""), s = v(""), l = v(0), u = (e) => {
60
60
  C(s, e, !0), c(l);
61
61
  }, d = (e) => `${t}-tab-${e}`, f = (e) => `${t}-panel-${e}`;
62
62
  function p(t) {
@@ -126,7 +126,7 @@ function ce(e) {
126
126
  }
127
127
  //#endregion
128
128
  //#region ../grid/dist/SvTabs.svelte
129
- var le = P("<button type=\"button\" class=\"sv-tabs__scroll svelte-13z0l57\" tabindex=\"-1\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18l-6-6 6-6\"></path></svg></button>"), ue = P("<button type=\"button\" class=\"sv-tabs__close svelte-13z0l57\" tabindex=\"-1\"><svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"></path></svg></button>"), de = P("<span role=\"presentation\"><button> </button> <!></span>"), fe = P("<button type=\"button\" class=\"sv-tabs__scroll svelte-13z0l57\" tabindex=\"-1\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"></path></svg></button>"), Q = P("<div><!></div>"), pe = P("<div><div class=\"sv-tabs__strip svelte-13z0l57\"><!> <div></div> <!></div> <!></div>");
129
+ var ce = P("<button type=\"button\" class=\"sv-tabs__scroll svelte-13z0l57\" tabindex=\"-1\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18l-6-6 6-6\"></path></svg></button>"), le = P("<button type=\"button\" class=\"sv-tabs__close svelte-13z0l57\" tabindex=\"-1\"><svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"></path></svg></button>"), ue = P("<span role=\"presentation\"><button> </button> <!></span>"), de = P("<button type=\"button\" class=\"sv-tabs__scroll svelte-13z0l57\" tabindex=\"-1\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"></path></svg></button>"), fe = P("<div><!></div>"), pe = P("<div><div class=\"sv-tabs__strip svelte-13z0l57\"><!> <div></div> <!></div> <!></div>");
130
130
  function me(e, t) {
131
131
  L(t, !0);
132
132
  let n = I(t, "value", 15), r = I(t, "variant", 3, "line"), i = I(t, "activation", 3, "automatic"), a = I(t, "reorderable", 3, !1), o = k(() => t.tabPosition ?? (t.orientation === "vertical" ? "left" : "top")), s = k(() => y(o) === "left" || y(o) === "right" ? "vertical" : "horizontal"), c = k(() => t.dir === "ltr" || t.dir === "rtl" ? t.dir : void 0), l = v(0), f = v(0), h = v(0), x = k(() => y(s) === "horizontal" && y(h) > y(f) + 1), w = k(() => y(l) <= 1), E = k(() => y(l) + y(f) >= y(h) - 1);
@@ -151,7 +151,7 @@ function me(e, t) {
151
151
  let r = t.tabs.map((e) => e.id), i = r.indexOf(e), a = r.indexOf(n);
152
152
  i < 0 || a < 0 || (r.splice(a, 0, r.splice(i, 1)[0]), t.onReorder?.(r));
153
153
  }
154
- let z = ce({
154
+ let z = se({
155
155
  tabs: () => t.tabs,
156
156
  value: () => n(),
157
157
  onChange: (e) => {
@@ -170,20 +170,20 @@ function me(e, t) {
170
170
  queueMicrotask(() => W?.querySelector(`[data-tab="${e}"]`)?.focus());
171
171
  }
172
172
  });
173
- var K = pe(), q = B(K), re = B(q), J = (e) => {
174
- var t = le();
173
+ var K = pe(), q = B(K), J = B(q), Y = (e) => {
174
+ var t = ce();
175
175
  p(() => t.disabled = y(w)), m("click", t, () => j(-1)), F(e, t);
176
176
  };
177
- d(re, (e) => {
178
- y(x) && e(J);
177
+ d(J, (e) => {
178
+ y(x) && e(Y);
179
179
  });
180
- var Y = S(re, 2), X = (e) => C(l, e.currentTarget.scrollLeft, !0);
181
- V(Y, (e) => ({
180
+ var X = S(J, 2), Z = (e) => C(l, e.currentTarget.scrollLeft, !0);
181
+ V(X, (e) => ({
182
182
  class: "sv-tabs__list",
183
- onscroll: X,
183
+ onscroll: Z,
184
184
  ...e
185
- }), [() => z.tablistProps()], void 0, void 0, "svelte-13z0l57"), H(Y, 21, () => t.tabs, (e) => e.id, (e, t) => {
186
- var n = de();
185
+ }), [() => z.tablistProps()], void 0, void 0, "svelte-13z0l57"), H(X, 21, () => t.tabs, (e) => e.id, (e, t) => {
186
+ var n = ue();
187
187
  let r;
188
188
  var i = B(n);
189
189
  V(i, (e) => ({
@@ -195,7 +195,7 @@ function me(e, t) {
195
195
  var o = B(i, !0);
196
196
  N(i);
197
197
  var s = S(i, 2), c = (e) => {
198
- var n = ue();
198
+ var n = le();
199
199
  p(() => A(n, "aria-label", `Close ${y(t).label}`)), m("click", n, (e) => {
200
200
  e.stopPropagation(), z.close(y(t).id);
201
201
  }), F(e, n);
@@ -230,16 +230,16 @@ function me(e, t) {
230
230
  C(M, null), C(P, null);
231
231
  } : void 0)?.apply(this, e);
232
232
  }), F(e, n);
233
- }), N(Y), T(Y, (e) => W = e, () => W);
234
- var Z = S(Y, 2), ie = (e) => {
235
- var t = fe();
233
+ }), N(X), T(X, (e) => W = e, () => W);
234
+ var Q = S(X, 2), re = (e) => {
235
+ var t = de();
236
236
  p(() => t.disabled = y(E)), m("click", t, () => j(1)), F(e, t);
237
237
  };
238
- d(Z, (e) => {
239
- y(x) && e(ie);
238
+ d(Q, (e) => {
239
+ y(x) && e(re);
240
240
  }), N(q);
241
- var ae = S(q, 2), oe = (e) => {
242
- var n = Q();
241
+ var $ = S(q, 2), ie = (e) => {
242
+ var n = fe();
243
243
  V(n, (e) => ({
244
244
  class: "sv-tabs__panel",
245
245
  ...e
@@ -247,11 +247,11 @@ function me(e, t) {
247
247
  var r = B(n);
248
248
  u(r, () => t.panel, () => y(U)), N(n), F(e, n);
249
249
  };
250
- d(ae, (e) => {
251
- t.panel && e(oe);
250
+ d($, (e) => {
251
+ t.panel && e(ie);
252
252
  }), N(K), p(() => {
253
253
  ne(K, 1, `sv-tabs sv-tabs--${y(o) ?? ""} sv-tabs--${y(s) ?? ""} sv-tabs--${r() ?? ""}`, "svelte-13z0l57"), A(K, "dir", y(c)), K.dir = K.dir;
254
- }), R(Y, "clientWidth", (e) => C(f, e)), F(e, K), te();
254
+ }), R(X, "clientWidth", (e) => C(f, e)), F(e, K), te();
255
255
  }
256
256
  f(["click"]);
257
257
  //#endregion
@@ -266,7 +266,7 @@ function be(e, t) {
266
266
  function k() {
267
267
  n(!1), t.onClose?.();
268
268
  }
269
- let j = oe({
269
+ let j = ae({
270
270
  open: () => n(),
271
271
  getDialog: () => y(b),
272
272
  onClose: k,
@@ -277,7 +277,8 @@ function be(e, t) {
277
277
  x: 0,
278
278
  y: 0
279
279
  }, !0), C(O, null);
280
- }
280
+ },
281
+ initialFocus: () => t.initialFocus?.() || (y(b) ? q(y(b)).find((e) => !e.closest(".sv-modal__header")) ?? y(b) : null)
281
282
  }), M = !1, P = {
282
283
  x: 0,
283
284
  y: 0,
@@ -301,17 +302,17 @@ function be(e, t) {
301
302
  function H(e) {
302
303
  M && (M = !1, e.currentTarget.releasePointerCapture(e.pointerId));
303
304
  }
304
- let K = !1, q = {
305
+ let K = !1, J = {
305
306
  x: 0,
306
307
  y: 0,
307
308
  w: 0,
308
309
  h: 0
309
310
  };
310
- function re(e) {
311
+ function Y(e) {
311
312
  if (!a() || !y(b)) return;
312
313
  e.stopPropagation(), K = !0;
313
314
  let t = y(b).getBoundingClientRect();
314
- q = {
315
+ J = {
315
316
  x: e.clientX,
316
317
  y: e.clientY,
317
318
  w: t.width,
@@ -321,16 +322,16 @@ function be(e, t) {
321
322
  h: t.height
322
323
  }, !0), e.currentTarget.setPointerCapture(e.pointerId);
323
324
  }
324
- function J(e) {
325
+ function X(e) {
325
326
  K && C(O, {
326
- w: Math.max(240, q.w + (e.clientX - q.x)),
327
- h: Math.max(160, q.h + (e.clientY - q.y))
327
+ w: Math.max(240, J.w + (e.clientX - J.x)),
328
+ h: Math.max(160, J.h + (e.clientY - J.y))
328
329
  }, !0);
329
330
  }
330
- function Y(e) {
331
+ function Z(e) {
331
332
  K && (K = !1, e.currentTarget.releasePointerCapture(e.pointerId));
332
333
  }
333
- var X = l(), Z = h(X), ie = (e) => {
334
+ var Q = l(), re = h(Q), $ = (e) => {
334
335
  var n = ye(), o = B(n);
335
336
  V(o, (e) => ({
336
337
  class: `sv-modal sv-modal--${r() ?? ""}`,
@@ -371,15 +372,15 @@ function be(e, t) {
371
372
  });
372
373
  var P = S(x, 2), I = (e) => {
373
374
  var t = ve();
374
- m("pointerdown", t, re), m("pointermove", t, J), m("pointerup", t, Y), g("pointercancel", t, Y), F(e, t);
375
+ m("pointerdown", t, Y), m("pointermove", t, X), m("pointerup", t, Z), g("pointercancel", t, Z), F(e, t);
375
376
  };
376
377
  d(P, (e) => {
377
378
  a() && e(I);
378
379
  }), N(o), T(o, (e) => C(b, e), () => y(b)), N(n), U(n, (e) => G?.(e)), F(e, n);
379
380
  };
380
- d(Z, (e) => {
381
- n() && e(ie);
382
- }), F(e, X), te();
381
+ d(re, (e) => {
382
+ n() && e($);
383
+ }), F(e, Q), te();
383
384
  }
384
385
  f([
385
386
  "pointerdown",
@@ -389,9 +390,9 @@ f([
389
390
  ]);
390
391
  //#endregion
391
392
  //#region ../grid/dist/chart-samples.js
392
- var $ = null;
393
- function xe() {
394
- if ($) return $;
393
+ var xe = null;
394
+ function Se() {
395
+ if (xe) return xe;
395
396
  let e = 7, t = () => (e = (e * 1103515245 + 12345) % 2147483648) / 2147483648, n = [
396
397
  "North",
397
398
  "South",
@@ -413,10 +414,10 @@ function xe() {
413
414
  revenue: c
414
415
  });
415
416
  }
416
- return $ = i, i;
417
+ return xe = i, i;
417
418
  }
418
- function Se(c, l) {
419
- let u = xe(), d = o(u, {
419
+ function Ce(c, l) {
420
+ let u = Se(), d = o(u, {
420
421
  type: "bar",
421
422
  category: "region",
422
423
  value: "revenue"
@@ -741,8 +742,8 @@ function Se(c, l) {
741
742
  palette: l
742
743
  } : _;
743
744
  }
744
- function Ce(e, t, n = 150, r = 92) {
745
- let i = Se(e, t);
745
+ function we(e, t, n = 150, r = 92) {
746
+ let i = Ce(e, t);
746
747
  return {
747
748
  ...i,
748
749
  width: n,
@@ -770,8 +771,8 @@ function Ce(e, t, n = 150, r = 92) {
770
771
  }
771
772
  //#endregion
772
773
  //#region ../grid/dist/SvGridChartBuilder.svelte
773
- var we = P("<button type=\"button\"><div class=\"sv-grid-chart-builder-thumb svelte-1yr3emi\"><!></div> <span class=\"sv-grid-chart-builder-card-label svelte-1yr3emi\"> </span></button>"), Te = P("<div class=\"sv-grid-chart-builder-group svelte-1yr3emi\"> </div> <div class=\"sv-grid-chart-builder-cards svelte-1yr3emi\"></div>", 1), Ee = P("<div class=\"sv-grid-chart-builder-gallery\"></div>"), De = P("<div class=\"sv-grid-chart-builder-form svelte-1yr3emi\"><!> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <input type=\"checkbox\" class=\"svelte-1yr3emi\"/> <small class=\"svelte-1yr3emi\"> </small></label></div>"), Oe = P("<option> </option>"), ke = P("<fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" class=\"svelte-1yr3emi\"/></label></fieldset>"), Ae = P("<span> </span>"), je = P("<option> </option>"), Me = P("<input type=\"text\" class=\"svelte-1yr3emi\"/>"), Ne = P("<div><span class=\"sv-grid-chart-builder-series-name svelte-1yr3emi\"> </span> <input type=\"color\" class=\"svelte-1yr3emi\"/> <select class=\"svelte-1yr3emi\"><option> </option><option> </option><option> </option><option> </option></select> <select class=\"svelte-1yr3emi\"><option> </option><option> </option></select> <select class=\"svelte-1yr3emi\"></select> <input type=\"number\" min=\"0.5\" max=\"8\" step=\"0.5\" class=\"svelte-1yr3emi\"/> <!></div>"), Pe = P("<fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <div><span> </span><span> </span><span> </span><span> </span><span> </span><span> </span><!></div> <!></fieldset>"), Fe = P("<div class=\"sv-grid-chart-builder-form svelte-1yr3emi\"><label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <select class=\"svelte-1yr3emi\"><option> </option><option> </option><option> </option><option> </option><option> </option></select></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <select class=\"svelte-1yr3emi\"><option> </option><option> </option><option> </option><option> </option><option> </option><option> </option></select></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"checkbox\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"checkbox\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <input type=\"number\" min=\"0\" step=\"10\" class=\"svelte-1yr3emi\"/></label> <fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <select class=\"svelte-1yr3emi\"><option> </option><!></select></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"checkbox\" class=\"svelte-1yr3emi\"/></label></fieldset> <!> <fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"checkbox\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <select class=\"svelte-1yr3emi\"><option> </option><option> </option><option> </option><option> </option></select></label></fieldset> <!> <fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" min=\"8\" max=\"32\" placeholder=\"12\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" placeholder=\"transparent\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" placeholder=\"inherit\" class=\"svelte-1yr3emi\"/></label></fieldset> <div class=\"sv-grid-chart-builder-actions svelte-1yr3emi\"><button type=\"button\" class=\"sv-grid-chart-btn\"> </button></div></div>"), Ie = P("<div class=\"sv-grid-chart-builder svelte-1yr3emi\"><!></div>");
774
- function Le(e, t) {
774
+ var Te = P("<button type=\"button\"><div class=\"sv-grid-chart-builder-thumb svelte-1yr3emi\"><!></div> <span class=\"sv-grid-chart-builder-card-label svelte-1yr3emi\"> </span></button>"), Ee = P("<div class=\"sv-grid-chart-builder-group svelte-1yr3emi\"> </div> <div class=\"sv-grid-chart-builder-cards svelte-1yr3emi\"></div>", 1), De = P("<div class=\"sv-grid-chart-builder-gallery\"></div>"), Oe = P("<div class=\"sv-grid-chart-builder-form svelte-1yr3emi\"><!> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <input type=\"checkbox\" class=\"svelte-1yr3emi\"/> <small class=\"svelte-1yr3emi\"> </small></label></div>"), ke = P("<option> </option>"), Ae = P("<fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" class=\"svelte-1yr3emi\"/></label></fieldset>"), je = P("<span> </span>"), Me = P("<option> </option>"), Ne = P("<input type=\"text\" class=\"svelte-1yr3emi\"/>"), Pe = P("<div><span class=\"sv-grid-chart-builder-series-name svelte-1yr3emi\"> </span> <input type=\"color\" class=\"svelte-1yr3emi\"/> <select class=\"svelte-1yr3emi\"><option> </option><option> </option><option> </option><option> </option></select> <select class=\"svelte-1yr3emi\"><option> </option><option> </option></select> <select class=\"svelte-1yr3emi\"></select> <input type=\"number\" min=\"0.5\" max=\"8\" step=\"0.5\" class=\"svelte-1yr3emi\"/> <!></div>"), Fe = P("<fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <div><span> </span><span> </span><span> </span><span> </span><span> </span><span> </span><!></div> <!></fieldset>"), Ie = P("<div class=\"sv-grid-chart-builder-form svelte-1yr3emi\"><label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <select class=\"svelte-1yr3emi\"><option> </option><option> </option><option> </option><option> </option><option> </option></select></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <select class=\"svelte-1yr3emi\"><option> </option><option> </option><option> </option><option> </option><option> </option><option> </option></select></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"checkbox\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"checkbox\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <input type=\"number\" min=\"0\" step=\"10\" class=\"svelte-1yr3emi\"/></label> <fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <select class=\"svelte-1yr3emi\"><option> </option><!></select></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"checkbox\" class=\"svelte-1yr3emi\"/></label></fieldset> <!> <fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"checkbox\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <select class=\"svelte-1yr3emi\"><option> </option><option> </option><option> </option><option> </option></select></label></fieldset> <!> <fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" min=\"8\" max=\"32\" placeholder=\"12\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" placeholder=\"transparent\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" placeholder=\"inherit\" class=\"svelte-1yr3emi\"/></label></fieldset> <div class=\"sv-grid-chart-builder-actions svelte-1yr3emi\"><button type=\"button\" class=\"sv-grid-chart-btn\"> </button></div></div>"), Le = P("<div class=\"sv-grid-chart-builder svelte-1yr3emi\"><!></div>");
775
+ function Re(e, t) {
775
776
  L(t, !0);
776
777
  let n = I(t, "ctrl", 7), r = I(t, "open", 15, !1), i = v("type"), a = k(() => [...new Set(t.types.map((e) => e.group))]), o = k(() => n().chartSpec), s = k(() => n().chartPalette ?? void 0), c = k(() => y(o)?.series.map((e) => e.label) ?? []), u = k(() => n().chartFormat ?? {});
777
778
  function f(e) {
@@ -826,22 +827,22 @@ function Le(e, t) {
826
827
  r(e);
827
828
  },
828
829
  children: (e, r) => {
829
- var v = Ie(), I = B(v);
830
+ var v = Le(), I = B(v);
830
831
  {
831
832
  let e = (e, r = E) => {
832
833
  var i = l(), v = h(i), C = (e) => {
833
- var r = Ee();
834
+ var r = De();
834
835
  H(r, 20, () => y(a), (e) => e, (e, r) => {
835
- var i = Te(), a = h(i), o = B(a, !0);
836
+ var i = Ee(), a = h(i), o = B(a, !0);
836
837
  N(a);
837
838
  var c = S(a, 2);
838
839
  H(c, 21, () => t.types.filter((e) => e.group === r), (e) => e.value, (e, t) => {
839
- var r = we();
840
+ var r = Te();
840
841
  let i;
841
842
  var a = B(r), o = B(a);
842
843
  {
843
- let e = k(() => Ce(y(t).value, y(s)));
844
- re(o, {
844
+ let e = k(() => we(y(t).value, y(s)));
845
+ Y(o, {
845
846
  get spec() {
846
847
  return y(e);
847
848
  },
@@ -859,8 +860,8 @@ function Le(e, t) {
859
860
  }), N(c), p(() => _(o, r)), F(e, i);
860
861
  }), N(r), F(e, r);
861
862
  }, I = (e) => {
862
- var r = De(), i = B(r);
863
- J(i, {
863
+ var r = Oe(), i = B(r);
864
+ X(i, {
864
865
  get ctrl() {
865
866
  return n();
866
867
  },
@@ -876,9 +877,9 @@ function Le(e, t) {
876
877
  var l = S(c, 2), u = B(l, !0);
877
878
  N(l), N(a), N(r), p((e) => {
878
879
  _(s, t.messages.chartBuilderLinked), z(c, !n().chartFrozen), _(u, e);
879
- }, [() => n().chartFrozen ? Y(t.messages.chartBuilderFrozenAt, { time: new Date(n().chartFrozen.at).toLocaleTimeString() }) : t.messages.chartBuilderFollows]), m("change", c, (e) => e.currentTarget.checked ? n().unfreezeChart() : n().freezeChart()), F(e, r);
880
+ }, [() => n().chartFrozen ? Z(t.messages.chartBuilderFrozenAt, { time: new Date(n().chartFrozen.at).toLocaleTimeString() }) : t.messages.chartBuilderFollows]), m("change", c, (e) => e.currentTarget.checked ? n().unfreezeChart() : n().freezeChart()), F(e, r);
880
881
  }, L = (e) => {
881
- var r = Fe(), i = B(r), a = B(i), s = B(a, !0);
882
+ var r = Ie(), i = B(r), a = B(i), s = B(a, !0);
882
883
  N(a);
883
884
  var l = S(a);
884
885
  O(l), N(i);
@@ -892,38 +893,38 @@ function Le(e, t) {
892
893
  O(V), N(I);
893
894
  var U = S(I, 2), W = B(U), G = B(W, !0);
894
895
  N(W);
895
- var K = S(W, 2), q = B(K), re = B(q, !0);
896
+ var K = S(W, 2), q = B(K), J = B(q, !0);
896
897
  N(q), q.value = q.__value = "bottom";
897
- var J = S(q), X = B(J, !0);
898
- N(J), J.value = J.__value = "top";
899
- var Z = S(J), ie = B(Z, !0);
900
- N(Z), Z.value = Z.__value = "left";
901
- var ae = S(Z), oe = B(ae, !0);
902
- N(ae), ae.value = ae.__value = "right";
903
- var se = S(ae), ce = B(se, !0);
904
- N(se), se.value = se.__value = "none", N(K);
905
- var le;
898
+ var Y = S(q), X = B(Y, !0);
899
+ N(Y), Y.value = Y.__value = "top";
900
+ var Q = S(Y), re = B(Q, !0);
901
+ N(Q), Q.value = Q.__value = "left";
902
+ var $ = S(Q), ie = B($, !0);
903
+ N($), $.value = $.__value = "right";
904
+ var ae = S($), oe = B(ae, !0);
905
+ N(ae), ae.value = ae.__value = "none", N(K);
906
+ var se;
906
907
  j(K), N(U);
907
- var ue = S(U, 2), de = B(ue), fe = B(de, !0);
908
- N(de);
909
- var Q = S(de, 2), pe = B(Q), me = B(pe, !0);
910
- N(pe), pe.value = pe.__value = "auto";
911
- var he = S(pe), ge = B(he, !0);
912
- N(he), he.value = he.__value = "top";
913
- var _e = S(he), ve = B(_e, !0);
914
- N(_e), _e.value = _e.__value = "outside";
915
- var ye = S(_e), be = B(ye, !0);
916
- N(ye), ye.value = ye.__value = "inside";
917
- var $ = S(ye), xe = B($, !0);
918
- N($), $.value = $.__value = "center";
919
- var Se = S($), Ce = B(Se, !0);
920
- N(Se), Se.value = Se.__value = "none", N(Q);
908
+ var ce = S(U, 2), le = B(ce), ue = B(le, !0);
909
+ N(le);
910
+ var de = S(le, 2), fe = B(de), pe = B(fe, !0);
911
+ N(fe), fe.value = fe.__value = "auto";
912
+ var me = S(fe), he = B(me, !0);
913
+ N(me), me.value = me.__value = "top";
914
+ var ge = S(me), _e = B(ge, !0);
915
+ N(ge), ge.value = ge.__value = "outside";
916
+ var ve = S(ge), ye = B(ve, !0);
917
+ N(ve), ve.value = ve.__value = "inside";
918
+ var be = S(ve), xe = B(be, !0);
919
+ N(be), be.value = be.__value = "center";
920
+ var Se = S(be), Ce = B(Se, !0);
921
+ N(Se), Se.value = Se.__value = "none", N(de);
921
922
  var we;
922
- j(Q), N(ue);
923
- var Te = S(ue, 2), Ee = B(Te), De = B(Ee, !0);
923
+ j(de), N(ce);
924
+ var Te = S(ce, 2), Ee = B(Te), De = B(Ee, !0);
924
925
  N(Ee);
925
- var Ie = S(Ee);
926
- O(Ie), N(Te);
926
+ var Oe = S(Ee);
927
+ O(Oe), N(Te);
927
928
  var Le = S(Te, 2), Re = B(Le), ze = B(Re, !0);
928
929
  N(Re);
929
930
  var Be = S(Re);
@@ -952,7 +953,7 @@ function Le(e, t) {
952
953
  N(ut), ut.value = ut.__value = "";
953
954
  var ft = S(ut);
954
955
  H(ft, 16, () => R, (e) => e, (e, t) => {
955
- var n = Oe(), r = B(n, !0);
956
+ var n = ke(), r = B(n, !0);
956
957
  N(n);
957
958
  var i = {};
958
959
  p(() => {
@@ -966,7 +967,7 @@ function Le(e, t) {
966
967
  var _t = S(ht);
967
968
  O(_t), N(mt), N(Ge);
968
969
  var vt = S(Ge, 2), yt = (e) => {
969
- var n = ke(), r = B(n), i = B(r, !0);
970
+ var n = Ae(), r = B(n), i = B(r, !0);
970
971
  N(r);
971
972
  var a = S(r, 2), o = B(a), s = B(o, !0);
972
973
  N(o);
@@ -1009,7 +1010,7 @@ function Le(e, t) {
1009
1010
  var Ut;
1010
1011
  j(Pt), N(jt), N(bt);
1011
1012
  var Wt = S(bt, 2), Gt = (e) => {
1012
- var n = Pe(), r = B(n), i = B(r, !0);
1013
+ var n = Fe(), r = B(n), i = B(r, !0);
1013
1014
  N(r);
1014
1015
  var a = S(r, 2);
1015
1016
  let s;
@@ -1026,7 +1027,7 @@ function Le(e, t) {
1026
1027
  var I = S(E), L = B(I, !0);
1027
1028
  N(I);
1028
1029
  var R = S(I), z = (e) => {
1029
- var n = Ae(), r = B(n, !0);
1030
+ var n = je(), r = B(n, !0);
1030
1031
  N(n), p(() => _(r, t.messages.chartBuilderStack)), F(e, n);
1031
1032
  };
1032
1033
  d(R, (e) => {
@@ -1035,7 +1036,7 @@ function Le(e, t) {
1035
1036
  var te = S(a, 2);
1036
1037
  H(te, 16, () => y(c), (e) => e, (e, n) => {
1037
1038
  let r = k(() => y(u).series?.[n] ?? {}), i = k(() => y(o)?.series.find((e) => e.label === n));
1038
- var a = Ne();
1039
+ var a = Pe();
1039
1040
  let s;
1040
1041
  var c = B(a), l = B(c, !0);
1041
1042
  N(c);
@@ -1059,7 +1060,7 @@ function Le(e, t) {
1059
1060
  j(R);
1060
1061
  var G = S(R, 2);
1061
1062
  H(G, 20, () => ee, (e) => e, (e, t) => {
1062
- var n = je(), r = B(n, !0);
1063
+ var n = Me(), r = B(n, !0);
1063
1064
  N(n);
1064
1065
  var i = {};
1065
1066
  p(() => {
@@ -1070,22 +1071,22 @@ function Le(e, t) {
1070
1071
  j(G);
1071
1072
  var q = S(G, 2);
1072
1073
  O(q);
1073
- var re = S(q, 2), J = (e) => {
1074
- var a = Me();
1074
+ var J = S(q, 2), Y = (e) => {
1075
+ var a = Ne();
1075
1076
  O(a), p((e) => {
1076
1077
  M(a, y(r).stack ?? y(i)?.stack ?? ""), A(a, "placeholder", t.messages.chartBuilderStackPlaceholder), A(a, "aria-label", e);
1077
- }, [() => Y(t.messages.chartBuilderSeriesStackLabel, { series: n })]), m("change", a, (e) => b(n, { stack: e.currentTarget.value.trim() })), F(e, a);
1078
+ }, [() => Z(t.messages.chartBuilderSeriesStackLabel, { series: n })]), m("change", a, (e) => b(n, { stack: e.currentTarget.value.trim() })), F(e, a);
1078
1079
  };
1079
- d(re, (e) => {
1080
- y(P) && e(J);
1080
+ d(J, (e) => {
1081
+ y(P) && e(Y);
1081
1082
  }), N(a), p((e, o, u, d, p) => {
1082
1083
  s = ne(a, 1, "sv-grid-chart-builder-series svelte-1yr3emi", null, s, { "has-stack": y(P) }), A(a, "data-series", n), A(c, "title", n), _(l, n), M(f, y(r).color ?? y(i)?.color ?? "#2563eb"), A(f, "aria-label", e), A(h, "aria-label", o), _(v, t.messages.chartBuilderChartType), _(C, t.messages.chartBuilderBar), _(E, t.messages.chartBuilderLine), _(I, t.messages.chartBuilderArea), L !== (L = y(r).type ?? y(i)?.type ?? "") && (h.value = (h.__value = y(r).type ?? y(i)?.type ?? "") ?? "", w(h, y(r).type ?? y(i)?.type ?? "")), A(R, "aria-label", u), _(te, t.messages.chartBuilderLeft), _(U, t.messages.chartBuilderRight), W !== (W = y(r).axis ?? y(i)?.axis ?? "left") && (R.value = (R.__value = y(r).axis ?? y(i)?.axis ?? "left") ?? "", w(R, y(r).axis ?? y(i)?.axis ?? "left")), A(G, "aria-label", d), K !== (K = y(r).marker ?? "circle") && (G.value = (G.__value = y(r).marker ?? "circle") ?? "", w(G, y(r).marker ?? "circle")), M(q, y(r).strokeWidth ?? 2), A(q, "aria-label", p);
1083
1084
  }, [
1084
- () => Y(t.messages.chartBuilderSeriesColorLabel, { series: n }),
1085
- () => Y(t.messages.chartBuilderSeriesTypeLabel, { series: n }),
1086
- () => Y(t.messages.chartBuilderSeriesAxisLabel, { series: n }),
1087
- () => Y(t.messages.chartBuilderSeriesMarkerLabel, { series: n }),
1088
- () => Y(t.messages.chartBuilderSeriesWidthLabel, { series: n })
1085
+ () => Z(t.messages.chartBuilderSeriesColorLabel, { series: n }),
1086
+ () => Z(t.messages.chartBuilderSeriesTypeLabel, { series: n }),
1087
+ () => Z(t.messages.chartBuilderSeriesAxisLabel, { series: n }),
1088
+ () => Z(t.messages.chartBuilderSeriesMarkerLabel, { series: n }),
1089
+ () => Z(t.messages.chartBuilderSeriesWidthLabel, { series: n })
1089
1090
  ]), m("input", f, (e) => b(n, { color: e.currentTarget.value })), m("change", h, (e) => b(n, { type: e.currentTarget.value || void 0 })), m("change", R, (e) => b(n, { axis: e.currentTarget.value })), m("change", G, (e) => b(n, { marker: e.currentTarget.value })), m("change", q, (e) => b(n, { strokeWidth: Number(e.currentTarget.value) || 2 })), F(e, a);
1090
1091
  }), N(n), p(() => {
1091
1092
  _(i, t.messages.chartBuilderSeries), s = ne(a, 1, "sv-grid-chart-builder-series-head svelte-1yr3emi", null, s, { "has-stack": y(P) }), _(f, t.messages.chartBuilderSeries), _(g, t.messages.chartBuilderColor), _(x, t.messages.chartBuilderSeriesType), _(T, t.messages.chartBuilderAxis), _(D, t.messages.chartBuilderMarker), _(L, t.messages.chartBuilderWidth);
@@ -1114,8 +1115,8 @@ function Le(e, t) {
1114
1115
  O(dn), N(cn), N(Kt);
1115
1116
  var fn = S(Kt, 2), pn = B(fn), mn = B(pn, !0);
1116
1117
  N(pn), N(fn), N(r), p((e) => {
1117
- _(s, t.messages.chartBuilderTitleField), M(l, y(u).title ?? ""), _(C, t.messages.chartBuilderSubtitle), M(E, y(u).subtitle ?? ""), _(te, t.messages.chartBuilderCaption), M(V, y(u).caption ?? ""), _(G, t.messages.chartBuilderLegend), _(re, t.messages.chartLegendBottom), _(X, t.messages.chartLegendTop), _(ie, t.messages.chartLegendLeft), _(oe, t.messages.chartLegendRight), _(ce, t.messages.chartLegendHidden), le !== (le = y(u).legend === !1 ? "none" : y(u).legend ?? "bottom") && (K.value = (K.__value = y(u).legend === !1 ? "none" : y(u).legend ?? "bottom") ?? "", w(K, y(u).legend === !1 ? "none" : y(u).legend ?? "bottom")), _(fe, t.messages.chartBuilderDataLabels), _(me, t.messages.chartBuilderPanelSetting), _(ge, t.messages.chartLabelsTop), _(ve, t.messages.chartLabelsOutside), _(be, t.messages.chartLabelsInside), _(xe, t.messages.chartLabelsCenter), _(Ce, t.messages.chartLabelsHidden), we !== (we = y(u).dataLabels === null ? "none" : y(u).dataLabels ?? "auto") && (Q.value = (Q.__value = y(u).dataLabels === null ? "none" : y(u).dataLabels ?? "auto") ?? "", w(Q, y(u).dataLabels === null ? "none" : y(u).dataLabels ?? "auto")), _(De, t.messages.chartBuilderSeriesLabels), z(Ie, y(u).seriesLabels === !0), _(ze, t.messages.chartBuilderCrosshairLabels), z(Be, y(u).crosshairLabels !== !1), A(Ve, "title", t.messages.chartBuilderCompactBelowTitle), _(Ue, t.messages.chartBuilderCompactBelow), M(We, y(u).compactBelow ?? ""), A(We, "placeholder", t.messages.chartBuilderOff), _(qe, t.messages.chartBuilderValueAxis), _(Xe, t.messages.chartBuilderTitleField), M(Ze, y(u).yAxis?.title ?? ""), _(et, t.messages.chartBuilderMin), M(tt, y(u).yAxis?.min ?? ""), A(tt, "placeholder", t.messages.chartBuilderAuto), _(it, t.messages.chartBuilderMax), M(at, y(u).yAxis?.max ?? ""), A(at, "placeholder", t.messages.chartBuilderAuto), _(ct, t.messages.chartFormat), _(dt, t.messages.chartBuilderPanelSetting), pt !== (pt = y(u).yAxis?.format ?? "") && (lt.value = (lt.__value = y(u).yAxis?.format ?? "") ?? "", w(lt, y(u).yAxis?.format ?? "")), _(gt, t.messages.chartBuilderGridLines), z(_t, y(u).yAxis?.gridLines !== !1), _(St, t.messages.chartBuilderCategoryAxis), _(Tt, t.messages.chartBuilderTitleField), M(Et, y(u).xAxis?.title ?? ""), _(kt, t.messages.chartBuilderGridLines), z(At, y(u).xAxis?.gridLines === !0), _(Nt, t.messages.chartBuilderAxisLabels), _(It, t.messages.chartBuilderLabelsAuto), _(Rt, t.messages.chartBuilderLabelsHorizontal), _(Bt, t.messages.chartBuilderLabelsTilted), _(Ht, t.messages.chartBuilderLabelsVertical), Ut !== (Ut = e) && (Pt.value = (Pt.__value = e) ?? "", w(Pt, e)), _(Jt, t.messages.chartBuilderStyle), _(Zt, t.messages.chartBuilderFontSize), M(Qt, y(u).style?.fontSize ?? ""), _(tn, t.messages.chartBuilderFontFamily), M(nn, y(u).style?.fontFamily ?? ""), _(on, t.messages.chartBuilderBackground), M(sn, y(u).style?.background ?? ""), _(un, t.messages.chartBuilderTextColor), M(dn, y(u).style?.textColor ?? ""), _(mn, t.messages.chartBuilderResetFormat);
1118
- }, [() => y(u).xAxis?.labelRotation === void 0 ? "auto" : String(y(u).xAxis.labelRotation)]), m("input", l, (e) => f({ title: e.currentTarget.value })), m("input", E, (e) => f({ subtitle: e.currentTarget.value })), m("input", V, (e) => f({ caption: e.currentTarget.value })), m("change", K, (e) => f({ legend: e.currentTarget.value !== "none" && e.currentTarget.value })), m("change", Q, (e) => f({ dataLabels: e.currentTarget.value === "auto" ? void 0 : e.currentTarget.value === "none" ? null : e.currentTarget.value })), m("change", Ie, (e) => f({ seriesLabels: e.currentTarget.checked })), m("change", Be, (e) => f({ crosshairLabels: e.currentTarget.checked })), m("change", We, (e) => f({ compactBelow: T(e.currentTarget.value) })), m("input", Ze, (e) => g("yAxis", { title: e.currentTarget.value })), m("change", tt, (e) => g("yAxis", { min: T(e.currentTarget.value) })), m("change", at, (e) => g("yAxis", { max: T(e.currentTarget.value) })), m("change", lt, (e) => g("yAxis", { format: e.currentTarget.value || void 0 })), m("change", _t, (e) => g("yAxis", { gridLines: e.currentTarget.checked })), m("input", Et, (e) => g("xAxis", { title: e.currentTarget.value })), m("change", At, (e) => g("xAxis", { gridLines: e.currentTarget.checked })), m("change", Pt, (e) => g("xAxis", { labelRotation: e.currentTarget.value === "auto" ? "auto" : Number(e.currentTarget.value) })), m("change", Qt, (e) => x({ fontSize: T(e.currentTarget.value) ?? void 0 })), m("input", nn, (e) => x({ fontFamily: e.currentTarget.value || void 0 })), m("input", sn, (e) => x({ background: e.currentTarget.value || void 0 })), m("input", dn, (e) => x({ textColor: e.currentTarget.value || void 0 })), m("click", pn, () => n().chartFormat = null), F(e, r);
1118
+ _(s, t.messages.chartBuilderTitleField), M(l, y(u).title ?? ""), _(C, t.messages.chartBuilderSubtitle), M(E, y(u).subtitle ?? ""), _(te, t.messages.chartBuilderCaption), M(V, y(u).caption ?? ""), _(G, t.messages.chartBuilderLegend), _(J, t.messages.chartLegendBottom), _(X, t.messages.chartLegendTop), _(re, t.messages.chartLegendLeft), _(ie, t.messages.chartLegendRight), _(oe, t.messages.chartLegendHidden), se !== (se = y(u).legend === !1 ? "none" : y(u).legend ?? "bottom") && (K.value = (K.__value = y(u).legend === !1 ? "none" : y(u).legend ?? "bottom") ?? "", w(K, y(u).legend === !1 ? "none" : y(u).legend ?? "bottom")), _(ue, t.messages.chartBuilderDataLabels), _(pe, t.messages.chartBuilderPanelSetting), _(he, t.messages.chartLabelsTop), _(_e, t.messages.chartLabelsOutside), _(ye, t.messages.chartLabelsInside), _(xe, t.messages.chartLabelsCenter), _(Ce, t.messages.chartLabelsHidden), we !== (we = y(u).dataLabels === null ? "none" : y(u).dataLabels ?? "auto") && (de.value = (de.__value = y(u).dataLabels === null ? "none" : y(u).dataLabels ?? "auto") ?? "", w(de, y(u).dataLabels === null ? "none" : y(u).dataLabels ?? "auto")), _(De, t.messages.chartBuilderSeriesLabels), z(Oe, y(u).seriesLabels === !0), _(ze, t.messages.chartBuilderCrosshairLabels), z(Be, y(u).crosshairLabels !== !1), A(Ve, "title", t.messages.chartBuilderCompactBelowTitle), _(Ue, t.messages.chartBuilderCompactBelow), M(We, y(u).compactBelow ?? ""), A(We, "placeholder", t.messages.chartBuilderOff), _(qe, t.messages.chartBuilderValueAxis), _(Xe, t.messages.chartBuilderTitleField), M(Ze, y(u).yAxis?.title ?? ""), _(et, t.messages.chartBuilderMin), M(tt, y(u).yAxis?.min ?? ""), A(tt, "placeholder", t.messages.chartBuilderAuto), _(it, t.messages.chartBuilderMax), M(at, y(u).yAxis?.max ?? ""), A(at, "placeholder", t.messages.chartBuilderAuto), _(ct, t.messages.chartFormat), _(dt, t.messages.chartBuilderPanelSetting), pt !== (pt = y(u).yAxis?.format ?? "") && (lt.value = (lt.__value = y(u).yAxis?.format ?? "") ?? "", w(lt, y(u).yAxis?.format ?? "")), _(gt, t.messages.chartBuilderGridLines), z(_t, y(u).yAxis?.gridLines !== !1), _(St, t.messages.chartBuilderCategoryAxis), _(Tt, t.messages.chartBuilderTitleField), M(Et, y(u).xAxis?.title ?? ""), _(kt, t.messages.chartBuilderGridLines), z(At, y(u).xAxis?.gridLines === !0), _(Nt, t.messages.chartBuilderAxisLabels), _(It, t.messages.chartBuilderLabelsAuto), _(Rt, t.messages.chartBuilderLabelsHorizontal), _(Bt, t.messages.chartBuilderLabelsTilted), _(Ht, t.messages.chartBuilderLabelsVertical), Ut !== (Ut = e) && (Pt.value = (Pt.__value = e) ?? "", w(Pt, e)), _(Jt, t.messages.chartBuilderStyle), _(Zt, t.messages.chartBuilderFontSize), M(Qt, y(u).style?.fontSize ?? ""), _(tn, t.messages.chartBuilderFontFamily), M(nn, y(u).style?.fontFamily ?? ""), _(on, t.messages.chartBuilderBackground), M(sn, y(u).style?.background ?? ""), _(un, t.messages.chartBuilderTextColor), M(dn, y(u).style?.textColor ?? ""), _(mn, t.messages.chartBuilderResetFormat);
1119
+ }, [() => y(u).xAxis?.labelRotation === void 0 ? "auto" : String(y(u).xAxis.labelRotation)]), m("input", l, (e) => f({ title: e.currentTarget.value })), m("input", E, (e) => f({ subtitle: e.currentTarget.value })), m("input", V, (e) => f({ caption: e.currentTarget.value })), m("change", K, (e) => f({ legend: e.currentTarget.value !== "none" && e.currentTarget.value })), m("change", de, (e) => f({ dataLabels: e.currentTarget.value === "auto" ? void 0 : e.currentTarget.value === "none" ? null : e.currentTarget.value })), m("change", Oe, (e) => f({ seriesLabels: e.currentTarget.checked })), m("change", Be, (e) => f({ crosshairLabels: e.currentTarget.checked })), m("change", We, (e) => f({ compactBelow: T(e.currentTarget.value) })), m("input", Ze, (e) => g("yAxis", { title: e.currentTarget.value })), m("change", tt, (e) => g("yAxis", { min: T(e.currentTarget.value) })), m("change", at, (e) => g("yAxis", { max: T(e.currentTarget.value) })), m("change", lt, (e) => g("yAxis", { format: e.currentTarget.value || void 0 })), m("change", _t, (e) => g("yAxis", { gridLines: e.currentTarget.checked })), m("input", Et, (e) => g("xAxis", { title: e.currentTarget.value })), m("change", At, (e) => g("xAxis", { gridLines: e.currentTarget.checked })), m("change", Pt, (e) => g("xAxis", { labelRotation: e.currentTarget.value === "auto" ? "auto" : Number(e.currentTarget.value) })), m("change", Qt, (e) => x({ fontSize: T(e.currentTarget.value) ?? void 0 })), m("input", nn, (e) => x({ fontFamily: e.currentTarget.value || void 0 })), m("input", sn, (e) => x({ background: e.currentTarget.value || void 0 })), m("input", dn, (e) => x({ textColor: e.currentTarget.value || void 0 })), m("click", pn, () => n().chartFormat = null), F(e, r);
1119
1120
  };
1120
1121
  d(v, (e) => {
1121
1122
  r() === "type" ? e(C) : r() === "data" ? e(I, 1) : e(L, -1);
@@ -1162,4 +1163,4 @@ f([
1162
1163
  "input"
1163
1164
  ]);
1164
1165
  //#endregion
1165
- export { Le as default };
1166
+ export { Re as default };