@3mo/data-grid 0.6.6 → 0.7.1

package/dist/columns/{DataGridColumn.js → DataGridColumnComponent.js}

@@ -1,21 +1,22 @@
 import { __decorate } from "tslib";
 import { Component, property } from '@a11d/lit';
 import { DataGrid } from '../DataGrid.js';
+import { DataGridColumn } from '../DataGridColumn.js';
 /**
  * @attr width - The width of the column
  * @attr hidden - Whether the column is hidden. The column can be made visible by the user in the settings panel if available.
  * @attr heading - The heading of the column
  * @attr textAlign - The text alignment of the column
- * @attr title - The title of the column
+ * @attr description - The description of the column. It will be displayed as a tooltip on the heading.
  * @attr dataSelector - The data selector of the column
  * @attr sortDataSelector - The data selector of the column
  * @attr nonSortable - Whether the column is sortable
  * @attr nonEditable - Whether the column is editable
  */
-export class DataGridColumn extends Component {
+export class DataGridColumnComponent extends Component {
     constructor() {
         super(...arguments);
-        this.width = 'minmax(100px, 1fr)';
+        this.width = 'max-content';
         this.hidden = false;
         this.heading = '';
         this.textAlign = 'start';
@@ -23,26 +24,26 @@ export class DataGridColumn extends Component {
         this.nonEditable = false;
     }
     static getProportion(value) {
-        return Number(value.replace(DataGridColumn.regex, '$1') || 1);
+        return Number(value.replace(DataGridColumnComponent.regex, '$1') || 1);
     }
-    get definition() {
+    get column() {
         const nonEditable = this.nonEditable;
-        return {
+        return new DataGridColumn({
             dataSelector: this.dataSelector,
             sortDataSelector: this.sortDataSelector,
             heading: this.heading,
-            title: this.title || undefined,
+            description: this.description,
             alignment: this.textAlign,
             hidden: this.hidden,
-            width: !DataGridColumn.regex.test(this.width) ? this.width : `${DataGridColumn.getProportion(this.width)}fr`,
+            width: !DataGridColumnComponent.regex.test(this.width) ? this.width : `${DataGridColumnComponent.getProportion(this.width)}fr`,
             sortable: !this.nonSortable,
             editable: this.getEditContentTemplate !== undefined && (typeof nonEditable !== 'function' ? !nonEditable : x => !nonEditable(x)),
             getContentTemplate: this.getContentTemplate.bind(this),
             getEditContentTemplate: this.getEditContentTemplate?.bind(this),
-        };
+        });
     }
     handleEdit(value, data) {
-        this.dataGrid?.handleEdit(data, this, value);
+        this.dataGrid?.handleEdit(data, this.column, value);
     }
     connectedCallback() {
         if (this.parentElement instanceof DataGrid) {
@@ -55,34 +56,34 @@ export class DataGridColumn extends Component {
         this.dataGrid?.requestUpdate();
     }
 }
-DataGridColumn.regex = /^\s*(0|[1-9][0-9]*)?\s*\*\s*$/;
+DataGridColumnComponent.regex = /^\s*(0|[1-9][0-9]*)?\s*\*\s*$/;
 __decorate([
     property({ type: Object })
-], DataGridColumn.prototype, "dataGrid", void 0);
+], DataGridColumnComponent.prototype, "dataGrid", void 0);
 __decorate([
     property()
-], DataGridColumn.prototype, "width", void 0);
+], DataGridColumnComponent.prototype, "width", void 0);
 __decorate([
     property({ type: Boolean })
-], DataGridColumn.prototype, "hidden", void 0);
+], DataGridColumnComponent.prototype, "hidden", void 0);
 __decorate([
     property({ reflect: true })
-], DataGridColumn.prototype, "heading", void 0);
+], DataGridColumnComponent.prototype, "heading", void 0);
 __decorate([
     property({ reflect: true })
-], DataGridColumn.prototype, "textAlign", void 0);
+], DataGridColumnComponent.prototype, "description", void 0);
 __decorate([
     property({ reflect: true })
-], DataGridColumn.prototype, "title", void 0);
+], DataGridColumnComponent.prototype, "textAlign", void 0);
 __decorate([
     property({ reflect: true })
-], DataGridColumn.prototype, "dataSelector", void 0);
+], DataGridColumnComponent.prototype, "dataSelector", void 0);
 __decorate([
     property({ reflect: true })
-], DataGridColumn.prototype, "sortDataSelector", void 0);
+], DataGridColumnComponent.prototype, "sortDataSelector", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], DataGridColumn.prototype, "nonSortable", void 0);
+], DataGridColumnComponent.prototype, "nonSortable", void 0);
 __decorate([
     property({
         type: Boolean,
@@ -91,4 +92,4 @@ __decorate([
             return String(value) !== String(oldValue);
         }
     })
-], DataGridColumn.prototype, "nonEditable", void 0);
+], DataGridColumnComponent.prototype, "nonEditable", void 0);

