@3mo/data-grid 0.9.20-preview.6 → 0.10.0
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/CsvGenerator.d.ts +1 -4
- package/dist/CsvGenerator.d.ts.map +1 -1
- package/dist/CsvGenerator.js +23 -57
- package/dist/DataGrid.d.ts +2 -2
- package/dist/DataGrid.d.ts.map +1 -1
- package/dist/DataGrid.js +15 -57
- package/dist/DataGridColumn.d.ts +0 -3
- package/dist/DataGridColumn.d.ts.map +1 -1
- package/dist/DataGridColumn.js +0 -7
- package/dist/DataGridFooter.d.ts.map +1 -1
- package/dist/DataGridFooter.js +23 -6
- package/dist/DataGridPrimaryContextMenuItem.js +5 -5
- package/dist/columns/DataGridColumnBoolean.d.ts +0 -1
- package/dist/columns/DataGridColumnBoolean.d.ts.map +1 -1
- package/dist/columns/DataGridColumnBoolean.js +0 -3
- package/dist/columns/DataGridColumnComponent.d.ts +0 -3
- package/dist/columns/DataGridColumnComponent.d.ts.map +1 -1
- package/dist/columns/DataGridColumnComponent.js +0 -13
- package/dist/columns/DataGridColumnImage.d.ts +0 -2
- package/dist/columns/DataGridColumnImage.d.ts.map +1 -1
- package/dist/columns/DataGridColumnImage.js +5 -12
- package/dist/columns/date-time/DataGridColumnDate.d.ts +0 -1
- package/dist/columns/date-time/DataGridColumnDate.d.ts.map +1 -1
- package/dist/columns/date-time/DataGridColumnDate.js +0 -3
- package/dist/columns/date-time/DataGridColumnDateTime.d.ts +0 -1
- package/dist/columns/date-time/DataGridColumnDateTime.d.ts.map +1 -1
- package/dist/columns/date-time/DataGridColumnDateTime.js +0 -3
- package/dist/columns/number/DataGridColumnCurrency.d.ts +0 -3
- package/dist/columns/number/DataGridColumnCurrency.d.ts.map +1 -1
- package/dist/columns/number/DataGridColumnCurrency.js +0 -16
- package/dist/columns/number/DataGridColumnPercent.d.ts +0 -2
- package/dist/columns/number/DataGridColumnPercent.d.ts.map +1 -1
- package/dist/columns/number/DataGridColumnPercent.js +0 -6
- package/dist/custom-elements.json +4663 -12
- package/dist/excel.svg.d.ts +3 -0
- package/dist/excel.svg.d.ts.map +1 -0
- package/dist/excel.svg.js +48 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/CsvGenerator.d.ts
CHANGED
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import type { DataGrid } from './DataGrid.js';
|
|
2
2
|
export declare class CsvGenerator {
|
|
3
|
-
|
|
4
|
-
static fetchAll: <TData>(dataGrid: any) => Promise<Array<TData>>;
|
|
5
|
-
static escape: (value: string) => string;
|
|
6
|
-
static generate: <TData>(dataGrid: DataGrid<TData, any>, onProgress: (progress: number) => void) => Promise<void>;
|
|
3
|
+
static generate<TData>(dataGrid: DataGrid<TData, any>): void;
|
|
7
4
|
}
|
|
8
5
|
//# sourceMappingURL=CsvGenerator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CsvGenerator.d.ts","sourceRoot":"","sources":["../CsvGenerator.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,qBAAa,YAAY;IACxB,
|
|
1
|
+
{"version":3,"file":"CsvGenerator.d.ts","sourceRoot":"","sources":["../CsvGenerator.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,qBAAa,YAAY;IACxB,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC;CA0BrD"}
|
package/dist/CsvGenerator.js
CHANGED
|
@@ -1,60 +1,26 @@
|
|
|
1
|
-
var _a;
|
|
2
1
|
import { Downloader } from '@3mo/downloader';
|
|
3
2
|
export class CsvGenerator {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
3
|
+
static generate(dataGrid) {
|
|
4
|
+
const flattenedData = [...dataGrid['getFlattenedData']()];
|
|
5
|
+
const maxLevel = Math.max(...flattenedData.map(d => d.level));
|
|
6
|
+
const [firstHeading, ...restHeadings] = dataGrid.visibleColumns.map(c => c.heading);
|
|
7
|
+
const rows = [
|
|
8
|
+
[firstHeading, ...Array.from({ length: maxLevel }).fill(''), ...restHeadings],
|
|
9
|
+
...flattenedData.map(d => {
|
|
10
|
+
const nestedPadding = Array.from({ length: d.level }).fill('');
|
|
11
|
+
const childrenPadding = Array.from({ length: maxLevel - d.level }).fill('');
|
|
12
|
+
const [first, ...rest] = dataGrid.visibleColumns.flatMap(column => getValueByKeyPath(d.data, column.dataSelector));
|
|
13
|
+
return [
|
|
14
|
+
...nestedPadding,
|
|
15
|
+
first,
|
|
16
|
+
...childrenPadding,
|
|
17
|
+
...rest
|
|
18
|
+
];
|
|
19
|
+
})
|
|
20
|
+
];
|
|
21
|
+
const csv = rows.map(row => row.join(',')).join('\n');
|
|
22
|
+
// @ts-expect-error manifest can be undefined
|
|
23
|
+
const fileName = (globalThis.manifest?.short_name ?? '') + 'Export'.replace(/ /g, '_');
|
|
24
|
+
Downloader.download(`data:text/csv;charset=utf-8,${encodeURIComponent(csv)}`, `${fileName}.csv`);
|
|
25
25
|
}
|
|
26
|
-
|
|
27
|
-
};
|
|
28
|
-
CsvGenerator.generate = async (dataGrid, onProgress) => {
|
|
29
|
-
const flattenedData = [...dataGrid['getFlattenedData'](await _a.fetchAll(dataGrid))];
|
|
30
|
-
const maxLevel = Math.max(...flattenedData.map(d => d.level));
|
|
31
|
-
const [firstHeading, ...restHeadings] = dataGrid.visibleColumns
|
|
32
|
-
.flatMap(c => c.formatHeaderAsCsv().map(cell => _a.escape(cell)));
|
|
33
|
-
const rows = [
|
|
34
|
-
[firstHeading, ...Array.from({ length: maxLevel }).fill(firstHeading), ...restHeadings],
|
|
35
|
-
...flattenedData.map(d => {
|
|
36
|
-
const nestedPadding = Array.from({ length: d.level }).fill('');
|
|
37
|
-
const childrenPadding = Array.from({ length: maxLevel - d.level }).fill('');
|
|
38
|
-
const [first, ...rest] = dataGrid.visibleColumns
|
|
39
|
-
.flatMap((column, i, array) => {
|
|
40
|
-
onProgress((i + 1) / array.length);
|
|
41
|
-
const value = getValueByKeyPath(d.data, column.dataSelector);
|
|
42
|
-
return column.formatAsCsv(value, d.data).map(cell => _a.escape(String(cell)));
|
|
43
|
-
});
|
|
44
|
-
return [
|
|
45
|
-
...nestedPadding,
|
|
46
|
-
first,
|
|
47
|
-
...childrenPadding,
|
|
48
|
-
...rest
|
|
49
|
-
];
|
|
50
|
-
})
|
|
51
|
-
];
|
|
52
|
-
const csv = rows.map(row => row.join(',')).join('\n');
|
|
53
|
-
const now = new Date();
|
|
54
|
-
const fileName = [
|
|
55
|
-
'3MO',
|
|
56
|
-
document.title.split(' | ')[0]?.toLowerCase(),
|
|
57
|
-
`${now.getFullYear()}${now.getMonth()}${now.getDate()}${now.getHours()}${now.getMinutes()}${now.getSeconds()}`,
|
|
58
|
-
].filter(Boolean).join('_');
|
|
59
|
-
Downloader.download(`data:text/csv;charset=utf-8,${encodeURIComponent(csv)}`, `${fileName}.csv`);
|
|
60
|
-
};
|
|
26
|
+
}
|
package/dist/DataGrid.d.ts
CHANGED
|
@@ -50,6 +50,7 @@ export declare enum DataGridEditability {
|
|
|
50
50
|
*
|
|
51
51
|
* @slot - Use this slot only for declarative DataGrid APIs e.g. setting ColumnDefinitions via `mo-data-grid-columns` tag.
|
|
52
52
|
* @slot toolbar - The horizontal bar above DataGrid's contents.
|
|
53
|
+
* @slot toolbar-action - A slot for action icon-buttons in the toolbar which are displayed on the end.
|
|
53
54
|
* @slot filter - A vertical bar for elements which filter DataGrid's data. It is opened through an icon-button in the toolbar.
|
|
54
55
|
* @slot sum - A horizontal bar in the DataGrid's footer for showing sums. Calculated sums are also placed here by default.
|
|
55
56
|
* @slot settings - A vertical bar for elements which change DataGrid's settings. It is pre-filled with columns' settings and can be opened through an icon-button in the toolbar.
|
|
@@ -130,7 +131,6 @@ export declare class DataGrid<TData, TDetailsElement extends Element | undefined
|
|
|
130
131
|
readonly rows: Array<DataGridRow<TData, TDetailsElement>>;
|
|
131
132
|
private readonly footer?;
|
|
132
133
|
private readonly sidePanel?;
|
|
133
|
-
isGenerating: boolean;
|
|
134
134
|
setPage(page: number): void;
|
|
135
135
|
setPagination(pagination?: DataGridPagination): void;
|
|
136
136
|
setData(data: Array<TData>, selectionBehavior?: DataGridSelectionBehaviorOnDataChange): void;
|
|
@@ -156,7 +156,7 @@ export declare class DataGrid<TData, TDetailsElement extends Element | undefined
|
|
|
156
156
|
getCell(data: TData, column: DataGridColumn<TData, unknown>): DataGridCell<any, TData, TDetailsElement> | undefined;
|
|
157
157
|
handleEdit(data: TData, column: DataGridColumn<TData, unknown>, value: KeyPathValueOf<TData, KeyPathOf<TData>> | undefined): void;
|
|
158
158
|
navigateToSidePanelTab(tab?: DataGridSidePanelTab): void;
|
|
159
|
-
exportExcelFile():
|
|
159
|
+
exportExcelFile(): void;
|
|
160
160
|
get hasContextMenu(): boolean;
|
|
161
161
|
get toolbarElements(): Element[];
|
|
162
162
|
get filterElements(): Element[];
|
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,EAA+B,KAAK,cAAc,EAAqC,KAAK,kBAAkB,
|
|
1
|
+
{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../DataGrid.ts"],"names":[],"mappings":"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"}
|
package/dist/DataGrid.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
var DataGrid_1;
|
|
2
2
|
import { __decorate } from "tslib";
|
|
3
|
-
import { property, component, Component, html, css, query, ifDefined, event, style, literal, staticHtml, cache, eventOptions, queryAll, repeat, eventListener
|
|
3
|
+
import { property, component, Component, html, css, query, ifDefined, event, style, literal, staticHtml, cache, eventOptions, queryAll, repeat, eventListener } from '@a11d/lit';
|
|
4
4
|
import { NotificationComponent } from '@a11d/lit-application';
|
|
5
5
|
import { LocalStorage } from '@a11d/local-storage';
|
|
6
6
|
import { InstanceofAttributeController } from '@3mo/instanceof-attribute-controller';
|
|
@@ -16,7 +16,6 @@ import { DataGridSortingController } from './DataGridSortingController.js';
|
|
|
16
16
|
import { DataGridDetailsController } from './DataGridDetailsController.js';
|
|
17
17
|
import { CsvGenerator, DataGridSidePanelTab, DataGridContextMenuController } from './index.js';
|
|
18
18
|
import { DataRecord } from './DataRecord.js';
|
|
19
|
-
import { GenericDialog } from '@3mo/standard-dialogs';
|
|
20
19
|
Localizer.dictionaries.add('de', {
|
|
21
20
|
'Exporting excel file': 'Die Excel-Datei wird exportiert',
|
|
22
21
|
'No results': 'Kein Ergebnis',
|
|
@@ -62,6 +61,7 @@ export var DataGridEditability;
|
|
|
62
61
|
*
|
|
63
62
|
* @slot - Use this slot only for declarative DataGrid APIs e.g. setting ColumnDefinitions via `mo-data-grid-columns` tag.
|
|
64
63
|
* @slot toolbar - The horizontal bar above DataGrid's contents.
|
|
64
|
+
* @slot toolbar-action - A slot for action icon-buttons in the toolbar which are displayed on the end.
|
|
65
65
|
* @slot filter - A vertical bar for elements which filter DataGrid's data. It is opened through an icon-button in the toolbar.
|
|
66
66
|
* @slot sum - A horizontal bar in the DataGrid's footer for showing sums. Calculated sums are also placed here by default.
|
|
67
67
|
* @slot settings - A vertical bar for elements which change DataGrid's settings. It is pre-filled with columns' settings and can be opened through an icon-button in the toolbar.
|
|
@@ -112,7 +112,6 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
112
112
|
this.exportable = false;
|
|
113
113
|
this.cellFontSize = DataGrid_1.cellRelativeFontSize.value;
|
|
114
114
|
this.rowHeight = DataGrid_1.rowHeight.value;
|
|
115
|
-
this.isGenerating = false;
|
|
116
115
|
this.slotController = new SlotController(this, async () => {
|
|
117
116
|
this.hasSums;
|
|
118
117
|
this.hasFabs;
|
|
@@ -219,44 +218,15 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
219
218
|
this.sidePanelTab = tab;
|
|
220
219
|
!tab ? this.sidePanelClose.dispatch() : this.sidePanelOpen.dispatch(tab);
|
|
221
220
|
}
|
|
222
|
-
|
|
223
|
-
let progress = 0.03;
|
|
224
|
-
const dataGrid = this;
|
|
221
|
+
exportExcelFile() {
|
|
225
222
|
try {
|
|
226
|
-
this
|
|
227
|
-
|
|
228
|
-
heading: t('Exporting excel file'),
|
|
229
|
-
primaryButtonText: '',
|
|
230
|
-
secondaryButtonText: '',
|
|
231
|
-
content() {
|
|
232
|
-
const dialog = this.renderRoot.querySelector('mo-dialog');
|
|
233
|
-
if (dialog) {
|
|
234
|
-
dialog.primaryOnEnter = false;
|
|
235
|
-
}
|
|
236
|
-
CsvGenerator.generate(dataGrid, (currentProgress) => {
|
|
237
|
-
progress = Math.max(currentProgress, 0.05);
|
|
238
|
-
if (progress === 1) {
|
|
239
|
-
setTimeout(() => this['close'](), 1000);
|
|
240
|
-
}
|
|
241
|
-
else {
|
|
242
|
-
this.requestUpdate();
|
|
243
|
-
}
|
|
244
|
-
});
|
|
245
|
-
return html `
|
|
246
|
-
<mo-flex alignItems='center' justifyContent='center'>
|
|
247
|
-
<mo-circular-progress .progress=${progress}></mo-circular-progress>
|
|
248
|
-
</mo-flex>
|
|
249
|
-
`;
|
|
250
|
-
}
|
|
251
|
-
}).confirm();
|
|
223
|
+
CsvGenerator.generate(this);
|
|
224
|
+
NotificationComponent.notifyInfo(t('Exporting excel file'));
|
|
252
225
|
}
|
|
253
226
|
catch (error) {
|
|
254
227
|
NotificationComponent.notifyError(error.message);
|
|
255
228
|
throw error;
|
|
256
229
|
}
|
|
257
|
-
finally {
|
|
258
|
-
this.isGenerating = false;
|
|
259
|
-
}
|
|
260
230
|
}
|
|
261
231
|
get hasContextMenu() {
|
|
262
232
|
return this.contextMenuController.hasContextMenu;
|
|
@@ -408,15 +378,11 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
408
378
|
position: relative;
|
|
409
379
|
padding: var(--mo-data-grid-toolbar-padding);
|
|
410
380
|
|
|
411
|
-
mo-icon-button {
|
|
412
|
-
align-self: flex-start;
|
|
413
|
-
color: var(--mo-color-gray);
|
|
414
|
-
}
|
|
415
|
-
|
|
416
381
|
#actions {
|
|
417
|
-
|
|
418
|
-
color: var(--mo-color-gray);
|
|
382
|
+
margin-inline-start: auto;
|
|
419
383
|
|
|
384
|
+
mo-icon-button, ::slotted(mo-icon-button[slot='toolbar-action']) {
|
|
385
|
+
color: var(--mo-color-gray);
|
|
420
386
|
&[data-selected] {
|
|
421
387
|
color: var(--mo-color-accent);
|
|
422
388
|
}
|
|
@@ -608,12 +574,10 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
608
574
|
}
|
|
609
575
|
get toolbarTemplate() {
|
|
610
576
|
return this.hasToolbar === false ? html.nothing : html `
|
|
611
|
-
<mo-flex id='toolbar' direction='horizontal' gap='8px' wrap='wrap'
|
|
612
|
-
<
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
<mo-flex id='actions' direction='horizontal' gap='8px'>
|
|
616
|
-
<slot name='toolbarAction'>${this.toolbarActionDefaultTemplate}</slot>
|
|
577
|
+
<mo-flex id='toolbar' direction='horizontal' gap='8px' wrap='wrap' alignItems='center'>
|
|
578
|
+
<slot name='toolbar'>${this.toolbarDefaultTemplate}</slot>
|
|
579
|
+
<mo-flex id='actions' direction='horizontal' gap='8px' alignContent='center'>
|
|
580
|
+
<slot name='toolbar-action'>${this.toolbarActionDefaultTemplate}</slot>
|
|
617
581
|
${this.toolbarActionsTemplate}
|
|
618
582
|
</mo-flex>
|
|
619
583
|
</mo-flex>
|
|
@@ -663,12 +627,9 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
663
627
|
handlePointerDown(event) {
|
|
664
628
|
this.rows.forEach(row => row.cells.forEach(cell => cell.handlePointerDown(event)));
|
|
665
629
|
}
|
|
666
|
-
*getFlattenedData(
|
|
667
|
-
if (!values) {
|
|
668
|
-
values = this.data;
|
|
669
|
-
}
|
|
630
|
+
*getFlattenedData() {
|
|
670
631
|
if (!this.subDataGridDataSelector) {
|
|
671
|
-
yield* this.sortingController.toSortedBy(
|
|
632
|
+
yield* this.sortingController.toSortedBy(this.data.map((data, index) => new DataRecord(this, { level: 0, index, data })), ({ data }) => data);
|
|
672
633
|
return;
|
|
673
634
|
}
|
|
674
635
|
const flatten = (data, level = 0) => {
|
|
@@ -683,7 +644,7 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
683
644
|
...(subDataRecords ?? [])
|
|
684
645
|
];
|
|
685
646
|
};
|
|
686
|
-
for (const data of this.sortingController.toSorted(
|
|
647
|
+
for (const data of this.sortingController.toSorted(this.data)) {
|
|
687
648
|
yield* flatten(data);
|
|
688
649
|
}
|
|
689
650
|
return;
|
|
@@ -873,9 +834,6 @@ __decorate([
|
|
|
873
834
|
__decorate([
|
|
874
835
|
query('mo-data-grid-side-panel')
|
|
875
836
|
], DataGrid.prototype, "sidePanel", void 0);
|
|
876
|
-
__decorate([
|
|
877
|
-
state()
|
|
878
|
-
], DataGrid.prototype, "isGenerating", void 0);
|
|
879
837
|
__decorate([
|
|
880
838
|
eventOptions({ passive: true })
|
|
881
839
|
], DataGrid.prototype, "handleScroll", null);
|
package/dist/DataGridColumn.d.ts
CHANGED
|
@@ -5,7 +5,6 @@ import type * as CSS from 'csstype';
|
|
|
5
5
|
export type DataGridColumnAlignment = 'start' | 'center' | 'end';
|
|
6
6
|
export type DataGridColumnSticky = 'start' | 'both' | 'end';
|
|
7
7
|
export declare class DataGridColumn<TData, TValue = unknown> {
|
|
8
|
-
suffix?: string;
|
|
9
8
|
dataGrid?: DataGrid<TData, any>;
|
|
10
9
|
dataSelector: KeyPathOf<TData>;
|
|
11
10
|
heading: string;
|
|
@@ -35,7 +34,5 @@ export declare class DataGridColumn<TData, TValue = unknown> {
|
|
|
35
34
|
get sortingDefinition(): import("./DataGridSortingController.js").DataGridRankedSortDefinition<TData> | undefined;
|
|
36
35
|
get sumTemplate(): HTMLTemplateResult | undefined;
|
|
37
36
|
get stickyColumnInsetInline(): string;
|
|
38
|
-
formatAsCsv(value: any, data: TData): string[];
|
|
39
|
-
formatHeaderAsCsv(): string[];
|
|
40
37
|
}
|
|
41
38
|
//# sourceMappingURL=DataGridColumn.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridColumn.d.ts","sourceRoot":"","sources":["../DataGridColumn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,KAAK,KAAK,GAAG,MAAM,SAAS,CAAA;AAEnC,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAEhE,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CAAA;AAE3D,qBAAa,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAClD,
|
|
1
|
+
{"version":3,"file":"DataGridColumn.d.ts","sourceRoot":"","sources":["../DataGridColumn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,KAAK,KAAK,GAAG,MAAM,SAAS,CAAA;AAEnC,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAEhE,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CAAA;AAE3D,qBAAa,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAClD,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAC/B,YAAY,EAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAE/B,OAAO,EAAG,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,KAAK,EAAE,GAAG,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAgB;IAEnE,SAAS,EAAE,uBAAuB,CAAU;IAC5C,MAAM,UAAQ;IAEd,QAAQ,UAAO;IAEf,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAE7B,OAAO,CAAC,iBAAiB,CAAC,CAAkB;IAC5C,IAAI,gBAAgB,+/CAAyD;IAC7E,IAAI,gBAAgB,CAAC,KAAK,4/CAAA,EAAoC;IAE9D,kBAAkB,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,kBAAkB;IAEnE,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAQ;IAC5C,sBAAsB,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,kBAAkB;IAEvE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB;gBAEpC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAI1D,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,OAAO;IAMpD,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC;IAIzD,OAAO,CAAC,cAAc,CAAC,CAAQ;IAC/B,IAAI,aAAa,WAAsC;IACvD,IAAI,aAAa,CAAC,KAAK,QAAA,EAGtB;IAED,OAAO,CAAC,aAAa,CAAQ;IAC7B,IAAI,YAAY,YAAgC;IAChD,IAAI,YAAY,CAAC,KAAK,SAAA,EAGrB;IAED,IAAI,iBAAiB,6FAIpB;IAED,IAAI,WAAW,mCAkBd;IAED,IAAI,uBAAuB,WA2B1B;CACD"}
|
package/dist/DataGridColumn.js
CHANGED
|
@@ -75,11 +75,4 @@ export class DataGridColumn {
|
|
|
75
75
|
return '';
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
|
-
formatAsCsv(value, data) {
|
|
79
|
-
data;
|
|
80
|
-
return value === undefined || value === null ? [''] : [String(value)];
|
|
81
|
-
}
|
|
82
|
-
formatHeaderAsCsv() {
|
|
83
|
-
return this.heading.length < 3 && this.description ? [this.description] : [this.heading];
|
|
84
|
-
}
|
|
85
78
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridFooter.d.ts","sourceRoot":"","sources":["../DataGridFooter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAkC,MAAM,WAAW,CAAA;AAI1F,OAAO,EAAE,KAAK,QAAQ,EAA2B,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"DataGridFooter.d.ts","sourceRoot":"","sources":["../DataGridFooter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAkC,MAAM,WAAW,CAAA;AAI1F,OAAO,EAAE,KAAK,QAAQ,EAA2B,MAAM,YAAY,CAAA;AAcnE;;;;GAIG;AACH,qBACa,cAAc,CAAC,KAAK,CAAE,SAAQ,SAAS;IACnD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAoE;IAEzE,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAE/B,IAAI,SAAI;IAWjC,OAAO,CAAC,gBAAgB,CAAQ;IAET,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAc;IAExE,WAAoB,MAAM,kCAiEzB;IAED,cAAuB,QAAQ,0CAe9B;IAED,OAAO,KAAK,kBAAkB,GA0C7B;IAED,OAAO,KAAK,sBAAsB,GA6BjC;IAED,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,KAAK,cAAc,GAwBzB;IAED,OAAO,CAAC,OAAO;CAaf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;KAC9C;CACD"}
|
package/dist/DataGridFooter.js
CHANGED
|
@@ -3,9 +3,10 @@ import { __decorate } from "tslib";
|
|
|
3
3
|
import { component, property, Component, css, state, html, query, style } from '@a11d/lit';
|
|
4
4
|
import { DirectionsByLanguage, Localizer } from '@3mo/localization';
|
|
5
5
|
import { TooltipPlacement, tooltip } from '@3mo/tooltip';
|
|
6
|
+
import excelSvg from './excel.svg.js';
|
|
6
7
|
Localizer.dictionaries.add('de', {
|
|
7
8
|
'${page:number} of ${maxPage:number}': '${page} von ${maxPage}',
|
|
8
|
-
'Export to Excel': 'Ansicht nach Excel exportieren',
|
|
9
|
+
'Export current view to Excel': 'Aktuelle Ansicht nach Excel exportieren',
|
|
9
10
|
'Auto': 'Auto'
|
|
10
11
|
});
|
|
11
12
|
Localizer.dictionaries.add('fa', {
|
|
@@ -193,11 +194,27 @@ let DataGridFooter = DataGridFooter_1 = class DataGridFooter extends Component {
|
|
|
193
194
|
}
|
|
194
195
|
get exportTemplate() {
|
|
195
196
|
return !this.dataGrid.exportable ? html.nothing : html `
|
|
196
|
-
<
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
197
|
+
<style>
|
|
198
|
+
#export {
|
|
199
|
+
height: 21px;
|
|
200
|
+
width: 21px;
|
|
201
|
+
aspect-ratio: 1 / 1;
|
|
202
|
+
transition: .25s;
|
|
203
|
+
-webkit-filter: grayscale(100%);
|
|
204
|
+
filter: grayscale(100%);
|
|
205
|
+
cursor: pointer;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
#export:hover {
|
|
209
|
+
-webkit-filter: grayscale(0%);
|
|
210
|
+
filter: grayscale(0%);
|
|
211
|
+
}
|
|
212
|
+
</style>
|
|
213
|
+
<img id='export'
|
|
214
|
+
src=${`data:image/svg+xml,${encodeURIComponent(excelSvg)}`}
|
|
215
|
+
${tooltip(t('Export current view to Excel'), TooltipPlacement.BlockStart)}
|
|
216
|
+
@click=${() => this.dataGrid.exportExcelFile()}
|
|
217
|
+
/>
|
|
201
218
|
`;
|
|
202
219
|
}
|
|
203
220
|
setPage(value) {
|
|
@@ -3,11 +3,11 @@ import { component, css } from '@a11d/lit';
|
|
|
3
3
|
import { ContextMenuItem } from '@3mo/context-menu';
|
|
4
4
|
let DataGridPrimaryContextMenuItem = class DataGridPrimaryContextMenuItem extends ContextMenuItem {
|
|
5
5
|
static get styles() {
|
|
6
|
-
return css `
|
|
7
|
-
${super.styles}
|
|
8
|
-
:host {
|
|
9
|
-
font-weight: bold;
|
|
10
|
-
}
|
|
6
|
+
return css `
|
|
7
|
+
${super.styles}
|
|
8
|
+
:host {
|
|
9
|
+
font-weight: bold;
|
|
10
|
+
}
|
|
11
11
|
`;
|
|
12
12
|
}
|
|
13
13
|
};
|
|
@@ -15,7 +15,6 @@ export declare class DataGridColumnBoolean<TData> extends DataGridColumnComponen
|
|
|
15
15
|
falseIconColor: string;
|
|
16
16
|
getContentTemplate(value: boolean | undefined, _data: TData): import("lit-html").HTMLTemplateResult;
|
|
17
17
|
getEditContentTemplate(value: boolean | undefined, data: TData): import("lit-html").HTMLTemplateResult;
|
|
18
|
-
formatAsCsv(value: boolean): string[];
|
|
19
18
|
}
|
|
20
19
|
declare global {
|
|
21
20
|
interface HTMLElementTagNameMap {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridColumnBoolean.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnBoolean.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAEtE;;;;;;;GAOG;AACH,qBACa,qBAAqB,CAAC,KAAK,CAAE,SAAQ,uBAAuB,CAAC,KAAK,EAAE,OAAO,CAAC;IAC5E,QAAQ,EAAE,YAAY,CAAS;IAC/B,SAAS,EAAE,YAAY,CAAU;IAEjC,aAAa,SAA2B;IACxC,cAAc,SAAyB;IAGnD,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK;IAQ3D,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;
|
|
1
|
+
{"version":3,"file":"DataGridColumnBoolean.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnBoolean.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAEtE;;;;;;;GAOG;AACH,qBACa,qBAAqB,CAAC,KAAK,CAAE,SAAQ,uBAAuB,CAAC,KAAK,EAAE,OAAO,CAAC;IAC5E,QAAQ,EAAE,YAAY,CAAS;IAC/B,SAAS,EAAE,YAAY,CAAU;IAEjC,aAAa,SAA2B;IACxC,cAAc,SAAyB;IAGnD,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK;IAQ3D,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;CAS9D;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,6BAA6B,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;KAC7D;CACD"}
|
|
@@ -25,14 +25,11 @@ export declare abstract class DataGridColumnComponent<TData, TValue> extends Com
|
|
|
25
25
|
sortDataSelector?: KeyPathOf<TData>;
|
|
26
26
|
nonSortable: boolean;
|
|
27
27
|
nonEditable: boolean | Predicate<TData>;
|
|
28
|
-
get suffix(): string | undefined;
|
|
29
28
|
get column(): DataGridColumn<TData, TValue>;
|
|
30
29
|
abstract getContentTemplate(value: TValue | undefined, data: TData): HTMLTemplateResult;
|
|
31
30
|
abstract getEditContentTemplate?(value: TValue | undefined, data: TData): HTMLTemplateResult;
|
|
32
31
|
protected handleEdit(value: TValue | undefined, data: TData): void;
|
|
33
32
|
connectedCallback(): void;
|
|
34
33
|
protected updated(): void;
|
|
35
|
-
formatAsCsv(value: any, data: TData): string[];
|
|
36
|
-
formatHeaderAsCsv(): string[];
|
|
37
34
|
}
|
|
38
35
|
//# sourceMappingURL=DataGridColumnComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridColumnComponent.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,KAAK,uBAAuB,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAE9G;;;;;;;;;;;GAWG;AACH,8BAAsB,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAE,SAAQ,SAAS;IACjD,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,SAAS,CAAA;IAE3D,KAAK,SAAgB;IACK,MAAM,UAAQ;IACxC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IACZ,OAAO,SAAK;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,uBAAuB,CAAU;IAC5C,YAAY,EAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;IACpB,WAAW,UAAQ;IAO5D,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAQ;IAElD,IAAI,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"DataGridColumnComponent.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,KAAK,uBAAuB,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAE9G;;;;;;;;;;;GAWG;AACH,8BAAsB,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAE,SAAQ,SAAS;IACjD,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,SAAS,CAAA;IAE3D,KAAK,SAAgB;IACK,MAAM,UAAQ;IACxC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IACZ,OAAO,SAAK;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,uBAAuB,CAAU;IAC5C,YAAY,EAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;IACpB,WAAW,UAAQ;IAO5D,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAQ;IAElD,IAAI,MAAM,IAAI,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAgB1C;IAED,QAAQ,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK,GAAG,kBAAkB;IACvF,QAAQ,CAAC,sBAAsB,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK,GAAG,kBAAkB;IAE5F,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;IAIlD,iBAAiB;cAOP,OAAO;CAI1B"}
|
|
@@ -24,13 +24,9 @@ export class DataGridColumnComponent extends Component {
|
|
|
24
24
|
this.nonSortable = false;
|
|
25
25
|
this.nonEditable = false;
|
|
26
26
|
}
|
|
27
|
-
get suffix() {
|
|
28
|
-
return undefined;
|
|
29
|
-
}
|
|
30
27
|
get column() {
|
|
31
28
|
const nonEditable = this.nonEditable;
|
|
32
29
|
return new DataGridColumn({
|
|
33
|
-
suffix: this.suffix,
|
|
34
30
|
dataSelector: this.dataSelector,
|
|
35
31
|
sortDataSelector: this.sortDataSelector,
|
|
36
32
|
heading: this.heading,
|
|
@@ -40,8 +36,6 @@ export class DataGridColumnComponent extends Component {
|
|
|
40
36
|
sticky: this.sticky,
|
|
41
37
|
width: this.width,
|
|
42
38
|
sortable: !this.nonSortable,
|
|
43
|
-
formatAsCsv: (value, data) => this.formatAsCsv(value, data),
|
|
44
|
-
formatHeaderAsCsv: () => this.formatHeaderAsCsv(),
|
|
45
39
|
editable: this.getEditContentTemplate !== undefined && (typeof nonEditable !== 'function' ? !nonEditable : x => !nonEditable(x)),
|
|
46
40
|
getContentTemplate: this.getContentTemplate.bind(this),
|
|
47
41
|
getEditContentTemplate: this.getEditContentTemplate?.bind(this),
|
|
@@ -60,13 +54,6 @@ export class DataGridColumnComponent extends Component {
|
|
|
60
54
|
this.dataGrid?.extractColumns();
|
|
61
55
|
this.dataGrid?.requestUpdate();
|
|
62
56
|
}
|
|
63
|
-
formatAsCsv(value, data) {
|
|
64
|
-
data;
|
|
65
|
-
return value === undefined || value === null ? [''] : [String(value)];
|
|
66
|
-
}
|
|
67
|
-
formatHeaderAsCsv() {
|
|
68
|
-
return this.heading.length < 3 && this.description ? [this.description] : [this.heading];
|
|
69
|
-
}
|
|
70
57
|
}
|
|
71
58
|
__decorate([
|
|
72
59
|
property({ type: Object })
|
|
@@ -8,10 +8,8 @@ export declare class DataGridColumnImage<TData> extends DataGridColumnComponent<
|
|
|
8
8
|
tooltipSelector?: KeyPathOf<TData> | ((data: TData) => string | undefined);
|
|
9
9
|
nonSortable: boolean;
|
|
10
10
|
nonEditable: boolean;
|
|
11
|
-
private getTooltipText;
|
|
12
11
|
getContentTemplate(value: string | undefined, data: TData): import("lit-html").HTMLTemplateResult;
|
|
13
12
|
getEditContentTemplate: undefined;
|
|
14
|
-
formatAsCsv(value: string, data: TData): string[];
|
|
15
13
|
}
|
|
16
14
|
declare global {
|
|
17
15
|
interface HTMLElementTagNameMap {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridColumnImage.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnImage.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAGtE;;;;GAIG;AACH,qBACa,mBAAmB,CAAC,KAAK,CAAE,SAAQ,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC;IACzE,eAAe,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,GAAG,SAAS,CAAC,CAAA;IAE7E,WAAW,UAAO;IAClB,WAAW,UAAO;IAE3B,
|
|
1
|
+
{"version":3,"file":"DataGridColumnImage.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnImage.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAGtE;;;;GAIG;AACH,qBACa,mBAAmB,CAAC,KAAK,CAAE,SAAQ,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC;IACzE,eAAe,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,GAAG,SAAS,CAAC,CAAA;IAE7E,WAAW,UAAO;IAClB,WAAW,UAAO;IAE3B,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;IAsBhD,sBAAsB,YAAY;CAC3C;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,2BAA2B,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAA;KACzD;CACD"}
|
|
@@ -12,20 +12,17 @@ let DataGridColumnImage = class DataGridColumnImage extends DataGridColumnCompon
|
|
|
12
12
|
super(...arguments);
|
|
13
13
|
this.nonSortable = true;
|
|
14
14
|
this.nonEditable = true;
|
|
15
|
-
this.getTooltipText = (data) => {
|
|
16
|
-
return !this.tooltipSelector
|
|
17
|
-
? undefined
|
|
18
|
-
: typeof this.tooltipSelector === 'function'
|
|
19
|
-
? this.tooltipSelector(data)
|
|
20
|
-
: getValueByKeyPath(data, this.tooltipSelector);
|
|
21
|
-
};
|
|
22
15
|
this.getEditContentTemplate = undefined;
|
|
23
16
|
}
|
|
24
17
|
getContentTemplate(value, data) {
|
|
25
18
|
if (!value) {
|
|
26
19
|
return html.nothing;
|
|
27
20
|
}
|
|
28
|
-
const tooltipText = this.
|
|
21
|
+
const tooltipText = !this.tooltipSelector
|
|
22
|
+
? undefined
|
|
23
|
+
: typeof this.tooltipSelector === 'function'
|
|
24
|
+
? this.tooltipSelector(data)
|
|
25
|
+
: getValueByKeyPath(data, this.tooltipSelector);
|
|
29
26
|
return !value ? html.nothing : html `
|
|
30
27
|
<img
|
|
31
28
|
${tooltipText ? tooltip(tooltipText) : html.nothing}
|
|
@@ -36,10 +33,6 @@ let DataGridColumnImage = class DataGridColumnImage extends DataGridColumnCompon
|
|
|
36
33
|
/>
|
|
37
34
|
`;
|
|
38
35
|
}
|
|
39
|
-
formatAsCsv(value, data) {
|
|
40
|
-
value;
|
|
41
|
-
return [this.getTooltipText(data) ?? ''];
|
|
42
|
-
}
|
|
43
36
|
};
|
|
44
37
|
__decorate([
|
|
45
38
|
property()
|
|
@@ -3,7 +3,6 @@ import { DataGridColumnDateTimeBase } from './DataGridColumnDateTimeBase.js';
|
|
|
3
3
|
export declare class DataGridColumnDate<TData> extends DataGridColumnDateTimeBase<TData, Date> {
|
|
4
4
|
getContentTemplate(value: Date | undefined, data: TData): import("lit-html").HTMLTemplateResult;
|
|
5
5
|
readonly fieldTag: import("lit-html/static.js").StaticValue;
|
|
6
|
-
formatAsCsv(value: Date | undefined): string[];
|
|
7
6
|
}
|
|
8
7
|
declare global {
|
|
9
8
|
interface HTMLElementTagNameMap {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridColumnDate.d.ts","sourceRoot":"","sources":["../../../columns/date-time/DataGridColumnDate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAA;AAE5E,wCAAwC;AACxC,qBACa,kBAAkB,CAAC,KAAK,CAAE,SAAQ,0BAA0B,CAAC,KAAK,EAAE,IAAI,CAAC;IACrF,kBAAkB,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;IAKvD,SAAkB,QAAQ,2CAAyB;
|
|
1
|
+
{"version":3,"file":"DataGridColumnDate.d.ts","sourceRoot":"","sources":["../../../columns/date-time/DataGridColumnDate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAA;AAE5E,wCAAwC;AACxC,qBACa,kBAAkB,CAAC,KAAK,CAAE,SAAQ,0BAA0B,CAAC,KAAK,EAAE,IAAI,CAAC;IACrF,kBAAkB,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;IAKvD,SAAkB,QAAQ,2CAAyB;CACnD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAA;KACvD;CACD"}
|
|
@@ -11,9 +11,6 @@ let DataGridColumnDate = class DataGridColumnDate extends DataGridColumnDateTime
|
|
|
11
11
|
data;
|
|
12
12
|
return html `${value ? value.formatAsDate(this.formatOptionsValue) ?? '' : ''}`;
|
|
13
13
|
}
|
|
14
|
-
formatAsCsv(value) {
|
|
15
|
-
return !value ? [''] : [value.toISOString().split('T')[0]];
|
|
16
|
-
}
|
|
17
14
|
};
|
|
18
15
|
DataGridColumnDate = __decorate([
|
|
19
16
|
component('mo-data-grid-column-date')
|
|
@@ -3,7 +3,6 @@ import { DataGridColumnDateTimeBase } from './DataGridColumnDateTimeBase.js';
|
|
|
3
3
|
export declare class DataGridColumnDateTime<TData> extends DataGridColumnDateTimeBase<TData, Date> {
|
|
4
4
|
getContentTemplate(value: Date | undefined, data: TData): import("lit-html").HTMLTemplateResult;
|
|
5
5
|
readonly fieldTag: import("lit-html/static.js").StaticValue;
|
|
6
|
-
formatAsCsv(value: Date | undefined): string[];
|
|
7
6
|
}
|
|
8
7
|
declare global {
|
|
9
8
|
interface HTMLElementTagNameMap {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridColumnDateTime.d.ts","sourceRoot":"","sources":["../../../columns/date-time/DataGridColumnDateTime.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAA;AAE5E,6CAA6C;AAC7C,qBACa,sBAAsB,CAAC,KAAK,CAAE,SAAQ,0BAA0B,CAAC,KAAK,EAAE,IAAI,CAAC;IACzF,kBAAkB,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;IAKvD,SAAkB,QAAQ,2CAA8B;
|
|
1
|
+
{"version":3,"file":"DataGridColumnDateTime.d.ts","sourceRoot":"","sources":["../../../columns/date-time/DataGridColumnDateTime.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAA;AAE5E,6CAA6C;AAC7C,qBACa,sBAAsB,CAAC,KAAK,CAAE,SAAQ,0BAA0B,CAAC,KAAK,EAAE,IAAI,CAAC;IACzF,kBAAkB,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;IAKvD,SAAkB,QAAQ,2CAA8B;CACxD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,+BAA+B,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAA;KAChE;CACD"}
|
|
@@ -11,9 +11,6 @@ let DataGridColumnDateTime = class DataGridColumnDateTime extends DataGridColumn
|
|
|
11
11
|
data;
|
|
12
12
|
return html `${value ? value.format(this.formatOptionsValue) ?? '' : ''}`;
|
|
13
13
|
}
|
|
14
|
-
formatAsCsv(value) {
|
|
15
|
-
return !value ? [''] : [value.toISOString().replace('T', ' ').split('.')[0]];
|
|
16
|
-
}
|
|
17
14
|
};
|
|
18
15
|
DataGridColumnDateTime = __decorate([
|
|
19
16
|
component('mo-data-grid-column-date-time')
|