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

A data grid web component

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;
				align-items: center;

				position: relative;
				max-height: 100%;
				line-height: 1em;
				user-select: all;
			}

			div {
				color: var(--mo-color-gray);
				font-size: 0.75rem;
				user-select: none;
			}

			mo-flex {
				user-select: all;
			}
		`;
    }
    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 };