@3mo/data-grid 0.8.5-rc.17 → 0.8.5-rc.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DataGrid.d.ts +2 -3
- package/dist/DataGrid.d.ts.map +1 -1
- package/dist/DataGrid.js +4 -20
- package/dist/DataGridHeader.d.ts +2 -3
- package/dist/DataGridHeader.d.ts.map +1 -1
- package/dist/DataGridHeader.js +9 -18
- 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 +4 -4
- 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,7 +218,6 @@ 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;
|
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,18 +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
157
|
this.updateContextMenuFallbackIfNeeded = () => {
|
|
170
158
|
requestAnimationFrame(() => !this.isUsingSubgrid && this.requestUpdate());
|
|
171
159
|
};
|
|
@@ -406,7 +394,6 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
406
394
|
static get styles() {
|
|
407
395
|
return css `
|
|
408
396
|
:host {
|
|
409
|
-
--mo-data-grid-columns-gap: 6px;
|
|
410
397
|
--mo-data-grid-column-details-width: 20px;
|
|
411
398
|
--mo-data-grid-column-selection-width: 40px;
|
|
412
399
|
--mo-data-grid-column-more-width: 28px;
|
|
@@ -705,11 +692,10 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
705
692
|
.getItemTemplate=${getRowTemplate}
|
|
706
693
|
></mo-virtualized-scroller>
|
|
707
694
|
`;
|
|
708
|
-
this.resizeInternalGridIfNeeded();
|
|
709
695
|
return this.isUsingSubgrid ? html `${content}` : html `
|
|
710
696
|
<mo-flex direction='horizontal'>
|
|
711
|
-
<mo-scroller
|
|
712
|
-
${style({ flexGrow: '1' })}
|
|
697
|
+
<mo-scroller
|
|
698
|
+
${style({ flexGrow: '1', gridRow: '2', gridColumn: '1 / last-line', overflow: 'hidden' })}
|
|
713
699
|
${observeResize(() => this.requestUpdate())}
|
|
714
700
|
@scroll=${this.handleScroll}
|
|
715
701
|
>
|
|
@@ -877,14 +863,12 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
877
863
|
this.style.setProperty('--mo-data-grid-columns', this.columnsWidths.join(' '));
|
|
878
864
|
}
|
|
879
865
|
get columnsWidths() {
|
|
880
|
-
const hasMoreIcon = (!this.hasToolbar || this.hasContextMenu) && !this.sidePanelHidden;
|
|
881
|
-
const hasFiller = this.isUsingSubgrid && this.hasToolbar && !this.sidePanelHidden;
|
|
882
866
|
return [
|
|
883
867
|
this.detailsColumnWidth,
|
|
884
868
|
this.selectionColumnWidth,
|
|
885
869
|
...this.dataColumnsWidths,
|
|
886
|
-
|
|
887
|
-
|
|
870
|
+
'1fr',
|
|
871
|
+
this.moreColumnWidth
|
|
888
872
|
].filter((c) => c !== undefined);
|
|
889
873
|
}
|
|
890
874
|
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,kCAkGzB;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;
|
|
@@ -187,20 +186,17 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
187
186
|
return [
|
|
188
187
|
this.dataGrid.detailsColumnWidth,
|
|
189
188
|
this.dataGrid.selectionColumnWidth,
|
|
190
|
-
|
|
191
|
-
this.dataGrid.
|
|
189
|
+
'1fr',
|
|
190
|
+
this.dataGrid.moreColumnWidth
|
|
192
191
|
].filter((c) => c !== undefined).join(' ');
|
|
193
192
|
}
|
|
194
193
|
get separatorAdjustedColumns() {
|
|
195
|
-
|
|
196
|
-
return [...this.dataGrid.dataColumnsWidths, !hasMoreColumn ? undefined : this.dataGrid.moreColumnWidth]
|
|
197
|
-
.filter(Boolean)
|
|
198
|
-
.join(' var(--mo-data-grid-columns-gap) ');
|
|
194
|
+
return this.dataGrid.dataColumnsWidths.join(' var(--mo-data-grid-columns-gap, 2px) ');
|
|
199
195
|
}
|
|
200
196
|
get template() {
|
|
201
197
|
if (!this.dataGrid.isUsingSubgrid) {
|
|
202
198
|
return html `
|
|
203
|
-
<mo-grid id='header' columns=${this.skeletonColumns}>
|
|
199
|
+
<mo-grid id='header' columns=${this.skeletonColumns} columnGap='var(--mo-data-grid-columns-gap, 2px)'>
|
|
204
200
|
${this.detailsExpanderTemplate}
|
|
205
201
|
${this.selectionTemplate}
|
|
206
202
|
${this.contentTemplate}
|
|
@@ -216,11 +212,6 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
216
212
|
${this.moreTemplate}
|
|
217
213
|
`;
|
|
218
214
|
}
|
|
219
|
-
get fillerTemplate() {
|
|
220
|
-
return !this.dataGrid.isUsingSubgrid || !this.dataGrid.hasToolbar || this.dataGrid.sidePanelHidden ? html.nothing : html `
|
|
221
|
-
<span></span>
|
|
222
|
-
`;
|
|
223
|
-
}
|
|
224
215
|
get detailsExpanderTemplate() {
|
|
225
216
|
return this.dataGrid.hasDetails === false ? html.nothing : html `
|
|
226
217
|
<mo-flex class='details' justifyContent='center' alignItems='center' ${this.getResizeObserver('detailsColumnWidthInPixels')}>
|
|
@@ -261,6 +252,9 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
261
252
|
${this.dataGrid.visibleColumns.map(this.getHeaderCellTemplate)}
|
|
262
253
|
`;
|
|
263
254
|
}
|
|
255
|
+
get fillerTemplate() {
|
|
256
|
+
return html `<span></span>`;
|
|
257
|
+
}
|
|
264
258
|
get moreTemplate() {
|
|
265
259
|
return this.dataGrid.hasToolbar || this.dataGrid.sidePanelHidden ? html.nothing : html `
|
|
266
260
|
<mo-flex class='more' alignItems='end' justifyContent='center' ${this.getResizeObserver('moreColumnWidthInPixels')}>
|
|
@@ -329,9 +323,6 @@ __decorate([
|
|
|
329
323
|
__decorate([
|
|
330
324
|
property({ type: Boolean, reflect: true })
|
|
331
325
|
], DataGridHeader.prototype, "overlayOpen", void 0);
|
|
332
|
-
__decorate([
|
|
333
|
-
queryAll('.headerContent')
|
|
334
|
-
], DataGridHeader.prototype, "cells", void 0);
|
|
335
326
|
DataGridHeader = __decorate([
|
|
336
327
|
component('mo-data-grid-header')
|
|
337
328
|
], 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
|
},
|
|
@@ -23,7 +23,7 @@ let DataGridDefaultRow = class DataGridDefaultRow extends DataGridRow {
|
|
|
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'>
|