@3mo/data-grid 0.0.1

package/dist/columns/DataGridColumn.d.ts

@@ -0,0 +1,31 @@
+import { Component, HTMLTemplateResult } from '@a11d/lit';
+import { DataGrid } from '../DataGrid.js';
+import type { ColumnDefinition } from '../ColumnDefinition.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 dataSelector - The data selector of the column
+ * @attr nonSortable - Whether the column is sortable
+ * @attr nonEditable - Whether the column is editable
+ */
+export declare abstract class DataGridColumn<TData, TValue> extends Component {
+    dataGrid?: DataGrid<TData, any> | undefined;
+    width: string;
+    hidden: boolean;
+    heading: string;
+    textAlign: string;
+    title: string;
+    dataSelector: KeyPathOf<TData>;
+    nonSortable: boolean;
+    nonEditable: boolean;
+    get definition(): ColumnDefinition<TData, TValue>;
+    abstract getContentTemplate(value: TValue | undefined, data: TData): HTMLTemplateResult;
+    abstract getEditContentTemplate(value: TValue | undefined, data: TData): HTMLTemplateResult;
+    protected handleEdit(value: TValue | undefined, data: TData): void;
+    connectedCallback(): void;
+    protected updated(): void;
+}
+//# sourceMappingURL=DataGridColumn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumn.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAE9D;;;;;;;;;GASG;AACH,8BAAsB,cAAc,CAAC,KAAK,EAAE,MAAM,CAAE,SAAQ,SAAS;IACxC,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;IAChB,WAAW,UAAQ;IACnB,WAAW,UAAQ;IAE/D,IAAI,UAAU,IAAI,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CAahD;IAED,QAAQ,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK,GAAG,kBAAkB;IACvF,QAAQ,CAAC,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK,GAAG,kBAAkB;IAE3F,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;IAIlD,iBAAiB;cAOP,OAAO;CAI1B"}

package/dist/columns/DataGridColumn.js

@@ -0,0 +1,81 @@
+import { __decorate } from "tslib";
+import { Component, property } from '@a11d/lit';
+import { AsteriskSyntaxStyleHandler } from '@3mo/flex';
+import { DataGrid } from '../DataGrid.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 dataSelector - 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 {
+    constructor() {
+        super(...arguments);
+        this.width = 'minmax(100px, 1fr)';
+        this.hidden = false;
+        this.heading = '';
+        this.textAlign = 'start';
+        this.nonSortable = false;
+        this.nonEditable = false;
+    }
+    get definition() {
+        return {
+            dataSelector: this.dataSelector,
+            heading: this.heading,
+            title: this.title || undefined,
+            alignment: this.textAlign,
+            hidden: this.hidden,
+            width: !AsteriskSyntaxStyleHandler.regex.test(this.width) ? this.width : `${AsteriskSyntaxStyleHandler.getProportion(this.width)}fr`,
+            sortable: !this.nonSortable,
+            editable: !this.nonEditable,
+            getContentTemplate: this.getContentTemplate.bind(this),
+            getEditContentTemplate: this.getEditContentTemplate.bind(this),
+        };
+    }
+    handleEdit(value, data) {
+        var _a;
+        (_a = this.dataGrid) === null || _a === void 0 ? void 0 : _a.handleEdit(data, this.dataSelector, value);
+    }
+    connectedCallback() {
+        if (this.parentElement instanceof DataGrid) {
+            this.slot = 'column';
+        }
+        super.connectedCallback();
+    }
+    updated() {
+        var _a, _b;
+        (_a = this.dataGrid) === null || _a === void 0 ? void 0 : _a.extractColumns();
+        (_b = this.dataGrid) === null || _b === void 0 ? void 0 : _b.requestUpdate();
+    }
+}
+__decorate([
+    property({ type: Object })
+], DataGridColumn.prototype, "dataGrid", void 0);
+__decorate([
+    property()
+], DataGridColumn.prototype, "width", void 0);
+__decorate([
+    property({ type: Boolean })
+], DataGridColumn.prototype, "hidden", void 0);
+__decorate([
+    property({ reflect: true })
+], DataGridColumn.prototype, "heading", void 0);
+__decorate([
+    property({ reflect: true })
+], DataGridColumn.prototype, "textAlign", void 0);
+__decorate([
+    property({ reflect: true })
+], DataGridColumn.prototype, "title", void 0);
+__decorate([
+    property({ reflect: true })
+], DataGridColumn.prototype, "dataSelector", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DataGridColumn.prototype, "nonSortable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DataGridColumn.prototype, "nonEditable", void 0);

package/dist/columns/DataGridColumnBoolean.d.ts

@@ -0,0 +1,24 @@
+import { MaterialIcon } from '@3mo/icon';
+import { DataGridColumn } from './DataGridColumn.js';
+/**
+ * @element mo-data-grid-column-boolean
+ *
+ * @attr trueIcon - Icon to show for true values
+ * @attr falseIcon - Icon to show for false values
+ * @attr trueIconColor - Color of the true icon
+ * @attr falseIconColor - Color of the false icon
+ */
+export declare class DataGridColumnBoolean<TData> extends DataGridColumn<TData, boolean> {
+    trueIcon: MaterialIcon;
+    falseIcon: MaterialIcon;
+    trueIconColor: string;
+    falseIconColor: string;
+    getContentTemplate(value: boolean | undefined, _data: TData): import("lit-html").TemplateResult<1>;
+    getEditContentTemplate(value: boolean | undefined, data: TData): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-data-grid-column-boolean': DataGridColumnBoolean<unknown>;
+    }
+}
+//# sourceMappingURL=DataGridColumnBoolean.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumnBoolean.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnBoolean.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,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"}

