@3mo/data-grid 0.8.7 → 0.8.8
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/DataGrid.d.ts +3 -5
- package/dist/DataGrid.d.ts.map +1 -1
- package/dist/DataGrid.js +20 -24
- package/dist/DataGridHeader.d.ts.map +1 -1
- package/dist/DataGridHeader.js +3 -9
- package/dist/DataGridHeaderSeparator.js +1 -1
- package/dist/custom-elements.json +26 -0
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -1
- package/dist/rows/DataGridRow.d.ts +2 -0
- package/dist/rows/DataGridRow.d.ts.map +1 -1
- package/dist/rows/DataGridRow.js +12 -4
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
package/dist/DataGrid.d.ts
CHANGED
|
@@ -38,7 +38,6 @@ export type DataGridSorting<TData> = DataGridSortingDefinition<TData> | Array<Da
|
|
|
38
38
|
* @attr columns - The columns to be displayed in the DataGrid. It is an array of objects, where each object represents a column.
|
|
39
39
|
* @attr headerHidden - Whether the header should be hidden.
|
|
40
40
|
* @attr preventVerticalContentScroll - Whether the content should be prevented from scrolling vertically.
|
|
41
|
-
* @attr virtualizationThreshold - The threshold from which the virtualization will kick in.
|
|
42
41
|
* @attr page - The current page.
|
|
43
42
|
* @attr pagination - The pagination mode. It can be either `auto` or a number.
|
|
44
43
|
* @attr sorting - The sorting mode. It is an object with `selector` and `strategy` properties.
|
|
@@ -98,7 +97,6 @@ export declare class DataGrid<TData, TDetailsElement extends Element | undefined
|
|
|
98
97
|
static readonly cellRelativeFontSize: LocalStorage<number>;
|
|
99
98
|
static readonly pageSize: LocalStorage<number>;
|
|
100
99
|
static readonly hasAlternatingBackground: LocalStorage<boolean>;
|
|
101
|
-
protected static readonly virtualizationThreshold: number;
|
|
102
100
|
readonly dataChange: EventDispatcher<Array<TData>>;
|
|
103
101
|
readonly selectionChange: EventDispatcher<Array<TData>>;
|
|
104
102
|
readonly pageChange: EventDispatcher<number>;
|
|
@@ -117,7 +115,6 @@ export declare class DataGrid<TData, TDetailsElement extends Element | undefined
|
|
|
117
115
|
columns: DataGridColumn<TData, unknown>[];
|
|
118
116
|
headerHidden: boolean;
|
|
119
117
|
preventVerticalContentScroll: boolean;
|
|
120
|
-
virtualizationThreshold: number;
|
|
121
118
|
page: number;
|
|
122
119
|
pagination?: DataGridPagination;
|
|
123
120
|
sorting?: DataGridSorting<TData>;
|
|
@@ -145,9 +142,10 @@ export declare class DataGrid<TData, TDetailsElement extends Element | undefined
|
|
|
145
142
|
exportable: boolean;
|
|
146
143
|
cellFontSize: number;
|
|
147
144
|
rowHeight: number;
|
|
148
|
-
get rows(): Array<DataGridRow<TData, TDetailsElement>>;
|
|
149
145
|
private readonly header?;
|
|
146
|
+
private readonly scroller?;
|
|
150
147
|
private readonly content?;
|
|
148
|
+
readonly rows: Array<DataGridRow<TData, TDetailsElement>>;
|
|
151
149
|
private readonly footer?;
|
|
152
150
|
private readonly sidePanel?;
|
|
153
151
|
private readonly columnsSlot?;
|
|
@@ -199,6 +197,7 @@ export declare class DataGrid<TData, TDetailsElement extends Element | undefined
|
|
|
199
197
|
protected readonly smallScreenObserverController: MediaQueryController;
|
|
200
198
|
readonly themeController: ThemeController;
|
|
201
199
|
readonly selectionController: DataGridSelectionController<TData>;
|
|
200
|
+
readonly rowIntersectionObserver?: IntersectionObserver;
|
|
202
201
|
protected updated(...parameters: Parameters<Component['updated']>): void;
|
|
203
202
|
protected firstUpdated(props: PropertyValues): void;
|
|
204
203
|
static get styles(): import("@a11d/lit").CSSResult;
|
|
@@ -215,7 +214,6 @@ export declare class DataGrid<TData, TDetailsElement extends Element | undefined
|
|
|
215
214
|
protected get noContentTemplate(): HTMLTemplateResult;
|
|
216
215
|
protected get dataGridTemplate(): HTMLTemplateResult;
|
|
217
216
|
protected get headerTemplate(): HTMLTemplateResult;
|
|
218
|
-
private get shallVirtualize();
|
|
219
217
|
private get rowsTemplate();
|
|
220
218
|
getRowTemplate(data: TData, index?: number, level?: number): import("lit-html").TemplateResult;
|
|
221
219
|
private handleRowDetailsOpenChange;
|
package/dist/DataGrid.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../DataGrid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAqC,KAAK,cAAc,EAAqC,KAAK,kBAAkB,
|
|
1
|
+
{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../DataGrid.ts"],"names":[],"mappings":"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"}
|
package/dist/DataGrid.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
var DataGrid_1;
|
|
2
2
|
import { __decorate } from "tslib";
|
|
3
|
-
import { property, component, Component, html, css, live, query, ifDefined, event, style, literal, staticHtml, cache, eventOptions } from '@a11d/lit';
|
|
3
|
+
import { property, component, Component, html, css, live, query, ifDefined, event, style, literal, staticHtml, cache, eventOptions, queryAll, repeat } from '@a11d/lit';
|
|
4
4
|
import { NotificationComponent } from '@a11d/lit-application';
|
|
5
5
|
import { LocalStorage } from '@a11d/local-storage';
|
|
6
6
|
import { InstanceofAttributeController } from '@3mo/instanceof-attribute-controller';
|
|
@@ -59,7 +59,6 @@ export var DataGridEditability;
|
|
|
59
59
|
* @attr columns - The columns to be displayed in the DataGrid. It is an array of objects, where each object represents a column.
|
|
60
60
|
* @attr headerHidden - Whether the header should be hidden.
|
|
61
61
|
* @attr preventVerticalContentScroll - Whether the content should be prevented from scrolling vertically.
|
|
62
|
-
* @attr virtualizationThreshold - The threshold from which the virtualization will kick in.
|
|
63
62
|
* @attr page - The current page.
|
|
64
63
|
* @attr pagination - The pagination mode. It can be either `auto` or a number.
|
|
65
64
|
* @attr sorting - The sorting mode. It is an object with `selector` and `strategy` properties.
|
|
@@ -121,7 +120,6 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
121
120
|
this.columns = new Array();
|
|
122
121
|
this.headerHidden = false;
|
|
123
122
|
this.preventVerticalContentScroll = false;
|
|
124
|
-
this.virtualizationThreshold = DataGrid_1.virtualizationThreshold;
|
|
125
123
|
this.page = 1;
|
|
126
124
|
this.selectionMode = DataGridSelectionMode.None;
|
|
127
125
|
this.selectedData = new Array();
|
|
@@ -157,12 +155,6 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
157
155
|
// eslint-disable-next-line @typescript-eslint/member-ordering
|
|
158
156
|
this.lastScrollElementTop = 0;
|
|
159
157
|
}
|
|
160
|
-
get rows() {
|
|
161
|
-
const root = this.shallVirtualize
|
|
162
|
-
? this.renderRoot.querySelector('mo-virtualized-scroller')?.renderRoot?.firstElementChild
|
|
163
|
-
: this.renderRoot;
|
|
164
|
-
return [...root?.querySelectorAll('[mo-data-grid-row]') ?? []];
|
|
165
|
-
}
|
|
166
158
|
setPage(page) {
|
|
167
159
|
this.page = page;
|
|
168
160
|
this.pageChange.dispatch(page);
|
|
@@ -358,6 +350,15 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
358
350
|
this.sidePanel?.requestUpdate();
|
|
359
351
|
this.footer?.requestUpdate();
|
|
360
352
|
this.rows.forEach(row => row.requestUpdate());
|
|
353
|
+
// @ts-expect-error rowIntersectionObserver is initialized once here
|
|
354
|
+
this.rowIntersectionObserver ?? (this.rowIntersectionObserver = new IntersectionObserver(entries => {
|
|
355
|
+
entries.forEach(({ target, isIntersecting }) => {
|
|
356
|
+
target.isIntersecting = isIntersecting;
|
|
357
|
+
});
|
|
358
|
+
}, {
|
|
359
|
+
root: this.scroller,
|
|
360
|
+
rootMargin: '100% 0px',
|
|
361
|
+
}));
|
|
361
362
|
return super.updated(...parameters);
|
|
362
363
|
}
|
|
363
364
|
firstUpdated(props) {
|
|
@@ -604,11 +605,11 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
604
605
|
@scroll=${this.handleScroll}
|
|
605
606
|
>
|
|
606
607
|
<mo-grid id='content' autoRows='min-content' columns='var(--mo-data-grid-columns)'>
|
|
607
|
-
${this.headerTemplate}
|
|
608
|
-
${this.contentTemplate}
|
|
608
|
+
${cache(this.headerTemplate)}
|
|
609
|
+
${cache(this.contentTemplate)}
|
|
609
610
|
</mo-grid>
|
|
610
611
|
</mo-scroller>
|
|
611
|
-
${this.footerTemplate}
|
|
612
|
+
${cache(this.footerTemplate)}
|
|
612
613
|
</mo-grid>
|
|
613
614
|
`;
|
|
614
615
|
}
|
|
@@ -617,16 +618,9 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
617
618
|
<mo-data-grid-header .dataGrid=${this}></mo-data-grid-header>
|
|
618
619
|
`;
|
|
619
620
|
}
|
|
620
|
-
get shallVirtualize() {
|
|
621
|
-
return false && !this.preventVerticalContentScroll && this.renderData.length > this.virtualizationThreshold;
|
|
622
|
-
}
|
|
623
621
|
get rowsTemplate() {
|
|
624
|
-
const getRowTemplate = (data, index) => this.getRowTemplate(data, index);
|
|
625
|
-
const content = this.shallVirtualize === false
|
|
626
|
-
? this.renderData.map(getRowTemplate)
|
|
627
|
-
: html `<mo-virtualized-scroller .items=${this.renderData} .getItemTemplate=${getRowTemplate} exportparts='row'></mo-virtualized-scroller>`;
|
|
628
622
|
return html `
|
|
629
|
-
${
|
|
623
|
+
${repeat(this.renderData, data => data, (data, index) => this.getRowTemplate(data, index))}
|
|
630
624
|
`;
|
|
631
625
|
}
|
|
632
626
|
getRowTemplate(data, index, level = 0) {
|
|
@@ -900,7 +894,6 @@ DataGrid.rowHeight = new LocalStorage('DataGrid.RowHeight', 35);
|
|
|
900
894
|
DataGrid.cellRelativeFontSize = new LocalStorage('DataGrid.CellRelativeFontSize', 0.8);
|
|
901
895
|
DataGrid.pageSize = new LocalStorage('DataGrid.PageSize', 25);
|
|
902
896
|
DataGrid.hasAlternatingBackground = new LocalStorage('DataGrid.HasAlternatingBackground', true);
|
|
903
|
-
DataGrid.virtualizationThreshold = 50;
|
|
904
897
|
__decorate([
|
|
905
898
|
event()
|
|
906
899
|
], DataGrid.prototype, "dataChange", void 0);
|
|
@@ -960,9 +953,6 @@ __decorate([
|
|
|
960
953
|
__decorate([
|
|
961
954
|
property({ type: Boolean, reflect: true })
|
|
962
955
|
], DataGrid.prototype, "preventVerticalContentScroll", void 0);
|
|
963
|
-
__decorate([
|
|
964
|
-
property({ type: Number })
|
|
965
|
-
], DataGrid.prototype, "virtualizationThreshold", void 0);
|
|
966
956
|
__decorate([
|
|
967
957
|
property({ type: Number })
|
|
968
958
|
], DataGrid.prototype, "page", void 0);
|
|
@@ -1059,9 +1049,15 @@ __decorate([
|
|
|
1059
1049
|
__decorate([
|
|
1060
1050
|
query('mo-data-grid-header')
|
|
1061
1051
|
], DataGrid.prototype, "header", void 0);
|
|
1052
|
+
__decorate([
|
|
1053
|
+
query('mo-scroller')
|
|
1054
|
+
], DataGrid.prototype, "scroller", void 0);
|
|
1062
1055
|
__decorate([
|
|
1063
1056
|
query('#content')
|
|
1064
1057
|
], DataGrid.prototype, "content", void 0);
|
|
1058
|
+
__decorate([
|
|
1059
|
+
queryAll('[mo-data-grid-row]')
|
|
1060
|
+
], DataGrid.prototype, "rows", void 0);
|
|
1065
1061
|
__decorate([
|
|
1066
1062
|
query('mo-data-grid-footer')
|
|
1067
1063
|
], DataGrid.prototype, "footer", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridHeader.d.ts","sourceRoot":"","sources":["../DataGridHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAgD,MAAM,WAAW,CAAA;AAK9F,OAAO,EAAuE,KAAK,QAAQ,EAAwB,MAAM,YAAY,CAAA;AAErI,qBACa,cAAc,CAAC,KAAK,CAAE,SAAQ,SAAS;IAC1C,QAAQ,CAAC,UAAU,EAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IAC7C,QAAQ,CAAC,mBAAmB,EAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IAEnC,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAC/C,SAAS,EAAE,iBAAiB,CAAQ;IACJ,WAAW,UAAQ;cAE5C,SAAS;cAKT,YAAY;IAK/B,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAExC;IAED,OAAO,CAAC,QAAQ,CAAC,6BAA6B,CAQ7C;IAED,WAAoB,MAAM,
|
|
1
|
+
{"version":3,"file":"DataGridHeader.d.ts","sourceRoot":"","sources":["../DataGridHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAgD,MAAM,WAAW,CAAA;AAK9F,OAAO,EAAuE,KAAK,QAAQ,EAAwB,MAAM,YAAY,CAAA;AAErI,qBACa,cAAc,CAAC,KAAK,CAAE,SAAQ,SAAS;IAC1C,QAAQ,CAAC,UAAU,EAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IAC7C,QAAQ,CAAC,mBAAmB,EAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IAEnC,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAC/C,SAAS,EAAE,iBAAiB,CAAQ;IACJ,WAAW,UAAQ;cAE5C,SAAS;cAKT,YAAY;IAK/B,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAExC;IAED,OAAO,CAAC,QAAQ,CAAC,6BAA6B,CAQ7C;IAED,WAAoB,MAAM,kCAiFzB;IAED,cAAuB,QAAQ,0CAQ9B;IAED,OAAO,KAAK,uBAAuB,GAYlC;IAED,OAAO,KAAK,iBAAiB,GAQ5B;IAED,OAAO,KAAK,eAAe,GAI1B;IAED,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAqCrC;IAED,OAAO,KAAK,cAAc,GAEzB;IAED,OAAO,KAAK,YAAY,GAQvB;IAED,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,IAAI;IAoCZ,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAOrC;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;KAC9C;CACD"}
|
package/dist/DataGridHeader.js
CHANGED
|
@@ -86,20 +86,14 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
86
86
|
--mo-data-grid-header-separator-width: 2px;
|
|
87
87
|
display: grid;
|
|
88
88
|
grid-template-columns: subgrid;
|
|
89
|
-
grid-column: -1 / 1;
|
|
90
|
-
background: var(--mo-data-grid-sticky-part-color);
|
|
91
89
|
position: sticky;
|
|
90
|
+
grid-column: -1 / 1;
|
|
91
|
+
background: var(--mo-data-grid-header-background, var(--mo-data-grid-sticky-part-color));
|
|
92
92
|
top: 0;
|
|
93
93
|
z-index: 4;
|
|
94
94
|
font-size: small;
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
#header {
|
|
98
|
-
border-top: var(--mo-data-grid-border);
|
|
99
|
-
border-bottom: var(--mo-data-grid-border);
|
|
100
|
-
position: relative;
|
|
95
|
+
border-block: var(--mo-data-grid-border);
|
|
101
96
|
height: var(--mo-data-grid-header-height);
|
|
102
|
-
background: var(--mo-data-grid-header-background);
|
|
103
97
|
}
|
|
104
98
|
|
|
105
99
|
.headerContent {
|
|
@@ -125,7 +125,7 @@ __decorate([
|
|
|
125
125
|
eventListener({ target: window, type: 'pointerup' })
|
|
126
126
|
], DataGridHeaderSeparator.prototype, "handlePointerUp", null);
|
|
127
127
|
__decorate([
|
|
128
|
-
eventListener({ target: window, type: 'pointermove' }),
|
|
128
|
+
eventListener({ target: window, type: 'pointermove', options: { passive: false } }),
|
|
129
129
|
eventListener({ target: window, type: 'touchmove', options: { passive: false } })
|
|
130
130
|
], DataGridHeaderSeparator.prototype, "handlePointerMove", null);
|
|
131
131
|
DataGridHeaderSeparator = __decorate([
|
|
@@ -321,6 +321,10 @@
|
|
|
321
321
|
"type": "DataGridSelectionController<TData>",
|
|
322
322
|
"default": "\"new DataGridSelectionController(this)\""
|
|
323
323
|
},
|
|
324
|
+
{
|
|
325
|
+
"name": "rowIntersectionObserver",
|
|
326
|
+
"type": "IntersectionObserver | undefined"
|
|
327
|
+
},
|
|
324
328
|
{
|
|
325
329
|
"name": "sumsData",
|
|
326
330
|
"type": "TData[]"
|
|
@@ -3443,6 +3447,10 @@
|
|
|
3443
3447
|
"name": "selectionController",
|
|
3444
3448
|
"type": "DataGridSelectionController<TData>"
|
|
3445
3449
|
},
|
|
3450
|
+
{
|
|
3451
|
+
"name": "rowIntersectionObserver",
|
|
3452
|
+
"type": "IntersectionObserver | undefined"
|
|
3453
|
+
},
|
|
3446
3454
|
{
|
|
3447
3455
|
"name": "sumsData",
|
|
3448
3456
|
"type": "TData[]"
|
|
@@ -6005,6 +6013,10 @@
|
|
|
6005
6013
|
"name": "level",
|
|
6006
6014
|
"type": "number"
|
|
6007
6015
|
},
|
|
6016
|
+
{
|
|
6017
|
+
"name": "isIntersecting",
|
|
6018
|
+
"type": "boolean"
|
|
6019
|
+
},
|
|
6008
6020
|
{
|
|
6009
6021
|
"name": "detailsElement",
|
|
6010
6022
|
"type": "TDetailsElement | undefined"
|
|
@@ -6080,6 +6092,10 @@
|
|
|
6080
6092
|
"name": "level",
|
|
6081
6093
|
"type": "number"
|
|
6082
6094
|
},
|
|
6095
|
+
{
|
|
6096
|
+
"name": "isIntersecting",
|
|
6097
|
+
"type": "boolean"
|
|
6098
|
+
},
|
|
6083
6099
|
{
|
|
6084
6100
|
"name": "detailsElement",
|
|
6085
6101
|
"type": "TDetailsElement | undefined"
|
|
@@ -6164,6 +6180,11 @@
|
|
|
6164
6180
|
"type": "number",
|
|
6165
6181
|
"default": "0"
|
|
6166
6182
|
},
|
|
6183
|
+
{
|
|
6184
|
+
"name": "isIntersecting",
|
|
6185
|
+
"type": "boolean",
|
|
6186
|
+
"default": "false"
|
|
6187
|
+
},
|
|
6167
6188
|
{
|
|
6168
6189
|
"name": "detailsElement",
|
|
6169
6190
|
"type": "TDetailsElement | undefined"
|
|
@@ -6254,6 +6275,11 @@
|
|
|
6254
6275
|
"type": "number",
|
|
6255
6276
|
"default": "0"
|
|
6256
6277
|
},
|
|
6278
|
+
{
|
|
6279
|
+
"name": "isIntersecting",
|
|
6280
|
+
"type": "boolean",
|
|
6281
|
+
"default": "false"
|
|
6282
|
+
},
|
|
6257
6283
|
{
|
|
6258
6284
|
"name": "detailsElement",
|
|
6259
6285
|
"type": "TDetailsElement | undefined"
|
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAA;AAClB,OAAO,WAAW,CAAA;AAClB,OAAO,gBAAgB,CAAA;AACvB,OAAO,WAAW,CAAA;AAClB,OAAO,kBAAkB,CAAA;AACzB,OAAO,eAAe,CAAA;AACtB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,kBAAkB,CAAA;AACzB,OAAO,uBAAuB,CAAA;AAC9B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,cAAc,CAAA;AACrB,OAAO,eAAe,CAAA;AACtB,OAAO,kBAAkB,CAAA;AACzB,OAAO,cAAc,CAAA;AACrB,OAAO,UAAU,CAAA;AACjB,OAAO,aAAa,CAAA;AACpB,OAAO,iBAAiB,CAAA;AACxB,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAA;AAClB,OAAO,WAAW,CAAA;AAClB,OAAO,gBAAgB,CAAA;AACvB,OAAO,WAAW,CAAA;AAClB,OAAO,kBAAkB,CAAA;AACzB,OAAO,eAAe,CAAA;AACtB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,kBAAkB,CAAA;AACzB,OAAO,uBAAuB,CAAA;AAC9B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,cAAc,CAAA;AACrB,OAAO,eAAe,CAAA;AACtB,OAAO,kBAAkB,CAAA;AACzB,OAAO,cAAc,CAAA;AACrB,OAAO,UAAU,CAAA;AACjB,OAAO,aAAa,CAAA;AACpB,OAAO,iBAAiB,CAAA;AACxB,OAAO,YAAY,CAAA;AACnB,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,kCAAkC,CAAA;AAChD,cAAc,qCAAqC,CAAA;AACnD,cAAc,mBAAmB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -19,9 +19,11 @@ export declare abstract class DataGridRow<TData, TDetailsElement extends Element
|
|
|
19
19
|
selected: boolean;
|
|
20
20
|
detailsOpen: boolean;
|
|
21
21
|
level: number;
|
|
22
|
+
isIntersecting: boolean;
|
|
22
23
|
get detailsElement(): TDetailsElement | undefined;
|
|
23
24
|
getCell(column: DataGridColumn<TData, any>): DataGridCell<any, TData, TDetailsElement> | undefined;
|
|
24
25
|
protected initialized(): void;
|
|
26
|
+
protected disconnected(): void;
|
|
25
27
|
updated(...parameters: Parameters<Component['updated']>): void;
|
|
26
28
|
protected get hasDetails(): boolean;
|
|
27
29
|
static get styles(): import("@a11d/lit").CSSResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAgC,KAAK,kBAAkB,
|
|
1
|
+
{"version":3,"file":"DataGridRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAgC,KAAK,kBAAkB,EAAmC,MAAM,WAAW,CAAA;AAG5I,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,YAAY,EAAyD,MAAM,aAAa,CAAA;AAErH;;;;;;;GAOG;AACH,8BAAsB,WAAW,CAAC,KAAK,EAAE,eAAe,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,CAAE,SAAQ,SAAS;IACzG,QAAQ,CAAC,iBAAiB,EAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE/B,QAAQ,CAAC,KAAK,EAAG,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAA;IAChE,QAAQ,CAAC,OAAO,EAAG,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAA;IACjE,QAAQ,CAAC,OAAO,EAAG,WAAW,CAAA;IAE9B,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;IAC3C,IAAI,EAAG,KAAK,CAAA;IACI,QAAQ,UAAQ;IAazD,WAAW,UAAQ;IAOnB,KAAK,SAAI;IAEH,cAAc,UAAQ;IAE/B,IAAI,cAAc,gCAEjB;IAED,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC;cAIvB,WAAW;cAKX,YAAY;IAItB,OAAO,CAAC,GAAG,UAAU,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAShE,SAAS,KAAK,UAAU,YAEvB;IAED,WAAoB,MAAM,kCAgGzB;IAED,cAAuB,QAAQ,uBAgB9B;IAED,SAAS,CAAC,QAAQ,KAAK,WAAW,IAAI,kBAAkB,CAAA;IAExD,SAAS,KAAK,uBAAuB,uBAgBpC;IAED,SAAS,KAAK,iBAAiB,uBAe9B;IAED,SAAS,CAAC,eAAe,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAUhG,SAAS,KAAK,cAAc,uBAE3B;IAED,SAAS,KAAK,6BAA6B,uBAS1C;IAED,SAAS,KAAK,eAAe,uBAmB5B;IAED,OAAO,CAAC,YAAY;IAIpB,SAAS,CAAC,kBAAkB;cAYZ,wBAAwB;cAKxB,wBAAwB;YAK1B,yCAAyC;IAQjD,eAAe,CAAC,KAAK,CAAC,EAAE,YAAY;IAgB1C,OAAO,KAAK,eAAe,GAI1B;IAED,OAAO,KAAK,mBAAmB,GAE9B;IAEK,gBAAgB;IAKtB,SAAS,CAAC,aAAa;IAIvB,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,OAAO;CAIvC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;KACxC;CACD"}
|
package/dist/rows/DataGridRow.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { css, property, Component, html, query, queryAll, style, LitElement, event } from '@a11d/lit';
|
|
2
|
+
import { css, property, Component, html, query, queryAll, style, LitElement, event, state, cache } from '@a11d/lit';
|
|
3
3
|
import { popover } from '@3mo/popover';
|
|
4
4
|
import { ContextMenu } from '@3mo/context-menu';
|
|
5
5
|
import { DataGridPrimaryContextMenuItem, DataGridSelectionMode } from '../index.js';
|
|
@@ -17,6 +17,7 @@ export class DataGridRow extends Component {
|
|
|
17
17
|
this.selected = false;
|
|
18
18
|
this.detailsOpen = false;
|
|
19
19
|
this.level = 0;
|
|
20
|
+
this.isIntersecting = false;
|
|
20
21
|
}
|
|
21
22
|
get detailsElement() {
|
|
22
23
|
return this.renderRoot.querySelector('#detailsContainer')?.firstElementChild;
|
|
@@ -26,6 +27,10 @@ export class DataGridRow extends Component {
|
|
|
26
27
|
}
|
|
27
28
|
initialized() {
|
|
28
29
|
this.toggleAttribute('mo-data-grid-row', true);
|
|
30
|
+
this.dataGrid.rowIntersectionObserver?.observe(this) ?? (this.isIntersecting = true);
|
|
31
|
+
}
|
|
32
|
+
disconnected() {
|
|
33
|
+
this.dataGrid.rowIntersectionObserver?.unobserve?.(this);
|
|
29
34
|
}
|
|
30
35
|
updated(...parameters) {
|
|
31
36
|
this.cells.forEach(cell => cell.requestUpdate());
|
|
@@ -136,12 +141,12 @@ export class DataGridRow extends Component {
|
|
|
136
141
|
`;
|
|
137
142
|
}
|
|
138
143
|
get template() {
|
|
139
|
-
return html `
|
|
144
|
+
return cache(!this.isIntersecting ? html.nothing : html `
|
|
140
145
|
<mo-grid id='contentContainer' columns='subgrid'
|
|
141
146
|
@click=${() => this.handleContentClick()}
|
|
142
147
|
@dblclick=${() => this.handleContentDoubleClick()}
|
|
143
148
|
@auxclick=${(e) => e.button !== 1 ? void 0 : this.handleContentMiddleClick()}
|
|
144
|
-
${popover(() => html `
|
|
149
|
+
${this.contextMenuTemplate === html.nothing ? html.nothing : popover(() => html `
|
|
145
150
|
<mo-context-menu @openChange=${(e) => this.toggleAttribute('data-context-menu-open', e.detail)}>
|
|
146
151
|
${this.contextMenuTemplate}
|
|
147
152
|
</mo-context-menu>
|
|
@@ -150,7 +155,7 @@ export class DataGridRow extends Component {
|
|
|
150
155
|
${this.rowTemplate}
|
|
151
156
|
</mo-grid>
|
|
152
157
|
<slot id='detailsContainer'>${this.detailsOpen ? this.detailsTemplate : html.nothing}</slot>
|
|
153
|
-
|
|
158
|
+
`);
|
|
154
159
|
}
|
|
155
160
|
get detailsExpanderTemplate() {
|
|
156
161
|
return this.dataGrid.hasDetails === false ? html.nothing : html `
|
|
@@ -326,3 +331,6 @@ __decorate([
|
|
|
326
331
|
}
|
|
327
332
|
})
|
|
328
333
|
], DataGridRow.prototype, "level", void 0);
|
|
334
|
+
__decorate([
|
|
335
|
+
state()
|
|
336
|
+
], DataGridRow.prototype, "isIntersecting", void 0);
|