package/dist/columns/DataGridColumnComponent.test.d.ts

@@ -0,0 +1,2 @@
+import '../index.js';
+//# sourceMappingURL=DataGridColumnComponent.test.d.ts.map

package/dist/columns/DataGridColumnComponent.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumnComponent.test.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnComponent.test.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA"}

package/dist/columns/{DataGridColumn.test.js → DataGridColumnComponent.test.js}

@@ -1,9 +1,9 @@
 import '../index.js';
-import { DataGridColumn } from './DataGridColumn.js';
-describe('DataGridColumn', () => {
+import { DataGridColumnComponent } from './DataGridColumnComponent.js';
+describe('DataGridColumnComponent', () => {
     describe('nonEditable', () => {
         it('should not trigger update when a new passed predicate is equal but not identical', () => {
-            const hasChanged = DataGridColumn.getPropertyOptions('nonEditable').hasChanged;
+            const hasChanged = DataGridColumnComponent.getPropertyOptions('nonEditable').hasChanged;
             expect(hasChanged?.(false, false)).toBe(false);
             expect(hasChanged?.(true, true)).toBe(false);
             expect(hasChanged?.(() => true, () => true)).toBe(false);

package/dist/columns/DataGridColumnDeletion.d.ts

@@ -1,5 +1,5 @@
 import { type MaterialIcon } from '@3mo/icon';
-import { DataGridColumn } from './DataGridColumn.js';
+import { DataGridColumnComponent } from './DataGridColumnComponent.js';
 /**
  * @element mo-data-grid-column-deletion
  *
@@ -7,7 +7,7 @@ import { DataGridColumn } from './DataGridColumn.js';
  *
  * @fires delete
  */
-export declare class DataGridColumnDeletion<TData> extends DataGridColumn<TData, never> {
+export declare class DataGridColumnDeletion<TData> extends DataGridColumnComponent<TData, never> {
     readonly delete: EventDispatcher<TData>;
     icon: MaterialIcon;
     prevent: boolean;

package/dist/columns/DataGridColumnDeletion.d.ts.map

@@ -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"}
+{"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"}

package/dist/columns/DataGridColumnDeletion.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { component, html, event, property, style } from '@a11d/lit';
 import { Localizer } from '@3mo/localization';
 import { tooltip } from '@3mo/tooltip';
-import { DataGridColumn } from './DataGridColumn.js';
+import { DataGridColumnComponent } from './DataGridColumnComponent.js';
 Localizer.register('de', {
     'Delete position': 'Position entfernen'
 });
@@ -13,7 +13,7 @@ Localizer.register('de', {
  *
  * @fires delete
  */
-let DataGridColumnDeletion = class DataGridColumnDeletion extends DataGridColumn {
+let DataGridColumnDeletion = class DataGridColumnDeletion extends DataGridColumnComponent {
     constructor() {
         super(...arguments);
         this.icon = 'delete';

package/dist/columns/DataGridColumnImage.d.ts

@@ -1,10 +1,10 @@
-import { DataGridColumn } from './DataGridColumn.js';
+import { DataGridColumnComponent } from './DataGridColumnComponent.js';
 /**
  * @element mo-data-grid-column-image
  *
  * @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.
  */
-export declare class DataGridColumnImage<TData> extends DataGridColumn<TData, string> {
+export declare class DataGridColumnImage<TData> extends DataGridColumnComponent<TData, string> {
     tooltipSelector?: KeyPathOf<TData> | ((data: TData) => string | undefined);
     nonSortable: boolean;
     nonEditable: boolean;

package/dist/columns/DataGridColumnImage.d.ts.map

@@ -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"}
+{"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"}

package/dist/columns/DataGridColumnImage.js

@@ -1,13 +1,13 @@
 import { __decorate } from "tslib";
 import { component, html, property, style } from '@a11d/lit';
-import { DataGridColumn } from './DataGridColumn.js';
+import { DataGridColumnComponent } from './DataGridColumnComponent.js';
 import { tooltip } from '@3mo/tooltip';
 /**
  * @element mo-data-grid-column-image
  *
  * @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.
  */
-let DataGridColumnImage = class DataGridColumnImage extends DataGridColumn {
+let DataGridColumnImage = class DataGridColumnImage extends DataGridColumnComponent {
     constructor() {
         super(...arguments);
         this.nonSortable = true;

package/dist/columns/DataGridColumnText.d.ts

@@ -1,7 +1,7 @@
-import { DataGridColumn } from './DataGridColumn.js';
+import { DataGridColumnComponent } from './DataGridColumnComponent.js';
 /** @element mo-data-grid-column-text */
-export declare class DataGridColumnText<TData> extends DataGridColumn<TData, string> {
-    getContentTemplate(value: string | undefined, _data: TData): import("lit-html").HTMLTemplateResult;
+export declare class DataGridColumnText<TData> extends DataGridColumnComponent<TData, string> {
+    getContentTemplate(value: string | undefined, data: TData): import("lit-html").HTMLTemplateResult;
     getEditContentTemplate(value: string | undefined, data: TData): import("lit-html").HTMLTemplateResult;
 }
 declare global {

package/dist/columns/DataGridColumnText.d.ts.map

@@ -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"}
+{"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"}

package/dist/columns/DataGridColumnText.js

@@ -1,10 +1,10 @@
 import { __decorate } from "tslib";
 import { component, html, ifDefined } from '@a11d/lit';
-import { DataGridColumn } from './DataGridColumn.js';
+import { DataGridColumnComponent } from './DataGridColumnComponent.js';
 /** @element mo-data-grid-column-text */
-let DataGridColumnText = class DataGridColumnText extends DataGridColumn {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    getContentTemplate(value, _data) {
+let DataGridColumnText = class DataGridColumnText extends DataGridColumnComponent {
+    getContentTemplate(value, data) {
+        data;
         return html `${value ?? ''}`;
     }
     getEditContentTemplate(value, data) {

package/dist/columns/date-time/DataGridColumnDateTimeBase.d.ts

@@ -1,12 +1,12 @@
 import { type literal } from '@a11d/lit';
-import { DataGridColumn } from '../DataGridColumn.js';
+import { DataGridColumnComponent } from '../DataGridColumnComponent.js';
 /**
  * @attr formatOptions - Options to pass to Date.prototype.format()
  * @attr pickerHidden - Hides the date/time picker
  */
 export declare abstract class DataGridColumnDateTimeBase<TData, TDate extends {
     format(...options: any[]): string;
-}> extends DataGridColumn<TData, TDate> {
+}> extends DataGridColumnComponent<TData, TDate> {
     static defaultFormatOptions?: Intl.DateTimeFormatOptions;
     abstract readonly fieldTag: ReturnType<typeof literal>;
     formatOptions?: Intl.DateTimeFormatOptions;

package/dist/columns/date-time/DataGridColumnDateTimeBase.d.ts.map

@@ -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"}
+{"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"}

package/dist/columns/date-time/DataGridColumnDateTimeBase.js

@@ -1,11 +1,11 @@
 import { __decorate } from "tslib";
 import { property, html, staticHtml } from '@a11d/lit';
-import { DataGridColumn } from '../DataGridColumn.js';
+import { DataGridColumnComponent } from '../DataGridColumnComponent.js';
 /**
  * @attr formatOptions - Options to pass to Date.prototype.format()
  * @attr pickerHidden - Hides the date/time picker
  */
-export class DataGridColumnDateTimeBase extends DataGridColumn {
+export class DataGridColumnDateTimeBase extends DataGridColumnComponent {
     constructor() {
         super(...arguments);
         this.pickerHidden = false;

package/dist/columns/index.d.ts

@@ -1,4 +1,4 @@
-export * from './DataGridColumn.js';
+export * from './DataGridColumnComponent.js';
 export * from './DataGridColumnBoolean.js';
 export * from './DataGridColumnImage.js';
 export * from './DataGridColumnText.js';

package/dist/columns/index.d.ts.map

@@ -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"}
+{"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"}

package/dist/columns/index.js

@@ -1,4 +1,4 @@
-export * from './DataGridColumn.js';
+export * from './DataGridColumnComponent.js';
 export * from './DataGridColumnBoolean.js';
 export * from './DataGridColumnImage.js';
 export * from './DataGridColumnText.js';

package/dist/columns/number/DataGridColumnNumberBase.d.ts

@@ -1,24 +1,10 @@
 import { type HTMLTemplateResult } from '@a11d/lit';
-import { DataGridColumn } from '../DataGridColumn.js';
-import type { DataGridColumnAlignment } from '../../ColumnDefinition.js';
-export declare abstract class DataGridColumnNumberBase<TData> extends DataGridColumn<TData, number> {
+import { DataGridColumnComponent } from '../DataGridColumnComponent.js';
+import { DataGridColumn, type DataGridColumnAlignment } from '../../DataGridColumn.js';
+export declare abstract class DataGridColumnNumberBase<TData> extends DataGridColumnComponent<TData, number> {
     sumHeading: string | undefined;
     textAlign: DataGridColumnAlignment;
-    get definition(): {
-        sumHeading: string | undefined;
-        getSumTemplate: (sum: number) => HTMLTemplateResult;
-        heading: string;
-        title?: string | undefined;
-        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;
-        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;
-        width?: string | undefined;
-        alignment?: DataGridColumnAlignment | undefined;
-        hidden?: boolean | undefined;
-        sortable?: boolean | undefined;
-        editable?: boolean | Predicate<TData> | undefined;
-        getContentTemplate?(value: number, data: TData): HTMLTemplateResult;
-        getEditContentTemplate?(value: number, data: TData): HTMLTemplateResult;
-    };
+    get column(): DataGridColumn<TData, unknown>;
     protected getNumber(value: number | undefined): number | undefined;
     abstract getSumTemplate(sum: number): HTMLTemplateResult;
 }

package/dist/columns/number/DataGridColumnNumberBase.d.ts.map

@@ -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"}
+{"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"}

package/dist/columns/number/DataGridColumnNumberBase.js

@@ -1,18 +1,19 @@
 import { __decorate } from "tslib";
 import { property } from '@a11d/lit';
-import { DataGridColumn } from '../DataGridColumn.js';
-export class DataGridColumnNumberBase extends DataGridColumn {
+import { DataGridColumnComponent } from '../DataGridColumnComponent.js';
+import { DataGridColumn } from '../../DataGridColumn.js';
+export class DataGridColumnNumberBase extends DataGridColumnComponent {
     constructor() {
         super(...arguments);
         this.sumHeading = undefined;
         this.textAlign = 'end';
     }
-    get definition() {
-        return {
-            ...super.definition,
+    get column() {
+        return new DataGridColumn({
+            ...super.column,
             sumHeading: this.sumHeading,
             getSumTemplate: this.getSumTemplate.bind(this),
-        };
+        });
     }
     getNumber(value) {
         return Number.isFinite(value) ? value : undefined;

package/dist/columns/number/DataGridFooterSum.js

@@ -13,29 +13,29 @@ let DataGridFooterSum = class DataGridFooterSum extends Component {
         this.heading = '';
     }
     static get styles() {
-        return css `
-			:host {
-				display: flex;
-				flex-direction: column;
-				position: relative;
-				max-height: 100%;
-				line-height: 1em;
-				user-select: all;
-				align-items: flex-end;
-			}
-
-			div {
-				color: var(--mo-color-gray);
-				font-size: 0.75rem;
-			}
+        return css `
+			:host {
+				display: flex;
+				flex-direction: column;
+				position: relative;
+				max-height: 100%;
+				line-height: 1em;
+				user-select: all;
+				align-items: flex-end;
+			}
+
+			div {
+				color: var(--mo-color-gray);
+				font-size: 0.75rem;
+			}
 		`;
     }
     get template() {
-        return html `
-			<div>${this.heading}</div>
-			<mo-flex direction='horizontal' justifyContent='center'>
-				<slot></slot>
-			</mo-flex>
+        return html `
+			<div>${this.heading}</div>
+			<mo-flex direction='horizontal' justifyContent='center'>
+				<slot></slot>
+			</mo-flex>
 		`;
     }
 };