bruno-ui/dist/bruno/brn-column.entry.js

Bruno UI Kit

import { r as registerInstance, h, d as getElement } from './core-70b4f9b5.js';

const ColumnComponent = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        this._el.style.width = `${this.CalculateWidth()}%`;
        return (h("div", null, h("slot", null)));
    }
    CalculateWidth() {
        return this.total > 0 && this.columns > 0
            ? (this.columns * 100) / this.total
            : 0;
    }
    get _el() { return getElement(this); }
    static get style() { return "brn-column {\n  display: block;\n  padding: 0 0.5rem;\n  position: relative;\n}\nbrn-column > .div {\n  width: 100%;\n  height: 100%;\n}\nbrn-column:first-child {\n  padding-left: 0;\n}\nbrn-column:last-child {\n  padding-right: 0;\n}"; }
};

export { ColumnComponent as brn_column };