@db-ux/wc-core-components 4.10.1 → 4.11.0

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

@@ -0,0 +1,202 @@
+import { cls, getBooleanAsString, uuid } from "../../utils";
+import { h } from "@stencil/core";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export class DBTableRow {
+    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() {
+        if (typeof document !== "undefined" && this.rootElement && this.rootElement.dataset.connect) {
+            const connectedElement = document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);
+            if (connectedElement) {
+                connectedElement.remove();
+            }
+        }
+        this.enableAttributePassing(this._ref, "db-table-row");
+    }
+    render() {
+        var _a;
+        return (h("tr", { key: '41fb15318069880e679a929ee5d4fcf59c7c1b63', 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, _21, _22;
+            return cell.headerCell ? (h("db-table-header-cell", { class: (_a = cell.className) !== null && _a !== void 0 ? _a : cell.class, key: `${(_c = (_b = cell.id) !== null && _b !== void 0 ? _b : this.id) !== null && _c !== void 0 ? _c : uuid()}-table-row-header-cell-${index}`, id: cell.id, abbr: (_d = this.getHeaderCell(cell)) === null || _d === void 0 ? void 0 : _d.abbr, scope: (_e = this.getHeaderCell(cell)) === null || _e === void 0 ? void 0 : _e.scope, noText: (_f = this.getHeaderCell(cell)) === null || _f === void 0 ? void 0 : _f.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: (_h = (_g = cell.link) === null || _g === void 0 ? void 0 : _g.className) !== null && _h !== void 0 ? _h : (_j = cell.link) === null || _j === void 0 ? void 0 : _j.class, content: (_k = cell.link) === null || _k === void 0 ? void 0 : _k.content, size: (_l = cell.link) === null || _l === void 0 ? void 0 : _l.size, variant: (_m = cell.link) === null || _m === void 0 ? void 0 : _m.variant, id: (_o = cell.link) === null || _o === void 0 ? void 0 : _o.id, autofocus: (_p = cell.link) === null || _p === void 0 ? void 0 : _p.autofocus, disabled: (_q = cell.link) === null || _q === void 0 ? void 0 : _q.disabled, href: (_r = cell.link) === null || _r === void 0 ? void 0 : _r.href, hreflang: (_s = cell.link) === null || _s === void 0 ? void 0 : _s.hreflang, target: (_t = cell.link) === null || _t === void 0 ? void 0 : _t.target, rel: (_u = cell.link) === null || _u === void 0 ? void 0 : _u.rel, referrerPolicy: (_v = cell.link) === null || _v === void 0 ? void 0 : _v.referrerPolicy, role: (_w = cell.link) === null || _w === void 0 ? void 0 : _w.role, showIcon: (_x = cell.link) === null || _x === void 0 ? void 0 : _x.showIcon, text: (_y = cell.link) === null || _y === void 0 ? void 0 : _y.text, wrap: (_z = cell.link) === null || _z === void 0 ? void 0 : _z.wrap }, (_0 = cell.link) === null || _0 === void 0 ? void 0 : _0.children)) : (cell.content))) : (h("db-table-data-cell", { class: (_1 = cell.className) !== null && _1 !== void 0 ? _1 : cell.class, key: `${(_3 = (_2 = cell.id) !== null && _2 !== void 0 ? _2 : this.id) !== null && _3 !== void 0 ? _3 : 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: (_5 = (_4 = cell.link) === null || _4 === void 0 ? void 0 : _4.className) !== null && _5 !== void 0 ? _5 : (_6 = cell.link) === null || _6 === void 0 ? void 0 : _6.class, content: (_7 = cell.link) === null || _7 === void 0 ? void 0 : _7.content, size: (_8 = cell.link) === null || _8 === void 0 ? void 0 : _8.size, variant: (_9 = cell.link) === null || _9 === void 0 ? void 0 : _9.variant, id: (_10 = cell.link) === null || _10 === void 0 ? void 0 : _10.id, autofocus: (_11 = cell.link) === null || _11 === void 0 ? void 0 : _11.autofocus, disabled: (_12 = cell.link) === null || _12 === void 0 ? void 0 : _12.disabled, href: (_13 = cell.link) === null || _13 === void 0 ? void 0 : _13.href, hreflang: (_14 = cell.link) === null || _14 === void 0 ? void 0 : _14.hreflang, target: (_15 = cell.link) === null || _15 === void 0 ? void 0 : _15.target, rel: (_16 = cell.link) === null || _16 === void 0 ? void 0 : _16.rel, referrerPolicy: (_17 = cell.link) === null || _17 === void 0 ? void 0 : _17.referrerPolicy, role: (_18 = cell.link) === null || _18 === void 0 ? void 0 : _18.role, showIcon: (_19 = cell.link) === null || _19 === void 0 ? void 0 : _19.showIcon, text: (_20 = cell.link) === null || _20 === void 0 ? void 0 : _20.text, wrap: (_21 = cell.link) === null || _21 === void 0 ? void 0 : _21.wrap }, (_22 = cell.link) === null || _22 === void 0 ? void 0 : _22.children)) : (cell.content)));
+        })) : (h("slot", null))));
+    }
+    static get is() { return "db-table-row"; }
+    static get properties() {
+        return {
+            "id": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTableRowProps[\"id\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTableRowProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/table-row/model.ts::DBTableRowProps",
+                            "referenceLocation": "DBTableRowProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "id"
+            },
+            "className": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTableRowProps[\"className\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTableRowProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/table-row/model.ts::DBTableRowProps",
+                            "referenceLocation": "DBTableRowProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "classname"
+            },
+            "interactive": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTableRowProps[\"interactive\"]",
+                    "resolved": "boolean | string",
+                    "references": {
+                        "DBTableRowProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/table-row/model.ts::DBTableRowProps",
+                            "referenceLocation": "DBTableRowProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "interactive"
+            },
+            "subHeaderEmphasis": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTableRowProps[\"subHeaderEmphasis\"]",
+                    "resolved": "\"none\" | \"strong\" | \"weak\"",
+                    "references": {
+                        "DBTableRowProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/table-row/model.ts::DBTableRowProps",
+                            "referenceLocation": "DBTableRowProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "sub-header-emphasis"
+            },
+            "cells": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTableRowProps[\"cells\"]",
+                    "resolved": "DBTableRowCell[]",
+                    "references": {
+                        "DBTableRowProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/table-row/model.ts::DBTableRowProps",
+                            "referenceLocation": "DBTableRowProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get elementRef() { return "rootElement"; }
+}

package/dist/collection/components/tabs/tabs.js

@@ -212,10 +212,10 @@ export class DBTabs {
     }
     render() {
         var _a, _b, _c, _d, _e, _f;
-        return (h("div", { key: '71e69e614a98de1b0fe789b210815d03bcee6286', class: cls("db-tabs", this.className), ref: (el) => {
+        return (h("div", { key: '7f8b9180b865394204747aa762291857513af90c', class: cls("db-tabs", 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, "data-orientation": this.orientation, "data-scroll-behavior": this.behavior, "data-alignment": (_c = this.alignment) !== null && _c !== void 0 ? _c : "start", "data-width": (_d = this.width) !== null && _d !== void 0 ? _d : "auto", onInput: (event) => this.handleChange(event), onChange: (event) => this.handleChange(event) }, this.showScrollLeft ? (h("db-button", { class: "tabs-scroll-left", variant: "ghost", icon: "chevron_left", type: "button", noText: true, onClick: () => this.scroll(true) }, "Scroll left")) : null, this.tabs ? (h(Fragment, null, h("db-tab-list", null, (_e = this.convertTabs()) === null || _e === void 0 ? void 0 : _e.map((tab, index) => (h("db-tab-item", { key: this.name + "tab-item" + index, active: tab.active, label: tab.label, iconTrailing: tab.iconTrailing, icon: tab.icon, noText: tab.noText })))), (_f = this.convertTabs()) === null || _f === void 0 ? void 0 :
-            _f.map((tab, index) => (h("db-tab-panel", { key: this.name + "tab-panel" + index, content: tab.content }, tab.children))))) : null, this.showScrollRight ? (h("db-button", { class: "tabs-scroll-right", variant: "ghost", icon: "chevron_right", type: "button", noText: true, onClick: () => this.scroll() }, "Scroll right")) : null, h("slot", { key: '2e8a007adff7051a1266f88b95419a510ce7494a' })));
+            _f.map((tab, index) => (h("db-tab-panel", { key: this.name + "tab-panel" + index, content: tab.content }, tab.children))))) : null, this.showScrollRight ? (h("db-button", { class: "tabs-scroll-right", variant: "ghost", icon: "chevron_right", type: "button", noText: true, onClick: () => this.scroll() }, "Scroll right")) : null, h("slot", { key: 'a2833021bf993cf6aa130c9295f78b831c8d888e' })));
     }
     static get is() { return "db-tabs"; }
     static get properties() {

package/dist/collection/components/tag/tag.js

@@ -68,9 +68,9 @@ export class DBTag {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '85b02f290e8323ddd9a61ee5cf15893e7bc0cdab', class: cls("db-tag", this.className), ref: (el) => {
+        return (h("div", { key: '107c28ac3b48e7802773283ed706536b3448f7fd', class: cls("db-tag", 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, "data-semantic": this.semantic, "data-emphasis": this.emphasis, "data-icon": this.icon, "data-show-check-state": getBooleanAsString((_c = this.showCheckState) !== null && _c !== void 0 ? _c : true), "data-show-icon": getBooleanAsString(this.showIcon), "data-no-text": getBooleanAsString(this.noText), "data-overflow": getBooleanAsString(this.overflow) }, h("slot", { key: '3aefef41d0a30b8f979e43146936be56a1d9181b', name: "content" }), this.text ? this.text : null, h("slot", { key: 'e283aefd212ea8c7f7eab8da48ed19a7f4763e38' }), this.behavior === "removable" ? (h("button", { class: "db-button db-tab-remove-button", "data-icon": "cross", "data-size": "small", "data-no-text": "true", "data-variant": "ghost", type: "button", onClick: (event) => this.handleRemove(event) }, h("db-tooltip", { variant: "label" }, this.getRemoveButtonText()))) : null));
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-semantic": this.semantic, "data-emphasis": this.emphasis, "data-icon": this.icon, "data-show-check-state": getBooleanAsString((_c = this.showCheckState) !== null && _c !== void 0 ? _c : true, "showCheckState"), "data-show-icon": getBooleanAsString(this.showIcon, "showIcon"), "data-no-text": getBooleanAsString(this.noText, "noText"), "data-overflow": getBooleanAsString(this.overflow, "overflow") }, h("slot", { key: '7a552ce39473ee8f5ab9ff0fa26e1c9cb746141a', name: "content" }), this.text ? this.text : null, h("slot", { key: '3ace0ceb3415b63574e959214beb6af40071e1b6' }), this.behavior === "removable" ? (h("button", { class: "db-button db-tab-remove-button", "data-icon": "cross", "data-size": "small", "data-no-text": "true", "data-variant": "ghost", type: "button", onClick: (event) => this.handleRemove(event) }, h("db-tooltip", { variant: "label" }, this.getRemoveButtonText()))) : null));
     }
     static get is() { return "db-tag"; }
     static get properties() {
@@ -234,7 +234,7 @@ export class DBTag {
                 "mutable": false,
                 "complexType": {
                     "original": "DBTagProps[\"icon\"]",
-                    "resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
+                    "resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"arrows_vertical\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"more_vertical\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
                     "references": {
                         "DBTagProps": {
                             "location": "import",

package/dist/collection/components/textarea/textarea.js

@@ -203,10 +203,10 @@ export class DBTextarea {
     }
     render() {
         var _a, _b, _c, _d, _e, _f;
-        return (h("div", { key: '011c369f6437bb150f6afb7534da123ed5987621', class: cls("db-textarea", this.className), "data-variant": this.variant, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: '2ce564dca8898dedd7e666eb39f1b94226cc3547', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("textarea", { key: '8cafda914ea6b0f48fe096472e71fd89ee85ec23', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
+        return (h("div", { key: '54e6cdfacbb2aaf120b485926da7500e11a68177', class: cls("db-textarea", this.className), "data-variant": this.variant, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: '4b4b364ba5c83cf99b3f05ef8a7fdca6ad94aca2', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("textarea", { key: '975252d88460695bac18a6290ffa4175fd6830a4', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
                 this._ref = el;
             }, id: this._id, "data-resize": this.resize, "data-hide-resizer": getHideProp((_b = this.showResizer) !== null && _b !== void 0 ? _b : true), disabled: getBoolean(this.disabled, "disabled"), required: getBoolean(this.required, "required"), readOnly: getBoolean(this.readOnly, "readOnly") ||
-                getBoolean(this.readonly, "readonly"), form: this.form, maxLength: getNumber(this.maxLength, this.maxlength), minLength: getNumber(this.minLength, this.minlength), name: this.name, wrap: this.wrap, spellcheck: this.spellCheck, autocomplete: this.autocomplete, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), value: (_d = (_c = this.value) !== null && _c !== void 0 ? _c : this._value) !== null && _d !== void 0 ? _d : "", "aria-describedby": (_e = this.ariaDescribedBy) !== null && _e !== void 0 ? _e : this._descByIds, placeholder: (_f = this.placeholder) !== null && _f !== void 0 ? _f : DEFAULT_PLACEHOLDER, rows: getNumber(this.rows, DEFAULT_ROWS), cols: getNumber(this.cols) }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '489ca97fb9dc385ec1483d47918025f6db999e01', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: 'c1aa196f836729f0b821f4b3f9300a924fd8e08c', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+                getBoolean(this.readonly, "readonly"), form: this.form, maxLength: getNumber(this.maxLength, this.maxlength), minLength: getNumber(this.minLength, this.minlength), name: this.name, wrap: this.wrap, spellcheck: this.spellCheck, autocomplete: this.autocomplete, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), value: (_d = (_c = this.value) !== null && _c !== void 0 ? _c : this._value) !== null && _d !== void 0 ? _d : "", "aria-describedby": (_e = this.ariaDescribedBy) !== null && _e !== void 0 ? _e : this._descByIds, placeholder: (_f = this.placeholder) !== null && _f !== void 0 ? _f : DEFAULT_PLACEHOLDER, rows: getNumber(this.rows, DEFAULT_ROWS), cols: getNumber(this.cols) }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '6991559466d3a62e284ad2fa623b03c6c15e478a', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '548f46a7cc2d3489d3022d2e2b5d3a7654ebd372', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get is() { return "db-textarea"; }
     static get properties() {
@@ -1072,7 +1072,7 @@ export class DBTextarea {
                 "mutable": false,
                 "complexType": {
                     "original": "DBTextareaProps[\"messageIcon\"]",
-                    "resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
+                    "resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"arrows_vertical\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"more_vertical\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",

package/dist/collection/components/tooltip/tooltip.js

@@ -164,9 +164,9 @@ export class DBTooltip {
     }
     render() {
         var _a, _b;
-        return (h("i", { key: 'baf376c4ee424f78a7e062b864586139846b2073', class: cls("db-tooltip", this.className), role: "tooltip", "aria-hidden": "true", "data-gap": "true", ref: (el) => {
+        return (h("i", { key: '2636a6f606a970f585a00c7268542b8bf8f59644', class: cls("db-tooltip", this.className), role: "tooltip", "aria-hidden": "true", "data-gap": "true", ref: (el) => {
                 this._ref = el;
-            }, id: this._id, "data-emphasis": this.emphasis, "data-wrap": getBooleanAsString(this.wrap), "data-animation": getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true), "data-delay": this.delay, "data-width": this.width, "data-show-arrow": getBooleanAsString((_b = this.showArrow) !== null && _b !== void 0 ? _b : true), "data-placement": this.placement, onClick: (event) => this.handleClick(event) }, this.text ? this.text : null, h("slot", { key: '6ec094383bad1237ce6ae7d02a7a62cf5c8de19d' })));
+            }, id: this._id, "data-emphasis": this.emphasis, "data-wrap": getBooleanAsString(this.wrap, "wrap"), "data-animation": getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true, "animation"), "data-delay": this.delay, "data-width": this.width, "data-show-arrow": getBooleanAsString((_b = this.showArrow) !== null && _b !== void 0 ? _b : true, "showArrow"), "data-placement": this.placement, onClick: (event) => this.handleClick(event) }, this.text ? this.text : null, h("slot", { key: 'cf37293fac4206d6c6b97a0d1b063ba28c3f4d3d' })));
     }
     static get is() { return "db-tooltip"; }
     static get properties() {

package/dist/collection/index.js

@@ -64,6 +64,22 @@ export * from './components/tab-list';
 export * from './components/tab-list/model';
 export * from './components/tab-panel';
 export * from './components/tab-panel/model';
+export * from './components/table';
+export * from './components/table-body';
+export * from './components/table-body/model';
+export * from './components/table-caption';
+export * from './components/table-caption/model';
+export * from './components/table-data-cell';
+export * from './components/table-data-cell/model';
+export * from './components/table-footer';
+export * from './components/table-footer/model';
+export * from './components/table-head';
+export * from './components/table-head/model';
+export * from './components/table-header-cell';
+export * from './components/table-header-cell/model';
+export * from './components/table-row';
+export * from './components/table-row/model';
+export * from './components/table/model';
 export * from './components/tabs';
 export * from './components/tabs/model';
 export * from './components/tag';

package/dist/collection/shared/model.js

@@ -20,4 +20,4 @@ export const LabelVariantHorizontalList = ['leading', 'trailing'];
 export const AutoCompleteList = ['off', 'on', 'name', 'honorific-prefix', 'given-name', 'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'email', 'username', 'new-password', 'current-password', 'one-time-code', 'organization-title', 'organization', 'street-address', 'shipping', 'billing', 'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3', 'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name', 'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp', 'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency', 'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year', 'sex', 'tel', 'tel-country-code', 'tel-national', 'tel-area-code', 'tel-local', 'tel-extension', 'impp', 'url', 'photo', 'webauthn'];
 export const LinkTargetList = ['_self', '_blank', '_parent', '_top'];
 export const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'];
-export const AlignmentList = ['start', 'center'];
+export const AlignmentList = ['start', 'center', 'end'];

package/dist/collection/utils/index.js

@@ -61,16 +61,21 @@ export const isIOSSafari = () => {
 };
 export const delay = (fn, ms) => new Promise(() => setTimeout(fn, ms));
 /**
- * Some frameworks like stencil would not add "true" as value for a prop
- * if it is used in a framework like angular e.g.: [disabled]="myDisabledProp"
- * @param originBool Some boolean to convert to string
+ * Converts boolean-like inputs to "true" or "false" strings.
+ * Handles HTML-style boolean attributes where an empty string or the
+ * attribute's own name as value (e.g. noText="noText") should be treated as true.
+ * Some frameworks like Stencil do not add "true" as value for a prop
+ * if it is used in a framework like Angular e.g.: [disabled]="myDisabledProp"
+ * @param originBool Boolean or string value to convert
+ * @param propertyName The prop/attribute name — when originBool is a string equal
+ *   to this name (case-insensitive), it is treated as true
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const getBooleanAsString = (originBool) => {
+export const getBooleanAsString = (originBool, propertyName) => {
     if (originBool === undefined || originBool === null)
         return;
     if (typeof originBool === 'string') {
-        return String(originBool === 'true');
+        return String(originBool === '' || originBool === 'true' || (propertyName === null || propertyName === void 0 ? void 0 : propertyName.toLowerCase()) === originBool.toLowerCase());
     }
     return String(originBool);
 };
@@ -78,7 +83,7 @@ export const getBoolean = (originBool, propertyName) => {
     if (originBool === undefined || originBool === null)
         return;
     if (typeof originBool === 'string') {
-        return Boolean(propertyName === originBool || originBool === 'true');
+        return Boolean(originBool === '' || originBool === 'true' || (propertyName === null || propertyName === void 0 ? void 0 : propertyName.toLowerCase()) === originBool.toLowerCase());
     }
     return Boolean(originBool);
 };
@@ -119,13 +124,13 @@ export const getStep = (step) => {
 export const getInputValue = (value, inputType) => {
     return inputType && ['number', 'range'].includes(inputType) ? getNumber(value) : value;
 };
-const toBool = (value) => typeof value === 'string' ? value === 'true' : value;
+const toBool = (value) => typeof value === 'string' ? value !== 'false' : value;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const getHideProp = (show) => {
     if (show === undefined || show === null) {
         return undefined;
     }
-    return getBooleanAsString(!toBool(show));
+    return getBooleanAsString(!toBool(show), 'show');
 };
 export const stringPropVisible = (givenString, showString) => {
     if (showString === undefined) {