package/dist/columns/DataGridColumnBoolean.js

@@ -0,0 +1,52 @@
+import { __decorate } from "tslib";
+import { component, html, property, style } from '@a11d/lit';
+import { DataGridColumn } from './DataGridColumn.js';
+/**
+ * @element mo-data-grid-column-boolean
+ *
+ * @attr trueIcon - Icon to show for true values
+ * @attr falseIcon - Icon to show for false values
+ * @attr trueIconColor - Color of the true icon
+ * @attr falseIconColor - Color of the false icon
+ */
+let DataGridColumnBoolean = class DataGridColumnBoolean extends DataGridColumn {
+    constructor() {
+        super(...arguments);
+        this.trueIcon = 'done';
+        this.falseIcon = 'clear';
+        this.trueIconColor = 'var(--mo-color-accent)';
+        this.falseIconColor = 'var(--mo-color-gray)';
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    getContentTemplate(value, _data) {
+        return html `
+			<mo-flex justifyContent='center' ${style({ height: '100%' })}>
+				<mo-icon icon=${value ? this.trueIcon : this.falseIcon} ${style({ color: value ? this.trueIconColor : this.falseIconColor })}></mo-icon>
+			</mo-flex>
+		`;
+    }
+    getEditContentTemplate(value, data) {
+        return html `
+			<mo-checkbox label=${this.heading}
+				?checked=${value}
+				@change=${(e) => this.handleEdit(e.detail === 'checked', data)}
+			></mo-checkbox>
+		`;
+    }
+};
+__decorate([
+    property()
+], DataGridColumnBoolean.prototype, "trueIcon", void 0);
+__decorate([
+    property()
+], DataGridColumnBoolean.prototype, "falseIcon", void 0);
+__decorate([
+    property()
+], DataGridColumnBoolean.prototype, "trueIconColor", void 0);
+__decorate([
+    property()
+], DataGridColumnBoolean.prototype, "falseIconColor", void 0);
+DataGridColumnBoolean = __decorate([
+    component('mo-data-grid-column-boolean')
+], DataGridColumnBoolean);
+export { DataGridColumnBoolean };

package/dist/columns/DataGridColumnCurrency.d.ts

@@ -0,0 +1,13 @@
+import { DataGridColumnNumberBase } from './DataGridColumnNumberBase.js';
+/** @element mo-data-grid-column-currency */
+export declare class DataGridColumnCurrency<TData> extends DataGridColumnNumberBase<TData> {
+    getContentTemplate(value: number | undefined, _data: TData): import("lit-html").TemplateResult<1>;
+    getEditContentTemplate(value: number | undefined, data: TData): import("lit-html").TemplateResult<1>;
+    getSumTemplate(sum: number): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-data-grid-column-currency': DataGridColumnCurrency<unknown>;
+    }
+}
+//# sourceMappingURL=DataGridColumnCurrency.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumnCurrency.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnCurrency.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAExE,4CAA4C;AAC5C,qBACa,sBAAsB,CAAC,KAAK,CAAE,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAEjF,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK;IAI1D,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;IAU7D,cAAc,CAAC,GAAG,EAAE,MAAM;CAK1B;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,8BAA8B,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAA;KAC/D;CACD"}

