@db-ux/wc-core-components 4.5.4 → 4.6.1

package/dist/esm/db-custom-select-dropdown_5.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, c as createEvent } from './index-BjIPMjCM.js';
+import { r as registerInstance, h, c as createEvent } from './index-K4o-AcjZ.js';
 import { c as cls, e as getBoolean, g as getBooleanAsString, h as hasVoiceOver, d as delay, s as stringPropVisible, i as isArrayOfStrings, u as uuid, k as getInputValue, f as getNumber, j as getStep, b as isIOSSafari, l as getHideProp } from './index-xkoBSP8R.js';
 import { l as DEFAULT_INVALID_MESSAGE, f as DEFAULT_MESSAGE_ID_SUFFIX, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, j as DEFAULT_DATALIST_ID_SUFFIX, k as DEFAULT_VALID_MESSAGE, b as DEFAULT_PLACEHOLDER, a as DEFAULT_LABEL, m as DEFAULT_REMOVE } from './constants-BdL-nI5y.js';
 import { c as addValueResetEventListener } from './form-components-D6LQfJvq.js';
@@ -355,9 +355,7 @@ const DBInput = class {
         this.watch2Fn();
     }
     watch3Fn() {
-        if (this.value !== undefined) {
-            this._value = this.value;
-        }
+        this._value = this.value;
     }
     watch3() {
         this.watch3Fn();
@@ -400,20 +398,20 @@ const DBInput = class {
         (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        return (h("div", { key: '11019c4d0b1eee6662b27c5a3ac9553e0abf846d', class: cls("db-input", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel), "data-show-icon": getBooleanAsString((_a = this.showIconLeading) !== null && _a !== void 0 ? _a : this.showIcon), "data-icon": (_b = this.iconLeading) !== null && _b !== void 0 ? _b : this.icon, "data-icon-trailing": this.iconTrailing, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing) }, h("label", { key: '0f9044b91e5787d32846d279571359c5d057e1a6', htmlFor: this._id }, (_c = this.label) !== null && _c !== void 0 ? _c : DEFAULT_LABEL), h("input", { key: 'dfac37e9f7115c015f61ea7db1ac28776a68706e', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return (h("div", { key: 'ec887e9cfe4cbbe0783364d6e2f76990273b522e', class: cls("db-input", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel), "data-show-icon": getBooleanAsString((_a = this.showIconLeading) !== null && _a !== void 0 ? _a : this.showIcon), "data-icon": (_b = this.iconLeading) !== null && _b !== void 0 ? _b : this.icon, "data-icon-trailing": this.iconTrailing, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing) }, h("label", { key: 'da8836b5b06c992ea7e18aad485254c07ad22e79', htmlFor: this._id }, (_c = this.label) !== null && _c !== void 0 ? _c : DEFAULT_LABEL), h("input", { key: '53bfc910e26783193bb881466bb637d67cafa4e7', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
                 this._ref = el;
-            }, id: this._id, name: this.name, type: this.type || "text", multiple: getBoolean(this.multiple, "multiple"), accept: this.accept, placeholder: (_d = this.placeholder) !== null && _d !== void 0 ? _d : DEFAULT_PLACEHOLDER, disabled: getBoolean(this.disabled, "disabled"), required: getBoolean(this.required, "required"), step: getStep(this.step), value: (_e = this.value) !== null && _e !== void 0 ? _e : this._value, maxLength: getNumber(this.maxLength, this.maxlength), minLength: getNumber(this.minLength, this.minlength), max: getInputValue(this.max, this.type), min: getInputValue(this.min, this.type), readOnly: getBoolean(this.readOnly, "readOnly") ||
-                getBoolean(this.readonly, "readonly"), form: this.form, pattern: this.pattern, size: this.size, autoComplete: this.autocomplete, autoFocus: getBoolean(this.autofocus, "autofocus"), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), list: this.dataList && this._dataListId, "aria-describedby": (_f = this.ariaDescribedBy) !== null && _f !== void 0 ? _f : this._descByIds, role: [
+            }, id: this._id, name: this.name, type: this.type || "text", multiple: getBoolean(this.multiple, "multiple"), accept: this.accept, placeholder: (_d = this.placeholder) !== null && _d !== void 0 ? _d : DEFAULT_PLACEHOLDER, disabled: getBoolean(this.disabled, "disabled"), required: getBoolean(this.required, "required"), step: getStep(this.step), value: (_f = (_e = this.value) !== null && _e !== void 0 ? _e : this._value) !== null && _f !== void 0 ? _f : "", maxLength: getNumber(this.maxLength, this.maxlength), minLength: getNumber(this.minLength, this.minlength), max: getInputValue(this.max, this.type), min: getInputValue(this.min, this.type), readOnly: getBoolean(this.readOnly, "readOnly") ||
+                getBoolean(this.readonly, "readonly"), form: this.form, pattern: this.pattern, size: this.size, autoComplete: this.autocomplete, autoFocus: getBoolean(this.autofocus, "autofocus"), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), list: this.dataList && this._dataListId, "aria-describedby": (_g = this.ariaDescribedBy) !== null && _g !== void 0 ? _g : this._descByIds, role: [
                 "datetime-local",
                 "date",
                 "time",
                 "week",
                 "month",
                 "color",
-            ].includes((_g = this.type) !== null && _g !== void 0 ? _g : "") && isIOSSafari()
+            ].includes((_h = this.type) !== null && _h !== void 0 ? _h : "") && isIOSSafari()
                 ? "textbox"
-                : undefined }), this.dataList ? (h("datalist", { id: this._dataListId }, (_h = this.getDataList()) === null || _h === void 0 ? void 0 : _h.map((option) => (h("option", { key: this._dataListId + "-option-" + option.value, value: option.value }, option.label))))) : null, h("slot", { key: '24e1c8d5ba95fa035c2fbeba5881776e7b8310f0' }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: this.messageSize || "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { semantic: "successful", id: this._validMessageId, size: this.validMessageSize || "small" }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '8c339f6481cf16148115bc8333023b93160f703f', semantic: "critical", id: this._invalidMessageId, size: this.invalidMessageSize || "small" }, this._invalidMessage), h("span", { key: '1d9bfaf96452dd8487a6e10ada99aec33f6b5e52', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+                : undefined }), this.dataList ? (h("datalist", { id: this._dataListId }, (_j = this.getDataList()) === null || _j === void 0 ? void 0 : _j.map((option) => (h("option", { key: this._dataListId + "-option-" + option.value, value: option.value }, option.label))))) : null, h("slot", { key: '1d08d96e457929a1d7381b5cb6f6c693865d1104' }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: this.messageSize || "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { semantic: "successful", id: this._validMessageId, size: this.validMessageSize || "small" }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '81adecdd0714f3f16e55a8aa32de42342cab14c6', semantic: "critical", id: this._invalidMessageId, size: this.invalidMessageSize || "small" }, this._invalidMessage), h("span", { key: 'f83fc13cc844367810c86739bc5554e6dd212dae', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get watchers() { return {
         "id": [{

package/dist/esm/db-custom-select-form-field.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, h } from './index-K4o-AcjZ.js';
 import { c as cls } from './index-xkoBSP8R.js';
 
 const DBCustomSelectFormField = class {

package/dist/esm/db-custom-select.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-BjIPMjCM.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-K4o-AcjZ.js';
 import { l as DEFAULT_INVALID_MESSAGE, a as DEFAULT_LABEL, m as DEFAULT_REMOVE, f as DEFAULT_MESSAGE_ID_SUFFIX, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, e as DEFAULT_SELECT_ID_SUFFIX, d as DEFAULT_LABEL_ID_SUFFIX, i as DEFAULT_PLACEHOLDER_ID_SUFFIX, o as DEFAULT_SELECTED, k as DEFAULT_VALID_MESSAGE, c as DEFAULT_MESSAGE, s as DEFAULT_CLOSE_BUTTON } from './constants-BdL-nI5y.js';
 import { h as hasVoiceOver, d as delay, s as stringPropVisible, m as getSearchInput, u as uuid, g as getBooleanAsString, e as getBoolean, l as getHideProp, c as cls } from './index-xkoBSP8R.js';
 import { D as DocumentClickListener } from './document-click-listener-D7W_VE5O.js';

package/dist/esm/db-divider.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, h } from './index-K4o-AcjZ.js';
 import { c as cls } from './index-xkoBSP8R.js';
 
 const DBDivider = class {

package/dist/esm/db-drawer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, c as createEvent, h } from './index-K4o-AcjZ.js';
 import { s as DEFAULT_CLOSE_BUTTON } from './constants-BdL-nI5y.js';
 import { o as isKeyboardEvent, d as delay, g as getBooleanAsString, c as cls } from './index-xkoBSP8R.js';
 

package/dist/esm/db-header.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, c as createEvent, h } from './index-K4o-AcjZ.js';
 import { p as DEFAULT_BURGER_MENU } from './constants-BdL-nI5y.js';
 import { a as addAttributeToChildren, e as getBoolean, c as cls } from './index-xkoBSP8R.js';
 import { i as isEventTargetNavigationItem } from './navigation-Jh6m0eMk.js';

package/dist/esm/db-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, h } from './index-K4o-AcjZ.js';
 import { c as cls } from './index-xkoBSP8R.js';
 
 const DBIcon = class {

package/dist/esm/db-infotext.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, h } from './index-K4o-AcjZ.js';
 import { g as getBooleanAsString, c as cls } from './index-xkoBSP8R.js';
 
 const DBInfotext = class {

package/dist/esm/db-link.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, h } from './index-K4o-AcjZ.js';
 import { g as getBooleanAsString, c as cls } from './index-xkoBSP8R.js';
 
 const DBLink = class {

package/dist/esm/db-navigation-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-BjIPMjCM.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-K4o-AcjZ.js';
 import { n as DEFAULT_BACK } from './constants-BdL-nI5y.js';
 import { d as delay, e as getBoolean, u as uuid, g as getBooleanAsString, c as cls } from './index-xkoBSP8R.js';
 import { N as NavigationItemSafeTriangle } from './navigation-Jh6m0eMk.js';

package/dist/esm/db-navigation.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, h } from './index-K4o-AcjZ.js';
 import { c as cls } from './index-xkoBSP8R.js';
 
 const DBNavigation = class {

package/dist/esm/db-notification.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, c as createEvent, h } from './index-K4o-AcjZ.js';
 import { s as DEFAULT_CLOSE_BUTTON } from './constants-BdL-nI5y.js';
 import { e as getBoolean, s as stringPropVisible, g as getBooleanAsString, p as getNotificationRole, c as cls } from './index-xkoBSP8R.js';
 

package/dist/esm/db-page.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, h } from './index-K4o-AcjZ.js';
 import { c as cls, g as getBooleanAsString } from './index-xkoBSP8R.js';
 
 const DBPage = class {

package/dist/esm/db-popover.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, h } from './index-K4o-AcjZ.js';
 import { d as delay, g as getBooleanAsString, c as cls } from './index-xkoBSP8R.js';
 import { D as DocumentScrollListener } from './document-scroll-listener-DOBe3Oa9.js';
 import { b as handleFixedPopover } from './floating-components-DOPXnIzL.js';

package/dist/esm/db-radio.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, c as createEvent, h } from './index-K4o-AcjZ.js';
 import { u as uuid, e as getBoolean, l as getHideProp, c as cls, d as delay } from './index-xkoBSP8R.js';
 import { b as addResetEventListener } from './form-components-D6LQfJvq.js';
 

package/dist/esm/db-section.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, h } from './index-K4o-AcjZ.js';
 import { c as cls } from './index-xkoBSP8R.js';
 
 const DBSection = class {

package/dist/esm/db-select.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-BjIPMjCM.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-K4o-AcjZ.js';
 import { l as DEFAULT_INVALID_MESSAGE, f as DEFAULT_MESSAGE_ID_SUFFIX, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, i as DEFAULT_PLACEHOLDER_ID_SUFFIX, k as DEFAULT_VALID_MESSAGE, a as DEFAULT_LABEL } from './constants-BdL-nI5y.js';
 import { h as hasVoiceOver, d as delay, s as stringPropVisible, u as uuid, e as getBoolean, g as getBooleanAsString, l as getHideProp, c as cls } from './index-xkoBSP8R.js';
 import { c as addValueResetEventListener } from './form-components-D6LQfJvq.js';
@@ -235,15 +235,15 @@ const DBSelect = class {
         (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
     }
     render() {
-        var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'e083b3de98c929310348ef084f614b6115cc79cb', 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) }, h("label", { key: 'f2dab8efe5a3c299268da1f5c58d09752b6b8ca5', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("select", { key: '197c8e2861449bed151348411043d5acb9c7b57c', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
+        var _a, _b, _c, _d, _e, _f;
+        return (h("div", { key: 'e083b3de98c929310348ef084f614b6115cc79cb', 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) }, h("label", { key: 'f2dab8efe5a3c299268da1f5c58d09752b6b8ca5', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("select", { key: '610327eb481b3806f99a8d123452bcf8e7e2ca58', "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: (_b = this.value) !== null && _b !== void 0 ? _b : this._value, 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": (_c = this.ariaDescribedBy) !== null && _c !== void 0 ? _c : this._descByIds }, this.variant === "floating" || !!this.placeholder ? (h("option", { class: "placeholder", value: "", "data-show-empty-option": getBooleanAsString(this.shouldShowEmptyOption()) })) : null, ((_d = this.options) === null || _d === void 0 ? void 0 : _d.length) ? ((_e = this.options) === null || _e === void 0 ? void 0 : _e.map((option) => {
+            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()) })) : 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: '613305a3087d33f6ce2e9a90f6709897067f4355', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '6f3d17afd859cd7f58c64f7d030509478a7fb438', "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: '946099b7eaab7da894f46400e1f428de137492ba', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '723768ffcad5add62979635d354280686145ca31', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get watchers() { return {
         "id": [{

package/dist/esm/db-stack.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, h } from './index-K4o-AcjZ.js';
 import { g as getBooleanAsString, c as cls } from './index-xkoBSP8R.js';
 
 const DBStack = class {

package/dist/esm/db-switch.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, c as createEvent, h } from './index-K4o-AcjZ.js';
 import { l as DEFAULT_INVALID_MESSAGE, f as DEFAULT_MESSAGE_ID_SUFFIX, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, k as DEFAULT_VALID_MESSAGE } from './constants-BdL-nI5y.js';
 import { h as hasVoiceOver, d as delay, s as stringPropVisible, u as uuid, e as getBoolean, l as getHideProp, g as getBooleanAsString, c as cls } from './index-xkoBSP8R.js';
 import { a as addCheckedResetEventListener } from './form-components-D6LQfJvq.js';

package/dist/esm/db-tab-item_3.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, c as createEvent, h } from './index-K4o-AcjZ.js';
 import { g as getBooleanAsString, e as getBoolean, c as cls } from './index-xkoBSP8R.js';
 
 const DBTabItem = class {

package/dist/esm/db-tabs.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-BjIPMjCM.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-K4o-AcjZ.js';
 import { u as uuid, c as cls } from './index-xkoBSP8R.js';
 
 const DBTabs = class {

package/dist/esm/db-textarea.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, c as createEvent, h } from './index-K4o-AcjZ.js';
 import { l as DEFAULT_INVALID_MESSAGE, f as DEFAULT_MESSAGE_ID_SUFFIX, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, k as DEFAULT_VALID_MESSAGE, b as DEFAULT_PLACEHOLDER, r as DEFAULT_ROWS, a as DEFAULT_LABEL } from './constants-BdL-nI5y.js';
 import { h as hasVoiceOver, d as delay, s as stringPropVisible, u as uuid, f as getNumber, e as getBoolean, l as getHideProp, c as cls } from './index-xkoBSP8R.js';
 import { c as addValueResetEventListener } from './form-components-D6LQfJvq.js';
@@ -155,9 +155,7 @@ const DBTextarea = class {
         this.watch2Fn();
     }
     watch3Fn() {
-        if (this.value !== undefined) {
-            this._value = this.value;
-        }
+        this._value = this.value;
     }
     watch3() {
         this.watch3Fn();
@@ -200,11 +198,11 @@ const DBTextarea = class {
         (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
     }
     render() {
-        var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'acb23abfb477beeceebdf88503a51a6aa90e268e', 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: '03df1963dce7436d616df5f26c8fbff37243421f', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("textarea", { key: 'b09e8a714ee44c18a2af738d90c6939309eb143c', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
+        var _a, _b, _c, _d, _e, _f;
+        return (h("div", { key: 'e6c64857826bf80558d0b402594a66418e62ef57', 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: '38f6ce12d40275dd6fa5cfa64c6d2ca4c17fab8f', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("textarea", { key: '6d11324a4cfce9eeed9e1bcafe0a7edb1ee6c8ce', "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: (_c = this.value) !== null && _c !== void 0 ? _c : this._value, "aria-describedby": (_d = this.ariaDescribedBy) !== null && _d !== void 0 ? _d : this._descByIds, placeholder: (_e = this.placeholder) !== null && _e !== void 0 ? _e : 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: 'c62d3e639536d955cc454b43c289b0ad11e9d7b3', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '430d5b39be9fa9eb29c7720f46be601fa1f25161', "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: '16d43aeea87f6e3597c95847c037faa194875b94', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '8b407f9a60c61ac4af26d6ec5a9571d5f37ae915', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get watchers() { return {
         "id": [{

package/dist/esm/db-tooltip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BjIPMjCM.js';
+import { r as registerInstance, h } from './index-K4o-AcjZ.js';
 import { D as DEFAULT_ID } from './constants-BdL-nI5y.js';
 import { d as delay, u as uuid, g as getBooleanAsString, c as cls } from './index-xkoBSP8R.js';
 import { D as DocumentScrollListener } from './document-scroll-listener-DOBe3Oa9.js';

package/dist/esm/db-ux.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-BjIPMjCM.js';
-export { s as setNonce } from './index-BjIPMjCM.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-K4o-AcjZ.js';
+export { s as setNonce } from './index-K4o-AcjZ.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.43.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.4 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/esm/{index-BjIPMjCM.js → index-K4o-AcjZ.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'db-ux';
 const BUILD = /* db-ux */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: false, slotRelocation: true, state: true, updatable: true};
 
 /*
- Stencil Client Platform v4.43.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.4 | MIT Licensed | https://stenciljs.com
  */
 
 
@@ -429,6 +429,31 @@ var convertToPrivate = (node) => {
   return vnode;
 };
 
+// src/runtime/normalize-watchers.ts
+var normalizeWatchers = (raw) => {
+  if (!raw) return void 0;
+  const keys = Object.keys(raw);
+  if (keys.length === 0) return void 0;
+  let hasLegacy = false;
+  for (const propName of keys) {
+    if (hasLegacy) break;
+    for (const h2 of raw[propName]) {
+      if (typeof h2 === "string") {
+        hasLegacy = true;
+        break;
+      }
+    }
+  }
+  if (!hasLegacy) return raw;
+  const out = {};
+  for (const propName of keys) {
+    out[propName] = raw[propName].map(
+      (h2) => typeof h2 === "string" ? { [h2]: 0 } : h2
+    );
+  }
+  return out;
+};
+
 // src/runtime/parse-property-value.ts
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   if (propValue != null && !isComplexType(propValue)) {
@@ -1363,7 +1388,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
   if (cmpMeta.$members$ || BUILD.propChangeCallback) {
     {
       if (Cstr.watchers && !cmpMeta.$watchers$) {
-        cmpMeta.$watchers$ = Cstr.watchers;
+        cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
       }
       if (Cstr.deserializers && !cmpMeta.$deserializers$) {
         cmpMeta.$deserializers$ = Cstr.deserializers;
@@ -1478,11 +1503,13 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             return;
           }
           const propFlags = members.find(([m]) => m === propName);
-          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
+          const isBooleanTarget = propFlags && propFlags[1][0] & 4 /* Boolean */;
+          const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
+          if (isBooleanTarget) {
             newValue = newValue === null || newValue === "false" ? false : true;
           }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -1523,7 +1550,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         }
         if (!Cstr.isProxied) {
           {
-            cmpMeta.$watchers$ = Cstr.watchers;
+            cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
             cmpMeta.$serializers$ = Cstr.serializers;
             cmpMeta.$deserializers$ = Cstr.deserializers;
           }
@@ -1684,7 +1711,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
-      var _a2, _b, _c;
+      var _a2, _b;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -1698,9 +1725,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         cmpMeta.$members$ = compactMeta[2];
       }
       {
-        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
-        cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
-        cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
+        cmpMeta.$watchers$ = normalizeWatchers(compactMeta[4]);
+        cmpMeta.$serializers$ = (_a2 = compactMeta[5]) != null ? _a2 : {};
+        cmpMeta.$deserializers$ = (_b = compactMeta[6]) != null ? _b : {};
       }
       const tagName = transformTag(cmpMeta.$tagName$);
       const HostElement = class extends HTMLElement {

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-BjIPMjCM.js';
-export { s as setNonce } from './index-BjIPMjCM.js';
+import { b as bootstrapLazy } from './index-K4o-AcjZ.js';
+export { s as setNonce } from './index-K4o-AcjZ.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/types/shared/model.d.ts

@@ -21,7 +21,7 @@ export interface GlobalProps {
      */
     autofocus?: boolean | string;
     /**
-     * Allows overriding specific props on nested elements or internal component structure.
+     * Allows overriding specific props on nested elements or internal component structure. Currently only supports propOverrides.id
      */
     propOverrides?: PropOverridesType;
 }

package/dist/types/utils/form-components.d.ts

@@ -1,4 +1,4 @@
-export declare const handleFrameworkEventAngular: (component: any, event: any, modelValue?: string) => void;
+export declare const handleFrameworkEventAngular: (component: any, event: any, modelValue?: string, lastValue?: any) => void;
 export declare const handleFrameworkEventVue: (emit: (event: string, ...args: any[]) => void, event: any, modelValue?: string) => void;
 export declare const addResetEventListener: (element: any, resetFunction: (event: Event) => void, signal: AbortSignal) => void;
 export declare const addCheckedResetEventListener: (element: any, props: {

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@db-ux/wc-core-components",
-  "version": "4.5.4",
+  "version": "4.6.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/wc-core-components",
-  "version": "4.5.4",
+  "version": "4.6.1",
   "description": "Stencil components for @db-ux/core-components",
   "repository": {
     "type": "git",
@@ -35,7 +35,7 @@
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.11.0",
-    "@stencil/core": "4.43.2",
+    "@stencil/core": "4.43.4",
     "cem-plugin-expanded-types": "1.4.0",
     "custom-element-jet-brains-integration": "1.7.0",
     "custom-element-vs-code-integration": "1.5.0",
@@ -48,7 +48,7 @@
   "web-types": "./dist/web-types.json",
   "customElements": "dist/custom-elements.json",
   "dependencies": {
-    "@db-ux/core-components": "4.5.4",
-    "@db-ux/core-foundations": "4.5.4"
+    "@db-ux/core-components": "4.6.1",
+    "@db-ux/core-foundations": "4.6.1"
   }
 }

package/dist/db-ux/p-BjIPMjCM.js

@@ -1,2 +0,0 @@
-function t(t,n,e){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,n);if(o&&(!e||o.get))return o;t=Object.getPrototypeOf(t)}}var n=(n,e)=>{var o;Object.entries(null!=(o=e.o.t)?o:{}).map((([o,[l]])=>{if(31&l||32&l){const l=n[o],s=t(Object.getPrototypeOf(n),o,!0)||Object.getOwnPropertyDescriptor(n,o);s&&Object.defineProperty(n,o,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),e.l.has(o)?n[o]=e.l.get(o):void 0!==l&&(n[o]=l)}}))},e=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},o=(t,e)=>{e&&(t.__stencil__getHostRef=()=>e,e.i=t,512&e.o.u&&n(t,e))},l=(t,n)=>n in t,s=(t,n)=>(0,console.error)(t,n),i=new Map,r="undefined"!=typeof window?window:{},c={u:0,p:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,o)=>t.addEventListener(n,e,o),rel:(t,n,e,o)=>t.removeEventListener(n,e,o),ce:(t,n)=>new CustomEvent(t,n)},u=t=>Promise.resolve(t),f=!1,a=[],d=[],p=(t,n)=>e=>{t.push(e),f||(f=!0,n&&4&c.u?m(v):c.raf(v))},h=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){s(t)}t.length=0},v=()=>{h(a),h(d),(f=a.length>0)&&c.raf(v)},m=t=>u().then(t),b=p(d,!0),y=t=>{const n=O(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&$(n,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!g(t,w(t),!1).length)}));let e=0;for(e=0;e<n.length;e++){const t=n[e];1===t.nodeType&&O(t,"childNodes").length&&y(t)}};function $(t,n,e){let o,l=0,s=[];for(;l<t.length;l++){if(o=t[l],o["s-sr"]&&(!n||o["s-hn"]===n)&&(void 0===e||w(o)===e)&&(s.push(o),void 0!==e))return s;s=[...s,...$(o.childNodes,n,e)]}return s}var g=(t,n,e=!0)=>{const o=[];(e&&t["s-sr"]||!t["s-sr"])&&o.push(t);let l=t;for(;l=l.nextSibling;)w(l)!==n||!e&&l["s-sr"]||o.push(l);return o},j=(t,n)=>1===t.nodeType?null===t.getAttribute("slot")&&""===n||t.getAttribute("slot")===n:t["s-sn"]===n||""===n,w=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function O(t,n){if("__"+n in t){const e=t["__"+n];return"function"!=typeof e?e:e.bind(t)}return"function"!=typeof t[n]?t[n]:t[n].bind(t)}var k,N,S=new WeakMap,E=t=>"object"==(t=typeof t)||"function"===t,M=(t,n,...e)=>{let o=null,l=null,s=null,i=!1,r=!1;const c=[],u=n=>{for(let e=0;e<n.length;e++)o=n[e],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!E(o))&&(o+=""),i&&r?c[c.length-1].h+=o:c.push(i?C(null,o):o),r=i)};if(u(e),n){n.key&&(l=n.key),n.name&&(s=n.name);{const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((n=>t[n])).join(" "))}}if("function"==typeof t)return t(null===n?{}:n,c,L);const f=C(t,null);return f.v=n,c.length>0&&(f.m=c),f.$=l,f.j=s,f},C=(t,n)=>({u:0,O:t,h:null!=n?n:null,k:null,m:null,v:null,$:null,j:null}),T={},L={forEach:(t,n)=>t.map(R).forEach(n),map:(t,n)=>t.map(R).map(n).map(x)},R=t=>({vattrs:t.v,vchildren:t.m,vkey:t.$,vname:t.j,vtag:t.O,vtext:t.h}),x=t=>{if("function"==typeof t.vtag){const n={...t.vattrs};return t.vkey&&(n.key=t.vkey),t.vname&&(n.name=t.vname),M(t.vtag,n,...t.vchildren||[])}const n=C(t.vtag,t.vtext);return n.v=t.vattrs,n.m=t.vchildren,n.$=t.vkey,n.j=t.vname,n},F=(t,n)=>null==t||E(t)?t:4&n?"false"!==t&&(""===t||!!t):2&n?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&n?t+"":t,A=(t,n)=>{const o=(t=>{var n;return null==(n=e(t))?void 0:n.$hostElement$})(t);return{emit:t=>P(o,n,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},P=(t,n,e)=>{const o=c.ce(n,e);return t.dispatchEvent(o),o},D=(t,n,o,s,i,u)=>{if(o===s)return;let f=l(t,n),a=n.toLowerCase();if("class"===n){const n=t.classList,e=H(o);let l=H(s);n.remove(...e.filter((t=>t&&!l.includes(t)))),n.add(...l.filter((t=>t&&!e.includes(t))))}else if("key"===n);else if("ref"===n)s&&rt(s,t);else if(f||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const o=n.slice(5);let l;{const n=e(t);if(n&&n.o&&n.o.t){const t=n.o.t[o];t&&t[1]&&(l=t[1])}}return l||(l=o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==s||!1===s?!1===s&&""!==t.getAttribute(l)||t.removeAttribute(l):t.setAttribute(l,!0===s?"":s))}if("p"===n[0]&&n.startsWith("prop:")){const e=n.slice(5);try{t[e]=s}catch(t){}return}{const e=E(s);if((f||e&&null!==s)&&!i)try{if(t.tagName.includes("-"))t[n]!==s&&(t[n]=s);else{const e=null==s?"":s;"list"===n?f=!1:null!=o&&t[n]===e||("function"==typeof t.__lookupSetter__(n)?t[n]=e:t.setAttribute(n,e))}}catch(t){}null==s||!1===s?!1===s&&""!==t.getAttribute(n)||t.removeAttribute(n):(!f||4&u||i)&&!e&&1===t.nodeType&&t.setAttribute(n,s=!0===s?"":s)}}else if(n="-"===n[2]?n.slice(3):l(r,a)?a.slice(2):a[2]+n.slice(3),o||s){const e=n.endsWith(U);n=n.replace(W,""),o&&c.rel(t,n,o,e),s&&c.ael(t,n,s,e)}},_=/\s/,H=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(_):[]),U="Capture",W=RegExp(U+"$"),z=(t,n,e)=>{const o=11===n.k.nodeType&&n.k.host?n.k.host:n.k,l=t&&t.v||{},s=n.v||{};for(const t of B(Object.keys(l)))t in s||D(o,t,l[t],void 0,e,n.u);for(const t of B(Object.keys(s)))D(o,t,l[t],s[t],e,n.u)};function B(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var V=!1,q=!1,Y=!1,G=!1,I=[],Z=[],J=(t,n,e)=>{var o;const l=n.m[e];let s,i,c,u=0;if(V||(Y=!0,"slot"===l.O&&(l.u|=l.m?2:1)),null!=l.h)s=l.k=r.document.createTextNode(l.h);else if(1&l.u)s=l.k=r.document.createTextNode(""),z(null,l,G);else{if(!r.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(s=l.k=r.document.createElement(!V&&2&l.u?"slot-fb":l.O),z(null,l,G),l.m){const n="template"===l.O?s.content:s;for(u=0;u<l.m.length;++u)i=J(t,l,u),i&&n.appendChild(i)}}return s["s-hn"]=N,3&l.u&&(s["s-sr"]=!0,s["s-cr"]=k,s["s-sn"]=l.j||"",s["s-rf"]=null==(o=l.v)?void 0:o.ref,function(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const n=n=>function(t){const e=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const l=this["s-cr"].parentElement;return(l.__childNodes?l.childNodes:(t=>{const n=[];for(let e=0;e<t.length;e++){const o=t[e]["s-nr"]||void 0;o&&o.isConnected&&n.push(o)}return n})(l.childNodes)).forEach((t=>{o===w(t)&&e.push(t)})),n?e.filter((t=>1===t.nodeType)):e}.bind(t);t.assignedElements=n(!0),t.assignedNodes=n(!1)}(s),c=t&&t.m&&t.m[e],c&&c.O===l.O&&t.k&&K(t.k)),s},K=t=>{c.u|=1;const n=t.closest(N.toLowerCase());if(null!=n){const e=Array.from(n.__childNodes||n.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of e?o.reverse():o)null!=t["s-sh"]&&(ct(n,t,null!=e?e:null),t["s-sh"]=void 0,Y=!0)}c.u&=-2},Q=(t,n)=>{c.u|=1;const e=Array.from(t.__childNodes||t.childNodes);if(t["s-sr"]){let n=t;for(;n=n.nextSibling;)n&&n["s-sn"]===t["s-sn"]&&n["s-sh"]===N&&e.push(n)}for(let t=e.length-1;t>=0;t--){const o=e[t];o["s-hn"]!==N&&o["s-ol"]&&(ct(et(o).parentNode,o,et(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,Y=!0),n&&Q(o,n)}c.u&=-2},X=(t,n,e,o,l,s)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for("template"===e.O&&(r=r.content);l<=s;++l)o[l]&&(i=J(null,e,l),i&&(o[l].k=i,ct(r,i,et(n))))},tt=(t,n,e)=>{for(let o=n;o<=e;++o){const n=t[o];if(n){const t=n.k;it(n),t&&(q=!0,t["s-ol"]?t["s-ol"].remove():Q(t,!0),t.remove())}}},nt=(t,n,e=!1)=>t.O===n.O&&("slot"===t.O?t.j===n.j:e?(e&&!t.$&&n.$&&(t.$=n.$),!0):t.$===n.$),et=t=>t&&t["s-ol"]||t,ot=(t,n,e=!1)=>{const o=n.k=t.k,l=t.m,s=n.m,i=n.h;let r;null==i?("slot"!==n.O||V||t.j!==n.j&&(n.k["s-sn"]=n.j||"",K(n.k.parentElement)),z(t,n,G),null!==l&&null!==s?((t,n,e,o,l=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=n.length-1,d=n[0],p=n[a],h=o.length-1,v=o[0],m=o[h];const b="template"===e.O?t.content:t;for(;r<=a&&c<=h;)if(null==d)d=n[++r];else if(null==p)p=n[--a];else if(null==v)v=o[++c];else if(null==m)m=o[--h];else if(nt(d,v,l))ot(d,v,l),d=n[++r],v=o[++c];else if(nt(p,m,l))ot(p,m,l),p=n[--a],m=o[--h];else if(nt(d,m,l))"slot"!==d.O&&"slot"!==m.O||Q(d.k.parentNode,!1),ot(d,m,l),ct(b,d.k,p.k.nextSibling),d=n[++r],m=o[--h];else if(nt(p,v,l))"slot"!==d.O&&"slot"!==m.O||Q(p.k.parentNode,!1),ot(p,v,l),ct(b,p.k,d.k),p=n[--a],v=o[++c];else{for(u=-1,f=r;f<=a;++f)if(n[f]&&null!==n[f].$&&n[f].$===v.$){u=f;break}u>=0?(i=n[u],i.O!==v.O?s=J(n&&n[c],e,u):(ot(i,v,l),n[u]=void 0,s=i.k),v=o[++c]):(s=J(n&&n[c],e,c),v=o[++c]),s&&ct(et(d.k).parentNode,s,et(d.k))}r>a?X(t,null==o[h+1]?null:o[h+1].k,e,o,c,h):c>h&&tt(n,r,a)})(o,l,n,s,e):null!==s?(null!==t.h&&(o.textContent=""),X(o,null,n,s,0,s.length-1)):!e&&null!==l&&tt(l,0,l.length-1)):(r=o["s-cr"])?r.parentNode.textContent=i:t.h!==i&&(o.data=i)},lt=[],st=t=>{let n,e,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){e=n.parentNode.__childNodes||n.parentNode.childNodes;const l=t["s-sn"];for(o=e.length-1;o>=0;o--)if(n=e[o],!(n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||n["s-sh"]&&n["s-sh"]===t["s-hn"]))if(j(n,l)){let e=lt.find((t=>t.N===n));q=!0,n["s-sn"]=n["s-sn"]||l,e?(e.N["s-sh"]=t["s-hn"],e.S=t):(n["s-sh"]=t["s-hn"],lt.push({S:t,N:n})),n["s-sr"]&&lt.map((t=>{j(t.N,n["s-sn"])&&(e=lt.find((t=>t.N===n)),e&&!t.S&&(t.S=e.S))}))}else lt.some((t=>t.N===n))||lt.push({N:n})}1===t.nodeType&&st(t)}},it=t=>{t.v&&t.v.ref&&I.push((()=>t.v.ref(null))),t.m&&t.m.map(it)},rt=(t,n)=>{Z.push((()=>t(n)))},ct=(t,n,e,o)=>{if("string"==typeof n["s-sn"]){t.insertBefore(n,e);const{slotNode:l}=function(t,n){var e;if(!(n=n||(null==(e=t["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const o=t["s-sn"]=w(t)||"";return{slotNode:$(O(n,"childNodes"),n.tagName,o)[0],slotName:o}}(n);return l&&!o&&function(t){t.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(l),n}return t.__insertBefore?t.__insertBefore(n,e):null==t?void 0:t.insertBefore(n,e)},ut=(t,n)=>{if(n&&!t.M&&n["s-p"]){const e=n["s-p"].push(new Promise((o=>t.M=()=>{n["s-p"].splice(e-1,1),o()})))}},ft=(t,n)=>{if(t.u|=16,4&t.u)return void(t.u|=512);ut(t,t.C);const e=()=>at(t,n);if(!n)return b(e);queueMicrotask((()=>{e()}))},at=(t,n)=>{const e=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return n?(t.T&&(t.T=!1,yt(o,"connectedCallback",void 0,e)),t.L.length&&t.L.forEach((t=>t(e))),l=yt(o,"componentWillLoad",void 0,e)):l=yt(o,"componentWillUpdate",void 0,e),l=dt(l,(()=>yt(o,"componentWillRender",void 0,e))),dt(l,(()=>ht(t,o,n)))},dt=(t,n)=>pt(t)?t.then(n).catch((t=>{console.error(t),n()})):n(),pt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,ht=async(t,n,e)=>{var o;const l=t.$hostElement$,s=l["s-rc"];vt(t,n,l,e),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const n=null!=(o=l["s-p"])?o:[],e=()=>mt(t);0===n.length?e():(Promise.all(n).then(e).catch(e),t.u|=4,n.length=0)}},vt=(t,n,e,o)=>{try{n=n.render(),t.u&=-17,t.u|=2,((t,n,e=!1)=>{var o,l,s,i,u;const f=t.$hostElement$,a=t.o,d=t.R||C(null,null),p=(t=>t&&t.O===T)(n)?n:M(null,null,n);if(N=f.tagName,e&&p.v)for(const t of Object.keys(p.v))f.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(p.v[t]=f[t]);if(p.O=null,p.u|=4,t.R=p,p.k=d.k=f,V=!1,k=f["s-cr"],q=!1,ot(d,p,e),c.u|=1,Y){st(p.k);for(const t of lt){const n=t.N;if(!n["s-ol"]&&r.document){const t=r.document.createTextNode("");t["s-nr"]=n,ct(n.parentNode,n["s-ol"]=t,n,e)}}for(const t of lt){const n=t.N,c=t.S;if(1===n.nodeType&&e&&(n["s-ih"]=null!=(o=n.hidden)&&o),c){const t=c.parentNode;let o=c.nextSibling;if(o&&1===o.nodeType){let e=null==(l=n["s-ol"])?void 0:l.previousSibling;for(;e;){let l=null!=(s=e["s-nr"])?s:null;if(l&&l["s-sn"]===n["s-sn"]&&t===(l.__parentNode||l.parentNode)){for(l=l.nextSibling;l===n||(null==l?void 0:l["s-sr"]);)l=null==l?void 0:l.nextSibling;if(!l||!l["s-nr"]){o=l;break}}e=e.previousSibling}}if((!o&&t!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==o)&&n!==o){if(ct(t,n,o,e),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const t=r.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));t["s-hn"]=n["s-hn"],t["s-sn"]=n["s-sn"],t["s-sh"]=n["s-sh"],t["s-sr"]=n["s-sr"],t["s-ol"]=n["s-ol"],t["s-ol"]["s-nr"]=t,ct(n.parentNode,t,n,e),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(i=n["s-ih"])&&i)}n&&"function"==typeof c["s-rf"]&&c["s-rf"](c)}else 1===n.nodeType&&(n.hidden=!0)}}if(q&&y(p.k),c.u&=-2,lt.length=0,!V&&!(1&a.u)&&f["s-cr"]){const t=p.k.__childNodes||p.k.childNodes;for(const n of t)if(n["s-hn"]!==N&&!n["s-sh"])if(e&&null==n["s-ih"]&&(n["s-ih"]=null!=(u=n.hidden)&&u),1===n.nodeType)n.hidden=!0;else if(3===n.nodeType&&n.nodeValue.trim()){const t=r.document.createComment("s-nt-"+n.nodeValue);t["s-sn"]=n["s-sn"],ct(n.parentNode,t,n,e),n.parentNode.removeChild(n)}}k=void 0,I.forEach((t=>t())),I.length=0,Z.forEach((t=>t())),Z.length=0})(t,n,o)}catch(n){s(n,t.$hostElement$)}return null},mt=t=>{const n=t.$hostElement$,e=t.i,o=t.C;yt(e,"componentDidRender",void 0,n),64&t.u?yt(e,"componentDidUpdate",void 0,n):(t.u|=64,$t(n),yt(e,"componentDidLoad",void 0,n),t.F(n),o||bt()),t.M&&(t.M(),t.M=void 0),512&t.u&&m((()=>ft(t,!1))),t.u&=-517},bt=()=>{m((()=>P(r,"appload",{detail:{namespace:"db-ux"}})))},yt=(t,n,e,o)=>{if(t&&t[n])try{return t[n](e)}catch(t){s(t,o)}},$t=t=>t.classList.add("hydrated"),gt=(t,n,o,l)=>{const i=e(t);if(!i)return;if(!i)throw Error(`Couldn't find host element for "${l.A}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const r=i.$hostElement$,c=i.l.get(n),u=i.u,f=i.i;if(o=F(o,l.t[n][0]),!(8&u&&void 0!==c||o===c||Number.isNaN(c)&&Number.isNaN(o))){if(i.l.set(n,o),l.P){const t=l.P[n];t&&t.map((t=>{try{const[[e,l]]=Object.entries(t);(128&u||1&l)&&(f?f[e](o,c,n):i.L.push((()=>{i.i[e](o,c,n)})))}catch(t){s(t,r)}}))}if(2&u){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(o,c,n)&&!(16&u))return;16&u||ft(i,!1)}}},jt=(n,o,l)=>{var s,i;const r=n.prototype;{n.watchers&&!o.P&&(o.P=n.watchers),n.deserializers&&!o.D&&(o.D=n.deserializers),n.serializers&&!o._&&(o._=n.serializers);const u=Object.entries(null!=(s=o.t)?s:{});if(u.map((([n,[s]])=>{if(31&s||2&l&&32&s){const{get:i,set:c}=t(r,n)||{};i&&(o.t[n][0]|=2048),c&&(o.t[n][0]|=4096),(1&l||!i)&&Object.defineProperty(r,n,{get(){{if(!(2048&o.t[n][0]))return((t,n)=>e(this).l.get(n))(0,n);const t=e(this),l=t?t.i:r;if(!l)return;return l[n]}},configurable:!0,enumerable:!0}),Object.defineProperty(r,n,{set(t){const i=e(this);if(i){if(c)return void 0===(32&s?this[n]:i.$hostElement$[n])&&i.l.get(n)&&(t=i.l.get(n)),c.call(this,F(t,s)),void gt(this,n,t=32&s?this[n]:i.$hostElement$[n],o);{if(!(1&l&&4096&o.t[n][0]))return gt(this,n,t,o),void(1&l&&!i.i&&i.L.push((()=>{4096&o.t[n][0]&&i.i[n]!==i.l.get(n)&&(i.i[n]=t)})));const e=()=>{const e=i.i[n];!i.l.get(n)&&e&&i.l.set(n,e),i.i[n]=F(t,s),gt(this,n,i.i[n],o)};i.i?e():i.L.push((()=>{e()}))}}}})}})),1&l){const t=new Map;r.attributeChangedCallback=function(n,l,s){c.jmp((()=>{var i;const c=t.get(n),f=e(this);if(this.hasOwnProperty(c)&&(s=this[c],delete this[c]),r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const t=null==f?void 0:f.u;if(f&&t&&!(8&t)&&s!==l){const e=f.i,r=null==(i=o.P)?void 0:i[n];null==r||r.forEach((o=>{const[[i,r]]=Object.entries(o);null!=e[i]&&(128&t||1&r)&&e[i].call(e,s,l,n)}))}return}const a=u.find((([t])=>t===c));a&&4&a[1][0]&&(s=null!==s&&"false"!==s);const d=Object.getOwnPropertyDescriptor(r,c);s==this[c]||d.get&&!d.set||(this[c]=s)}))},n.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=o.P)?i:{}),...u.filter((([t,n])=>31&n[0])).map((([n,e])=>{const o=e[1]||n;return t.set(o,n),o}))]))}}return n},wt=(t,n)=>{yt(t,"connectedCallback",void 0,n)},Ot=(t,n)=>{yt(t,"disconnectedCallback",void 0,n||t)},kt=(t,n={})=>{var o;if(!r.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const l=[],u=n.exclude||[],f=r.customElements,a=r.document.head,d=a.querySelector("meta[charset]"),p=r.document.createElement("style"),h=[];let v,m=!0;Object.assign(c,n),c.p=new URL(n.resourcesUrl||"./",r.document.baseURI).href;let b=!1;if(t.map((t=>{t[1].map((n=>{var o,a,d;const p={u:n[0],A:n[1],t:n[2],H:n[3]};4&p.u&&(b=!0),p.t=n[2],p.P=null!=(o=n[4])?o:{},p._=null!=(a=n[5])?a:{},p.D=null!=(d=n[6])?d:{};const y=p.A,$=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(t){super(t),((t,n)=>{const e={u:0,$hostElement$:t,o:n,l:new Map,U:new Map};e.W=new Promise((t=>e.F=t)),t["s-p"]=[],t["s-rc"]=[],e.L=[];const o=e;t.__stencil__getHostRef=()=>o})(t=this,p)}connectedCallback(){e(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),v&&(clearTimeout(v),v=null),m?h.push(this):c.jmp((()=>(t=>{if(!(1&c.u)){const n=e(t);if(!n)return;const o=n.o,l=()=>{};if(1&n.u)(null==n?void 0:n.i)?wt(n.i,t):(null==n?void 0:n.W)&&n.W.then((()=>wt(n.i,t)));else{n.u|=1,12&o.u&&(t=>{if(!r.document)return;const n=t["s-cr"]=r.document.createComment("");n["s-cn"]=!0,ct(t,n,t.firstChild)})(t);{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){ut(n,n.C=e);break}}o.t&&Object.entries(o.t).map((([n,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(t,n)){const e=t[n];delete t[n],t[n]=e}})),(async(t,n,e)=>{let o;try{if(!(32&n.u))if(n.u|=32,e.B){const l=((t,n)=>{const e=t.A.replace(/-/g,"_"),o=t.B;if(!o)return;const l=i.get(o);return l?l[e]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[e])),(t=>{s(t,n.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(e,n);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${e.A}#${n.V}" was not found`);o.isProxied||(e.P=o.watchers,e._=o.serializers,e.D=o.deserializers,jt(o,e,2),o.isProxied=!0);const r=()=>{};n.u|=8;try{new o(n)}catch(n){s(n,t)}n.u&=-9,n.u|=128,r(),4&e.u?n.T=!0:wt(n.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>n.u|=128));const l=n.C,r=()=>ft(n,!0);l&&l["s-rc"]?l["s-rc"].push(r):r()}catch(e){s(e,t),n.M&&(n.M(),n.M=void 0),n.F&&n.F(t)}})(t,n,o)}l()}})(this))))}disconnectedCallback(){c.jmp((()=>(async t=>{if(!(1&c.u)){const n=e(t);(null==n?void 0:n.i)?Ot(n.i,t):(null==n?void 0:n.W)&&n.W.then((()=>Ot(n.i,t)))}S.has(t)&&S.delete(t),t.shadowRoot&&S.has(t.shadowRoot)&&S.delete(t.shadowRoot)})(this))),c.raf((()=>{var t;const n=e(this);if(!n)return;const o=h.findIndex((t=>t===this));o>-1&&h.splice(o,1),(null==(t=null==n?void 0:n.R)?void 0:t.k)instanceof Node&&!n.R.k.isConnected&&delete n.R.k}))}componentOnReady(){var t;return null==(t=e(this))?void 0:t.W}};p.B=t[0],u.includes(y)||f.get(y)||(l.push(y),f.define(y,jt($,p,1)))}))})),l.length>0&&(b&&(p.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),p.textContent+=l.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",p.innerHTML.length)){p.setAttribute("data-styles","");const t=null!=(o=c.q)?o:function(){var t,n,e;return null!=(e=null==(n=null==(t=r.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?e:void 0}();null!=t&&p.setAttribute("nonce",t),a.insertBefore(p,d?d.nextSibling:a.firstChild)}m=!1,h.length?h.map((t=>t.connectedCallback())):c.jmp((()=>v=setTimeout(bt,30)))},Nt=(t,n)=>n,St=t=>c.q=t;export{Nt as F,kt as b,A as c,M as h,u as p,o as r,St as s}

package/dist/db-ux/p-cdfaf027.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as s}from"./p-BjIPMjCM.js";import{l as h,f as a,g as e,h as d,k as l,b as n,r as o,a as r}from"./p-BdL-nI5y.js";import{h as c,d as v,s as u,u as f,f as b,e as m,l as w,c as p}from"./p-xkoBSP8R.js";import{c as y}from"./p-D5mInaY7.js";const x=class{constructor(s){i(this,s),this.input=t(this,"input"),this.change=t(this,"change"),this.blur=t(this,"blur"),this.focus=t(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._descByIds=void 0,this._value="",this._voiceOverFallback="",this.abortController=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,a;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&(this.required||this.minLength||this.maxLength)?(this._descByIds=this._validMessageId,c()&&(this._voiceOverFallback=null!==(a=this.validMessage)&&void 0!==a?a:l,v((()=>this._voiceOverFallback=""),1e3))):this._descByIds=u(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||h,c()&&(this._voiceOverFallback=this._invalidMessage,v((()=>this._voiceOverFallback=""),1e3)))}handleInput(i,t){this.input&&this.input.emit(i),this.handleValidation()}handleChange(i,t){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}resetIds(){var i,t,s;const h=null!==(s=null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&void 0!==s?s:`textarea-${f()}`;this._id=h,this._messageId=h+a,this._validMessageId=h+e,this._invalidMessageId=h+d}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const a=t.item(h);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))i.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"data-density"!==a.name&&"class"!==a.name&&"style"===a.name)i.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const t=a.value.includes("hydrated"),h=a.value.replace("hydrated","").trim(),e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var i,t;(null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||h}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const i=this._id+a;this._messageId=i,this._validMessageId=this._id+e,this._invalidMessageId=this._id+d,u(this.message,this.showMessage)&&(this._descByIds=i),this.handleValidation()}}watch2(){this.watch2Fn()}watch3Fn(){void 0!==this.value&&(this._value=this.value)}watch3(){this.watch3Fn()}watch4Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),y(this._ref,{value:this.value,defaultValue:i},(i=>{this.handleChange(i,!0),this.handleInput(i,!0)}),t.signal)}}watch4(){this.watch4Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-textarea"),this.resetIds(),this._invalidMessage=this.invalidMessage||h,this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn()}disconnectedCallback(){var i;null===(i=this.abortController)||void 0===i||i.abort()}render(){var i,t,h,a,e;return s("div",{key:"acb23abfb477beeceebdf88503a51a6aa90e268e",class:p("db-textarea",this.className),"data-variant":this.variant,"data-hide-asterisk":w(this.showRequiredAsterisk),"data-hide-label":w(this.showLabel)},s("label",{key:"03df1963dce7436d616df5f26c8fbff37243421f",htmlFor:this._id},null!==(i=this.label)&&void 0!==i?i:r),s("textarea",{key:"b09e8a714ee44c18a2af738d90c6939309eb143c","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:i=>{this._ref=i},id:this._id,"data-resize":this.resize,"data-hide-resizer":w(null===(t=this.showResizer)||void 0===t||t),disabled:m(this.disabled,"disabled"),required:m(this.required,"required"),readOnly:m(this.readOnly,"readOnly")||m(this.readonly,"readonly"),form:this.form,maxLength:b(this.maxLength,this.maxlength),minLength:b(this.minLength,this.minlength),name:this.name,wrap:this.wrap,spellcheck:this.spellCheck,autocomplete:this.autocomplete,onInput:i=>this.handleInput(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),value:null!==(h=this.value)&&void 0!==h?h:this._value,"aria-describedby":null!==(a=this.ariaDescribedBy)&&void 0!==a?a:this._descByIds,placeholder:null!==(e=this.placeholder)&&void 0!==e?e:n,rows:b(this.rows,o),cols:b(this.cols)}),u(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||l):null,s("db-infotext",{key:"c62d3e639536d955cc454b43c289b0ad11e9d7b3",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"430d5b39be9fa9eb29c7720f46be601fa1f25161","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch4:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],value:[{watch3:0}]}}};export{x as db_textarea}