@3mo/data-grid 0.3.4 → 0.3.5
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 +9 -9
- package/dist/DataGrid.d.ts.map +1 -1
- package/dist/DataGrid.js +16 -16
- package/dist/DataGridCell.d.ts.map +1 -1
- package/dist/DataGridCell.js +2 -2
- package/dist/DataGridFooter.d.ts.map +1 -1
- package/dist/DataGridFooter.js +3 -3
- package/dist/DataGridHeader.d.ts +1 -1
- package/dist/DataGridHeader.d.ts.map +1 -1
- package/dist/DataGridHeader.js +7 -7
- package/dist/DataGridHeaderSeparator.d.ts +1 -1
- package/dist/DataGridHeaderSeparator.d.ts.map +1 -1
- package/dist/DataGridHeaderSeparator.js +2 -2
- package/dist/DataGridSidePanel.d.ts +3 -3
- package/dist/DataGridSidePanel.d.ts.map +1 -1
- package/dist/DataGridSidePanel.js +3 -3
- package/dist/FieldSelectDataGridPageSize.d.ts +1 -1
- package/dist/FieldSelectDataGridPageSize.d.ts.map +1 -1
- package/dist/FieldSelectDataGridPageSize.js +2 -2
- package/dist/columns/DataGridColumnBoolean.d.ts +2 -2
- package/dist/columns/DataGridColumnCurrency.d.ts +3 -3
- package/dist/columns/DataGridColumnCurrency.js +2 -2
- package/dist/columns/DataGridColumnDate.d.ts +2 -2
- package/dist/columns/DataGridColumnDateTime.d.ts +1 -1
- package/dist/columns/DataGridColumnDeletion.js +2 -2
- package/dist/columns/DataGridColumnImage.js +2 -2
- package/dist/columns/DataGridColumnNumber.d.ts +3 -3
- package/dist/columns/DataGridColumnNumber.js +2 -2
- package/dist/columns/DataGridColumnPercent.d.ts +3 -3
- package/dist/columns/DataGridColumnPercent.js +2 -2
- package/dist/columns/DataGridColumnText.d.ts +2 -2
- package/dist/columns/DataGridFooterSum.d.ts +1 -1
- package/dist/columns/DataGridFooterSum.d.ts.map +1 -1
- package/dist/rows/DataGridDefaultRow.d.ts +1 -1
- package/dist/rows/DataGridDefaultRow.d.ts.map +1 -1
- package/dist/rows/DataGridRow.d.ts +1 -1
- package/dist/rows/DataGridRow.d.ts.map +1 -1
- package/dist/rows/DataGridRow.js +10 -10
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/DataGrid.d.ts
CHANGED
|
@@ -195,7 +195,7 @@ export declare class DataGrid<TData, TDetailsElement extends Element | undefined
|
|
|
195
195
|
protected updated(...parameters: Parameters<Component['updated']>): void;
|
|
196
196
|
protected firstUpdated(props: PropertyValues): void;
|
|
197
197
|
static get styles(): import("@a11d/lit").CSSResult;
|
|
198
|
-
protected get template():
|
|
198
|
+
protected get template(): HTMLTemplateResult;
|
|
199
199
|
private get splitterModeTemplate();
|
|
200
200
|
private get overlayModeTemplate();
|
|
201
201
|
private get sidePanelTemplate();
|
|
@@ -203,24 +203,24 @@ export declare class DataGrid<TData, TDetailsElement extends Element | undefined
|
|
|
203
203
|
protected get filtersDefaultTemplate(): HTMLTemplateResult;
|
|
204
204
|
protected get columnsTemplate(): HTMLTemplateResult;
|
|
205
205
|
protected get rowElementTag(): import("lit-html/static.js").StaticValue;
|
|
206
|
-
protected get fabTemplate():
|
|
207
|
-
protected get contentTemplate():
|
|
208
|
-
protected get noContentTemplate():
|
|
209
|
-
protected get dataGridTemplate():
|
|
206
|
+
protected get fabTemplate(): HTMLTemplateResult;
|
|
207
|
+
protected get contentTemplate(): HTMLTemplateResult;
|
|
208
|
+
protected get noContentTemplate(): HTMLTemplateResult;
|
|
209
|
+
protected get dataGridTemplate(): HTMLTemplateResult;
|
|
210
210
|
protected get headerTemplate(): HTMLTemplateResult;
|
|
211
211
|
private get rowsTemplate();
|
|
212
212
|
protected getRowTemplate(data: TData, index: number): import("lit-html").TemplateResult;
|
|
213
213
|
private handleRowDetailsOpenChange;
|
|
214
|
-
protected get footerTemplate():
|
|
214
|
+
protected get footerTemplate(): HTMLTemplateResult;
|
|
215
215
|
get sumsData(): TData[];
|
|
216
|
-
get sumsTemplate():
|
|
217
|
-
getSumTemplate(column: ColumnDefinition<TData>):
|
|
216
|
+
get sumsTemplate(): HTMLTemplateResult;
|
|
217
|
+
getSumTemplate(column: ColumnDefinition<TData>): HTMLTemplateResult | undefined;
|
|
218
218
|
protected get toolbarTemplate(): HTMLTemplateResult;
|
|
219
219
|
protected get toolbarDefaultTemplate(): HTMLTemplateResult;
|
|
220
220
|
protected get toolbarActionDefaultTemplate(): HTMLTemplateResult;
|
|
221
221
|
protected get sumDefaultTemplate(): HTMLTemplateResult;
|
|
222
222
|
protected get selectionToolbarTemplate(): HTMLTemplateResult;
|
|
223
|
-
protected get toolbarActionsTemplate():
|
|
223
|
+
protected get toolbarActionsTemplate(): HTMLTemplateResult;
|
|
224
224
|
private provideCssColumnsProperties;
|
|
225
225
|
get columnsWidths(): string[];
|
|
226
226
|
get detailsColumnWidth(): string | undefined;
|
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,
|
|
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, live, query,
|
|
3
|
+
import { property, component, Component, html, css, live, query, ifDefined, event, queryAll, style, literal, staticHtml, cache } 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';
|
|
@@ -519,7 +519,7 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
519
519
|
<mo-splitter direction='horizontal-reversed' ${style({ height: '100%' })} .resizerTemplate=${html `
|
|
520
520
|
<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>
|
|
521
521
|
`}>
|
|
522
|
-
${cache(this.sidePanelTab === undefined ? nothing : html `
|
|
522
|
+
${cache(this.sidePanelTab === undefined ? html.nothing : html `
|
|
523
523
|
<mo-splitter-item size='min(25%, 300px)' min='max(15%, 250px)' max='clamp(100px, 50%, 750px)'>
|
|
524
524
|
${this.sidePanelTemplate}
|
|
525
525
|
</mo-splitter-item>
|
|
@@ -535,7 +535,7 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
535
535
|
return html `
|
|
536
536
|
<mo-flex id='overlayModeContainer'>
|
|
537
537
|
${this.dataGridTemplate}
|
|
538
|
-
${this.sidePanelTab === undefined ? nothing : this.sidePanelTemplate}
|
|
538
|
+
${this.sidePanelTab === undefined ? html.nothing : this.sidePanelTemplate}
|
|
539
539
|
</mo-flex>
|
|
540
540
|
`;
|
|
541
541
|
}
|
|
@@ -551,13 +551,13 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
551
551
|
`;
|
|
552
552
|
}
|
|
553
553
|
get settingsDefaultTemplate() {
|
|
554
|
-
return nothing;
|
|
554
|
+
return html.nothing;
|
|
555
555
|
}
|
|
556
556
|
get filtersDefaultTemplate() {
|
|
557
|
-
return nothing;
|
|
557
|
+
return html.nothing;
|
|
558
558
|
}
|
|
559
559
|
get columnsTemplate() {
|
|
560
|
-
return nothing;
|
|
560
|
+
return html.nothing;
|
|
561
561
|
}
|
|
562
562
|
get rowElementTag() {
|
|
563
563
|
return literal `mo-data-grid-default-row`;
|
|
@@ -598,7 +598,7 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
598
598
|
`;
|
|
599
599
|
}
|
|
600
600
|
get headerTemplate() {
|
|
601
|
-
return this.headerHidden ? nothing : html `
|
|
601
|
+
return this.headerHidden ? html.nothing : html `
|
|
602
602
|
<mo-data-grid-header .dataGrid=${this}></mo-data-grid-header>
|
|
603
603
|
`;
|
|
604
604
|
}
|
|
@@ -647,7 +647,7 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
647
647
|
<mo-flex id='fab' direction='vertical-reversed' gap='8px'>
|
|
648
648
|
${this.fabTemplate}
|
|
649
649
|
</mo-flex>
|
|
650
|
-
${this.hasFooter === false ? nothing : html `
|
|
650
|
+
${this.hasFooter === false ? html.nothing : html `
|
|
651
651
|
<mo-data-grid-footer
|
|
652
652
|
.dataGrid=${this}
|
|
653
653
|
page=${this.page}
|
|
@@ -684,7 +684,7 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
684
684
|
`;
|
|
685
685
|
}
|
|
686
686
|
get toolbarTemplate() {
|
|
687
|
-
return this.hasToolbar === false ? nothing : html `
|
|
687
|
+
return this.hasToolbar === false ? html.nothing : html `
|
|
688
688
|
<mo-flex id='toolbar' direction='horizontal' gap='8px' wrap='wrap' justifyContent='end' alignItems='center'>
|
|
689
689
|
<mo-flex direction='horizontal' alignItems='inherit' gap='8px' wrap='wrap' ${style({ width: '*' })}>
|
|
690
690
|
<slot name='toolbar'>${this.toolbarDefaultTemplate}</slot>
|
|
@@ -698,23 +698,23 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
698
698
|
`;
|
|
699
699
|
}
|
|
700
700
|
get toolbarDefaultTemplate() {
|
|
701
|
-
return nothing;
|
|
701
|
+
return html.nothing;
|
|
702
702
|
}
|
|
703
703
|
get toolbarActionDefaultTemplate() {
|
|
704
|
-
return nothing;
|
|
704
|
+
return html.nothing;
|
|
705
705
|
}
|
|
706
706
|
get sumDefaultTemplate() {
|
|
707
|
-
return nothing;
|
|
707
|
+
return html.nothing;
|
|
708
708
|
}
|
|
709
709
|
get selectionToolbarTemplate() {
|
|
710
|
-
return this.selectionToolbarDisabled === true || this.selectedData.length === 0 ? nothing : html `
|
|
710
|
+
return this.selectionToolbarDisabled === true || this.selectedData.length === 0 ? html.nothing : html `
|
|
711
711
|
<mo-flex id='flexSelectionToolbar'>
|
|
712
712
|
<mo-flex direction='horizontal' gap='30px' ${style({ placeSelf: 'stretch' })}>
|
|
713
713
|
<div ${style({ fontWeight: '500', margin: '0 6px' })}>
|
|
714
714
|
${t('${count:pluralityNumber} entries selected', { count: this.selectedData.length })}
|
|
715
715
|
</div>
|
|
716
|
-
${!this.getRowContextMenuTemplate ? nothing : html `
|
|
717
|
-
<mo-flex id='flexActions' direction='horizontal' @click=${(e) => { var _a, _b; return ContextMenu.open(e, (_b = (_a = this.getRowContextMenuTemplate) === null || _a === void 0 ? void 0 : _a.call(this, this.selectedData)) !== null && _b !== void 0 ? _b : nothing); }}>
|
|
716
|
+
${!this.getRowContextMenuTemplate ? html.nothing : html `
|
|
717
|
+
<mo-flex id='flexActions' direction='horizontal' @click=${(e) => { var _a, _b; return ContextMenu.open(e, (_b = (_a = this.getRowContextMenuTemplate) === null || _a === void 0 ? void 0 : _a.call(this, this.selectedData)) !== null && _b !== void 0 ? _b : html.nothing); }}>
|
|
718
718
|
<div ${style({ width: '*' })}>${t('Options')}</div>
|
|
719
719
|
<mo-icon-button dense icon='arrow_drop_down' ${style({ display: 'flex', alignItems: 'center', justifyContent: 'center' })}></mo-icon-button>
|
|
720
720
|
</mo-flex>
|
|
@@ -730,7 +730,7 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
730
730
|
}
|
|
731
731
|
get toolbarActionsTemplate() {
|
|
732
732
|
return html `
|
|
733
|
-
${!this.hasFilters ? nothing : html `
|
|
733
|
+
${!this.hasFilters ? html.nothing : html `
|
|
734
734
|
<mo-icon-button icon='filter_list'
|
|
735
735
|
${tooltip(t('More Filters'))}
|
|
736
736
|
${style({ color: this.sidePanelTab === DataGridSidePanelTab.Filters ? 'var(--mo-color-accent)' : 'var(--mo-color-gray)' })}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridCell.d.ts","sourceRoot":"","sources":["../DataGridCell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,
|
|
1
|
+
{"version":3,"file":"DataGridCell.d.ts","sourceRoot":"","sources":["../DataGridCell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAA6C,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAG/G,OAAO,EAAE,gBAAgB,EAAuB,WAAW,EAAE,MAAM,YAAY,CAAA;AAO/E;;;;;;GAMG;AACH,qBACa,YAAY,CAAC,MAAM,SAAS,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,eAAe,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,CAAE,SAAQ,SAAS;IAC1H,KAAK,EAAG,MAAM,CAAA;IACd,MAAM,EAAG,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IACxC,GAAG,EAAG,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;IAQlE,OAAO,CAAC,OAAO,CAAQ;IAE1B,IAAI,QAAQ,6DAA+B;IAC3C,IAAI,IAAI,UAA2B;IACnC,IAAI,YAAY,qBAAsC;IAEtD,OAAO,KAAK,SAAS,GAAkD;IACvE,OAAO,KAAK,QAAQ,GAA0D;IAE9E,OAAO,KAAK,gBAAgB,GAA+C;IAE3E,OAAO,KAAK,UAAU,GAIrB;IAED,IAAI,SAAS,YAGZ;IAGD,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,YAAY;IAO/C,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,UAAU;cAQ7B,aAAa,CAAC,KAAK,EAAE,aAAa;IA2ClD,OAAO,CAAC,SAAS;IAWjB,WAAoB,MAAM,kCA0CzB;IAED,OAAO,KAAK,OAAO,GAAmC;IAEtD,cAAuB,QAAQ,uBAU9B;IAED,OAAO,KAAK,eAAe,GAE1B;IAED,OAAO,KAAK,mBAAmB,GAE9B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;KAC1C;CACD"}
|
package/dist/DataGridCell.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { component, Component, html, property, css, eventListener, state
|
|
2
|
+
import { component, Component, html, property, css, eventListener, state } from '@a11d/lit';
|
|
3
3
|
import { NotificationComponent } from '@a11d/lit-application';
|
|
4
4
|
import { Localizer } from '@3mo/localization';
|
|
5
5
|
import { DataGridEditability } from './index.js';
|
|
@@ -27,7 +27,7 @@ let DataGridCell = class DataGridCell extends Component {
|
|
|
27
27
|
get valueTextContent() { return this.renderRoot.textContent || ''; }
|
|
28
28
|
get isEditable() {
|
|
29
29
|
return this.dataGrid.editability !== DataGridEditability.Never
|
|
30
|
-
&& [undefined, null
|
|
30
|
+
&& [undefined, null].includes(this.editContentTemplate) === false
|
|
31
31
|
&& (this.column.editable === true || (typeof this.column.editable === 'function' && this.column.editable(this.data)));
|
|
32
32
|
}
|
|
33
33
|
get isEditing() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridFooter.d.ts","sourceRoot":"","sources":["../DataGridFooter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,
|
|
1
|
+
{"version":3,"file":"DataGridFooter.d.ts","sourceRoot":"","sources":["../DataGridFooter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAA6C,MAAM,WAAW,CAAA;AAGrG,OAAO,EAAE,QAAQ,EAAmD,MAAM,YAAY,CAAA;AAUtF;;;;GAIG;AACH,qBACa,cAAc,CAAC,KAAK,CAAE,SAAQ,SAAS;IACvB,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAE/B,IAAI,SAAI;IAWjC,OAAO,CAAC,gBAAgB,CAAQ;IAWhC,OAAO,CAAC,cAAc,CAAQ;IAEP,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAc;IAC1B,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAA8B;IAEhH,WAAoB,MAAM,kCAwBzB;IAED,cAAuB,QAAQ,0CAc9B;IAED,OAAO,KAAK,kBAAkB,GAwD7B;IAED,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,OAAO;CAcf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;KAC9C;CACD"}
|
package/dist/DataGridFooter.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { component, property, Component, css, state, html,
|
|
2
|
+
import { component, property, Component, css, state, html, query, ifDefined, style } from '@a11d/lit';
|
|
3
3
|
import { Localizer } from '@3mo/localization';
|
|
4
4
|
Localizer.register('de', {
|
|
5
5
|
'${page:number} of ${maxPage:number}': '${page} von ${maxPage}',
|
|
@@ -46,7 +46,7 @@ let DataGridFooter = class DataGridFooter extends Component {
|
|
|
46
46
|
}
|
|
47
47
|
get template() {
|
|
48
48
|
this.toggleAttribute('hideTopBorder', this.dataGrid.hasFooter === false);
|
|
49
|
-
return this.dataGrid.hasFooter === false ? nothing : html `
|
|
49
|
+
return this.dataGrid.hasFooter === false ? html.nothing : html `
|
|
50
50
|
<mo-flex direction='horizontal' justifyContent='space-between' alignItems='center' wrap='wrap-reverse' gap='6px' ${style({ flex: '1', padding: '0 6px' })}>
|
|
51
51
|
<mo-flex direction='horizontal' alignItems='center' gap='1vw' ${style({ flexBasis: 'auto' })}>
|
|
52
52
|
${this.paginationTemplate}
|
|
@@ -70,7 +70,7 @@ let DataGridFooter = class DataGridFooter extends Component {
|
|
|
70
70
|
`${(Math.min(from, to)).format()}-${to.format()}`,
|
|
71
71
|
hasUnknownDataLength ? undefined : this.dataGrid.dataLength.format(),
|
|
72
72
|
].filter(Boolean).join(' / ');
|
|
73
|
-
return !this.dataGrid.hasPagination ? nothing : html `
|
|
73
|
+
return !this.dataGrid.hasPagination ? html.nothing : html `
|
|
74
74
|
<mo-flex direction='horizontal' gap='4px' alignItems='center' justifyContent='center'>
|
|
75
75
|
<mo-icon-button dense icon=${isRtl ? 'last_page' : 'first_page'}
|
|
76
76
|
?disabled=${this.page === 1}
|
package/dist/DataGridHeader.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ export declare class DataGridHeader<TData> extends Component {
|
|
|
13
13
|
static get styles(): import("@a11d/lit").CSSResult;
|
|
14
14
|
private get skeletonColumns();
|
|
15
15
|
private get separatorAdjustedColumns();
|
|
16
|
-
protected get template(): import("lit-html").
|
|
16
|
+
protected get template(): import("lit-html").HTMLTemplateResult;
|
|
17
17
|
private get detailsExpanderTemplate();
|
|
18
18
|
private get selectionTemplate();
|
|
19
19
|
private get contentTemplate();
|
|
@@ -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;AAEpG,OAAO,EAAoE,QAAQ,EAAwB,MAAM,YAAY,CAAA;AAE7H,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,aAAa,CAAc;IACN,WAAW,UAAQ;cAE5C,SAAS;cAKT,YAAY;IAK/B,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAExC;IAED,OAAO,CAAC,QAAQ,CAAC,6BAA6B,CAQ7C;IAED,WAAoB,MAAM,kCA4BzB;IAED,OAAO,KAAK,eAAe,GAO1B;IAED,OAAO,KAAK,wBAAwB,GAEnC;IAED,cAAuB,QAAQ,0CAS9B;IAED,OAAO,KAAK,uBAAuB,GAYlC;IAED,OAAO,KAAK,iBAAiB,GAQ5B;IAED,OAAO,KAAK,eAAe,GAY1B;IAED,OAAO,CAAC,qBAAqB;IAmB7B,OAAO,KAAK,YAAY,GAQvB;IAED,OAAO,CAAC,IAAI;IAmBZ,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, join, style
|
|
2
|
+
import { component, Component, css, html, ifDefined, property, event, join, style } from '@a11d/lit';
|
|
3
3
|
import { DataGridSelectionMode, DataGridSortingStrategy, DataGridSidePanelTab } from './index.js';
|
|
4
4
|
let DataGridHeader = class DataGridHeader extends Component {
|
|
5
5
|
constructor() {
|
|
@@ -89,9 +89,9 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
89
89
|
`;
|
|
90
90
|
}
|
|
91
91
|
get detailsExpanderTemplate() {
|
|
92
|
-
return this.dataGrid.hasDetails === false ? nothing : html `
|
|
92
|
+
return this.dataGrid.hasDetails === false ? html.nothing : html `
|
|
93
93
|
<mo-flex justifyContent='center' alignItems='center'>
|
|
94
|
-
${!this.dataGrid.hasDetails || !this.dataGrid.multipleDetails ? nothing : html `
|
|
94
|
+
${!this.dataGrid.hasDetails || !this.dataGrid.multipleDetails ? html.nothing : html `
|
|
95
95
|
<mo-icon-button dense ${style({ padding: '-10px 0px 0 -10px' })}
|
|
96
96
|
${style({ display: 'inherit' })}
|
|
97
97
|
icon=${this.dataGrid.allRowDetailsOpen ? 'unfold_less' : 'unfold_more'}
|
|
@@ -102,9 +102,9 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
102
102
|
`;
|
|
103
103
|
}
|
|
104
104
|
get selectionTemplate() {
|
|
105
|
-
return this.dataGrid.hasSelection === false || this.dataGrid.selectionCheckboxesHidden ? nothing : html `
|
|
105
|
+
return this.dataGrid.hasSelection === false || this.dataGrid.selectionCheckboxesHidden ? html.nothing : html `
|
|
106
106
|
<mo-flex justifyContent='center' alignItems='center'>
|
|
107
|
-
${this.dataGrid.selectionMode !== DataGridSelectionMode.Multiple ? nothing : html `
|
|
107
|
+
${this.dataGrid.selectionMode !== DataGridSelectionMode.Multiple ? html.nothing : html `
|
|
108
108
|
<mo-checkbox ${style({ position: 'absolute' })} value=${this.selection} @change=${this.handleSelectionChange}></mo-checkbox>
|
|
109
109
|
`}
|
|
110
110
|
</mo-flex>
|
|
@@ -134,14 +134,14 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
134
134
|
>
|
|
135
135
|
<div class='headerContent' ${style({ width: '100%', textAlign: column.alignment })} title=${column.title || column.heading}>${column.heading}</div>
|
|
136
136
|
|
|
137
|
-
${sortIcon === undefined ? nothing : html `
|
|
137
|
+
${sortIcon === undefined ? html.nothing : html `
|
|
138
138
|
<mo-icon ${style({ color: 'var(--mo-color-accent)' })} icon=${ifDefined(sortIcon)}></mo-icon>
|
|
139
139
|
`}
|
|
140
140
|
</mo-flex>
|
|
141
141
|
`;
|
|
142
142
|
}
|
|
143
143
|
get moreTemplate() {
|
|
144
|
-
return this.dataGrid.hasToolbar || this.dataGrid.sidePanelHidden ? nothing : html `
|
|
144
|
+
return this.dataGrid.hasToolbar || this.dataGrid.sidePanelHidden ? html.nothing : html `
|
|
145
145
|
<mo-flex alignItems='center' justifyContent='center' ${style({ marginInlineEnd: '8px', cursor: 'pointer', position: 'relative' })}>
|
|
146
146
|
<mo-icon-button dense icon='settings' ${style({ color: 'var(--mo-color-accent)', fontSize: 'large' })}
|
|
147
147
|
@click=${() => this.dataGrid.navigateToSidePanelTab(this.dataGrid.sidePanelTab ? undefined : DataGridSidePanelTab.Settings)}
|
|
@@ -11,7 +11,7 @@ export declare class DataGridHeaderSeparator extends Component {
|
|
|
11
11
|
private initialWidth?;
|
|
12
12
|
private targetWidth?;
|
|
13
13
|
static get styles(): import("@a11d/lit").CSSResult;
|
|
14
|
-
protected get template(): import("lit-html").
|
|
14
|
+
protected get template(): import("lit-html").HTMLTemplateResult;
|
|
15
15
|
protected handleMouseUp(): void;
|
|
16
16
|
protected handleMouseMove(e: MouseEvent): void;
|
|
17
17
|
private readonly handleMouseDown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridHeaderSeparator.d.ts","sourceRoot":"","sources":["../DataGridHeaderSeparator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"DataGridHeaderSeparator.d.ts","sourceRoot":"","sources":["../DataGridHeaderSeparator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsE,MAAM,WAAW,CAAA;AACzG,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE5D,wCAAwC;AACxC,qBACa,uBAAwB,SAAQ,SAAS;IAC5C,QAAQ,CAAC,YAAY,EAAG,eAAe,CAAA;IAEpB,QAAQ,EAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC5B,MAAM,EAAG,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAErD,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,KAAK,CAAI;IAE1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAK;IAE7B,OAAO,CAAC,YAAY,CAAC,CAAQ;IAC7B,OAAO,CAAC,WAAW,CAAC,CAAQ;IAE5B,WAAoB,MAAM,kCAoCzB;IAED,cAAuB,QAAQ,0CAU9B;IAGD,SAAS,CAAC,aAAa;IAYvB,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,UAAU;IAmBvC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAG/B;IAED,OAAO,CAAC,cAAc;CAmBtB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,+BAA+B,EAAE,uBAAuB,CAAA;KACxD;CACD"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { Component, component, property, html, css, state, event, eventListener,
|
|
2
|
+
import { Component, component, property, html, css, state, event, eventListener, style } from '@a11d/lit';
|
|
3
3
|
/** @fires columnUpdate {CustomEvent} */
|
|
4
4
|
let DataGridHeaderSeparator = class DataGridHeaderSeparator extends Component {
|
|
5
5
|
constructor() {
|
|
@@ -55,7 +55,7 @@ let DataGridHeaderSeparator = class DataGridHeaderSeparator extends Component {
|
|
|
55
55
|
<div class='knob'></div>
|
|
56
56
|
</div>
|
|
57
57
|
|
|
58
|
-
${this.isResizing === false ? nothing : html `
|
|
58
|
+
${this.isResizing === false ? html.nothing : html `
|
|
59
59
|
<div class='resizerOverlay' ${style({ marginInlineStart: `${this.delta}px` })}></div>
|
|
60
60
|
`}
|
|
61
61
|
`;
|
|
@@ -13,9 +13,9 @@ export declare class DataGridSidePanel<TData> extends Component {
|
|
|
13
13
|
dataGrid: DataGrid<TData, any>;
|
|
14
14
|
tab?: DataGridSidePanelTab;
|
|
15
15
|
static get styles(): import("@a11d/lit").CSSResult;
|
|
16
|
-
protected get template(): import("lit-html").
|
|
17
|
-
protected get filtersTemplate(): import("lit-html").
|
|
18
|
-
protected get settingsTemplate(): import("lit-html").
|
|
16
|
+
protected get template(): import("lit-html").HTMLTemplateResult;
|
|
17
|
+
protected get filtersTemplate(): import("lit-html").HTMLTemplateResult;
|
|
18
|
+
protected get settingsTemplate(): import("lit-html").HTMLTemplateResult;
|
|
19
19
|
private readonly getColumnTemplate;
|
|
20
20
|
}
|
|
21
21
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridSidePanel.d.ts","sourceRoot":"","sources":["../DataGridSidePanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,
|
|
1
|
+
{"version":3,"file":"DataGridSidePanel.d.ts","sourceRoot":"","sources":["../DataGridSidePanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAkC,MAAM,WAAW,CAAA;AAKvF,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAYxC,oBAAY,oBAAoB;IAC/B,QAAQ,aAAa;IACrB,OAAO,YAAY;CACnB;AAED;;;;GAIG;AACH,qBACa,iBAAiB,CAAC,KAAK,CAAE,SAAQ,SAAS;IAC1B,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAC/C,GAAG,CAAC,EAAE,oBAAoB,CAAA;IAEtC,WAAoB,MAAM,kCAkDzB;IAED,cAAuB,QAAQ,0CAmC9B;IAED,SAAS,KAAK,eAAe,0CAM5B;IAED,SAAS,KAAK,gBAAgB,0CA6C7B;IAED,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAcjC;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;KACrD;CACD"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { component, style, Component, css, html, ifDefined,
|
|
2
|
+
import { component, style, Component, css, html, ifDefined, property } from '@a11d/lit';
|
|
3
3
|
import { Localizer } from '@3mo/localization';
|
|
4
4
|
import { tooltip } from '@3mo/tooltip';
|
|
5
5
|
Localizer.register('de', {
|
|
@@ -95,7 +95,7 @@ let DataGridSidePanel = class DataGridSidePanel extends Component {
|
|
|
95
95
|
get template() {
|
|
96
96
|
return html `
|
|
97
97
|
<mo-flex ${style({ height: '100%' })}>
|
|
98
|
-
${this.dataGrid.hasToolbar || this.dataGrid.hasFilters === false ? nothing : html `
|
|
98
|
+
${this.dataGrid.hasToolbar || this.dataGrid.hasFilters === false ? html.nothing : html `
|
|
99
99
|
<mo-tab-bar ${style({ height: '60px' })}
|
|
100
100
|
value=${ifDefined(this.dataGrid.sidePanelTab)}
|
|
101
101
|
@change=${(e) => { var _a; return this.dataGrid.navigateToSidePanelTab((_a = e.detail) !== null && _a !== void 0 ? _a : DataGridSidePanelTab.Settings); }}
|
|
@@ -111,7 +111,7 @@ let DataGridSidePanel = class DataGridSidePanel extends Component {
|
|
|
111
111
|
</mo-tab-bar>
|
|
112
112
|
`}
|
|
113
113
|
|
|
114
|
-
${this.dataGrid.hasToolbar === false && this.dataGrid.hasFilters === true ? nothing : html `
|
|
114
|
+
${this.dataGrid.hasToolbar === false && this.dataGrid.hasFilters === true ? html.nothing : html `
|
|
115
115
|
<mo-flex id='flexHeading' direction='horizontal' alignItems='center'>
|
|
116
116
|
<mo-heading typography='heading6' ${style({ width: '*', color: 'var(--mo-color-on-surface)' })}>${t(this.dataGrid.sidePanelTab === DataGridSidePanelTab.Filters ? 'Extended Filters' : 'Settings')}</mo-heading>
|
|
117
117
|
<mo-icon-button icon='close' dense
|
|
@@ -3,7 +3,7 @@ import { DataGrid, DataGridPagination } from './DataGrid.js';
|
|
|
3
3
|
export declare class FieldSelectDataGridPageSize extends FieldSelect<DataGridPagination> {
|
|
4
4
|
private static readonly data;
|
|
5
5
|
dataGrid?: DataGrid<any>;
|
|
6
|
-
get optionsTemplate(): import("lit-html").
|
|
6
|
+
get optionsTemplate(): import("lit-html").HTMLTemplateResult;
|
|
7
7
|
}
|
|
8
8
|
declare global {
|
|
9
9
|
interface HTMLElementTagNameMap {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldSelectDataGridPageSize.d.ts","sourceRoot":"","sources":["../FieldSelectDataGridPageSize.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE5D,qBACa,2BAA4B,SAAQ,WAAW,CAAC,kBAAkB,CAAC;IAC/E,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAoE;IAEpE,QAAQ,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAA;IAEpD,IAAa,eAAe,
|
|
1
|
+
{"version":3,"file":"FieldSelectDataGridPageSize.d.ts","sourceRoot":"","sources":["../FieldSelectDataGridPageSize.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE5D,qBACa,2BAA4B,SAAQ,WAAW,CAAC,kBAAkB,CAAC;IAC/E,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAoE;IAEpE,QAAQ,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAA;IAEpD,IAAa,eAAe,0CAS3B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qCAAqC,EAAE,2BAA2B,CAAA;KAClE;CACD"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
var FieldSelectDataGridPageSize_1;
|
|
2
2
|
import { __decorate } from "tslib";
|
|
3
|
-
import { component, html, property
|
|
3
|
+
import { component, html, property } from '@a11d/lit';
|
|
4
4
|
import { FieldSelect } from '@3mo/select-field';
|
|
5
5
|
let FieldSelectDataGridPageSize = FieldSelectDataGridPageSize_1 = class FieldSelectDataGridPageSize extends FieldSelect {
|
|
6
6
|
get optionsTemplate() {
|
|
7
7
|
return html `
|
|
8
|
-
${!this.dataGrid || !this.dataGrid.supportsDynamicPageSize ? nothing : html `
|
|
8
|
+
${!this.dataGrid || !this.dataGrid.supportsDynamicPageSize ? html.nothing : html `
|
|
9
9
|
<mo-option value='auto'>Auto</mo-option>
|
|
10
10
|
`}
|
|
11
11
|
${FieldSelectDataGridPageSize_1.data.map(size => html `
|
|
@@ -13,8 +13,8 @@ export declare class DataGridColumnBoolean<TData> extends DataGridColumn<TData,
|
|
|
13
13
|
falseIcon: MaterialIcon;
|
|
14
14
|
trueIconColor: string;
|
|
15
15
|
falseIconColor: string;
|
|
16
|
-
getContentTemplate(value: boolean | undefined, _data: TData): import("lit-html").
|
|
17
|
-
getEditContentTemplate(value: boolean | undefined, data: TData): import("lit-html").
|
|
16
|
+
getContentTemplate(value: boolean | undefined, _data: TData): import("lit-html").HTMLTemplateResult;
|
|
17
|
+
getEditContentTemplate(value: boolean | undefined, data: TData): import("lit-html").HTMLTemplateResult;
|
|
18
18
|
}
|
|
19
19
|
declare global {
|
|
20
20
|
interface HTMLElementTagNameMap {
|
|
@@ -3,9 +3,9 @@ import { DataGridColumnNumberBase } from './DataGridColumnNumberBase.js';
|
|
|
3
3
|
/** @element mo-data-grid-column-currency */
|
|
4
4
|
export declare class DataGridColumnCurrency<TData> extends DataGridColumnNumberBase<TData> {
|
|
5
5
|
currency: Currency;
|
|
6
|
-
getContentTemplate(value: number | undefined, _data: TData): import("lit-html").
|
|
7
|
-
getEditContentTemplate(value: number | undefined, data: TData): import("lit-html").
|
|
8
|
-
getSumTemplate(sum: number): import("lit-html").
|
|
6
|
+
getContentTemplate(value: number | undefined, _data: TData): import("lit-html").HTMLTemplateResult;
|
|
7
|
+
getEditContentTemplate(value: number | undefined, data: TData): import("lit-html").HTMLTemplateResult;
|
|
8
|
+
getSumTemplate(sum: number): import("lit-html").HTMLTemplateResult;
|
|
9
9
|
}
|
|
10
10
|
declare global {
|
|
11
11
|
interface HTMLElementTagNameMap {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { component, html, ifDefined,
|
|
2
|
+
import { component, html, ifDefined, property } from '@a11d/lit';
|
|
3
3
|
import { Currency } from '@3mo/localization';
|
|
4
4
|
import { DataGridColumnNumberBase } from './DataGridColumnNumberBase.js';
|
|
5
5
|
/** @element mo-data-grid-column-currency */
|
|
@@ -11,7 +11,7 @@ let DataGridColumnCurrency = class DataGridColumnCurrency extends DataGridColumn
|
|
|
11
11
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
12
12
|
getContentTemplate(value, _data) {
|
|
13
13
|
var _a, _b;
|
|
14
|
-
return html `${(_b = (_a = this.getNumber(value)) === null || _a === void 0 ? void 0 : _a.formatAsCurrency(this.currency)) !== null && _b !== void 0 ? _b : nothing}`;
|
|
14
|
+
return html `${(_b = (_a = this.getNumber(value)) === null || _a === void 0 ? void 0 : _a.formatAsCurrency(this.currency)) !== null && _b !== void 0 ? _b : html.nothing}`;
|
|
15
15
|
}
|
|
16
16
|
getEditContentTemplate(value, data) {
|
|
17
17
|
return html `
|
|
@@ -5,8 +5,8 @@ import { DataGridColumn } from './DataGridColumn.js';
|
|
|
5
5
|
*/
|
|
6
6
|
export declare class DataGridColumnDate<TData> extends DataGridColumn<TData, Date> {
|
|
7
7
|
hideDatePicker: boolean;
|
|
8
|
-
getContentTemplate(value: Date | undefined, _data: TData): import("lit-html").
|
|
9
|
-
getEditContentTemplate(value: Date | undefined, data: TData): import("lit-html").
|
|
8
|
+
getContentTemplate(value: Date | undefined, _data: TData): import("lit-html").HTMLTemplateResult;
|
|
9
|
+
getEditContentTemplate(value: Date | undefined, data: TData): import("lit-html").HTMLTemplateResult;
|
|
10
10
|
}
|
|
11
11
|
declare global {
|
|
12
12
|
interface HTMLElementTagNameMap {
|
|
@@ -3,7 +3,7 @@ import { DataGridColumn } from './DataGridColumn.js';
|
|
|
3
3
|
* @element mo-data-grid-column-date-time
|
|
4
4
|
*/
|
|
5
5
|
export declare class DataGridColumnDateTime<TData> extends DataGridColumn<TData, Date> {
|
|
6
|
-
getContentTemplate(value: Date | undefined, _data: TData): import("lit-html").
|
|
6
|
+
getContentTemplate(value: Date | undefined, _data: TData): import("lit-html").HTMLTemplateResult;
|
|
7
7
|
getEditContentTemplate: undefined;
|
|
8
8
|
}
|
|
9
9
|
declare global {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { component, html, event,
|
|
2
|
+
import { component, html, event, property, style } from '@a11d/lit';
|
|
3
3
|
import { Localizer } from '@3mo/localization';
|
|
4
4
|
import { tooltip } from '@3mo/tooltip';
|
|
5
5
|
import { DataGridColumn } from './DataGridColumn.js';
|
|
@@ -20,7 +20,7 @@ let DataGridColumnDeletion = class DataGridColumnDeletion extends DataGridColumn
|
|
|
20
20
|
this.width = '40px';
|
|
21
21
|
this.nonSortable = true;
|
|
22
22
|
this.nonEditable = true;
|
|
23
|
-
this.getContentTemplate = (_, data) => this.prevent ? nothing : html `
|
|
23
|
+
this.getContentTemplate = (_, data) => this.prevent ? html.nothing : html `
|
|
24
24
|
<mo-icon-button icon='delete' ${tooltip('Delete position')}
|
|
25
25
|
${style({ color: 'var(--mo-color-gray)', height: '40px' })}
|
|
26
26
|
@click=${() => !data ? void 0 : this.delete.dispatch(data)}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { component, html
|
|
2
|
+
import { component, html } from '@a11d/lit';
|
|
3
3
|
import { DataGridColumn } from './DataGridColumn.js';
|
|
4
4
|
/** @element mo-data-grid-column-image */
|
|
5
5
|
let DataGridColumnImage = class DataGridColumnImage extends DataGridColumn {
|
|
@@ -11,7 +11,7 @@ let DataGridColumnImage = class DataGridColumnImage extends DataGridColumn {
|
|
|
11
11
|
}
|
|
12
12
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
13
13
|
getContentTemplate(value, _data) {
|
|
14
|
-
return !value ? nothing : html `
|
|
14
|
+
return !value ? html.nothing : html `
|
|
15
15
|
<img style='vertical-align: middle' src=${value} onload='this.hidden = false' onerror='this.hidden = true'/>
|
|
16
16
|
`;
|
|
17
17
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { DataGridColumnNumberBase } from './DataGridColumnNumberBase.js';
|
|
2
2
|
/** @element mo-data-grid-column-number */
|
|
3
3
|
export declare class DataGridColumnNumber<TData> extends DataGridColumnNumberBase<TData> {
|
|
4
|
-
getContentTemplate(value: number | undefined, _data: TData): import("lit-html").
|
|
5
|
-
getEditContentTemplate(value: number | undefined, data: TData): import("lit-html").
|
|
6
|
-
getSumTemplate(sum: number): import("lit-html").
|
|
4
|
+
getContentTemplate(value: number | undefined, _data: TData): import("lit-html").HTMLTemplateResult;
|
|
5
|
+
getEditContentTemplate(value: number | undefined, data: TData): import("lit-html").HTMLTemplateResult;
|
|
6
|
+
getSumTemplate(sum: number): import("lit-html").HTMLTemplateResult;
|
|
7
7
|
}
|
|
8
8
|
declare global {
|
|
9
9
|
interface HTMLElementTagNameMap {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import {
|
|
2
|
+
import { component, html, ifDefined, style } from '@a11d/lit';
|
|
3
3
|
import { DataGridColumnNumberBase } from './DataGridColumnNumberBase.js';
|
|
4
4
|
/** @element mo-data-grid-column-number */
|
|
5
5
|
let DataGridColumnNumber = class DataGridColumnNumber extends DataGridColumnNumberBase {
|
|
6
6
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
7
7
|
getContentTemplate(value, _data) {
|
|
8
8
|
var _a, _b;
|
|
9
|
-
return html `${(_b = (_a = this.getNumber(value)) === null || _a === void 0 ? void 0 : _a.format()) !== null && _b !== void 0 ? _b : nothing}`;
|
|
9
|
+
return html `${(_b = (_a = this.getNumber(value)) === null || _a === void 0 ? void 0 : _a.format()) !== null && _b !== void 0 ? _b : html.nothing}`;
|
|
10
10
|
}
|
|
11
11
|
getEditContentTemplate(value, data) {
|
|
12
12
|
return html `
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { DataGridColumnNumberBase } from './DataGridColumnNumberBase.js';
|
|
2
2
|
/** @element mo-data-grid-column-percent */
|
|
3
3
|
export declare class DataGridColumnPercent<TData> extends DataGridColumnNumberBase<TData> {
|
|
4
|
-
getContentTemplate(value: number | undefined, _data: TData): import("lit-html").
|
|
5
|
-
getEditContentTemplate(value: number | undefined, data: TData): import("lit-html").
|
|
6
|
-
getSumTemplate(sum: number): import("lit-html").
|
|
4
|
+
getContentTemplate(value: number | undefined, _data: TData): import("lit-html").HTMLTemplateResult;
|
|
5
|
+
getEditContentTemplate(value: number | undefined, data: TData): import("lit-html").HTMLTemplateResult;
|
|
6
|
+
getSumTemplate(sum: number): import("lit-html").HTMLTemplateResult;
|
|
7
7
|
}
|
|
8
8
|
declare global {
|
|
9
9
|
interface HTMLElementTagNameMap {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { component, html, ifDefined
|
|
2
|
+
import { component, html, ifDefined } from '@a11d/lit';
|
|
3
3
|
import { DataGridColumnNumberBase } from './DataGridColumnNumberBase.js';
|
|
4
4
|
/** @element mo-data-grid-column-percent */
|
|
5
5
|
let DataGridColumnPercent = class DataGridColumnPercent extends DataGridColumnNumberBase {
|
|
6
6
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
7
7
|
getContentTemplate(value, _data) {
|
|
8
8
|
var _a, _b;
|
|
9
|
-
return html `${(_b = (_a = this.getNumber(value)) === null || _a === void 0 ? void 0 : _a.formatAsPercent()) !== null && _b !== void 0 ? _b : nothing}`;
|
|
9
|
+
return html `${(_b = (_a = this.getNumber(value)) === null || _a === void 0 ? void 0 : _a.formatAsPercent()) !== null && _b !== void 0 ? _b : html.nothing}`;
|
|
10
10
|
}
|
|
11
11
|
getEditContentTemplate(value, data) {
|
|
12
12
|
return html `
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { DataGridColumn } from './DataGridColumn.js';
|
|
2
2
|
/** @element mo-data-grid-column-text */
|
|
3
3
|
export declare class DataGridColumnText<TData> extends DataGridColumn<TData, string> {
|
|
4
|
-
getContentTemplate(value: string | undefined, _data: TData): import("lit-html").
|
|
5
|
-
getEditContentTemplate(value: string | undefined, data: TData): import("lit-html").
|
|
4
|
+
getContentTemplate(value: string | undefined, _data: TData): import("lit-html").HTMLTemplateResult;
|
|
5
|
+
getEditContentTemplate(value: string | undefined, data: TData): import("lit-html").HTMLTemplateResult;
|
|
6
6
|
}
|
|
7
7
|
declare global {
|
|
8
8
|
interface HTMLElementTagNameMap {
|
|
@@ -7,7 +7,7 @@ import { Component } from '@a11d/lit';
|
|
|
7
7
|
export declare class DataGridFooterSum extends Component {
|
|
8
8
|
heading: string;
|
|
9
9
|
static get styles(): import("@a11d/lit").CSSResult;
|
|
10
|
-
protected get template(): import("lit-html").
|
|
10
|
+
protected get template(): import("lit-html").HTMLTemplateResult;
|
|
11
11
|
}
|
|
12
12
|
declare global {
|
|
13
13
|
interface HTMLElementTagNameMap {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridFooterSum.d.ts","sourceRoot":"","sources":["../../columns/DataGridFooterSum.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAa,MAAM,WAAW,CAAA;AAErE;;;;GAIG;AACH,qBACa,iBAAkB,SAAQ,SAAS;IACnC,OAAO,SAAK;IAExB,WAAoB,MAAM,kCAiBzB;IAED,cAAuB,QAAQ,
|
|
1
|
+
{"version":3,"file":"DataGridFooterSum.d.ts","sourceRoot":"","sources":["../../columns/DataGridFooterSum.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAa,MAAM,WAAW,CAAA;AAErE;;;;GAIG;AACH,qBACa,iBAAkB,SAAQ,SAAS;IACnC,OAAO,SAAK;IAExB,WAAoB,MAAM,kCAiBzB;IAED,cAAuB,QAAQ,0CAO9B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,iBAAiB,CAAA;KAC5C;CACD"}
|