package/dist/columns/DataGridColumnCurrency.js

@@ -0,0 +1,28 @@
+import { __decorate } from "tslib";
+import { component, html, ifDefined, style } from '@a11d/lit';
+import { DataGridColumnNumberBase } from './DataGridColumnNumberBase.js';
+/** @element mo-data-grid-column-currency */
+let DataGridColumnCurrency = class DataGridColumnCurrency extends DataGridColumnNumberBase {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    getContentTemplate(value, _data) {
+        return html `${(value !== null && value !== void 0 ? value : 0).formatAsCurrency()}`;
+    }
+    getEditContentTemplate(value, data) {
+        return html `
+			<mo-field-currency dense
+				label=${this.heading}
+				value=${ifDefined(value)}
+				@change=${(e) => this.handleEdit(e.detail, data)}
+			></mo-field-currency>
+		`;
+    }
+    getSumTemplate(sum) {
+        return html `
+			<span ${style({ fontWeight: '500', color: 'var(--mo-color-accent)' })}>${sum.formatAsCurrency()}</span>
+		`;
+    }
+};
+DataGridColumnCurrency = __decorate([
+    component('mo-data-grid-column-currency')
+], DataGridColumnCurrency);
+export { DataGridColumnCurrency };

package/dist/columns/DataGridColumnDate.d.ts

@@ -0,0 +1,16 @@
+import { DataGridColumn } from './DataGridColumn.js';
+/**
+ * @element mo-data-grid-column-date
+ * @attr hideDatePicker - Hide the date picker
+ */
+export declare class DataGridColumnDate<TData> extends DataGridColumn<TData, Date> {
+    hideDatePicker: boolean;
+    getContentTemplate(value: Date | undefined, _data: TData): import("lit-html").TemplateResult<1>;
+    getEditContentTemplate(value: Date | undefined, data: TData): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-data-grid-column-date': DataGridColumnDate<unknown>;
+    }
+}
+//# sourceMappingURL=DataGridColumnDate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumnDate.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnDate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD;;;GAGG;AACH,qBACa,kBAAkB,CAAC,KAAK,CAAE,SAAQ,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC;IAC5C,cAAc,UAAQ;IAGnD,kBAAkB,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK;IAIxD,sBAAsB,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;CAU3D;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAA;KACvD;CACD"}

package/dist/columns/DataGridColumnDate.js

