@db-ux/wc-core-components 4.5.4-table-c758ae7 → 4.5.4-tailwind-inline-5d37a00

package/dist/esm/db-link_4.entry.js

@@ -1,215 +0,0 @@
-import { r as registerInstance, h } from './index-LpjjuLKB.js';
-import { g as getBooleanAsString, c as cls, u as uuid, f as getNumber } from './index-xkoBSP8R.js';
-
-const DBLink = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    enableAttributePassing(element, customElementSelector) {
-        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
-        if (element && parent) {
-            const attributes = parent.attributes;
-            for (let i = 0; i < attributes.length; i++) {
-                const attr = attributes.item(i);
-                if (attr && attr.name !== 'data-density' &&
-                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name === "class") {
-                    const isWebComponent = attr.value.includes("hydrated");
-                    const value = attr.value.replace("hydrated", "").trim();
-                    const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
-                    if (isWebComponent) {
-                        // Stencil is using this class for lazy loading component
-                        parent.setAttribute("class", "hydrated");
-                    }
-                    else {
-                        parent.removeAttribute(attr.name);
-                    }
-                }
-            }
-        }
-    }
-    componentDidLoad() {
-        this.enableAttributePassing(this._ref, "db-link");
-    }
-    render() {
-        var _a, _b, _c, _d;
-        return (h("a", { key: '9cecd89fae35481cbc053fd253fc75140f8e57a1', class: cls("db-link", this.className), ref: (el) => {
-                this._ref = el;
-            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, href: this.href, target: this.target, rel: this.rel, role: this.role, referrerPolicy: (_c = this.referrerpolicy) !== null && _c !== void 0 ? _c : this.referrerPolicy, hrefLang: this.hreflang, "aria-disabled": getBooleanAsString(this.disabled), tabIndex: this.disabled ? -1 : 0, "data-size": this.size, "data-show-icon-trailing": getBooleanAsString((_d = this.showIcon) !== null && _d !== void 0 ? _d : true), "data-variant": this.variant, "data-content": this.content || "internal", "data-wrap": getBooleanAsString(this.wrap) }, this.text ? this.text : h("slot", null)));
-    }
-};
-
-const DBTableRow = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    getHeaderCell(cell) {
-        if (cell.headerCell) {
-            return cell;
-        }
-        return undefined;
-    }
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    enableAttributePassing(element, customElementSelector) {
-        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
-        if (element && parent) {
-            const attributes = parent.attributes;
-            for (let i = 0; i < attributes.length; i++) {
-                const attr = attributes.item(i);
-                if (attr && attr.name !== 'data-density' &&
-                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name === "class") {
-                    const isWebComponent = attr.value.includes("hydrated");
-                    const value = attr.value.replace("hydrated", "").trim();
-                    const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
-                    if (isWebComponent) {
-                        // Stencil is using this class for lazy loading component
-                        parent.setAttribute("class", "hydrated");
-                    }
-                    else {
-                        parent.removeAttribute(attr.name);
-                    }
-                }
-            }
-        }
-    }
-    componentDidLoad() {
-        this.enableAttributePassing(this._ref, "db-table-row");
-    }
-    render() {
-        var _a;
-        return (h("tr", { key: '0826ccfb6e11937280649f6b59263676e8f5f668', class: cls("db-table-row", this.className), ref: (el) => {
-                this._ref = el;
-            }, id: this.id, "data-interactive": getBooleanAsString(this.interactive), "data-sub-header-emphasis": this.subHeaderEmphasis }, this.cells ? ((_a = this.cells) === null || _a === void 0 ? void 0 : _a.map((cell, index) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20;
-            return cell.headerCell ? (h("db-table-header-cell", { class: (_a = cell.className) !== null && _a !== void 0 ? _a : cell.class, key: `${(_b = this.id) !== null && _b !== void 0 ? _b : uuid()}-table-row-header-cell-${index}`, id: cell.id, abbr: (_c = this.getHeaderCell(cell)) === null || _c === void 0 ? void 0 : _c.abbr, scope: (_d = this.getHeaderCell(cell)) === null || _d === void 0 ? void 0 : _d.scope, noText: (_e = this.getHeaderCell(cell)) === null || _e === void 0 ? void 0 : _e.noText, horizontalAlignment: cell.horizontalAlignment, verticalAlignment: cell.verticalAlignment, headers: cell.headers, colSpan: cell.colSpan, colspan: cell.colspan, rowSpan: cell.rowSpan, rowspan: cell.rowspan }, cell.link ? (h("db-link", { class: (_g = (_f = cell.link) === null || _f === void 0 ? void 0 : _f.className) !== null && _g !== void 0 ? _g : (_h = cell.link) === null || _h === void 0 ? void 0 : _h.class, content: (_j = cell.link) === null || _j === void 0 ? void 0 : _j.content, size: (_k = cell.link) === null || _k === void 0 ? void 0 : _k.size, variant: (_l = cell.link) === null || _l === void 0 ? void 0 : _l.variant, id: (_m = cell.link) === null || _m === void 0 ? void 0 : _m.id, autofocus: (_o = cell.link) === null || _o === void 0 ? void 0 : _o.autofocus, disabled: (_p = cell.link) === null || _p === void 0 ? void 0 : _p.disabled, href: (_q = cell.link) === null || _q === void 0 ? void 0 : _q.href, hreflang: (_r = cell.link) === null || _r === void 0 ? void 0 : _r.hreflang, target: (_s = cell.link) === null || _s === void 0 ? void 0 : _s.target, rel: (_t = cell.link) === null || _t === void 0 ? void 0 : _t.rel, referrerPolicy: (_u = cell.link) === null || _u === void 0 ? void 0 : _u.referrerPolicy, role: (_v = cell.link) === null || _v === void 0 ? void 0 : _v.role, showIcon: (_w = cell.link) === null || _w === void 0 ? void 0 : _w.showIcon, text: (_x = cell.link) === null || _x === void 0 ? void 0 : _x.text, wrap: (_y = cell.link) === null || _y === void 0 ? void 0 : _y.wrap }, (_z = cell.link) === null || _z === void 0 ? void 0 : _z.children)) : (cell.content))) : (h("db-table-data-cell", { class: (_0 = cell.className) !== null && _0 !== void 0 ? _0 : cell.class, key: `${(_1 = this.id) !== null && _1 !== void 0 ? _1 : uuid()}-table-row-data-cell-${index}`, id: cell.id, horizontalAlignment: cell.horizontalAlignment, verticalAlignment: cell.verticalAlignment, headers: cell.headers, colSpan: cell.colSpan, colspan: cell.colspan, rowSpan: cell.rowSpan, rowspan: cell.rowspan }, cell.link ? (h("db-link", { class: (_3 = (_2 = cell.link) === null || _2 === void 0 ? void 0 : _2.className) !== null && _3 !== void 0 ? _3 : (_4 = cell.link) === null || _4 === void 0 ? void 0 : _4.class, content: (_5 = cell.link) === null || _5 === void 0 ? void 0 : _5.content, size: (_6 = cell.link) === null || _6 === void 0 ? void 0 : _6.size, variant: (_7 = cell.link) === null || _7 === void 0 ? void 0 : _7.variant, id: (_8 = cell.link) === null || _8 === void 0 ? void 0 : _8.id, autofocus: (_9 = cell.link) === null || _9 === void 0 ? void 0 : _9.autofocus, disabled: (_10 = cell.link) === null || _10 === void 0 ? void 0 : _10.disabled, href: (_11 = cell.link) === null || _11 === void 0 ? void 0 : _11.href, hreflang: (_12 = cell.link) === null || _12 === void 0 ? void 0 : _12.hreflang, target: (_13 = cell.link) === null || _13 === void 0 ? void 0 : _13.target, rel: (_14 = cell.link) === null || _14 === void 0 ? void 0 : _14.rel, referrerPolicy: (_15 = cell.link) === null || _15 === void 0 ? void 0 : _15.referrerPolicy, role: (_16 = cell.link) === null || _16 === void 0 ? void 0 : _16.role, showIcon: (_17 = cell.link) === null || _17 === void 0 ? void 0 : _17.showIcon, text: (_18 = cell.link) === null || _18 === void 0 ? void 0 : _18.text, wrap: (_19 = cell.link) === null || _19 === void 0 ? void 0 : _19.wrap }, (_20 = cell.link) === null || _20 === void 0 ? void 0 : _20.children)) : (cell.content)));
-        })) : (h("slot", null))));
-    }
-};
-
-const DBTableHeaderCell = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    enableAttributePassing(element, customElementSelector) {
-        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
-        if (element && parent) {
-            const attributes = parent.attributes;
-            for (let i = 0; i < attributes.length; i++) {
-                const attr = attributes.item(i);
-                if (attr && attr.name !== 'data-density' &&
-                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name === "class") {
-                    const isWebComponent = attr.value.includes("hydrated");
-                    const value = attr.value.replace("hydrated", "").trim();
-                    const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
-                    if (isWebComponent) {
-                        // Stencil is using this class for lazy loading component
-                        parent.setAttribute("class", "hydrated");
-                    }
-                    else {
-                        parent.removeAttribute(attr.name);
-                    }
-                }
-            }
-        }
-    }
-    componentDidLoad() {
-        this.enableAttributePassing(this._ref, "db-table-header-cell");
-    }
-    render() {
-        return (h("th", { key: '8e4041b823d5a1e31e92992eb9233bc75e6f0db9', class: cls("db-table-header-cell", this.className), ref: (el) => {
-                this._ref = el;
-            }, id: this.id, "data-horizontal-alignment": this.horizontalAlignment, "data-vertical-alignment": this.verticalAlignment, "data-no-text": getBooleanAsString(this.noText), scope: this.scope, colSpan: getNumber(this.colSpan, this.colspan), rowSpan: getNumber(this.rowSpan, this.rowspan), headers: this.headers, abbr: this.abbr }, h("slot", { key: 'a78d87d22ead57dbb4a97175da963028fa603a39' })));
-    }
-};
-
-const DBTableDataCell = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    enableAttributePassing(element, customElementSelector) {
-        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
-        if (element && parent) {
-            const attributes = parent.attributes;
-            for (let i = 0; i < attributes.length; i++) {
-                const attr = attributes.item(i);
-                if (attr && attr.name !== 'data-density' &&
-                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name === "class") {
-                    const isWebComponent = attr.value.includes("hydrated");
-                    const value = attr.value.replace("hydrated", "").trim();
-                    const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
-                    if (isWebComponent) {
-                        // Stencil is using this class for lazy loading component
-                        parent.setAttribute("class", "hydrated");
-                    }
-                    else {
-                        parent.removeAttribute(attr.name);
-                    }
-                }
-            }
-        }
-    }
-    componentDidLoad() {
-        this.enableAttributePassing(this._ref, "db-table-data-cell");
-    }
-    render() {
-        return (h("td", { key: '8274250200fc80a6dd6df6d337b397930c665e18', class: cls("db-table-data-cell", this.className), ref: (el) => {
-                this._ref = el;
-            }, id: this.id, "data-horizontal-alignment": this.horizontalAlignment, "data-vertical-alignment": this.verticalAlignment, colSpan: getNumber(this.colSpan, this.colspan), rowSpan: getNumber(this.rowSpan, this.rowspan), headers: this.headers }, h("slot", { key: '15e1f9e5492c105d953fb8f4ec272f3c8853b318' })));
-    }
-};
-
-export { DBLink as db_link, DBTableDataCell as db_table_data_cell, DBTableHeaderCell as db_table_header_cell, DBTableRow as db_table_row };

