@svgrid/grid-wc 3.0.0 → 3.0.2

package/dist/SvGridChartView-Ci-9_EJ0.js

@@ -0,0 +1,45 @@
+(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){}})();
+import { s as e } from "./chart-DoqdUoGg.js";
+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";
+import { t as l } from "./SvGridChart-4TcL9Rj2.js";
+//#region ../grid/dist/SvGridChartView.svelte
+var u = i("<div class=\"sv-grid-chart-view svelte-733vyy\"><!></div>");
+function d(i, d) {
+	o(d, !0);
+	let f = n(() => {
+		let t = e(d.data ?? [], {
+			type: d.chart.type ?? "bar",
+			category: d.chart.category,
+			value: d.chart.value,
+			series: d.chart.series,
+			reduce: d.chart.reduce,
+			stacked: d.chart.stacked,
+			stacked100: d.chart.stacked100,
+			sort: d.chart.sort,
+			topN: d.chart.topN,
+			palette: d.chart.palette
+		});
+		d.chart.valueFormat && (t.valueFormat = d.chart.valueFormat);
+		let n = d.chart.locale ?? d.localization?.locale;
+		return n && (t.locale = n), d.chart.currency && (t.currency = d.chart.currency), t;
+	});
+	var p = u(), m = s(p);
+	{
+		let e = n(() => d.chart.legend ?? !0), r = n(() => d.chart.dataLabels ?? !1);
+		l(m, {
+			get spec() {
+				return t(f);
+			},
+			autosize: !0,
+			get legend() {
+				return t(e);
+			},
+			get dataLabels() {
+				return t(r);
+			}
+		});
+	}
+	r(p), a(i, p), c();
+}
+//#endregion
+export { d as default };

package/dist/SvGridDropdown-BlA6iw9m.js