@@ -0,0 +1,35 @@
+import { __decorate } from "tslib";
+import { component, html, property } from '@a11d/lit';
+import { DataGridColumn } from './DataGridColumn.js';
+/**
+ * @element mo-data-grid-column-date
+ * @attr hideDatePicker - Hide the date picker
+ */
+let DataGridColumnDate = class DataGridColumnDate extends DataGridColumn {
+    constructor() {
+        super(...arguments);
+        this.hideDatePicker = false;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    getContentTemplate(value, _data) {
+        var _a;
+        return html `${value ? (_a = value.formatAsDate()) !== null && _a !== void 0 ? _a : '' : ''}`;
+    }
+    getEditContentTemplate(value, data) {
+        return html `
+			<mo-field-date dense
+				?hideDatePicker=${this.hideDatePicker}
+				label=${this.heading}
+				.value=${value}
+				@change=${(e) => this.handleEdit(e.detail, data)}
+			></mo-field-date>
+		`;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], DataGridColumnDate.prototype, "hideDatePicker", void 0);
+DataGridColumnDate = __decorate([
+    component('mo-data-grid-column-date')
+], DataGridColumnDate);
+export { DataGridColumnDate };

package/dist/columns/DataGridColumnImage.d.ts

@@ -0,0 +1,12 @@
+import { DataGridColumn } from './DataGridColumn.js';
+/** @element mo-data-grid-column-image */
+export declare class DataGridColumnImage<TData> extends DataGridColumn<TData, string> {
+    getContentTemplate(value: string | undefined, _data: TData): import("lit-html").HTMLTemplateResult;
+    getEditContentTemplate(value: string | undefined, data: TData): import("lit-html").HTMLTemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-data-grid-column-image': DataGridColumnImage<unknown>;
+    }
+}
+//# sourceMappingURL=DataGridColumnImage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumnImage.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnImage.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,yCAAyC;AACzC,qBACa,mBAAmB,CAAC,KAAK,CAAE,SAAQ,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC;IAE5E,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK;IAM1D,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;CAG7D;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,2BAA2B,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAA;KACzD;CACD"}

package/dist/columns/DataGridColumnImage.js

@@ -0,0 +1,19 @@
+import { __decorate } from "tslib";
+import { component, html, nothing } from '@a11d/lit';
+import { DataGridColumn } from './DataGridColumn.js';
+/** @element mo-data-grid-column-image */
+let DataGridColumnImage = class DataGridColumnImage extends DataGridColumn {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    getContentTemplate(value, _data) {
+        return !value ? nothing : html `
+			<img style='vertical-align: middle' src=${value} onload='this.hidden = false' onerror='this.hidden = true'/>
+		`;
+    }
+    getEditContentTemplate(value, data) {
+        return this.getContentTemplate(value, data);
+    }
+};
+DataGridColumnImage = __decorate([
+    component('mo-data-grid-column-image')
+], DataGridColumnImage);
+export { DataGridColumnImage };

package/dist/columns/DataGridColumnNumber.d.ts

@@ -0,0 +1,13 @@
+import { DataGridColumnNumberBase } from './DataGridColumnNumberBase.js';
+/** @element mo-data-grid-column-number */
+export declare class DataGridColumnNumber<TData> extends DataGridColumnNumberBase<TData> {
+    getContentTemplate(value: number | undefined, _data: TData): import("lit-html").TemplateResult<1>;
+    getEditContentTemplate(value: number | undefined, data: TData): import("lit-html").TemplateResult<1>;
+    getSumTemplate(sum: number): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-data-grid-column-number': DataGridColumnNumber<unknown>;
+    }
+}
+//# sourceMappingURL=DataGridColumnNumber.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumnNumber.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnNumber.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAExE,0CAA0C;AAC1C,qBACa,oBAAoB,CAAC,KAAK,CAAE,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAE/E,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK;IAI1D,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;IAS7D,cAAc,CAAC,GAAG,EAAE,MAAM;CAG1B;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,4BAA4B,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAA;KAC3D;CACD"}

package/dist/columns/DataGridColumnNumber.js