package/dist/esm/db-table-body_3.entry.js

@@ -1,169 +0,0 @@
-import { r as registerInstance, h } from './index-LpjjuLKB.js';
-import { u as uuid, c as cls } from './index-xkoBSP8R.js';
-
-const DBTableHead = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    getCells(cells) {
-        return cells === null || cells === void 0 ? void 0 : cells.map((cell) => (Object.assign(Object.assign({}, cell), { headerCell: true })));
-    }
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    enableAttributePassing(element, customElementSelector) {
-        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
-        if (element && parent) {
-            const attributes = parent.attributes;
-            for (let i = 0; i < attributes.length; i++) {
-                const attr = attributes.item(i);
-                if (attr && attr.name !== 'data-density' &&
-                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name === "class") {
-                    const isWebComponent = attr.value.includes("hydrated");
-                    const value = attr.value.replace("hydrated", "").trim();
-                    const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
-                    if (isWebComponent) {
-                        // Stencil is using this class for lazy loading component
-                        parent.setAttribute("class", "hydrated");
-                    }
-                    else {
-                        parent.removeAttribute(attr.name);
-                    }
-                }
-            }
-        }
-    }
-    componentDidLoad() {
-        this.enableAttributePassing(this._ref, "db-table-head");
-    }
-    render() {
-        var _a;
-        return (h("thead", { key: 'fc59a3bac4953eaf10bbd04f29716804c98b05c8', class: cls("db-table-head", this.className), ref: (el) => {
-                this._ref = el;
-            }, id: this.id }, this.rows ? ((_a = this.rows) === null || _a === void 0 ? void 0 : _a.map((row, index) => {
-            var _a, _b;
-            return (h("db-table-row", { class: (_a = row.className) !== null && _a !== void 0 ? _a : row.class, key: `${(_b = this.id) !== null && _b !== void 0 ? _b : uuid()}-table-head-row-${index}`, cells: this.getCells(row.cells), subHeaderEmphasis: row.subHeaderEmphasis, id: row.id }));
-        })) : (h("slot", null))));
-    }
-};
-
-const DBTableBody = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    enableAttributePassing(element, customElementSelector) {
-        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
-        if (element && parent) {
-            const attributes = parent.attributes;
-            for (let i = 0; i < attributes.length; i++) {
-                const attr = attributes.item(i);
-                if (attr && attr.name !== 'data-density' &&
-                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name === "class") {
-                    const isWebComponent = attr.value.includes("hydrated");
-                    const value = attr.value.replace("hydrated", "").trim();
-                    const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
-                    if (isWebComponent) {
-                        // Stencil is using this class for lazy loading component
-                        parent.setAttribute("class", "hydrated");
-                    }
-                    else {
-                        parent.removeAttribute(attr.name);
-                    }
-                }
-            }
-        }
-    }
-    componentDidLoad() {
-        this.enableAttributePassing(this._ref, "db-table-body");
-    }
-    render() {
-        var _a;
-        return (h("tbody", { key: 'f32625da9123926d08a779f2b04f907249153f8b', class: cls("db-table-body", this.className), ref: (el) => {
-                this._ref = el;
-            }, id: this.id }, this.rows ? ((_a = this.rows) === null || _a === void 0 ? void 0 : _a.map((row, index) => {
-            var _a, _b;
-            return (h("db-table-row", { class: (_a = row.className) !== null && _a !== void 0 ? _a : row.class, key: `${(_b = this.id) !== null && _b !== void 0 ? _b : uuid()}-table-body-row-${index}`, cells: row.cells, id: row.id }));
-        })) : (h("slot", null))));
-    }
-};
-
-const DBTableFooter = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    enableAttributePassing(element, customElementSelector) {
-        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
-        if (element && parent) {
-            const attributes = parent.attributes;
-            for (let i = 0; i < attributes.length; i++) {
-                const attr = attributes.item(i);
-                if (attr && attr.name !== 'data-density' &&
-                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name === "class") {
-                    const isWebComponent = attr.value.includes("hydrated");
-                    const value = attr.value.replace("hydrated", "").trim();
-                    const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
-                    if (isWebComponent) {
-                        // Stencil is using this class for lazy loading component
-                        parent.setAttribute("class", "hydrated");
-                    }
-                    else {
-                        parent.removeAttribute(attr.name);
-                    }
-                }
-            }
-        }
-    }
-    componentDidLoad() {
-        this.enableAttributePassing(this._ref, "db-table-footer");
-    }
-    render() {
-        var _a;
-        return (h("tfoot", { key: '97d0abedb46046365f4d1a713133cd31a86c12c7', class: cls("db-table-footer", this.className), ref: (el) => {
-                this._ref = el;
-            }, id: this.id }, this.rows ? ((_a = this.rows) === null || _a === void 0 ? void 0 : _a.map((row, index) => {
-            var _a, _b;
-            return (h("db-table-row", { class: (_a = row.className) !== null && _a !== void 0 ? _a : row.class, key: `${(_b = this.id) !== null && _b !== void 0 ? _b : uuid()}-table-footer-row-${index}`, cells: row.cells, id: row.id }));
-        })) : (h("slot", null))));
-    }
-};
-
-export { DBTableBody as db_table_body, DBTableFooter as db_table_footer, DBTableHead as db_table_head };

