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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/wc-core-components",
-  "version": "4.5.4-table-c758ae7",
+  "version": "4.5.4-tailwind-inline-5d37a00",
   "description": "Stencil components for @db-ux/core-components",
   "repository": {
     "type": "git",
@@ -48,7 +48,7 @@
   "web-types": "./dist/web-types.json",
   "customElements": "dist/custom-elements.json",
   "dependencies": {
-    "@db-ux/core-components": "4.5.4-table-c758ae7",
-    "@db-ux/core-foundations": "4.5.4-table-c758ae7"
+    "@db-ux/core-components": "4.5.4-tailwind-inline-5d37a00",
+    "@db-ux/core-foundations": "4.5.4-tailwind-inline-5d37a00"
   }
 }

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

@@ -1,220 +0,0 @@
-'use strict';
-
-var index = require('./index-CSakRmZZ.js');
-var index$1 = require('./index-2_9ESkQu.js');
-
-const DBLink = class {
-    constructor(hostRef) {
-        index.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 (index.h("a", { key: '9cecd89fae35481cbc053fd253fc75140f8e57a1', class: index$1.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": index$1.getBooleanAsString(this.disabled), tabIndex: this.disabled ? -1 : 0, "data-size": this.size, "data-show-icon-trailing": index$1.getBooleanAsString((_d = this.showIcon) !== null && _d !== void 0 ? _d : true), "data-variant": this.variant, "data-content": this.content || "internal", "data-wrap": index$1.getBooleanAsString(this.wrap) }, this.text ? this.text : index.h("slot", null)));
-    }
-};
-
-const DBTableRow = class {
-    constructor(hostRef) {
-        index.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 (index.h("tr", { key: '0826ccfb6e11937280649f6b59263676e8f5f668', class: index$1.cls("db-table-row", this.className), ref: (el) => {
-                this._ref = el;
-            }, id: this.id, "data-interactive": index$1.getBooleanAsString(this.interactive), "data-sub-header-emphasis": this.subHeaderEmphasis }, this.cells ? ((_a = this.cells) === null || _a === void 0 ? void 0 : _a.map((cell, index$2) => {
-            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 ? (index.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 : index$1.uuid()}-table-row-header-cell-${index$2}`, 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 ? (index.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))) : (index.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 : index$1.uuid()}-table-row-data-cell-${index$2}`, 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 ? (index.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)));
-        })) : (index.h("slot", null))));
-    }
-};
-
-const DBTableHeaderCell = class {
-    constructor(hostRef) {
-        index.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 (index.h("th", { key: '8e4041b823d5a1e31e92992eb9233bc75e6f0db9', class: index$1.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": index$1.getBooleanAsString(this.noText), scope: this.scope, colSpan: index$1.getNumber(this.colSpan, this.colspan), rowSpan: index$1.getNumber(this.rowSpan, this.rowspan), headers: this.headers, abbr: this.abbr }, index.h("slot", { key: 'a78d87d22ead57dbb4a97175da963028fa603a39' })));
-    }
-};
-
-const DBTableDataCell = class {
-    constructor(hostRef) {
-        index.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 (index.h("td", { key: '8274250200fc80a6dd6df6d337b397930c665e18', class: index$1.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: index$1.getNumber(this.colSpan, this.colspan), rowSpan: index$1.getNumber(this.rowSpan, this.rowspan), headers: this.headers }, index.h("slot", { key: '15e1f9e5492c105d953fb8f4ec272f3c8853b318' })));
-    }
-};
-
-exports.db_link = DBLink;
-exports.db_table_data_cell = DBTableDataCell;
-exports.db_table_header_cell = DBTableHeaderCell;
-exports.db_table_row = DBTableRow;

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

@@ -1,173 +0,0 @@
-'use strict';
-
-var index = require('./index-CSakRmZZ.js');
-var index$1 = require('./index-2_9ESkQu.js');
-
-const DBTableHead = class {
-    constructor(hostRef) {
-        index.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 (index.h("thead", { key: 'fc59a3bac4953eaf10bbd04f29716804c98b05c8', class: index$1.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$2) => {
-            var _a, _b;
-            return (index.h("db-table-row", { class: (_a = row.className) !== null && _a !== void 0 ? _a : row.class, key: `${(_b = this.id) !== null && _b !== void 0 ? _b : index$1.uuid()}-table-head-row-${index$2}`, cells: this.getCells(row.cells), subHeaderEmphasis: row.subHeaderEmphasis, id: row.id }));
-        })) : (index.h("slot", null))));
-    }
-};
-
-const DBTableBody = class {
-    constructor(hostRef) {
-        index.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 (index.h("tbody", { key: 'f32625da9123926d08a779f2b04f907249153f8b', class: index$1.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$2) => {
-            var _a, _b;
-            return (index.h("db-table-row", { class: (_a = row.className) !== null && _a !== void 0 ? _a : row.class, key: `${(_b = this.id) !== null && _b !== void 0 ? _b : index$1.uuid()}-table-body-row-${index$2}`, cells: row.cells, id: row.id }));
-        })) : (index.h("slot", null))));
-    }
-};
-
-const DBTableFooter = class {
-    constructor(hostRef) {
-        index.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 (index.h("tfoot", { key: '97d0abedb46046365f4d1a713133cd31a86c12c7', class: index$1.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$2) => {
-            var _a, _b;
-            return (index.h("db-table-row", { class: (_a = row.className) !== null && _a !== void 0 ? _a : row.class, key: `${(_b = this.id) !== null && _b !== void 0 ? _b : index$1.uuid()}-table-footer-row-${index$2}`, cells: row.cells, id: row.id }));
-        })) : (index.h("slot", null))));
-    }
-};
-
-exports.db_table_body = DBTableBody;
-exports.db_table_footer = DBTableFooter;
-exports.db_table_head = DBTableHead;

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

@@ -1,136 +0,0 @@
-'use strict';
-
-var index = require('./index-CSakRmZZ.js');
-var index$1 = require('./index-2_9ESkQu.js');
-
-const DBTable = class {
-    constructor(hostRef) {
-        index.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 index$1.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 (index.h("div", { key: 'f64631aec68b83467db063e5e0923144743bce72', class: index$1.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": index$1.getBooleanAsString(this.showCaption), "data-sticky-header": this.stickyHeader }, index.h("table", { key: '6cce6265d3907c99c333d8c4d209493548f22b36', ref: (el) => {
-                this._ref = el;
-            }, id: this.id }, index.h("caption", { key: '3ad5a7a85bd195180b842b39a5b2aeaebdd3bee7' }, this.captionPlain ? (this.captionPlain) : (index.h("slot", { name: "caption" }))), this._data ? (index.h(index.Fragment, null, ((_a = this._data) === null || _a === void 0 ? void 0 : _a.header) ? (index.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) ? (index.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) ? (index.h("db-table-footer", { rows: (_f = this._data) === null || _f === void 0 ? void 0 : _f.footer })) : null)) : (index.h("slot", null)))));
-    }
-    static get watchers() { return {
-        "data": [{
-                "watch0": 0
-            }],
-        "mobileVariant": [{
-                "watch1": 0
-            }],
-        "_ref": [{
-                "watch1": 0
-            }],
-        "columnSizes": [{
-                "watch2": 0
-            }]
-    }; }
-};
-
-exports.db_table = DBTable;