@3mo/data-grid
Version:
A data grid web component
33 lines (32 loc) • 1.27 kB
JavaScript
import { __decorate } from "tslib";
import { component, html, ifDefined, property, style } from '@a11d/lit';
import { hasChanged } from '@a11d/equals';
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(this.formatOptions) ?? 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.format(this.formatOptions)}</div>`;
}
};
__decorate([
property({ type: Object, hasChanged })
], DataGridColumnNumber.prototype, "formatOptions", void 0);
DataGridColumnNumber = __decorate([
component('mo-data-grid-column-number')
], DataGridColumnNumber);
export { DataGridColumnNumber };