@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
|
@@ -2,7 +2,7 @@ import { DataGridRow } from './DataGridRow.js';
|
|
|
2
2
|
export declare class DataGridDefaultRow<TData, TDetailsElement extends Element | undefined = undefined> extends DataGridRow<TData, TDetailsElement> {
|
|
3
3
|
static get styles(): import("@a11d/lit").CSSResult;
|
|
4
4
|
updated(...parameters: Parameters<DataGridRow<TData, TDetailsElement>['updated']>): void;
|
|
5
|
-
protected get rowTemplate(): import("lit-html").
|
|
5
|
+
protected get rowTemplate(): import("lit-html").HTMLTemplateResult;
|
|
6
6
|
}
|
|
7
7
|
declare global {
|
|
8
8
|
interface HTMLElementTagNameMap {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridDefaultRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridDefaultRow.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG9C,qBACa,kBAAkB,CAAC,KAAK,EAAE,eAAe,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,CAAE,SAAQ,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC;IAC1I,WAAoB,MAAM,kCA4CzB;IAEQ,OAAO,CAAC,GAAG,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC;IAQ1F,cAAuB,WAAW,
|
|
1
|
+
{"version":3,"file":"DataGridDefaultRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridDefaultRow.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG9C,qBACa,kBAAkB,CAAC,KAAK,EAAE,eAAe,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,CAAE,SAAQ,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC;IAC1I,WAAoB,MAAM,kCA4CzB;IAEQ,OAAO,CAAC,GAAG,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC;IAQ1F,cAAuB,WAAW,0CAOjC;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;KAChD;CACD"}
|
|
@@ -23,7 +23,7 @@ export declare abstract class DataGridRow<TData, TDetailsElement extends Element
|
|
|
23
23
|
updated(...parameters: Parameters<Component['updated']>): void;
|
|
24
24
|
protected get hasDetails(): boolean;
|
|
25
25
|
static get styles(): import("@a11d/lit").CSSResult;
|
|
26
|
-
protected get template():
|
|
26
|
+
protected get template(): HTMLTemplateResult;
|
|
27
27
|
protected abstract get rowTemplate(): HTMLTemplateResult;
|
|
28
28
|
protected get detailsExpanderTemplate(): HTMLTemplateResult;
|
|
29
29
|
protected get selectionTemplate(): HTMLTemplateResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridRow.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DataGridRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAyB,kBAAkB,EAAqB,MAAM,WAAW,CAAA;AAGlH,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAyD,MAAM,aAAa,CAAA;AAE3G;;;;;;;;GAQG;AACH,8BAAsB,WAAW,CAAC,KAAK,EAAE,eAAe,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,CAAE,SAAQ,SAAS;IACzG,QAAQ,CAAC,iBAAiB,EAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE/B,QAAQ,CAAC,KAAK,EAAG,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpE,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;IAC3C,IAAI,EAAG,KAAK,CAAA;IACI,QAAQ,UAAQ;IAazD,WAAW,UAAQ;IAEsB,SAAS,CAAC,eAAe,UAAQ;IAE7E,IAAI,cAAc,gCAEjB;cAEkB,WAAW;IAIrB,OAAO,CAAC,GAAG,UAAU,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAQhE,SAAS,KAAK,UAAU,YAEvB;IAED,WAAoB,MAAM,kCA4FzB;IAED,cAAuB,QAAQ,uBAY9B;IAED,SAAS,CAAC,QAAQ,KAAK,WAAW,IAAI,kBAAkB,CAAA;IAExD,SAAS,KAAK,uBAAuB,uBAepC;IAED,SAAS,KAAK,iBAAiB,uBAc9B;IAED,SAAS,CAAC,eAAe,CAAC,MAAM,EAAE,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAUlG,SAAS,KAAK,6BAA6B,uBAS1C;IAED,SAAS,KAAK,eAAe,uBAK5B;IAED,OAAO,CAAC,YAAY;IAsCpB,SAAS,CAAC,kBAAkB;cAYZ,wBAAwB;cAKxB,wBAAwB;YAK1B,yCAAyC;IAQjD,eAAe,CAAC,UAAU,CAAC,EAAE,UAAU;IAwB7C,OAAO,KAAK,eAAe,GAI1B;IAED,OAAO,KAAK,mBAAmB,GAE9B;IAEK,gBAAgB;IAKtB,SAAS,CAAC,aAAa;IAIvB,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,OAAO;CAIvC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;KACxC;CACD"}
|
package/dist/rows/DataGridRow.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import {
|
|
2
|
+
import { css, property, Component, html, queryAll, style, LitElement, event } from '@a11d/lit';
|
|
3
3
|
import { ContextMenu } from '@3mo/context-menu';
|
|
4
4
|
import { KeyboardController } from '@3mo/keyboard-controller';
|
|
5
5
|
import { DataGridPrimaryContextMenuItem, DataGridSelectionMode } from '../index.js';
|
|
@@ -139,17 +139,17 @@ export class DataGridRow extends Component {
|
|
|
139
139
|
>
|
|
140
140
|
${this.rowTemplate}
|
|
141
141
|
</mo-grid>
|
|
142
|
-
<slot id='detailsContainer'>${this.detailsOpen ? this.detailsTemplate : nothing}</slot>
|
|
142
|
+
<slot id='detailsContainer'>${this.detailsOpen ? this.detailsTemplate : html.nothing}</slot>
|
|
143
143
|
`;
|
|
144
144
|
}
|
|
145
145
|
get detailsExpanderTemplate() {
|
|
146
146
|
var _a, _b;
|
|
147
|
-
return this.dataGrid.hasDetails === false ? nothing : html `
|
|
147
|
+
return this.dataGrid.hasDetails === false ? html.nothing : html `
|
|
148
148
|
<mo-flex justifyContent='center' alignItems='center' ${style({ width: 'var(--mo-data-grid-column-details-width)' })}
|
|
149
149
|
@click=${(e) => e.stopPropagation()}
|
|
150
150
|
@dblclick=${(e) => e.stopPropagation()}
|
|
151
151
|
>
|
|
152
|
-
${this.hasDetails === false ? nothing : html `
|
|
152
|
+
${this.hasDetails === false ? html.nothing : html `
|
|
153
153
|
<mo-icon-button id='detailsExpanderIconButton' ${style({ color: 'var(--mo-color-foreground)' })}
|
|
154
154
|
icon=${getComputedStyle(this).direction === 'rtl' ? 'keyboard_arrow_left' : 'keyboard_arrow_right'}
|
|
155
155
|
?disabled=${((_b = (_a = this.dataGrid).hasDataDetail) === null || _b === void 0 ? void 0 : _b.call(_a, this.data)) === false}
|
|
@@ -161,7 +161,7 @@ export class DataGridRow extends Component {
|
|
|
161
161
|
}
|
|
162
162
|
get selectionTemplate() {
|
|
163
163
|
var _a, _b;
|
|
164
|
-
return this.dataGrid.hasSelection === false || this.dataGrid.selectionCheckboxesHidden ? nothing : html `
|
|
164
|
+
return this.dataGrid.hasSelection === false || this.dataGrid.selectionCheckboxesHidden ? html.nothing : html `
|
|
165
165
|
<mo-flex id='selectionContainer' ${style({ width: 'var(--mo-data-grid-column-selection-width)' })} justifyContent='center' alignItems='center'
|
|
166
166
|
@click=${(e) => e.stopPropagation()}
|
|
167
167
|
@dblclick=${(e) => e.stopPropagation()}
|
|
@@ -176,7 +176,7 @@ export class DataGridRow extends Component {
|
|
|
176
176
|
`;
|
|
177
177
|
}
|
|
178
178
|
getCellTemplate(column) {
|
|
179
|
-
return column.hidden ? nothing : html `
|
|
179
|
+
return column.hidden ? html.nothing : html `
|
|
180
180
|
<mo-data-grid-cell
|
|
181
181
|
.row=${this}
|
|
182
182
|
.column=${column}
|
|
@@ -185,7 +185,7 @@ export class DataGridRow extends Component {
|
|
|
185
185
|
`;
|
|
186
186
|
}
|
|
187
187
|
get contextMenuIconButtonTemplate() {
|
|
188
|
-
return this.dataGrid.hasContextMenu === false ? nothing : html `
|
|
188
|
+
return this.dataGrid.hasContextMenu === false ? html.nothing : html `
|
|
189
189
|
<mo-flex justifyContent='center' alignItems='center'
|
|
190
190
|
@click=${this.openContextMenu}
|
|
191
191
|
@dblclick=${(e) => e.stopPropagation()}
|
|
@@ -197,8 +197,8 @@ export class DataGridRow extends Component {
|
|
|
197
197
|
get detailsTemplate() {
|
|
198
198
|
var _a, _b, _c;
|
|
199
199
|
return !this.hasDetails
|
|
200
|
-
? nothing
|
|
201
|
-
: (_c = (_b = (_a = this.dataGrid).getRowDetailsTemplate) === null || _b === void 0 ? void 0 : _b.call(_a, this.data)) !== null && _c !== void 0 ? _c : nothing;
|
|
200
|
+
? html.nothing
|
|
201
|
+
: (_c = (_b = (_a = this.dataGrid).getRowDetailsTemplate) === null || _b === void 0 ? void 0 : _b.call(_a, this.data)) !== null && _c !== void 0 ? _c : html.nothing;
|
|
202
202
|
}
|
|
203
203
|
setSelection(value) {
|
|
204
204
|
if (this.dataGrid.hasSelection && this.dataGrid.isSelectable(this.data)) {
|
|
@@ -288,7 +288,7 @@ export class DataGridRow extends Component {
|
|
|
288
288
|
}
|
|
289
289
|
get contextMenuTemplate() {
|
|
290
290
|
var _a, _b, _c;
|
|
291
|
-
return (_c = (_b = (_a = this.dataGrid).getRowContextMenuTemplate) === null || _b === void 0 ? void 0 : _b.call(_a, this.contextMenuData)) !== null && _c !== void 0 ? _c : nothing;
|
|
291
|
+
return (_c = (_b = (_a = this.dataGrid).getRowContextMenuTemplate) === null || _b === void 0 ? void 0 : _b.call(_a, this.contextMenuData)) !== null && _c !== void 0 ? _c : html.nothing;
|
|
292
292
|
}
|
|
293
293
|
async closeContextMenu() {
|
|
294
294
|
this.contextMenuOpen = false;
|