@svgrid/grid 3.0.4 → 3.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +32 -11
- package/dist/GridMenus.svelte +34 -4
- package/dist/SvGrid.controller.svelte.d.ts +33 -5
- package/dist/SvGrid.controller.svelte.js +397 -58
- package/dist/SvGrid.css +200 -2
- package/dist/SvGrid.svelte +350 -40
- package/dist/SvGrid.types.d.ts +433 -7
- package/dist/SvGridDropdown.svelte +20 -0
- package/dist/SvGridDropdown.svelte.d.ts +12 -0
- package/dist/SvModal.svelte +22 -0
- package/dist/SvModal.svelte.d.ts +7 -0
- package/dist/a11y/dismissable.d.ts +10 -0
- package/dist/a11y/dismissable.js +24 -2
- package/dist/build-api.js +92 -37
- package/dist/cdn/{GridMenus-BL7ZgQvU.js → GridMenus-C-NtjlrJ.js} +155 -146
- package/dist/cdn/GridMenus-TssHej3q.js +644 -0
- package/dist/cdn/{SvChartMenu-FBSMINA6.js → SvChartMenu-BFSTpvB-.js} +1 -1
- package/dist/cdn/{SvChartMenu-Bl6PBbkT.js → SvChartMenu-BZ1Iwv0y.js} +1 -1
- package/dist/cdn/{SvDateTimePicker-DQwt4UAs.js → SvDateTimePicker-D9u_cOf8.js} +1 -1
- package/dist/cdn/{SvDateTimePicker-vNU6bZ-q.js → SvDateTimePicker-s_6IUpI7.js} +1 -1
- package/dist/cdn/{SvGridCellEditor-B1p-vCK5.js → SvGridCellEditor-BlyCSp0q.js} +1 -1
- package/dist/cdn/{SvGridCellEditor-D_0q4xAu.js → SvGridCellEditor-ClRRA9lW.js} +1 -1
- package/dist/cdn/{SvGridChart-DzLkSwCH.js → SvGridChart-B4EV8U6t.js} +4 -4
- package/dist/cdn/{SvGridChart-C3EWAZaM.js → SvGridChart-DsmwTyZF.js} +4 -4
- package/dist/cdn/{SvGridChartBuilder-CfII62sZ.js → SvGridChartBuilder-cHloHobN.js} +4 -4
- package/dist/cdn/{SvGridChartBuilder-BE2T1ykB.js → SvGridChartBuilder-vOl7C0Za.js} +4 -4
- package/dist/cdn/{SvGridChartPanel-xf4sWVTo.js → SvGridChartPanel-AcqF-Ll5.js} +5 -5
- package/dist/cdn/{SvGridChartPanel-CCX5_Wgd.js → SvGridChartPanel-biMtSBPA.js} +5 -5
- package/dist/cdn/{SvGridChartView-DYwabQWj.js → SvGridChartView-Dx_GmZuL.js} +2 -2
- package/dist/cdn/{SvGridChartView-CfuXmY5I.js → SvGridChartView-I3rDHXAq.js} +2 -2
- package/dist/cdn/{SvGridDropdown-D0VdjeR8.js → SvGridDropdown-BWeM3lMe.js} +46 -46
- package/dist/cdn/{SvGridDropdown-D13MtJ2j.js → SvGridDropdown-CJ6QqTxu.js} +67 -67
- package/dist/cdn/{SvModal-CIZWCcad.js → SvModal-ClxGmpAc.js} +187 -186
- package/dist/cdn/{SvModal-BAE-pjZX.js → SvModal-DhB_VMFR.js} +148 -147
- package/dist/cdn/{cell-formatting-C2Hf5gqd.js → cell-formatting-DVVKOSI9.js} +1 -1
- package/dist/cdn/{chart-Dz7SqMXH.js → chart-DEZxwC0i.js} +1 -1
- package/dist/cdn/{chart-panel-messages-CUbf2R4i.js → chart-panel-messages-D12XcTZJ.js} +1 -1
- package/dist/cdn/{chart-panel-messages-CmNrMdsr.js → chart-panel-messages-DguS7gC5.js} +1 -1
- package/dist/cdn/{chart-summary-BJW_tg_X.js → chart-summary-CMAXBGY-.js} +1 -1
- package/dist/cdn/{chart-trend-CaN9mDEV.js → chart-trend-BkEp61Gj.js} +1 -1
- package/dist/cdn/{dismissable-DAHetSNk.js → dismissable-Brc4EZU1.js} +5 -1
- package/dist/cdn/{export-format-CUDLy2yn.js → export-format-YzdwBww2.js} +1 -1
- package/dist/cdn/{row-resize-niQCp040.js → row-resize-DtOS1KG6.js} +41 -32
- package/dist/cdn/server-block-cache-DIqb3VZn.js +241 -0
- package/dist/cdn/{src-V1uu8iE9.js → src-CgoeSM8k.js} +5339 -4753
- package/dist/cdn/{src-BKhZ6eXd.js → src-DfwxB1TH.js} +9817 -9231
- package/dist/cdn/svgrid.js +28 -27
- package/dist/cdn/svgrid.svelte-external.js +28 -27
- package/dist/cdn/validate-AZoD8BoR.js +80 -0
- package/dist/cell-formatting.js +18 -1
- package/dist/cell-render.js +25 -6
- package/dist/clipboard.d.ts +2 -2
- package/dist/clipboard.js +72 -23
- package/dist/columns.js +7 -2
- package/dist/conditional-formatting.d.ts +2 -0
- package/dist/conditional-formatting.js +2 -0
- package/dist/core.d.ts +22 -6
- package/dist/core.js +401 -38
- package/dist/editing.js +34 -0
- package/dist/gantt-view.svelte.d.ts +24 -0
- package/dist/gantt-view.svelte.js +13 -0
- package/dist/grid-icons.d.ts +2 -2
- package/dist/grid-icons.js +2 -2
- package/dist/grid-messages.d.ts +10 -0
- package/dist/grid-messages.js +9 -0
- package/dist/headless.d.ts +5 -0
- package/dist/headless.js +12 -0
- package/dist/history.d.ts +21 -0
- package/dist/history.js +34 -4
- package/dist/index.d.ts +5 -4
- package/dist/index.js +3 -3
- package/dist/keyboard-handlers.js +24 -1
- package/dist/keyboard.js +4 -0
- package/dist/row-drag-touch.d.ts +1 -1
- package/dist/row-drag.js +35 -1
- package/dist/row-model.d.ts +139 -0
- package/dist/row-model.js +16 -0
- package/dist/row-resize.js +22 -1
- package/dist/selection.d.ts +2 -1
- package/dist/selection.js +31 -3
- package/dist/server-block-cache.d.ts +219 -0
- package/dist/server-block-cache.js +539 -0
- package/dist/server-data-source.d.ts +274 -8
- package/dist/server-data-source.js +229 -20
- package/dist/server.d.ts +13 -0
- package/dist/server.js +13 -0
- package/dist/sparkline.js +7 -5
- package/dist/svgrid-wrapper.types.d.ts +33 -0
- package/dist/validate.d.ts +4 -0
- package/dist/validate.js +29 -3
- package/package.json +11 -1
- package/src/GridMenus.svelte +34 -4
- package/src/SvGrid.controller.svelte.ts +397 -61
- package/src/SvGrid.css +200 -2
- package/src/SvGrid.svelte +350 -40
- package/src/SvGrid.types.ts +453 -7
- package/src/SvGridDropdown.svelte +20 -0
- package/src/SvModal.svelte +22 -0
- package/src/SvModal.test.ts +30 -1
- package/src/a11y/dismissable.test.ts +10 -1
- package/src/a11y/dismissable.ts +22 -2
- package/src/build-api.ts +96 -31
- package/src/cell-formatting.test.ts +17 -0
- package/src/cell-formatting.ts +18 -1
- package/src/cell-render.test.ts +24 -2
- package/src/cell-render.ts +24 -8
- package/src/clipboard.test.ts +107 -0
- package/src/clipboard.ts +62 -23
- package/src/columns.test.ts +4 -4
- package/src/columns.ts +7 -2
- package/src/conditional-formatting.test.ts +8 -0
- package/src/conditional-formatting.ts +3 -0
- package/src/core.rowmodel-cache.test.ts +51 -0
- package/src/core.tick-repair.test.ts +287 -0
- package/src/core.ts +407 -38
- package/src/editing.test.ts +52 -0
- package/src/editing.ts +33 -0
- package/src/gantt-stub.test.svelte +38 -0
- package/src/gantt-view.svelte.ts +35 -0
- package/src/grid-icons.ts +2 -2
- package/src/grid-messages.test.ts +7 -0
- package/src/grid-messages.ts +22 -0
- package/src/headless.ts +24 -0
- package/src/history.test.ts +49 -1
- package/src/history.ts +48 -2
- package/src/icon-seam.test.ts +2 -4
- package/src/index.ts +38 -10
- package/src/keyboard-handlers.coverage.test.ts +65 -0
- package/src/keyboard-handlers.ts +26 -1
- package/src/keyboard.ts +3 -0
- package/src/row-drag-touch.ts +2 -2
- package/src/row-drag.test.ts +51 -0
- package/src/row-drag.ts +35 -2
- package/src/row-model.ts +152 -0
- package/src/row-resize.ts +24 -1
- package/src/selection.test.ts +3 -0
- package/src/selection.ts +33 -3
- package/src/server-block-cache.test.ts +672 -0
- package/src/server-block-cache.ts +690 -0
- package/src/server-data-source.infinite.test.ts +405 -0
- package/src/server-data-source.test.ts +19 -0
- package/src/server-data-source.ts +496 -29
- package/src/server.ts +49 -0
- package/src/sparkline.test.ts +7 -0
- package/src/sparkline.ts +6 -4
- package/src/svgrid-wrapper.types.ts +32 -0
- package/src/svgrid.api.test.ts +21 -0
- package/src/svgrid.charting.test.ts +12 -4
- package/src/svgrid.context-menu.test.ts +12 -0
- package/src/svgrid.detail-rows.svelte.test.ts +187 -0
- package/src/svgrid.filter-menu-scroll.test.ts +9 -0
- package/src/svgrid.gantt-seam.test.ts +199 -0
- package/src/svgrid.live-update-paths.svelte.test.ts +184 -0
- package/src/svgrid.menu-scroll-close.test.ts +10 -0
- package/src/svgrid.row-model-prop.svelte.test.ts +352 -0
- package/src/svgrid.row-model-seam.svelte.test.ts +305 -0
- package/src/svgrid.row-pinning.test.ts +15 -1
- package/src/svgrid.selection-bar-seam.test.ts +1 -1
- package/src/svgrid.sticky-groups.svelte.test.ts +145 -0
- package/src/svgrid.upsell-license.test.ts +8 -5
- package/src/test-setup.ts +12 -0
- package/src/transaction.test.ts +58 -0
- package/src/validate.test.ts +29 -0
- package/src/validate.ts +34 -3
- package/dist/SvGroupCell.svelte +0 -141
- package/dist/SvGroupCell.svelte.d.ts +0 -49
- package/dist/SvRowGroupPanel.svelte +0 -186
- package/dist/SvRowGroupPanel.svelte.d.ts +0 -25
- package/dist/cdn/GridMenus-7kbpnnBW.js +0 -635
- package/dist/cdn/validate-_CDJzgIo.js +0 -75
- package/dist/server-group-model.d.ts +0 -98
- package/dist/server-group-model.js +0 -263
- package/src/SvGroupCell.svelte +0 -141
- package/src/SvRowGroupPanel.svelte +0 -186
- package/src/server-group-model.test.ts +0 -294
- package/src/server-group-model.ts +0 -370
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { i as e } from "./editor-contract-LXgQJAgd.js";
|
|
2
2
|
import { i as t } from "./popover-P-9P2YYn.js";
|
|
3
|
-
import { t as n } from "./dismissable-
|
|
4
|
-
import { n as r } from "./focus-trap-BBOQYBma.js";
|
|
5
|
-
import * as
|
|
3
|
+
import { t as n } from "./dismissable-Brc4EZU1.js";
|
|
4
|
+
import { n as r, r as i } from "./focus-trap-BBOQYBma.js";
|
|
5
|
+
import * as a from "svelte/internal/client";
|
|
6
6
|
import "svelte/internal/disclose-version";
|
|
7
7
|
//#region src/a11y/scroll-lock.ts
|
|
8
|
-
var
|
|
9
|
-
function
|
|
8
|
+
var o = 0, s = "", c = "";
|
|
9
|
+
function l() {
|
|
10
10
|
if (typeof document > "u") return () => {};
|
|
11
11
|
let e = document.body;
|
|
12
|
-
if (
|
|
13
|
-
|
|
12
|
+
if (o === 0) {
|
|
13
|
+
s = e.style.overflow, c = e.style.paddingRight;
|
|
14
14
|
let t = window.innerWidth - document.documentElement.clientWidth;
|
|
15
15
|
if (t > 0) {
|
|
16
16
|
let n = parseFloat(getComputedStyle(e).paddingRight) || 0;
|
|
@@ -18,24 +18,24 @@ function c() {
|
|
|
18
18
|
}
|
|
19
19
|
e.style.overflow = "hidden";
|
|
20
20
|
}
|
|
21
|
-
|
|
21
|
+
o++;
|
|
22
22
|
let t = !1;
|
|
23
23
|
return () => {
|
|
24
|
-
t || (t = !0,
|
|
24
|
+
t || (t = !0, o = Math.max(0, o - 1), o === 0 && (e.style.overflow = s, e.style.paddingRight = c));
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
|
-
function
|
|
28
|
-
return
|
|
27
|
+
function u() {
|
|
28
|
+
return o;
|
|
29
29
|
}
|
|
30
30
|
//#endregion
|
|
31
31
|
//#region src/createOverlay.svelte.ts
|
|
32
|
-
function
|
|
33
|
-
return
|
|
32
|
+
function d(e) {
|
|
33
|
+
return a.user_effect(() => {
|
|
34
34
|
if (!e.open() || !e.getDialog()) return;
|
|
35
35
|
e.onOpen?.();
|
|
36
36
|
let t = e.getDialog(), i = e.trapFocus?.() ?? !0 ? r(t, e.initialFocus ? { initialFocus: e.initialFocus } : void 0) : null;
|
|
37
37
|
i?.activate();
|
|
38
|
-
let a = e.scrollLock?.() ?? !0 ?
|
|
38
|
+
let a = e.scrollLock?.() ?? !0 ? l() : null, o = n({
|
|
39
39
|
element: () => e.getDialog(),
|
|
40
40
|
onDismiss: (t) => {
|
|
41
41
|
(t === "escape" ? e.closeOnEsc?.() ?? !0 : e.closeOnBackdrop?.() ?? !0) && e.onClose();
|
|
@@ -54,11 +54,11 @@ function u(e) {
|
|
|
54
54
|
}
|
|
55
55
|
//#endregion
|
|
56
56
|
//#region src/createTabs.svelte.ts
|
|
57
|
-
var
|
|
58
|
-
function
|
|
59
|
-
let t = `sv-tabs-${
|
|
60
|
-
|
|
61
|
-
},
|
|
57
|
+
var f = 0;
|
|
58
|
+
function p(e) {
|
|
59
|
+
let t = `sv-tabs-${f++}`, n = () => e.tabs(), r = () => e.orientation?.() ?? "horizontal", i = () => e.activation?.() ?? "automatic", o = a.derived(() => n().filter((e) => !e.disabled)), s = a.derived(() => e.value() ?? n().find((e) => !e.disabled)?.id ?? n()[0]?.id ?? ""), c = a.state(""), l = a.state(0), u = (e) => {
|
|
60
|
+
a.set(c, e, !0), a.update(l);
|
|
61
|
+
}, d = (e) => `${t}-tab-${e}`, p = (e) => `${t}-panel-${e}`;
|
|
62
62
|
function m(t) {
|
|
63
63
|
let r = n().find((e) => e.id === t);
|
|
64
64
|
!r || r.disabled || e.onChange?.(t);
|
|
@@ -67,33 +67,33 @@ function f(e) {
|
|
|
67
67
|
n().find((e) => e.id === t)?.closable && e.onClose?.(t);
|
|
68
68
|
}
|
|
69
69
|
function g(t) {
|
|
70
|
-
let n =
|
|
70
|
+
let n = a.get(o);
|
|
71
71
|
if (!n.length) return;
|
|
72
|
-
let c = n.findIndex((e) => e.id ===
|
|
72
|
+
let c = n.findIndex((e) => e.id === a.get(s)), l = r() === "horizontal", d = l && e.dir?.() === "rtl", f = l ? d ? "ArrowLeft" : "ArrowRight" : "ArrowDown", p = l ? d ? "ArrowRight" : "ArrowLeft" : "ArrowUp", g = null;
|
|
73
73
|
if (t.key === f) g = n[(c + 1) % n.length]?.id ?? null;
|
|
74
74
|
else if (t.key === p) g = n[(c - 1 + n.length) % n.length]?.id ?? null;
|
|
75
75
|
else if (t.key === "Home") g = n[0]?.id ?? null;
|
|
76
76
|
else if (t.key === "End") g = n.at(-1)?.id ?? null;
|
|
77
|
-
else if ((t.key === "Enter" || t.key === " ") &&
|
|
78
|
-
t.preventDefault(), m(
|
|
77
|
+
else if ((t.key === "Enter" || t.key === " ") && i() === "manual") {
|
|
78
|
+
t.preventDefault(), m(a.get(s));
|
|
79
79
|
return;
|
|
80
80
|
} else if (t.key === "Delete") {
|
|
81
|
-
t.preventDefault(), h(
|
|
81
|
+
t.preventDefault(), h(a.get(s));
|
|
82
82
|
return;
|
|
83
83
|
} else return;
|
|
84
|
-
g && (t.preventDefault(), u(g),
|
|
84
|
+
g && (t.preventDefault(), u(g), i() === "automatic" && m(g));
|
|
85
85
|
}
|
|
86
86
|
return {
|
|
87
87
|
get activeId() {
|
|
88
|
-
return
|
|
88
|
+
return a.get(s);
|
|
89
89
|
},
|
|
90
90
|
get focusId() {
|
|
91
|
-
return
|
|
91
|
+
return a.get(c);
|
|
92
92
|
},
|
|
93
93
|
get focusTick() {
|
|
94
|
-
return
|
|
94
|
+
return a.get(l);
|
|
95
95
|
},
|
|
96
|
-
isActive: (e) => e ===
|
|
96
|
+
isActive: (e) => e === a.get(s),
|
|
97
97
|
select: m,
|
|
98
98
|
close: h,
|
|
99
99
|
onKeydown: g,
|
|
@@ -103,10 +103,10 @@ function f(e) {
|
|
|
103
103
|
"aria-label": e.ariaLabel?.()
|
|
104
104
|
}),
|
|
105
105
|
tabProps: (e) => {
|
|
106
|
-
let t = n().find((t) => t.id === e), r = e ===
|
|
106
|
+
let t = n().find((t) => t.id === e), r = e === a.get(s);
|
|
107
107
|
return {
|
|
108
108
|
role: "tab",
|
|
109
|
-
id:
|
|
109
|
+
id: d(e),
|
|
110
110
|
"data-tab": e,
|
|
111
111
|
"aria-selected": r,
|
|
112
112
|
"aria-controls": p(e),
|
|
@@ -119,279 +119,280 @@ function f(e) {
|
|
|
119
119
|
panelProps: (e) => ({
|
|
120
120
|
role: "tabpanel",
|
|
121
121
|
id: p(e),
|
|
122
|
-
"aria-labelledby":
|
|
122
|
+
"aria-labelledby": d(e),
|
|
123
123
|
tabindex: 0
|
|
124
124
|
})
|
|
125
125
|
};
|
|
126
126
|
}
|
|
127
127
|
//#endregion
|
|
128
128
|
//#region src/SvTabs.svelte
|
|
129
|
-
var
|
|
129
|
+
var m = a.from_html("<button type=\"button\" class=\"sv-tabs__scroll svelte-kxoh8m\" 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>"), h = a.from_html("<button type=\"button\" class=\"sv-tabs__close svelte-kxoh8m\" 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>"), g = a.from_html("<span role=\"presentation\"><button> </button> <!></span>"), _ = a.from_html("<button type=\"button\" class=\"sv-tabs__scroll svelte-kxoh8m\" 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>"), v = a.from_html("<div><!></div>"), y = a.from_html("<div><div class=\"sv-tabs__strip svelte-kxoh8m\"><!> <div></div> <!></div> <!></div>"), b = {
|
|
130
130
|
hash: "svelte-kxoh8m",
|
|
131
131
|
code: ".sv-tabs.svelte-kxoh8m {--_accent: var(--sg-accent, #2563eb);display:flex;gap:0;}.sv-tabs--top.svelte-kxoh8m {flex-direction:column;}.sv-tabs--bottom.svelte-kxoh8m {flex-direction:column-reverse;}.sv-tabs--left.svelte-kxoh8m {flex-direction:row;}.sv-tabs--right.svelte-kxoh8m {flex-direction:row-reverse;}.sv-tabs__strip.svelte-kxoh8m {display:flex;align-items:center;min-width:0;}.sv-tabs--vertical.svelte-kxoh8m .sv-tabs__strip:where(.svelte-kxoh8m) {align-items:stretch;}.sv-tabs__list.svelte-kxoh8m {display:flex;gap:2px;}.sv-tabs--horizontal.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {overflow-x:auto;flex:1 1 auto;min-width:0;scrollbar-width:none;scroll-behavior:smooth;}.sv-tabs--horizontal.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m)::-webkit-scrollbar {display:none;}.sv-tabs--horizontal.svelte-kxoh8m .sv-tabs__tabwrap:where(.svelte-kxoh8m) {flex:none;}.sv-tabs--vertical.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {flex-direction:column;}.sv-tabs__scroll.svelte-kxoh8m {flex:none;display:grid;place-items:center;width:26px;align-self:stretch;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;}.sv-tabs__scroll.svelte-kxoh8m:hover:not(:disabled) {color:var(--_accent);}.sv-tabs__scroll.svelte-kxoh8m:disabled {opacity:0.3;cursor:default;}\n /* Drag-reorder feedback */.sv-tabs__tabwrap.is-drag.svelte-kxoh8m {opacity:0.4;}.sv-tabs__tabwrap.is-over.svelte-kxoh8m::before {content:'';position:absolute;inset-inline-start:-1px;top:5px;bottom:5px;width:2px;background:var(--_accent);border-radius:2px;}.sv-tabs__tabwrap[draggable='true'].svelte-kxoh8m .sv-tabs__tab:where(.svelte-kxoh8m) {cursor:grab;}.sv-tabs--top.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {border-bottom:1px solid var(--sg-border, #e2e8f0);}.sv-tabs--bottom.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {border-top:1px solid var(--sg-border, #e2e8f0);}.sv-tabs--left.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {border-inline-end:1px solid var(--sg-border, #e2e8f0);}.sv-tabs--right.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {border-inline-start:1px solid var(--sg-border, #e2e8f0);}.sv-tabs--pill.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {border:0;background:var(--sg-header-bg, #f1f5f9);padding:3px;border-radius:9px;gap:3px;}.sv-tabs__tabwrap.svelte-kxoh8m {position:relative;display:inline-flex;align-items:center;}.sv-tabs__tab.svelte-kxoh8m {background:none;border:0;font:inherit;font-size:13px;font-weight:600;color:var(--sg-muted, #64748b);padding:9px 14px;cursor:pointer;white-space:nowrap;}.sv-tabs__tabwrap.is-closable.svelte-kxoh8m .sv-tabs__tab:where(.svelte-kxoh8m) {padding-inline-end:4px;}.sv-tabs__tab.svelte-kxoh8m:hover:not(:disabled):not(.is-active) {color:var(--sg-fg, #0f172a);}.sv-tabs__tab.svelte-kxoh8m:disabled {opacity:0.45;cursor:not-allowed;}.sv-tabs__tab.svelte-kxoh8m:focus-visible {outline:2px solid var(--sg-focus-ring, var(--_accent));outline-offset:-2px;border-radius:6px;}.sv-tabs__close.svelte-kxoh8m {display:grid;place-items:center;width:18px;height:18px;margin-inline-end:8px;flex:none;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;border-radius:4px;}.sv-tabs__close.svelte-kxoh8m:hover {background:var(--sg-row-hover-bg, #f1f5f9);color:var(--sg-danger, #dc2626);}.sv-tabs--line.svelte-kxoh8m .sv-tabs__tab.is-active:where(.svelte-kxoh8m) {color:var(--_accent);}.sv-tabs--line.svelte-kxoh8m .sv-tabs__tabwrap.is-active:where(.svelte-kxoh8m)::after {content:'';position:absolute;background:var(--_accent);}.sv-tabs--line.sv-tabs--top.svelte-kxoh8m .sv-tabs__tabwrap.is-active:where(.svelte-kxoh8m)::after {left:8px;right:8px;height:2px;bottom:-1px;}.sv-tabs--line.sv-tabs--bottom.svelte-kxoh8m .sv-tabs__tabwrap.is-active:where(.svelte-kxoh8m)::after {left:8px;right:8px;height:2px;top:-1px;}.sv-tabs--line.sv-tabs--left.svelte-kxoh8m .sv-tabs__tabwrap.is-active:where(.svelte-kxoh8m)::after {top:8px;bottom:8px;width:2px;inset-inline-end:-1px;}.sv-tabs--line.sv-tabs--right.svelte-kxoh8m .sv-tabs__tabwrap.is-active:where(.svelte-kxoh8m)::after {top:8px;bottom:8px;width:2px;inset-inline-start:-1px;}.sv-tabs--pill.svelte-kxoh8m .sv-tabs__tab:where(.svelte-kxoh8m) {border-radius:7px;padding:7px 14px;}.sv-tabs--pill.svelte-kxoh8m .sv-tabs__tabwrap.is-active:where(.svelte-kxoh8m) .sv-tabs__tab:where(.svelte-kxoh8m), .sv-tabs--pill.svelte-kxoh8m .sv-tabs__tab.is-active:where(.svelte-kxoh8m) {background:var(--sg-bg, #fff);color:var(--sg-fg, #0f172a);box-shadow:0 1px 2px rgba(0,0,0,0.08);}.sv-tabs__panel.svelte-kxoh8m {padding:16px 2px;outline:none;flex:1;min-width:0;}"
|
|
132
132
|
};
|
|
133
|
-
function
|
|
134
|
-
|
|
135
|
-
let n =
|
|
133
|
+
function x(e, t) {
|
|
134
|
+
a.push(t, !0), a.append_styles(e, b);
|
|
135
|
+
let n = a.prop(t, "value", 15), r = a.prop(t, "variant", 3, "line"), i = a.prop(t, "activation", 3, "automatic"), o = a.prop(t, "reorderable", 3, !1), s = a.derived(() => t.tabPosition ?? (t.orientation === "vertical" ? "left" : "top")), c = a.derived(() => a.get(s) === "left" || a.get(s) === "right" ? "vertical" : "horizontal"), l = a.derived(() => t.dir === "ltr" || t.dir === "rtl" ? t.dir : void 0), u = a.state(0), d = a.state(0), f = a.state(0), x = a.derived(() => a.get(c) === "horizontal" && a.get(f) > a.get(d) + 1), S = a.derived(() => a.get(u) <= 1), C = a.derived(() => a.get(u) + a.get(d) >= a.get(f) - 1);
|
|
136
136
|
function w() {
|
|
137
|
-
j && (
|
|
137
|
+
j && (a.set(d, j.clientWidth, !0), a.set(f, j.scrollWidth, !0), a.set(u, j.scrollLeft, !0));
|
|
138
138
|
}
|
|
139
|
-
|
|
139
|
+
a.user_effect(() => {
|
|
140
140
|
t.tabs.length, queueMicrotask(w);
|
|
141
|
-
}),
|
|
141
|
+
}), a.user_effect(() => {
|
|
142
142
|
let e = () => w();
|
|
143
143
|
return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
|
|
144
144
|
});
|
|
145
145
|
function T(e) {
|
|
146
146
|
j?.scrollBy({
|
|
147
|
-
left: e * Math.max(120,
|
|
147
|
+
left: e * Math.max(120, a.get(d) * .7),
|
|
148
148
|
behavior: "smooth"
|
|
149
149
|
});
|
|
150
150
|
}
|
|
151
|
-
let E =
|
|
151
|
+
let E = a.state(null), D = a.state(null);
|
|
152
152
|
function O(e, n) {
|
|
153
153
|
if (e === n) return;
|
|
154
154
|
let r = t.tabs.map((e) => e.id), i = r.indexOf(e), a = r.indexOf(n);
|
|
155
155
|
i < 0 || a < 0 || (r.splice(a, 0, r.splice(i, 1)[0]), t.onReorder?.(r));
|
|
156
156
|
}
|
|
157
|
-
let k =
|
|
157
|
+
let k = p({
|
|
158
158
|
tabs: () => t.tabs,
|
|
159
159
|
value: () => n(),
|
|
160
160
|
onChange: (e) => {
|
|
161
161
|
n(e), t.onChange?.(e);
|
|
162
162
|
},
|
|
163
163
|
onClose: (e) => t.onClose?.(e),
|
|
164
|
-
orientation: () =>
|
|
165
|
-
activation: () =>
|
|
164
|
+
orientation: () => a.get(c),
|
|
165
|
+
activation: () => i(),
|
|
166
166
|
dir: () => t.dir,
|
|
167
167
|
ariaLabel: () => t.ariaLabel
|
|
168
|
-
}), A =
|
|
169
|
-
|
|
168
|
+
}), A = a.derived(() => k.activeId), j = null, M = 0;
|
|
169
|
+
a.user_effect(() => {
|
|
170
170
|
if (k.focusTick !== M) {
|
|
171
171
|
M = k.focusTick;
|
|
172
172
|
let e = k.focusId;
|
|
173
173
|
queueMicrotask(() => j?.querySelector(`[data-tab="${e}"]`)?.focus());
|
|
174
174
|
}
|
|
175
175
|
});
|
|
176
|
-
var N =
|
|
177
|
-
var t =
|
|
178
|
-
|
|
176
|
+
var N = y(), P = a.child(N), F = a.child(P), I = (e) => {
|
|
177
|
+
var t = m();
|
|
178
|
+
a.template_effect(() => t.disabled = a.get(S)), a.delegated("click", t, () => T(-1)), a.append(e, t);
|
|
179
179
|
};
|
|
180
|
-
|
|
181
|
-
|
|
180
|
+
a.if(F, (e) => {
|
|
181
|
+
a.get(x) && e(I);
|
|
182
182
|
});
|
|
183
|
-
var L =
|
|
184
|
-
|
|
183
|
+
var L = a.sibling(F, 2), R = (e) => a.set(u, e.currentTarget.scrollLeft, !0);
|
|
184
|
+
a.attribute_effect(L, (e) => ({
|
|
185
185
|
class: "sv-tabs__list",
|
|
186
186
|
onscroll: R,
|
|
187
187
|
...e
|
|
188
|
-
}), [() => k.tablistProps()], void 0, void 0, "svelte-kxoh8m"),
|
|
189
|
-
var n =
|
|
188
|
+
}), [() => k.tablistProps()], void 0, void 0, "svelte-kxoh8m"), a.each(L, 21, () => t.tabs, (e) => e.id, (e, t) => {
|
|
189
|
+
var n = g();
|
|
190
190
|
let r;
|
|
191
|
-
var
|
|
192
|
-
|
|
191
|
+
var i = a.child(n);
|
|
192
|
+
a.attribute_effect(i, (e) => ({
|
|
193
193
|
type: "button",
|
|
194
194
|
class: "sv-tabs__tab",
|
|
195
195
|
...e,
|
|
196
|
-
[
|
|
197
|
-
}), [() => k.tabProps(
|
|
198
|
-
var s =
|
|
199
|
-
|
|
200
|
-
var c =
|
|
201
|
-
var n =
|
|
202
|
-
|
|
203
|
-
e.stopPropagation(), k.close(
|
|
204
|
-
}),
|
|
196
|
+
[a.CLASS]: { "is-active": a.get(t).id === a.get(A) }
|
|
197
|
+
}), [() => k.tabProps(a.get(t).id)], void 0, void 0, "svelte-kxoh8m");
|
|
198
|
+
var s = a.child(i, !0);
|
|
199
|
+
a.reset(i);
|
|
200
|
+
var c = a.sibling(i, 2), l = (e) => {
|
|
201
|
+
var n = h();
|
|
202
|
+
a.template_effect(() => a.set_attribute(n, "aria-label", `Close ${a.get(t).label}`)), a.delegated("click", n, (e) => {
|
|
203
|
+
e.stopPropagation(), k.close(a.get(t).id);
|
|
204
|
+
}), a.append(e, n);
|
|
205
205
|
};
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
}),
|
|
209
|
-
r =
|
|
210
|
-
"is-active":
|
|
211
|
-
"is-closable":
|
|
212
|
-
"is-drag":
|
|
213
|
-
"is-over":
|
|
214
|
-
}),
|
|
215
|
-
}),
|
|
206
|
+
a.if(c, (e) => {
|
|
207
|
+
a.get(t).closable && e(l);
|
|
208
|
+
}), a.reset(n), a.template_effect(() => {
|
|
209
|
+
r = a.set_class(n, 1, "sv-tabs__tabwrap svelte-kxoh8m", null, r, {
|
|
210
|
+
"is-active": a.get(t).id === a.get(A),
|
|
211
|
+
"is-closable": a.get(t).closable,
|
|
212
|
+
"is-drag": a.get(E) === a.get(t).id,
|
|
213
|
+
"is-over": a.get(D) === a.get(t).id
|
|
214
|
+
}), a.set_attribute(n, "draggable", o() && !a.get(t).disabled), a.set_text(s, a.get(t).label);
|
|
215
|
+
}), a.event("dragstart", n, function(...e) {
|
|
216
216
|
(o() ? (e) => {
|
|
217
|
-
|
|
217
|
+
a.set(E, a.get(t).id, !0), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
|
|
218
218
|
} : void 0)?.apply(this, e);
|
|
219
|
-
}),
|
|
219
|
+
}), a.event("dragover", n, function(...e) {
|
|
220
220
|
(o() ? (e) => {
|
|
221
|
-
e.preventDefault(),
|
|
221
|
+
e.preventDefault(), a.set(D, a.get(t).id, !0);
|
|
222
222
|
} : void 0)?.apply(this, e);
|
|
223
|
-
}),
|
|
223
|
+
}), a.event("dragleave", n, function(...e) {
|
|
224
224
|
(o() ? () => {
|
|
225
|
-
|
|
225
|
+
a.get(D) === a.get(t).id && a.set(D, null);
|
|
226
226
|
} : void 0)?.apply(this, e);
|
|
227
|
-
}),
|
|
227
|
+
}), a.event("drop", n, function(...e) {
|
|
228
228
|
(o() ? (e) => {
|
|
229
|
-
e.preventDefault(),
|
|
229
|
+
e.preventDefault(), a.get(E) && O(a.get(E), a.get(t).id), a.set(E, null), a.set(D, null);
|
|
230
230
|
} : void 0)?.apply(this, e);
|
|
231
|
-
}),
|
|
231
|
+
}), a.event("dragend", n, function(...e) {
|
|
232
232
|
(o() ? () => {
|
|
233
|
-
|
|
233
|
+
a.set(E, null), a.set(D, null);
|
|
234
234
|
} : void 0)?.apply(this, e);
|
|
235
|
-
}),
|
|
236
|
-
}),
|
|
237
|
-
var z =
|
|
238
|
-
var t =
|
|
239
|
-
|
|
235
|
+
}), a.append(e, n);
|
|
236
|
+
}), a.reset(L), a.bind_this(L, (e) => j = e, () => j);
|
|
237
|
+
var z = a.sibling(L, 2), B = (e) => {
|
|
238
|
+
var t = _();
|
|
239
|
+
a.template_effect(() => t.disabled = a.get(C)), a.delegated("click", t, () => T(1)), a.append(e, t);
|
|
240
240
|
};
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
}),
|
|
244
|
-
var V =
|
|
245
|
-
var n =
|
|
246
|
-
|
|
241
|
+
a.if(z, (e) => {
|
|
242
|
+
a.get(x) && e(B);
|
|
243
|
+
}), a.reset(P);
|
|
244
|
+
var V = a.sibling(P, 2), H = (e) => {
|
|
245
|
+
var n = v();
|
|
246
|
+
a.attribute_effect(n, (e) => ({
|
|
247
247
|
class: "sv-tabs__panel",
|
|
248
248
|
...e
|
|
249
|
-
}), [() => k.panelProps(
|
|
250
|
-
var r =
|
|
251
|
-
|
|
249
|
+
}), [() => k.panelProps(a.get(A))], void 0, void 0, "svelte-kxoh8m");
|
|
250
|
+
var r = a.child(n);
|
|
251
|
+
a.snippet(r, () => t.panel, () => a.get(A)), a.reset(n), a.append(e, n);
|
|
252
252
|
};
|
|
253
|
-
|
|
253
|
+
a.if(V, (e) => {
|
|
254
254
|
t.panel && e(H);
|
|
255
|
-
}),
|
|
256
|
-
|
|
257
|
-
}),
|
|
255
|
+
}), a.reset(N), a.template_effect(() => {
|
|
256
|
+
a.set_class(N, 1, `sv-tabs sv-tabs--${a.get(s) ?? ""} sv-tabs--${a.get(c) ?? ""} sv-tabs--${r() ?? ""}`, "svelte-kxoh8m"), a.set_attribute(N, "dir", a.get(l)), N.dir = N.dir;
|
|
257
|
+
}), a.bind_element_size(L, "clientWidth", (e) => a.set(d, e)), a.append(e, N), a.pop();
|
|
258
258
|
}
|
|
259
|
-
|
|
259
|
+
a.delegate(["click"]);
|
|
260
260
|
//#endregion
|
|
261
261
|
//#region src/SvModal.svelte
|
|
262
|
-
var
|
|
262
|
+
var S = a.from_html("<button type=\"button\" class=\"sv-modal__x\" aria-label=\"Close\">×</button>"), C = a.from_html("<div><h2 class=\"sv-modal__title\"> </h2> <!></div>"), w = a.from_html("<div class=\"sv-modal__footer\"><!></div>"), T = a.from_html("<div class=\"sv-modal__resize\" aria-hidden=\"true\"></div>"), E = a.from_html("<div class=\"sv-modal__backdrop\"><div><!> <div class=\"sv-modal__body\"><!></div> <!> <!></div></div>"), D = {
|
|
263
263
|
hash: "svelte-11fjt09",
|
|
264
264
|
code: ".sv-modal__backdrop {position:fixed;inset:0;z-index:2147483000;background:rgba(15, 23, 42, 0.45);backdrop-filter:blur(1.5px);\n animation: svelte-11fjt09-sv-modal-fade 0.16s ease both;}\n @keyframes svelte-11fjt09-sv-modal-fade { from { opacity: 0 } to { opacity: 1 } }\n @media (prefers-reduced-motion: reduce) {.sv-modal__backdrop { animation: none} }.sv-modal {position:fixed;top:50%;left:50%;display:flex;flex-direction:column;max-width:94vw;max-height:88vh;min-width:240px;background:var(--sg-bg, #fff);color:var(--sg-fg, #0f172a);border:1px solid var(--sg-border, #e2e8f0);border-radius:12px;overflow:hidden;box-shadow:0 24px 64px -16px rgba(15, 23, 42, 0.5);\n animation: svelte-11fjt09-sv-modal-in 0.18s cubic-bezier(0.16, 1, 0.3, 1) both;}\n @keyframes svelte-11fjt09-sv-modal-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.94) } to { opacity: 1 } }\n @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 {display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--sg-border, #e2e8f0);}.sv-modal__header.is-draggable {cursor:move;touch-action:none;user-select:none;}.sv-modal__title {flex:1;margin:0;font-size:15px;font-weight:650;}.sv-modal__x {flex:none;width:28px;height:28px;display:grid;place-items:center;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;border-radius:6px;font-size:20px;line-height:1;}.sv-modal__x:hover {background:var(--sg-row-hover-bg, #f1f5f9);color:var(--sg-fg, #0f172a);}.sv-modal__body {padding:16px;overflow:auto;flex:1;font-size:13.5px;line-height:1.6;}.sv-modal__footer {display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--sg-border, #e2e8f0);}.sv-modal__resize {position:absolute;inset-inline-end:0;bottom:0;width:16px;height:16px;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:0.6;}"
|
|
265
265
|
};
|
|
266
|
-
function
|
|
267
|
-
|
|
268
|
-
let
|
|
266
|
+
function O(n, r) {
|
|
267
|
+
a.push(r, !0), a.append_styles(n, D);
|
|
268
|
+
let o = a.prop(r, "open", 15, !1), s = a.prop(r, "size", 3, "md"), c = a.prop(r, "draggable", 3, !1), l = a.prop(r, "resizable", 3, !1), u = a.prop(r, "closeOnBackdrop", 3, !0), f = a.prop(r, "closeOnEsc", 3, !0), p = a.prop(r, "hideClose", 3, !1), m = e("sv-modal-title"), h = a.state(null), g = a.state(a.proxy({
|
|
269
269
|
x: 0,
|
|
270
270
|
y: 0
|
|
271
|
-
})),
|
|
272
|
-
function
|
|
273
|
-
|
|
271
|
+
})), _ = a.state(null);
|
|
272
|
+
function v() {
|
|
273
|
+
o(!1), r.onClose?.();
|
|
274
274
|
}
|
|
275
|
-
let
|
|
276
|
-
open: () =>
|
|
277
|
-
getDialog: () =>
|
|
278
|
-
onClose:
|
|
279
|
-
closeOnEsc: () =>
|
|
280
|
-
closeOnBackdrop: () =>
|
|
275
|
+
let y = d({
|
|
276
|
+
open: () => o(),
|
|
277
|
+
getDialog: () => a.get(h),
|
|
278
|
+
onClose: v,
|
|
279
|
+
closeOnEsc: () => f(),
|
|
280
|
+
closeOnBackdrop: () => u(),
|
|
281
281
|
onOpen: () => {
|
|
282
|
-
|
|
282
|
+
a.set(g, {
|
|
283
283
|
x: 0,
|
|
284
284
|
y: 0
|
|
285
|
-
}, !0),
|
|
286
|
-
}
|
|
287
|
-
|
|
285
|
+
}, !0), a.set(_, null);
|
|
286
|
+
},
|
|
287
|
+
initialFocus: () => r.initialFocus?.() || (a.get(h) ? i(a.get(h)).find((e) => !e.closest(".sv-modal__header")) ?? a.get(h) : null)
|
|
288
|
+
}), b = !1, x = {
|
|
288
289
|
x: 0,
|
|
289
290
|
y: 0,
|
|
290
291
|
ox: 0,
|
|
291
292
|
oy: 0
|
|
292
293
|
};
|
|
293
|
-
function
|
|
294
|
-
!
|
|
294
|
+
function O(e) {
|
|
295
|
+
!c() || e.target.closest(".sv-modal__x") || (b = !0, x = {
|
|
295
296
|
x: e.clientX,
|
|
296
297
|
y: e.clientY,
|
|
297
|
-
ox:
|
|
298
|
-
oy:
|
|
298
|
+
ox: a.get(g).x,
|
|
299
|
+
oy: a.get(g).y
|
|
299
300
|
}, e.currentTarget.setPointerCapture(e.pointerId));
|
|
300
301
|
}
|
|
301
|
-
function
|
|
302
|
-
|
|
303
|
-
x:
|
|
304
|
-
y:
|
|
302
|
+
function k(e) {
|
|
303
|
+
b && a.set(g, {
|
|
304
|
+
x: x.ox + (e.clientX - x.x),
|
|
305
|
+
y: x.oy + (e.clientY - x.y)
|
|
305
306
|
}, !0);
|
|
306
307
|
}
|
|
307
|
-
function
|
|
308
|
-
|
|
308
|
+
function A(e) {
|
|
309
|
+
b && (b = !1, e.currentTarget.releasePointerCapture(e.pointerId));
|
|
309
310
|
}
|
|
310
|
-
let
|
|
311
|
+
let j = !1, M = {
|
|
311
312
|
x: 0,
|
|
312
313
|
y: 0,
|
|
313
314
|
w: 0,
|
|
314
315
|
h: 0
|
|
315
316
|
};
|
|
316
|
-
function
|
|
317
|
-
if (!
|
|
318
|
-
e.stopPropagation(),
|
|
319
|
-
let t =
|
|
320
|
-
|
|
317
|
+
function N(e) {
|
|
318
|
+
if (!l() || !a.get(h)) return;
|
|
319
|
+
e.stopPropagation(), j = !0;
|
|
320
|
+
let t = a.get(h).getBoundingClientRect();
|
|
321
|
+
M = {
|
|
321
322
|
x: e.clientX,
|
|
322
323
|
y: e.clientY,
|
|
323
324
|
w: t.width,
|
|
324
325
|
h: t.height
|
|
325
|
-
},
|
|
326
|
+
}, a.set(_, {
|
|
326
327
|
w: t.width,
|
|
327
328
|
h: t.height
|
|
328
329
|
}, !0), e.currentTarget.setPointerCapture(e.pointerId);
|
|
329
330
|
}
|
|
330
|
-
function
|
|
331
|
-
|
|
332
|
-
w: Math.max(240,
|
|
333
|
-
h: Math.max(160,
|
|
331
|
+
function P(e) {
|
|
332
|
+
j && a.set(_, {
|
|
333
|
+
w: Math.max(240, M.w + (e.clientX - M.x)),
|
|
334
|
+
h: Math.max(160, M.h + (e.clientY - M.y))
|
|
334
335
|
}, !0);
|
|
335
336
|
}
|
|
336
|
-
function
|
|
337
|
-
|
|
337
|
+
function F(e) {
|
|
338
|
+
j && (j = !1, e.currentTarget.releasePointerCapture(e.pointerId));
|
|
338
339
|
}
|
|
339
|
-
var
|
|
340
|
-
var n =
|
|
341
|
-
|
|
342
|
-
class: `sv-modal sv-modal--${
|
|
340
|
+
var I = a.comment(), L = a.first_child(I), R = (e) => {
|
|
341
|
+
var n = E(), i = a.child(n);
|
|
342
|
+
a.attribute_effect(i, (e) => ({
|
|
343
|
+
class: `sv-modal sv-modal--${s() ?? ""}`,
|
|
343
344
|
...e,
|
|
344
|
-
[
|
|
345
|
-
[
|
|
346
|
-
transform: `translate(calc(-50% + ${
|
|
347
|
-
width:
|
|
348
|
-
height:
|
|
345
|
+
[a.CLASS]: { "is-resized": !!a.get(_) },
|
|
346
|
+
[a.STYLE]: {
|
|
347
|
+
transform: `translate(calc(-50% + ${a.get(g).x}px), calc(-50% + ${a.get(g).y}px))`,
|
|
348
|
+
width: a.get(_) ? `${a.get(_).w}px` : r.width ? `${r.width}px` : void 0,
|
|
349
|
+
height: a.get(_) ? `${a.get(_).h}px` : void 0
|
|
349
350
|
}
|
|
350
|
-
}), [() =>
|
|
351
|
-
var
|
|
352
|
-
var t =
|
|
351
|
+
}), [() => y.dialogProps({ labelledBy: r.title ? m : void 0 })]);
|
|
352
|
+
var o = a.child(i), u = (e) => {
|
|
353
|
+
var t = C();
|
|
353
354
|
let n;
|
|
354
|
-
var
|
|
355
|
-
|
|
356
|
-
var
|
|
357
|
-
var t =
|
|
358
|
-
|
|
355
|
+
var i = a.child(t), o = a.child(i, !0);
|
|
356
|
+
a.reset(i);
|
|
357
|
+
var s = a.sibling(i, 2), l = (e) => {
|
|
358
|
+
var t = S();
|
|
359
|
+
a.delegated("click", t, v), a.append(e, t);
|
|
359
360
|
};
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
}),
|
|
363
|
-
n =
|
|
364
|
-
}),
|
|
361
|
+
a.if(s, (e) => {
|
|
362
|
+
p() || e(l);
|
|
363
|
+
}), a.reset(t), a.template_effect(() => {
|
|
364
|
+
n = a.set_class(t, 1, "sv-modal__header", null, n, { "is-draggable": c() }), a.set_attribute(i, "id", m), a.set_text(o, r.title ?? "");
|
|
365
|
+
}), a.delegated("pointerdown", t, O), a.delegated("pointermove", t, k), a.delegated("pointerup", t, A), a.event("pointercancel", t, A), a.append(e, t);
|
|
365
366
|
};
|
|
366
|
-
|
|
367
|
-
(r.title || !
|
|
367
|
+
a.if(o, (e) => {
|
|
368
|
+
(r.title || !p()) && e(u);
|
|
368
369
|
});
|
|
369
|
-
var d =
|
|
370
|
-
|
|
371
|
-
var b =
|
|
372
|
-
var t =
|
|
373
|
-
|
|
370
|
+
var d = a.sibling(o, 2), f = a.child(d);
|
|
371
|
+
a.snippet(f, () => r.children ?? a.noop), a.reset(d);
|
|
372
|
+
var b = a.sibling(d, 2), x = (e) => {
|
|
373
|
+
var t = w(), n = a.child(t);
|
|
374
|
+
a.snippet(n, () => r.footer), a.reset(t), a.append(e, t);
|
|
374
375
|
};
|
|
375
|
-
|
|
376
|
-
r.footer && e(
|
|
376
|
+
a.if(b, (e) => {
|
|
377
|
+
r.footer && e(x);
|
|
377
378
|
});
|
|
378
|
-
var
|
|
379
|
-
var t =
|
|
380
|
-
|
|
379
|
+
var D = a.sibling(b, 2), j = (e) => {
|
|
380
|
+
var t = T();
|
|
381
|
+
a.delegated("pointerdown", t, N), a.delegated("pointermove", t, P), a.delegated("pointerup", t, F), a.event("pointercancel", t, F), a.append(e, t);
|
|
381
382
|
};
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
}),
|
|
383
|
+
a.if(D, (e) => {
|
|
384
|
+
l() && e(j);
|
|
385
|
+
}), a.reset(i), a.bind_this(i, (e) => a.set(h, e), () => a.get(h)), a.reset(n), a.action(n, (e) => t?.(e)), a.append(e, n);
|
|
385
386
|
};
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
}),
|
|
387
|
+
a.if(L, (e) => {
|
|
388
|
+
o() && e(R);
|
|
389
|
+
}), a.append(n, I), a.pop();
|
|
389
390
|
}
|
|
390
|
-
|
|
391
|
+
a.delegate([
|
|
391
392
|
"pointerdown",
|
|
392
393
|
"pointermove",
|
|
393
394
|
"pointerup",
|
|
394
395
|
"click"
|
|
395
396
|
]);
|
|
396
397
|
//#endregion
|
|
397
|
-
export {
|
|
398
|
+
export { l as a, d as i, x as n, u as o, p as r, O as t };
|