@@ -0,0 +1,26 @@
+import { __decorate } from "tslib";
+import { nothing, component, html, ifDefined, style } from '@a11d/lit';
+import { DataGridColumnNumberBase } from './DataGridColumnNumberBase.js';
+/** @element mo-data-grid-column-number */
+let DataGridColumnNumber = class DataGridColumnNumber extends DataGridColumnNumberBase {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    getContentTemplate(value, _data) {
+        var _a;
+        return html `${Number.isFinite(value) ? (_a = value === null || value === void 0 ? void 0 : value.format()) !== null && _a !== void 0 ? _a : nothing : nothing}`;
+    }
+    getEditContentTemplate(value, data) {
+        return html `
+			<mo-field-number dense label=${this.heading}
+				value=${ifDefined(value)}
+				@change=${(e) => this.handleEdit(e.detail, data)}
+			></mo-field-number>
+		`;
+    }
+    getSumTemplate(sum) {
+        return html `<div ${style({ color: 'var(--mo-color-accent)', textAlign: 'center', fontWeight: '500' })}>${sum}</div>`;
+    }
+};
+DataGridColumnNumber = __decorate([
+    component('mo-data-grid-column-number')
+], DataGridColumnNumber);
+export { DataGridColumnNumber };

package/dist/columns/DataGridColumnNumberBase.d.ts

@@ -0,0 +1,22 @@
+import { TemplateResult } from '@a11d/lit';
+import { DataGridColumn } from './DataGridColumn.js';
+export declare abstract class DataGridColumnNumberBase<TData> extends DataGridColumn<TData, number> {
+    sumHeading: string | undefined;
+    textAlign: string;
+    get definition(): {
+        sumHeading: string | undefined;
+        getSumTemplate: (sum: number) => TemplateResult<1>;
+        heading: string;
+        title?: string | undefined;
+        dataSelector: KeyPathOf<TData>;
+        width?: string | undefined;
+        alignment?: "start" | "center" | "end" | undefined;
+        hidden?: boolean | undefined;
+        sortable?: boolean | undefined;
+        editable?: boolean | undefined;
+        getContentTemplate?(value: number, data: TData): import("lit-html").HTMLTemplateResult;
+        getEditContentTemplate?(value: number, data: TData): import("lit-html").HTMLTemplateResult;
+    };
+    abstract getSumTemplate(sum: number): TemplateResult<1>;
+}
+//# sourceMappingURL=DataGridColumnNumberBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumnNumberBase.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnNumberBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,cAAc,EAAE,MAAM,WAAW,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,8BAAsB,wBAAwB,CAAC,KAAK,CAAE,SAAQ,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC;IAC9E,UAAU,EAAE,MAAM,GAAG,SAAS,CAAY;IACjC,SAAS,SAAQ;IAEtC,IAAa,UAAU;;;;;;;;;;;;;MAMtB;IAED,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;CACvD"}

package/dist/columns/DataGridColumnNumberBase.js

@@ -0,0 +1,19 @@
+import { __decorate } from "tslib";
+import { property } from '@a11d/lit';
+import { DataGridColumn } from './DataGridColumn.js';
+export class DataGridColumnNumberBase extends DataGridColumn {
+    constructor() {
+        super(...arguments);
+        this.sumHeading = undefined;
+        this.textAlign = 'end';
+    }
+    get definition() {
+        return Object.assign(Object.assign({}, super.definition), { sumHeading: this.sumHeading, getSumTemplate: this.getSumTemplate.bind(this) });
+    }
+}
+__decorate([
+    property()
+], DataGridColumnNumberBase.prototype, "sumHeading", void 0);
+__decorate([
+    property()
+], DataGridColumnNumberBase.prototype, "textAlign", void 0);

package/dist/columns/DataGridColumnPercent.d.ts

