@db-ux/wc-core-components 4.11.1 → 4.12.1

package/dist/collection/components/switch/switch.js

@@ -1,6 +1,6 @@
-import { DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX, } from "../../shared/constants";
-import { cls, delay, getBoolean, getBooleanAsString, getHideProp, hasVoiceOver, stringPropVisible, uuid, } from "../../utils";
-import { addCheckedResetEventListener, } from "../../utils/form-components";
+import { DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX, } from "../../shared/constants.js";
+import { cls, delay, getBoolean, getBooleanAsString, getHideProp, hasVoiceOver, stringPropVisible, uuid, } from "../../utils/index.js";
+import { addCheckedResetEventListener, } from "../../utils/form-components.js";
 import { h } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
@@ -225,9 +225,9 @@ export class DBSwitch {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'e95dafb6d580ef8cfbd54b91ee77da4809984862', class: cls("db-switch", this.className), "data-visual-aid": getBooleanAsString(this.visualAid, "visualAid"), "data-size": this.size, "data-hide-label": getHideProp(this.showLabel), "data-variant": this.variant, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-custom-validity": this.validation }, h("label", { key: '533173f9a522375012848dbff80b0e357f5e1b30', htmlFor: this._id }, h("input", { key: '68e6d40e2b5654508d8ebaf9be66dd56aa39c8f2', type: "checkbox", role: "switch", id: this._id, ref: (el) => {
+        return (h("div", { key: 'f9182aa08b0ac9a58767d5de15bada3b31850b1b', class: cls("db-switch", this.className), "data-visual-aid": getBooleanAsString(this.visualAid, "visualAid"), "data-size": this.size, "data-hide-label": getHideProp(this.showLabel), "data-variant": this.variant, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-custom-validity": this.validation }, h("label", { key: '4f27226dbe245461f2fd9bd6913db00a5b207732', htmlFor: this._id }, h("input", { key: 'b0995a9fb3246105d0769c32b16342f76e74f40c', type: "checkbox", role: "switch", id: this._id, ref: (el) => {
                 this._ref = el;
-            }, checked: getBoolean(this.checked, "checked"), value: this.value, disabled: getBoolean(this.disabled, "disabled"), "aria-invalid": this.validation === "invalid" ? "true" : undefined, "aria-describedby": this._descByIds, name: this.name, required: getBoolean(this.required, "required"), "data-aid-icon": (_a = this.iconLeading) !== null && _a !== void 0 ? _a : this.icon, "data-aid-icon-trailing": this.iconTrailing, onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), onKeyDown: (event) => this.handleKeyDown(event) }), this.label ? this.label : null, h("slot", { key: 'a89d78f024905190780c3c8436773ab710115857' })), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", semantic: "adaptive", id: this._messageId, icon: this.messageIcon }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, (_b = this.validMessage) !== null && _b !== void 0 ? _b : DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: 'e170d8c368afd61c7c94c10bb2ea13fe4520d692', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: 'd8a5b8e7a5e0f70f245de5756f7b2d19640b4863', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+            }, checked: getBoolean(this.checked, "checked"), value: this.value, disabled: getBoolean(this.disabled, "disabled"), "aria-invalid": this.validation === "invalid" ? "true" : undefined, "aria-describedby": this._descByIds, name: this.name, required: getBoolean(this.required, "required"), "data-aid-icon": (_a = this.iconLeading) !== null && _a !== void 0 ? _a : this.icon, "data-aid-icon-trailing": this.iconTrailing, onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), onKeyDown: (event) => this.handleKeyDown(event) }), this.label ? this.label : null, h("slot", { key: 'd03438513412079f745be2671d54e4ddb87c042c' })), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", semantic: "adaptive", id: this._messageId, icon: this.messageIcon }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, (_b = this.validMessage) !== null && _b !== void 0 ? _b : DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '5f2f82215ffd9119b3f27f5d37c2349cecc28325', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '27278f4285a7aa297d4e985c2710eec5e4bb45ce', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get is() { return "db-switch"; }
     static get properties() {
@@ -241,7 +241,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -267,7 +267,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -293,7 +293,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -317,7 +317,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -343,7 +343,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -369,7 +369,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -395,7 +395,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -421,7 +421,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -447,7 +447,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -473,7 +473,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -499,7 +499,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -525,7 +525,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -551,7 +551,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -577,7 +577,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -603,7 +603,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -629,7 +629,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -655,7 +655,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -681,7 +681,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -707,7 +707,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -733,7 +733,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -759,7 +759,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -785,7 +785,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }
@@ -811,7 +811,7 @@ export class DBSwitch {
                     "references": {
                         "DBSwitchProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/switch/model.ts::DBSwitchProps",
                             "referenceLocation": "DBSwitchProps"
                         }

package/dist/collection/components/tab-item/tab-item.js

@@ -1,4 +1,4 @@
-import { cls, getBoolean, getBooleanAsString } from "../../utils";
+import { cls, getBoolean, getBooleanAsString } from "../../utils/index.js";
 import { h } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
@@ -153,10 +153,10 @@ export class DBTabItem {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("li", { key: '003e5b968c65ba01df1b97e8f75592aee31125d9', class: cls("db-tab-item", this.className), role: "none" }, h("label", { key: '682e5a3cf7036abcbbbbbba9f42ce534d7a4145d', htmlFor: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-icon": (_c = this.iconLeading) !== null && _c !== void 0 ? _c : this.icon, "data-icon-trailing": this.iconTrailing, "data-show-icon": getBooleanAsString(this.showIconLeading, "showIconLeading") ||
-                getBooleanAsString(this.showIcon, "showIcon"), "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing, "showIconTrailing"), "data-no-text": getBooleanAsString(this.noText, "noText") }, h("input", { key: 'ffb91a8e7248a8e5a2a7a05c6828fc6203e1eb37', type: "radio", role: "tab", disabled: getBoolean(this.disabled, "disabled"), "aria-selected": this._selected, checked: getBoolean(this.checked, "checked"), ref: (el) => {
+        return (h("li", { key: '0fdd67479f1a261fc13487237c5707c902aecdd4', class: cls("db-tab-item", this.className), role: "none" }, h("label", { key: 'a6f1a772c57e69b23302aa6eeac4c77ded476805', htmlFor: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-icon": (_c = this.iconLeading) !== null && _c !== void 0 ? _c : this.icon, "data-icon-trailing": this.iconTrailing, "data-show-icon": getBooleanAsString(this.showIconLeading, "showIconLeading") ||
+                getBooleanAsString(this.showIcon, "showIcon"), "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing, "showIconTrailing"), "data-no-text": getBooleanAsString(this.noText, "noText") }, h("input", { key: 'd24031946a686d3d077900a438c7a12443794a46', type: "radio", role: "tab", disabled: getBoolean(this.disabled, "disabled"), "aria-selected": this._selected, checked: getBoolean(this.checked, "checked"), ref: (el) => {
                 this._ref = el;
-            }, name: this._name, id: (_d = this.id) !== null && _d !== void 0 ? _d : (_e = this.propOverrides) === null || _e === void 0 ? void 0 : _e.id, onInput: (event) => this.handleChange(event) }), this.label ? this.label : null, h("slot", { key: '2d079503cd365448cd054e05bfaec608ff476e04' }))));
+            }, name: this._name, id: (_d = this.id) !== null && _d !== void 0 ? _d : (_e = this.propOverrides) === null || _e === void 0 ? void 0 : _e.id, onInput: (event) => this.handleChange(event) }), this.label ? this.label : null, h("slot", { key: 'bfa4aa307ea4b8ef410f367cfbe8a4578acc377d' }))));
     }
     static get is() { return "db-tab-item"; }
     static get properties() {
@@ -170,7 +170,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -196,7 +196,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -222,7 +222,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -248,7 +248,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -274,7 +274,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -298,7 +298,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -324,7 +324,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -350,7 +350,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -376,7 +376,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -402,7 +402,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -428,7 +428,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -454,7 +454,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -480,7 +480,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -506,7 +506,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }
@@ -532,7 +532,7 @@ export class DBTabItem {
                     "references": {
                         "DBTabItemProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-item/model.ts::DBTabItemProps",
                             "referenceLocation": "DBTabItemProps"
                         }

package/dist/collection/components/tab-list/tab-list.js

@@ -1,4 +1,4 @@
-import { cls } from "../../utils";
+import { cls } from "../../utils/index.js";
 import { h } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
@@ -85,9 +85,9 @@ export class DBTabList {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '2538ba05ecad54c8c29dda93a08acb61faf02309', class: cls("db-tab-list", this.className), ref: (el) => {
+        return (h("div", { key: '29168c82cf6e0c5838d9afc3c3b475c7b5d513b1', class: cls("db-tab-list", 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 }, h("ul", { key: '86824302eb2cc92ca45a61d8bdec0f34cd679db6', role: "tablist" }, h("slot", { key: 'b56406b1e0291a29905b599531c0dccd9c035504' }))));
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id }, h("ul", { key: 'fee5dc804f98c62e86d56d9c941b103448ad6908', role: "tablist" }, h("slot", { key: '694a0a4de4623152cf277138dd96f0558063115f' }))));
     }
     static get is() { return "db-tab-list"; }
     static get properties() {
@@ -101,7 +101,7 @@ export class DBTabList {
                     "references": {
                         "DBTabListProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-list/model.ts::DBTabListProps",
                             "referenceLocation": "DBTabListProps"
                         }
@@ -127,7 +127,7 @@ export class DBTabList {
                     "references": {
                         "DBTabListProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-list/model.ts::DBTabListProps",
                             "referenceLocation": "DBTabListProps"
                         }
@@ -151,7 +151,7 @@ export class DBTabList {
                     "references": {
                         "DBTabListProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-list/model.ts::DBTabListProps",
                             "referenceLocation": "DBTabListProps"
                         }

package/dist/collection/components/tab-panel/tab-panel.js

@@ -1,4 +1,4 @@
-import { cls } from "../../utils";
+import { cls } from "../../utils/index.js";
 import { h } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
@@ -90,9 +90,9 @@ export class DBTabPanel {
     }
     render() {
         var _a, _b;
-        return (h("section", { key: 'd7179207343d512194f69f6d99a34897c146c00a', class: cls("db-tab-panel", this.className), role: "tabpanel", ref: (el) => {
+        return (h("section", { key: 'a49b39a27112785e03a663c4c0ee9571e46d76fa', class: cls("db-tab-panel", this.className), role: "tabpanel", 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 }, this.content ? this.content : null, h("slot", { key: 'dc745b430dd17f253cf9403c28f6c2cbd5b59020' })));
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id }, this.content ? this.content : null, h("slot", { key: '0c70d6a522b959af728df3fda8c16dd9a5bc6a8f' })));
     }
     static get is() { return "db-tab-panel"; }
     static get properties() {
@@ -106,7 +106,7 @@ export class DBTabPanel {
                     "references": {
                         "DBTabPanelProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-panel/model.ts::DBTabPanelProps",
                             "referenceLocation": "DBTabPanelProps"
                         }
@@ -132,7 +132,7 @@ export class DBTabPanel {
                     "references": {
                         "DBTabPanelProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-panel/model.ts::DBTabPanelProps",
                             "referenceLocation": "DBTabPanelProps"
                         }
@@ -158,7 +158,7 @@ export class DBTabPanel {
                     "references": {
                         "DBTabPanelProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-panel/model.ts::DBTabPanelProps",
                             "referenceLocation": "DBTabPanelProps"
                         }
@@ -182,7 +182,7 @@ export class DBTabPanel {
                     "references": {
                         "DBTabPanelProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/tab-panel/model.ts::DBTabPanelProps",
                             "referenceLocation": "DBTabPanelProps"
                         }

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

@@ -1,4 +1,4 @@
-import { cls, delay, getBooleanAsString } from "../../utils";
+import { cls, delay, getBooleanAsString } from "../../utils/index.js";
 import { h, Fragment } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
@@ -162,7 +162,7 @@ export class DBTable {
     }
     render() {
         var _a, _b, _c, _d, _e, _f;
-        return (h("div", { key: '7e6ea12b6cb4b2ddcc12262cd28bfec13baa55c0', 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: '99fc11d1bb68297550e973293f519ad21f6953a0', ref: (el) => {
+        return (h("div", { key: '8baec1021c6c8aa2bafc4e735b81e7d149e4ca6e', 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: '423304ec355a57e6df37c48baca039a9aabdf7b5', ref: (el) => {
                 this._ref = el;
             }, id: this.id }, this.captionPlain ? (h("caption", null, 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)))));
     }
@@ -178,7 +178,7 @@ export class DBTable {
                     "references": {
                         "DBTableProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/table/model.ts::DBTableProps",
                             "referenceLocation": "DBTableProps"
                         }
@@ -204,7 +204,7 @@ export class DBTable {
                     "references": {
                         "DBTableProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/table/model.ts::DBTableProps",
                             "referenceLocation": "DBTableProps"
                         }
@@ -230,7 +230,7 @@ export class DBTable {
                     "references": {
                         "DBTableProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/table/model.ts::DBTableProps",
                             "referenceLocation": "DBTableProps"
                         }
@@ -254,7 +254,7 @@ export class DBTable {
                     "references": {
                         "DBTableProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/table/model.ts::DBTableProps",
                             "referenceLocation": "DBTableProps"
                         }
@@ -280,7 +280,7 @@ export class DBTable {
                     "references": {
                         "DBTableProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/table/model.ts::DBTableProps",
                             "referenceLocation": "DBTableProps"
                         }
@@ -306,7 +306,7 @@ export class DBTable {
                     "references": {
                         "DBTableProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/table/model.ts::DBTableProps",
                             "referenceLocation": "DBTableProps"
                         }
@@ -332,7 +332,7 @@ export class DBTable {
                     "references": {
                         "DBTableProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/table/model.ts::DBTableProps",
                             "referenceLocation": "DBTableProps"
                         }
@@ -358,7 +358,7 @@ export class DBTable {
                     "references": {
                         "DBTableProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/table/model.ts::DBTableProps",
                             "referenceLocation": "DBTableProps"
                         }
@@ -384,7 +384,7 @@ export class DBTable {
                     "references": {
                         "DBTableProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/table/model.ts::DBTableProps",
                             "referenceLocation": "DBTableProps"
                         }
@@ -410,7 +410,7 @@ export class DBTable {
                     "references": {
                         "DBTableProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/table/model.ts::DBTableProps",
                             "referenceLocation": "DBTableProps"
                         }
@@ -436,7 +436,7 @@ export class DBTable {
                     "references": {
                         "DBTableProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/table/model.ts::DBTableProps",
                             "referenceLocation": "DBTableProps"
                         }
@@ -462,7 +462,7 @@ export class DBTable {
                     "references": {
                         "DBTableProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/table/model.ts::DBTableProps",
                             "referenceLocation": "DBTableProps"
                         }