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

package/dist/collection/components/table-caption/table-caption.js

@@ -1,109 +0,0 @@
-import { cls } from "../../utils";
-import { h } from "@stencil/core";
-/**
- * @slot children - This is a default/unnamed slot
-
- */
-export class DBTableCaption {
-    /**
-     * 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-caption");
-    }
-    render() {
-        return (h("caption", { key: 'baeddf92648dcbf2965b0c3832e54f196a95dabe', class: cls("db-table-caption", this.className), ref: (el) => {
-                this._ref = el;
-            }, id: this.id }, h("slot", { key: '46e4b15773e65ae78bd93699c41b463a2783fcd3' })));
-    }
-    static get is() { return "db-table-caption"; }
-    static get properties() {
-        return {
-            "id": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableCaptionProps[\"id\"]",
-                    "resolved": "string",
-                    "references": {
-                        "DBTableCaptionProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-caption/model.ts::DBTableCaptionProps",
-                            "referenceLocation": "DBTableCaptionProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "id"
-            },
-            "className": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableCaptionProps[\"className\"]",
-                    "resolved": "string",
-                    "references": {
-                        "DBTableCaptionProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-caption/model.ts::DBTableCaptionProps",
-                            "referenceLocation": "DBTableCaptionProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "classname"
-            }
-        };
-    }
-}

package/dist/collection/components/table-data-cell/index.js

@@ -1,2 +0,0 @@
-import { DBTableDataCell } from "./table-data-cell";
-export default DBTableDataCell;

package/dist/collection/components/table-data-cell/model.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/components/table-data-cell/table-data-cell.js

@@ -1,291 +0,0 @@
-import { cls, getNumber } from "../../utils";
-import { h } from "@stencil/core";
-/**
- * @slot children - This is a default/unnamed slot
-
- */
-export class DBTableDataCell {
-    /**
-     * 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' })));
-    }
-    static get is() { return "db-table-data-cell"; }
-    static get properties() {
-        return {
-            "id": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableDataCellProps[\"id\"]",
-                    "resolved": "string",
-                    "references": {
-                        "DBTableDataCellProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-data-cell/model.ts::DBTableDataCellProps",
-                            "referenceLocation": "DBTableDataCellProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "id"
-            },
-            "className": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableDataCellProps[\"className\"]",
-                    "resolved": "string",
-                    "references": {
-                        "DBTableDataCellProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-data-cell/model.ts::DBTableDataCellProps",
-                            "referenceLocation": "DBTableDataCellProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "classname"
-            },
-            "horizontalAlignment": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableDataCellProps[\"horizontalAlignment\"]",
-                    "resolved": "\"center\" | \"end\" | \"start\"",
-                    "references": {
-                        "DBTableDataCellProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-data-cell/model.ts::DBTableDataCellProps",
-                            "referenceLocation": "DBTableDataCellProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "horizontal-alignment"
-            },
-            "verticalAlignment": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableDataCellProps[\"verticalAlignment\"]",
-                    "resolved": "\"center\" | \"end\" | \"start\"",
-                    "references": {
-                        "DBTableDataCellProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-data-cell/model.ts::DBTableDataCellProps",
-                            "referenceLocation": "DBTableDataCellProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "vertical-alignment"
-            },
-            "colSpan": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableDataCellProps[\"colSpan\"]",
-                    "resolved": "number | string",
-                    "references": {
-                        "DBTableDataCellProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-data-cell/model.ts::DBTableDataCellProps",
-                            "referenceLocation": "DBTableDataCellProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "col-span"
-            },
-            "colspan": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableDataCellProps[\"colspan\"]",
-                    "resolved": "number | string",
-                    "references": {
-                        "DBTableDataCellProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-data-cell/model.ts::DBTableDataCellProps",
-                            "referenceLocation": "DBTableDataCellProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "colspan"
-            },
-            "rowSpan": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableDataCellProps[\"rowSpan\"]",
-                    "resolved": "number | string",
-                    "references": {
-                        "DBTableDataCellProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-data-cell/model.ts::DBTableDataCellProps",
-                            "referenceLocation": "DBTableDataCellProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "row-span"
-            },
-            "rowspan": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableDataCellProps[\"rowspan\"]",
-                    "resolved": "number | string",
-                    "references": {
-                        "DBTableDataCellProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-data-cell/model.ts::DBTableDataCellProps",
-                            "referenceLocation": "DBTableDataCellProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "rowspan"
-            },
-            "headers": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableDataCellProps[\"headers\"]",
-                    "resolved": "string",
-                    "references": {
-                        "DBTableDataCellProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-data-cell/model.ts::DBTableDataCellProps",
-                            "referenceLocation": "DBTableDataCellProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "headers"
-            }
-        };
-    }
-}

package/dist/collection/components/table-footer/index.js

@@ -1,2 +0,0 @@
-import { DBTableFooter } from "./table-footer";
-export default DBTableFooter;

package/dist/collection/components/table-footer/model.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/components/table-footer/table-footer.js

@@ -1,137 +0,0 @@
-import { cls, uuid } from "../../utils";
-import { h } from "@stencil/core";
-/**
- * @slot children - This is a default/unnamed slot
-
- */
-export class DBTableFooter {
-    /**
-     * 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))));
-    }
-    static get is() { return "db-table-footer"; }
-    static get properties() {
-        return {
-            "id": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableFooterProps[\"id\"]",
-                    "resolved": "string",
-                    "references": {
-                        "DBTableFooterProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-footer/model.ts::DBTableFooterProps",
-                            "referenceLocation": "DBTableFooterProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "id"
-            },
-            "className": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableFooterProps[\"className\"]",
-                    "resolved": "string",
-                    "references": {
-                        "DBTableFooterProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-footer/model.ts::DBTableFooterProps",
-                            "referenceLocation": "DBTableFooterProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "classname"
-            },
-            "rows": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTableFooterProps[\"rows\"]",
-                    "resolved": "DBTableRowProps[]",
-                    "references": {
-                        "DBTableFooterProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/table-footer/model.ts::DBTableFooterProps",
-                            "referenceLocation": "DBTableFooterProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-}

package/dist/collection/components/table-head/index.js

@@ -1,2 +0,0 @@
-import { DBTableHead } from "./table-head";
-export default DBTableHead;

package/dist/collection/components/table-head/model.js

@@ -1 +0,0 @@
-export {};