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

package/dist/collection/components/radio/radio.js

@@ -1,5 +1,5 @@
-import { cls, delay, getBoolean, getHideProp, uuid } from "../../utils";
-import { addResetEventListener, } from "../../utils/form-components";
+import { cls, delay, getBoolean, getHideProp, uuid } from "../../utils/index.js";
+import { addResetEventListener, } from "../../utils/form-components.js";
 import { h } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
@@ -166,9 +166,9 @@ export class DBRadio {
         (_b = this.observer) === null || _b === void 0 ? void 0 : _b.disconnect();
     }
     render() {
-        return (h("label", { key: '85734ed463718801789a9dea9c0febcc4c2e8266', class: cls("db-radio", this.className), "data-size": this.size, "data-hide-label": getHideProp(this.showLabel), "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), htmlFor: this._id }, h("input", { key: '7906add8b0074893bbffaaa0963284de1f89836c', type: "radio", "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
+        return (h("label", { key: '130a6743dc68574baad658d474299d9808f7505f', class: cls("db-radio", this.className), "data-size": this.size, "data-hide-label": getHideProp(this.showLabel), "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), htmlFor: this._id }, h("input", { key: 'ebd2443b32fb32cf21735ea00607ee32f3da01d2', type: "radio", "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
                 this._ref = el;
-            }, id: this._id, name: this.name, checked: getBoolean(this.checked, "checked"), disabled: getBoolean(this.disabled, "disabled"), value: this.value, required: getBoolean(this.required, "required"), onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event) }), this.label ? this.label : null, h("slot", { key: '7c35400883fd27d67bb2932cd646492fe137ccd9' })));
+            }, id: this._id, name: this.name, checked: getBoolean(this.checked, "checked"), disabled: getBoolean(this.disabled, "disabled"), value: this.value, required: getBoolean(this.required, "required"), onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event) }), this.label ? this.label : null, h("slot", { key: '2f4ccd96173b5780348cdddf914aa6ba424314bb' })));
     }
     static get is() { return "db-radio"; }
     static get properties() {
@@ -182,7 +182,7 @@ export class DBRadio {
                     "references": {
                         "DBRadioProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/radio/model.ts::DBRadioProps",
                             "referenceLocation": "DBRadioProps"
                         }
@@ -208,7 +208,7 @@ export class DBRadio {
                     "references": {
                         "DBRadioProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/radio/model.ts::DBRadioProps",
                             "referenceLocation": "DBRadioProps"
                         }
@@ -232,7 +232,7 @@ export class DBRadio {
                     "references": {
                         "DBRadioProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/radio/model.ts::DBRadioProps",
                             "referenceLocation": "DBRadioProps"
                         }
@@ -258,7 +258,7 @@ export class DBRadio {
                     "references": {
                         "DBRadioProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/radio/model.ts::DBRadioProps",
                             "referenceLocation": "DBRadioProps"
                         }
@@ -284,7 +284,7 @@ export class DBRadio {
                     "references": {
                         "DBRadioProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/radio/model.ts::DBRadioProps",
                             "referenceLocation": "DBRadioProps"
                         }
@@ -310,7 +310,7 @@ export class DBRadio {
                     "references": {
                         "DBRadioProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/radio/model.ts::DBRadioProps",
                             "referenceLocation": "DBRadioProps"
                         }
@@ -336,7 +336,7 @@ export class DBRadio {
                     "references": {
                         "DBRadioProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/radio/model.ts::DBRadioProps",
                             "referenceLocation": "DBRadioProps"
                         }
@@ -362,7 +362,7 @@ export class DBRadio {
                     "references": {
                         "DBRadioProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/radio/model.ts::DBRadioProps",
                             "referenceLocation": "DBRadioProps"
                         }
@@ -388,7 +388,7 @@ export class DBRadio {
                     "references": {
                         "DBRadioProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/radio/model.ts::DBRadioProps",
                             "referenceLocation": "DBRadioProps"
                         }
@@ -414,7 +414,7 @@ export class DBRadio {
                     "references": {
                         "DBRadioProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/radio/model.ts::DBRadioProps",
                             "referenceLocation": "DBRadioProps"
                         }
@@ -440,7 +440,7 @@ export class DBRadio {
                     "references": {
                         "DBRadioProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/radio/model.ts::DBRadioProps",
                             "referenceLocation": "DBRadioProps"
                         }
@@ -466,7 +466,7 @@ export class DBRadio {
                     "references": {
                         "DBRadioProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/radio/model.ts::DBRadioProps",
                             "referenceLocation": "DBRadioProps"
                         }
@@ -492,7 +492,7 @@ export class DBRadio {
                     "references": {
                         "DBRadioProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/radio/model.ts::DBRadioProps",
                             "referenceLocation": "DBRadioProps"
                         }

package/dist/collection/components/section/section.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 DBSection {
     }
     render() {
         var _a, _b;
-        return (h("section", { key: 'e33119ea38ff1f66b56792cb1a5a57e47d87d370', class: cls("db-section", this.className), ref: (el) => {
+        return (h("section", { key: '1dc0a8e37a04cd3a4caba5a50b94ea876e80d462', class: cls("db-section", 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-spacing": this.spacing || "medium", "data-width": this.width }, h("slot", { key: '0ac9622c130f2a896b334e65025f16365fe50ea5' })));
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-spacing": this.spacing || "medium", "data-width": this.width }, h("slot", { key: '74e62afdc9b8922d1cbd57e801fff67969831ac9' })));
     }
     static get is() { return "db-section"; }
     static get properties() {
@@ -101,7 +101,7 @@ export class DBSection {
                     "references": {
                         "DBSectionProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/section/model.ts::DBSectionProps",
                             "referenceLocation": "DBSectionProps"
                         }
@@ -127,7 +127,7 @@ export class DBSection {
                     "references": {
                         "DBSectionProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/section/model.ts::DBSectionProps",
                             "referenceLocation": "DBSectionProps"
                         }
@@ -151,7 +151,7 @@ export class DBSection {
                     "references": {
                         "DBSectionProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/section/model.ts::DBSectionProps",
                             "referenceLocation": "DBSectionProps"
                         }
@@ -177,7 +177,7 @@ export class DBSection {
                     "references": {
                         "DBSectionProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/section/model.ts::DBSectionProps",
                             "referenceLocation": "DBSectionProps"
                         }
@@ -203,7 +203,7 @@ export class DBSection {
                     "references": {
                         "DBSectionProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/section/model.ts::DBSectionProps",
                             "referenceLocation": "DBSectionProps"
                         }

package/dist/collection/components/select/select.js

@@ -1,6 +1,6 @@
-import { DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER_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 { addValueResetEventListener, } from "../../utils/form-components";
+import { DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER_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 { addValueResetEventListener, } from "../../utils/form-components.js";
 import { h, Fragment } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
@@ -273,14 +273,14 @@ export class DBSelect {
     }
     render() {
         var _a, _b, _c, _d, _e, _f;
-        return (h("div", { key: '71200b34c84ae3c90e4990b11e55e8dea4c16e55', class: cls("db-select", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel), "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-icon": this.icon, "data-show-icon": getBooleanAsString(this.showIcon, "showIcon") }, h("label", { key: '3633f34f827d53ee4b4d15e5b230307984fcbd09', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("select", { key: 'ff177d80acfa3519df6467892fb5f97f4ad6872b', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
+        return (h("div", { key: '5273757e8379f6601c23f4b343812c233ddf86eb', class: cls("db-select", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel), "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-icon": this.icon, "data-show-icon": getBooleanAsString(this.showIcon, "showIcon") }, h("label", { key: '9c75ec7cd982b4b8d283ce9365f6642c363dae16', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("select", { key: '8b2e0dc14717704e45524cf7803163c6c640de32', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
                 this._ref = el;
             }, required: getBoolean(this.required, "required"), disabled: getBoolean(this.disabled, "disabled"), id: this._id, name: this.name, size: this.size,
             /* @ts-ignore */
             value: (_c = (_b = this.value) !== null && _b !== void 0 ? _b : this._value) !== null && _c !== void 0 ? _c : undefined, autocomplete: this.autocomplete, multiple: this.multiple, onInput: (event) => this.handleInput(event), onClick: (event) => this.handleClick(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), "aria-describedby": (_d = this.ariaDescribedBy) !== null && _d !== void 0 ? _d : this._descByIds }, this.variant === "floating" || !!this.placeholder ? (h("option", { class: "placeholder", value: "", "data-show-empty-option": getBooleanAsString(this.shouldShowEmptyOption(), "showEmptyOption") })) : null, ((_e = this.options) === null || _e === void 0 ? void 0 : _e.length) ? ((_f = this.options) === null || _f === void 0 ? void 0 : _f.map((option) => {
             var _a;
             return (h(Fragment, null, option.options ? (h("optgroup", { label: this.getOptionLabel(option), key: undefined }, (_a = option.options) === null || _a === void 0 ? void 0 : _a.map((optgroupOption) => (h("option", { value: optgroupOption.value, selected: optgroupOption.selected, disabled: optgroupOption.disabled, key: undefined }, this.getOptionLabel(optgroupOption)))))) : (h("option", { value: option.value, disabled: option.disabled, selected: option.selected, key: undefined }, this.getOptionLabel(option)))));
-        })) : (h("slot", null))), this.placeholder ? (h("span", { class: "db-select-placeholder", id: this._placeholderId }, this.placeholder)) : null, 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: '5baf4a0984f8d71776cda0d0d9c12e62f08f434b', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '2b7c6895a1de8e77daba33de6923a33b7c43bee1', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+        })) : (h("slot", null))), this.placeholder ? (h("span", { class: "db-select-placeholder", id: this._placeholderId }, this.placeholder)) : null, 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: '5c7dbe0b5e75b5f4b704cf469f0806451e3d0c4a', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '932f5a52716c95629ed4eb12e3b2eee3ce1c559f', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get is() { return "db-select"; }
     static get properties() {
@@ -294,7 +294,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -320,7 +320,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -346,7 +346,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -370,7 +370,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -396,7 +396,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -422,7 +422,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -448,7 +448,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -474,7 +474,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -500,7 +500,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -526,7 +526,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -552,7 +552,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -578,7 +578,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -604,7 +604,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -630,7 +630,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -656,7 +656,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -682,7 +682,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -708,7 +708,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -734,7 +734,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -760,7 +760,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -786,7 +786,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -812,7 +812,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -838,7 +838,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -864,7 +864,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -890,7 +890,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -916,7 +916,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }
@@ -940,7 +940,7 @@ export class DBSelect {
                     "references": {
                         "DBSelectProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/select/model.ts::DBSelectProps",
                             "referenceLocation": "DBSelectProps"
                         }

package/dist/collection/components/stack/stack.js

@@ -1,4 +1,4 @@
-import { cls, getBooleanAsString } from "../../utils";
+import { cls, getBooleanAsString } from "../../utils/index.js";
 import { h } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
@@ -85,9 +85,9 @@ export class DBStack {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '02389c1bd26917e0176c95ce3e38e7ef664813e7', class: cls("db-stack", this.className), ref: (el) => {
+        return (h("div", { key: '643002e053cb9d039f2e212c526586503c322ccc', class: cls("db-stack", 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-gap": this.gap, "data-variant": this.variant, "data-direction": this.direction, "data-alignment": this.alignment, "data-justify-content": this.justifyContent, "data-wrap": getBooleanAsString(this.wrap, "wrap") }, h("slot", { key: '70b94e0558c79bc76096be335af95029ad2cbe5c' })));
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-gap": this.gap, "data-variant": this.variant, "data-direction": this.direction, "data-alignment": this.alignment, "data-justify-content": this.justifyContent, "data-wrap": getBooleanAsString(this.wrap, "wrap") }, h("slot", { key: 'd38d30e92d276b6c31328ede2a68db8eb62fe05e' })));
     }
     static get is() { return "db-stack"; }
     static get properties() {
@@ -101,7 +101,7 @@ export class DBStack {
                     "references": {
                         "DBStackProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/stack/model.ts::DBStackProps",
                             "referenceLocation": "DBStackProps"
                         }
@@ -127,7 +127,7 @@ export class DBStack {
                     "references": {
                         "DBStackProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/stack/model.ts::DBStackProps",
                             "referenceLocation": "DBStackProps"
                         }
@@ -151,7 +151,7 @@ export class DBStack {
                     "references": {
                         "DBStackProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/stack/model.ts::DBStackProps",
                             "referenceLocation": "DBStackProps"
                         }
@@ -177,7 +177,7 @@ export class DBStack {
                     "references": {
                         "DBStackProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/stack/model.ts::DBStackProps",
                             "referenceLocation": "DBStackProps"
                         }
@@ -203,7 +203,7 @@ export class DBStack {
                     "references": {
                         "DBStackProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/stack/model.ts::DBStackProps",
                             "referenceLocation": "DBStackProps"
                         }
@@ -229,7 +229,7 @@ export class DBStack {
                     "references": {
                         "DBStackProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/stack/model.ts::DBStackProps",
                             "referenceLocation": "DBStackProps"
                         }
@@ -255,7 +255,7 @@ export class DBStack {
                     "references": {
                         "DBStackProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/stack/model.ts::DBStackProps",
                             "referenceLocation": "DBStackProps"
                         }
@@ -281,7 +281,7 @@ export class DBStack {
                     "references": {
                         "DBStackProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/stack/model.ts::DBStackProps",
                             "referenceLocation": "DBStackProps"
                         }
@@ -307,7 +307,7 @@ export class DBStack {
                     "references": {
                         "DBStackProps": {
                             "location": "import",
-                            "path": "./model",
+                            "path": "./model.js",
                             "id": "src/components/stack/model.ts::DBStackProps",
                             "referenceLocation": "DBStackProps"
                         }