@svgrid/grid-wc 3.0.1 → 3.0.2
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 +20 -0
- package/dist/GridMenus-B1mC1aPp.js +1077 -0
- package/dist/SvChartMenu-CBMKm7Xb.js +413 -0
- package/dist/SvDateRangeInput-BrYTQEMM.js +197 -0
- package/dist/SvDateTimePicker-CnLlqNDQ.js +766 -0
- package/dist/SvField-Bmzp3ObZ.js +147 -0
- package/dist/SvGridCellEditor-B005dmV1.js +560 -0
- package/dist/SvGridChart-4TcL9Rj2.js +3702 -0
- package/dist/SvGridChartBuilder-C4OL4XYx.js +1165 -0
- package/dist/SvGridChartPanel-CfHA8Ioq.js +1743 -0
- package/dist/SvGridChartView-Ci-9_EJ0.js +45 -0
- package/dist/SvGridDropdown-BlA6iw9m.js +257 -0
- package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs +178 -7
- package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs.map +1 -1
- package/dist/angular/types/svgrid-grid-wc-angular.d.ts +77 -2
- package/dist/chart/SvChartMenu-C-sbGNk8.js +586 -0
- package/dist/chart/chart-export-BHGuh_kZ.js +127 -0
- package/dist/chart/chart-export-pdf-BjkkIEkE.js +104 -0
- package/dist/chart/chart-summary-B86RFA3M.js +137 -0
- package/dist/chart/chart-trend-DP6DSsBa.js +56 -0
- package/dist/chart/chart-validate-CD6ptiwg.js +180 -0
- package/dist/chart/client-BuB0wIgc.js +2757 -0
- package/dist/chart/sv-chart-element.d.ts +98 -0
- package/dist/chart/sv-chart-element.js +7282 -0
- package/dist/chart-DoqdUoGg.js +4398 -0
- package/dist/chart-export-pdf-BirUdchl.js +104 -0
- package/dist/chart-summary-BP9i-v8M.js +137 -0
- package/dist/chart-validate-CD6ptiwg.js +180 -0
- package/dist/{shadow/client-DjwUji8D.js → client-DEF0GRjE.js} +1 -1
- package/dist/{column-resize-DvCRUrN3.js → column-resize-DUPgynvc.js} +3 -3
- package/dist/date-format-DMTwV8NC.js +1128 -0
- package/dist/focus-trap-DvlOlOGM.js +65 -0
- package/dist/list-option-DrRyivWp.js +82 -0
- package/dist/react/chart.d.ts +99 -0
- package/dist/react/chart.js +49 -0
- package/dist/react/index.d.ts +28 -0
- package/dist/react/index.js +4 -1
- package/dist/{row-resize-D-8s3cqT.js → row-resize-Cf8qPLbi.js} +44 -36
- package/dist/shadow/GridMenus-B1mC1aPp.js +1077 -0
- package/dist/shadow/SvChartMenu-CBMKm7Xb.js +413 -0
- package/dist/shadow/SvDateRangeInput-BrYTQEMM.js +197 -0
- package/dist/shadow/SvDateTimePicker-CnLlqNDQ.js +766 -0
- package/dist/shadow/SvField-Bmzp3ObZ.js +147 -0
- package/dist/shadow/SvGridCellEditor-B005dmV1.js +560 -0
- package/dist/shadow/SvGridChart-4TcL9Rj2.js +3702 -0
- package/dist/shadow/SvGridChartBuilder-C4OL4XYx.js +1165 -0
- package/dist/shadow/SvGridChartPanel-CfHA8Ioq.js +1743 -0
- package/dist/shadow/SvGridChartView-Ci-9_EJ0.js +45 -0
- package/dist/shadow/SvGridDropdown-BlA6iw9m.js +257 -0
- package/dist/shadow/chart-DoqdUoGg.js +4398 -0
- package/dist/shadow/chart-export-pdf-BirUdchl.js +104 -0
- package/dist/shadow/chart-summary-BP9i-v8M.js +137 -0
- package/dist/shadow/chart-validate-CD6ptiwg.js +180 -0
- package/dist/{client-DjwUji8D.js → shadow/client-DEF0GRjE.js} +1 -1
- package/dist/shadow/{column-resize-DvCRUrN3.js → column-resize-DUPgynvc.js} +3 -3
- package/dist/shadow/date-format-DMTwV8NC.js +1128 -0
- package/dist/shadow/focus-trap-DvlOlOGM.js +65 -0
- package/dist/shadow/list-option-DrRyivWp.js +82 -0
- package/dist/shadow/{row-resize-D-8s3cqT.js → row-resize-Cf8qPLbi.js} +44 -36
- package/dist/shadow/sv-grid-shadow-element.d.ts +15 -0
- package/dist/shadow/sv-grid-shadow-element.js +4688 -3621
- package/dist/shadow/{svelte-virtualizer.svelte-DZ9UcyfT.js → svelte-virtualizer.svelte-CnGhFGDc.js} +37 -34
- package/dist/sv-grid-element.d.ts +15 -0
- package/dist/sv-grid-element.js +4646 -3609
- package/dist/{svelte-virtualizer.svelte-DZ9UcyfT.js → svelte-virtualizer.svelte-CnGhFGDc.js} +37 -34
- package/dist/vue/chart.d.ts +64 -0
- package/dist/vue/chart.js +41 -0
- package/dist/vue/index.d.ts +11 -2
- package/dist/vue/index.js +4 -1
- package/package.json +18 -5
- package/dist/GridMenus-YwTw9Upd.js +0 -1123
- package/dist/SvDateRangeInput-CrxeppBV.js +0 -196
- package/dist/SvDateTimePicker-xAO-Pb4S.js +0 -765
- package/dist/SvField-CE345DyF.js +0 -146
- package/dist/SvGridCellEditor-D7SyHtff.js +0 -550
- package/dist/SvGridChart-CMaVmlso.js +0 -1477
- package/dist/SvGridChartPanel-Pc_IW0eA.js +0 -833
- package/dist/SvGridChartView-DLhhzmFy.js +0 -52
- package/dist/SvGridDropdown-DUncHqM-.js +0 -256
- package/dist/chart-GRBAgN1M.js +0 -1658
- package/dist/date-format-D_oQ5Yw0.js +0 -1127
- package/dist/shadow/GridMenus-YwTw9Upd.js +0 -1123
- package/dist/shadow/SvDateRangeInput-CrxeppBV.js +0 -196
- package/dist/shadow/SvDateTimePicker-xAO-Pb4S.js +0 -765
- package/dist/shadow/SvField-CE345DyF.js +0 -146
- package/dist/shadow/SvGridCellEditor-D7SyHtff.js +0 -550
- package/dist/shadow/SvGridChart-CMaVmlso.js +0 -1477
- package/dist/shadow/SvGridChartPanel-Pc_IW0eA.js +0 -833
- package/dist/shadow/SvGridChartView-DLhhzmFy.js +0 -52
- package/dist/shadow/SvGridDropdown-DUncHqM-.js +0 -256
- package/dist/shadow/chart-GRBAgN1M.js +0 -1658
- package/dist/shadow/date-format-D_oQ5Yw0.js +0 -1127
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { o as e } from "./chart-GRBAgN1M.js";
|
|
2
|
-
import { $ as t, E as n, K as r, R as i, X as a, Z as o, et as s, j as c, k as l, o as u, rt as d, tt as f } from "./client-DjwUji8D.js";
|
|
3
|
-
import { t as p } from "./SvGridChart-CMaVmlso.js";
|
|
4
|
-
//#region ../grid/dist/SvGridChartView.svelte
|
|
5
|
-
var m = c("<div class=\"sv-grid-chart-view svelte-733vyy\"><!></div>");
|
|
6
|
-
function h(c, h) {
|
|
7
|
-
f(h, !0);
|
|
8
|
-
let g = o(0), _ = o(0), v = t(() => {
|
|
9
|
-
let t = e(h.data ?? [], {
|
|
10
|
-
type: h.chart.type ?? "bar",
|
|
11
|
-
category: h.chart.category,
|
|
12
|
-
value: h.chart.value,
|
|
13
|
-
series: h.chart.series,
|
|
14
|
-
reduce: h.chart.reduce,
|
|
15
|
-
stacked: h.chart.stacked,
|
|
16
|
-
stacked100: h.chart.stacked100,
|
|
17
|
-
sort: h.chart.sort,
|
|
18
|
-
topN: h.chart.topN,
|
|
19
|
-
palette: h.chart.palette
|
|
20
|
-
});
|
|
21
|
-
h.chart.valueFormat && (t.valueFormat = h.chart.valueFormat);
|
|
22
|
-
let n = h.chart.locale ?? h.localization?.locale;
|
|
23
|
-
return n && (t.locale = n), h.chart.currency && (t.currency = h.chart.currency), t;
|
|
24
|
-
});
|
|
25
|
-
var y = m(), b = r(y), x = (e) => {
|
|
26
|
-
{
|
|
27
|
-
let n = t(() => h.chart.legend ?? !0), r = t(() => h.chart.dataLabels ?? !1);
|
|
28
|
-
p(e, {
|
|
29
|
-
get spec() {
|
|
30
|
-
return i(v);
|
|
31
|
-
},
|
|
32
|
-
get width() {
|
|
33
|
-
return i(g);
|
|
34
|
-
},
|
|
35
|
-
get height() {
|
|
36
|
-
return i(_);
|
|
37
|
-
},
|
|
38
|
-
get legend() {
|
|
39
|
-
return i(n);
|
|
40
|
-
},
|
|
41
|
-
get dataLabels() {
|
|
42
|
-
return i(r);
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
n(b, (e) => {
|
|
48
|
-
i(g) > 0 && i(_) > 0 && e(x);
|
|
49
|
-
}), d(y), u(y, "clientWidth", (e) => a(g, e)), u(y, "clientHeight", (e) => a(_, e)), l(c, y), s();
|
|
50
|
-
}
|
|
51
|
-
//#endregion
|
|
52
|
-
export { h as default };
|
|
@@ -1,256 +0,0 @@
|
|
|
1
|
-
import { $ as e, A as t, E as n, F as r, H as i, I as a, J as o, K as s, L as c, N as l, O as u, R as d, V as f, X as p, Y as m, Z as h, a as g, d as _, et as v, f as y, j as b, k as x, n as S, nt as C, q as ee, rt as w, s as te, tt as T, v as E, w as D, x as O, y as k } from "./client-DjwUji8D.js";
|
|
2
|
-
import { n as ne, r as re, t as ie } from "./popover-WsGlvtQv.js";
|
|
3
|
-
//#region ../grid/dist/SvGridDropdown.svelte
|
|
4
|
-
var ae = b("<span class=\"sv-grid-chip sv-grid-chip-removable svelte-r4kmto\"> <span class=\"sv-grid-chip-remove svelte-r4kmto\" role=\"button\">×</span></span>"), oe = b("<span class=\"sv-grid-dropdown-chips svelte-r4kmto\"></span>"), se = b("<span class=\"sv-grid-chip svelte-r4kmto\"> </span>"), ce = b("<span class=\"sv-grid-dropdown-label svelte-r4kmto\"> </span>"), le = b("<input type=\"search\" class=\"sv-grid-dropdown-search\" placeholder=\"Search…\"/>"), ue = b("<div class=\"sv-grid-dropdown-empty\" role=\"status\" aria-live=\"polite\">Loading…</div>"), de = b("<div class=\"sv-grid-dropdown-empty\"> </div>"), fe = b("<span class=\"sv-grid-dropdown-check\" aria-hidden=\"true\"> </span>"), pe = b("<span class=\"sv-grid-dropdown-option-chip\"> </span>"), me = b("<span class=\"sv-grid-dropdown-option-label\"> </span>"), he = b("<div role=\"option\"><!> <!></div>"), ge = b("<div class=\"sv-grid-dropdown-footer\"><button type=\"button\" class=\"sv-grid-dropdown-done\">Done</button></div>"), _e = b("<div role=\"listbox\"><!> <!> <!></div>"), ve = b("<div><button type=\"button\" aria-haspopup=\"listbox\"><!> <span class=\"sv-grid-dropdown-caret svelte-r4kmto\" aria-hidden=\"true\">▾</span></button> <!></div>");
|
|
5
|
-
function A(r, b) {
|
|
6
|
-
let A = l();
|
|
7
|
-
T(b, !0);
|
|
8
|
-
let j = S(b, "multiple", 3, !1), ye = S(b, "placeholder", 3, "Select…"), M = S(b, "renderChipsInTrigger", 3, !1), N = S(b, "searchable", 3, !1), be = S(b, "autoOpen", 3, !0), xe = S(b, "loading", 3, !1);
|
|
9
|
-
function P(e) {
|
|
10
|
-
return e >= 0 && e < d(L).length ? `${A}-opt-${e}` : void 0;
|
|
11
|
-
}
|
|
12
|
-
let F = e(() => b.options.some((e) => e.color) ? 40 : 32), I = h(""), L = e(() => !N() || !d(I).trim() ? b.options : (() => {
|
|
13
|
-
let e = d(I).trim().toLowerCase();
|
|
14
|
-
return b.options.filter((t) => t.label.toLowerCase().includes(e));
|
|
15
|
-
})()), R = h(!1), z = h(-1), B = h(null), V = h(null), H = h(null), U = h(m({
|
|
16
|
-
top: 0,
|
|
17
|
-
left: 0,
|
|
18
|
-
width: 0,
|
|
19
|
-
openUpward: !1,
|
|
20
|
-
maxHeight: 0,
|
|
21
|
-
availHeight: 0
|
|
22
|
-
})), W = e(() => Array.isArray(b.value) ? b.value : b.value == null || b.value === "" ? [] : [b.value]), Se = e(() => {
|
|
23
|
-
if (d(W).length === 0) return ye();
|
|
24
|
-
if (!j()) {
|
|
25
|
-
let e = d(W)[0], t = b.options.find((t) => String(t.value) === String(e));
|
|
26
|
-
return t ? t.label : String(e);
|
|
27
|
-
}
|
|
28
|
-
return `${d(W).length} selected`;
|
|
29
|
-
}), Ce = e(() => {
|
|
30
|
-
if (j() || d(W).length !== 1) return;
|
|
31
|
-
let e = d(W)[0];
|
|
32
|
-
return b.options.find((t) => String(t.value) === String(e))?.color;
|
|
33
|
-
});
|
|
34
|
-
function G(e) {
|
|
35
|
-
return d(W).some((t) => String(t) === String(e.value));
|
|
36
|
-
}
|
|
37
|
-
function K(e) {
|
|
38
|
-
if (j()) {
|
|
39
|
-
let t = G(e) ? d(W).filter((t) => String(t) !== String(e.value)) : [...d(W), e.value];
|
|
40
|
-
b.onChange?.(t);
|
|
41
|
-
} else b.onChange?.(e.value), p(R, !1), b.onCommit?.();
|
|
42
|
-
}
|
|
43
|
-
function q() {
|
|
44
|
-
if (!d(R)) {
|
|
45
|
-
if (p(R, !0), d(z) < 0) {
|
|
46
|
-
let e = b.options.findIndex((e) => G(e));
|
|
47
|
-
p(z, e >= 0 ? e : 0, !0);
|
|
48
|
-
}
|
|
49
|
-
J();
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
function J() {
|
|
53
|
-
if (!d(V)) return;
|
|
54
|
-
let e = Math.min(d(L).length, 10), t = N() ? 38 : 0, n = e * d(F) + (j() ? 40 : 0) + t + 8;
|
|
55
|
-
p(U, ie(d(V).getBoundingClientRect(), {
|
|
56
|
-
estimatedHeight: n,
|
|
57
|
-
clampHorizontal: !1
|
|
58
|
-
}), !0);
|
|
59
|
-
}
|
|
60
|
-
i(() => {
|
|
61
|
-
if (!d(R)) return;
|
|
62
|
-
let e = () => J();
|
|
63
|
-
return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
|
|
64
|
-
window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
|
|
65
|
-
};
|
|
66
|
-
}), i(() => {
|
|
67
|
-
d(R) && (d(L).length, d(F), J());
|
|
68
|
-
});
|
|
69
|
-
function Y() {
|
|
70
|
-
p(R, !1), p(z, -1);
|
|
71
|
-
}
|
|
72
|
-
function we(e) {
|
|
73
|
-
if (e.stopPropagation(), e.key === "Escape") {
|
|
74
|
-
e.preventDefault(), Y(), b.onCancel?.();
|
|
75
|
-
return;
|
|
76
|
-
}
|
|
77
|
-
if (e.key === "ArrowDown") {
|
|
78
|
-
if (e.preventDefault(), !d(R)) {
|
|
79
|
-
q();
|
|
80
|
-
return;
|
|
81
|
-
}
|
|
82
|
-
p(z, Math.min(d(z) + 1, b.options.length - 1), !0), X();
|
|
83
|
-
} else if (e.key === "ArrowUp") {
|
|
84
|
-
if (e.preventDefault(), !d(R)) {
|
|
85
|
-
q();
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
p(z, Math.max(d(z) - 1, 0), !0), X();
|
|
89
|
-
} else if (e.key === "Home") {
|
|
90
|
-
if (!d(R)) return;
|
|
91
|
-
e.preventDefault(), p(z, 0), X();
|
|
92
|
-
} else if (e.key === "End") {
|
|
93
|
-
if (!d(R)) return;
|
|
94
|
-
e.preventDefault(), p(z, b.options.length - 1), X();
|
|
95
|
-
} else if (e.key === "Enter") {
|
|
96
|
-
if (e.preventDefault(), !d(R)) {
|
|
97
|
-
q();
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
100
|
-
let t = b.options[d(z)];
|
|
101
|
-
t ? K(t) : j() && (Y(), b.onCommit?.());
|
|
102
|
-
} else if (e.key === " " && d(R)) {
|
|
103
|
-
e.preventDefault();
|
|
104
|
-
let t = b.options[d(z)];
|
|
105
|
-
t && K(t);
|
|
106
|
-
} else e.key === "Tab" && (d(R) && Y(), b.onCommit?.());
|
|
107
|
-
}
|
|
108
|
-
function X() {
|
|
109
|
-
queueMicrotask(() => {
|
|
110
|
-
d(H) && d(H).querySelector(`[data-opt-idx="${d(z)}"]`)?.scrollIntoView({ block: "nearest" });
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
function Te(e) {
|
|
114
|
-
let t = e.relatedTarget;
|
|
115
|
-
t && d(B)?.contains(t) || (d(R) && Y(), b.onCommit?.());
|
|
116
|
-
}
|
|
117
|
-
function Ee(e, t) {
|
|
118
|
-
t.preventDefault(), t.stopPropagation();
|
|
119
|
-
let n = d(W).filter((t) => String(t) !== String(e));
|
|
120
|
-
b.onChange?.(j() ? n : n[0] ?? null);
|
|
121
|
-
}
|
|
122
|
-
function De(e) {
|
|
123
|
-
be() && (e.focus(), q());
|
|
124
|
-
}
|
|
125
|
-
i(() => {
|
|
126
|
-
if (!d(R)) return;
|
|
127
|
-
let e = (e) => {
|
|
128
|
-
let t = e.target;
|
|
129
|
-
t && (d(B)?.contains(t) || d(H)?.contains(t) || (Y(), b.onCommit?.()));
|
|
130
|
-
};
|
|
131
|
-
return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
|
|
132
|
-
});
|
|
133
|
-
function Z(e) {
|
|
134
|
-
return `background: color-mix(in srgb, ${e} 22%, transparent);border-color: color-mix(in srgb, ${e} 45%, transparent);color: color-mix(in srgb, ${e} 80%, var(--sg-fg, #0f172a));`;
|
|
135
|
-
}
|
|
136
|
-
var Q = ve();
|
|
137
|
-
let Oe;
|
|
138
|
-
var $ = s(Q);
|
|
139
|
-
let ke;
|
|
140
|
-
var Ae = s($), je = (t) => {
|
|
141
|
-
var n = oe();
|
|
142
|
-
D(n, 21, () => d(W), (e) => String(e), (t, n) => {
|
|
143
|
-
let r = e(() => b.options.find((e) => String(e.value) === String(d(n))));
|
|
144
|
-
var i = ae(), c = s(i), l = o(c);
|
|
145
|
-
y(l, "tabindex", -1), w(i), f((e, t, n) => {
|
|
146
|
-
E(i, e), u(c, `${t ?? ""} `), y(l, "aria-label", `Remove ${n ?? ""}`);
|
|
147
|
-
}, [
|
|
148
|
-
() => d(r)?.color ? Z(d(r).color) : "",
|
|
149
|
-
() => d(r) ? d(r).label : String(d(n)),
|
|
150
|
-
() => d(r) ? d(r).label : String(d(n))
|
|
151
|
-
]), a("mousedown", l, (e) => e.preventDefault()), a("click", l, (e) => Ee(d(n), e)), x(t, i);
|
|
152
|
-
}), w(n), x(t, n);
|
|
153
|
-
}, Me = (e) => {
|
|
154
|
-
var t = se(), n = s(t, !0);
|
|
155
|
-
w(t), f((e) => {
|
|
156
|
-
E(t, e), u(n, d(Se));
|
|
157
|
-
}, [() => Z(d(Ce))]), x(e, t);
|
|
158
|
-
}, Ne = (e) => {
|
|
159
|
-
var t = ce(), n = s(t, !0);
|
|
160
|
-
w(t), f(() => u(n, d(Se))), x(e, t);
|
|
161
|
-
};
|
|
162
|
-
n(Ae, (e) => {
|
|
163
|
-
M() && d(W).length > 0 ? e(je) : !j() && d(W).length === 1 && d(Ce) ? e(Me, 1) : e(Ne, -1);
|
|
164
|
-
}), C(2), w($), g($, (e) => p(V, e), () => d(V)), O($, (e) => De?.(e));
|
|
165
|
-
var Pe = o($, 2), Fe = (r) => {
|
|
166
|
-
let i = e(() => b.options.length > 10), l = e(() => Math.min(d(i) ? 10 * d(F) + (j() ? 40 : 0) + 8 : Infinity, d(U).availHeight));
|
|
167
|
-
var m = _e();
|
|
168
|
-
let h, v;
|
|
169
|
-
var S = s(m), C = (e) => {
|
|
170
|
-
var t = le();
|
|
171
|
-
_(t), a("mousedown", t, (e) => e.stopPropagation()), a("click", t, (e) => e.stopPropagation()), a("keydown", t, (e) => {
|
|
172
|
-
e.key === "Escape" && (e.preventDefault(), p(R, !1), b.onCancel?.());
|
|
173
|
-
}), te(t, () => d(I), (e) => p(I, e)), x(e, t);
|
|
174
|
-
};
|
|
175
|
-
n(S, (e) => {
|
|
176
|
-
N() && e(C);
|
|
177
|
-
});
|
|
178
|
-
var T = o(S, 2), ie = (e) => {
|
|
179
|
-
var t = ue();
|
|
180
|
-
x(e, t);
|
|
181
|
-
}, ae = (e) => {
|
|
182
|
-
var t = de(), n = s(t, !0);
|
|
183
|
-
w(t), f(() => u(n, N() && d(I) ? `No matches for "${d(I)}"` : "No options")), x(e, t);
|
|
184
|
-
}, oe = (r) => {
|
|
185
|
-
var i = t(), l = ee(i);
|
|
186
|
-
D(l, 19, () => d(L), (e) => String(e.value), (t, r, i) => {
|
|
187
|
-
let l = e(() => G(d(r)));
|
|
188
|
-
var m = he();
|
|
189
|
-
let h;
|
|
190
|
-
var g = s(m), _ = (e) => {
|
|
191
|
-
var t = fe(), n = s(t, !0);
|
|
192
|
-
w(t), f(() => u(n, d(l) ? "✓" : "")), x(e, t);
|
|
193
|
-
};
|
|
194
|
-
n(g, (e) => {
|
|
195
|
-
j() && e(_);
|
|
196
|
-
});
|
|
197
|
-
var v = o(g, 2), b = (e) => {
|
|
198
|
-
var t = pe(), n = s(t, !0);
|
|
199
|
-
w(t), f((e) => {
|
|
200
|
-
E(t, e), u(n, d(r).label);
|
|
201
|
-
}, [() => Z(d(r).color)]), x(e, t);
|
|
202
|
-
}, S = (e) => {
|
|
203
|
-
var t = me(), n = s(t, !0);
|
|
204
|
-
w(t), f(() => u(n, d(r).label)), x(e, t);
|
|
205
|
-
};
|
|
206
|
-
n(v, (e) => {
|
|
207
|
-
d(r).color ? e(b) : e(S, -1);
|
|
208
|
-
}), w(m), f((e) => {
|
|
209
|
-
h = k(m, 1, "sv-grid-dropdown-option", null, h, {
|
|
210
|
-
"sv-grid-dropdown-option-selected": d(l),
|
|
211
|
-
"sv-grid-dropdown-option-highlighted": d(i) === d(z)
|
|
212
|
-
}), y(m, "id", e), y(m, "aria-selected", d(l)), y(m, "data-opt-idx", d(i));
|
|
213
|
-
}, [() => P(d(i))]), a("mousedown", m, (e) => {
|
|
214
|
-
e.preventDefault(), K(d(r));
|
|
215
|
-
}), c("mouseenter", m, () => p(z, d(i), !0)), x(t, m);
|
|
216
|
-
}), x(r, i);
|
|
217
|
-
};
|
|
218
|
-
n(T, (e) => {
|
|
219
|
-
xe() && d(L).length === 0 ? e(ie) : d(L).length === 0 ? e(ae, 1) : e(oe, -1);
|
|
220
|
-
});
|
|
221
|
-
var se = o(T, 2), ce = (e) => {
|
|
222
|
-
var t = ge(), n = s(t);
|
|
223
|
-
w(t), a("mousedown", n, (e) => e.preventDefault()), a("click", n, () => {
|
|
224
|
-
Y(), b.onCommit?.();
|
|
225
|
-
}), x(e, t);
|
|
226
|
-
};
|
|
227
|
-
n(se, (e) => {
|
|
228
|
-
j() && e(ce);
|
|
229
|
-
}), w(m), g(m, (e) => p(H, e), () => d(H)), O(m, (e) => re?.(e)), O(m, (e, t) => ne?.(e, t), () => ({ up: d(U).openUpward })), f(() => {
|
|
230
|
-
h = k(m, 1, "sv-grid-dropdown-panel", null, h, { "sv-grid-dropdown-panel-fits": !d(i) }), y(m, "aria-multiselectable", j()), v = E(m, "", v, {
|
|
231
|
-
position: "fixed",
|
|
232
|
-
top: d(U).openUpward ? null : `${d(U).top}px`,
|
|
233
|
-
bottom: d(U).openUpward ? `${d(U).bottom}px` : null,
|
|
234
|
-
left: `${d(U).left}px`,
|
|
235
|
-
width: `${d(U).width}px`,
|
|
236
|
-
"max-height": d(l) === null ? null : `${d(l)}px`,
|
|
237
|
-
"z-index": "2147483647"
|
|
238
|
-
});
|
|
239
|
-
}), a("pointerdown", m, (e) => e.stopPropagation()), a("mousedown", m, (e) => e.stopPropagation()), a("click", m, (e) => e.stopPropagation()), x(r, m);
|
|
240
|
-
};
|
|
241
|
-
n(Pe, (e) => {
|
|
242
|
-
d(R) && e(Fe);
|
|
243
|
-
}), w(Q), g(Q, (e) => p(B, e), () => d(B)), f((e) => {
|
|
244
|
-
Oe = k(Q, 1, "sv-grid-dropdown svelte-r4kmto", null, Oe, { "sv-grid-dropdown-open": d(R) }), ke = k($, 1, "sv-grid-dropdown-trigger svelte-r4kmto", null, ke, { "sv-grid-dropdown-trigger-chips": M() && d(W).length > 0 }), y($, "aria-expanded", d(R)), y($, "aria-activedescendant", e);
|
|
245
|
-
}, [() => d(R) ? P(d(z)) : void 0]), a("focusout", Q, Te), a("click", Q, (e) => e.stopPropagation()), a("dblclick", Q, (e) => e.stopPropagation()), a("pointerdown", Q, (e) => e.stopPropagation()), a("mousedown", Q, (e) => e.stopPropagation()), a("click", $, () => d(R) ? Y() : q()), a("keydown", $, we), x(r, Q), v();
|
|
246
|
-
}
|
|
247
|
-
r([
|
|
248
|
-
"focusout",
|
|
249
|
-
"click",
|
|
250
|
-
"dblclick",
|
|
251
|
-
"pointerdown",
|
|
252
|
-
"mousedown",
|
|
253
|
-
"keydown"
|
|
254
|
-
]);
|
|
255
|
-
//#endregion
|
|
256
|
-
export { A as default };
|