@svgrid/grid-wc 2.6.1 → 2.7.0
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/dist/{GridMenus-Boz00ms0.js → GridMenus-DE0zNY_3.js} +265 -243
- package/dist/{SvDateTimePicker-Ch1Vug8H.js → SvDateTimePicker-BpeEupA2.js} +81 -81
- package/dist/SvGrid.helpers-BZPDBcza.js +125 -0
- package/dist/SvGridCellEditor-_rqEaig7.js +531 -0
- package/dist/{SvGridChart-BztTavvw.js → SvGridChart-yK5Zv85y.js} +158 -158
- package/dist/{SvGridChartPanel-Ca5HWIZ3.js → SvGridChartPanel-B38_VjXM.js} +52 -52
- package/dist/{SvGridChartView-AcWj_tcs.js → SvGridChartView-ScXTF6t-.js} +4 -4
- package/dist/{SvGridDropdown-BXqvR1cs.js → SvGridDropdown-DnAESFDu.js} +29 -29
- package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs +358 -0
- package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs.map +1 -0
- package/dist/angular/package.json +25 -0
- package/dist/angular/types/svgrid-grid-wc-angular.d.ts +161 -0
- package/dist/{client-DoXxrq8q.js → client-DjwUji8D.js} +1 -1
- package/dist/column-resize-DvCRUrN3.js +101 -0
- package/dist/{dismissable-xj_k_fnZ.js → dismissable-Nx79OIVg.js} +36 -36
- package/dist/editor-registry-DxGKqcvx.js +24 -0
- package/dist/react/index.d.ts +313 -0
- package/dist/react/index.js +72 -0
- package/dist/row-drag-touch-Ddaa-QeB.js +91 -0
- package/dist/row-resize-D-8s3cqT.js +94 -0
- package/dist/shadow/GridMenus-DE0zNY_3.js +1022 -0
- package/dist/shadow/SvDateTimePicker-BpeEupA2.js +1885 -0
- package/dist/shadow/SvGrid.helpers-BZPDBcza.js +125 -0
- package/dist/shadow/SvGridCellEditor-_rqEaig7.js +531 -0
- package/dist/shadow/SvGridChart-yK5Zv85y.js +1199 -0
- package/dist/shadow/SvGridChartPanel-B38_VjXM.js +584 -0
- package/dist/shadow/SvGridChartView-ScXTF6t-.js +50 -0
- package/dist/shadow/SvGridDropdown-DnAESFDu.js +256 -0
- package/dist/shadow/cell-formatting-C0OsDmi_.js +86 -0
- package/dist/shadow/chart-uvs3sFJA.js +1220 -0
- package/dist/shadow/client-DjwUji8D.js +2960 -0
- package/dist/shadow/column-resize-DvCRUrN3.js +101 -0
- package/dist/shadow/dismissable-Nx79OIVg.js +186 -0
- package/dist/shadow/editor-contract-peBDxir_.js +22 -0
- package/dist/shadow/editor-registry-DxGKqcvx.js +24 -0
- package/dist/shadow/export-format-C8kZGZfz.js +161 -0
- package/dist/shadow/popover-WsGlvtQv.js +69 -0
- package/dist/shadow/row-drag-touch-Ddaa-QeB.js +91 -0
- package/dist/shadow/row-resize-D-8s3cqT.js +94 -0
- package/dist/shadow/sv-grid-shadow-element.d.ts +246 -0
- package/dist/shadow/sv-grid-shadow-element.js +10067 -0
- package/dist/{svelte-virtualizer.svelte-ZL3wxPzD.js → shadow/svelte-virtualizer.svelte-DZ9UcyfT.js} +79 -166
- package/dist/shadow/validate-CgmAtX1A.js +75 -0
- package/dist/sv-grid-element.d.ts +246 -0
- package/dist/sv-grid-element.js +3927 -3202
- package/dist/svelte-virtualizer.svelte-DZ9UcyfT.js +527 -0
- package/dist/validate-CgmAtX1A.js +75 -0
- package/dist/vue/index.d.ts +147 -0
- package/dist/vue/index.js +72 -0
- package/package.json +85 -6
|
@@ -0,0 +1,358 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Output, Input, Component } from '@angular/core';
|
|
3
|
+
import '@svgrid/grid-wc';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* AUTO-GENERATED by scripts/generate-wrappers.mjs - DO NOT EDIT.
|
|
7
|
+
* Regenerate: pnpm --filter @svgrid/grid-wc generate:wrappers
|
|
8
|
+
*
|
|
9
|
+
* Angular wrapper. Binds Angular @Input / @Output straight onto the custom element, which IS this component's host.
|
|
10
|
+
*/
|
|
11
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
12
|
+
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"];
|
|
13
|
+
const EVENT_NAMES = ["pivotmodechange", "expandedchange", "paginationchange", "apiready", "rowselectionchange", "cellselectionchange", "sortingchange", "advancedfilterchange", "filterschange", "notechange", "cellvaluechange", "activecellchange", "cellclick", "rowclick", "celldoubleclick", "rowdoubleclick", "scrollbottomreached", "columnorderchange", "rowdragend", "selectionchange"];
|
|
14
|
+
/**
|
|
15
|
+
* SvGrid as an Angular component.
|
|
16
|
+
*
|
|
17
|
+
* The selector is the custom element's own tag, and the component has NO
|
|
18
|
+
* template: its host element IS the `<sv-grid>` the browser upgrades. So a
|
|
19
|
+
* consumer writes the same tag they would write in plain HTML, and there is no
|
|
20
|
+
* second wrapper element in the DOM.
|
|
21
|
+
*
|
|
22
|
+
* A wrapper with its own tag (`<svgrid-grid>`) rendering `<sv-grid>` inside
|
|
23
|
+
* it was the first shape. It works, but it puts a redundant element in every
|
|
24
|
+
* consumer's DOM and gives the same grid two different names depending on which
|
|
25
|
+
* framework you came from.
|
|
26
|
+
*
|
|
27
|
+
* Matching `sv-grid-shadow` too means the shadow-root variant is the same
|
|
28
|
+
* choice it is everywhere else - the tag you write - rather than an input that
|
|
29
|
+
* only this framework has.
|
|
30
|
+
*/
|
|
31
|
+
class SvGridComponent {
|
|
32
|
+
constructor(elementRef) {
|
|
33
|
+
this.elementRef = elementRef;
|
|
34
|
+
this.pivotmodechange = new EventEmitter();
|
|
35
|
+
this.expandedchange = new EventEmitter();
|
|
36
|
+
this.paginationchange = new EventEmitter();
|
|
37
|
+
this.apiready = new EventEmitter();
|
|
38
|
+
this.rowselectionchange = new EventEmitter();
|
|
39
|
+
this.cellselectionchange = new EventEmitter();
|
|
40
|
+
this.sortingchange = new EventEmitter();
|
|
41
|
+
this.advancedfilterchange = new EventEmitter();
|
|
42
|
+
this.filterschange = new EventEmitter();
|
|
43
|
+
this.notechange = new EventEmitter();
|
|
44
|
+
this.cellvaluechange = new EventEmitter();
|
|
45
|
+
this.activecellchange = new EventEmitter();
|
|
46
|
+
this.cellclick = new EventEmitter();
|
|
47
|
+
this.rowclick = new EventEmitter();
|
|
48
|
+
this.celldoubleclick = new EventEmitter();
|
|
49
|
+
this.rowdoubleclick = new EventEmitter();
|
|
50
|
+
this.scrollbottomreached = new EventEmitter();
|
|
51
|
+
this.columnorderchange = new EventEmitter();
|
|
52
|
+
this.rowdragend = new EventEmitter();
|
|
53
|
+
this.selectionchange = new EventEmitter();
|
|
54
|
+
this.listeners = [];
|
|
55
|
+
}
|
|
56
|
+
ngOnInit() {
|
|
57
|
+
const el = this.elementRef.nativeElement;
|
|
58
|
+
// The shadow element is a separate bundle. Loading it lazily means the tag
|
|
59
|
+
// is not upgraded yet, and properties assigned to an un-upgraded element
|
|
60
|
+
// are shadowed by the class fields the upgrade installs - so re-sync once
|
|
61
|
+
// the definition lands.
|
|
62
|
+
if (el.tagName === 'SV-GRID-SHADOW')
|
|
63
|
+
void import('@svgrid/grid-wc/shadow').then(() => this.sync(PROP_NAMES));
|
|
64
|
+
for (const name of EVENT_NAMES) {
|
|
65
|
+
const listener = (e) => this[name]?.emit(e.detail);
|
|
66
|
+
el.addEventListener(name, listener);
|
|
67
|
+
this.listeners.push([name, listener]);
|
|
68
|
+
}
|
|
69
|
+
this.sync(PROP_NAMES);
|
|
70
|
+
// `apiready` fires once, during the element's own mount, so a listener
|
|
71
|
+
// bound here can miss it. The element parks the handle for that reason.
|
|
72
|
+
const api = el.api;
|
|
73
|
+
if (api != null)
|
|
74
|
+
this.apiready.emit(api);
|
|
75
|
+
}
|
|
76
|
+
ngOnChanges(changes) {
|
|
77
|
+
this.sync(Object.keys(changes).filter((k) => PROP_NAMES.includes(k)));
|
|
78
|
+
}
|
|
79
|
+
ngOnDestroy() {
|
|
80
|
+
const el = this.elementRef.nativeElement;
|
|
81
|
+
for (const [name, listener] of this.listeners)
|
|
82
|
+
el.removeEventListener(name, listener);
|
|
83
|
+
this.listeners = [];
|
|
84
|
+
}
|
|
85
|
+
/** Assign as DOM PROPERTIES - an attribute is a string, and most of these are not. */
|
|
86
|
+
sync(names) {
|
|
87
|
+
const el = this.elementRef.nativeElement;
|
|
88
|
+
for (const name of names) {
|
|
89
|
+
const value = this[name];
|
|
90
|
+
if (value !== undefined)
|
|
91
|
+
el[name] = value;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
/** The grid api, once it is ready. */
|
|
95
|
+
get api() {
|
|
96
|
+
return this.elementRef.nativeElement.api ?? null;
|
|
97
|
+
}
|
|
98
|
+
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 }); }
|
|
99
|
+
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 }); }
|
|
100
|
+
}
|
|
101
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SvGridComponent, decorators: [{
|
|
102
|
+
type: Component,
|
|
103
|
+
args: [{
|
|
104
|
+
selector: 'sv-grid, sv-grid-shadow',
|
|
105
|
+
standalone: true,
|
|
106
|
+
template: '',
|
|
107
|
+
}]
|
|
108
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{
|
|
109
|
+
type: Input
|
|
110
|
+
}], columns: [{
|
|
111
|
+
type: Input
|
|
112
|
+
}], board: [{
|
|
113
|
+
type: Input
|
|
114
|
+
}], scheduler: [{
|
|
115
|
+
type: Input
|
|
116
|
+
}], chart: [{
|
|
117
|
+
type: Input
|
|
118
|
+
}], pivot: [{
|
|
119
|
+
type: Input
|
|
120
|
+
}], pivotMode: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}], contextMenu: [{
|
|
123
|
+
type: Input
|
|
124
|
+
}], selectionBar: [{
|
|
125
|
+
type: Input
|
|
126
|
+
}], features: [{
|
|
127
|
+
type: Input
|
|
128
|
+
}], sortable: [{
|
|
129
|
+
type: Input
|
|
130
|
+
}], filterable: [{
|
|
131
|
+
type: Input
|
|
132
|
+
}], editable: [{
|
|
133
|
+
type: Input
|
|
134
|
+
}], treeData: [{
|
|
135
|
+
type: Input
|
|
136
|
+
}], groupable: [{
|
|
137
|
+
type: Input
|
|
138
|
+
}], groupBy: [{
|
|
139
|
+
type: Input
|
|
140
|
+
}], expanded: [{
|
|
141
|
+
type: Input
|
|
142
|
+
}], groupFooters: [{
|
|
143
|
+
type: Input
|
|
144
|
+
}], grandTotalRow: [{
|
|
145
|
+
type: Input
|
|
146
|
+
}], groupDisplayMode: [{
|
|
147
|
+
type: Input
|
|
148
|
+
}], autoGroupColumnHeader: [{
|
|
149
|
+
type: Input
|
|
150
|
+
}], autoGroupColumnWidth: [{
|
|
151
|
+
type: Input
|
|
152
|
+
}], pageable: [{
|
|
153
|
+
type: Input
|
|
154
|
+
}], loading: [{
|
|
155
|
+
type: Input
|
|
156
|
+
}], loadingOverlay: [{
|
|
157
|
+
type: Input
|
|
158
|
+
}], loadingSkeletonRows: [{
|
|
159
|
+
type: Input
|
|
160
|
+
}], error: [{
|
|
161
|
+
type: Input
|
|
162
|
+
}], emptyMessage: [{
|
|
163
|
+
type: Input
|
|
164
|
+
}], localization: [{
|
|
165
|
+
type: Input
|
|
166
|
+
}], showGlobalFilter: [{
|
|
167
|
+
type: Input
|
|
168
|
+
}], showColumnFilters: [{
|
|
169
|
+
type: Input
|
|
170
|
+
}], filterMode: [{
|
|
171
|
+
type: Input
|
|
172
|
+
}], showGroupingControls: [{
|
|
173
|
+
type: Input
|
|
174
|
+
}], showRowSelection: [{
|
|
175
|
+
type: Input
|
|
176
|
+
}], showPagination: [{
|
|
177
|
+
type: Input
|
|
178
|
+
}], pageSize: [{
|
|
179
|
+
type: Input
|
|
180
|
+
}], pageSizeOptions: [{
|
|
181
|
+
type: Input
|
|
182
|
+
}], paginationPosition: [{
|
|
183
|
+
type: Input
|
|
184
|
+
}], externalPagination: [{
|
|
185
|
+
type: Input
|
|
186
|
+
}], rowCount: [{
|
|
187
|
+
type: Input
|
|
188
|
+
}], pageIndex: [{
|
|
189
|
+
type: Input
|
|
190
|
+
}], virtualization: [{
|
|
191
|
+
type: Input
|
|
192
|
+
}], rowHeight: [{
|
|
193
|
+
type: Input
|
|
194
|
+
}], autoRowHeight: [{
|
|
195
|
+
type: Input
|
|
196
|
+
}], rowResize: [{
|
|
197
|
+
type: Input
|
|
198
|
+
}], headerHeight: [{
|
|
199
|
+
type: Input
|
|
200
|
+
}], overscan: [{
|
|
201
|
+
type: Input
|
|
202
|
+
}], containerHeight: [{
|
|
203
|
+
type: Input
|
|
204
|
+
}], columnVirtualization: [{
|
|
205
|
+
type: Input
|
|
206
|
+
}], columnOverscan: [{
|
|
207
|
+
type: Input
|
|
208
|
+
}], columnWidth: [{
|
|
209
|
+
type: Input
|
|
210
|
+
}], initialColumnPinning: [{
|
|
211
|
+
type: Input
|
|
212
|
+
}], fitColumns: [{
|
|
213
|
+
type: Input
|
|
214
|
+
}], columnResize: [{
|
|
215
|
+
type: Input
|
|
216
|
+
}], responsive: [{
|
|
217
|
+
type: Input
|
|
218
|
+
}], showFilterMenu: [{
|
|
219
|
+
type: Input
|
|
220
|
+
}], showFilterRow: [{
|
|
221
|
+
type: Input
|
|
222
|
+
}], enableCellSelection: [{
|
|
223
|
+
type: Input
|
|
224
|
+
}], moveCells: [{
|
|
225
|
+
type: Input
|
|
226
|
+
}], enableRowHover: [{
|
|
227
|
+
type: Input
|
|
228
|
+
}], copyHeadersToClipboard: [{
|
|
229
|
+
type: Input
|
|
230
|
+
}], processCellForClipboard: [{
|
|
231
|
+
type: Input
|
|
232
|
+
}], enableInlineEditing: [{
|
|
233
|
+
type: Input
|
|
234
|
+
}], fullRowEditing: [{
|
|
235
|
+
type: Input
|
|
236
|
+
}], enableRowSummaries: [{
|
|
237
|
+
type: Input
|
|
238
|
+
}], summary: [{
|
|
239
|
+
type: Input
|
|
240
|
+
}], statusBar: [{
|
|
241
|
+
type: Input
|
|
242
|
+
}], toolPanel: [{
|
|
243
|
+
type: Input
|
|
244
|
+
}], charting: [{
|
|
245
|
+
type: Input
|
|
246
|
+
}], columnMenuTabs: [{
|
|
247
|
+
type: Input
|
|
248
|
+
}], toolPanelDefaultOpen: [{
|
|
249
|
+
type: Input
|
|
250
|
+
}], toolPanelDefaultTab: [{
|
|
251
|
+
type: Input
|
|
252
|
+
}], selectionMode: [{
|
|
253
|
+
type: Input
|
|
254
|
+
}], showRowNumbers: [{
|
|
255
|
+
type: Input
|
|
256
|
+
}], zebraRows: [{
|
|
257
|
+
type: Input
|
|
258
|
+
}], rowNumberWidth: [{
|
|
259
|
+
type: Input
|
|
260
|
+
}], externalSort: [{
|
|
261
|
+
type: Input
|
|
262
|
+
}], initialSorting: [{
|
|
263
|
+
type: Input
|
|
264
|
+
}], initialAdvancedFilter: [{
|
|
265
|
+
type: Input
|
|
266
|
+
}], externalFilter: [{
|
|
267
|
+
type: Input
|
|
268
|
+
}], getRowId: [{
|
|
269
|
+
type: Input
|
|
270
|
+
}], rowClass: [{
|
|
271
|
+
type: Input
|
|
272
|
+
}], notes: [{
|
|
273
|
+
type: Input
|
|
274
|
+
}], editableComments: [{
|
|
275
|
+
type: Input
|
|
276
|
+
}], conditionalFormats: [{
|
|
277
|
+
type: Input
|
|
278
|
+
}], conditionalStatScope: [{
|
|
279
|
+
type: Input
|
|
280
|
+
}], isDetailRow: [{
|
|
281
|
+
type: Input
|
|
282
|
+
}], serverGroup: [{
|
|
283
|
+
type: Input
|
|
284
|
+
}], serverFilterValues: [{
|
|
285
|
+
type: Input
|
|
286
|
+
}], pinnedTopRows: [{
|
|
287
|
+
type: Input
|
|
288
|
+
}], pinnedBottomRows: [{
|
|
289
|
+
type: Input
|
|
290
|
+
}], enableColumnReorder: [{
|
|
291
|
+
type: Input
|
|
292
|
+
}], columnOrder: [{
|
|
293
|
+
type: Input
|
|
294
|
+
}], inferColumnTypes: [{
|
|
295
|
+
type: Input
|
|
296
|
+
}], rowDragManaged: [{
|
|
297
|
+
type: Input
|
|
298
|
+
}], rowDragGroup: [{
|
|
299
|
+
type: Input
|
|
300
|
+
}], alignedGridGroup: [{
|
|
301
|
+
type: Input
|
|
302
|
+
}], filterLocale: [{
|
|
303
|
+
type: Input
|
|
304
|
+
}], pivotmodechange: [{
|
|
305
|
+
type: Output
|
|
306
|
+
}], expandedchange: [{
|
|
307
|
+
type: Output
|
|
308
|
+
}], paginationchange: [{
|
|
309
|
+
type: Output
|
|
310
|
+
}], apiready: [{
|
|
311
|
+
type: Output
|
|
312
|
+
}], rowselectionchange: [{
|
|
313
|
+
type: Output
|
|
314
|
+
}], cellselectionchange: [{
|
|
315
|
+
type: Output
|
|
316
|
+
}], sortingchange: [{
|
|
317
|
+
type: Output
|
|
318
|
+
}], advancedfilterchange: [{
|
|
319
|
+
type: Output
|
|
320
|
+
}], filterschange: [{
|
|
321
|
+
type: Output
|
|
322
|
+
}], notechange: [{
|
|
323
|
+
type: Output
|
|
324
|
+
}], cellvaluechange: [{
|
|
325
|
+
type: Output
|
|
326
|
+
}], activecellchange: [{
|
|
327
|
+
type: Output
|
|
328
|
+
}], cellclick: [{
|
|
329
|
+
type: Output
|
|
330
|
+
}], rowclick: [{
|
|
331
|
+
type: Output
|
|
332
|
+
}], celldoubleclick: [{
|
|
333
|
+
type: Output
|
|
334
|
+
}], rowdoubleclick: [{
|
|
335
|
+
type: Output
|
|
336
|
+
}], scrollbottomreached: [{
|
|
337
|
+
type: Output
|
|
338
|
+
}], columnorderchange: [{
|
|
339
|
+
type: Output
|
|
340
|
+
}], rowdragend: [{
|
|
341
|
+
type: Output
|
|
342
|
+
}], selectionchange: [{
|
|
343
|
+
type: Output
|
|
344
|
+
}] } });
|
|
345
|
+
|
|
346
|
+
/**
|
|
347
|
+
* AUTO-GENERATED by scripts/generate-wrappers.mjs - DO NOT EDIT.
|
|
348
|
+
* Regenerate: pnpm --filter @svgrid/grid-wc generate:wrappers
|
|
349
|
+
*
|
|
350
|
+
* Angular entry point.
|
|
351
|
+
*/
|
|
352
|
+
|
|
353
|
+
/**
|
|
354
|
+
* Generated bundle index. Do not edit.
|
|
355
|
+
*/
|
|
356
|
+
|
|
357
|
+
export { SvGridComponent };
|
|
358
|
+
//# sourceMappingURL=svgrid-grid-wc-angular.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"svgrid-grid-wc-angular.mjs","sources":["../../../src/angular/svgrid.component.ts","../../../src/angular/public-api.ts","../../../src/angular/svgrid-grid-wc-angular.ts"],"sourcesContent":["/**\n * AUTO-GENERATED by scripts/generate-wrappers.mjs - DO NOT EDIT.\n * Regenerate: pnpm --filter @svgrid/grid-wc generate:wrappers\n *\n * Angular wrapper. Binds Angular @Input / @Output straight onto the custom element, which IS this component's host.\n */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n SimpleChanges,\n} from '@angular/core'\nimport '@svgrid/grid-wc'\n\nconst PROP_NAMES: string[] = [\"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\"]\nconst EVENT_NAMES: string[] = [\"pivotmodechange\",\"expandedchange\",\"paginationchange\",\"apiready\",\"rowselectionchange\",\"cellselectionchange\",\"sortingchange\",\"advancedfilterchange\",\"filterschange\",\"notechange\",\"cellvaluechange\",\"activecellchange\",\"cellclick\",\"rowclick\",\"celldoubleclick\",\"rowdoubleclick\",\"scrollbottomreached\",\"columnorderchange\",\"rowdragend\",\"selectionchange\"]\n\n/**\n * SvGrid as an Angular component.\n *\n * The selector is the custom element's own tag, and the component has NO\n * template: its host element IS the `<sv-grid>` the browser upgrades. So a\n * consumer writes the same tag they would write in plain HTML, and there is no\n * second wrapper element in the DOM.\n *\n * A wrapper with its own tag (`<svgrid-grid>`) rendering `<sv-grid>` inside\n * it was the first shape. It works, but it puts a redundant element in every\n * consumer's DOM and gives the same grid two different names depending on which\n * framework you came from.\n *\n * Matching `sv-grid-shadow` too means the shadow-root variant is the same\n * choice it is everywhere else - the tag you write - rather than an input that\n * only this framework has.\n */\n@Component({\n selector: 'sv-grid, sv-grid-shadow',\n standalone: true,\n template: '',\n})\nexport class SvGridComponent implements OnInit, OnChanges, OnDestroy {\n @Input() data?: readonly unknown[]\n @Input() columns?: readonly unknown[]\n @Input() board?: unknown\n @Input() scheduler?: unknown\n @Input() chart?: unknown\n @Input() pivot?: unknown\n @Input() pivotMode?: boolean\n @Input() contextMenu?: boolean\n @Input() selectionBar?: boolean\n @Input() features?: unknown\n @Input() sortable?: boolean\n @Input() filterable?: boolean\n @Input() editable?: boolean\n @Input() treeData?: unknown\n @Input() groupable?: boolean\n @Input() groupBy?: readonly unknown[]\n @Input() expanded?: unknown\n @Input() groupFooters?: boolean\n @Input() grandTotalRow?: boolean\n @Input() groupDisplayMode?: string\n @Input() autoGroupColumnHeader?: string\n @Input() autoGroupColumnWidth?: number\n @Input() pageable?: boolean\n @Input() loading?: boolean\n @Input() loadingOverlay?: boolean\n @Input() loadingSkeletonRows?: number\n @Input() error?: string | null\n @Input() emptyMessage?: string\n @Input() localization?: unknown\n @Input() showGlobalFilter?: boolean\n @Input() showColumnFilters?: boolean\n @Input() filterMode?: \"row\" | \"menu\" | \"global\" | \"none\"\n @Input() showGroupingControls?: boolean\n @Input() showRowSelection?: boolean\n @Input() showPagination?: boolean\n @Input() pageSize?: number\n @Input() pageSizeOptions?: readonly unknown[]\n @Input() paginationPosition?: \"top\" | \"bottom\" | \"both\"\n @Input() externalPagination?: boolean\n @Input() rowCount?: number\n @Input() pageIndex?: number\n @Input() virtualization?: boolean\n @Input() rowHeight?: number\n @Input() autoRowHeight?: boolean\n @Input() rowResize?: boolean\n @Input() headerHeight?: number\n @Input() overscan?: number\n @Input() containerHeight?: string\n @Input() columnVirtualization?: boolean\n @Input() columnOverscan?: number\n @Input() columnWidth?: number\n @Input() initialColumnPinning?: unknown\n @Input() fitColumns?: boolean\n @Input() columnResize?: boolean\n @Input() responsive?: boolean\n @Input() showFilterMenu?: boolean\n @Input() showFilterRow?: boolean\n @Input() enableCellSelection?: boolean\n @Input() moveCells?: boolean\n @Input() enableRowHover?: boolean\n @Input() copyHeadersToClipboard?: boolean\n @Input() processCellForClipboard?: unknown\n @Input() enableInlineEditing?: boolean\n @Input() fullRowEditing?: boolean\n @Input() enableRowSummaries?: boolean\n @Input() summary?: boolean\n @Input() statusBar?: boolean\n @Input() toolPanel?: boolean\n @Input() charting?: boolean\n @Input() columnMenuTabs?: boolean\n @Input() toolPanelDefaultOpen?: boolean\n @Input() toolPanelDefaultTab?: \"columns\" | \"filters\"\n @Input() selectionMode?: \"row\" | \"cell\" | \"both\" | \"none\"\n @Input() showRowNumbers?: boolean\n @Input() zebraRows?: boolean\n @Input() rowNumberWidth?: number\n @Input() externalSort?: boolean\n @Input() initialSorting?: readonly unknown[]\n @Input() initialAdvancedFilter?: unknown\n @Input() externalFilter?: boolean\n @Input() getRowId?: unknown\n @Input() rowClass?: unknown\n @Input() notes?: unknown\n @Input() editableComments?: boolean\n @Input() conditionalFormats?: readonly unknown[]\n @Input() conditionalStatScope?: \"filtered\" | \"visible\" | \"all\"\n @Input() isDetailRow?: unknown\n @Input() serverGroup?: unknown\n @Input() serverFilterValues?: unknown\n @Input() pinnedTopRows?: readonly unknown[]\n @Input() pinnedBottomRows?: readonly unknown[]\n @Input() enableColumnReorder?: boolean\n @Input() columnOrder?: readonly unknown[]\n @Input() inferColumnTypes?: boolean\n @Input() rowDragManaged?: boolean\n @Input() rowDragGroup?: string\n @Input() alignedGridGroup?: string\n @Input() filterLocale?: string\n\n @Output() pivotmodechange = new EventEmitter<unknown>()\n @Output() expandedchange = new EventEmitter<unknown>()\n @Output() paginationchange = new EventEmitter<unknown>()\n @Output() apiready = new EventEmitter<unknown>()\n @Output() rowselectionchange = new EventEmitter<unknown>()\n @Output() cellselectionchange = new EventEmitter<unknown>()\n @Output() sortingchange = new EventEmitter<unknown>()\n @Output() advancedfilterchange = new EventEmitter<unknown>()\n @Output() filterschange = new EventEmitter<unknown>()\n @Output() notechange = new EventEmitter<unknown>()\n @Output() cellvaluechange = new EventEmitter<unknown>()\n @Output() activecellchange = new EventEmitter<unknown>()\n @Output() cellclick = new EventEmitter<unknown>()\n @Output() rowclick = new EventEmitter<unknown>()\n @Output() celldoubleclick = new EventEmitter<unknown>()\n @Output() rowdoubleclick = new EventEmitter<unknown>()\n @Output() scrollbottomreached = new EventEmitter<unknown>()\n @Output() columnorderchange = new EventEmitter<unknown>()\n @Output() rowdragend = new EventEmitter<unknown>()\n @Output() selectionchange = new EventEmitter<unknown>()\n\n private listeners: Array<[string, EventListener]> = []\n\n constructor(private readonly elementRef: ElementRef<HTMLElement>) {}\n\n ngOnInit(): void {\n const el = this.elementRef.nativeElement\n\n // The shadow element is a separate bundle. Loading it lazily means the tag\n // is not upgraded yet, and properties assigned to an un-upgraded element\n // are shadowed by the class fields the upgrade installs - so re-sync once\n // the definition lands.\n if (el.tagName === 'SV-GRID-SHADOW')\n void import('@svgrid/grid-wc/shadow').then(() => this.sync(PROP_NAMES))\n\n for (const name of EVENT_NAMES) {\n const listener: EventListener = (e) =>\n (this as any)[name]?.emit((e as CustomEvent).detail)\n el.addEventListener(name, listener)\n this.listeners.push([name, listener])\n }\n\n this.sync(PROP_NAMES)\n\n // `apiready` fires once, during the element's own mount, so a listener\n // bound here can miss it. The element parks the handle for that reason.\n const api = (el as HTMLElement & { api?: unknown }).api\n if (api != null) this.apiready.emit(api)\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n this.sync(Object.keys(changes).filter((k) => PROP_NAMES.includes(k)))\n }\n\n ngOnDestroy(): void {\n const el = this.elementRef.nativeElement\n for (const [name, listener] of this.listeners) el.removeEventListener(name, listener)\n this.listeners = []\n }\n\n /** Assign as DOM PROPERTIES - an attribute is a string, and most of these are not. */\n private sync(names: string[]): void {\n const el = this.elementRef.nativeElement as HTMLElement & Record<string, unknown>\n for (const name of names) {\n const value = (this as any)[name]\n if (value !== undefined) el[name] = value\n }\n }\n\n /** The grid api, once it is ready. */\n get api(): unknown {\n return (this.elementRef.nativeElement as HTMLElement & { api?: unknown }).api ?? null\n }\n}\n","/**\n * AUTO-GENERATED by scripts/generate-wrappers.mjs - DO NOT EDIT.\n * Regenerate: pnpm --filter @svgrid/grid-wc generate:wrappers\n *\n * Angular entry point.\n */\nexport { SvGridComponent } from './svgrid.component'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;;;;;AAKG;AACH;AAcA,MAAM,UAAU,GAAa,CAAC,MAAM,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW,EAAC,aAAa,EAAC,cAAc,EAAC,UAAU,EAAC,UAAU,EAAC,YAAY,EAAC,UAAU,EAAC,UAAU,EAAC,WAAW,EAAC,SAAS,EAAC,UAAU,EAAC,cAAc,EAAC,eAAe,EAAC,kBAAkB,EAAC,uBAAuB,EAAC,sBAAsB,EAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,qBAAqB,EAAC,OAAO,EAAC,cAAc,EAAC,cAAc,EAAC,kBAAkB,EAAC,mBAAmB,EAAC,YAAY,EAAC,sBAAsB,EAAC,kBAAkB,EAAC,gBAAgB,EAAC,UAAU,EAAC,iBAAiB,EAAC,oBAAoB,EAAC,oBAAoB,EAAC,UAAU,EAAC,WAAW,EAAC,gBAAgB,EAAC,WAAW,EAAC,eAAe,EAAC,WAAW,EAAC,cAAc,EAAC,UAAU,EAAC,iBAAiB,EAAC,sBAAsB,EAAC,gBAAgB,EAAC,aAAa,EAAC,sBAAsB,EAAC,YAAY,EAAC,cAAc,EAAC,YAAY,EAAC,gBAAgB,EAAC,eAAe,EAAC,qBAAqB,EAAC,WAAW,EAAC,gBAAgB,EAAC,wBAAwB,EAAC,yBAAyB,EAAC,qBAAqB,EAAC,gBAAgB,EAAC,oBAAoB,EAAC,SAAS,EAAC,WAAW,EAAC,WAAW,EAAC,UAAU,EAAC,gBAAgB,EAAC,sBAAsB,EAAC,qBAAqB,EAAC,eAAe,EAAC,gBAAgB,EAAC,WAAW,EAAC,gBAAgB,EAAC,cAAc,EAAC,gBAAgB,EAAC,uBAAuB,EAAC,gBAAgB,EAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,aAAa,EAAC,aAAa,EAAC,oBAAoB,EAAC,eAAe,EAAC,kBAAkB,EAAC,qBAAqB,EAAC,aAAa,EAAC,kBAAkB,EAAC,gBAAgB,EAAC,cAAc,EAAC,kBAAkB,EAAC,cAAc,CAAC;AAChiD,MAAM,WAAW,GAAa,CAAC,iBAAiB,EAAC,gBAAgB,EAAC,kBAAkB,EAAC,UAAU,EAAC,oBAAoB,EAAC,qBAAqB,EAAC,eAAe,EAAC,sBAAsB,EAAC,eAAe,EAAC,YAAY,EAAC,iBAAiB,EAAC,kBAAkB,EAAC,WAAW,EAAC,UAAU,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,qBAAqB,EAAC,mBAAmB,EAAC,YAAY,EAAC,iBAAiB,CAAC;AAEvX;;;;;;;;;;;;;;;;AAgBG;MAMU,eAAe,CAAA;AA2H1B,IAAA,WAAA,CAA6B,UAAmC,EAAA;QAAnC,IAAA,CAAA,UAAU,GAAV,UAAU;AAvB7B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAW;AAC7C,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,YAAY,EAAW;AAC5C,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,YAAY,EAAW;AAC9C,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,YAAY,EAAW;AACtC,QAAA,IAAA,CAAA,kBAAkB,GAAG,IAAI,YAAY,EAAW;AAChD,QAAA,IAAA,CAAA,mBAAmB,GAAG,IAAI,YAAY,EAAW;AACjD,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAW;AAC3C,QAAA,IAAA,CAAA,oBAAoB,GAAG,IAAI,YAAY,EAAW;AAClD,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAW;AAC3C,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAW;AACxC,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAW;AAC7C,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,YAAY,EAAW;AAC9C,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,YAAY,EAAW;AACvC,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,YAAY,EAAW;AACtC,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAW;AAC7C,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,YAAY,EAAW;AAC5C,QAAA,IAAA,CAAA,mBAAmB,GAAG,IAAI,YAAY,EAAW;AACjD,QAAA,IAAA,CAAA,iBAAiB,GAAG,IAAI,YAAY,EAAW;AAC/C,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAW;AACxC,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAW;QAE/C,IAAA,CAAA,SAAS,GAAmC,EAAE;IAEa;IAEnE,QAAQ,GAAA;AACN,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;;;;;AAMxC,QAAA,IAAI,EAAE,CAAC,OAAO,KAAK,gBAAgB;AACjC,YAAA,KAAK,OAAO,wBAAwB,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAEzE,QAAA,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE;AAC9B,YAAA,MAAM,QAAQ,GAAkB,CAAC,CAAC,KAC/B,IAAY,CAAC,IAAI,CAAC,EAAE,IAAI,CAAE,CAAiB,CAAC,MAAM,CAAC;AACtD,YAAA,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC;YACnC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACvC;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;;;AAIrB,QAAA,MAAM,GAAG,GAAI,EAAsC,CAAC,GAAG;QACvD,IAAI,GAAG,IAAI,IAAI;AAAE,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;IAC1C;AAEA,IAAA,WAAW,CAAC,OAAsB,EAAA;QAChC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACvE;IAEA,WAAW,GAAA;AACT,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;QACxC,KAAK,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,IAAI,CAAC,SAAS;AAAE,YAAA,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC;AACrF,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;;AAGQ,IAAA,IAAI,CAAC,KAAe,EAAA;AAC1B,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,aAAsD;AACjF,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACxB,YAAA,MAAM,KAAK,GAAI,IAAY,CAAC,IAAI,CAAC;YACjC,IAAI,KAAK,KAAK,SAAS;AAAE,gBAAA,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK;QAC3C;IACF;;AAGA,IAAA,IAAI,GAAG,GAAA;QACL,OAAQ,IAAI,CAAC,UAAU,CAAC,aAAiD,CAAC,GAAG,IAAI,IAAI;IACvF;8GA5KW,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,qzHAFhB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FAED,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,EAAE;AACb,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;ACpKH;;;;;AAKG;;ACLH;;AAEG;;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@svgrid/grid-wc-angular",
|
|
3
|
+
"version": "0.0.0",
|
|
4
|
+
"private": true,
|
|
5
|
+
"peerDependencies": {
|
|
6
|
+
"@angular/core": ">=18",
|
|
7
|
+
"@angular/common": ">=18"
|
|
8
|
+
},
|
|
9
|
+
"module": "fesm2022/svgrid-grid-wc-angular.mjs",
|
|
10
|
+
"typings": "types/svgrid-grid-wc-angular.d.ts",
|
|
11
|
+
"exports": {
|
|
12
|
+
"./package.json": {
|
|
13
|
+
"default": "./package.json"
|
|
14
|
+
},
|
|
15
|
+
".": {
|
|
16
|
+
"types": "./types/svgrid-grid-wc-angular.d.ts",
|
|
17
|
+
"default": "./fesm2022/svgrid-grid-wc-angular.mjs"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"sideEffects": false,
|
|
21
|
+
"type": "module",
|
|
22
|
+
"dependencies": {
|
|
23
|
+
"tslib": "^2.3.0"
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { OnInit, OnChanges, OnDestroy, EventEmitter, ElementRef, SimpleChanges } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* AUTO-GENERATED by scripts/generate-wrappers.mjs - DO NOT EDIT.
|
|
6
|
+
* Regenerate: pnpm --filter @svgrid/grid-wc generate:wrappers
|
|
7
|
+
*
|
|
8
|
+
* Angular wrapper. Binds Angular @Input / @Output straight onto the custom element, which IS this component's host.
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* SvGrid as an Angular component.
|
|
13
|
+
*
|
|
14
|
+
* The selector is the custom element's own tag, and the component has NO
|
|
15
|
+
* template: its host element IS the `<sv-grid>` the browser upgrades. So a
|
|
16
|
+
* consumer writes the same tag they would write in plain HTML, and there is no
|
|
17
|
+
* second wrapper element in the DOM.
|
|
18
|
+
*
|
|
19
|
+
* A wrapper with its own tag (`<svgrid-grid>`) rendering `<sv-grid>` inside
|
|
20
|
+
* it was the first shape. It works, but it puts a redundant element in every
|
|
21
|
+
* consumer's DOM and gives the same grid two different names depending on which
|
|
22
|
+
* framework you came from.
|
|
23
|
+
*
|
|
24
|
+
* Matching `sv-grid-shadow` too means the shadow-root variant is the same
|
|
25
|
+
* choice it is everywhere else - the tag you write - rather than an input that
|
|
26
|
+
* only this framework has.
|
|
27
|
+
*/
|
|
28
|
+
declare class SvGridComponent implements OnInit, OnChanges, OnDestroy {
|
|
29
|
+
private readonly elementRef;
|
|
30
|
+
data?: readonly unknown[];
|
|
31
|
+
columns?: readonly unknown[];
|
|
32
|
+
board?: unknown;
|
|
33
|
+
scheduler?: unknown;
|
|
34
|
+
chart?: unknown;
|
|
35
|
+
pivot?: unknown;
|
|
36
|
+
pivotMode?: boolean;
|
|
37
|
+
contextMenu?: boolean;
|
|
38
|
+
selectionBar?: boolean;
|
|
39
|
+
features?: unknown;
|
|
40
|
+
sortable?: boolean;
|
|
41
|
+
filterable?: boolean;
|
|
42
|
+
editable?: boolean;
|
|
43
|
+
treeData?: unknown;
|
|
44
|
+
groupable?: boolean;
|
|
45
|
+
groupBy?: readonly unknown[];
|
|
46
|
+
expanded?: unknown;
|
|
47
|
+
groupFooters?: boolean;
|
|
48
|
+
grandTotalRow?: boolean;
|
|
49
|
+
groupDisplayMode?: string;
|
|
50
|
+
autoGroupColumnHeader?: string;
|
|
51
|
+
autoGroupColumnWidth?: number;
|
|
52
|
+
pageable?: boolean;
|
|
53
|
+
loading?: boolean;
|
|
54
|
+
loadingOverlay?: boolean;
|
|
55
|
+
loadingSkeletonRows?: number;
|
|
56
|
+
error?: string | null;
|
|
57
|
+
emptyMessage?: string;
|
|
58
|
+
localization?: unknown;
|
|
59
|
+
showGlobalFilter?: boolean;
|
|
60
|
+
showColumnFilters?: boolean;
|
|
61
|
+
filterMode?: "row" | "menu" | "global" | "none";
|
|
62
|
+
showGroupingControls?: boolean;
|
|
63
|
+
showRowSelection?: boolean;
|
|
64
|
+
showPagination?: boolean;
|
|
65
|
+
pageSize?: number;
|
|
66
|
+
pageSizeOptions?: readonly unknown[];
|
|
67
|
+
paginationPosition?: "top" | "bottom" | "both";
|
|
68
|
+
externalPagination?: boolean;
|
|
69
|
+
rowCount?: number;
|
|
70
|
+
pageIndex?: number;
|
|
71
|
+
virtualization?: boolean;
|
|
72
|
+
rowHeight?: number;
|
|
73
|
+
autoRowHeight?: boolean;
|
|
74
|
+
rowResize?: boolean;
|
|
75
|
+
headerHeight?: number;
|
|
76
|
+
overscan?: number;
|
|
77
|
+
containerHeight?: string;
|
|
78
|
+
columnVirtualization?: boolean;
|
|
79
|
+
columnOverscan?: number;
|
|
80
|
+
columnWidth?: number;
|
|
81
|
+
initialColumnPinning?: unknown;
|
|
82
|
+
fitColumns?: boolean;
|
|
83
|
+
columnResize?: boolean;
|
|
84
|
+
responsive?: boolean;
|
|
85
|
+
showFilterMenu?: boolean;
|
|
86
|
+
showFilterRow?: boolean;
|
|
87
|
+
enableCellSelection?: boolean;
|
|
88
|
+
moveCells?: boolean;
|
|
89
|
+
enableRowHover?: boolean;
|
|
90
|
+
copyHeadersToClipboard?: boolean;
|
|
91
|
+
processCellForClipboard?: unknown;
|
|
92
|
+
enableInlineEditing?: boolean;
|
|
93
|
+
fullRowEditing?: boolean;
|
|
94
|
+
enableRowSummaries?: boolean;
|
|
95
|
+
summary?: boolean;
|
|
96
|
+
statusBar?: boolean;
|
|
97
|
+
toolPanel?: boolean;
|
|
98
|
+
charting?: boolean;
|
|
99
|
+
columnMenuTabs?: boolean;
|
|
100
|
+
toolPanelDefaultOpen?: boolean;
|
|
101
|
+
toolPanelDefaultTab?: "columns" | "filters";
|
|
102
|
+
selectionMode?: "row" | "cell" | "both" | "none";
|
|
103
|
+
showRowNumbers?: boolean;
|
|
104
|
+
zebraRows?: boolean;
|
|
105
|
+
rowNumberWidth?: number;
|
|
106
|
+
externalSort?: boolean;
|
|
107
|
+
initialSorting?: readonly unknown[];
|
|
108
|
+
initialAdvancedFilter?: unknown;
|
|
109
|
+
externalFilter?: boolean;
|
|
110
|
+
getRowId?: unknown;
|
|
111
|
+
rowClass?: unknown;
|
|
112
|
+
notes?: unknown;
|
|
113
|
+
editableComments?: boolean;
|
|
114
|
+
conditionalFormats?: readonly unknown[];
|
|
115
|
+
conditionalStatScope?: "filtered" | "visible" | "all";
|
|
116
|
+
isDetailRow?: unknown;
|
|
117
|
+
serverGroup?: unknown;
|
|
118
|
+
serverFilterValues?: unknown;
|
|
119
|
+
pinnedTopRows?: readonly unknown[];
|
|
120
|
+
pinnedBottomRows?: readonly unknown[];
|
|
121
|
+
enableColumnReorder?: boolean;
|
|
122
|
+
columnOrder?: readonly unknown[];
|
|
123
|
+
inferColumnTypes?: boolean;
|
|
124
|
+
rowDragManaged?: boolean;
|
|
125
|
+
rowDragGroup?: string;
|
|
126
|
+
alignedGridGroup?: string;
|
|
127
|
+
filterLocale?: string;
|
|
128
|
+
pivotmodechange: EventEmitter<unknown>;
|
|
129
|
+
expandedchange: EventEmitter<unknown>;
|
|
130
|
+
paginationchange: EventEmitter<unknown>;
|
|
131
|
+
apiready: EventEmitter<unknown>;
|
|
132
|
+
rowselectionchange: EventEmitter<unknown>;
|
|
133
|
+
cellselectionchange: EventEmitter<unknown>;
|
|
134
|
+
sortingchange: EventEmitter<unknown>;
|
|
135
|
+
advancedfilterchange: EventEmitter<unknown>;
|
|
136
|
+
filterschange: EventEmitter<unknown>;
|
|
137
|
+
notechange: EventEmitter<unknown>;
|
|
138
|
+
cellvaluechange: EventEmitter<unknown>;
|
|
139
|
+
activecellchange: EventEmitter<unknown>;
|
|
140
|
+
cellclick: EventEmitter<unknown>;
|
|
141
|
+
rowclick: EventEmitter<unknown>;
|
|
142
|
+
celldoubleclick: EventEmitter<unknown>;
|
|
143
|
+
rowdoubleclick: EventEmitter<unknown>;
|
|
144
|
+
scrollbottomreached: EventEmitter<unknown>;
|
|
145
|
+
columnorderchange: EventEmitter<unknown>;
|
|
146
|
+
rowdragend: EventEmitter<unknown>;
|
|
147
|
+
selectionchange: EventEmitter<unknown>;
|
|
148
|
+
private listeners;
|
|
149
|
+
constructor(elementRef: ElementRef<HTMLElement>);
|
|
150
|
+
ngOnInit(): void;
|
|
151
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
152
|
+
ngOnDestroy(): void;
|
|
153
|
+
/** Assign as DOM PROPERTIES - an attribute is a string, and most of these are not. */
|
|
154
|
+
private sync;
|
|
155
|
+
/** The grid api, once it is ready. */
|
|
156
|
+
get api(): unknown;
|
|
157
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SvGridComponent, never>;
|
|
158
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SvGridComponent, "sv-grid, sv-grid-shadow", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "board": { "alias": "board"; "required": false; }; "scheduler": { "alias": "scheduler"; "required": false; }; "chart": { "alias": "chart"; "required": false; }; "pivot": { "alias": "pivot"; "required": false; }; "pivotMode": { "alias": "pivotMode"; "required": false; }; "contextMenu": { "alias": "contextMenu"; "required": false; }; "selectionBar": { "alias": "selectionBar"; "required": false; }; "features": { "alias": "features"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "treeData": { "alias": "treeData"; "required": false; }; "groupable": { "alias": "groupable"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "groupFooters": { "alias": "groupFooters"; "required": false; }; "grandTotalRow": { "alias": "grandTotalRow"; "required": false; }; "groupDisplayMode": { "alias": "groupDisplayMode"; "required": false; }; "autoGroupColumnHeader": { "alias": "autoGroupColumnHeader"; "required": false; }; "autoGroupColumnWidth": { "alias": "autoGroupColumnWidth"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingOverlay": { "alias": "loadingOverlay"; "required": false; }; "loadingSkeletonRows": { "alias": "loadingSkeletonRows"; "required": false; }; "error": { "alias": "error"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "localization": { "alias": "localization"; "required": false; }; "showGlobalFilter": { "alias": "showGlobalFilter"; "required": false; }; "showColumnFilters": { "alias": "showColumnFilters"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "showGroupingControls": { "alias": "showGroupingControls"; "required": false; }; "showRowSelection": { "alias": "showRowSelection"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "paginationPosition": { "alias": "paginationPosition"; "required": false; }; "externalPagination": { "alias": "externalPagination"; "required": false; }; "rowCount": { "alias": "rowCount"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "virtualization": { "alias": "virtualization"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "autoRowHeight": { "alias": "autoRowHeight"; "required": false; }; "rowResize": { "alias": "rowResize"; "required": false; }; "headerHeight": { "alias": "headerHeight"; "required": false; }; "overscan": { "alias": "overscan"; "required": false; }; "containerHeight": { "alias": "containerHeight"; "required": false; }; "columnVirtualization": { "alias": "columnVirtualization"; "required": false; }; "columnOverscan": { "alias": "columnOverscan"; "required": false; }; "columnWidth": { "alias": "columnWidth"; "required": false; }; "initialColumnPinning": { "alias": "initialColumnPinning"; "required": false; }; "fitColumns": { "alias": "fitColumns"; "required": false; }; "columnResize": { "alias": "columnResize"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "showFilterMenu": { "alias": "showFilterMenu"; "required": false; }; "showFilterRow": { "alias": "showFilterRow"; "required": false; }; "enableCellSelection": { "alias": "enableCellSelection"; "required": false; }; "moveCells": { "alias": "moveCells"; "required": false; }; "enableRowHover": { "alias": "enableRowHover"; "required": false; }; "copyHeadersToClipboard": { "alias": "copyHeadersToClipboard"; "required": false; }; "processCellForClipboard": { "alias": "processCellForClipboard"; "required": false; }; "enableInlineEditing": { "alias": "enableInlineEditing"; "required": false; }; "fullRowEditing": { "alias": "fullRowEditing"; "required": false; }; "enableRowSummaries": { "alias": "enableRowSummaries"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "statusBar": { "alias": "statusBar"; "required": false; }; "toolPanel": { "alias": "toolPanel"; "required": false; }; "charting": { "alias": "charting"; "required": false; }; "columnMenuTabs": { "alias": "columnMenuTabs"; "required": false; }; "toolPanelDefaultOpen": { "alias": "toolPanelDefaultOpen"; "required": false; }; "toolPanelDefaultTab": { "alias": "toolPanelDefaultTab"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "showRowNumbers": { "alias": "showRowNumbers"; "required": false; }; "zebraRows": { "alias": "zebraRows"; "required": false; }; "rowNumberWidth": { "alias": "rowNumberWidth"; "required": false; }; "externalSort": { "alias": "externalSort"; "required": false; }; "initialSorting": { "alias": "initialSorting"; "required": false; }; "initialAdvancedFilter": { "alias": "initialAdvancedFilter"; "required": false; }; "externalFilter": { "alias": "externalFilter"; "required": false; }; "getRowId": { "alias": "getRowId"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "notes": { "alias": "notes"; "required": false; }; "editableComments": { "alias": "editableComments"; "required": false; }; "conditionalFormats": { "alias": "conditionalFormats"; "required": false; }; "conditionalStatScope": { "alias": "conditionalStatScope"; "required": false; }; "isDetailRow": { "alias": "isDetailRow"; "required": false; }; "serverGroup": { "alias": "serverGroup"; "required": false; }; "serverFilterValues": { "alias": "serverFilterValues"; "required": false; }; "pinnedTopRows": { "alias": "pinnedTopRows"; "required": false; }; "pinnedBottomRows": { "alias": "pinnedBottomRows"; "required": false; }; "enableColumnReorder": { "alias": "enableColumnReorder"; "required": false; }; "columnOrder": { "alias": "columnOrder"; "required": false; }; "inferColumnTypes": { "alias": "inferColumnTypes"; "required": false; }; "rowDragManaged": { "alias": "rowDragManaged"; "required": false; }; "rowDragGroup": { "alias": "rowDragGroup"; "required": false; }; "alignedGridGroup": { "alias": "alignedGridGroup"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; }, { "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"; }, never, never, true, never>;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
export { SvGridComponent };
|
|
@@ -2957,4 +2957,4 @@ function ma(e, t, n, r, i, a) {
|
|
|
2957
2957
|
}), a && (o = a(o)), e.element = o, o;
|
|
2958
2958
|
}
|
|
2959
2959
|
//#endregion
|
|
2960
|
-
export { Nt as $, Er as A, En as B, ii as C, Kr as D, qr as E, gr as F, $t as G, Sn as H, hr as I, sn as J, an as K, mr as L, wr as M, Or as N, Rr as O, Tr as P, qt as Q, Q as R, pi as S, Jr as T, fn as U, kn as V, pn as W, F as X, Xt as Y, P as Z, Oi as _, ra as a,
|
|
2960
|
+
export { Nt as $, Er as A, En as B, ii as C, Kr as D, qr as E, gr as F, $t as G, Sn as H, hr as I, sn as J, an as K, mr as L, wr as M, Or as N, Rr as O, Tr as P, qt as Q, Q as R, pi as S, Jr as T, fn as U, kn as V, pn as W, F as X, Xt as Y, P as Z, Oi as _, ra as a, yi as b, ji as c, Bi as d, qe as et, Wi as f, ki as g, Vi as h, sa as i, g as it, Sr as j, Dr as k, Mi as l, Gi as m, ca as n, ze as nt, ta as o, Hi as p, on as q, aa as r, Re as rt, Zi as s, ma as t, Ke as tt, qi as u, Di as v, Qr as w, hi as x, Ti as y, sr as z };
|