@3mo/data-grid 0.5.16 → 0.6.0-rc.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/ColumnDefinition.d.ts +1 -1
- package/dist/ColumnDefinition.d.ts.map +1 -1
- package/dist/DataGrid.d.ts +1 -1
- package/dist/DataGrid.d.ts.map +1 -1
- package/dist/DataGrid.js +20 -22
- package/dist/DataGridCell.d.ts +3 -3
- package/dist/DataGridCell.d.ts.map +1 -1
- package/dist/DataGridFooter.d.ts +1 -1
- package/dist/DataGridFooter.d.ts.map +1 -1
- package/dist/DataGridHeader.d.ts +2 -4
- package/dist/DataGridHeader.d.ts.map +1 -1
- package/dist/DataGridHeader.js +42 -47
- package/dist/DataGridHeaderSeparator.d.ts +4 -5
- package/dist/DataGridHeaderSeparator.d.ts.map +1 -1
- package/dist/DataGridHeaderSeparator.js +35 -28
- package/dist/DataGridPrimaryContextMenuItem.js +5 -5
- package/dist/DataGridSelectionController.d.ts +1 -1
- package/dist/DataGridSelectionController.d.ts.map +1 -1
- package/dist/DataGridSidePanel.d.ts +1 -1
- package/dist/DataGridSidePanel.d.ts.map +1 -1
- package/dist/FieldSelectDataGridPageSize.d.ts +1 -1
- package/dist/FieldSelectDataGridPageSize.d.ts.map +1 -1
- package/dist/columns/DataGridColumn.d.ts +1 -1
- package/dist/columns/DataGridColumn.d.ts.map +1 -1
- package/dist/columns/DataGridColumnBoolean.d.ts +1 -1
- package/dist/columns/DataGridColumnBoolean.d.ts.map +1 -1
- package/dist/columns/DataGridColumnDeletion.d.ts +1 -1
- package/dist/columns/DataGridColumnDeletion.d.ts.map +1 -1
- package/dist/columns/date-time/DataGridColumnDateTimeBase.d.ts +1 -1
- package/dist/columns/date-time/DataGridColumnDateTimeBase.d.ts.map +1 -1
- package/dist/columns/number/DataGridColumnCurrency.d.ts +5 -2
- package/dist/columns/number/DataGridColumnCurrency.d.ts.map +1 -1
- package/dist/columns/number/DataGridColumnCurrency.js +12 -7
- package/dist/columns/number/DataGridColumnNumberBase.d.ts +1 -1
- package/dist/columns/number/DataGridColumnNumberBase.d.ts.map +1 -1
- package/dist/columns/number/DataGridFooterSum.js +20 -20
- package/dist/custom-elements.json +70 -60
- package/dist/excel.svg.js +47 -47
- package/dist/rows/DataGridDefaultRow.d.ts.map +1 -1
- package/dist/rows/DataGridDefaultRow.js +11 -4
- package/dist/rows/DataGridRow.d.ts +4 -4
- package/dist/rows/DataGridRow.d.ts.map +1 -1
- package/dist/rows/DataGridRow.js +16 -13
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnDefinition.d.ts","sourceRoot":"","sources":["../ColumnDefinition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"ColumnDefinition.d.ts","sourceRoot":"","sources":["../ColumnDefinition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAEnD,MAAM,MAAM,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,IAAI;IACvD,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;IAC9B,gBAAgB,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,kBAAkB,CAAA;IACnE,sBAAsB,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,kBAAkB,CAAA;IACvE,cAAc,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAA;CAChD,CAAA"}
|
package/dist/DataGrid.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, PropertyValues, HTMLTemplateResult } from '@a11d/lit';
|
|
1
|
+
import { Component, type PropertyValues, type HTMLTemplateResult } from '@a11d/lit';
|
|
2
2
|
import { LocalStorage } from '@a11d/local-storage';
|
|
3
3
|
import { InstanceofAttributeController } from '@3mo/instanceof-attribute-controller';
|
|
4
4
|
import { SlotController } from '@3mo/slot-controller';
|
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,EAAqC,cAAc,EAAqC,kBAAkB,EAAS,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../DataGrid.ts"],"names":[],"mappings":"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"}
|
package/dist/DataGrid.js
CHANGED
|
@@ -378,7 +378,7 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
378
378
|
:host {
|
|
379
379
|
--mo-data-grid-column-details-width: 20px;
|
|
380
380
|
--mo-data-grid-column-selection-width: 40px;
|
|
381
|
-
--mo-data-grid-column-more-width:
|
|
381
|
+
--mo-data-grid-column-more-width: minmax(28px, 1fr);
|
|
382
382
|
|
|
383
383
|
--mo-data-grid-header-height: 32px;
|
|
384
384
|
--mo-data-grid-footer-min-height: 40px;
|
|
@@ -391,6 +391,8 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
391
391
|
--mo-data-grid-row-tree-line-width: 8px;
|
|
392
392
|
--mo-details-data-grid-start-margin: 26px;
|
|
393
393
|
|
|
394
|
+
--mo-data-grid-sticky-part-color: var(--mo-color-surface-container-high);
|
|
395
|
+
|
|
394
396
|
--mo-data-grid-selection-background: color-mix(in srgb, var(--mo-color-accent), transparent 50%);
|
|
395
397
|
display: flex;
|
|
396
398
|
flex-direction: column;
|
|
@@ -465,7 +467,7 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
465
467
|
|
|
466
468
|
#fab {
|
|
467
469
|
position: absolute;
|
|
468
|
-
|
|
470
|
+
bottom: 8px;
|
|
469
471
|
inset-inline-end: 16px;
|
|
470
472
|
transition: var(--mo-data-grid-fab-transition, 250ms);
|
|
471
473
|
}
|
|
@@ -580,7 +582,7 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
580
582
|
}
|
|
581
583
|
get noContentTemplate() {
|
|
582
584
|
return html `
|
|
583
|
-
<slot name='error-no-content'>
|
|
585
|
+
<slot name='error-no-content' ${style({ display: 'block', gridColumn: '-1 / 1' })}>
|
|
584
586
|
<mo-empty-state icon='youtube_searched_for'>${t('No results')}</mo-empty-state>
|
|
585
587
|
</slot>
|
|
586
588
|
`;
|
|
@@ -589,17 +591,19 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
589
591
|
this.provideCssColumnsProperties();
|
|
590
592
|
this.toggleAttribute('hasDetails', this.hasDetails);
|
|
591
593
|
return html `
|
|
592
|
-
<mo-
|
|
593
|
-
<mo-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
594
|
+
<mo-grid rows='* auto' ${style({ position: 'relative' })}>
|
|
595
|
+
<mo-scroller
|
|
596
|
+
${style({ minHeight: 'var(--mo-data-grid-content-min-height, calc(var(--mo-data-grid-min-visible-rows, 2.5) * var(--mo-data-grid-row-height) + var(--mo-data-grid-header-height)))' })}
|
|
597
|
+
${observeResize(() => this.requestUpdate())}
|
|
598
|
+
@scroll=${this.handleScroll}
|
|
599
|
+
>
|
|
600
|
+
<mo-grid id='content' autoRows='min-content' columns='var(--mo-data-grid-columns)' columnGap='var(--mo-data-grid-columns-gap)'>
|
|
601
|
+
${this.headerTemplate}
|
|
602
|
+
${this.contentTemplate}
|
|
603
|
+
</mo-grid>
|
|
604
|
+
</mo-scroller>
|
|
605
|
+
${this.footerTemplate}
|
|
606
|
+
</mo-grid>
|
|
603
607
|
`;
|
|
604
608
|
}
|
|
605
609
|
get headerTemplate() {
|
|
@@ -608,7 +612,7 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
608
612
|
`;
|
|
609
613
|
}
|
|
610
614
|
get shallVirtualize() {
|
|
611
|
-
return !this.preventVerticalContentScroll && this.renderData.length > this.virtualizationThreshold;
|
|
615
|
+
return false && !this.preventVerticalContentScroll && this.renderData.length > this.virtualizationThreshold;
|
|
612
616
|
}
|
|
613
617
|
get rowsTemplate() {
|
|
614
618
|
const getRowTemplate = (data, index) => this.getRowTemplate(data, index);
|
|
@@ -616,13 +620,7 @@ let DataGrid = DataGrid_1 = class DataGrid extends Component {
|
|
|
616
620
|
? this.renderData.map(getRowTemplate)
|
|
617
621
|
: html `<mo-virtualized-scroller .items=${this.renderData} .getItemTemplate=${getRowTemplate} exportparts='row'></mo-virtualized-scroller>`;
|
|
618
622
|
return html `
|
|
619
|
-
|
|
620
|
-
${style({ gridRow: '2', gridColumn: '1 / last-line', overflowX: 'hidden' })}
|
|
621
|
-
${observeResize(() => this.requestUpdate())}
|
|
622
|
-
@scroll=${this.handleScroll}
|
|
623
|
-
>
|
|
624
|
-
${content}
|
|
625
|
-
</mo-scroller>
|
|
623
|
+
${content}
|
|
626
624
|
`;
|
|
627
625
|
}
|
|
628
626
|
getRowTemplate(data, index, level = 0) {
|
package/dist/DataGridCell.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Component, HTMLTemplateResult } from '@a11d/lit';
|
|
2
|
-
import { ColumnDefinition, DataGridRow } from './index.js';
|
|
1
|
+
import { Component, type HTMLTemplateResult } from '@a11d/lit';
|
|
2
|
+
import { type ColumnDefinition, type DataGridRow } from './index.js';
|
|
3
3
|
/**
|
|
4
4
|
* @element mo-data-grid-cell
|
|
5
5
|
*
|
|
@@ -12,7 +12,7 @@ export declare class DataGridCell<TValue extends KeyPathValueOf<TData>, TData =
|
|
|
12
12
|
column: ColumnDefinition<TData, TValue>;
|
|
13
13
|
row: DataGridRow<TData, TDetailsElement>;
|
|
14
14
|
private editing;
|
|
15
|
-
get dataGrid(): import("DataGrid.js").DataGrid<TData, TDetailsElement>;
|
|
15
|
+
get dataGrid(): import("./DataGrid.js").DataGrid<TData, TDetailsElement>;
|
|
16
16
|
get data(): TData;
|
|
17
17
|
get dataSelector(): object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | (Extract<keyof TData, `${number}`> extends infer T ? T extends Extract<keyof TData, `${number}`> ? T extends keyof TData ? `${T}.${object extends TData[T] ? string : TData[T] extends infer T_1 ? T_1 extends TData[T] ? T_1 extends readonly any[] ? Extract<keyof T_1, `${number}`> | (Extract<keyof T_1, `${number}`> extends infer T_2 ? T_2 extends Extract<keyof T_1, `${number}`> ? T_2 extends keyof T_1 ? never : never : never : never) : T_1 extends object ? Extract<keyof T_1, string> | (Extract<keyof T_1, string> extends infer T_3 ? T_3 extends Extract<keyof T_1, string> ? T_3 extends keyof T_1 ? never : never : never : never) : never : never : never}` : never : never : never) : TData extends object ? Extract<keyof TData, string> | (Extract<keyof TData, string> extends infer T_4 ? T_4 extends Extract<keyof TData, string> ? T_4 extends keyof TData ? `${T_4}.${object extends TData[T_4] ? string : TData[T_4] extends infer T_5 ? T_5 extends TData[T_4] ? T_5 extends readonly any[] ? Extract<keyof T_5, `${number}`> | (Extract<keyof T_5, `${number}`> extends infer T_6 ? T_6 extends Extract<keyof T_5, `${number}`> ? T_6 extends keyof T_5 ? never : never : never : never) : T_5 extends object ? Extract<keyof T_5, string> | (Extract<keyof T_5, string> extends infer T_7 ? T_7 extends Extract<keyof T_5, string> ? T_7 extends keyof T_5 ? never : never : never : never) : never : never : never}` : never : never : never) : never;
|
|
18
18
|
private get cellIndex();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridCell.d.ts","sourceRoot":"","sources":["../DataGridCell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAA6C,kBAAkB,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"DataGridCell.d.ts","sourceRoot":"","sources":["../DataGridCell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAA6C,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAGpH,OAAO,EAAE,KAAK,gBAAgB,EAAuB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAOzF;;;;;;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,+/CAAsC;IAEtD,OAAO,KAAK,SAAS,GAAkD;IACvE,OAAO,KAAK,QAAQ,GAA0D;IAE9E,OAAO,KAAK,gBAAgB,GAAuD;IAEnF,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/DataGridFooter.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridFooter.d.ts","sourceRoot":"","sources":["../DataGridFooter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAA6C,MAAM,WAAW,CAAA;AAIrG,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"DataGridFooter.d.ts","sourceRoot":"","sources":["../DataGridFooter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAA6C,MAAM,WAAW,CAAA;AAIrG,OAAO,EAAE,KAAK,QAAQ,EAA6D,MAAM,YAAY,CAAA;AAYrG;;;;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,kCAazB;IAED,cAAuB,QAAQ,0CAe9B;IAED,OAAO,KAAK,kBAAkB,GA0D7B;IAED,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,KAAK,cAAc,GAwBzB;IAED,OAAO,CAAC,OAAO;CAcf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;KAC9C;CACD"}
|
package/dist/DataGridHeader.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component } from '@a11d/lit';
|
|
2
|
-
import { DataGrid } from './index.js';
|
|
2
|
+
import { type DataGrid } from './index.js';
|
|
3
3
|
export declare class DataGridHeader<TData> extends Component {
|
|
4
4
|
readonly pageChange: EventDispatcher<number>;
|
|
5
5
|
readonly modeSelectionChange: EventDispatcher<string>;
|
|
@@ -11,13 +11,11 @@ export declare class DataGridHeader<TData> extends Component {
|
|
|
11
11
|
private readonly handleDataGridDataChange;
|
|
12
12
|
private readonly handleDataGridSelectionChange;
|
|
13
13
|
static get styles(): import("@a11d/lit").CSSResult;
|
|
14
|
-
private get skeletonColumns();
|
|
15
|
-
private get separatorAdjustedColumns();
|
|
16
14
|
protected get template(): import("lit-html").HTMLTemplateResult;
|
|
17
15
|
private get detailsExpanderTemplate();
|
|
18
16
|
private get selectionTemplate();
|
|
19
17
|
private get contentTemplate();
|
|
20
|
-
private getHeaderCellTemplate;
|
|
18
|
+
private readonly getHeaderCellTemplate;
|
|
21
19
|
private get moreTemplate();
|
|
22
20
|
private sort;
|
|
23
21
|
private toggleAllDetails;
|
|
@@ -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,EAAgD,MAAM,WAAW,CAAA;AAG9F,OAAO,EAAyE,KAAK,QAAQ,EAAwB,MAAM,YAAY,CAAA;AAEvI,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,iBAAiB,CAAQ;IACJ,WAAW,UAAQ;cAE5C,SAAS;cAKT,YAAY;IAK/B,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAExC;IAED,OAAO,CAAC,QAAQ,CAAC,6BAA6B,CAQ7C;IAED,WAAoB,MAAM,kCA+CzB;IAED,cAAuB,QAAQ,0CAO9B;IAED,OAAO,KAAK,uBAAuB,GAYlC;IAED,OAAO,KAAK,iBAAiB,GAQ5B;IAED,OAAO,KAAK,eAAe,GAI1B;IAED,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CA0BrC;IAED,OAAO,KAAK,YAAY,GAUvB;IAED,OAAO,CAAC,IAAI;IAqCZ,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,
|
|
2
|
+
import { component, Component, css, html, ifDefined, property, event, style } from '@a11d/lit';
|
|
3
3
|
import { KeyboardController } from '@3mo/keyboard-controller';
|
|
4
4
|
import { DataGridSelectionMode, DataGridSortingStrategy, DataGridSidePanelTab } from './index.js';
|
|
5
5
|
let DataGridHeader = class DataGridHeader extends Component {
|
|
@@ -21,6 +21,32 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
21
21
|
this.selection = 'indeterminate';
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
|
+
this.getHeaderCellTemplate = (column, index) => {
|
|
25
|
+
const sortingDefinition = this.dataGrid.getSortingDefinition(column);
|
|
26
|
+
const sortIcon = !sortingDefinition ? undefined : sortingDefinition.strategy === DataGridSortingStrategy.Ascending ? 'arrow_upward' : 'arrow_downward';
|
|
27
|
+
const sortingRank = !sortingDefinition || this.dataGrid.getSorting().length <= 1 ? undefined : sortingDefinition.rank;
|
|
28
|
+
return html `
|
|
29
|
+
<mo-flex direction=${column.alignment === 'end' ? 'horizontal-reversed' : 'horizontal'} alignItems='center' ${style({ position: 'relative' })}>
|
|
30
|
+
<mo-flex direction=${column.alignment === 'end' ? 'horizontal-reversed' : 'horizontal'} alignItems='center'
|
|
31
|
+
${style({ overflow: 'hidden', cursor: 'pointer', userSelect: 'none', flex: '1' })}
|
|
32
|
+
@click=${() => this.sort(column)}
|
|
33
|
+
>
|
|
34
|
+
<div class='headerContent' ${style({ width: '100%', textAlign: column.alignment })} title=${column.title || column.heading}>${column.heading}</div>
|
|
35
|
+
|
|
36
|
+
${sortIcon === undefined ? html.nothing : html `
|
|
37
|
+
${!sortingRank ? html.nothing : html `<span class='sort-rank'>${sortingRank}</span>`}
|
|
38
|
+
<mo-icon ${style({ color: 'var(--mo-color-accent)' })} icon=${ifDefined(sortIcon)}></mo-icon>
|
|
39
|
+
`}
|
|
40
|
+
</mo-flex>
|
|
41
|
+
${index === this.dataGrid.visibleColumns.length - 1 ? html.nothing : html `
|
|
42
|
+
<mo-data-grid-header-separator
|
|
43
|
+
.dataGrid=${this.dataGrid}
|
|
44
|
+
.column=${this.dataGrid.visibleColumns[index]}
|
|
45
|
+
></mo-data-grid-header-separator>
|
|
46
|
+
`}
|
|
47
|
+
</mo-flex>
|
|
48
|
+
`;
|
|
49
|
+
};
|
|
24
50
|
this.handleSelectionChange = (e) => {
|
|
25
51
|
const selected = e.target.selected;
|
|
26
52
|
if (selected === true) {
|
|
@@ -44,7 +70,13 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
44
70
|
:host {
|
|
45
71
|
--mo-data-grid-header-separator-height: 15px;
|
|
46
72
|
--mo-data-grid-header-separator-width: 2px;
|
|
47
|
-
display:
|
|
73
|
+
display: grid;
|
|
74
|
+
grid-template-columns: subgrid;
|
|
75
|
+
grid-column: -1 / 1;
|
|
76
|
+
background: var(--mo-data-grid-sticky-part-color);
|
|
77
|
+
position: sticky;
|
|
78
|
+
top: 0;
|
|
79
|
+
z-index: 4;
|
|
48
80
|
font-size: small;
|
|
49
81
|
}
|
|
50
82
|
|
|
@@ -81,25 +113,12 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
81
113
|
}
|
|
82
114
|
`;
|
|
83
115
|
}
|
|
84
|
-
get skeletonColumns() {
|
|
85
|
-
return [
|
|
86
|
-
this.dataGrid.detailsColumnWidth,
|
|
87
|
-
this.dataGrid.selectionColumnWidth,
|
|
88
|
-
'1fr',
|
|
89
|
-
this.dataGrid.moreColumnWidth
|
|
90
|
-
].filter((c) => c !== undefined).join(' ');
|
|
91
|
-
}
|
|
92
|
-
get separatorAdjustedColumns() {
|
|
93
|
-
return this.dataGrid.dataColumnsWidths.join(' var(--mo-data-grid-columns-gap) ');
|
|
94
|
-
}
|
|
95
116
|
get template() {
|
|
96
117
|
return html `
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
${this.moreTemplate}
|
|
102
|
-
</mo-grid>
|
|
118
|
+
${this.detailsExpanderTemplate}
|
|
119
|
+
${this.selectionTemplate}
|
|
120
|
+
${this.contentTemplate}
|
|
121
|
+
${this.moreTemplate}
|
|
103
122
|
`;
|
|
104
123
|
}
|
|
105
124
|
get detailsExpanderTemplate() {
|
|
@@ -126,38 +145,14 @@ let DataGridHeader = class DataGridHeader extends Component {
|
|
|
126
145
|
}
|
|
127
146
|
get contentTemplate() {
|
|
128
147
|
return html `
|
|
129
|
-
|
|
130
|
-
${join(this.dataGrid.visibleColumns.map(column => this.getHeaderCellTemplate(column)), index => html `
|
|
131
|
-
<mo-data-grid-header-separator
|
|
132
|
-
.dataGrid=${this.dataGrid}
|
|
133
|
-
.column=${this.dataGrid.visibleColumns[index]}
|
|
134
|
-
@columnUpdate=${() => this.dataGrid.requestUpdate()}
|
|
135
|
-
></mo-data-grid-header-separator>
|
|
136
|
-
`)}
|
|
137
|
-
</mo-grid>
|
|
138
|
-
`;
|
|
139
|
-
}
|
|
140
|
-
getHeaderCellTemplate(column) {
|
|
141
|
-
const sortingDefinition = this.dataGrid.getSortingDefinition(column);
|
|
142
|
-
const sortIcon = !sortingDefinition ? undefined : sortingDefinition.strategy === DataGridSortingStrategy.Ascending ? 'arrow_upward' : 'arrow_downward';
|
|
143
|
-
const sortingRank = !sortingDefinition || this.dataGrid.getSorting().length <= 1 ? undefined : sortingDefinition.rank;
|
|
144
|
-
return html `
|
|
145
|
-
<mo-flex direction=${column.alignment === 'end' ? 'horizontal-reversed' : 'horizontal'} alignItems='center'
|
|
146
|
-
${style({ overflow: 'hidden', position: 'relative', cursor: 'pointer', userSelect: 'none' })}
|
|
147
|
-
@click=${() => this.sort(column)}
|
|
148
|
-
>
|
|
149
|
-
<div class='headerContent' ${style({ width: '100%', textAlign: column.alignment })} title=${column.title || column.heading}>${column.heading}</div>
|
|
150
|
-
|
|
151
|
-
${sortIcon === undefined ? html.nothing : html `
|
|
152
|
-
${!sortingRank ? html.nothing : html `<span class='sort-rank'>${sortingRank}</span>`}
|
|
153
|
-
<mo-icon ${style({ color: 'var(--mo-color-accent)' })} icon=${ifDefined(sortIcon)}></mo-icon>
|
|
154
|
-
`}
|
|
155
|
-
</mo-flex>
|
|
148
|
+
${this.dataGrid.visibleColumns.map(this.getHeaderCellTemplate)}
|
|
156
149
|
`;
|
|
157
150
|
}
|
|
158
151
|
get moreTemplate() {
|
|
159
152
|
return this.dataGrid.hasToolbar || this.dataGrid.sidePanelHidden ? html.nothing : html `
|
|
160
|
-
<mo-flex alignItems='
|
|
153
|
+
<mo-flex alignItems='end' justifyContent='center'
|
|
154
|
+
${style({ cursor: 'pointer', position: 'sticky', insetInlineEnd: '0px', background: 'var(--mo-data-grid-sticky-part-color)', zIndex: '3' })}
|
|
155
|
+
>
|
|
161
156
|
<mo-icon-button dense icon='settings' ${style({ color: 'var(--mo-color-accent)', fontSize: 'large' })}
|
|
162
157
|
@click=${() => this.dataGrid.navigateToSidePanelTab(this.dataGrid.sidePanelTab ? undefined : DataGridSidePanelTab.Settings)}
|
|
163
158
|
></mo-icon-button>
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import { Component } from '@a11d/lit';
|
|
2
|
-
import { ColumnDefinition, DataGrid } from './index.js';
|
|
3
|
-
/** @fires columnUpdate */
|
|
2
|
+
import { type ColumnDefinition, type DataGrid } from './index.js';
|
|
4
3
|
export declare class DataGridHeaderSeparator extends Component {
|
|
5
|
-
static disableResizing: boolean;
|
|
6
|
-
readonly columnUpdate: EventDispatcher;
|
|
7
4
|
dataGrid: DataGrid<unknown>;
|
|
8
5
|
column: ColumnDefinition<unknown>;
|
|
9
6
|
private isResizing;
|
|
10
|
-
private
|
|
7
|
+
private pointerInlineStart;
|
|
11
8
|
private readonly minimum;
|
|
12
9
|
private initialWidth?;
|
|
13
10
|
private targetWidth?;
|
|
@@ -16,6 +13,8 @@ export declare class DataGridHeaderSeparator extends Component {
|
|
|
16
13
|
protected handleMouseUp(): void;
|
|
17
14
|
protected handleMouseMove(e: MouseEvent): void;
|
|
18
15
|
private readonly handleMouseDown;
|
|
16
|
+
private updatePointerPosition;
|
|
17
|
+
private readonly handleDoubleClick;
|
|
19
18
|
private getColumnWidth;
|
|
20
19
|
}
|
|
21
20
|
declare global {
|
|
@@ -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,EAA+D,MAAM,WAAW,CAAA;AAClG,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAA;AAEjE,qBACa,uBAAwB,SAAQ,SAAS;IACzB,QAAQ,EAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC5B,MAAM,EAAG,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAErD,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,kBAAkB,CAAI;IAEvC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAK;IAE7B,OAAO,CAAC,YAAY,CAAC,CAAQ;IAC7B,OAAO,CAAC,WAAW,CAAC,CAAQ;IAE5B,WAAoB,MAAM,kCA8CzB;IAED,cAAuB,QAAQ,0CAU9B;IAGD,SAAS,CAAC,aAAa;IAavB,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,UAAU;IAkBvC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAI/B;IAED,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAIjC;IAED,OAAO,CAAC,cAAc;CAmBtB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,+BAA+B,EAAE,uBAAuB,CAAA;KACxD;CACD"}
|
|
@@ -1,23 +1,30 @@
|
|
|
1
|
-
var DataGridHeaderSeparator_1;
|
|
2
1
|
import { __decorate } from "tslib";
|
|
3
|
-
import { Component, component, property, html, css, state,
|
|
4
|
-
|
|
5
|
-
let DataGridHeaderSeparator = DataGridHeaderSeparator_1 = class DataGridHeaderSeparator extends Component {
|
|
2
|
+
import { Component, component, property, html, css, state, eventListener, style } from '@a11d/lit';
|
|
3
|
+
let DataGridHeaderSeparator = class DataGridHeaderSeparator extends Component {
|
|
6
4
|
constructor() {
|
|
7
5
|
super(...arguments);
|
|
8
6
|
this.isResizing = false;
|
|
9
|
-
this.
|
|
7
|
+
this.pointerInlineStart = 0;
|
|
10
8
|
this.minimum = 30;
|
|
11
|
-
this.handleMouseDown = () => {
|
|
12
|
-
if (DataGridHeaderSeparator_1.disableResizing) {
|
|
13
|
-
return;
|
|
14
|
-
}
|
|
9
|
+
this.handleMouseDown = (e) => {
|
|
15
10
|
this.isResizing = true;
|
|
16
11
|
this.initialWidth = this.getColumnWidth(this.column);
|
|
12
|
+
this.updatePointerPosition(e);
|
|
13
|
+
};
|
|
14
|
+
this.handleDoubleClick = () => {
|
|
15
|
+
this.isResizing = false;
|
|
16
|
+
this.column.width = 'min-content';
|
|
17
|
+
this.dataGrid.setColumns(this.dataGrid.columns);
|
|
17
18
|
};
|
|
18
19
|
}
|
|
19
20
|
static get styles() {
|
|
20
21
|
return css `
|
|
22
|
+
:host {
|
|
23
|
+
position: absolute;
|
|
24
|
+
inset-inline-end: calc(var(--mo-data-grid-columns-gap) * -1);
|
|
25
|
+
z-index: 2;
|
|
26
|
+
}
|
|
27
|
+
|
|
21
28
|
div.separator {
|
|
22
29
|
display: flex;
|
|
23
30
|
align-items: center;
|
|
@@ -49,6 +56,7 @@ let DataGridHeaderSeparator = DataGridHeaderSeparator_1 = class DataGridHeaderSe
|
|
|
49
56
|
|
|
50
57
|
:host(:not([disabled])) .resizerOverlay {
|
|
51
58
|
position: fixed;
|
|
59
|
+
pointer-events: none;
|
|
52
60
|
top: 0;
|
|
53
61
|
height: 100%;
|
|
54
62
|
background: var(--mo-color-gray);
|
|
@@ -57,41 +65,44 @@ let DataGridHeaderSeparator = DataGridHeaderSeparator_1 = class DataGridHeaderSe
|
|
|
57
65
|
`;
|
|
58
66
|
}
|
|
59
67
|
get template() {
|
|
60
|
-
this.toggleAttribute('disabled', DataGridHeaderSeparator_1.disableResizing);
|
|
61
68
|
return html `
|
|
62
|
-
<div class='separator' @mousedown=${this.handleMouseDown}>
|
|
69
|
+
<div class='separator' @mousedown=${this.handleMouseDown} @dblclick=${this.handleDoubleClick}>
|
|
63
70
|
<div class='knob'></div>
|
|
64
71
|
</div>
|
|
65
72
|
|
|
66
73
|
${this.isResizing === false ? html.nothing : html `
|
|
67
|
-
<div class='resizerOverlay' ${style({
|
|
74
|
+
<div class='resizerOverlay' ${style({ insetInlineStart: `${this.pointerInlineStart}px` })}></div>
|
|
68
75
|
`}
|
|
69
76
|
`;
|
|
70
77
|
}
|
|
71
78
|
handleMouseUp() {
|
|
72
|
-
if (!this.isResizing
|
|
79
|
+
if (!this.isResizing) {
|
|
73
80
|
return;
|
|
74
81
|
}
|
|
75
82
|
this.isResizing = false;
|
|
76
|
-
this.delta = 0;
|
|
77
83
|
this.initialWidth = undefined;
|
|
78
|
-
this.
|
|
84
|
+
if (this.targetWidth) {
|
|
85
|
+
this.column.width = `${this.targetWidth}px`;
|
|
86
|
+
}
|
|
79
87
|
this.dataGrid.setColumns(this.dataGrid.columns);
|
|
80
|
-
this.columnUpdate.dispatch();
|
|
81
88
|
}
|
|
82
89
|
handleMouseMove(e) {
|
|
83
|
-
if (this.isResizing === false || this.initialWidth === undefined
|
|
90
|
+
if (this.isResizing === false || this.initialWidth === undefined) {
|
|
84
91
|
return;
|
|
85
92
|
}
|
|
86
|
-
|
|
87
|
-
const
|
|
88
|
-
|
|
89
|
-
|
|
93
|
+
this.updatePointerPosition(e);
|
|
94
|
+
const isRtl = getComputedStyle(this).direction === 'rtl';
|
|
95
|
+
const { left: offsetLeft, right: offsetRight } = this.getBoundingClientRect();
|
|
96
|
+
const offsetInlineStart = !isRtl ? offsetLeft : offsetRight;
|
|
97
|
+
this.targetWidth = this.initialWidth + this.pointerInlineStart - offsetInlineStart;
|
|
90
98
|
if (this.targetWidth < this.minimum) {
|
|
91
|
-
this.delta = this.minimum - this.initialWidth;
|
|
92
99
|
this.targetWidth = this.minimum;
|
|
93
100
|
}
|
|
94
101
|
}
|
|
102
|
+
updatePointerPosition(e) {
|
|
103
|
+
const isRtl = getComputedStyle(this).direction === 'rtl';
|
|
104
|
+
this.pointerInlineStart = !isRtl ? e.clientX : window.innerWidth - e.clientX;
|
|
105
|
+
}
|
|
95
106
|
getColumnWidth(column) {
|
|
96
107
|
if (column.hidden === true) {
|
|
97
108
|
return 0;
|
|
@@ -110,10 +121,6 @@ let DataGridHeaderSeparator = DataGridHeaderSeparator_1 = class DataGridHeaderSe
|
|
|
110
121
|
return targetColumn.clientWidth || 0;
|
|
111
122
|
}
|
|
112
123
|
};
|
|
113
|
-
DataGridHeaderSeparator.disableResizing = false;
|
|
114
|
-
__decorate([
|
|
115
|
-
event()
|
|
116
|
-
], DataGridHeaderSeparator.prototype, "columnUpdate", void 0);
|
|
117
124
|
__decorate([
|
|
118
125
|
property({ type: Object })
|
|
119
126
|
], DataGridHeaderSeparator.prototype, "dataGrid", void 0);
|
|
@@ -125,14 +132,14 @@ __decorate([
|
|
|
125
132
|
], DataGridHeaderSeparator.prototype, "isResizing", void 0);
|
|
126
133
|
__decorate([
|
|
127
134
|
state()
|
|
128
|
-
], DataGridHeaderSeparator.prototype, "
|
|
135
|
+
], DataGridHeaderSeparator.prototype, "pointerInlineStart", void 0);
|
|
129
136
|
__decorate([
|
|
130
137
|
eventListener({ target: window, type: 'mouseup' })
|
|
131
138
|
], DataGridHeaderSeparator.prototype, "handleMouseUp", null);
|
|
132
139
|
__decorate([
|
|
133
140
|
eventListener({ target: window, type: 'mousemove' })
|
|
134
141
|
], DataGridHeaderSeparator.prototype, "handleMouseMove", null);
|
|
135
|
-
DataGridHeaderSeparator =
|
|
142
|
+
DataGridHeaderSeparator = __decorate([
|
|
136
143
|
component('mo-data-grid-header-separator')
|
|
137
144
|
], DataGridHeaderSeparator);
|
|
138
145
|
export { DataGridHeaderSeparator };
|
|
@@ -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
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridSelectionController.d.ts","sourceRoot":"","sources":["../DataGridSelectionController.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAyB,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"DataGridSelectionController.d.ts","sourceRoot":"","sources":["../DataGridSelectionController.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,KAAK,QAAQ,EAAyB,MAAM,YAAY,CAAA;AAEjE,qBAAa,2BAA2B,CAAC,KAAK,CAAE,SAAQ,UAAU;IAMrD,OAAO,CAAC,QAAQ,CAAC,QAAQ;IALrC,OAAO,CAAC,mBAAmB,CAAC,CAG3B;gBAE4B,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC;IAI3D,IAAI,YAAY,YAEf;IAED,OAAO,KAAK,IAAI,GAAyC;IAEzD,OAAO,KAAK,IAAI,GAAyC;IACzD,OAAO,KAAK,cAAc,GAAyD;IAEnF,OAAO,KAAK,YAAY,GAAwC;IAChE,OAAO,KAAK,YAAY,QAA4C;IAEpE,OAAO,KAAK,sBAAsB,GASjC;IAED,YAAY,CAAC,IAAI,EAAE,KAAK;IAIxB,SAAS;IAMT,WAAW;IAIX,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;IAQzB,4BAA4B;IAI5B,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO;CAqC3C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridSidePanel.d.ts","sourceRoot":"","sources":["../DataGridSidePanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAwC,MAAM,WAAW,CAAA;AAI7F,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"DataGridSidePanel.d.ts","sourceRoot":"","sources":["../DataGridSidePanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAwC,MAAM,WAAW,CAAA;AAI7F,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAY7C,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,kCA2CzB;IAED,cAAuB,QAAQ,0CAmC9B;IAED,SAAS,KAAK,eAAe,0CAM5B;IAED,SAAS,KAAK,gBAAgB,0CAgC7B;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 { FieldSelect } from '@3mo/select-field';
|
|
2
|
-
import { DataGrid, DataGridPagination } from './DataGrid.js';
|
|
2
|
+
import { type DataGrid, type DataGridPagination } from './DataGrid.js';
|
|
3
3
|
export declare class FieldSelectDataGridPageSize extends FieldSelect<DataGridPagination> {
|
|
4
4
|
private static readonly data;
|
|
5
5
|
dataGrid?: DataGrid<any>;
|
|
@@ -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;
|
|
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,KAAK,QAAQ,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEtE,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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridColumn.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,kBAAkB,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"DataGridColumn.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAE9D;;;;;;;;;;GAUG;AACH,8BAAsB,cAAc,CAAC,KAAK,EAAE,MAAM,CAAE,SAAQ,SAAS;IACpE,MAAM,CAAC,QAAQ,CAAC,KAAK,SAAkC;IAEvD,OAAO,CAAC,MAAM,CAAC,aAAa;IAIA,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,SAAS,CAAA;IAE3D,KAAK,SAAuB;IACF,MAAM,UAAQ;IACvB,OAAO,SAAK;IACZ,SAAS,SAAU;IACV,KAAK,EAAG,MAAM,CAAA;IACvB,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,UAAU,IAAI,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CAehD;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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridColumnBoolean.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnBoolean.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;
|
|
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,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD;;;;;;;GAOG;AACH,qBACa,qBAAqB,CAAC,KAAK,CAAE,SAAQ,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC;IACnE,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;CAQ9D;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,6BAA6B,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;KAC7D;CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridColumnDeletion.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnDeletion.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"DataGridColumnDeletion.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnDeletion.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AAG7C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAMpD;;;;;;GAMG;AACH,qBACa,sBAAsB,CAAC,KAAK,CAAE,SAAQ,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC;IACrE,QAAQ,CAAC,MAAM,EAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAErC,IAAI,EAAE,YAAY,CAAW;IACZ,OAAO,UAAQ;IAEnC,KAAK,SAAS;IACd,WAAW,UAAO;IAClB,WAAW,UAAO;IAE3B,kBAAkB,MAAO,KAAK,SAAS,KAAK,2CAM3C;IAED,sBAAsB,YAAY;CAClC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,8BAA8B,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAA;KAC/D;CACD"}
|