@3mo/data-grid 0.7.0 → 0.7.2

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.
Files changed (60) hide show
  1. package/dist/DataGrid.d.ts +5 -10
  2. package/dist/DataGrid.d.ts.map +1 -1
  3. package/dist/DataGrid.js +15 -33
  4. package/dist/DataGridCell.d.ts +2 -2
  5. package/dist/DataGridCell.d.ts.map +1 -1
  6. package/dist/DataGridColumn.d.ts +29 -0
  7. package/dist/DataGridColumn.d.ts.map +1 -0
  8. package/dist/DataGridColumn.js +40 -0
  9. package/dist/DataGridHeader.d.ts +1 -0
  10. package/dist/DataGridHeader.d.ts.map +1 -1
  11. package/dist/DataGridHeader.js +12 -4
  12. package/dist/DataGridHeaderSeparator.d.ts +2 -2
  13. package/dist/DataGridHeaderSeparator.d.ts.map +1 -1
  14. package/dist/DataGridPrimaryContextMenuItem.js +5 -5
  15. package/dist/columns/DataGridColumnBoolean.d.ts +2 -2
  16. package/dist/columns/DataGridColumnBoolean.d.ts.map +1 -1
  17. package/dist/columns/DataGridColumnBoolean.js +2 -2
  18. package/dist/columns/{DataGridColumn.d.ts → DataGridColumnComponent.d.ts} +6 -6
  19. package/dist/columns/DataGridColumnComponent.d.ts.map +1 -0
  20. package/dist/columns/{DataGridColumn.js → DataGridColumnComponent.js} +21 -20
  21. package/dist/columns/DataGridColumnComponent.test.d.ts +2 -0
  22. package/dist/columns/DataGridColumnComponent.test.d.ts.map +1 -0
  23. package/dist/columns/{DataGridColumn.test.js → DataGridColumnComponent.test.js} +3 -3
  24. package/dist/columns/DataGridColumnDeletion.d.ts +2 -2
  25. package/dist/columns/DataGridColumnDeletion.d.ts.map +1 -1
  26. package/dist/columns/DataGridColumnDeletion.js +2 -2
  27. package/dist/columns/DataGridColumnImage.d.ts +2 -2
  28. package/dist/columns/DataGridColumnImage.d.ts.map +1 -1
  29. package/dist/columns/DataGridColumnImage.js +2 -2
  30. package/dist/columns/DataGridColumnText.d.ts +3 -3
  31. package/dist/columns/DataGridColumnText.d.ts.map +1 -1
  32. package/dist/columns/DataGridColumnText.js +4 -4
  33. package/dist/columns/date-time/DataGridColumnDateTimeBase.d.ts +2 -2
  34. package/dist/columns/date-time/DataGridColumnDateTimeBase.d.ts.map +1 -1
  35. package/dist/columns/date-time/DataGridColumnDateTimeBase.js +2 -2
  36. package/dist/columns/index.d.ts +1 -1
  37. package/dist/columns/index.d.ts.map +1 -1
  38. package/dist/columns/index.js +1 -1
  39. package/dist/columns/number/DataGridColumnNumberBase.d.ts +4 -18
  40. package/dist/columns/number/DataGridColumnNumberBase.d.ts.map +1 -1
  41. package/dist/columns/number/DataGridColumnNumberBase.js +7 -6
  42. package/dist/columns/number/DataGridFooterSum.js +20 -20
  43. package/dist/custom-elements.json +217 -217
  44. package/dist/excel.svg.js +47 -47
  45. package/dist/index.d.ts +1 -1
  46. package/dist/index.d.ts.map +1 -1
  47. package/dist/index.js +1 -1
  48. package/dist/rows/DataGridDefaultRow.d.ts.map +1 -1
  49. package/dist/rows/DataGridDefaultRow.js +1 -0
  50. package/dist/rows/DataGridRow.d.ts +4 -3
  51. package/dist/rows/DataGridRow.d.ts.map +1 -1
  52. package/dist/rows/DataGridRow.js +3 -0
  53. package/dist/tsconfig.tsbuildinfo +1 -1
  54. package/package.json +1 -1
  55. package/dist/ColumnDefinition.d.ts +0 -18
  56. package/dist/ColumnDefinition.d.ts.map +0 -1
  57. package/dist/ColumnDefinition.js +0 -1
  58. package/dist/columns/DataGridColumn.d.ts.map +0 -1
  59. package/dist/columns/DataGridColumn.test.d.ts +0 -2
  60. package/dist/columns/DataGridColumn.test.d.ts.map +0 -1
