overview-components 1.1.172 → 1.1.174
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/components/lit-data-grid-tanstack.d.ts +2 -1
- package/dist/components/lit-data-grid-tanstack.d.ts.map +1 -1
- package/dist/components/lit-data-grid-tanstack.js +153 -125
- package/dist/components/lit-data-grid-tanstack.js.map +1 -1
- package/dist/shared/icon-svg.d.ts +13 -0
- package/dist/shared/icon-svg.d.ts.map +1 -0
- package/dist/shared/icon-svg.js +77 -0
- package/dist/shared/icon-svg.js.map +1 -0
- package/dist/shared/lit-data-grid-density-popover.d.ts +6 -3
- package/dist/shared/lit-data-grid-density-popover.d.ts.map +1 -1
- package/dist/shared/lit-data-grid-density-popover.js +52 -30
- package/dist/shared/lit-data-grid-density-popover.js.map +1 -1
- package/dist/shared/lit-data-grid-export-popover.d.ts +6 -3
- package/dist/shared/lit-data-grid-export-popover.d.ts.map +1 -1
- package/dist/shared/lit-data-grid-export-popover.js +45 -21
- package/dist/shared/lit-data-grid-export-popover.js.map +1 -1
- package/dist/shared/lit-data-grid-operators-popover.d.ts +5 -6
- package/dist/shared/lit-data-grid-operators-popover.d.ts.map +1 -1
- package/dist/shared/lit-data-grid-operators-popover.js +40 -38
- package/dist/shared/lit-data-grid-operators-popover.js.map +1 -1
- package/dist/shared/lit-data-grid-row-actions.d.ts +19 -14
- package/dist/shared/lit-data-grid-row-actions.d.ts.map +1 -1
- package/dist/shared/lit-data-grid-row-actions.js +133 -43
- package/dist/shared/lit-data-grid-row-actions.js.map +1 -1
- package/dist/shared/lit-icon-button.d.ts +0 -1
- package/dist/shared/lit-icon-button.d.ts.map +1 -1
- package/dist/shared/lit-icon-button.js +6 -7
- package/dist/shared/lit-icon-button.js.map +1 -1
- package/dist/shared/lit-menu-item.d.ts +0 -1
- package/dist/shared/lit-menu-item.d.ts.map +1 -1
- package/dist/shared/lit-menu-item.js +5 -6
- package/dist/shared/lit-menu-item.js.map +1 -1
- package/dist/shared/lit-overflow-tooltip.d.ts.map +1 -1
- package/dist/shared/lit-overflow-tooltip.js +1 -6
- package/dist/shared/lit-overflow-tooltip.js.map +1 -1
- package/dist/shared/simple-popper.d.ts +23 -1
- package/dist/shared/simple-popper.d.ts.map +1 -1
- package/dist/shared/simple-popper.js +51 -0
- package/dist/shared/simple-popper.js.map +1 -1
- package/dist/shared/simple-tooltip.d.ts +2 -0
- package/dist/shared/simple-tooltip.d.ts.map +1 -1
- package/dist/shared/simple-tooltip.js +106 -5
- package/dist/shared/simple-tooltip.js.map +1 -1
- package/package.json +1 -1
|
@@ -15,7 +15,6 @@ import '../shared/lit-loading-bar.js';
|
|
|
15
15
|
import '../shared/lit-data-grid-row-actions.js';
|
|
16
16
|
import '../shared/simple-tooltip.js';
|
|
17
17
|
import '../shared/lit-checkbox.js';
|
|
18
|
-
import '../shared/lit-overflow-tooltip.js';
|
|
19
18
|
import '../shared/lit-document-thumbnail.js';
|
|
20
19
|
import './components-settings/data-grid-settings.js';
|
|
21
20
|
import { litDataGridTanstackColumnSchema, litDataGridTanstackColumnCustomFilterSchema, litDataGridTanstackSchema } from '../schemas/index.js';
|
|
@@ -153,6 +152,7 @@ export declare class LitDataGridTanstack extends LitElement {
|
|
|
153
152
|
private lastSelectedIndex;
|
|
154
153
|
tableBody: HTMLDivElement;
|
|
155
154
|
_container: HTMLElement;
|
|
155
|
+
private settingsReference?;
|
|
156
156
|
private getLocaleLang;
|
|
157
157
|
get rows(): any[];
|
|
158
158
|
get getColumns(): Column[];
|
|
@@ -192,6 +192,7 @@ export declare class LitDataGridTanstack extends LitElement {
|
|
|
192
192
|
handleGetTotalNumber(): void;
|
|
193
193
|
private toggleCustomPopover;
|
|
194
194
|
private closePopover;
|
|
195
|
+
private renderColumnSettingsContent;
|
|
195
196
|
private toggleColumn;
|
|
196
197
|
private onSettingsChangedCallback;
|
|
197
198
|
static styles: import("lit").CSSResult[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lit-data-grid-tanstack.d.ts","sourceRoot":"","sources":["../../src/components/lit-data-grid-tanstack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAcH,YAAY,EACZ,eAAe,EAClB,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,4BAA4B,CAAC;AACpC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,8BAA8B,CAAC;AACtC,OAAO,yBAAyB,CAAC;AACjC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,2CAA2C,CAAC;AACnD,OAAO,mDAAmD,CAAC;AAC3D,OAAO,qCAAqC,CAAC;AAC7C,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AACtC,OAAO,wCAAwC,CAAC;AAChD,OAAO,6BAA6B,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,
|
|
1
|
+
{"version":3,"file":"lit-data-grid-tanstack.d.ts","sourceRoot":"","sources":["../../src/components/lit-data-grid-tanstack.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,6 @@ import '../shared/lit-loading-bar.js';
|
|
|
29
29
|
import '../shared/lit-data-grid-row-actions.js';
|
|
30
30
|
import '../shared/simple-tooltip.js';
|
|
31
31
|
import '../shared/lit-checkbox.js';
|
|
32
|
-
import '../shared/lit-overflow-tooltip.js';
|
|
33
32
|
import '../shared/lit-document-thumbnail.js';
|
|
34
33
|
import './components-settings/data-grid-settings.js';
|
|
35
34
|
// utils
|
|
@@ -38,7 +37,9 @@ import { formatCurrency, formatDecimal } from '../utils/formatNumber.js';
|
|
|
38
37
|
import { dateFilterFn, multiselectFilterFn, dateRangeFilterFn } from '../utils/custom-filters.js';
|
|
39
38
|
import { setLocale, getLocale, LOCALE_LANGS } from '../utils/localization.js';
|
|
40
39
|
import { getOperatorsByColumnType } from '../utils/getOperatorByType.js';
|
|
41
|
-
import { tooltip } from '../shared/simple-tooltip.js';
|
|
40
|
+
import { tooltip, overflowTooltip } from '../shared/simple-tooltip.js';
|
|
41
|
+
import { openSharedPopper, closeSharedPopper, isSharedPopperOpenFor, renderSharedPopperContent, } from '../shared/simple-popper.js';
|
|
42
|
+
import { renderIcon } from '../shared/icon-svg.js';
|
|
42
43
|
export class LitDataGridTanstack extends LitElement {
|
|
43
44
|
constructor() {
|
|
44
45
|
super(...arguments);
|
|
@@ -185,6 +186,8 @@ export class LitDataGridTanstack extends LitElement {
|
|
|
185
186
|
if (this.resizeTimeout) {
|
|
186
187
|
clearTimeout(this.resizeTimeout);
|
|
187
188
|
}
|
|
189
|
+
// Close the column-settings menu if this grid currently owns the shared popper.
|
|
190
|
+
closeSharedPopper(this.settingsReference);
|
|
188
191
|
}
|
|
189
192
|
updated(changedProperties) {
|
|
190
193
|
if (changedProperties.has('userLang')) {
|
|
@@ -229,6 +232,13 @@ export class LitDataGridTanstack extends LitElement {
|
|
|
229
232
|
// Use setTimeout to ensure DOM is updated
|
|
230
233
|
setTimeout(() => this._maybeTriggerScrollEnd(), 100);
|
|
231
234
|
}
|
|
235
|
+
// The column-settings menu is rendered imperatively into the shared
|
|
236
|
+
// popper; keep it in sync with search text / column visibility while open.
|
|
237
|
+
if (this.isOpen && this.settingsReference) {
|
|
238
|
+
renderSharedPopperContent(this.settingsReference, this.renderColumnSettingsContent(), {
|
|
239
|
+
host: this,
|
|
240
|
+
});
|
|
241
|
+
}
|
|
232
242
|
}
|
|
233
243
|
firstUpdated() {
|
|
234
244
|
const grid = this.tableContainerRef.value;
|
|
@@ -870,11 +880,96 @@ export class LitDataGridTanstack extends LitElement {
|
|
|
870
880
|
this.getTotalNumberFn();
|
|
871
881
|
}
|
|
872
882
|
}
|
|
873
|
-
toggleCustomPopover() {
|
|
874
|
-
|
|
883
|
+
async toggleCustomPopover() {
|
|
884
|
+
await this.updateComplete;
|
|
885
|
+
if (!this.settingsReference)
|
|
886
|
+
return;
|
|
887
|
+
if (isSharedPopperOpenFor(this.settingsReference)) {
|
|
888
|
+
this.closePopover();
|
|
889
|
+
return;
|
|
890
|
+
}
|
|
891
|
+
this.isOpen = true;
|
|
892
|
+
openSharedPopper({
|
|
893
|
+
target: this.settingsReference,
|
|
894
|
+
placement: 'top-end',
|
|
895
|
+
content: this.renderColumnSettingsContent(),
|
|
896
|
+
onClose: () => {
|
|
897
|
+
this.isOpen = false;
|
|
898
|
+
},
|
|
899
|
+
renderOptions: { host: this },
|
|
900
|
+
});
|
|
875
901
|
}
|
|
876
902
|
closePopover() {
|
|
877
903
|
this.isOpen = false;
|
|
904
|
+
closeSharedPopper(this.settingsReference);
|
|
905
|
+
}
|
|
906
|
+
// Searchable column-visibility menu shown in the shared popper. Rendered
|
|
907
|
+
// imperatively, so updated() re-renders it while open to reflect search /
|
|
908
|
+
// checkbox changes.
|
|
909
|
+
renderColumnSettingsContent() {
|
|
910
|
+
const filteredColumns = this.columns?.filter((col) => {
|
|
911
|
+
const name = col[`headerName_${this.userLang}`] ||
|
|
912
|
+
col.headerName ||
|
|
913
|
+
col.field;
|
|
914
|
+
return name.toLowerCase().includes(this.filterText);
|
|
915
|
+
}) || [];
|
|
916
|
+
return html `
|
|
917
|
+
<div class="popper-input" style="position: sticky; top: 0; z-index: 1;">
|
|
918
|
+
<lit-input
|
|
919
|
+
.value=${this.filterText}
|
|
920
|
+
.onInput=${(value) => {
|
|
921
|
+
this.filterText = value?.toLowerCase?.() || '';
|
|
922
|
+
}}
|
|
923
|
+
.onClear=${() => {
|
|
924
|
+
this.filterText = '';
|
|
925
|
+
}}
|
|
926
|
+
placeholder="${msg('Zadejte název sloupce')}"
|
|
927
|
+
></lit-input>
|
|
928
|
+
</div>
|
|
929
|
+
<lit-menu tabindex="0">
|
|
930
|
+
${this.columns
|
|
931
|
+
.filter((col) => {
|
|
932
|
+
const name = col?.headerName?.toLowerCase() || col?.field.toLowerCase();
|
|
933
|
+
return name.includes(this.filterText);
|
|
934
|
+
})
|
|
935
|
+
.sort((a, b) => {
|
|
936
|
+
const aUnderscore = a.field.startsWith('_');
|
|
937
|
+
const bUnderscore = b.field.startsWith('_');
|
|
938
|
+
if (aUnderscore && !bUnderscore)
|
|
939
|
+
return 1;
|
|
940
|
+
if (!aUnderscore && bUnderscore)
|
|
941
|
+
return -1;
|
|
942
|
+
return (a.headerName || a.field).localeCompare(b.headerName || b.field);
|
|
943
|
+
})
|
|
944
|
+
.map((col) => html `
|
|
945
|
+
<lit-menu-item
|
|
946
|
+
.onClick=${() => this.toggleColumn(col?.field)}
|
|
947
|
+
.isActive=${!(this.columnVisibility?.[col?.field] === false)}
|
|
948
|
+
>
|
|
949
|
+
<span class="menu-item--multiple">
|
|
950
|
+
<lit-checkbox
|
|
951
|
+
class="cursor"
|
|
952
|
+
.checked=${!(this.columnVisibility?.[col?.field] === false)}
|
|
953
|
+
></lit-checkbox>
|
|
954
|
+
${col?.headerName || col?.field}
|
|
955
|
+
</span>
|
|
956
|
+
</lit-menu-item>
|
|
957
|
+
`)}
|
|
958
|
+
</lit-menu>
|
|
959
|
+
|
|
960
|
+
${isEqual(filteredColumns.length, 0)
|
|
961
|
+
? html `
|
|
962
|
+
<div
|
|
963
|
+
style="display: flex; flex-direction: column; align-items: center; padding: 1rem;"
|
|
964
|
+
>
|
|
965
|
+
<div style="max-height: 6rem; max-width: 6rem;">
|
|
966
|
+
<not-found></not-found>
|
|
967
|
+
</div>
|
|
968
|
+
<div>${msg('Nenalezeno')}</div>
|
|
969
|
+
</div>
|
|
970
|
+
`
|
|
971
|
+
: null}
|
|
972
|
+
`;
|
|
878
973
|
}
|
|
879
974
|
toggleColumn(field) {
|
|
880
975
|
this.columnVisibility = {
|
|
@@ -956,12 +1051,6 @@ export class LitDataGridTanstack extends LitElement {
|
|
|
956
1051
|
this.focusedRowIndex = 0;
|
|
957
1052
|
}
|
|
958
1053
|
render() {
|
|
959
|
-
const filteredColumns = this.columns?.filter((col) => {
|
|
960
|
-
const name = (col[`headerName_${this.userLang}`] ||
|
|
961
|
-
col.headerName ||
|
|
962
|
-
col.field).toLowerCase();
|
|
963
|
-
return name.includes(this.filterText);
|
|
964
|
-
}) || [];
|
|
965
1054
|
// checbox column for multiple selection
|
|
966
1055
|
const checkboxColumn = this.enableMultiRowSelection
|
|
967
1056
|
? [
|
|
@@ -1396,17 +1485,18 @@ export class LitDataGridTanstack extends LitElement {
|
|
|
1396
1485
|
class="column-header"
|
|
1397
1486
|
@click=${header.column.getToggleSortingHandler()}
|
|
1398
1487
|
>
|
|
1399
|
-
<
|
|
1400
|
-
|
|
1488
|
+
<span
|
|
1489
|
+
class="overflow-cell"
|
|
1490
|
+
${overflowTooltip(flexRender(header
|
|
1401
1491
|
.column
|
|
1402
1492
|
.columnDef
|
|
1403
|
-
.header, header.getContext())}
|
|
1493
|
+
.header, header.getContext()), 'top')}
|
|
1404
1494
|
>
|
|
1405
1495
|
${flexRender(header
|
|
1406
1496
|
.column
|
|
1407
1497
|
.columnDef
|
|
1408
1498
|
.header, header.getContext())}
|
|
1409
|
-
</
|
|
1499
|
+
</span>
|
|
1410
1500
|
</div>
|
|
1411
1501
|
|
|
1412
1502
|
<div
|
|
@@ -1418,32 +1508,35 @@ export class LitDataGridTanstack extends LitElement {
|
|
|
1418
1508
|
'asc'
|
|
1419
1509
|
? html `<slot
|
|
1420
1510
|
name="iconSortUp"
|
|
1421
|
-
><
|
|
1511
|
+
><span
|
|
1422
1512
|
class="cursor"
|
|
1423
1513
|
@click=${header.column.getToggleSortingHandler()}
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1514
|
+
>${renderIcon('chevronUpFilled', {
|
|
1515
|
+
size: '0.75rem',
|
|
1516
|
+
})}</span
|
|
1517
|
+
></slot
|
|
1518
|
+
>`
|
|
1428
1519
|
: html `<slot
|
|
1429
1520
|
name="iconSortDown"
|
|
1430
1521
|
>
|
|
1431
|
-
<
|
|
1522
|
+
<span
|
|
1432
1523
|
class="cursor"
|
|
1433
1524
|
@click=${header.column.getToggleSortingHandler()}
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1525
|
+
>${renderIcon('chevronDownFilled', {
|
|
1526
|
+
size: '0.75rem',
|
|
1527
|
+
})}</span
|
|
1528
|
+
>
|
|
1437
1529
|
</slot>`
|
|
1438
1530
|
: html `<div
|
|
1439
1531
|
class="sortFilled"
|
|
1440
1532
|
>
|
|
1441
|
-
<
|
|
1533
|
+
<span
|
|
1442
1534
|
class="cursor"
|
|
1443
1535
|
@click=${header.column.getToggleSortingHandler()}
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1536
|
+
>${renderIcon('sortFilled', {
|
|
1537
|
+
size: '0.75rem',
|
|
1538
|
+
})}</span
|
|
1539
|
+
>
|
|
1447
1540
|
</div>`
|
|
1448
1541
|
: html `<div></div>`}
|
|
1449
1542
|
<div class="flex">
|
|
@@ -1505,10 +1598,9 @@ export class LitDataGridTanstack extends LitElement {
|
|
|
1505
1598
|
? html `<div
|
|
1506
1599
|
class="drag-handle"
|
|
1507
1600
|
>
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
></lit-icon>
|
|
1601
|
+
${renderIcon('hamburger', {
|
|
1602
|
+
size: '1rem',
|
|
1603
|
+
})}
|
|
1512
1604
|
</div>
|
|
1513
1605
|
<simple-tooltip
|
|
1514
1606
|
placement="bottom"
|
|
@@ -1697,18 +1789,20 @@ export class LitDataGridTanstack extends LitElement {
|
|
|
1697
1789
|
? html `<div
|
|
1698
1790
|
class="grouped-column"
|
|
1699
1791
|
>
|
|
1700
|
-
<
|
|
1792
|
+
<span
|
|
1701
1793
|
class="grouped-column--icon-button"
|
|
1702
|
-
|
|
1703
|
-
icon="${row.getIsExpanded()
|
|
1794
|
+
>${renderIcon(row.getIsExpanded()
|
|
1704
1795
|
? 'chevronDownFilled'
|
|
1705
|
-
: 'chevron'
|
|
1706
|
-
|
|
1796
|
+
: 'chevron', {
|
|
1797
|
+
size: '1.25rem',
|
|
1798
|
+
})}</span
|
|
1799
|
+
>
|
|
1707
1800
|
<div
|
|
1708
1801
|
class="grouped-column--label"
|
|
1709
1802
|
>
|
|
1710
|
-
<
|
|
1711
|
-
|
|
1803
|
+
<span
|
|
1804
|
+
class="overflow-cell"
|
|
1805
|
+
${overflowTooltip(this.table.getColumn(cell
|
|
1712
1806
|
.column
|
|
1713
1807
|
.id)
|
|
1714
1808
|
?.columnDef
|
|
@@ -1718,7 +1812,7 @@ export class LitDataGridTanstack extends LitElement {
|
|
|
1718
1812
|
.id)
|
|
1719
1813
|
.columnDef
|
|
1720
1814
|
.cell, cell.getContext())
|
|
1721
|
-
: cell.getValue()}
|
|
1815
|
+
: cell.getValue(), 'top')}
|
|
1722
1816
|
>
|
|
1723
1817
|
${this.table.getColumn(cell
|
|
1724
1818
|
.column
|
|
@@ -1731,7 +1825,7 @@ export class LitDataGridTanstack extends LitElement {
|
|
|
1731
1825
|
.columnDef
|
|
1732
1826
|
.cell, cell.getContext())
|
|
1733
1827
|
: cell.getValue()}
|
|
1734
|
-
</
|
|
1828
|
+
</span>
|
|
1735
1829
|
</div>
|
|
1736
1830
|
<lit-pill
|
|
1737
1831
|
class="grouped-column--pill"
|
|
@@ -1763,18 +1857,18 @@ export class LitDataGridTanstack extends LitElement {
|
|
|
1763
1857
|
.column
|
|
1764
1858
|
.columnDef
|
|
1765
1859
|
.cell, cell.getContext())
|
|
1766
|
-
: html `<
|
|
1767
|
-
|
|
1768
|
-
|
|
1860
|
+
: html `<span
|
|
1861
|
+
class="overflow-cell"
|
|
1862
|
+
${overflowTooltip(flexRender(cell
|
|
1769
1863
|
.column
|
|
1770
1864
|
.columnDef
|
|
1771
|
-
.cell, cell.getContext())}
|
|
1865
|
+
.cell, cell.getContext()), 'right')}
|
|
1772
1866
|
>
|
|
1773
1867
|
${flexRender(cell
|
|
1774
1868
|
.column
|
|
1775
1869
|
.columnDef
|
|
1776
1870
|
.cell, cell.getContext())}
|
|
1777
|
-
</
|
|
1871
|
+
</span>`}
|
|
1778
1872
|
</td>
|
|
1779
1873
|
`;
|
|
1780
1874
|
})}
|
|
@@ -1860,6 +1954,7 @@ export class LitDataGridTanstack extends LitElement {
|
|
|
1860
1954
|
? html `
|
|
1861
1955
|
<div>
|
|
1862
1956
|
<lit-responsive-button
|
|
1957
|
+
class="settings-reference"
|
|
1863
1958
|
color="secondary"
|
|
1864
1959
|
variant="dashed"
|
|
1865
1960
|
label="${msg('Přiřadit sloupec')}"
|
|
@@ -1868,86 +1963,6 @@ export class LitDataGridTanstack extends LitElement {
|
|
|
1868
1963
|
@click="${this.toggleCustomPopover}"
|
|
1869
1964
|
></lit-responsive-button>
|
|
1870
1965
|
|
|
1871
|
-
<simple-popper
|
|
1872
|
-
.showing=${this.isOpen}
|
|
1873
|
-
.placement=${'top-end'}
|
|
1874
|
-
.manualOpening=${true}
|
|
1875
|
-
.maxWidthAsTarget=${false}
|
|
1876
|
-
.onClose=${() => this.closePopover()}
|
|
1877
|
-
>
|
|
1878
|
-
<div
|
|
1879
|
-
class="popper-input"
|
|
1880
|
-
style="position: sticky; top: 0; z-index: 1;"
|
|
1881
|
-
>
|
|
1882
|
-
<lit-input
|
|
1883
|
-
.value=${this.filterText}
|
|
1884
|
-
.onInput=${(value) => {
|
|
1885
|
-
this.filterText =
|
|
1886
|
-
value?.toLowerCase?.() ||
|
|
1887
|
-
'';
|
|
1888
|
-
}}
|
|
1889
|
-
.onClear=${() => {
|
|
1890
|
-
this.filterText = '';
|
|
1891
|
-
}}
|
|
1892
|
-
placeholder="${msg('Zadejte název sloupce')}"
|
|
1893
|
-
></lit-input>
|
|
1894
|
-
</div>
|
|
1895
|
-
<lit-menu tabindex="0">
|
|
1896
|
-
${this.columns
|
|
1897
|
-
.filter((col) => {
|
|
1898
|
-
const name = col?.headerName?.toLowerCase() ||
|
|
1899
|
-
col?.field.toLowerCase();
|
|
1900
|
-
return name.includes(this.filterText);
|
|
1901
|
-
})
|
|
1902
|
-
.sort((a, b) => {
|
|
1903
|
-
const aUnderscore = a.field.startsWith('_');
|
|
1904
|
-
const bUnderscore = b.field.startsWith('_');
|
|
1905
|
-
if (aUnderscore && !bUnderscore)
|
|
1906
|
-
return 1;
|
|
1907
|
-
if (!aUnderscore && bUnderscore)
|
|
1908
|
-
return -1;
|
|
1909
|
-
return (a.headerName || a.field).localeCompare(b.headerName || b.field);
|
|
1910
|
-
})
|
|
1911
|
-
.map((col) => html `
|
|
1912
|
-
<lit-menu-item
|
|
1913
|
-
.onClick=${() => this.toggleColumn(col?.field)}
|
|
1914
|
-
.isActive=${!(this
|
|
1915
|
-
.columnVisibility?.[col?.field] === false)}
|
|
1916
|
-
>
|
|
1917
|
-
<span
|
|
1918
|
-
class="menu-item--multiple"
|
|
1919
|
-
>
|
|
1920
|
-
<lit-checkbox
|
|
1921
|
-
class="cursor"
|
|
1922
|
-
.checked=${!(this
|
|
1923
|
-
.columnVisibility?.[col
|
|
1924
|
-
?.field] === false)}
|
|
1925
|
-
></lit-checkbox>
|
|
1926
|
-
${col?.headerName ||
|
|
1927
|
-
col?.field}
|
|
1928
|
-
</span>
|
|
1929
|
-
</lit-menu-item>
|
|
1930
|
-
`)}
|
|
1931
|
-
</lit-menu>
|
|
1932
|
-
|
|
1933
|
-
${isEqual(filteredColumns.length, 0)
|
|
1934
|
-
? html `
|
|
1935
|
-
<div
|
|
1936
|
-
style="display: flex; flex-direction: column; align-items: center; padding: 1rem;"
|
|
1937
|
-
>
|
|
1938
|
-
<div
|
|
1939
|
-
style="max-height: 6rem; max-width: 6rem;"
|
|
1940
|
-
>
|
|
1941
|
-
<not-found></not-found>
|
|
1942
|
-
</div>
|
|
1943
|
-
<div>
|
|
1944
|
-
${msg('Nenalezeno')}
|
|
1945
|
-
</div>
|
|
1946
|
-
</div>
|
|
1947
|
-
`
|
|
1948
|
-
: null}
|
|
1949
|
-
</simple-popper>
|
|
1950
|
-
|
|
1951
1966
|
<lit-icon-button
|
|
1952
1967
|
icon="administration"
|
|
1953
1968
|
@click="${this.toggleModal}"
|
|
@@ -2307,6 +2322,16 @@ LitDataGridTanstack.styles = [
|
|
|
2307
2322
|
.data-grid__empty-text {
|
|
2308
2323
|
color: var(--text-primary, #5d6371);
|
|
2309
2324
|
}
|
|
2325
|
+
/* Light-DOM overflow cell: replaces the per-cell <lit-overflow-tooltip>
|
|
2326
|
+
custom element. Same clipping behavior; the tooltip on overflow is
|
|
2327
|
+
provided by the shared singleton via the overflowTooltip directive. */
|
|
2328
|
+
.overflow-cell {
|
|
2329
|
+
display: block;
|
|
2330
|
+
width: 100%;
|
|
2331
|
+
overflow: hidden;
|
|
2332
|
+
text-overflow: ellipsis;
|
|
2333
|
+
white-space: nowrap;
|
|
2334
|
+
}
|
|
2310
2335
|
`,
|
|
2311
2336
|
];
|
|
2312
2337
|
__decorate([
|
|
@@ -2552,6 +2577,9 @@ __decorate([
|
|
|
2552
2577
|
__decorate([
|
|
2553
2578
|
query('.grid')
|
|
2554
2579
|
], LitDataGridTanstack.prototype, "_container", void 0);
|
|
2580
|
+
__decorate([
|
|
2581
|
+
query('.settings-reference')
|
|
2582
|
+
], LitDataGridTanstack.prototype, "settingsReference", void 0);
|
|
2555
2583
|
if (!window.customElements.get('lit-data-grid-tanstack')) {
|
|
2556
2584
|
window.customElements.define('lit-data-grid-tanstack', LitDataGridTanstack);
|
|
2557
2585
|
}
|