@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.
- package/README.md +4 -1
- package/dist/GridMenus-DMkf7UMn.js +1086 -0
- package/dist/{SvChartMenu-CBMKm7Xb.js → SvChartMenu-DkSyLWYH.js} +2 -2
- package/dist/{shadow/SvDateTimePicker-CnLlqNDQ.js → SvDateTimePicker-Czin1Ead.js} +1 -1
- package/dist/{shadow/SvGridCellEditor-B005dmV1.js → SvGridCellEditor-DhXEIlyE.js} +1 -1
- package/dist/{SvGridChart-4TcL9Rj2.js → SvGridChart-BMdCbrqb.js} +5 -5
- package/dist/{SvGridChartBuilder-C4OL4XYx.js → SvGridChartBuilder-Chp_MD1B.js} +121 -120
- package/dist/{shadow/SvGridChartPanel-CfHA8Ioq.js → SvGridChartPanel-BIV2O2Lp.js} +6 -6
- package/dist/{SvGridChartView-Ci-9_EJ0.js → SvGridChartView-DyhkumD-.js} +2 -2
- package/dist/{SvGridDropdown-BlA6iw9m.js → SvGridDropdown-BwPpGwLz.js} +140 -140
- package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs +37 -3
- package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs.map +1 -1
- package/dist/angular/types/svgrid-grid-wc-angular.d.ts +16 -1
- package/dist/{shadow/cell-formatting-Eypm-id0.js → cell-formatting-CBfgahv1.js} +1 -1
- package/dist/chart/{SvChartMenu-C-sbGNk8.js → SvChartMenu-DslxOgPN.js} +5 -1
- package/dist/chart/{chart-summary-B86RFA3M.js → chart-summary-6Xu2JoNC.js} +1 -1
- package/dist/chart/{chart-trend-DP6DSsBa.js → chart-trend-7fxtAqEl.js} +1 -1
- package/dist/chart/sv-chart-element.js +3 -3
- package/dist/{chart-DoqdUoGg.js → chart-D_LKA1fr.js} +1 -1
- package/dist/{chart-export-pdf-BirUdchl.js → chart-export-pdf-9OCvhzr0.js} +1 -1
- package/dist/{shadow/chart-summary-BP9i-v8M.js → chart-summary-v3Lhe8YD.js} +1 -1
- package/dist/{shadow/dismissable-DvhBKm3q.js → dismissable-CQ6XFXsk.js} +5 -1
- package/dist/{export-format-uGayRKWM.js → export-format-CAi1mp-1.js} +1 -1
- package/dist/{shadow/focus-trap-DvlOlOGM.js → focus-trap-Dbb2tJxb.js} +1 -1
- package/dist/react/index.d.ts +44 -0
- package/dist/react/index.js +5 -1
- package/dist/{row-resize-Cf8qPLbi.js → row-resize-limG_N1z.js} +41 -32
- package/dist/shadow/GridMenus-DMkf7UMn.js +1086 -0
- package/dist/shadow/{SvChartMenu-CBMKm7Xb.js → SvChartMenu-DkSyLWYH.js} +2 -2
- package/dist/{SvDateTimePicker-CnLlqNDQ.js → shadow/SvDateTimePicker-Czin1Ead.js} +1 -1
- package/dist/{SvGridCellEditor-B005dmV1.js → shadow/SvGridCellEditor-DhXEIlyE.js} +1 -1
- package/dist/shadow/{SvGridChart-4TcL9Rj2.js → SvGridChart-BMdCbrqb.js} +5 -5
- package/dist/shadow/{SvGridChartBuilder-C4OL4XYx.js → SvGridChartBuilder-Chp_MD1B.js} +121 -120
- package/dist/{SvGridChartPanel-CfHA8Ioq.js → shadow/SvGridChartPanel-BIV2O2Lp.js} +6 -6
- package/dist/shadow/{SvGridChartView-Ci-9_EJ0.js → SvGridChartView-DyhkumD-.js} +2 -2
- package/dist/shadow/{SvGridDropdown-BlA6iw9m.js → SvGridDropdown-BwPpGwLz.js} +140 -140
- package/dist/{cell-formatting-Eypm-id0.js → shadow/cell-formatting-CBfgahv1.js} +1 -1
- package/dist/shadow/{chart-DoqdUoGg.js → chart-D_LKA1fr.js} +1 -1
- package/dist/shadow/{chart-export-pdf-BirUdchl.js → chart-export-pdf-9OCvhzr0.js} +1 -1
- package/dist/{chart-summary-BP9i-v8M.js → shadow/chart-summary-v3Lhe8YD.js} +1 -1
- package/dist/{dismissable-DvhBKm3q.js → shadow/dismissable-CQ6XFXsk.js} +5 -1
- package/dist/shadow/{export-format-DhdZREP1.js → export-format-mnW_rVBZ.js} +1 -1
- package/dist/{focus-trap-DvlOlOGM.js → shadow/focus-trap-Dbb2tJxb.js} +1 -1
- package/dist/shadow/{row-resize-Cf8qPLbi.js → row-resize-limG_N1z.js} +41 -32
- package/dist/shadow/sv-grid-shadow-element.d.ts +26 -0
- package/dist/shadow/sv-grid-shadow-element.js +3479 -2627
- package/dist/shadow/validate-BqDthkNr.js +88 -0
- package/dist/sv-grid-element.d.ts +26 -0
- package/dist/sv-grid-element.js +3464 -2612
- package/dist/validate-BqDthkNr.js +88 -0
- package/dist/vue/index.d.ts +17 -2
- package/dist/vue/index.js +1 -25
- package/package.json +3 -3
- package/dist/GridMenus-B1mC1aPp.js +0 -1077
- package/dist/shadow/GridMenus-B1mC1aPp.js +0 -1077
- package/dist/shadow/validate-CgmAtX1A.js +0 -75
- package/dist/validate-CgmAtX1A.js +0 -75
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function(){try{var c=".sv-chart-panes.svelte-14dx6di{flex-direction:column;gap:2px;min-width:0;display:flex}.sv-chart-pane.svelte-14dx6di{min-width:0;position:relative}.sv-chart-pane-title.svelte-14dx6di{z-index:1;color:var(--sg-muted,#64748b);pointer-events:none;font-size:10px;font-weight:600;position:absolute;top:2px}\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="SvGridChartPanel"]'))return;var s=document.createElement('style');s.setAttribute('data-svgrid-grid-wc-chunk',"SvGridChartPanel");s.textContent=c;document.head.appendChild(s);}catch(e){}})();
|
|
2
|
-
import { S as e, h as t } from "./chart-
|
|
2
|
+
import { S as e, h as t } from "./chart-D_LKA1fr.js";
|
|
3
3
|
import { A as n, C as r, E as i, F as a, H as o, I as s, J as c, L as l, M as u, O as d, P as f, Q as p, R as m, S as h, U as g, Y as _, Z as v, _ as y, a as b, d as x, et as S, f as C, g as w, h as T, i as E, it as D, j as O, k, n as A, nt as ee, o as te, p as j, q as M, r as ne, s as re, tt as ie, v as ae, w as N, y as P } from "./client-DEF0GRjE.js";
|
|
4
4
|
import { a as F } from "./editor-contract-peBDxir_.js";
|
|
5
|
-
import { a as oe, n as se, o as ce, r as le, s as ue, t as de } from "./SvGridChart-
|
|
5
|
+
import { a as oe, n as se, o as ce, r as le, s as ue, t as de } from "./SvGridChart-BMdCbrqb.js";
|
|
6
6
|
//#region ../../node_modules/.pnpm/svelte@5.55.9_@typescript-eslint+types@8.67.0/node_modules/svelte/src/transition/index.js
|
|
7
7
|
function I(e) {
|
|
8
8
|
let t = e - 1;
|
|
@@ -1203,7 +1203,7 @@ function Et(e, t) {
|
|
|
1203
1203
|
v(u, !0);
|
|
1204
1204
|
return;
|
|
1205
1205
|
}
|
|
1206
|
-
import("./SvGridChartBuilder-
|
|
1206
|
+
import("./SvGridChartBuilder-Chp_MD1B.js").then((e) => {
|
|
1207
1207
|
v(a, e.default, !0), v(u, !0);
|
|
1208
1208
|
});
|
|
1209
1209
|
}
|
|
@@ -1285,11 +1285,11 @@ function Et(e, t) {
|
|
|
1285
1285
|
}
|
|
1286
1286
|
async function Ne() {
|
|
1287
1287
|
let e = Oe();
|
|
1288
|
-
v(W, !1), e && await (await import("./chart-export-pdf-
|
|
1288
|
+
v(W, !1), e && await (await import("./chart-export-pdf-9OCvhzr0.js")).downloadChartPdf(e, "chart.pdf", { title: m(z)?.title ?? w().charts[w().activeChartIndex]?.title });
|
|
1289
1289
|
}
|
|
1290
1290
|
async function Pe() {
|
|
1291
1291
|
let e = Oe();
|
|
1292
|
-
v(W, !1), e && (await import("./chart-export-pdf-
|
|
1292
|
+
v(W, !1), e && (await import("./chart-export-pdf-9OCvhzr0.js")).printChart(e, { title: m(z)?.title ?? w().charts[w().activeChartIndex]?.title });
|
|
1293
1293
|
}
|
|
1294
1294
|
async function Fe() {
|
|
1295
1295
|
let e = Oe();
|
|
@@ -1322,7 +1322,7 @@ function Et(e, t) {
|
|
|
1322
1322
|
});
|
|
1323
1323
|
async function Ve() {
|
|
1324
1324
|
if (v(W, !1), !m(z)) return;
|
|
1325
|
-
let { chartSummary: e } = await import("./chart-summary-
|
|
1325
|
+
let { chartSummary: e } = await import("./chart-summary-v3Lhe8YD.js"), t = e(m(z));
|
|
1326
1326
|
try {
|
|
1327
1327
|
await navigator.clipboard?.writeText(t);
|
|
1328
1328
|
} catch {}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
(function(){try{var c=".sv-grid-chart-view.svelte-733vyy{box-sizing:border-box;width:100%;height:100%;min-height:0;display:grid}\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="SvGridChartView"]'))return;var s=document.createElement('style');s.setAttribute('data-svgrid-grid-wc-chunk',"SvGridChartView");s.textContent=c;document.head.appendChild(s);}catch(e){}})();
|
|
2
|
-
import { s as e } from "./chart-
|
|
2
|
+
import { s as e } from "./chart-D_LKA1fr.js";
|
|
3
3
|
import { R as t, et as n, it as r, j as i, k as a, nt as o, q as s, tt as c } from "./client-DEF0GRjE.js";
|
|
4
|
-
import { t as l } from "./SvGridChart-
|
|
4
|
+
import { t as l } from "./SvGridChart-BMdCbrqb.js";
|
|
5
5
|
//#region ../grid/dist/SvGridChartView.svelte
|
|
6
6
|
var u = i("<div class=\"sv-grid-chart-view svelte-733vyy\"><!></div>");
|
|
7
7
|
function d(i, d) {
|
|
@@ -1,249 +1,249 @@
|
|
|
1
1
|
(function(){try{var c=".sv-grid-dropdown.svelte-r4kmto{background:var(--sg-bg,#fff);height:100%;color:var(--sg-fg,#0f172a);position:absolute;top:0;left:0;right:0}.sv-grid-dropdown-trigger.svelte-r4kmto{background:var(--sg-bg,#fff);width:100%;height:100%;min-height:28px;color:var(--sg-fg,#0f172a);font:inherit;text-align:start;cursor:pointer;box-sizing:border-box;border:0;outline:none;align-items:center;gap:6px;padding:0 8px;display:flex}.sv-grid-dropdown-trigger.svelte-r4kmto:focus{outline:2px solid var(--sg-accent,#2563eb);outline-offset:-2px}.sv-grid-dropdown-trigger-chips.svelte-r4kmto{flex-wrap:wrap;align-items:center;padding:4px 8px}.sv-grid-dropdown-chips.svelte-r4kmto{flex-wrap:wrap;flex:auto;align-items:center;gap:4px;min-width:0;display:inline-flex}.sv-grid-dropdown-label.svelte-r4kmto{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sv-grid-dropdown-caret.svelte-r4kmto{opacity:.7;flex:none;font-size:10px;line-height:1}.sv-grid-dropdown-panel{background:var(--sg-header-bg,var(--sg-bg,#fff));color:var(--sg-fg,#0f172a);border:1px solid var(--sg-accent,#2563eb);border-radius:6px;padding:4px 0;font-family:inherit;overflow-y:auto;box-shadow:0 12px 28px #00000073}.sv-grid-dropdown-panel.sv-grid-dropdown-panel-fits{overflow:visible}.sv-grid-dropdown-option{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--sg-fg,#0f172a);align-items:center;gap:8px;padding:6px 10px;display:flex}.sv-grid-dropdown-option-highlighted{background:var(--sg-row-hover-bg,#2563eb1a)}.sv-grid-dropdown-option-selected{background:var(--sg-selection-bg,#2563eb26);font-weight:600}.sv-grid-dropdown-option-selected.sv-grid-dropdown-option-highlighted{background:var(--sg-row-hover-bg,#2563eb2e)}.sv-grid-dropdown-option-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sv-grid-dropdown-check{color:var(--sg-accent,#2563eb);flex:0 0 16px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.sv-grid-dropdown-swatch{border:1px solid color-mix(in srgb, var(--sg-fg,#0f172a) 25%, transparent);border-radius:999px;flex:0 0 12px;width:12px;height:12px}.sv-grid-dropdown-option-chip{text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;max-width:100%;padding:2px 11px;font-size:.9em;font-weight:600;line-height:1.5;display:inline-flex;overflow:hidden}.sv-grid-dropdown-empty{color:var(--sg-muted,#0f172a8c);padding:8px 10px;font-size:.9em;font-style:italic}.sv-grid-dropdown-footer{border-top:1px solid var(--sg-border,#0f172a14);justify-content:flex-end;margin-top:2px;padding:4px 6px;display:flex}.sv-grid-dropdown-done{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--sg-accent,#2563eb);cursor:pointer;border:0;border-radius:4px;padding:4px 10px;font-size:11px}.sv-grid-dropdown-done:hover{filter:brightness(1.12)}.sv-grid-chip.svelte-r4kmto{background:color-mix(in srgb, var(--sg-accent,#2563eb) 18%, transparent);color:var(--sg-fg,#0f172a);border:1px solid color-mix(in srgb, var(--sg-accent,#2563eb) 35%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.85em;line-height:1.4;display:inline-flex}.sv-grid-chip-removable.svelte-r4kmto{padding-inline-end:2px}.sv-grid-chip-remove.svelte-r4kmto{background:color-mix(in srgb, var(--sg-fg,#0f172a) 18%, transparent);width:16px;height:16px;color:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:inline-flex}.sv-grid-chip-remove.svelte-r4kmto:hover{color:#fff;background:#dc2626b3}\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="SvGridDropdown"]'))return;var s=document.createElement('style');s.setAttribute('data-svgrid-grid-wc-chunk',"SvGridDropdown");s.textContent=c;document.head.appendChild(s);}catch(e){}})();
|
|
2
|
-
import { A as e, E as t, F as n, H as r, I as i, J as a, L as o, N as s, O as c, Q as l, R as u, U as d, X as f, Y as p, Z as m, a as h, d as ee, et as g, f as _, it as v, j as y, k as b, n as x, nt as S, q as C, rt as
|
|
3
|
-
import { n as
|
|
2
|
+
import { A as e, E as t, F as n, H as r, I as i, J as a, L as o, N as s, O as c, Q as l, R as u, U as d, X as f, Y as p, Z as m, a as h, d as ee, et as g, f as _, it as v, j as y, k as b, n as x, nt as S, q as C, rt as w, s as te, tt as T, v as E, w as D, x as O, y as k } from "./client-DEF0GRjE.js";
|
|
3
|
+
import { n as ne, r as re, t as ie } from "./popover-WsGlvtQv.js";
|
|
4
4
|
//#region ../grid/dist/SvGridDropdown.svelte
|
|
5
|
-
var
|
|
6
|
-
function
|
|
7
|
-
let
|
|
5
|
+
var ae = y("<span class=\"sv-grid-chip sv-grid-chip-removable svelte-r4kmto\"> <span class=\"sv-grid-chip-remove svelte-r4kmto\" role=\"button\">×</span></span>"), oe = y("<span class=\"sv-grid-dropdown-chips svelte-r4kmto\"></span>"), se = y("<span class=\"sv-grid-chip svelte-r4kmto\"> </span>"), ce = y("<span class=\"sv-grid-dropdown-label svelte-r4kmto\"> </span>"), le = y("<input type=\"search\" class=\"sv-grid-dropdown-search\" placeholder=\"Search…\"/>"), ue = y("<div class=\"sv-grid-dropdown-empty\" role=\"status\" aria-live=\"polite\">Loading…</div>"), de = y("<div class=\"sv-grid-dropdown-empty\"> </div>"), fe = y("<span class=\"sv-grid-dropdown-check\" aria-hidden=\"true\"> </span>"), pe = y("<span class=\"sv-grid-dropdown-option-chip\"> </span>"), me = y("<span class=\"sv-grid-dropdown-option-label\"> </span>"), he = y("<div role=\"option\"><!> <!></div>"), ge = y("<div class=\"sv-grid-dropdown-footer\"><button type=\"button\" class=\"sv-grid-dropdown-done\">Done</button></div>"), _e = y("<div role=\"listbox\"><!> <!> <!></div>"), ve = y("<div><button type=\"button\" aria-haspopup=\"listbox\"><!> <span class=\"sv-grid-dropdown-caret svelte-r4kmto\" aria-hidden=\"true\">▾</span></button> <!></div>");
|
|
6
|
+
function ye(n, y) {
|
|
7
|
+
let ye = s();
|
|
8
8
|
S(y, !0);
|
|
9
|
-
let
|
|
10
|
-
function
|
|
11
|
-
return e >= 0 && e < u(
|
|
9
|
+
let A = x(y, "multiple", 3, !1), be = x(y, "placeholder", 3, "Select…"), j = x(y, "renderChipsInTrigger", 3, !1), M = x(y, "searchable", 3, !1), xe = x(y, "autoOpen", 3, !0), Se = x(y, "loading", 3, !1), Ce = x(y, "invalid", 3, !1);
|
|
10
|
+
function N(e) {
|
|
11
|
+
return e >= 0 && e < u(I).length ? `${ye}-opt-${e}` : void 0;
|
|
12
12
|
}
|
|
13
|
-
let
|
|
14
|
-
let e = u(
|
|
13
|
+
let P = g(() => y.options.some((e) => e.color) ? 40 : 32), F = l(""), I = g(() => !M() || !u(F).trim() ? y.options : (() => {
|
|
14
|
+
let e = u(F).trim().toLowerCase();
|
|
15
15
|
return y.options.filter((t) => t.label.toLowerCase().includes(e));
|
|
16
|
-
})()),
|
|
16
|
+
})()), L = l(!1), R = l(-1), z = l(null), B = l(null), V = l(null), H = l(f({
|
|
17
17
|
top: 0,
|
|
18
18
|
left: 0,
|
|
19
19
|
width: 0,
|
|
20
20
|
openUpward: !1,
|
|
21
21
|
maxHeight: 0,
|
|
22
22
|
availHeight: 0
|
|
23
|
-
})),
|
|
24
|
-
if (u(
|
|
25
|
-
if (!
|
|
26
|
-
let e = u(
|
|
23
|
+
})), U = g(() => Array.isArray(y.value) ? y.value : y.value == null || y.value === "" ? [] : [y.value]), we = g(() => {
|
|
24
|
+
if (u(U).length === 0) return be();
|
|
25
|
+
if (!A()) {
|
|
26
|
+
let e = u(U)[0], t = y.options.find((t) => String(t.value) === String(e));
|
|
27
27
|
return t ? t.label : String(e);
|
|
28
28
|
}
|
|
29
|
-
return `${u(
|
|
30
|
-
}),
|
|
31
|
-
if (
|
|
32
|
-
let e = u(
|
|
29
|
+
return `${u(U).length} selected`;
|
|
30
|
+
}), Te = g(() => {
|
|
31
|
+
if (A() || u(U).length !== 1) return;
|
|
32
|
+
let e = u(U)[0];
|
|
33
33
|
return y.options.find((t) => String(t.value) === String(e))?.color;
|
|
34
34
|
});
|
|
35
|
-
function
|
|
36
|
-
return u(
|
|
35
|
+
function W(e) {
|
|
36
|
+
return u(U).some((t) => String(t) === String(e.value));
|
|
37
37
|
}
|
|
38
|
-
function
|
|
39
|
-
if (
|
|
40
|
-
let t =
|
|
38
|
+
function G(e) {
|
|
39
|
+
if (A()) {
|
|
40
|
+
let t = W(e) ? u(U).filter((t) => String(t) !== String(e.value)) : [...u(U), e.value];
|
|
41
41
|
y.onChange?.(t);
|
|
42
|
-
} else y.onChange?.(e.value), m(
|
|
42
|
+
} else y.onChange?.(e.value), m(L, !1), y.onCommit?.();
|
|
43
43
|
}
|
|
44
|
-
function
|
|
45
|
-
if (!u(
|
|
46
|
-
if (m(
|
|
47
|
-
let e = y.options.findIndex((e) =>
|
|
48
|
-
m(
|
|
44
|
+
function K() {
|
|
45
|
+
if (!u(L)) {
|
|
46
|
+
if (m(L, !0), u(R) < 0) {
|
|
47
|
+
let e = y.options.findIndex((e) => W(e));
|
|
48
|
+
m(R, e >= 0 ? e : 0, !0);
|
|
49
49
|
}
|
|
50
|
-
|
|
50
|
+
q();
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
function
|
|
54
|
-
if (!u(
|
|
55
|
-
let e = Math.min(u(
|
|
56
|
-
m(
|
|
53
|
+
function q() {
|
|
54
|
+
if (!u(B)) return;
|
|
55
|
+
let e = Math.min(u(I).length, 10), t = M() ? 38 : 0, n = e * u(P) + (A() ? 40 : 0) + t + 8;
|
|
56
|
+
m(H, ie(u(B).getBoundingClientRect(), {
|
|
57
57
|
estimatedHeight: n,
|
|
58
58
|
clampHorizontal: !1
|
|
59
59
|
}), !0);
|
|
60
60
|
}
|
|
61
61
|
d(() => {
|
|
62
|
-
if (!u(
|
|
63
|
-
let e = () =>
|
|
62
|
+
if (!u(L)) return;
|
|
63
|
+
let e = () => q();
|
|
64
64
|
return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
|
|
65
65
|
window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
|
|
66
66
|
};
|
|
67
67
|
}), d(() => {
|
|
68
|
-
u(
|
|
68
|
+
u(L) && (u(I).length, u(P), q());
|
|
69
69
|
});
|
|
70
|
-
function
|
|
71
|
-
m(
|
|
70
|
+
function J() {
|
|
71
|
+
m(L, !1), m(R, -1);
|
|
72
72
|
}
|
|
73
|
-
function
|
|
73
|
+
function Ee(e) {
|
|
74
74
|
if (e.stopPropagation(), e.key === "Escape") {
|
|
75
|
-
e.preventDefault(),
|
|
75
|
+
e.preventDefault(), J(), y.onCancel?.();
|
|
76
76
|
return;
|
|
77
77
|
}
|
|
78
78
|
if (e.key === "ArrowDown") {
|
|
79
|
-
if (e.preventDefault(), !u(
|
|
80
|
-
|
|
79
|
+
if (e.preventDefault(), !u(L)) {
|
|
80
|
+
K();
|
|
81
81
|
return;
|
|
82
82
|
}
|
|
83
|
-
m(
|
|
83
|
+
m(R, Math.min(u(R) + 1, y.options.length - 1), !0), Y();
|
|
84
84
|
} else if (e.key === "ArrowUp") {
|
|
85
|
-
if (e.preventDefault(), !u(
|
|
86
|
-
|
|
85
|
+
if (e.preventDefault(), !u(L)) {
|
|
86
|
+
K();
|
|
87
87
|
return;
|
|
88
88
|
}
|
|
89
|
-
m(
|
|
89
|
+
m(R, Math.max(u(R) - 1, 0), !0), Y();
|
|
90
90
|
} else if (e.key === "Home") {
|
|
91
|
-
if (!u(
|
|
92
|
-
e.preventDefault(), m(
|
|
91
|
+
if (!u(L)) return;
|
|
92
|
+
e.preventDefault(), m(R, 0), Y();
|
|
93
93
|
} else if (e.key === "End") {
|
|
94
|
-
if (!u(
|
|
95
|
-
e.preventDefault(), m(
|
|
94
|
+
if (!u(L)) return;
|
|
95
|
+
e.preventDefault(), m(R, y.options.length - 1), Y();
|
|
96
96
|
} else if (e.key === "Enter") {
|
|
97
|
-
if (e.preventDefault(), !u(
|
|
98
|
-
|
|
97
|
+
if (e.preventDefault(), !u(L)) {
|
|
98
|
+
K();
|
|
99
99
|
return;
|
|
100
100
|
}
|
|
101
|
-
let t = y.options[u(
|
|
102
|
-
t ?
|
|
103
|
-
} else if (e.key === " " && u(
|
|
101
|
+
let t = y.options[u(R)];
|
|
102
|
+
t ? G(t) : A() && (J(), y.onCommit?.());
|
|
103
|
+
} else if (e.key === " " && u(L)) {
|
|
104
104
|
e.preventDefault();
|
|
105
|
-
let t = y.options[u(
|
|
106
|
-
t &&
|
|
107
|
-
} else e.key === "Tab" && (u(
|
|
105
|
+
let t = y.options[u(R)];
|
|
106
|
+
t && G(t);
|
|
107
|
+
} else e.key === "Tab" && (u(L) && J(), y.onCommit?.());
|
|
108
108
|
}
|
|
109
|
-
function
|
|
109
|
+
function Y() {
|
|
110
110
|
queueMicrotask(() => {
|
|
111
|
-
u(
|
|
111
|
+
u(V) && u(V).querySelector(`[data-opt-idx="${u(R)}"]`)?.scrollIntoView({ block: "nearest" });
|
|
112
112
|
});
|
|
113
113
|
}
|
|
114
|
-
function
|
|
114
|
+
function De(e) {
|
|
115
115
|
let t = e.relatedTarget;
|
|
116
|
-
t && u(
|
|
116
|
+
t && u(z)?.contains(t) || (u(L) && J(), y.onCommit?.());
|
|
117
117
|
}
|
|
118
|
-
function
|
|
118
|
+
function Oe(e, t) {
|
|
119
119
|
t.preventDefault(), t.stopPropagation();
|
|
120
|
-
let n = u(
|
|
121
|
-
y.onChange?.(
|
|
120
|
+
let n = u(U).filter((t) => String(t) !== String(e));
|
|
121
|
+
y.onChange?.(A() ? n : n[0] ?? null);
|
|
122
122
|
}
|
|
123
|
-
function
|
|
124
|
-
|
|
123
|
+
function ke(e) {
|
|
124
|
+
xe() && (e.focus(), K());
|
|
125
125
|
}
|
|
126
126
|
d(() => {
|
|
127
|
-
if (!u(
|
|
127
|
+
if (!u(L)) return;
|
|
128
128
|
let e = (e) => {
|
|
129
129
|
let t = e.target;
|
|
130
|
-
t && (u(
|
|
130
|
+
t && (u(z)?.contains(t) || u(V)?.contains(t) || (J(), y.onCommit?.()));
|
|
131
131
|
};
|
|
132
132
|
return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
|
|
133
133
|
});
|
|
134
|
-
function
|
|
134
|
+
function X(e) {
|
|
135
135
|
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));`;
|
|
136
136
|
}
|
|
137
|
-
var
|
|
138
|
-
let
|
|
139
|
-
var
|
|
140
|
-
let
|
|
141
|
-
var
|
|
142
|
-
var t =
|
|
143
|
-
|
|
137
|
+
var Z = ve();
|
|
138
|
+
let Ae;
|
|
139
|
+
var Q = C(Z);
|
|
140
|
+
let $;
|
|
141
|
+
var je = C(Q), Me = (e) => {
|
|
142
|
+
var t = oe();
|
|
143
|
+
D(t, 21, () => u(U), (e) => String(e), (e, t) => {
|
|
144
144
|
let n = g(() => y.options.find((e) => String(e.value) === String(u(t))));
|
|
145
|
-
var a =
|
|
145
|
+
var a = ae(), o = C(a), s = p(o);
|
|
146
146
|
_(s, "tabindex", -1), v(a), r((e, t, n) => {
|
|
147
|
-
|
|
147
|
+
E(a, e), c(o, `${t ?? ""} `), _(s, "aria-label", `Remove ${n ?? ""}`);
|
|
148
148
|
}, [
|
|
149
|
-
() => u(n)?.color ?
|
|
149
|
+
() => u(n)?.color ? X(u(n).color) : "",
|
|
150
150
|
() => u(n) ? u(n).label : String(u(t)),
|
|
151
151
|
() => u(n) ? u(n).label : String(u(t))
|
|
152
|
-
]), i("mousedown", s, (e) => e.preventDefault()), i("click", s, (e) =>
|
|
152
|
+
]), i("mousedown", s, (e) => e.preventDefault()), i("click", s, (e) => Oe(u(t), e)), b(e, a);
|
|
153
153
|
}), v(t), b(e, t);
|
|
154
|
-
}, Me = (e) => {
|
|
155
|
-
var t = oe(), n = C(t, !0);
|
|
156
|
-
v(t), r((e) => {
|
|
157
|
-
T(t, e), c(n, u(Se));
|
|
158
|
-
}, [() => Z(u(Ce))]), b(e, t);
|
|
159
154
|
}, Ne = (e) => {
|
|
160
|
-
var t =
|
|
161
|
-
v(t), r(() =>
|
|
155
|
+
var t = se(), n = C(t, !0);
|
|
156
|
+
v(t), r((e) => {
|
|
157
|
+
E(t, e), c(n, u(we));
|
|
158
|
+
}, [() => X(u(Te))]), b(e, t);
|
|
159
|
+
}, Pe = (e) => {
|
|
160
|
+
var t = ce(), n = C(t, !0);
|
|
161
|
+
v(t), r(() => c(n, u(we))), b(e, t);
|
|
162
162
|
};
|
|
163
|
-
t(
|
|
164
|
-
|
|
165
|
-
}),
|
|
166
|
-
var
|
|
167
|
-
let s = g(() => y.options.length > 10), l = g(() => Math.min(u(s) ? 10 * u(
|
|
168
|
-
var d =
|
|
163
|
+
t(je, (e) => {
|
|
164
|
+
j() && u(U).length > 0 ? e(Me) : !A() && u(U).length === 1 && u(Te) ? e(Ne, 1) : e(Pe, -1);
|
|
165
|
+
}), w(2), v(Q), h(Q, (e) => m(B, e), () => u(B)), O(Q, (e) => ke?.(e));
|
|
166
|
+
var Fe = p(Q, 2), Ie = (n) => {
|
|
167
|
+
let s = g(() => y.options.length > 10), l = g(() => Math.min(u(s) ? 10 * u(P) + (A() ? 40 : 0) + 8 : Infinity, u(H).availHeight));
|
|
168
|
+
var d = _e();
|
|
169
169
|
let f, x;
|
|
170
|
-
var S = C(d),
|
|
171
|
-
var t =
|
|
170
|
+
var S = C(d), w = (e) => {
|
|
171
|
+
var t = le();
|
|
172
172
|
ee(t), i("mousedown", t, (e) => e.stopPropagation()), i("click", t, (e) => e.stopPropagation()), i("keydown", t, (e) => {
|
|
173
|
-
e.key === "Escape" && (e.preventDefault(), m(
|
|
174
|
-
}),
|
|
173
|
+
e.key === "Escape" && (e.preventDefault(), m(L, !1), y.onCancel?.());
|
|
174
|
+
}), te(t, () => u(F), (e) => m(F, e)), b(e, t);
|
|
175
175
|
};
|
|
176
176
|
t(S, (e) => {
|
|
177
|
-
|
|
177
|
+
M() && e(w);
|
|
178
178
|
});
|
|
179
|
-
var
|
|
180
|
-
var t =
|
|
179
|
+
var T = p(S, 2), ie = (e) => {
|
|
180
|
+
var t = ue();
|
|
181
181
|
b(e, t);
|
|
182
|
-
},
|
|
183
|
-
var t =
|
|
184
|
-
v(t), r(() => c(n,
|
|
185
|
-
},
|
|
182
|
+
}, ae = (e) => {
|
|
183
|
+
var t = de(), n = C(t, !0);
|
|
184
|
+
v(t), r(() => c(n, M() && u(F) ? `No matches for "${u(F)}"` : "No options")), b(e, t);
|
|
185
|
+
}, oe = (n) => {
|
|
186
186
|
var s = e(), l = a(s);
|
|
187
|
-
|
|
188
|
-
let s = g(() =>
|
|
189
|
-
var l =
|
|
187
|
+
D(l, 19, () => u(I), (e) => String(e.value), (e, n, a) => {
|
|
188
|
+
let s = g(() => W(u(n)));
|
|
189
|
+
var l = he();
|
|
190
190
|
let d;
|
|
191
191
|
var f = C(l), h = (e) => {
|
|
192
|
-
var t =
|
|
192
|
+
var t = fe(), n = C(t, !0);
|
|
193
193
|
v(t), r(() => c(n, u(s) ? "✓" : "")), b(e, t);
|
|
194
194
|
};
|
|
195
195
|
t(f, (e) => {
|
|
196
|
-
|
|
196
|
+
A() && e(h);
|
|
197
197
|
});
|
|
198
198
|
var ee = p(f, 2), y = (e) => {
|
|
199
|
-
var t =
|
|
199
|
+
var t = pe(), i = C(t, !0);
|
|
200
200
|
v(t), r((e) => {
|
|
201
|
-
|
|
202
|
-
}, [() =>
|
|
201
|
+
E(t, e), c(i, u(n).label);
|
|
202
|
+
}, [() => X(u(n).color)]), b(e, t);
|
|
203
203
|
}, x = (e) => {
|
|
204
|
-
var t =
|
|
204
|
+
var t = me(), i = C(t, !0);
|
|
205
205
|
v(t), r(() => c(i, u(n).label)), b(e, t);
|
|
206
206
|
};
|
|
207
207
|
t(ee, (e) => {
|
|
208
208
|
u(n).color ? e(y) : e(x, -1);
|
|
209
209
|
}), v(l), r((e) => {
|
|
210
|
-
d =
|
|
210
|
+
d = k(l, 1, "sv-grid-dropdown-option", null, d, {
|
|
211
211
|
"sv-grid-dropdown-option-selected": u(s),
|
|
212
|
-
"sv-grid-dropdown-option-highlighted": u(a) === u(
|
|
212
|
+
"sv-grid-dropdown-option-highlighted": u(a) === u(R)
|
|
213
213
|
}), _(l, "id", e), _(l, "aria-selected", u(s)), _(l, "data-opt-idx", u(a));
|
|
214
|
-
}, [() =>
|
|
215
|
-
e.preventDefault(),
|
|
216
|
-
}), o("mouseenter", l, () => m(
|
|
214
|
+
}, [() => N(u(a))]), i("mousedown", l, (e) => {
|
|
215
|
+
e.preventDefault(), G(u(n));
|
|
216
|
+
}), o("mouseenter", l, () => m(R, u(a), !0)), b(e, l);
|
|
217
217
|
}), b(n, s);
|
|
218
218
|
};
|
|
219
|
-
t(
|
|
220
|
-
|
|
219
|
+
t(T, (e) => {
|
|
220
|
+
Se() && u(I).length === 0 ? e(ie) : u(I).length === 0 ? e(ae, 1) : e(oe, -1);
|
|
221
221
|
});
|
|
222
|
-
var
|
|
223
|
-
var t =
|
|
222
|
+
var se = p(T, 2), ce = (e) => {
|
|
223
|
+
var t = ge(), n = C(t);
|
|
224
224
|
v(t), i("mousedown", n, (e) => e.preventDefault()), i("click", n, () => {
|
|
225
|
-
|
|
225
|
+
J(), y.onCommit?.();
|
|
226
226
|
}), b(e, t);
|
|
227
227
|
};
|
|
228
|
-
t(
|
|
229
|
-
|
|
230
|
-
}), v(d), h(d, (e) => m(
|
|
231
|
-
f =
|
|
228
|
+
t(se, (e) => {
|
|
229
|
+
A() && e(ce);
|
|
230
|
+
}), v(d), h(d, (e) => m(V, e), () => u(V)), O(d, (e) => re?.(e)), O(d, (e, t) => ne?.(e, t), () => ({ up: u(H).openUpward })), r(() => {
|
|
231
|
+
f = k(d, 1, "sv-grid-dropdown-panel", null, f, { "sv-grid-dropdown-panel-fits": !u(s) }), _(d, "aria-multiselectable", A()), x = E(d, "", x, {
|
|
232
232
|
position: "fixed",
|
|
233
|
-
top: u(
|
|
234
|
-
bottom: u(
|
|
235
|
-
left: `${u(
|
|
236
|
-
width: `${u(
|
|
233
|
+
top: u(H).openUpward ? null : `${u(H).top}px`,
|
|
234
|
+
bottom: u(H).openUpward ? `${u(H).bottom}px` : null,
|
|
235
|
+
left: `${u(H).left}px`,
|
|
236
|
+
width: `${u(H).width}px`,
|
|
237
237
|
"max-height": u(l) === null ? null : `${u(l)}px`,
|
|
238
238
|
"z-index": "2147483647"
|
|
239
239
|
});
|
|
240
240
|
}), i("pointerdown", d, (e) => e.stopPropagation()), i("mousedown", d, (e) => e.stopPropagation()), i("click", d, (e) => e.stopPropagation()), b(n, d);
|
|
241
241
|
};
|
|
242
|
-
t(
|
|
243
|
-
u(
|
|
244
|
-
}), v(
|
|
245
|
-
|
|
246
|
-
}, [() => u(
|
|
242
|
+
t(Fe, (e) => {
|
|
243
|
+
u(L) && e(Ie);
|
|
244
|
+
}), v(Z), h(Z, (e) => m(z, e), () => u(z)), r((e) => {
|
|
245
|
+
Ae = k(Z, 1, "sv-grid-dropdown svelte-r4kmto", null, Ae, { "sv-grid-dropdown-open": u(L) }), _(Q, "id", y.id), $ = k(Q, 1, "sv-grid-dropdown-trigger svelte-r4kmto", null, $, { "sv-grid-dropdown-trigger-chips": j() && u(U).length > 0 }), _(Q, "aria-expanded", u(L)), _(Q, "aria-label", y.ariaLabel), _(Q, "aria-invalid", Ce() || void 0), _(Q, "aria-describedby", y.describedBy), _(Q, "aria-activedescendant", e);
|
|
246
|
+
}, [() => u(L) ? N(u(R)) : void 0]), i("focusout", Z, De), i("click", Z, (e) => e.stopPropagation()), i("dblclick", Z, (e) => e.stopPropagation()), i("pointerdown", Z, (e) => e.stopPropagation()), i("mousedown", Z, (e) => e.stopPropagation()), i("click", Q, () => u(L) ? J() : K()), i("keydown", Q, Ee), b(n, Z), T();
|
|
247
247
|
}
|
|
248
248
|
n([
|
|
249
249
|
"focusout",
|
|
@@ -254,4 +254,4 @@ n([
|
|
|
254
254
|
"keydown"
|
|
255
255
|
]);
|
|
256
256
|
//#endregion
|
|
257
|
-
export {
|
|
257
|
+
export { ye as default };
|
|
@@ -10,8 +10,8 @@ import '@svgrid/grid-wc/chart';
|
|
|
10
10
|
* Angular wrapper. Binds Angular @Input / @Output straight onto the custom element, which IS this component's host.
|
|
11
11
|
*/
|
|
12
12
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
13
|
-
const PROP_NAMES$1 = ["data", "columns", "board", "scheduler", "chart", "pivot", "pivotMode", "contextMenu", "selectionBar", "features", "sortable", "filterable", "editable", "treeData", "groupable", "groupBy", "expanded", "groupFooters", "grandTotalRow", "groupDisplayMode", "autoGroupColumnHeader", "autoGroupColumnWidth", "pageable", "loading", "loadingOverlay", "loadingSkeletonRows", "error", "emptyMessage", "localization", "showGlobalFilter", "showColumnFilters", "filterMode", "showGroupingControls", "showRowSelection", "showPagination", "pageSize", "pageSizeOptions", "paginationPosition", "externalPagination", "rowCount", "pageIndex", "virtualization", "rowHeight", "autoRowHeight", "rowResize", "headerHeight", "overscan", "containerHeight", "columnVirtualization", "columnOverscan", "columnWidth", "initialColumnPinning", "fitColumns", "columnResize", "responsive", "showFilterMenu", "showFilterRow", "enableCellSelection", "moveCells", "enableRowHover", "copyHeadersToClipboard", "processCellForFill", "processCellForClipboard", "clipboardHtml", "processCellFromClipboard", "enableInlineEditing", "editOnSecondClick", "fullRowEditing", "enableRowSummaries", "summary", "statusBar", "toolPanel", "charting", "columnMenuTabs", "toolPanelDefaultOpen", "toolPanelDefaultTab", "selectionMode", "showRowNumbers", "zebraRows", "rowNumberWidth", "externalSort", "initialSorting", "initialAdvancedFilter", "externalFilter", "getRowId", "rowClass", "notes", "editableComments", "conditionalFormats", "conditionalStatScope", "isDetailRow", "serverGroup", "serverFilterValues", "pinnedTopRows", "frozenRows", "mergedCells", "pinnedBottomRows", "enableColumnReorder", "columnOrder", "inferColumnTypes", "rowDragManaged", "rowDragGroup", "alignedGridGroup", "filterLocale"];
|
|
14
|
-
const EVENT_NAMES = ["pivotmodechange", "expandedchange", "paginationchange", "columnresize", "rowresize", "pasteclipboard", "apiready", "rowselectionchange", "cellselectionchange", "sortingchange", "advancedfilterchange", "filterschange", "notechange", "cellvaluechange", "activecellchange", "cellclick", "rowclick", "celldoubleclick", "rowdoubleclick", "scrollbottomreached", "columnorderchange", "rowdragend", "selectionchange"];
|
|
13
|
+
const PROP_NAMES$1 = ["data", "columns", "board", "scheduler", "gantt", "chart", "pivot", "pivotMode", "contextMenu", "selectionBar", "features", "sortable", "filterable", "editable", "treeData", "groupable", "groupBy", "expanded", "groupFooters", "grandTotalRow", "groupDisplayMode", "autoGroupColumnHeader", "autoGroupColumnWidth", "pageable", "loading", "loadingOverlay", "loadingSkeletonRows", "error", "emptyMessage", "localization", "showGlobalFilter", "showColumnFilters", "filterMode", "showGroupingControls", "showRowSelection", "showPagination", "pageSize", "pageSizeOptions", "paginationPosition", "externalPagination", "rowCount", "pageIndex", "virtualization", "rowHeight", "autoRowHeight", "rowResize", "headerHeight", "overscan", "containerHeight", "columnVirtualization", "columnOverscan", "columnWidth", "initialColumnPinning", "fitColumns", "columnResize", "responsive", "showFilterMenu", "showFilterRow", "enableCellSelection", "moveCells", "enableRowHover", "copyHeadersToClipboard", "processCellForFill", "processCellForClipboard", "includeCollapsedRows", "clipboardHtml", "processCellFromClipboard", "enableInlineEditing", "editOnSecondClick", "fullRowEditing", "enableRowSummaries", "summary", "statusBar", "toolPanel", "charting", "columnMenuTabs", "toolPanelDefaultOpen", "toolPanelDefaultTab", "selectionMode", "showRowNumbers", "zebraRows", "rowNumberWidth", "externalSort", "initialSorting", "initialAdvancedFilter", "externalFilter", "getRowId", "rowClass", "notes", "editableComments", "conditionalFormats", "conditionalStatScope", "rowPlaceholder", "rowModel", "pivotResultColumns", "rowSelectionModel", "isDetailRow", "detailRowHeight", "showDetailToggle", "isDetailOpen", "hasDetail", "serverGroup", "serverFilterValues", "pinnedTopRows", "frozenRows", "stickyGroupRows", "mergedCells", "pinnedBottomRows", "enableColumnReorder", "columnOrder", "inferColumnTypes", "rowDragManaged", "rowDragGroup", "alignedGridGroup", "filterLocale"];
|
|
14
|
+
const EVENT_NAMES = ["pivotmodechange", "expandedchange", "paginationchange", "columnresize", "rowresize", "pasteclipboard", "apiready", "rowselectionchange", "cellselectionchange", "sortingchange", "advancedfilterchange", "filterschange", "notechange", "cellvaluechange", "activecellchange", "cellclick", "rowclick", "celldoubleclick", "rowdoubleclick", "scrollbottomreached", "visiblerangechange", "retryrow", "detailtoggle", "columnorderchange", "rowdragend", "rowdrop", "selectionchange"];
|
|
15
15
|
/**
|
|
16
16
|
* SvGrid as an Angular component.
|
|
17
17
|
*
|
|
@@ -52,8 +52,12 @@ class SvGridComponent {
|
|
|
52
52
|
this.celldoubleclick = new EventEmitter();
|
|
53
53
|
this.rowdoubleclick = new EventEmitter();
|
|
54
54
|
this.scrollbottomreached = new EventEmitter();
|
|
55
|
+
this.visiblerangechange = new EventEmitter();
|
|
56
|
+
this.retryrow = new EventEmitter();
|
|
57
|
+
this.detailtoggle = new EventEmitter();
|
|
55
58
|
this.columnorderchange = new EventEmitter();
|
|
56
59
|
this.rowdragend = new EventEmitter();
|
|
60
|
+
this.rowdrop = new EventEmitter();
|
|
57
61
|
this.selectionchange = new EventEmitter();
|
|
58
62
|
this.listeners = [];
|
|
59
63
|
}
|
|
@@ -100,7 +104,7 @@ class SvGridComponent {
|
|
|
100
104
|
return this.elementRef.nativeElement.api ?? null;
|
|
101
105
|
}
|
|
102
106
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SvGridComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
103
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.5", type: SvGridComponent, isStandalone: true, selector: "sv-grid, sv-grid-shadow", inputs: { data: "data", columns: "columns", board: "board", scheduler: "scheduler", chart: "chart", pivot: "pivot", pivotMode: "pivotMode", contextMenu: "contextMenu", selectionBar: "selectionBar", features: "features", sortable: "sortable", filterable: "filterable", editable: "editable", treeData: "treeData", groupable: "groupable", groupBy: "groupBy", expanded: "expanded", groupFooters: "groupFooters", grandTotalRow: "grandTotalRow", groupDisplayMode: "groupDisplayMode", autoGroupColumnHeader: "autoGroupColumnHeader", autoGroupColumnWidth: "autoGroupColumnWidth", pageable: "pageable", loading: "loading", loadingOverlay: "loadingOverlay", loadingSkeletonRows: "loadingSkeletonRows", error: "error", emptyMessage: "emptyMessage", localization: "localization", showGlobalFilter: "showGlobalFilter", showColumnFilters: "showColumnFilters", filterMode: "filterMode", showGroupingControls: "showGroupingControls", showRowSelection: "showRowSelection", showPagination: "showPagination", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", paginationPosition: "paginationPosition", externalPagination: "externalPagination", rowCount: "rowCount", pageIndex: "pageIndex", virtualization: "virtualization", rowHeight: "rowHeight", autoRowHeight: "autoRowHeight", rowResize: "rowResize", headerHeight: "headerHeight", overscan: "overscan", containerHeight: "containerHeight", columnVirtualization: "columnVirtualization", columnOverscan: "columnOverscan", columnWidth: "columnWidth", initialColumnPinning: "initialColumnPinning", fitColumns: "fitColumns", columnResize: "columnResize", responsive: "responsive", showFilterMenu: "showFilterMenu", showFilterRow: "showFilterRow", enableCellSelection: "enableCellSelection", moveCells: "moveCells", enableRowHover: "enableRowHover", copyHeadersToClipboard: "copyHeadersToClipboard", processCellForFill: "processCellForFill", processCellForClipboard: "processCellForClipboard", clipboardHtml: "clipboardHtml", processCellFromClipboard: "processCellFromClipboard", enableInlineEditing: "enableInlineEditing", editOnSecondClick: "editOnSecondClick", fullRowEditing: "fullRowEditing", enableRowSummaries: "enableRowSummaries", summary: "summary", statusBar: "statusBar", toolPanel: "toolPanel", charting: "charting", columnMenuTabs: "columnMenuTabs", toolPanelDefaultOpen: "toolPanelDefaultOpen", toolPanelDefaultTab: "toolPanelDefaultTab", selectionMode: "selectionMode", showRowNumbers: "showRowNumbers", zebraRows: "zebraRows", rowNumberWidth: "rowNumberWidth", externalSort: "externalSort", initialSorting: "initialSorting", initialAdvancedFilter: "initialAdvancedFilter", externalFilter: "externalFilter", getRowId: "getRowId", rowClass: "rowClass", notes: "notes", editableComments: "editableComments", conditionalFormats: "conditionalFormats", conditionalStatScope: "conditionalStatScope", isDetailRow: "isDetailRow", serverGroup: "serverGroup", serverFilterValues: "serverFilterValues", pinnedTopRows: "pinnedTopRows", frozenRows: "frozenRows", mergedCells: "mergedCells", pinnedBottomRows: "pinnedBottomRows", enableColumnReorder: "enableColumnReorder", columnOrder: "columnOrder", inferColumnTypes: "inferColumnTypes", rowDragManaged: "rowDragManaged", rowDragGroup: "rowDragGroup", alignedGridGroup: "alignedGridGroup", filterLocale: "filterLocale" }, outputs: { pivotmodechange: "pivotmodechange", expandedchange: "expandedchange", paginationchange: "paginationchange", columnresize: "columnresize", rowresize: "rowresize", pasteclipboard: "pasteclipboard", apiready: "apiready", rowselectionchange: "rowselectionchange", cellselectionchange: "cellselectionchange", sortingchange: "sortingchange", advancedfilterchange: "advancedfilterchange", filterschange: "filterschange", notechange: "notechange", cellvaluechange: "cellvaluechange", activecellchange: "activecellchange", cellclick: "cellclick", rowclick: "rowclick", celldoubleclick: "celldoubleclick", rowdoubleclick: "rowdoubleclick", scrollbottomreached: "scrollbottomreached", columnorderchange: "columnorderchange", rowdragend: "rowdragend", selectionchange: "selectionchange" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
|
|
107
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.5", type: SvGridComponent, isStandalone: true, selector: "sv-grid, sv-grid-shadow", inputs: { data: "data", columns: "columns", board: "board", scheduler: "scheduler", gantt: "gantt", chart: "chart", pivot: "pivot", pivotMode: "pivotMode", contextMenu: "contextMenu", selectionBar: "selectionBar", features: "features", sortable: "sortable", filterable: "filterable", editable: "editable", treeData: "treeData", groupable: "groupable", groupBy: "groupBy", expanded: "expanded", groupFooters: "groupFooters", grandTotalRow: "grandTotalRow", groupDisplayMode: "groupDisplayMode", autoGroupColumnHeader: "autoGroupColumnHeader", autoGroupColumnWidth: "autoGroupColumnWidth", pageable: "pageable", loading: "loading", loadingOverlay: "loadingOverlay", loadingSkeletonRows: "loadingSkeletonRows", error: "error", emptyMessage: "emptyMessage", localization: "localization", showGlobalFilter: "showGlobalFilter", showColumnFilters: "showColumnFilters", filterMode: "filterMode", showGroupingControls: "showGroupingControls", showRowSelection: "showRowSelection", showPagination: "showPagination", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", paginationPosition: "paginationPosition", externalPagination: "externalPagination", rowCount: "rowCount", pageIndex: "pageIndex", virtualization: "virtualization", rowHeight: "rowHeight", autoRowHeight: "autoRowHeight", rowResize: "rowResize", headerHeight: "headerHeight", overscan: "overscan", containerHeight: "containerHeight", columnVirtualization: "columnVirtualization", columnOverscan: "columnOverscan", columnWidth: "columnWidth", initialColumnPinning: "initialColumnPinning", fitColumns: "fitColumns", columnResize: "columnResize", responsive: "responsive", showFilterMenu: "showFilterMenu", showFilterRow: "showFilterRow", enableCellSelection: "enableCellSelection", moveCells: "moveCells", enableRowHover: "enableRowHover", copyHeadersToClipboard: "copyHeadersToClipboard", processCellForFill: "processCellForFill", processCellForClipboard: "processCellForClipboard", includeCollapsedRows: "includeCollapsedRows", clipboardHtml: "clipboardHtml", processCellFromClipboard: "processCellFromClipboard", enableInlineEditing: "enableInlineEditing", editOnSecondClick: "editOnSecondClick", fullRowEditing: "fullRowEditing", enableRowSummaries: "enableRowSummaries", summary: "summary", statusBar: "statusBar", toolPanel: "toolPanel", charting: "charting", columnMenuTabs: "columnMenuTabs", toolPanelDefaultOpen: "toolPanelDefaultOpen", toolPanelDefaultTab: "toolPanelDefaultTab", selectionMode: "selectionMode", showRowNumbers: "showRowNumbers", zebraRows: "zebraRows", rowNumberWidth: "rowNumberWidth", externalSort: "externalSort", initialSorting: "initialSorting", initialAdvancedFilter: "initialAdvancedFilter", externalFilter: "externalFilter", getRowId: "getRowId", rowClass: "rowClass", notes: "notes", editableComments: "editableComments", conditionalFormats: "conditionalFormats", conditionalStatScope: "conditionalStatScope", rowPlaceholder: "rowPlaceholder", rowModel: "rowModel", pivotResultColumns: "pivotResultColumns", rowSelectionModel: "rowSelectionModel", isDetailRow: "isDetailRow", detailRowHeight: "detailRowHeight", showDetailToggle: "showDetailToggle", isDetailOpen: "isDetailOpen", hasDetail: "hasDetail", serverGroup: "serverGroup", serverFilterValues: "serverFilterValues", pinnedTopRows: "pinnedTopRows", frozenRows: "frozenRows", stickyGroupRows: "stickyGroupRows", mergedCells: "mergedCells", pinnedBottomRows: "pinnedBottomRows", enableColumnReorder: "enableColumnReorder", columnOrder: "columnOrder", inferColumnTypes: "inferColumnTypes", rowDragManaged: "rowDragManaged", rowDragGroup: "rowDragGroup", alignedGridGroup: "alignedGridGroup", filterLocale: "filterLocale" }, outputs: { pivotmodechange: "pivotmodechange", expandedchange: "expandedchange", paginationchange: "paginationchange", columnresize: "columnresize", rowresize: "rowresize", pasteclipboard: "pasteclipboard", apiready: "apiready", rowselectionchange: "rowselectionchange", cellselectionchange: "cellselectionchange", sortingchange: "sortingchange", advancedfilterchange: "advancedfilterchange", filterschange: "filterschange", notechange: "notechange", cellvaluechange: "cellvaluechange", activecellchange: "activecellchange", cellclick: "cellclick", rowclick: "rowclick", celldoubleclick: "celldoubleclick", rowdoubleclick: "rowdoubleclick", scrollbottomreached: "scrollbottomreached", visiblerangechange: "visiblerangechange", retryrow: "retryrow", detailtoggle: "detailtoggle", columnorderchange: "columnorderchange", rowdragend: "rowdragend", rowdrop: "rowdrop", selectionchange: "selectionchange" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
|
|
104
108
|
}
|
|
105
109
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SvGridComponent, decorators: [{
|
|
106
110
|
type: Component,
|
|
@@ -117,6 +121,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
|
|
|
117
121
|
type: Input
|
|
118
122
|
}], scheduler: [{
|
|
119
123
|
type: Input
|
|
124
|
+
}], gantt: [{
|
|
125
|
+
type: Input
|
|
120
126
|
}], chart: [{
|
|
121
127
|
type: Input
|
|
122
128
|
}], pivot: [{
|
|
@@ -235,6 +241,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
|
|
|
235
241
|
type: Input
|
|
236
242
|
}], processCellForClipboard: [{
|
|
237
243
|
type: Input
|
|
244
|
+
}], includeCollapsedRows: [{
|
|
245
|
+
type: Input
|
|
238
246
|
}], clipboardHtml: [{
|
|
239
247
|
type: Input
|
|
240
248
|
}], processCellFromClipboard: [{
|
|
@@ -289,8 +297,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
|
|
|
289
297
|
type: Input
|
|
290
298
|
}], conditionalStatScope: [{
|
|
291
299
|
type: Input
|
|
300
|
+
}], rowPlaceholder: [{
|
|
301
|
+
type: Input
|
|
302
|
+
}], rowModel: [{
|
|
303
|
+
type: Input
|
|
304
|
+
}], pivotResultColumns: [{
|
|
305
|
+
type: Input
|
|
306
|
+
}], rowSelectionModel: [{
|
|
307
|
+
type: Input
|
|
292
308
|
}], isDetailRow: [{
|
|
293
309
|
type: Input
|
|
310
|
+
}], detailRowHeight: [{
|
|
311
|
+
type: Input
|
|
312
|
+
}], showDetailToggle: [{
|
|
313
|
+
type: Input
|
|
314
|
+
}], isDetailOpen: [{
|
|
315
|
+
type: Input
|
|
316
|
+
}], hasDetail: [{
|
|
317
|
+
type: Input
|
|
294
318
|
}], serverGroup: [{
|
|
295
319
|
type: Input
|
|
296
320
|
}], serverFilterValues: [{
|
|
@@ -299,6 +323,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
|
|
|
299
323
|
type: Input
|
|
300
324
|
}], frozenRows: [{
|
|
301
325
|
type: Input
|
|
326
|
+
}], stickyGroupRows: [{
|
|
327
|
+
type: Input
|
|
302
328
|
}], mergedCells: [{
|
|
303
329
|
type: Input
|
|
304
330
|
}], pinnedBottomRows: [{
|
|
@@ -357,10 +383,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
|
|
|
357
383
|
type: Output
|
|
358
384
|
}], scrollbottomreached: [{
|
|
359
385
|
type: Output
|
|
386
|
+
}], visiblerangechange: [{
|
|
387
|
+
type: Output
|
|
388
|
+
}], retryrow: [{
|
|
389
|
+
type: Output
|
|
390
|
+
}], detailtoggle: [{
|
|
391
|
+
type: Output
|
|
360
392
|
}], columnorderchange: [{
|
|
361
393
|
type: Output
|
|
362
394
|
}], rowdragend: [{
|
|
363
395
|
type: Output
|
|
396
|
+
}], rowdrop: [{
|
|
397
|
+
type: Output
|
|
364
398
|
}], selectionchange: [{
|
|
365
399
|
type: Output
|
|
366
400
|
}] } });
|