@3mo/data-grid 0.8.5-rc.17 → 0.8.5-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DataGrid.d.ts +2 -4
- package/dist/DataGrid.d.ts.map +1 -1
- package/dist/DataGrid.js +10 -25
- package/dist/DataGridHeader.d.ts +2 -3
- package/dist/DataGridHeader.d.ts.map +1 -1
- package/dist/DataGridHeader.js +11 -23
- package/dist/DataGridHeaderSeparator.d.ts.map +1 -1
- package/dist/DataGridHeaderSeparator.js +2 -5
- package/dist/columns/DataGridColumnComponent.js +1 -1
- package/dist/custom-elements.json +0 -8
- package/dist/rows/DataGridDefaultRow.js +8 -8
- package/dist/rows/DataGridRow.d.ts +1 -1
- package/dist/rows/DataGridRow.d.ts.map +1 -1
- package/dist/rows/DataGridRow.js +4 -7
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/DataGrid.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { InstanceofAttributeController } from '@3mo/instanceof-attribute-control
|
|
|
4
4
|
import { SlotController } from '@3mo/slot-controller';
|
|
5
5
|
import { ThemeController } from '@3mo/theme';
|
|
6
6
|
import { MediaQueryController } from '@3mo/media-query-observer';
|
|
7
|
-
import { DataGridSidePanelTab, type DataGridColumn, type DataGridCell, type
|
|
7
|
+
import { DataGridSidePanelTab, type DataGridColumn, type DataGridCell, type DataGridRow } from './index.js';
|
|
8
8
|
import { DataGridSelectionController } from './DataGridSelectionController.js';
|
|
9
9
|
export type DataGridPagination = 'auto' | number;
|
|
10
10
|
export declare enum DataGridSelectionMode {
|
|
@@ -146,7 +146,7 @@ export declare class DataGrid<TData, TDetailsElement extends Element | undefined
|
|
|
146
146
|
cellFontSize: number;
|
|
147
147
|
rowHeight: number;
|
|
148
148
|
get rows(): Array<DataGridRow<TData, TDetailsElement>>;
|
|
149
|
-
readonly header
|
|
149
|
+
private readonly header?;
|
|
150
150
|
private readonly content?;
|
|
151
151
|
private readonly footer?;
|
|
152
152
|
private readonly sidePanel?;
|
|
@@ -218,11 +218,9 @@ export declare class DataGrid<TData, TDetailsElement extends Element | undefined
|
|
|
218
218
|
protected get headerTemplate(): HTMLTemplateResult;
|
|
219
219
|
private get shallVirtualize();
|
|
220
220
|
private get rowsTemplate();
|
|
221
|
-
private resizeInternalGridIfNeeded;
|
|
222
221
|
private get fallbackContextMenuTemplate();
|
|
223
222
|
getRowTemplate(data: TData, index?: number, level?: number): import("lit-html").TemplateResult;
|
|
224
223
|
private handleRowDetailsOpenChange;
|
|
225
|
-
private updateContextMenuFallbackIfNeeded;
|
|
226
224
|
protected get footerTemplate(): HTMLTemplateResult;
|
|
227
225
|
get sumsData(): TData[];
|
|
228
226
|
get sumsTemplate(): HTMLTemplateResult;
|
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,EAAS,MAAM,WAAW,CAAA;AAErL,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,6BAA6B,EAAE,MAAM,sCAAsC,CAAA;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAE5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAGhE,OAAO,EAAyC,oBAAoB,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,
|
|
1
|
+
{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../DataGrid.ts"],"names":[],"mappings":"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"}
|
package/dist/DataGrid.js
CHANGED
|
@@ -154,21 +154,6 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
154
154
|
this.smallScreenObserverController = new MediaQueryController(this, '(max-width: 768px)');
|
|
155
155
|
this.themeController = new ThemeController(this);
|
|
156
156
|
this.selectionController = new DataGridSelectionController(this);
|
|
157
|
-
this.resizeInternalGridIfNeeded = () => {
|
|
158
|
-
setTimeout(() => {
|
|
159
|
-
if (this.isUsingSubgrid) {
|
|
160
|
-
return;
|
|
161
|
-
}
|
|
162
|
-
const internalGrid = this.shadowRoot.querySelector('#internalGrid');
|
|
163
|
-
if (internalGrid.scrollHeight > internalGrid.clientHeight) {
|
|
164
|
-
internalGrid.style.overflow = 'hidden';
|
|
165
|
-
internalGrid.style.minHeight = `${internalGrid.scrollHeight}px`;
|
|
166
|
-
}
|
|
167
|
-
}, 0);
|
|
168
|
-
};
|
|
169
|
-
this.updateContextMenuFallbackIfNeeded = () => {
|
|
170
|
-
requestAnimationFrame(() => !this.isUsingSubgrid && this.requestUpdate());
|
|
171
|
-
};
|
|
172
157
|
this.detailsColumnWidthInPixels = 0;
|
|
173
158
|
this.selectionColumnWidthInPixels = 0;
|
|
174
159
|
this.moreColumnWidthInPixels = 0;
|
|
@@ -274,7 +259,6 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
274
259
|
else {
|
|
275
260
|
this.openRowDetails();
|
|
276
261
|
}
|
|
277
|
-
this.updateContextMenuFallbackIfNeeded();
|
|
278
262
|
}
|
|
279
263
|
sort(sorting) {
|
|
280
264
|
this.sorting = sorting;
|
|
@@ -406,7 +390,6 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
406
390
|
static get styles() {
|
|
407
391
|
return css `
|
|
408
392
|
:host {
|
|
409
|
-
--mo-data-grid-columns-gap: 6px;
|
|
410
393
|
--mo-data-grid-column-details-width: 20px;
|
|
411
394
|
--mo-data-grid-column-selection-width: 40px;
|
|
412
395
|
--mo-data-grid-column-more-width: 28px;
|
|
@@ -477,6 +460,11 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
477
460
|
height: var(--mo-data-grid-row-height);
|
|
478
461
|
}
|
|
479
462
|
|
|
463
|
+
.contextMenu:first-of-type {
|
|
464
|
+
margin-top: -1px;
|
|
465
|
+
padding-top: 1px;
|
|
466
|
+
}
|
|
467
|
+
|
|
480
468
|
.contextMenu[opened] {
|
|
481
469
|
background-color: color-mix(in srgb, var(--mo-color-surface), var(--mo-color-accent));
|
|
482
470
|
}
|
|
@@ -705,11 +693,10 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
705
693
|
.getItemTemplate=${getRowTemplate}
|
|
706
694
|
></mo-virtualized-scroller>
|
|
707
695
|
`;
|
|
708
|
-
this.resizeInternalGridIfNeeded();
|
|
709
696
|
return this.isUsingSubgrid ? html `${content}` : html `
|
|
710
697
|
<mo-flex direction='horizontal'>
|
|
711
|
-
<mo-scroller
|
|
712
|
-
${style({ flexGrow: '1' })}
|
|
698
|
+
<mo-scroller
|
|
699
|
+
${style({ flexGrow: '1', gridRow: '2', gridColumn: '1 / last-line', overflow: 'hidden' })}
|
|
713
700
|
${observeResize(() => this.requestUpdate())}
|
|
714
701
|
@scroll=${this.handleScroll}
|
|
715
702
|
>
|
|
@@ -782,7 +769,7 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
782
769
|
this.openDetailedData = open
|
|
783
770
|
? [...this.openDetailedData, data]
|
|
784
771
|
: this.openDetailedData.filter(d => d !== data);
|
|
785
|
-
this.
|
|
772
|
+
requestAnimationFrame(() => !this.isUsingSubgrid && this.requestUpdate());
|
|
786
773
|
}
|
|
787
774
|
get footerTemplate() {
|
|
788
775
|
return html `
|
|
@@ -877,14 +864,12 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
877
864
|
this.style.setProperty('--mo-data-grid-columns', this.columnsWidths.join(' '));
|
|
878
865
|
}
|
|
879
866
|
get columnsWidths() {
|
|
880
|
-
const hasMoreIcon = (!this.hasToolbar || this.hasContextMenu) && !this.sidePanelHidden;
|
|
881
|
-
const hasFiller = this.isUsingSubgrid && this.hasToolbar && !this.sidePanelHidden;
|
|
882
867
|
return [
|
|
883
868
|
this.detailsColumnWidth,
|
|
884
869
|
this.selectionColumnWidth,
|
|
885
870
|
...this.dataColumnsWidths,
|
|
886
|
-
|
|
887
|
-
|
|
871
|
+
'1fr',
|
|
872
|
+
this.moreColumnWidth
|
|
888
873
|
].filter((c) => c !== undefined);
|
|
889
874
|
}
|
|
890
875
|
get detailsColumnWidth() {
|
package/dist/DataGridHeader.d.ts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { Component } from '@a11d/lit';
|
|
2
|
-
import { DataGrid } from './index.js';
|
|
2
|
+
import { type DataGrid } from './index.js';
|
|
3
3
|
export declare class DataGridHeader<TData> extends Component {
|
|
4
4
|
readonly pageChange: EventDispatcher<number>;
|
|
5
5
|
readonly modeSelectionChange: EventDispatcher<string>;
|
|
6
6
|
dataGrid: DataGrid<TData, any>;
|
|
7
7
|
selection: CheckboxSelection;
|
|
8
8
|
overlayOpen: boolean;
|
|
9
|
-
readonly cells: Array<HTMLElement>;
|
|
10
9
|
protected connected(): void;
|
|
11
10
|
protected disconnected(): void;
|
|
12
11
|
private readonly handleDataGridDataChange;
|
|
@@ -15,11 +14,11 @@ export declare class DataGridHeader<TData> extends Component {
|
|
|
15
14
|
private get skeletonColumns();
|
|
16
15
|
private get separatorAdjustedColumns();
|
|
17
16
|
protected get template(): import("lit-html").HTMLTemplateResult;
|
|
18
|
-
protected get fillerTemplate(): import("lit-html").HTMLTemplateResult;
|
|
19
17
|
private get detailsExpanderTemplate();
|
|
20
18
|
private get selectionTemplate();
|
|
21
19
|
private get contentTemplate();
|
|
22
20
|
private readonly getHeaderCellTemplate;
|
|
21
|
+
private get fillerTemplate();
|
|
23
22
|
private get moreTemplate();
|
|
24
23
|
private getResizeObserver;
|
|
25
24
|
private sort;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridHeader.d.ts","sourceRoot":"","sources":["../DataGridHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,
|
|
1
|
+
{"version":3,"file":"DataGridHeader.d.ts","sourceRoot":"","sources":["../DataGridHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAsD,MAAM,WAAW,CAAA;AAKpG,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;cAOT,YAAY;IAK/B,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAExC;IAED,OAAO,CAAC,QAAQ,CAAC,6BAA6B,CAQ7C;IAED,WAAoB,MAAM,kCA+FzB;IAED,OAAO,KAAK,eAAe,GAO1B;IAED,OAAO,KAAK,wBAAwB,GAEnC;IAED,cAAuB,QAAQ,0CAmB9B;IAED,OAAO,KAAK,uBAAuB,GAYlC;IAED,OAAO,KAAK,iBAAiB,GAQ5B;IAED,OAAO,KAAK,eAAe,GAkB1B;IAED,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAuCrC;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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { component, Component, css, html, ifDefined, property, event, style, join
|
|
2
|
+
import { component, Component, css, html, ifDefined, property, event, style, join } from '@a11d/lit';
|
|
3
3
|
import { KeyboardController } from '@3mo/keyboard-controller';
|
|
4
4
|
import { tooltip } from '@3mo/tooltip';
|
|
5
5
|
import { observeResize } from '@3mo/resize-observer';
|
|
@@ -43,7 +43,7 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
43
43
|
${style({ overflow: 'hidden', cursor: 'pointer', flex: '1' })}
|
|
44
44
|
@click=${() => this.sort(column)}
|
|
45
45
|
>
|
|
46
|
-
<div class='headerContent'
|
|
46
|
+
<div class='headerContent'
|
|
47
47
|
${style({ width: '100%', textAlign: column.alignment })}
|
|
48
48
|
${!column.description ? html.nothing : tooltip(column.description)}
|
|
49
49
|
>${column.heading}</div>
|
|
@@ -93,7 +93,6 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
:host([subgrid]) {
|
|
96
|
-
--mo-data-grid-column-width: 102px;
|
|
97
96
|
position: sticky;
|
|
98
97
|
display: grid;
|
|
99
98
|
grid-template-columns: subgrid;
|
|
@@ -147,15 +146,12 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
147
146
|
inset-inline-start: 20px;
|
|
148
147
|
}
|
|
149
148
|
|
|
150
|
-
:host([subgrid]), #header {
|
|
151
|
-
border-top: var(--mo-data-grid-border);
|
|
152
|
-
border-bottom: var(--mo-data-grid-border);
|
|
153
|
-
}
|
|
154
|
-
|
|
155
149
|
#header {
|
|
156
150
|
position: relative;
|
|
157
151
|
height: var(--mo-data-grid-header-height);
|
|
158
152
|
background-color: var(--mo-data-grid-sticky-part-color);
|
|
153
|
+
border-top: var(--mo-data-grid-border);
|
|
154
|
+
border-bottom: var(--mo-data-grid-border);
|
|
159
155
|
}
|
|
160
156
|
|
|
161
157
|
.headerContent {
|
|
@@ -187,20 +183,17 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
187
183
|
return [
|
|
188
184
|
this.dataGrid.detailsColumnWidth,
|
|
189
185
|
this.dataGrid.selectionColumnWidth,
|
|
190
|
-
|
|
191
|
-
this.dataGrid.
|
|
186
|
+
'1fr',
|
|
187
|
+
this.dataGrid.moreColumnWidth
|
|
192
188
|
].filter((c) => c !== undefined).join(' ');
|
|
193
189
|
}
|
|
194
190
|
get separatorAdjustedColumns() {
|
|
195
|
-
|
|
196
|
-
return [...this.dataGrid.dataColumnsWidths, !hasMoreColumn ? undefined : this.dataGrid.moreColumnWidth]
|
|
197
|
-
.filter(Boolean)
|
|
198
|
-
.join(' var(--mo-data-grid-columns-gap) ');
|
|
191
|
+
return this.dataGrid.dataColumnsWidths.join(' var(--mo-data-grid-columns-gap, 2px) ');
|
|
199
192
|
}
|
|
200
193
|
get template() {
|
|
201
194
|
if (!this.dataGrid.isUsingSubgrid) {
|
|
202
195
|
return html `
|
|
203
|
-
<mo-grid id='header' columns=${this.skeletonColumns}>
|
|
196
|
+
<mo-grid id='header' columns=${this.skeletonColumns} columnGap='var(--mo-data-grid-columns-gap, 2px)'>
|
|
204
197
|
${this.detailsExpanderTemplate}
|
|
205
198
|
${this.selectionTemplate}
|
|
206
199
|
${this.contentTemplate}
|
|
@@ -216,11 +209,6 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
216
209
|
${this.moreTemplate}
|
|
217
210
|
`;
|
|
218
211
|
}
|
|
219
|
-
get fillerTemplate() {
|
|
220
|
-
return !this.dataGrid.isUsingSubgrid || !this.dataGrid.hasToolbar || this.dataGrid.sidePanelHidden ? html.nothing : html `
|
|
221
|
-
<span></span>
|
|
222
|
-
`;
|
|
223
|
-
}
|
|
224
212
|
get detailsExpanderTemplate() {
|
|
225
213
|
return this.dataGrid.hasDetails === false ? html.nothing : html `
|
|
226
214
|
<mo-flex class='details' justifyContent='center' alignItems='center' ${this.getResizeObserver('detailsColumnWidthInPixels')}>
|
|
@@ -261,6 +249,9 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
261
249
|
${this.dataGrid.visibleColumns.map(this.getHeaderCellTemplate)}
|
|
262
250
|
`;
|
|
263
251
|
}
|
|
252
|
+
get fillerTemplate() {
|
|
253
|
+
return html `<span></span>`;
|
|
254
|
+
}
|
|
264
255
|
get moreTemplate() {
|
|
265
256
|
return this.dataGrid.hasToolbar || this.dataGrid.sidePanelHidden ? html.nothing : html `
|
|
266
257
|
<mo-flex class='more' alignItems='end' justifyContent='center' ${this.getResizeObserver('moreColumnWidthInPixels')}>
|
|
@@ -329,9 +320,6 @@ __decorate([
|
|
|
329
320
|
__decorate([
|
|
330
321
|
property({ type: Boolean, reflect: true })
|
|
331
322
|
], DataGridHeader.prototype, "overlayOpen", void 0);
|
|
332
|
-
__decorate([
|
|
333
|
-
queryAll('.headerContent')
|
|
334
|
-
], DataGridHeader.prototype, "cells", void 0);
|
|
335
323
|
DataGridHeader = __decorate([
|
|
336
324
|
component('mo-data-grid-header')
|
|
337
325
|
], DataGridHeader);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridHeaderSeparator.d.ts","sourceRoot":"","sources":["../DataGridHeaderSeparator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+D,MAAM,WAAW,CAAA;AAClG,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE/D,qBACa,uBAAwB,SAAQ,SAAS;IAQlD,QAAQ,EAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IACH,MAAM,EAAG,cAAc,CAAC,OAAO,CAAC,CAAA;IAEnD,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,kBAAkB,CAAI;IAEvC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAK;IAE7B,OAAO,CAAC,YAAY,CAAC,CAAQ;IAC7B,OAAO,CAAC,WAAW,CAAC,CAAQ;IAE5B,WAAoB,MAAM,kCAkDzB;IAED,cAAuB,QAAQ,0CAU9B;IAGD,SAAS,CAAC,eAAe;IAczB,SAAS,CAAC,iBAAiB,CAAC,CAAC,EAAE,YAAY,GAAG,UAAU;IAmBxD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAIjC;IAED,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"DataGridHeaderSeparator.d.ts","sourceRoot":"","sources":["../DataGridHeaderSeparator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+D,MAAM,WAAW,CAAA;AAClG,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE/D,qBACa,uBAAwB,SAAQ,SAAS;IAQlD,QAAQ,EAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IACH,MAAM,EAAG,cAAc,CAAC,OAAO,CAAC,CAAA;IAEnD,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,kBAAkB,CAAI;IAEvC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAK;IAE7B,OAAO,CAAC,YAAY,CAAC,CAAQ;IAC7B,OAAO,CAAC,WAAW,CAAC,CAAQ;IAE5B,WAAoB,MAAM,kCAkDzB;IAED,cAAuB,QAAQ,0CAU9B;IAGD,SAAS,CAAC,eAAe;IAczB,SAAS,CAAC,iBAAiB,CAAC,CAAC,EAAE,YAAY,GAAG,UAAU;IAmBxD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAIjC;IAED,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAOjC;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,+BAA+B,EAAE,uBAAuB,CAAA;KACxD;CACD"}
|
|
@@ -12,14 +12,11 @@ let DataGridHeaderSeparator = class DataGridHeaderSeparator extends Component {
|
|
|
12
12
|
this.updatePointerPosition(e);
|
|
13
13
|
};
|
|
14
14
|
this.handleDoubleClick = () => {
|
|
15
|
-
this.column.width = 'max-content';
|
|
16
15
|
if (!this.dataGrid.isUsingSubgrid) {
|
|
17
|
-
|
|
18
|
-
const headerCell = this.dataGrid?.header?.cells.find(cell => cell.dataset.selector === this.column.dataSelector);
|
|
19
|
-
const width = Math.max(...columns.map(c => c.scrollWidth), headerCell?.scrollWidth ?? 0);
|
|
20
|
-
this.column.width = `${width}px`;
|
|
16
|
+
return;
|
|
21
17
|
}
|
|
22
18
|
this.isResizing = false;
|
|
19
|
+
this.column.width = 'max-content';
|
|
23
20
|
this.dataGrid.setColumns(this.dataGrid.columns);
|
|
24
21
|
};
|
|
25
22
|
}
|
|
@@ -59,7 +59,7 @@ __decorate([
|
|
|
59
59
|
type: Object,
|
|
60
60
|
updated(dataGrid) {
|
|
61
61
|
if (dataGrid) {
|
|
62
|
-
this.width = dataGrid.isUsingSubgrid ? 'max-content' : 'minmax(
|
|
62
|
+
this.width = dataGrid.isUsingSubgrid ? 'max-content' : 'minmax(100px, 1fr)';
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
})
|
|
@@ -238,10 +238,6 @@
|
|
|
238
238
|
"name": "rows",
|
|
239
239
|
"type": "DataGridRow<TData, TDetailsElement>[]"
|
|
240
240
|
},
|
|
241
|
-
{
|
|
242
|
-
"name": "header",
|
|
243
|
-
"type": "DataGridHeader<TData> | undefined"
|
|
244
|
-
},
|
|
245
241
|
{
|
|
246
242
|
"name": "hasSelection",
|
|
247
243
|
"type": "boolean"
|
|
@@ -814,10 +810,6 @@
|
|
|
814
810
|
"attribute": "overlayOpen",
|
|
815
811
|
"type": "boolean",
|
|
816
812
|
"default": "false"
|
|
817
|
-
},
|
|
818
|
-
{
|
|
819
|
-
"name": "cells",
|
|
820
|
-
"type": "HTMLElement[]"
|
|
821
813
|
}
|
|
822
814
|
]
|
|
823
815
|
},
|
|
@@ -14,16 +14,16 @@ let DataGridDefaultRow = class DataGridDefaultRow extends DataGridRow {
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
:host([subgrid][has-sub-data]) #detailsContainer {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
display: grid;
|
|
18
|
+
grid-template-columns: subgrid;
|
|
19
|
+
grid-column: -1 / 1;
|
|
20
|
+
}
|
|
21
21
|
|
|
22
22
|
:host(:not([subgrid])) {
|
|
23
23
|
mo-grid {
|
|
24
24
|
height: var(--mo-data-grid-row-height);
|
|
25
25
|
grid-template-columns: var(--mo-data-grid-columns);
|
|
26
|
-
column-gap: var(--mo-data-grid-columns-gap);
|
|
26
|
+
column-gap: var(--mo-data-grid-columns-gap, 2px);
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
|
|
@@ -34,8 +34,7 @@ let DataGridDefaultRow = class DataGridDefaultRow extends DataGridRow {
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
#selectionContainer {
|
|
37
|
-
height:
|
|
38
|
-
box-sizing: border-box;
|
|
37
|
+
height: var(--mo-data-grid-row-height);
|
|
39
38
|
}
|
|
40
39
|
|
|
41
40
|
#detailsContainer [instanceof*=mo-data-grid] {
|
|
@@ -60,7 +59,8 @@ let DataGridDefaultRow = class DataGridDefaultRow extends DataGridRow {
|
|
|
60
59
|
|
|
61
60
|
:host([data-grid-has-details]) #detailsContainer > [instanceof*=mo-data-grid] {
|
|
62
61
|
padding: 0px !important;
|
|
63
|
-
}
|
|
62
|
+
}
|
|
63
|
+
`;
|
|
64
64
|
}
|
|
65
65
|
updated(...parameters) {
|
|
66
66
|
super.updated(...parameters);
|
|
@@ -31,8 +31,8 @@ export declare abstract class DataGridRow<TData, TDetailsElement extends Element
|
|
|
31
31
|
protected abstract get rowTemplate(): HTMLTemplateResult;
|
|
32
32
|
protected get detailsExpanderTemplate(): HTMLTemplateResult;
|
|
33
33
|
protected get selectionTemplate(): HTMLTemplateResult;
|
|
34
|
-
protected get fillerTemplate(): HTMLTemplateResult;
|
|
35
34
|
protected getCellTemplate(column: DataGridColumn<TData, KeyPathValueOf<TData, KeyPathOf<TData>>>): HTMLTemplateResult;
|
|
35
|
+
protected get fillerTemplate(): HTMLTemplateResult;
|
|
36
36
|
protected get contextMenuIconButtonTemplate(): HTMLTemplateResult;
|
|
37
37
|
protected get detailsTemplate(): HTMLTemplateResult;
|
|
38
38
|
private setSelection;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAyB,KAAK,kBAAkB,EAAqB,MAAM,WAAW,CAAA;AAEvH,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,YAAY,EAAyD,MAAM,aAAa,CAAA;AAErH;;;;;;;;GAQG;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;IAEjE,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;IAC3C,IAAI,EAAG,KAAK,CAAA;IACI,QAAQ,UAAQ;IAazD,WAAW,UAAQ;IAQnB,KAAK,SAAI;IAEgC,eAAe,UAAQ;IAEnE,IAAI,cAAc,gCAEjB;IAED,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC;cAIvB,WAAW;IAMrB,OAAO,CAAC,GAAG,UAAU,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAShE,SAAS,KAAK,UAAU,YAEvB;IAED,WAAoB,MAAM,kCA0IzB;IAED,OAAO,KAAK,aAAa,
|
|
1
|
+
{"version":3,"file":"DataGridRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAyB,KAAK,kBAAkB,EAAqB,MAAM,WAAW,CAAA;AAEvH,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,YAAY,EAAyD,MAAM,aAAa,CAAA;AAErH;;;;;;;;GAQG;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;IAEjE,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;IAC3C,IAAI,EAAG,KAAK,CAAA;IACI,QAAQ,UAAQ;IAazD,WAAW,UAAQ;IAQnB,KAAK,SAAI;IAEgC,eAAe,UAAQ;IAEnE,IAAI,cAAc,gCAEjB;IAED,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC;cAIvB,WAAW;IAMrB,OAAO,CAAC,GAAG,UAAU,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAShE,SAAS,KAAK,UAAU,YAEvB;IAED,WAAoB,MAAM,kCA0IzB;IAED,OAAO,KAAK,aAAa,GAOxB;IAED,cAAuB,QAAQ,uBAY9B;IAED,SAAS,CAAC,QAAQ,KAAK,WAAW,IAAI,kBAAkB,CAAA;IAExD,SAAS,KAAK,uBAAuB,uBAepC;IAED,SAAS,KAAK,iBAAiB,uBAc9B;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,EAAE,OAAO,CAAC,EAAE,MAAM,IAAI;IAyBhE,OAAO,KAAK,eAAe,GAI1B;IAED,OAAO,KAAK,mBAAmB,GAE9B;IAEK,gBAAgB;IAKtB,aAAa;IAIb,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
|
@@ -185,8 +185,7 @@ export class DataGridRow extends Component {
|
|
|
185
185
|
this.dataGrid.detailsColumnWidth,
|
|
186
186
|
this.dataGrid.selectionColumnWidth,
|
|
187
187
|
this.dataGrid.dataColumnsWidths,
|
|
188
|
-
|
|
189
|
-
this.dataGrid.hasToolbar || this.dataGrid.sidePanelHidden ? undefined : this.dataGrid.moreColumnWidth,
|
|
188
|
+
this.dataGrid.moreColumnWidth,
|
|
190
189
|
].flat().filter(Boolean).join(' ');
|
|
191
190
|
}
|
|
192
191
|
get template() {
|
|
@@ -233,11 +232,6 @@ export class DataGridRow extends Component {
|
|
|
233
232
|
</mo-flex>
|
|
234
233
|
`;
|
|
235
234
|
}
|
|
236
|
-
get fillerTemplate() {
|
|
237
|
-
return !this.dataGrid.isUsingSubgrid || !this.dataGrid.hasToolbar || this.dataGrid.sidePanelHidden ? html.nothing : html `
|
|
238
|
-
<span></span>
|
|
239
|
-
`;
|
|
240
|
-
}
|
|
241
235
|
getCellTemplate(column) {
|
|
242
236
|
return column.hidden ? html.nothing : html `
|
|
243
237
|
<mo-data-grid-cell
|
|
@@ -247,6 +241,9 @@ export class DataGridRow extends Component {
|
|
|
247
241
|
></mo-data-grid-cell>
|
|
248
242
|
`;
|
|
249
243
|
}
|
|
244
|
+
get fillerTemplate() {
|
|
245
|
+
return html `<span></span>`;
|
|
246
|
+
}
|
|
250
247
|
get contextMenuIconButtonTemplate() {
|
|
251
248
|
return !this.dataGrid.hasContextMenu || !this.dataGrid.isUsingSubgrid ? html.nothing : html `
|
|
252
249
|
<mo-flex id='contextMenu' data-sticky justifyContent='center'>
|