package/dist/esm/db-table.entry.js

@@ -1,134 +0,0 @@
-import { r as registerInstance, h, F as Fragment } from './index-LpjjuLKB.js';
-import { d as delay, g as getBooleanAsString, c as cls } from './index-xkoBSP8R.js';
-
-const DBTable = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this._data = undefined;
-        this._style = undefined;
-    }
-    convertData() {
-        try {
-            if (typeof this.data === "string") {
-                return JSON.parse(this.data);
-            }
-            return this.data;
-        }
-        catch (error) {
-            console.error(error);
-        }
-        return {};
-    }
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    enableAttributePassing(element, customElementSelector) {
-        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
-        if (element && parent) {
-            const attributes = parent.attributes;
-            for (let i = 0; i < attributes.length; i++) {
-                const attr = attributes.item(i);
-                if (attr && attr.name !== 'data-density' &&
-                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
-                    element.setAttribute(attr.name, attr.value);
-                    parent.removeAttribute(attr.name);
-                }
-                else if (attr && attr.name === "class") {
-                    const isWebComponent = attr.value.includes("hydrated");
-                    const value = attr.value.replace("hydrated", "").trim();
-                    const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
-                    if (isWebComponent) {
-                        // Stencil is using this class for lazy loading component
-                        parent.setAttribute("class", "hydrated");
-                    }
-                    else {
-                        parent.removeAttribute(attr.name);
-                    }
-                }
-            }
-        }
-    }
-    watch0Fn() {
-        if (this.data) {
-            this._data = this.convertData();
-        }
-    }
-    watch0() {
-        this.watch0Fn();
-    }
-    watch1Fn() {
-        if (this._ref && this.mobileVariant === "list") {
-            // Delay for angular
-            void delay(() => {
-                const table = this._ref;
-                if (!table)
-                    return;
-                const headerCells = table.querySelectorAll("thead tr th");
-                if (headerCells.length) {
-                    const otherRows = table.querySelectorAll(":is(tbody,tfoot) tr");
-                    otherRows.forEach((row) => {
-                        const cells = row.querySelectorAll(":is(td,th)");
-                        cells.forEach((cell, index) => {
-                            const headerCell = headerCells[index];
-                            if (headerCell &&
-                                headerCell.textContent &&
-                                !cell.dataset["header"]) {
-                                cell.dataset["header"] = headerCell.textContent.trim();
-                            }
-                        });
-                    });
-                }
-            }, 1);
-        }
-    }
-    watch1() {
-        this.watch1Fn();
-    }
-    watch2Fn() {
-        if (this.columnSizes) {
-            const columnStyles = {};
-            Object.entries(this.columnSizes).forEach(([key, value]) => {
-                columnStyles[`--db-table-column-size-${key}`] = value;
-            });
-            this._style = columnStyles;
-        }
-    }
-    watch2() {
-        this.watch2Fn();
-    }
-    componentDidLoad() {
-        this.enableAttributePassing(this._ref, "db-table");
-        this.watch0Fn();
-        this.watch1Fn();
-        this.watch2Fn();
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f;
-        return (h("div", { key: 'f64631aec68b83467db063e5e0923144743bce72', class: cls("db-table", this.className), style: this._style, "data-width": this.width, "data-size": this.size, "data-divider": this.divider, "data-variant": this.variant, "data-mobile-variant": this.mobileVariant, "data-show-caption": getBooleanAsString(this.showCaption), "data-sticky-header": this.stickyHeader }, h("table", { key: '6cce6265d3907c99c333d8c4d209493548f22b36', ref: (el) => {
-                this._ref = el;
-            }, id: this.id }, h("caption", { key: '3ad5a7a85bd195180b842b39a5b2aeaebdd3bee7' }, this.captionPlain ? (this.captionPlain) : (h("slot", { name: "caption" }))), this._data ? (h(Fragment, null, ((_a = this._data) === null || _a === void 0 ? void 0 : _a.header) ? (h("db-table-head", { rows: (_b = this._data) === null || _b === void 0 ? void 0 : _b.header })) : null, ((_c = this._data) === null || _c === void 0 ? void 0 : _c.body) ? (h("db-table-body", { rows: (_d = this._data) === null || _d === void 0 ? void 0 : _d.body })) : null, ((_e = this._data) === null || _e === void 0 ? void 0 : _e.footer) ? (h("db-table-footer", { rows: (_f = this._data) === null || _f === void 0 ? void 0 : _f.footer })) : null)) : (h("slot", null)))));
-    }
-    static get watchers() { return {
-        "data": [{
-                "watch0": 0
-            }],
-        "mobileVariant": [{
-                "watch1": 0
-            }],
-        "_ref": [{
-                "watch1": 0
-            }],
-        "columnSizes": [{
-                "watch2": 0
-            }]
-    }; }
-};
-
-export { DBTable as db_table };

