@3mo/data-grid 0.20.0 → 0.20.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.map +1 -1
- package/dist/DataGrid.js +243 -245
- package/dist/DataGridColumn.js +1 -1
- package/dist/DataGridColumnHeader.d.ts +1 -1
- package/dist/DataGridColumnHeader.d.ts.map +1 -1
- package/dist/DataGridColumnHeader.js +185 -191
- package/dist/DataGridContextMenuController.js +1 -1
- package/dist/DataGridFooter.js +2 -2
- package/dist/DataGridHeader.d.ts.map +1 -1
- package/dist/DataGridHeader.js +104 -98
- package/dist/DataGridSidePanel.js +1 -1
- package/dist/custom-elements.json +3 -3
- package/dist/rows/DataGridDefaultRow.js +25 -25
- package/dist/rows/DataGridRow.d.ts.map +1 -1
- package/dist/rows/DataGridRow.js +196 -197
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +59 -59
package/dist/DataGrid.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../DataGrid.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../DataGrid.ts"],"names":[],"mappings":"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"}
|
package/dist/DataGrid.js
CHANGED
|
@@ -121,8 +121,8 @@ let DataGrid = class DataGrid extends Component {
|
|
|
121
121
|
this.contextMenuController = new DataGridContextMenuController(this);
|
|
122
122
|
this.detailsController = new DataGridDetailsController(this);
|
|
123
123
|
this.csvController = new DataGridCsvController(this);
|
|
124
|
-
this.splitterResizerTemplate = html `
|
|
125
|
-
<mo-splitter-resizer-line style='--mo-splitter-resizer-line-thickness: 1px; --mo-splitter-resizer-line-idle-background: var(--mo-color-transparent-gray-3); --mo-splitter-resizer-line-horizontal-transform: scaleX(5);'></mo-splitter-resizer-line>
|
|
124
|
+
this.splitterResizerTemplate = html `
|
|
125
|
+
<mo-splitter-resizer-line style='--mo-splitter-resizer-line-thickness: 1px; --mo-splitter-resizer-line-idle-background: var(--mo-color-transparent-gray-3); --mo-splitter-resizer-line-horizontal-transform: scaleX(5);'></mo-splitter-resizer-line>
|
|
126
126
|
`;
|
|
127
127
|
this.lastScrollElementTop = 0;
|
|
128
128
|
}
|
|
@@ -311,167 +311,167 @@ let DataGrid = class DataGrid extends Component {
|
|
|
311
311
|
this.setPage(1);
|
|
312
312
|
}
|
|
313
313
|
static get styles() {
|
|
314
|
-
return css `
|
|
315
|
-
:host {
|
|
316
|
-
--mo-data-grid-column-details-width: 20px;
|
|
317
|
-
--mo-data-grid-column-selection-width: 40px;
|
|
318
|
-
--mo-data-grid-column-actions-width: 28px;
|
|
319
|
-
--mo-data-grid-cell-padding: 10px;
|
|
320
|
-
--mo-data-grid-header-height: 32px;
|
|
321
|
-
--mo-data-grid-footer-min-height: 40px;
|
|
322
|
-
--mo-data-grid-toolbar-padding: 0px 14px 14px 14px;
|
|
323
|
-
--mo-data-grid-border: 1px solid var(--mo-color-transparent-gray-3);
|
|
324
|
-
|
|
325
|
-
--mo-details-data-grid-start-margin: 26px;
|
|
326
|
-
|
|
327
|
-
--mo-data-grid-sticky-part-color: var(--mo-color-surface);
|
|
328
|
-
|
|
329
|
-
--mo-data-grid-alternating-background: color-mix(in srgb, black var(--mo-data-grid-alternating-background-transparency), transparent 0%);
|
|
330
|
-
|
|
331
|
-
--mo-data-grid-selection-background: color-mix(in srgb, var(--mo-color-accent), transparent 50%);
|
|
332
|
-
|
|
333
|
-
--_content-min-height-default: calc(var(--mo-data-grid-min-visible-rows, 2.5) * var(--mo-data-grid-row-height) + var(--mo-data-grid-header-height));
|
|
334
|
-
display: flex;
|
|
335
|
-
flex-direction: column;
|
|
336
|
-
height: 100%;
|
|
337
|
-
overflow-x: hidden;
|
|
338
|
-
}
|
|
339
|
-
|
|
340
|
-
:not(:has([mo-data-grid-row])) {
|
|
341
|
-
--_content-min-height-default: 150px;
|
|
342
|
-
}
|
|
343
|
-
|
|
344
|
-
:host([data-theme=light]) {
|
|
345
|
-
--mo-data-grid-alternating-background-transparency : 5%;
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
:host([data-theme=dark]) {
|
|
349
|
-
--mo-data-grid-alternating-background-transparency: 20%;
|
|
350
|
-
}
|
|
351
|
-
|
|
352
|
-
:host([preventVerticalContentScroll]) mo-scroller {
|
|
353
|
-
overflow-y: hidden;
|
|
354
|
-
|
|
355
|
-
&::part(container) {
|
|
356
|
-
position: relative;
|
|
357
|
-
}
|
|
358
|
-
}
|
|
359
|
-
|
|
360
|
-
#content {
|
|
361
|
-
width: fit-content;
|
|
362
|
-
min-width: 100%;
|
|
363
|
-
height: min-content;
|
|
364
|
-
min-height: 100%;
|
|
365
|
-
}
|
|
366
|
-
|
|
367
|
-
#toolbar {
|
|
368
|
-
position: relative;
|
|
369
|
-
padding: var(--mo-data-grid-toolbar-padding);
|
|
370
|
-
|
|
371
|
-
#actions {
|
|
372
|
-
margin-inline-start: auto;
|
|
373
|
-
|
|
374
|
-
mo-icon-button, ::slotted(mo-icon-button[slot='toolbar-action']) {
|
|
375
|
-
color: var(--mo-color-gray);
|
|
376
|
-
&[data-selected] {
|
|
377
|
-
color: var(--mo-color-accent);
|
|
378
|
-
}
|
|
379
|
-
}
|
|
380
|
-
}
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
#fab {
|
|
384
|
-
position: absolute;
|
|
385
|
-
inset-inline-end: 16px;
|
|
386
|
-
transition: var(--mo-data-grid-fab-transition, 250ms);
|
|
387
|
-
z-index: 3;
|
|
388
|
-
top: -64px;
|
|
389
|
-
}
|
|
390
|
-
|
|
391
|
-
:host([hasFooter]) #fab {
|
|
392
|
-
top: -28px;
|
|
393
|
-
}
|
|
394
|
-
|
|
395
|
-
:host([fabSlotCollapsed][hasFabs]) #fab {
|
|
396
|
-
transform: scale(0);
|
|
397
|
-
opacity: 0;
|
|
398
|
-
}
|
|
399
|
-
|
|
400
|
-
mo-data-grid-footer {
|
|
401
|
-
transition: var(--mo-data-grid-fab-transition, 250ms);
|
|
402
|
-
}
|
|
403
|
-
|
|
404
|
-
:host([hasSums][hasFabs]:not([fabSlotCollapsed])) mo-data-grid-footer {
|
|
405
|
-
--mo-data-grid-footer-trailing-padding: calc(var(--mo-data-grid-fab-slot-width, 56px) + 16px);
|
|
406
|
-
}
|
|
407
|
-
|
|
408
|
-
slot[name=fab] {
|
|
409
|
-
display: block;
|
|
410
|
-
z-index: 1;
|
|
411
|
-
}
|
|
412
|
-
|
|
413
|
-
mo-empty-state, ::slotted(mo-empty-state) {
|
|
414
|
-
height: calc(100% - var(--mo-data-grid-header-height) / 2);
|
|
415
|
-
margin-block-start: calc(var(--mo-data-grid-header-height) / 2);
|
|
416
|
-
position: absolute;
|
|
417
|
-
inset: 0;
|
|
418
|
-
}
|
|
419
|
-
|
|
420
|
-
#overlayModeContainer {
|
|
421
|
-
position: relative;
|
|
422
|
-
height: 100%;
|
|
423
|
-
width: 100%;
|
|
424
|
-
|
|
425
|
-
mo-data-grid-side-panel {
|
|
426
|
-
position: absolute;
|
|
427
|
-
inset: 0;
|
|
428
|
-
width: 100%;
|
|
429
|
-
height: 100%;
|
|
430
|
-
z-index: 5;
|
|
431
|
-
background-color: var(--mo-color-surface);
|
|
432
|
-
}
|
|
433
|
-
}
|
|
314
|
+
return css `
|
|
315
|
+
:host {
|
|
316
|
+
--mo-data-grid-column-details-width: 20px;
|
|
317
|
+
--mo-data-grid-column-selection-width: 40px;
|
|
318
|
+
--mo-data-grid-column-actions-width: 28px;
|
|
319
|
+
--mo-data-grid-cell-padding: 10px;
|
|
320
|
+
--mo-data-grid-header-height: 32px;
|
|
321
|
+
--mo-data-grid-footer-min-height: 40px;
|
|
322
|
+
--mo-data-grid-toolbar-padding: 0px 14px 14px 14px;
|
|
323
|
+
--mo-data-grid-border: 1px solid var(--mo-color-transparent-gray-3);
|
|
324
|
+
|
|
325
|
+
--mo-details-data-grid-start-margin: 26px;
|
|
326
|
+
|
|
327
|
+
--mo-data-grid-sticky-part-color: var(--mo-color-surface);
|
|
328
|
+
|
|
329
|
+
--mo-data-grid-alternating-background: color-mix(in srgb, black var(--mo-data-grid-alternating-background-transparency), transparent 0%);
|
|
330
|
+
|
|
331
|
+
--mo-data-grid-selection-background: color-mix(in srgb, var(--mo-color-accent), transparent 50%);
|
|
332
|
+
|
|
333
|
+
--_content-min-height-default: calc(var(--mo-data-grid-min-visible-rows, 2.5) * var(--mo-data-grid-row-height) + var(--mo-data-grid-header-height));
|
|
334
|
+
display: flex;
|
|
335
|
+
flex-direction: column;
|
|
336
|
+
height: 100%;
|
|
337
|
+
overflow-x: hidden;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
:not(:has([mo-data-grid-row])) {
|
|
341
|
+
--_content-min-height-default: 150px;
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
:host([data-theme=light]) {
|
|
345
|
+
--mo-data-grid-alternating-background-transparency : 5%;
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
:host([data-theme=dark]) {
|
|
349
|
+
--mo-data-grid-alternating-background-transparency: 20%;
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
:host([preventVerticalContentScroll]) mo-scroller {
|
|
353
|
+
overflow-y: hidden;
|
|
354
|
+
|
|
355
|
+
&::part(container) {
|
|
356
|
+
position: relative;
|
|
357
|
+
}
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
#content {
|
|
361
|
+
width: fit-content;
|
|
362
|
+
min-width: 100%;
|
|
363
|
+
height: min-content;
|
|
364
|
+
min-height: 100%;
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
#toolbar {
|
|
368
|
+
position: relative;
|
|
369
|
+
padding: var(--mo-data-grid-toolbar-padding);
|
|
370
|
+
|
|
371
|
+
#actions {
|
|
372
|
+
margin-inline-start: auto;
|
|
373
|
+
|
|
374
|
+
mo-icon-button, ::slotted(mo-icon-button[slot='toolbar-action']) {
|
|
375
|
+
color: var(--mo-color-gray);
|
|
376
|
+
&[data-selected] {
|
|
377
|
+
color: var(--mo-color-accent);
|
|
378
|
+
}
|
|
379
|
+
}
|
|
380
|
+
}
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
#fab {
|
|
384
|
+
position: absolute;
|
|
385
|
+
inset-inline-end: 16px;
|
|
386
|
+
transition: var(--mo-data-grid-fab-transition, 250ms);
|
|
387
|
+
z-index: 3;
|
|
388
|
+
top: -64px;
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
:host([hasFooter]) #fab {
|
|
392
|
+
top: -28px;
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
:host([fabSlotCollapsed][hasFabs]) #fab {
|
|
396
|
+
transform: scale(0);
|
|
397
|
+
opacity: 0;
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
mo-data-grid-footer {
|
|
401
|
+
transition: var(--mo-data-grid-fab-transition, 250ms);
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
:host([hasSums][hasFabs]:not([fabSlotCollapsed])) mo-data-grid-footer {
|
|
405
|
+
--mo-data-grid-footer-trailing-padding: calc(var(--mo-data-grid-fab-slot-width, 56px) + 16px);
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
slot[name=fab] {
|
|
409
|
+
display: block;
|
|
410
|
+
z-index: 1;
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
mo-empty-state, ::slotted(mo-empty-state) {
|
|
414
|
+
height: calc(100% - var(--mo-data-grid-header-height) / 2);
|
|
415
|
+
margin-block-start: calc(var(--mo-data-grid-header-height) / 2);
|
|
416
|
+
position: absolute;
|
|
417
|
+
inset: 0;
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
#overlayModeContainer {
|
|
421
|
+
position: relative;
|
|
422
|
+
height: 100%;
|
|
423
|
+
width: 100%;
|
|
424
|
+
|
|
425
|
+
mo-data-grid-side-panel {
|
|
426
|
+
position: absolute;
|
|
427
|
+
inset: 0;
|
|
428
|
+
width: 100%;
|
|
429
|
+
height: 100%;
|
|
430
|
+
z-index: 5;
|
|
431
|
+
background-color: var(--mo-color-surface);
|
|
432
|
+
}
|
|
433
|
+
}
|
|
434
434
|
`;
|
|
435
435
|
}
|
|
436
436
|
get template() {
|
|
437
|
-
return html `
|
|
438
|
-
<slot name='column' hidden>${this.columnsTemplate}</slot>
|
|
439
|
-
${this.toolbarTemplate}
|
|
440
|
-
${this.smallScreenObserverController.matches ? this.overlayModeTemplate : this.splitterModeTemplate}
|
|
437
|
+
return html `
|
|
438
|
+
<slot name='column' hidden>${this.columnsTemplate}</slot>
|
|
439
|
+
${this.toolbarTemplate}
|
|
440
|
+
${this.smallScreenObserverController.matches ? this.overlayModeTemplate : this.splitterModeTemplate}
|
|
441
441
|
`;
|
|
442
442
|
}
|
|
443
443
|
get splitterModeTemplate() {
|
|
444
|
-
return html `
|
|
445
|
-
<mo-splitter direction='horizontal-reversed' ${style({ height: '100%' })} .resizerTemplate=${this.splitterResizerTemplate}>
|
|
446
|
-
${cache(this.sidePanelTab === undefined ? html.nothing : html `
|
|
447
|
-
<mo-splitter-item size='min(25%, 300px)' min='max(15%, 250px)' max='clamp(100px, 50%, 750px)'>
|
|
448
|
-
${this.sidePanelTemplate}
|
|
449
|
-
</mo-splitter-item>
|
|
450
|
-
`)}
|
|
451
|
-
|
|
452
|
-
<mo-splitter-item min='0px' ${style({ position: 'relative' })}>
|
|
453
|
-
${this.dataGridTemplate}
|
|
454
|
-
</mo-splitter-item>
|
|
455
|
-
</mo-splitter>
|
|
444
|
+
return html `
|
|
445
|
+
<mo-splitter direction='horizontal-reversed' ${style({ height: '100%' })} .resizerTemplate=${this.splitterResizerTemplate}>
|
|
446
|
+
${cache(this.sidePanelTab === undefined ? html.nothing : html `
|
|
447
|
+
<mo-splitter-item size='min(25%, 300px)' min='max(15%, 250px)' max='clamp(100px, 50%, 750px)'>
|
|
448
|
+
${this.sidePanelTemplate}
|
|
449
|
+
</mo-splitter-item>
|
|
450
|
+
`)}
|
|
451
|
+
|
|
452
|
+
<mo-splitter-item min='0px' ${style({ position: 'relative' })}>
|
|
453
|
+
${this.dataGridTemplate}
|
|
454
|
+
</mo-splitter-item>
|
|
455
|
+
</mo-splitter>
|
|
456
456
|
`;
|
|
457
457
|
}
|
|
458
458
|
get overlayModeTemplate() {
|
|
459
|
-
return html `
|
|
460
|
-
<mo-flex id='overlayModeContainer'>
|
|
461
|
-
${this.dataGridTemplate}
|
|
462
|
-
${this.sidePanelTab === undefined ? html.nothing : this.sidePanelTemplate}
|
|
463
|
-
</mo-flex>
|
|
459
|
+
return html `
|
|
460
|
+
<mo-flex id='overlayModeContainer'>
|
|
461
|
+
${this.dataGridTemplate}
|
|
462
|
+
${this.sidePanelTab === undefined ? html.nothing : this.sidePanelTemplate}
|
|
463
|
+
</mo-flex>
|
|
464
464
|
`;
|
|
465
465
|
}
|
|
466
466
|
get sidePanelTemplate() {
|
|
467
|
-
return html `
|
|
468
|
-
<mo-data-grid-side-panel
|
|
469
|
-
.dataGrid=${this}
|
|
470
|
-
tab=${ifDefined(this.sidePanelTab)}
|
|
471
|
-
>
|
|
472
|
-
<slot slot='settings' name='settings'>${this.settingsDefaultTemplate}</slot>
|
|
473
|
-
<slot slot='filter' name='filter'>${this.filtersDefaultTemplate}</slot>
|
|
474
|
-
</mo-data-grid-side-panel>
|
|
467
|
+
return html `
|
|
468
|
+
<mo-data-grid-side-panel
|
|
469
|
+
.dataGrid=${this}
|
|
470
|
+
tab=${ifDefined(this.sidePanelTab)}
|
|
471
|
+
>
|
|
472
|
+
<slot slot='settings' name='settings'>${this.settingsDefaultTemplate}</slot>
|
|
473
|
+
<slot slot='filter' name='filter'>${this.filtersDefaultTemplate}</slot>
|
|
474
|
+
</mo-data-grid-side-panel>
|
|
475
475
|
`;
|
|
476
476
|
}
|
|
477
477
|
get settingsDefaultTemplate() {
|
|
@@ -493,47 +493,47 @@ let DataGrid = class DataGrid extends Component {
|
|
|
493
493
|
// These also update the respective attributes for now
|
|
494
494
|
this.hasSums;
|
|
495
495
|
this.hasFabs;
|
|
496
|
-
return html `
|
|
497
|
-
<slot name='fab' @slotchange=${() => { this.hasSums; this.hasFabs; }}></slot>
|
|
496
|
+
return html `
|
|
497
|
+
<slot name='fab' @slotchange=${() => { this.hasSums; this.hasFabs; }}></slot>
|
|
498
498
|
`;
|
|
499
499
|
}
|
|
500
500
|
get contentTemplate() {
|
|
501
501
|
return !this.data.length ? this.noContentTemplate : this.rowsTemplate;
|
|
502
502
|
}
|
|
503
503
|
get noContentTemplate() {
|
|
504
|
-
return html `
|
|
505
|
-
<slot name='error-no-content'>
|
|
506
|
-
<mo-empty-state icon='youtube_searched_for'>${t('No results')}</mo-empty-state>
|
|
507
|
-
</slot>
|
|
504
|
+
return html `
|
|
505
|
+
<slot name='error-no-content'>
|
|
506
|
+
<mo-empty-state icon='youtube_searched_for'>${t('No results')}</mo-empty-state>
|
|
507
|
+
</slot>
|
|
508
508
|
`;
|
|
509
509
|
}
|
|
510
510
|
get dataGridTemplate() {
|
|
511
511
|
this.toggleAttribute('hasDetails', this.hasDetails);
|
|
512
|
-
return html `
|
|
513
|
-
<mo-grid rows='* auto' ${style({ position: 'relative', height: '100%' })}>
|
|
514
|
-
<mo-scroller
|
|
515
|
-
${style({ minHeight: 'var(--mo-data-grid-content-min-height, var(--_content-min-height-default))' })}
|
|
516
|
-
@scroll=${this.handleScroll}
|
|
517
|
-
>
|
|
518
|
-
<mo-grid id='content' autoRows='min-content' columns='var(--mo-data-grid-columns)'>
|
|
519
|
-
${this.headerTemplate}
|
|
520
|
-
${this.contentTemplate}
|
|
521
|
-
</mo-grid>
|
|
522
|
-
</mo-scroller>
|
|
523
|
-
${this.footerTemplate}
|
|
524
|
-
</mo-grid>
|
|
512
|
+
return html `
|
|
513
|
+
<mo-grid rows='* auto' ${style({ position: 'relative', height: '100%' })}>
|
|
514
|
+
<mo-scroller
|
|
515
|
+
${style({ minHeight: 'var(--mo-data-grid-content-min-height, var(--_content-min-height-default))' })}
|
|
516
|
+
@scroll=${this.handleScroll}
|
|
517
|
+
>
|
|
518
|
+
<mo-grid id='content' autoRows='min-content' columns='var(--mo-data-grid-columns)'>
|
|
519
|
+
${this.headerTemplate}
|
|
520
|
+
${this.contentTemplate}
|
|
521
|
+
</mo-grid>
|
|
522
|
+
</mo-scroller>
|
|
523
|
+
${this.footerTemplate}
|
|
524
|
+
</mo-grid>
|
|
525
525
|
`;
|
|
526
526
|
}
|
|
527
527
|
get headerTemplate() {
|
|
528
|
-
return this.headerHidden ? html.nothing : html `
|
|
529
|
-
<mo-data-grid-header .dataGrid=${this}></mo-data-grid-header>
|
|
528
|
+
return this.headerHidden ? html.nothing : html `
|
|
529
|
+
<mo-data-grid-header .dataGrid=${this}></mo-data-grid-header>
|
|
530
530
|
`;
|
|
531
531
|
}
|
|
532
532
|
get rowsTemplate() {
|
|
533
533
|
// Do not use the data-record or data as the key as it leads to UI flickering
|
|
534
|
-
return html `
|
|
535
|
-
${this.hiddenSizeAnchorRowTemplate}
|
|
536
|
-
${repeat(this.renderDataRecords, record => record.index, (record, index) => this.getRowTemplate(record, index))}
|
|
534
|
+
return html `
|
|
535
|
+
${this.hiddenSizeAnchorRowTemplate}
|
|
536
|
+
${repeat(this.renderDataRecords, record => record.index, (record, index) => this.getRowTemplate(record, index))}
|
|
537
537
|
`;
|
|
538
538
|
}
|
|
539
539
|
/**
|
|
@@ -558,74 +558,72 @@ let DataGrid = class DataGrid extends Component {
|
|
|
558
558
|
.map(dr => column.getContentTemplate?.(KeyPath.get(dr.data, column.dataSelector), dr.data) ?? html.nothing)
|
|
559
559
|
.reduce((longest, current) => (getLength(current) > getLength(longest)) || false ? current : longest, html.nothing);
|
|
560
560
|
};
|
|
561
|
-
return html `
|
|
562
|
-
<style>
|
|
563
|
-
#size-anchor {
|
|
564
|
-
display: grid;
|
|
565
|
-
grid-template-columns: subgrid;
|
|
566
|
-
grid-column:
|
|
567
|
-
font-size: var(--mo-data-grid-cell-font-size);
|
|
568
|
-
height: 0;
|
|
569
|
-
visibility: hidden;
|
|
570
|
-
opacity: 0;
|
|
571
|
-
|
|
572
|
-
div {
|
|
573
|
-
user-select: none;
|
|
574
|
-
white-space: nowrap;
|
|
575
|
-
overflow: hidden;
|
|
576
|
-
text-overflow: ellipsis;
|
|
577
|
-
padding-inline: var(--mo-data-grid-cell-padding);
|
|
578
|
-
margin-inline-start: calc(var(--_max-level, 0) * var(--mo-data-grid-column-sub-row-indentation, 20px))
|
|
579
|
-
}
|
|
580
|
-
}
|
|
581
|
-
</style>
|
|
582
|
-
<div id='size-anchor'>
|
|
583
|
-
${
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
`)}
|
|
590
|
-
</div>
|
|
561
|
+
return html `
|
|
562
|
+
<style>
|
|
563
|
+
#size-anchor {
|
|
564
|
+
display: grid;
|
|
565
|
+
grid-template-columns: subgrid;
|
|
566
|
+
grid-column: data / end;
|
|
567
|
+
font-size: var(--mo-data-grid-cell-font-size);
|
|
568
|
+
height: 0;
|
|
569
|
+
visibility: hidden;
|
|
570
|
+
opacity: 0;
|
|
571
|
+
|
|
572
|
+
div {
|
|
573
|
+
user-select: none;
|
|
574
|
+
white-space: nowrap;
|
|
575
|
+
overflow: hidden;
|
|
576
|
+
text-overflow: ellipsis;
|
|
577
|
+
padding-inline: var(--mo-data-grid-cell-padding);
|
|
578
|
+
margin-inline-start: calc(var(--_max-level, 0) * var(--mo-data-grid-column-sub-row-indentation, 20px))
|
|
579
|
+
}
|
|
580
|
+
}
|
|
581
|
+
</style>
|
|
582
|
+
<div id='size-anchor'>
|
|
583
|
+
${this.visibleColumns.map(column => html `
|
|
584
|
+
<div style='--_max-level: ${Math.max(...this.dataRecords.map(dr => dr.level))}'>
|
|
585
|
+
${getLongestContent(column)}
|
|
586
|
+
</div>
|
|
587
|
+
`)}
|
|
588
|
+
</div>
|
|
591
589
|
`;
|
|
592
590
|
}
|
|
593
591
|
getRowTemplate(dataRecord, index = 0) {
|
|
594
|
-
return staticHtml `
|
|
595
|
-
<${this.rowElementTag} part='row'
|
|
596
|
-
.dataRecord=${dataRecord}
|
|
597
|
-
?data-has-alternating-background=${this.hasAlternatingBackground && index % 2 === 1}
|
|
598
|
-
></${this.rowElementTag}>
|
|
592
|
+
return staticHtml `
|
|
593
|
+
<${this.rowElementTag} part='row'
|
|
594
|
+
.dataRecord=${dataRecord}
|
|
595
|
+
?data-has-alternating-background=${this.hasAlternatingBackground && index % 2 === 1}
|
|
596
|
+
></${this.rowElementTag}>
|
|
599
597
|
`;
|
|
600
598
|
}
|
|
601
599
|
get footerTemplate() {
|
|
602
|
-
return html `
|
|
603
|
-
<mo-flex ${style({ position: 'relative' })}>
|
|
604
|
-
<mo-flex id='fab' direction='vertical-reversed' gap='0.5rem'>
|
|
605
|
-
${this.fabTemplate}
|
|
606
|
-
</mo-flex>
|
|
607
|
-
${this.hasFooter === false ? html.nothing : html `
|
|
608
|
-
<mo-data-grid-footer .dataGrid=${this} page=${this.page}>
|
|
609
|
-
<slot name='sum' slot='sum'>${this.sumDefaultTemplate}</slot>
|
|
610
|
-
</mo-data-grid-footer>
|
|
611
|
-
`}
|
|
612
|
-
</mo-flex>
|
|
600
|
+
return html `
|
|
601
|
+
<mo-flex ${style({ position: 'relative' })}>
|
|
602
|
+
<mo-flex id='fab' direction='vertical-reversed' gap='0.5rem'>
|
|
603
|
+
${this.fabTemplate}
|
|
604
|
+
</mo-flex>
|
|
605
|
+
${this.hasFooter === false ? html.nothing : html `
|
|
606
|
+
<mo-data-grid-footer .dataGrid=${this} page=${this.page}>
|
|
607
|
+
<slot name='sum' slot='sum'>${this.sumDefaultTemplate}</slot>
|
|
608
|
+
</mo-data-grid-footer>
|
|
609
|
+
`}
|
|
610
|
+
</mo-flex>
|
|
613
611
|
`;
|
|
614
612
|
}
|
|
615
613
|
get sumsTemplate() {
|
|
616
|
-
return html `
|
|
617
|
-
${this.columns.map(c => c.sumTemplate)}
|
|
614
|
+
return html `
|
|
615
|
+
${this.columns.map(c => c.sumTemplate)}
|
|
618
616
|
`;
|
|
619
617
|
}
|
|
620
618
|
get toolbarTemplate() {
|
|
621
|
-
return this.hasToolbar === false ? html.nothing : html `
|
|
622
|
-
<mo-flex id='toolbar' direction='horizontal' gap='8px' wrap='wrap' alignItems='center'>
|
|
623
|
-
<slot name='toolbar'>${this.toolbarDefaultTemplate}</slot>
|
|
624
|
-
<mo-flex id='actions' direction='horizontal' gap='8px' alignContent='center'>
|
|
625
|
-
<slot name='toolbar-action'>${this.toolbarActionDefaultTemplate}</slot>
|
|
626
|
-
${this.toolbarActionsTemplate}
|
|
627
|
-
</mo-flex>
|
|
628
|
-
</mo-flex>
|
|
619
|
+
return this.hasToolbar === false ? html.nothing : html `
|
|
620
|
+
<mo-flex id='toolbar' direction='horizontal' gap='8px' wrap='wrap' alignItems='center'>
|
|
621
|
+
<slot name='toolbar'>${this.toolbarDefaultTemplate}</slot>
|
|
622
|
+
<mo-flex id='actions' direction='horizontal' gap='8px' alignContent='center'>
|
|
623
|
+
<slot name='toolbar-action'>${this.toolbarActionDefaultTemplate}</slot>
|
|
624
|
+
${this.toolbarActionsTemplate}
|
|
625
|
+
</mo-flex>
|
|
626
|
+
</mo-flex>
|
|
629
627
|
`;
|
|
630
628
|
}
|
|
631
629
|
get toolbarDefaultTemplate() {
|
|
@@ -638,20 +636,20 @@ let DataGrid = class DataGrid extends Component {
|
|
|
638
636
|
return html.nothing;
|
|
639
637
|
}
|
|
640
638
|
get toolbarActionsTemplate() {
|
|
641
|
-
return html `
|
|
642
|
-
${!this.hasFilters ? html.nothing : html `
|
|
643
|
-
<mo-icon-button icon='filter_list'
|
|
644
|
-
${tooltip(t('More Filters'))}
|
|
645
|
-
?data-selected=${this.sidePanelTab === DataGridSidePanelTab.Filters}
|
|
646
|
-
@click=${() => this.navigateToSidePanelTab(this.sidePanelTab === DataGridSidePanelTab.Filters ? undefined : DataGridSidePanelTab.Filters)}
|
|
647
|
-
></mo-icon-button>
|
|
648
|
-
`}
|
|
649
|
-
|
|
650
|
-
<mo-icon-button icon='settings'
|
|
651
|
-
${tooltip(t('Settings'))}
|
|
652
|
-
?data-selected=${this.sidePanelTab === DataGridSidePanelTab.Settings}
|
|
653
|
-
@click=${() => this.navigateToSidePanelTab(this.sidePanelTab === DataGridSidePanelTab.Settings ? undefined : DataGridSidePanelTab.Settings)}
|
|
654
|
-
></mo-icon-button>
|
|
639
|
+
return html `
|
|
640
|
+
${!this.hasFilters ? html.nothing : html `
|
|
641
|
+
<mo-icon-button icon='filter_list'
|
|
642
|
+
${tooltip(t('More Filters'))}
|
|
643
|
+
?data-selected=${this.sidePanelTab === DataGridSidePanelTab.Filters}
|
|
644
|
+
@click=${() => this.navigateToSidePanelTab(this.sidePanelTab === DataGridSidePanelTab.Filters ? undefined : DataGridSidePanelTab.Filters)}
|
|
645
|
+
></mo-icon-button>
|
|
646
|
+
`}
|
|
647
|
+
|
|
648
|
+
<mo-icon-button icon='settings'
|
|
649
|
+
${tooltip(t('Settings'))}
|
|
650
|
+
?data-selected=${this.sidePanelTab === DataGridSidePanelTab.Settings}
|
|
651
|
+
@click=${() => this.navigateToSidePanelTab(this.sidePanelTab === DataGridSidePanelTab.Settings ? undefined : DataGridSidePanelTab.Settings)}
|
|
652
|
+
></mo-icon-button>
|
|
655
653
|
`;
|
|
656
654
|
}
|
|
657
655
|
handleScroll(e) {
|
package/dist/DataGridColumn.js
CHANGED
|
@@ -5,7 +5,7 @@ export declare class DataGridColumnHeader extends Component {
|
|
|
5
5
|
column: DataGridColumn<unknown>;
|
|
6
6
|
menuOpen: boolean;
|
|
7
7
|
static get styles(): import("@a11d/lit").CSSResult;
|
|
8
|
-
readonly resizeController: ResizeController<
|
|
8
|
+
readonly resizeController: ResizeController<number>;
|
|
9
9
|
get template(): HTMLTemplateResult;
|
|
10
10
|
private get contentTemplate();
|
|
11
11
|
private get sortingTemplate();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridColumnHeader.d.ts","sourceRoot":"","sources":["../DataGridColumnHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAA+C,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAGjH,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAczD,qBACa,oBAAqB,SAAQ,SAAS;IACtB,MAAM,EAAG,cAAc,CAAC,OAAO,CAAC,CAAA;IAChB,QAAQ,UAAQ;IAE5D,WAAoB,MAAM,
|
|
1
|
+
{"version":3,"file":"DataGridColumnHeader.d.ts","sourceRoot":"","sources":["../DataGridColumnHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAA+C,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAGjH,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAczD,qBACa,oBAAqB,SAAQ,SAAS;IACtB,MAAM,EAAG,cAAc,CAAC,OAAO,CAAC,CAAA;IAChB,QAAQ,UAAQ;IAE5D,WAAoB,MAAM,kCAoHzB;IAED,QAAQ,CAAC,gBAAgB,2BAEvB;IAEF,IAAa,QAAQ,uBA4BpB;IAED,OAAO,KAAK,eAAe,GAO1B;IAED,OAAO,KAAK,eAAe,GAU1B;IAED,OAAO,KAAK,YAAY,GAiBvB;IAED,OAAO,CAAC,uBAAuB;IAiB/B,OAAO,CAAC,0BAA0B;IAmBlC,OAAO,CAAC,oBAAoB;IAS5B,OAAO,KAAK,iBAAiB,GAa5B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,4BAA4B,EAAE,oBAAoB,CAAA;KAClD;CACD"}
|