@3mo/data-grid/dist/columns/number/DataGridColumnNumber.js

A data grid web component

import { __decorate } from "tslib";
import { component, html, ifDefined, style } from '@a11d/lit';
import { DataGridColumnNumberBase } from './DataGridColumnNumberBase.js';
/** @element mo-data-grid-column-number */
let DataGridColumnNumber = class DataGridColumnNumber extends DataGridColumnNumberBase {
    getContentTemplate(value, data) {
        data;
        return html `${this.getNumber(value)?.format() ?? html.nothing}`;
    }
    getEditContentTemplate(value, data) {
        return html `
			<mo-field-number dense autofocus selectOnFocus
				min=${ifDefined(this.getMin(data))}
				max=${ifDefined(this.getMax(data))}
				step=${ifDefined(this.getStep(data))}
				value=${ifDefined(value)}
				@change=${(e) => this.handleEdit(e.detail, data)}
			></mo-field-number>
		`;
    }
    getSumTemplate(sum) {
        return html `<div ${style({ textAlign: 'center', fontWeight: '500' })}>${sum}</div>`;
    }
};
DataGridColumnNumber = __decorate([
    component('mo-data-grid-column-number')
], DataGridColumnNumber);
export { DataGridColumnNumber };