@@ -0,0 +1,257 @@
+(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){}})();
+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 te, s as ne, tt as w, v as T, w as re, x as E, y as D } from "./client-DEF0GRjE.js";
+import { n as ie, r as ae, t as O } from "./popover-WsGlvtQv.js";
+//#region ../grid/dist/SvGridDropdown.svelte
+var k = y("<span class=\"sv-grid-chip sv-grid-chip-removable svelte-r4kmto\"> <span class=\"sv-grid-chip-remove svelte-r4kmto\" role=\"button\">×</span></span>"), A = y("<span class=\"sv-grid-dropdown-chips svelte-r4kmto\"></span>"), oe = y("<span class=\"sv-grid-chip svelte-r4kmto\"> </span>"), j = y("<span class=\"sv-grid-dropdown-label svelte-r4kmto\"> </span>"), se = y("<input type=\"search\" class=\"sv-grid-dropdown-search\" placeholder=\"Search…\"/>"), ce = y("<div class=\"sv-grid-dropdown-empty\" role=\"status\" aria-live=\"polite\">Loading…</div>"), le = y("<div class=\"sv-grid-dropdown-empty\"> </div>"), ue = y("<span class=\"sv-grid-dropdown-check\" aria-hidden=\"true\"> </span>"), de = y("<span class=\"sv-grid-dropdown-option-chip\"> </span>"), fe = y("<span class=\"sv-grid-dropdown-option-label\"> </span>"), pe = y("<div role=\"option\"><!> <!></div>"), me = y("<div class=\"sv-grid-dropdown-footer\"><button type=\"button\" class=\"sv-grid-dropdown-done\">Done</button></div>"), he = y("<div role=\"listbox\"><!> <!> <!></div>"), ge = y("<div><button type=\"button\" aria-haspopup=\"listbox\"><!> <span class=\"sv-grid-dropdown-caret svelte-r4kmto\" aria-hidden=\"true\">▾</span></button> <!></div>");
+function M(n, y) {
+	let M = s();
+	S(y, !0);
+	let N = x(y, "multiple", 3, !1), _e = x(y, "placeholder", 3, "Select…"), ve = x(y, "renderChipsInTrigger", 3, !1), P = x(y, "searchable", 3, !1), ye = x(y, "autoOpen", 3, !0), be = x(y, "loading", 3, !1);
+	function xe(e) {
+		return e >= 0 && e < u(L).length ? `${M}-opt-${e}` : void 0;
+	}
+	let F = g(() => y.options.some((e) => e.color) ? 40 : 32), I = l(""), L = g(() => !P() || !u(I).trim() ? y.options : (() => {
+		let e = u(I).trim().toLowerCase();
+		return y.options.filter((t) => t.label.toLowerCase().includes(e));
+	})()), R = l(!1), z = l(-1), B = l(null), V = l(null), H = l(null), U = l(f({
+		top: 0,
+		left: 0,
+		width: 0,
+		openUpward: !1,
+		maxHeight: 0,
+		availHeight: 0
+	})), W = g(() => Array.isArray(y.value) ? y.value : y.value == null || y.value === "" ? [] : [y.value]), Se = g(() => {
+		if (u(W).length === 0) return _e();
+		if (!N()) {
+			let e = u(W)[0], t = y.options.find((t) => String(t.value) === String(e));
+			return t ? t.label : String(e);
+		}
+		return `${u(W).length} selected`;
+	}), Ce = g(() => {
+		if (N() || u(W).length !== 1) return;
+		let e = u(W)[0];
+		return y.options.find((t) => String(t.value) === String(e))?.color;
+	});
+	function G(e) {
+		return u(W).some((t) => String(t) === String(e.value));
+	}
+	function K(e) {
+		if (N()) {
+			let t = G(e) ? u(W).filter((t) => String(t) !== String(e.value)) : [...u(W), e.value];
+			y.onChange?.(t);
+		} else y.onChange?.(e.value), m(R, !1), y.onCommit?.();
+	}
+	function q() {
+		if (!u(R)) {
+			if (m(R, !0), u(z) < 0) {
+				let e = y.options.findIndex((e) => G(e));
+				m(z, e >= 0 ? e : 0, !0);
+			}
+			J();
+		}
+	}
+	function J() {
+		if (!u(V)) return;
+		let e = Math.min(u(L).length, 10), t = P() ? 38 : 0, n = e * u(F) + (N() ? 40 : 0) + t + 8;
+		m(U, O(u(V).getBoundingClientRect(), {
+			estimatedHeight: n,
+			clampHorizontal: !1
+		}), !0);
+	}
+	d(() => {
+		if (!u(R)) return;
+		let e = () => J();
+		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}), d(() => {
+		u(R) && (u(L).length, u(F), J());
+	});
+	function Y() {
+		m(R, !1), m(z, -1);
+	}
+	function we(e) {
+		if (e.stopPropagation(), e.key === "Escape") {
+			e.preventDefault(), Y(), y.onCancel?.();
+			return;
+		}
+		if (e.key === "ArrowDown") {
+			if (e.preventDefault(), !u(R)) {
+				q();
+				return;
+			}
+			m(z, Math.min(u(z) + 1, y.options.length - 1), !0), X();
+		} else if (e.key === "ArrowUp") {
+			if (e.preventDefault(), !u(R)) {
+				q();
+				return;
+			}
+			m(z, Math.max(u(z) - 1, 0), !0), X();
+		} else if (e.key === "Home") {
+			if (!u(R)) return;
+			e.preventDefault(), m(z, 0), X();
+		} else if (e.key === "End") {
+			if (!u(R)) return;
+			e.preventDefault(), m(z, y.options.length - 1), X();
+		} else if (e.key === "Enter") {
+			if (e.preventDefault(), !u(R)) {
+				q();
+				return;
+			}
+			let t = y.options[u(z)];
+			t ? K(t) : N() && (Y(), y.onCommit?.());
+		} else if (e.key === " " && u(R)) {
+			e.preventDefault();
+			let t = y.options[u(z)];
+			t && K(t);
+		} else e.key === "Tab" && (u(R) && Y(), y.onCommit?.());
+	}
+	function X() {
+		queueMicrotask(() => {
+			u(H) && u(H).querySelector(`[data-opt-idx="${u(z)}"]`)?.scrollIntoView({ block: "nearest" });
+		});
+	}
+	function Te(e) {
+		let t = e.relatedTarget;
+		t && u(B)?.contains(t) || (u(R) && Y(), y.onCommit?.());
+	}
+	function Ee(e, t) {
+		t.preventDefault(), t.stopPropagation();
+		let n = u(W).filter((t) => String(t) !== String(e));
+		y.onChange?.(N() ? n : n[0] ?? null);
+	}
+	function De(e) {
+		ye() && (e.focus(), q());
+	}
+	d(() => {
+		if (!u(R)) return;
+		let e = (e) => {
+			let t = e.target;
+			t && (u(B)?.contains(t) || u(H)?.contains(t) || (Y(), y.onCommit?.()));
+		};
+		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
+	});
+	function Z(e) {
+		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));`;
+	}
+	var Q = ge();
+	let Oe;
+	var $ = C(Q);
+	let ke;
+	var Ae = C($), je = (e) => {
+		var t = A();
+		re(t, 21, () => u(W), (e) => String(e), (e, t) => {
+			let n = g(() => y.options.find((e) => String(e.value) === String(u(t))));
+			var a = k(), o = C(a), s = p(o);
+			_(s, "tabindex", -1), v(a), r((e, t, n) => {
+				T(a, e), c(o, `${t ?? ""}  `), _(s, "aria-label", `Remove ${n ?? ""}`);
+			}, [
+				() => u(n)?.color ? Z(u(n).color) : "",
+				() => u(n) ? u(n).label : String(u(t)),
+				() => u(n) ? u(n).label : String(u(t))
+			]), i("mousedown", s, (e) => e.preventDefault()), i("click", s, (e) => Ee(u(t), e)), b(e, a);
+		}), v(t), b(e, t);
+	}, Me = (e) => {
+		var t = oe(), n = C(t, !0);
+		v(t), r((e) => {
+			T(t, e), c(n, u(Se));
+		}, [() => Z(u(Ce))]), b(e, t);
+	}, Ne = (e) => {
+		var t = j(), n = C(t, !0);
+		v(t), r(() => c(n, u(Se))), b(e, t);
+	};
+	t(Ae, (e) => {
+		ve() && u(W).length > 0 ? e(je) : !N() && u(W).length === 1 && u(Ce) ? e(Me, 1) : e(Ne, -1);
+	}), te(2), v($), h($, (e) => m(V, e), () => u(V)), E($, (e) => De?.(e));
+	var Pe = p($, 2), Fe = (n) => {
+		let s = g(() => y.options.length > 10), l = g(() => Math.min(u(s) ? 10 * u(F) + (N() ? 40 : 0) + 8 : Infinity, u(U).availHeight));
+		var d = he();
+		let f, x;
+		var S = C(d), te = (e) => {
+			var t = se();
+			ee(t), i("mousedown", t, (e) => e.stopPropagation()), i("click", t, (e) => e.stopPropagation()), i("keydown", t, (e) => {
+				e.key === "Escape" && (e.preventDefault(), m(R, !1), y.onCancel?.());
+			}), ne(t, () => u(I), (e) => m(I, e)), b(e, t);
+		};
+		t(S, (e) => {
+			P() && e(te);
+		});
+		var w = p(S, 2), O = (e) => {
+			var t = ce();
+			b(e, t);
+		}, k = (e) => {
+			var t = le(), n = C(t, !0);
+			v(t), r(() => c(n, P() && u(I) ? `No matches for "${u(I)}"` : "No options")), b(e, t);
+		}, A = (n) => {
+			var s = e(), l = a(s);
+			re(l, 19, () => u(L), (e) => String(e.value), (e, n, a) => {
+				let s = g(() => G(u(n)));
+				var l = pe();
+				let d;
+				var f = C(l), h = (e) => {
+					var t = ue(), n = C(t, !0);
+					v(t), r(() => c(n, u(s) ? "✓" : "")), b(e, t);
+				};
+				t(f, (e) => {
+					N() && e(h);
+				});
+				var ee = p(f, 2), y = (e) => {
+					var t = de(), i = C(t, !0);
+					v(t), r((e) => {
+						T(t, e), c(i, u(n).label);
+					}, [() => Z(u(n).color)]), b(e, t);
+				}, x = (e) => {
+					var t = fe(), i = C(t, !0);
+					v(t), r(() => c(i, u(n).label)), b(e, t);
+				};
+				t(ee, (e) => {
+					u(n).color ? e(y) : e(x, -1);
+				}), v(l), r((e) => {
+					d = D(l, 1, "sv-grid-dropdown-option", null, d, {
+						"sv-grid-dropdown-option-selected": u(s),
+						"sv-grid-dropdown-option-highlighted": u(a) === u(z)
+					}), _(l, "id", e), _(l, "aria-selected", u(s)), _(l, "data-opt-idx", u(a));
+				}, [() => xe(u(a))]), i("mousedown", l, (e) => {
+					e.preventDefault(), K(u(n));
+				}), o("mouseenter", l, () => m(z, u(a), !0)), b(e, l);
+			}), b(n, s);
+		};
+		t(w, (e) => {
+			be() && u(L).length === 0 ? e(O) : u(L).length === 0 ? e(k, 1) : e(A, -1);
+		});
+		var oe = p(w, 2), j = (e) => {
+			var t = me(), n = C(t);
+			v(t), i("mousedown", n, (e) => e.preventDefault()), i("click", n, () => {
+				Y(), y.onCommit?.();
+			}), b(e, t);
+		};
+		t(oe, (e) => {
+			N() && e(j);
+		}), v(d), h(d, (e) => m(H, e), () => u(H)), E(d, (e) => ae?.(e)), E(d, (e, t) => ie?.(e, t), () => ({ up: u(U).openUpward })), r(() => {
+			f = D(d, 1, "sv-grid-dropdown-panel", null, f, { "sv-grid-dropdown-panel-fits": !u(s) }), _(d, "aria-multiselectable", N()), x = T(d, "", x, {
+				position: "fixed",
+				top: u(U).openUpward ? null : `${u(U).top}px`,
+				bottom: u(U).openUpward ? `${u(U).bottom}px` : null,
+				left: `${u(U).left}px`,
+				width: `${u(U).width}px`,
+				"max-height": u(l) === null ? null : `${u(l)}px`,
+				"z-index": "2147483647"
+			});
+		}), i("pointerdown", d, (e) => e.stopPropagation()), i("mousedown", d, (e) => e.stopPropagation()), i("click", d, (e) => e.stopPropagation()), b(n, d);
+	};
+	t(Pe, (e) => {
+		u(R) && e(Fe);
+	}), v(Q), h(Q, (e) => m(B, e), () => u(B)), r((e) => {
+		Oe = D(Q, 1, "sv-grid-dropdown svelte-r4kmto", null, Oe, { "sv-grid-dropdown-open": u(R) }), ke = D($, 1, "sv-grid-dropdown-trigger svelte-r4kmto", null, ke, { "sv-grid-dropdown-trigger-chips": ve() && u(W).length > 0 }), _($, "aria-expanded", u(R)), _($, "aria-activedescendant", e);
+	}, [() => u(R) ? xe(u(z)) : void 0]), i("focusout", Q, Te), i("click", Q, (e) => e.stopPropagation()), i("dblclick", Q, (e) => e.stopPropagation()), i("pointerdown", Q, (e) => e.stopPropagation()), i("mousedown", Q, (e) => e.stopPropagation()), i("click", $, () => u(R) ? Y() : q()), i("keydown", $, we), b(n, Q), w();
+}
+n([
+	"focusout",
+	"click",
+	"dblclick",
+	"pointerdown",
+	"mousedown",
+	"keydown"
+]);
+//#endregion
+export { M as default };

package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, Component } from '@angular/core';
 import '@svgrid/grid-wc';
+import '@svgrid/grid-wc/chart';
 
 /**
  * AUTO-GENERATED by scripts/generate-wrappers.mjs - DO NOT EDIT.
@@ -9,8 +10,8 @@ import '@svgrid/grid-wc';
  * Angular wrapper. Binds Angular @Input / @Output straight onto the custom element, which IS this component's host.
  */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const PROP_NAMES = ["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", "processCellForClipboard", "enableInlineEditing", "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", "pinnedBottomRows", "enableColumnReorder", "columnOrder", "inferColumnTypes", "rowDragManaged", "rowDragGroup", "alignedGridGroup", "filterLocale"];
-const EVENT_NAMES = ["pivotmodechange", "expandedchange", "paginationchange", "apiready", "rowselectionchange", "cellselectionchange", "sortingchange", "advancedfilterchange", "filterschange", "notechange", "cellvaluechange", "activecellchange", "cellclick", "rowclick", "celldoubleclick", "rowdoubleclick", "scrollbottomreached", "columnorderchange", "rowdragend", "selectionchange"];
+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"];
+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"];
 /**
  * SvGrid as an Angular component.
  *
@@ -34,6 +35,9 @@ class SvGridComponent {
         this.pivotmodechange = new EventEmitter();
         this.expandedchange = new EventEmitter();
         this.paginationchange = new EventEmitter();
+        this.columnresize = new EventEmitter();
+        this.rowresize = new EventEmitter();
+        this.pasteclipboard = new EventEmitter();
         this.apiready = new EventEmitter();
         this.rowselectionchange = new EventEmitter();
         this.cellselectionchange = new EventEmitter();
@@ -60,13 +64,13 @@ class SvGridComponent {
         // are shadowed by the class fields the upgrade installs - so re-sync once
         // the definition lands.
         if (el.tagName === 'SV-GRID-SHADOW')
-            void import('@svgrid/grid-wc/shadow').then(() => this.sync(PROP_NAMES));
+            void import('@svgrid/grid-wc/shadow').then(() => this.sync(PROP_NAMES$1));
         for (const name of EVENT_NAMES) {
             const listener = (e) => this[name]?.emit(e.detail);
             el.addEventListener(name, listener);
             this.listeners.push([name, listener]);
         }
-        this.sync(PROP_NAMES);
+        this.sync(PROP_NAMES$1);
         // `apiready` fires once, during the element's own mount, so a listener
         // bound here can miss it. The element parks the handle for that reason.
         const api = el.api;
@@ -74,7 +78,7 @@ class SvGridComponent {
             this.apiready.emit(api);
     }
     ngOnChanges(changes) {
-        this.sync(Object.keys(changes).filter((k) => PROP_NAMES.includes(k)));
+        this.sync(Object.keys(changes).filter((k) => PROP_NAMES$1.includes(k)));
     }
     ngOnDestroy() {
         const el = this.elementRef.nativeElement;
@@ -96,7 +100,7 @@ class SvGridComponent {
         return this.elementRef.nativeElement.api ?? null;
     }
     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 }); }
-    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", processCellForClipboard: "processCellForClipboard", enableInlineEditing: "enableInlineEditing", 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", pinnedBottomRows: "pinnedBottomRows", enableColumnReorder: "enableColumnReorder", columnOrder: "columnOrder", inferColumnTypes: "inferColumnTypes", rowDragManaged: "rowDragManaged", rowDragGroup: "rowDragGroup", alignedGridGroup: "alignedGridGroup", filterLocale: "filterLocale" }, outputs: { pivotmodechange: "pivotmodechange", expandedchange: "expandedchange", paginationchange: "paginationchange", 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 }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SvGridComponent, decorators: [{
             type: Component,
@@ -227,10 +231,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                 type: Input
             }], copyHeadersToClipboard: [{
                 type: Input
+            }], processCellForFill: [{
+                type: Input
             }], processCellForClipboard: [{
                 type: Input
+            }], clipboardHtml: [{
+                type: Input
+            }], processCellFromClipboard: [{
+                type: Input
             }], enableInlineEditing: [{
                 type: Input
+            }], editOnSecondClick: [{
+                type: Input
             }], fullRowEditing: [{
                 type: Input
             }], enableRowSummaries: [{
@@ -285,6 +297,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                 type: Input
             }], pinnedTopRows: [{
                 type: Input
+            }], frozenRows: [{
+                type: Input
+            }], mergedCells: [{
+                type: Input
             }], pinnedBottomRows: [{
                 type: Input
             }], enableColumnReorder: [{
@@ -307,6 +323,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                 type: Output
             }], paginationchange: [{
                 type: Output
+            }], columnresize: [{
+                type: Output
+            }], rowresize: [{
+                type: Output
+            }], pasteclipboard: [{
+                type: Output
             }], apiready: [{
                 type: Output
             }], rowselectionchange: [{
@@ -343,6 +365,155 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                 type: Output
             }] } });
 
+/**
+ * AUTO-GENERATED by scripts/generate-wrappers.mjs - DO NOT EDIT.
+ * Regenerate: pnpm --filter @svgrid/grid-wc generate:wrappers
+ *
+ * Angular wrapper for <sv-chart>. Binds @Input / @Output straight onto the custom element, which IS this component's host.
+ */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const PROP_NAMES = ["spec", "legend", "interactive", "dataLabels", "formatValue", "tooltipFormat", "tooltipMode", "tooltipPosition", "tooltipSticky", "zoomable", "zoom", "rangePresets", "syncGroup", "contextMenu", "animate", "live", "drillable", "drillPath", "selectable", "selected", "hoverHighlight", "announce", "describe", "localeText", "crosshairLabels", "brush", "brushHeight", "toolbar", "width", "height", "autosize", "annotatable", "drawable"];
+/** DOM event -> output name (`zoom` -> `zoomChange`, the two-way convention). */
+const EVENTS = [["select", "select"], ["drill", "drill"], ["zoom", "zoomChange"], ["selectionchange", "selectionchange"], ["hover", "hover"], ["annotate", "annotate"], ["annotationremove", "annotationremove"], ["drawingschange", "drawingschange"]];
+/**
+ * SvChart as an Angular component. The selector is the custom element's own
+ * tag and the component has no template: its host IS the `<sv-chart>` the
+ * browser upgrades, exactly like the grid wrapper.
+ */
+class SvChartComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.select = new EventEmitter();
+        this.drill = new EventEmitter();
+        this.zoomChange = new EventEmitter();
+        this.selectionchange = new EventEmitter();
+        this.hover = new EventEmitter();
+        this.annotate = new EventEmitter();
+        this.annotationremove = new EventEmitter();
+        this.drawingschange = new EventEmitter();
+        this.listeners = [];
+    }
+    ngOnInit() {
+        const el = this.elementRef.nativeElement;
+        for (const [name, output] of EVENTS) {
+            const listener = (e) => this[output]?.emit(e.detail);
+            el.addEventListener(name, listener);
+            this.listeners.push([name, listener]);
+        }
+        this.sync(PROP_NAMES);
+    }
+    ngOnChanges(changes) {
+        this.sync(Object.keys(changes).filter((k) => PROP_NAMES.includes(k)));
+    }
+    ngOnDestroy() {
+        const el = this.elementRef.nativeElement;
+        for (const [name, listener] of this.listeners)
+            el.removeEventListener(name, listener);
+        this.listeners = [];
+    }
+    /** Assign as DOM PROPERTIES - an attribute is a string, and the spec is not. */
+    sync(names) {
+        const el = this.elementRef.nativeElement;
+        for (const name of names) {
+            const value = this[name];
+            if (value !== undefined)
+                el[name] = value;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SvChartComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.5", type: SvChartComponent, isStandalone: true, selector: "sv-chart", inputs: { spec: "spec", legend: "legend", interactive: "interactive", dataLabels: "dataLabels", formatValue: "formatValue", tooltipFormat: "tooltipFormat", tooltipMode: "tooltipMode", tooltipPosition: "tooltipPosition", tooltipSticky: "tooltipSticky", zoomable: "zoomable", zoom: "zoom", rangePresets: "rangePresets", syncGroup: "syncGroup", contextMenu: "contextMenu", animate: "animate", live: "live", drillable: "drillable", drillPath: "drillPath", selectable: "selectable", selected: "selected", hoverHighlight: "hoverHighlight", announce: "announce", describe: "describe", localeText: "localeText", crosshairLabels: "crosshairLabels", brush: "brush", brushHeight: "brushHeight", toolbar: "toolbar", width: "width", height: "height", autosize: "autosize", annotatable: "annotatable", drawable: "drawable" }, outputs: { select: "select", drill: "drill", zoomChange: "zoomChange", selectionchange: "selectionchange", hover: "hover", annotate: "annotate", annotationremove: "annotationremove", drawingschange: "drawingschange" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SvChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sv-chart',
+                    standalone: true,
+                    template: '',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { spec: [{
+                type: Input
+            }], legend: [{
+                type: Input
+            }], interactive: [{
+                type: Input
+            }], dataLabels: [{
+                type: Input
+            }], formatValue: [{
+                type: Input
+            }], tooltipFormat: [{
+                type: Input
+            }], tooltipMode: [{
+                type: Input
+            }], tooltipPosition: [{
+                type: Input
+            }], tooltipSticky: [{
+                type: Input
+            }], zoomable: [{
+                type: Input
+            }], zoom: [{
+                type: Input
+            }], rangePresets: [{
+                type: Input
+            }], syncGroup: [{
+                type: Input
+            }], contextMenu: [{
+                type: Input
+            }], animate: [{
+                type: Input
+            }], live: [{
+                type: Input
+            }], drillable: [{
+                type: Input
+            }], drillPath: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], hoverHighlight: [{
+                type: Input
+            }], announce: [{
+                type: Input
+            }], describe: [{
+                type: Input
+            }], localeText: [{
+                type: Input
+            }], crosshairLabels: [{
+                type: Input
+            }], brush: [{
+                type: Input
+            }], brushHeight: [{
+                type: Input
+            }], toolbar: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], autosize: [{
+                type: Input
+            }], annotatable: [{
+                type: Input
+            }], drawable: [{
+                type: Input
+            }], select: [{
+                type: Output
+            }], drill: [{
+                type: Output
+            }], zoomChange: [{
+                type: Output
+            }], selectionchange: [{
+                type: Output
+            }], hover: [{
+                type: Output
+            }], annotate: [{
+                type: Output
+            }], annotationremove: [{
+                type: Output
+            }], drawingschange: [{
+                type: Output
+            }] } });
+
 /**
  * AUTO-GENERATED by scripts/generate-wrappers.mjs - DO NOT EDIT.
  * Regenerate: pnpm --filter @svgrid/grid-wc generate:wrappers
@@ -354,5 +525,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SvGridComponent };
+export { SvChartComponent, SvGridComponent };
 //# sourceMappingURL=svgrid-grid-wc-angular.mjs.map