@@ -0,0 +1,2 @@
1
+ import '../index.js';
2
+ //# sourceMappingURL=DataGridColumnComponent.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataGridColumnComponent.test.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnComponent.test.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA"}
@@ -1,9 +1,9 @@
1
1
  import '../index.js';
2
- import { DataGridColumn } from './DataGridColumn.js';
3
- describe('DataGridColumn', () => {
2
+ import { DataGridColumnComponent } from './DataGridColumnComponent.js';
3
+ describe('DataGridColumnComponent', () => {
4
4
  describe('nonEditable', () => {
5
5
  it('should not trigger update when a new passed predicate is equal but not identical', () => {
6
- const hasChanged = DataGridColumn.getPropertyOptions('nonEditable').hasChanged;
6
+ const hasChanged = DataGridColumnComponent.getPropertyOptions('nonEditable').hasChanged;
7
7
  expect(hasChanged?.(false, false)).toBe(false);
8
8
  expect(hasChanged?.(true, true)).toBe(false);
9
9
  expect(hasChanged?.(() => true, () => true)).toBe(false);
@@ -1,5 +1,5 @@
1
1
  import { type MaterialIcon } from '@3mo/icon';
2
- import { DataGridColumn } from './DataGridColumn.js';
2
+ import { DataGridColumnComponent } from './DataGridColumnComponent.js';
3
3
  /**
4
4
  * @element mo-data-grid-column-deletion
5
5
  *
@@ -7,7 +7,7 @@ import { DataGridColumn } from './DataGridColumn.js';
7
7
  *
8
8
  * @fires delete
9
9
  */
10
- export declare class DataGridColumnDeletion<TData> extends DataGridColumn<TData, never> {
10
+ export declare class DataGridColumnDeletion<TData> extends DataGridColumnComponent<TData, never> {
11
11
  readonly delete: EventDispatcher<TData>;
12
12
  icon: MaterialIcon;
13
13
  prevent: boolean;
@@ -1 +1 @@
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"}
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,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAMtE;;;;;;GAMG;AACH,qBACa,sBAAsB,CAAC,KAAK,CAAE,SAAQ,uBAAuB,CAAC,KAAK,EAAE,KAAK,CAAC;IAC9E,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"}
@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
2
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
- import { DataGridColumn } from './DataGridColumn.js';
5
+ import { DataGridColumnComponent } from './DataGridColumnComponent.js';
6
6
  Localizer.register('de', {
7
7
  'Delete position': 'Position entfernen'
8
8
  });
@@ -13,7 +13,7 @@ Localizer.register('de', {
13
13
  *
14
14
  * @fires delete
15
15
  */
16
- let DataGridColumnDeletion = class DataGridColumnDeletion extends DataGridColumn {
16
+ let DataGridColumnDeletion = class DataGridColumnDeletion extends DataGridColumnComponent {
17
17
  constructor() {
18
18
  super(...arguments);
19
19
  this.icon = 'delete';
@@ -1,10 +1,10 @@
1
- import { DataGridColumn } from './DataGridColumn.js';
1
+ import { DataGridColumnComponent } from './DataGridColumnComponent.js';
2
2
  /**
3
3
  * @element mo-data-grid-column-image
4
4
  *
5
5
  * @attr tooltipSelector - The data selector of the column to use as a tooltip. If a function is provided, it will be called with the data as an argument.
6
6
  */
7
- export declare class DataGridColumnImage<TData> extends DataGridColumn<TData, string> {
7
+ export declare class DataGridColumnImage<TData> extends DataGridColumnComponent<TData, string> {
8
8
  tooltipSelector?: KeyPathOf<TData> | ((data: TData) => string | undefined);
9
9
  nonSortable: boolean;
10
10
  nonEditable: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"DataGridColumnImage.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnImage.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAGpD;;;;GAIG;AACH,qBACa,mBAAmB,CAAC,KAAK,CAAE,SAAQ,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC;IAChE,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"}
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"}
@@ -1,13 +1,13 @@
1
1
  import { __decorate } from "tslib";
2
2
  import { component, html, property, style } from '@a11d/lit';
3
- import { DataGridColumn } from './DataGridColumn.js';
3
+ import { DataGridColumnComponent } from './DataGridColumnComponent.js';
4
4
  import { tooltip } from '@3mo/tooltip';
5
5
  /**
6
6
  * @element mo-data-grid-column-image
7
7
  *
8
8
  * @attr tooltipSelector - The data selector of the column to use as a tooltip. If a function is provided, it will be called with the data as an argument.
9
9
  */
10
- let DataGridColumnImage = class DataGridColumnImage extends DataGridColumn {
10
+ let DataGridColumnImage = class DataGridColumnImage extends DataGridColumnComponent {
11
11
  constructor() {
12
12
  super(...arguments);
13
13
  this.nonSortable = true;
@@ -1,7 +1,7 @@
1
- import { DataGridColumn } from './DataGridColumn.js';
1
+ import { DataGridColumnComponent } from './DataGridColumnComponent.js';
2
2
  /** @element mo-data-grid-column-text */
3
- export declare class DataGridColumnText<TData> extends DataGridColumn<TData, string> {
4
- getContentTemplate(value: string | undefined, _data: TData): import("lit-html").HTMLTemplateResult;
3
+ export declare class DataGridColumnText<TData> extends DataGridColumnComponent<TData, string> {
4
+ getContentTemplate(value: string | undefined, data: TData): import("lit-html").HTMLTemplateResult;
5
5
  getEditContentTemplate(value: string | undefined, data: TData): import("lit-html").HTMLTemplateResult;
6
6
  }
7
7
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"DataGridColumnText.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnText.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,wCAAwC;AACxC,qBACa,kBAAkB,CAAC,KAAK,CAAE,SAAQ,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC;IAE3E,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK;IAI1D,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;CAQ7D;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAA;KACvD;CACD"}
1
+ {"version":3,"file":"DataGridColumnText.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnText.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAEtE,wCAAwC;AACxC,qBACa,kBAAkB,CAAC,KAAK,CAAE,SAAQ,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC;IACpF,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;IAKzD,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;CAQ7D;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAA;KACvD;CACD"}
@@ -1,10 +1,10 @@
1
1
  import { __decorate } from "tslib";
2
2
  import { component, html, ifDefined } from '@a11d/lit';
3
- import { DataGridColumn } from './DataGridColumn.js';
3
+ import { DataGridColumnComponent } from './DataGridColumnComponent.js';
4
4
  /** @element mo-data-grid-column-text */
5
- let DataGridColumnText = class DataGridColumnText extends DataGridColumn {
6
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
7
- getContentTemplate(value, _data) {
5
+ let DataGridColumnText = class DataGridColumnText extends DataGridColumnComponent {
6
+ getContentTemplate(value, data) {
7
+ data;
8
8
  return html `${value ?? ''}`;
9
9
  }
10
10
  getEditContentTemplate(value, data) {
@@ -1,12 +1,12 @@
1
1
  import { type literal } from '@a11d/lit';
2
- import { DataGridColumn } from '../DataGridColumn.js';
2
+ import { DataGridColumnComponent } from '../DataGridColumnComponent.js';
3
3
  /**
4
4
  * @attr formatOptions - Options to pass to Date.prototype.format()
5
5
  * @attr pickerHidden - Hides the date/time picker
6
6
  */
7
7
  export declare abstract class DataGridColumnDateTimeBase<TData, TDate extends {
8
8
  format(...options: any[]): string;
9
- }> extends DataGridColumn<TData, TDate> {
9
+ }> extends DataGridColumnComponent<TData, TDate> {
10
10
  static defaultFormatOptions?: Intl.DateTimeFormatOptions;
11
11
  abstract readonly fieldTag: ReturnType<typeof literal>;
12
12
  formatOptions?: Intl.DateTimeFormatOptions;
@@ -1 +1 @@
1
- {"version":3,"file":"DataGridColumnDateTimeBase.d.ts","sourceRoot":"","sources":["../../../columns/date-time/DataGridColumnDateTimeBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,OAAO,EAAoB,MAAM,WAAW,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD;;;GAGG;AACH,8BAAsB,0BAA0B,CAAC,KAAK,EAAE,KAAK,SAAS;IAAE,MAAM,CAAC,GAAG,OAAO,EAAE,GAAG,EAAE,GAAG,MAAM,CAAA;CAAE,CAAE,SAAQ,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC;IAChJ,MAAM,CAAC,oBAAoB,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAA;IACxD,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,CAAA;IAE1B,aAAa,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAA;IACzC,YAAY,UAAQ;IAEjD,SAAS,KAAK,kBAAkB,2CAE/B;IAED,sBAAsB,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;CAY5D"}
1
+ {"version":3,"file":"DataGridColumnDateTimeBase.d.ts","sourceRoot":"","sources":["../../../columns/date-time/DataGridColumnDateTimeBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,OAAO,EAAoB,MAAM,WAAW,CAAA;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAEvE;;;GAGG;AACH,8BAAsB,0BAA0B,CAAC,KAAK,EAAE,KAAK,SAAS;IAAE,MAAM,CAAC,GAAG,OAAO,EAAE,GAAG,EAAE,GAAG,MAAM,CAAA;CAAE,CAAE,SAAQ,uBAAuB,CAAC,KAAK,EAAE,KAAK,CAAC;IACzJ,MAAM,CAAC,oBAAoB,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAA;IACxD,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,CAAA;IAE1B,aAAa,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAA;IACzC,YAAY,UAAQ;IAEjD,SAAS,KAAK,kBAAkB,2CAE/B;IAED,sBAAsB,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;CAY5D"}
@@ -1,11 +1,11 @@
1
1
  import { __decorate } from "tslib";
2
2
  import { property, html, staticHtml } from '@a11d/lit';
3
- import { DataGridColumn } from '../DataGridColumn.js';
3
+ import { DataGridColumnComponent } from '../DataGridColumnComponent.js';
4
4
  /**
5
5
  * @attr formatOptions - Options to pass to Date.prototype.format()
6
6
  * @attr pickerHidden - Hides the date/time picker
7
7
  */
8
- export class DataGridColumnDateTimeBase extends DataGridColumn {
8
+ export class DataGridColumnDateTimeBase extends DataGridColumnComponent {
9
9
  constructor() {
10
10
  super(...arguments);
11
11
  this.pickerHidden = false;
@@ -1,4 +1,4 @@
1
- export * from './DataGridColumn.js';
1
+ export * from './DataGridColumnComponent.js';
2
2
  export * from './DataGridColumnBoolean.js';
3
3
  export * from './DataGridColumnImage.js';
4
4
  export * from './DataGridColumnText.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../columns/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../columns/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA"}
@@ -1,4 +1,4 @@
1
- export * from './DataGridColumn.js';
1
+ export * from './DataGridColumnComponent.js';
2
2
  export * from './DataGridColumnBoolean.js';
3
3
  export * from './DataGridColumnImage.js';
4
4
  export * from './DataGridColumnText.js';
@@ -1,24 +1,10 @@
1
1
  import { type HTMLTemplateResult } from '@a11d/lit';
2
- import { DataGridColumn } from '../DataGridColumn.js';
3
- import type { DataGridColumnAlignment } from '../../ColumnDefinition.js';
4
- export declare abstract class DataGridColumnNumberBase<TData> extends DataGridColumn<TData, number> {
2
+ import { DataGridColumnComponent } from '../DataGridColumnComponent.js';
3
+ import { DataGridColumn, type DataGridColumnAlignment } from '../../DataGridColumn.js';
4
+ export declare abstract class DataGridColumnNumberBase<TData> extends DataGridColumnComponent<TData, number> {
5
5
  sumHeading: string | undefined;
6
6
  textAlign: DataGridColumnAlignment;
7
- get definition(): {
8
- sumHeading: string | undefined;
9
- getSumTemplate: (sum: number) => HTMLTemplateResult;
10
- heading: string;
11
- title?: string | undefined;
12
- 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;
13
- sortDataSelector?: (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) | undefined;
14
- width?: string | undefined;
15
- alignment?: DataGridColumnAlignment | undefined;
16
- hidden?: boolean | undefined;
17
- sortable?: boolean | undefined;
18
- editable?: boolean | Predicate<TData> | undefined;
19
- getContentTemplate?(value: number, data: TData): HTMLTemplateResult;
20
- getEditContentTemplate?(value: number, data: TData): HTMLTemplateResult;
21
- };
7
+ get column(): DataGridColumn<TData, unknown>;
22
8
  protected getNumber(value: number | undefined): number | undefined;
23
9
  abstract getSumTemplate(sum: number): HTMLTemplateResult;
24
10
  }
@@ -1 +1 @@
1
- {"version":3,"file":"DataGridColumnNumberBase.d.ts","sourceRoot":"","sources":["../../../columns/number/DataGridColumnNumberBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAY,MAAM,WAAW,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAExE,8BAAsB,wBAAwB,CAAC,KAAK,CAAE,SAAQ,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC;IAC9E,UAAU,EAAE,MAAM,GAAG,SAAS,CAAY;IACjC,SAAS,EAAE,uBAAuB,CAAQ;IAE/D,IAAa,UAAU;;;;;;;;;;;;;;MAMtB;IAED,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS;IAI7C,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB;CACxD"}
1
+ {"version":3,"file":"DataGridColumnNumberBase.d.ts","sourceRoot":"","sources":["../../../columns/number/DataGridColumnNumberBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAY,MAAM,WAAW,CAAA;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,cAAc,EAAE,KAAK,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAEtF,8BAAsB,wBAAwB,CAAC,KAAK,CAAE,SAAQ,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC;IACvF,UAAU,EAAE,MAAM,GAAG,SAAS,CAAY;IACjC,SAAS,EAAE,uBAAuB,CAAQ;IAE/D,IAAa,MAAM,mCAMlB;IAED,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS;IAI7C,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB;CACxD"}
@@ -1,18 +1,19 @@
1
1
  import { __decorate } from "tslib";
2
2
  import { property } from '@a11d/lit';
3
- import { DataGridColumn } from '../DataGridColumn.js';
4
- export class DataGridColumnNumberBase extends DataGridColumn {
3
+ import { DataGridColumnComponent } from '../DataGridColumnComponent.js';
4
+ import { DataGridColumn } from '../../DataGridColumn.js';
5
+ export class DataGridColumnNumberBase extends DataGridColumnComponent {
5
6
  constructor() {
6
7
  super(...arguments);
7
8
  this.sumHeading = undefined;
8
9
  this.textAlign = 'end';
9
10
  }
10
- get definition() {
11
- return {
12
- ...super.definition,
11
+ get column() {
12
+ return new DataGridColumn({
13
+ ...super.column,
13
14
  sumHeading: this.sumHeading,
14
15
  getSumTemplate: this.getSumTemplate.bind(this),
15
- };
16
+ });
16
17
  }
17
18
  getNumber(value) {
18
19
  return Number.isFinite(value) ? value : undefined;
@@ -13,29 +13,29 @@ let DataGridFooterSum = class DataGridFooterSum extends Component {
13
13
  this.heading = '';
14
14
  }
15
15
  static get styles() {
16
- return css `
17
- :host {
18
- display: flex;
19
- flex-direction: column;
20
- position: relative;
21
- max-height: 100%;
22
- line-height: 1em;
23
- user-select: all;
24
- align-items: flex-end;
25
- }
26
-
27
- div {
28
- color: var(--mo-color-gray);
29
- font-size: 0.75rem;
30
- }
16
+ return css `
17
+ :host {
18
+ display: flex;
19
+ flex-direction: column;
20
+ position: relative;
21
+ max-height: 100%;
22
+ line-height: 1em;
23
+ user-select: all;
24
+ align-items: flex-end;
25
+ }
26
+
27
+ div {
28
+ color: var(--mo-color-gray);
29
+ font-size: 0.75rem;
30
+ }
31
31
  `;
32
32
  }
33
33
  get template() {
34
- return html `
35
- <div>${this.heading}</div>
36
- <mo-flex direction='horizontal' justifyContent='center'>
37
- <slot></slot>
38
- </mo-flex>
34
+ return html `
35
+ <div>${this.heading}</div>
36
+ <mo-flex direction='horizontal' justifyContent='center'>
37
+ <slot></slot>
38
+ </mo-flex>
39
39
  `;
40
40
  }
41
41
  };