@@ -0,0 +1,13 @@
+import { DataGridColumnNumberBase } from './DataGridColumnNumberBase.js';
+/** @element mo-data-grid-column-percent */
+export declare class DataGridColumnPercent<TData> extends DataGridColumnNumberBase<TData> {
+    getContentTemplate(value: number | undefined, _data: TData): import("lit-html").TemplateResult<1>;
+    getEditContentTemplate(value: number | undefined, data: TData): import("lit-html").TemplateResult<1>;
+    getSumTemplate(sum: number): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-data-grid-column-percent': DataGridColumnPercent<unknown>;
+    }
+}
+//# sourceMappingURL=DataGridColumnPercent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumnPercent.d.ts","sourceRoot":"","sources":["../../columns/DataGridColumnPercent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAExE,2CAA2C;AAC3C,qBACa,qBAAqB,CAAC,KAAK,CAAE,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAEhF,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK;IAI1D,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;IAU7D,cAAc,CAAC,GAAG,EAAE,MAAM;CAG1B;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,6BAA6B,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;KAC7D;CACD"}

package/dist/columns/DataGridColumnPercent.js

@@ -0,0 +1,27 @@
+import { __decorate } from "tslib";
+import { component, html, ifDefined, nothing } from '@a11d/lit';
+import { DataGridColumnNumberBase } from './DataGridColumnNumberBase.js';
+/** @element mo-data-grid-column-percent */
+let DataGridColumnPercent = class DataGridColumnPercent extends DataGridColumnNumberBase {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    getContentTemplate(value, _data) {
+        var _a;
+        return html `${Number.isFinite(value) ? (_a = value === null || value === void 0 ? void 0 : value.formatAsPercent()) !== null && _a !== void 0 ? _a : nothing : nothing}`;
+    }
+    getEditContentTemplate(value, data) {
+        return html `
+			<mo-field-percent dense
+				label=${this.heading}
+				value=${ifDefined(value)}
+				@change=${(e) => this.handleEdit(e.detail, data)}
+			></mo-field-percent>
+		`;
+    }
+    getSumTemplate(sum) {
+        return html `${sum.formatAsPercent()}`;
+    }
+};
+DataGridColumnPercent = __decorate([
+    component('mo-data-grid-column-percent')
+], DataGridColumnPercent);
+export { DataGridColumnPercent };

package/dist/columns/DataGridColumnText.d.ts

@@ -0,0 +1,12 @@
+import { DataGridColumn } from './DataGridColumn.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").TemplateResult<1>;
+    getEditContentTemplate(value: string | undefined, data: TData): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-data-grid-column-text': DataGridColumnText<unknown>;
+    }
+}
+//# sourceMappingURL=DataGridColumnText.d.ts.map

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

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

package/dist/columns/DataGridColumnText.js

@@ -0,0 +1,22 @@
+import { __decorate } from "tslib";
+import { component, html, ifDefined } from '@a11d/lit';
+import { DataGridColumn } from './DataGridColumn.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) {
+        return html `${value !== null && value !== void 0 ? value : ''}`;
+    }
+    getEditContentTemplate(value, data) {
+        return html `
+			<mo-field-text dense label=${this.heading}
+				value=${ifDefined(value)}
+				@change=${(e) => this.handleEdit(e.detail, data)}
+			></mo-field-text>
+		`;
+    }
+};
+DataGridColumnText = __decorate([
+    component('mo-data-grid-column-text')
+], DataGridColumnText);
+export { DataGridColumnText };

package/dist/columns/DataGridFooterSum.d.ts

@@ -0,0 +1,17 @@
+import { Component } from '@a11d/lit';
+/**
+ * @element mo-data-grid-footer-sum
+ * @attr heading
+ * @slot - Sum of values
+ */
+export declare class DataGridFooterSum extends Component {
+    heading: string;
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get template(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-data-grid-footer-sum': DataGridFooterSum;
+    }
+}
+//# sourceMappingURL=DataGridFooterSum.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridFooterSum.d.ts","sourceRoot":"","sources":["../../columns/DataGridFooterSum.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAa,MAAM,WAAW,CAAA;AAErE;;;;GAIG;AACH,qBACa,iBAAkB,SAAQ,SAAS;IACnC,OAAO,SAAK;IAExB,WAAoB,MAAM,kCAiBzB;IAED,cAAuB,QAAQ,yCAO9B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,iBAAiB,CAAA;KAC5C;CACD"}