package/dist/types/components/table/examples/data.d.ts

@@ -1,9 +0,0 @@
-import { DBTableData } from '../model';
-export declare const defaultTable: DBTableData;
-export declare const horizontalAlignmentStartTable: DBTableData;
-export declare const horizontalAlignmentCenterTable: DBTableData;
-export declare const horizontalAlignmentEndTable: DBTableData;
-export declare const subHeaderEmphasisNoneTable: DBTableData;
-export declare const subHeaderEmphasisWeakTable: DBTableData;
-export declare const subHeaderEmphasisStrongTable: DBTableData;
-export declare const overflowTable: DBTableData;

package/dist/types/components/table/index.d.ts

@@ -1,2 +0,0 @@
-import { DBTable } from './table';
-export default DBTable;

package/dist/types/components/table/model.d.ts

@@ -1,74 +0,0 @@
-import { GlobalProps, GlobalState, WidthProps } from '../../shared/model';
-import { DBTableRowDefaultProps } from '../table-row/model';
-export declare const DBTableRowSizeList: readonly ["x-small", "small", "medium", "large"];
-export type DBTableRowSizeType = (typeof DBTableRowSizeList)[number];
-export declare const DBTableVariantList: readonly ["joined", "zebra", "floating"];
-export type DBTableVariantType = (typeof DBTableVariantList)[number];
-export declare const DBTableDividerList: readonly ["none", "both", "horizontal", "vertical"];
-export type DBTableDividerType = (typeof DBTableDividerList)[number];
-export declare const DBTableMobileVariantList: readonly ["table", "list"];
-export type DBTableMobileVariantType = (typeof DBTableMobileVariantList)[number];
-export declare const DBTableStickHeaderList: readonly ["none", "both", "horizontal", "vertical"];
-export type DBTableStickHederType = (typeof DBTableStickHeaderList)[number];
-export type DBTableData = {
-    header?: DBTableRowDefaultProps[];
-    body?: DBTableRowDefaultProps[];
-    footer?: DBTableRowDefaultProps[];
-};
-export declare const DBTableColumnsSizeList: readonly ["auto", "1fr", "min-content", "max-content"];
-export type DBTableColumnsSizeType = (typeof DBTableColumnsSizeList)[number];
-export type DBTableDefaultProps = {
-    /**
-     * Slot for table caption
-     */
-    caption?: any;
-    /**
-     * String alternative for table caption slot
-     */
-    captionPlain?: string;
-    /**
-     * Table data if you don't use default slot/children
-     */
-    data?: DBTableData | string;
-    /**
-     * Show the divider between the rows and cells
-     */
-    divider?: DBTableDividerType;
-    /**
-     * Show caption above table default is hidden
-     */
-    showCaption?: boolean | string;
-    /**
-     * Size of the table rows
-     */
-    size?: DBTableRowSizeType;
-    /**
-     * Change the layout of the table
-     * floating: card style table
-     * joined: classic table
-     */
-    variant?: DBTableVariantType;
-    /**
-     * Change the layout of the table on mobile
-     * list: list style
-     * table: classic table
-     */
-    mobileVariant?: DBTableMobileVariantType;
-    /**
-     * Change the header cells to be sticky when scrolling the table
-     */
-    stickyHeader?: DBTableStickHederType;
-    /**
-     * Set the width of the columns based in their index.
-     * Alternative: Use `--db-table-column-size-$index` inside CSS to control it.
-     * See: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/grid-template-columns
-     */
-    columnSizes?: Record<number, DBTableColumnsSizeType | string>;
-};
-export type DBTableProps = DBTableDefaultProps & GlobalProps & WidthProps;
-export type DBTableDefaultState = {
-    _data?: DBTableData;
-    _style?: any;
-    convertData: () => DBTableData;
-};
-export type DBTableState = DBTableDefaultState & GlobalState;