package/dist/columns/DataGridFooterSum.js

@@ -0,0 +1,46 @@
+import { __decorate } from "tslib";
+import { component, property, Component, html, css } from '@a11d/lit';
+/**
+ * @element mo-data-grid-footer-sum
+ * @attr heading
+ * @slot - Sum of values
+ */
+let DataGridFooterSum = class DataGridFooterSum extends Component {
+    constructor() {
+        super(...arguments);
+        this.heading = '';
+    }
+    static get styles() {
+        return css `
+			:host {
+				display: flex;
+				flex-direction: column;
+				position: relative;
+				max-height: 100%;
+				line-height: 1em;
+			}
+
+			div {
+				color: var(--mo-color-foreground-transparent);
+				font-size: var(--mo-font-size-xs);
+				text-transform: uppercase;
+				text-align: center;
+			}
+		`;
+    }
+    get template() {
+        return html `
+			<div>${this.heading}</div>
+			<mo-flex direction='horizontal' justifyContent='center'>
+				<slot></slot>
+			</mo-flex>
+		`;
+    }
+};
+__decorate([
+    property()
+], DataGridFooterSum.prototype, "heading", void 0);
+DataGridFooterSum = __decorate([
+    component('mo-data-grid-footer-sum')
+], DataGridFooterSum);
+export { DataGridFooterSum };

package/dist/columns/index.d.ts

@@ -0,0 +1,11 @@
+export * from './DataGridColumn.js';
+export * from './DataGridColumnNumberBase.js';
+export * from './DataGridColumnCurrency.js';
+export * from './DataGridColumnPercent.js';
+export * from './DataGridColumnBoolean.js';
+export * from './DataGridColumnDate.js';
+export * from './DataGridColumnImage.js';
+export * from './DataGridColumnNumber.js';
+export * from './DataGridColumnText.js';
+export * from './DataGridFooterSum.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../columns/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA"}

package/dist/columns/index.js

@@ -0,0 +1,10 @@
+export * from './DataGridColumn.js';
+export * from './DataGridColumnNumberBase.js';
+export * from './DataGridColumnCurrency.js';
+export * from './DataGridColumnPercent.js';
+export * from './DataGridColumnBoolean.js';
+export * from './DataGridColumnDate.js';
+export * from './DataGridColumnImage.js';
+export * from './DataGridColumnNumber.js';
+export * from './DataGridColumnText.js';
+export * from './DataGridFooterSum.js';

package/dist/disabledProperty/disabledProperty.d.ts

@@ -0,0 +1,6 @@
+import { LitElement, type UpdatedCallback } from '@a11d/lit';
+export declare const disabledProperty: (options?: {
+    blockFocus?: boolean;
+    updated?: UpdatedCallback<boolean> | undefined;
+}) => (prototype: LitElement, propertyKey: 'disabled') => void;
+//# sourceMappingURL=disabledProperty.d.ts.map

package/dist/disabledProperty/disabledProperty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabledProperty.d.ts","sourceRoot":"","sources":["../../../disabledProperty/disabledProperty.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,UAAU,EAAY,KAAK,eAAe,EAAE,MAAM,WAAW,CAAA;AAI3E,eAAO,MAAM,gBAAgB,aAAc;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,gBAAgB,OAAO,CAAC,GAAG,SAAS,CAAA;CAC9C,iBACmB,UAAU,eAAe,UAAU,SAgCtD,CAAA"}

package/dist/disabledProperty/index.d.ts

@@ -0,0 +1,2 @@
+export * from './disabledProperty.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../disabledProperty/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}