package/dist/types/components/table/table.d.ts

@@ -1,37 +0,0 @@
-import { DBTableProps } from "./model";
-/**
- * @slot children - This is a default/unnamed slot
- * @slot caption - TODO: Add description for slotCaption
- */
-export declare class DBTable {
-    private _ref;
-    data: DBTableProps["data"];
-    mobileVariant: DBTableProps["mobileVariant"];
-    columnSizes: DBTableProps["columnSizes"];
-    className: DBTableProps["className"];
-    width: DBTableProps["width"];
-    size: DBTableProps["size"];
-    divider: DBTableProps["divider"];
-    variant: DBTableProps["variant"];
-    showCaption: DBTableProps["showCaption"];
-    stickyHeader: DBTableProps["stickyHeader"];
-    id: DBTableProps["id"];
-    captionPlain: DBTableProps["captionPlain"];
-    _data: any;
-    _style: any;
-    convertData(): any;
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    watch0Fn(): void;
-    watch0(): void;
-    watch1Fn(): void;
-    watch1(): void;
-    watch2Fn(): void;
-    watch2(): void;
-    componentDidLoad(): void;
-    render(): any;
-}

package/dist/types/components/table-body/index.d.ts

@@ -1,2 +0,0 @@
-import { DBTableBody } from './table-body';
-export default DBTableBody;

package/dist/types/components/table-body/model.d.ts

@@ -1,8 +0,0 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
-import { DBTableRowProps } from '../table-row/model';
-export type DBTableBodyDefaultProps = {
-    rows?: DBTableRowProps[];
-};
-export type DBTableBodyProps = DBTableBodyDefaultProps & GlobalProps;
-export type DBTableBodyDefaultState = {};
-export type DBTableBodyState = DBTableBodyDefaultState & GlobalState;