@db-ux/wc-core-components 4.4.1 → 4.4.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @db-ux/wc-core-components
 
+## 4.4.2
+
+### Patch Changes
+
+- fix(SSR-compatibility): Implement framework-specific `useId` for UUID generation in React and Vue outputs - [see commit 1073c46](https://github.com/db-ux-design-system/core-web/commit/1073c469a20bf1346f150c00364ee1aeab7643d0)
+
+- fix: issue with DBInput not working properly with `datalist` and `type="time"` - [see commit 72ccb09](https://github.com/db-ux-design-system/core-web/commit/72ccb09d1304aec894b4fde27624f90029efec9d)
+
 ## 4.4.1
 
 ### Patch Changes

package/dist/cjs/db-accordion-item.cjs.entry.js

@@ -1,14 +1,12 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
-var constants = require('./constants-bMY2_d8A.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBAccordionItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.toggle = index.createEvent(this, "toggle");
-        this._id = constants.DEFAULT_ID;
         this._open = false;
         this._name = undefined;
         this.initialized = false;
@@ -80,7 +78,6 @@ const DBAccordionItem = class {
     }
     componentDidLoad() {
         this.enableAttributePassing(this._ref, "db-accordion-item");
-        this._id = this.id || "accordion-item-" + index$1.uuid();
         if (this.defaultOpen) {
             this._open = this.defaultOpen;
         }
@@ -89,9 +86,9 @@ const DBAccordionItem = class {
         this.watch1Fn();
     }
     render() {
-        return (index.h("li", { key: '8d83cc801cb95a73fc14fd6498c243f5c6afa22b', class: index$1.cls("db-accordion-item", this.className), id: this._id }, index.h("details", { key: '34273cd5211ae03c006350b9c7537fced121a7a2', "aria-disabled": index$1.getBooleanAsString(this.disabled), ref: (el) => {
+        return (index.h("li", { key: 'c2a0b702c0e173c96208dca96194f3f36ce5e417', class: index$1.cls("db-accordion-item", this.className), id: this.id }, index.h("details", { key: '7d396568c8cc585f5f05c24857168afbc3d639f7', "aria-disabled": index$1.getBooleanAsString(this.disabled), ref: (el) => {
                 this._ref = el;
-            }, name: this._name, open: this._open }, index.h("summary", { key: 'ec28c1a939f3cabab7b6b842fc46620e55940e6a', onClick: (event) => this.handleToggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? index.h("slot", { name: "headline" }) : null), index.h("div", { key: '6934f2e25c3343e7d20c8fac47410bafe05b750c' }, this.text ? this.text : index.h("slot", null)))));
+            }, name: this._name, open: this._open }, index.h("summary", { key: 'b4ef438974813de3761dc6f3a59add84bfe63b4c', onClick: (event) => this.handleToggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? index.h("slot", { name: "headline" }) : null), index.h("div", { key: '9087f0e04a68ec016e80b793f442ab02fd4316a9' }, this.text ? this.text : index.h("slot", null)))));
     }
     static get watchers() { return {
         "_ref": [{

package/dist/cjs/db-accordion.cjs.entry.js

@@ -1,13 +1,11 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
-var constants = require('./constants-bMY2_d8A.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this._id = constants.DEFAULT_ID;
         this._name = "";
         this.initialized = false;
         this._initOpenIndexDone = false;
@@ -67,9 +65,7 @@ const DBAccordion = class {
                     }
                 }
                 else {
-                    if (this._name !== this._id && this._id) {
-                        this._name = this._id;
-                    }
+                    this._name = `accordion-${index$1.uuid()}`;
                 }
             }
             else {
@@ -122,7 +118,6 @@ const DBAccordion = class {
     }
     componentDidLoad() {
         this.enableAttributePassing(this._ref, "db-accordion");
-        this._id = this.id || "accordion-" + index$1.uuid();
         this.initialized = true;
         this._initOpenIndexDone = true;
         this.watch0Fn();
@@ -131,9 +126,9 @@ const DBAccordion = class {
     }
     render() {
         var _a;
-        return (index.h("ul", { key: '91f6c44d0b30b23d247af72e0eefd7629db29a36', class: index$1.cls("db-accordion", this.className), ref: (el) => {
+        return (index.h("ul", { key: '8b685b2a23ec00359a75ae143121c023d86a5eb5', class: index$1.cls("db-accordion", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this._id, "data-variant": this.variant }, !this.items ? index.h("slot", null) : null, this.items
+            }, id: this.id, "data-variant": this.variant }, !this.items ? index.h("slot", null) : null, this.items
             ? (_a = this.convertItems()) === null || _a === void 0 ? void 0 : _a.map((item, index$1) => (index.h("db-accordion-item", { key: `accordion-item-${index$1}`, headlinePlain: item.headlinePlain, disabled: item.disabled, text: item.text })))
             : null));
     }
@@ -147,9 +142,6 @@ const DBAccordion = class {
         "behavior": [{
                 "watch0": 0
             }],
-        "_id": [{
-                "watch0": 0
-            }],
         "_ref": [{
                 "watch1": 0
             }, {

package/dist/cjs/db-badge.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var constants = require('./constants-bMY2_d8A.js');
 var index$1 = require('./index-CsHqnQII.js');
 

package/dist/cjs/db-brand.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var constants = require('./constants-bMY2_d8A.js');
 var index$1 = require('./index-CsHqnQII.js');
 

package/dist/cjs/db-button.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBButton = class {

package/dist/cjs/db-card.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBCard = class {

package/dist/cjs/db-checkbox.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var constants = require('./constants-bMY2_d8A.js');
 var index$1 = require('./index-CsHqnQII.js');
 var formComponents = require('./form-components-LsqVohyb.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 var constants = require('./constants-bMY2_d8A.js');
 var formComponents = require('./form-components-LsqVohyb.js');
@@ -102,7 +102,6 @@ const DBCustomSelectListItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.change = index.createEvent(this, "change");
-        this._id = undefined;
         this.hasDivider = false;
     }
     handleChange(event) {
@@ -156,18 +155,16 @@ const DBCustomSelectListItem = class {
         this.watch0Fn();
     }
     componentDidLoad() {
-        var _a;
         this.enableAttributePassing(this._ref, "db-custom-select-list-item");
-        this._id = (_a = this.id) !== null && _a !== void 0 ? _a : `custom-select-list-item-${index$1.uuid()}`;
         this.watch0Fn();
     }
     render() {
-        return (index.h("li", { key: 'd94821da8bf1842933f6518079c9e463459bed2b', class: index$1.cls("db-custom-select-list-item", this.className, {
+        return (index.h("li", { key: '1155e389f33c440e04b5e7ca71732d108925e2cd', class: index$1.cls("db-custom-select-list-item", this.className, {
                 "db-checkbox": this.type === "checkbox" && !this.isGroupTitle,
                 "db-radio": this.type !== "checkbox" && !this.isGroupTitle,
             }), ref: (el) => {
                 this._ref = el;
-            }, id: this._id, "data-divider": index$1.getBooleanAsString(this.hasDivider) }, !this.isGroupTitle ? (index.h("label", { "data-icon": this.type !== "checkbox" && this.icon ? this.icon : undefined, "data-show-icon": index$1.getBooleanAsString(this.showIcon), "data-icon-trailing": this.getIconTrailing() }, index.h("input", { class: "db-custom-select-list-item-checkbox", "data-disable-focus": "true", type: this.type, name: this.name, form: this.name, checked: index$1.getBoolean(this.checked, "checked"), disabled: index$1.getBoolean(this.disabled, "disabled"), value: this.value, onChange: (event) => this.handleChange(event) }), this.label ? this.label : index.h("slot", null))) : (index.h("span", null, this.groupTitle))));
+            }, id: this.id, "data-divider": index$1.getBooleanAsString(this.hasDivider) }, !this.isGroupTitle ? (index.h("label", { "data-icon": this.type !== "checkbox" && this.icon ? this.icon : undefined, "data-show-icon": index$1.getBooleanAsString(this.showIcon), "data-icon-trailing": this.getIconTrailing() }, index.h("input", { class: "db-custom-select-list-item-checkbox", "data-disable-focus": "true", type: this.type, name: this.name, form: this.name, checked: index$1.getBoolean(this.checked, "checked"), disabled: index$1.getBoolean(this.disabled, "disabled"), value: this.value, onChange: (event) => this.handleChange(event) }), this.label ? this.label : index.h("slot", null))) : (index.h("span", null, this.groupTitle))));
     }
     static get watchers() { return {
         "isGroupTitle": [{

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBCustomSelectFormField = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var constants = require('./constants-bMY2_d8A.js');
 var index$1 = require('./index-CsHqnQII.js');
 var documentClickListener = require('./document-click-listener-Bb3Tinb8.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBDivider = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var constants = require('./constants-bMY2_d8A.js');
 var index$1 = require('./index-CsHqnQII.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var constants = require('./constants-bMY2_d8A.js');
 var index$1 = require('./index-CsHqnQII.js');
 var navigation = require('./navigation-DauGE-qj.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBIcon = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBInfotext = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBLink = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var constants = require('./constants-bMY2_d8A.js');
 var index$1 = require('./index-CsHqnQII.js');
 var navigation = require('./navigation-DauGE-qj.js');
@@ -15,7 +15,6 @@ const DBNavigationItem = class {
         this.hasSubNavigation = true;
         this.isSubNavigationExpanded = false;
         this.autoClose = false;
-        this.subNavigationId = "sub-navigation-" + index$1.uuid();
         this.navigationItemSafeTriangle = undefined;
     }
     handleNavigationItemClick(event) {
@@ -108,9 +107,9 @@ const DBNavigationItem = class {
     }
     render() {
         var _a;
-        return (index.h("li", { key: 'd00b7b4852a729301d545abaf1a65cd3e0cdcee7', class: index$1.cls("db-navigation-item", this.className), ref: (el) => {
+        return (index.h("li", { key: 'd9127a5065dc034116325e95f39c9d2d9844722e', class: index$1.cls("db-navigation-item", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this.id, onMouseOver: () => { var _a; return (_a = this.navigationItemSafeTriangle) === null || _a === void 0 ? void 0 : _a.enableFollow(); }, onMouseLeave: () => { var _a; return (_a = this.navigationItemSafeTriangle) === null || _a === void 0 ? void 0 : _a.disableFollow(); }, onMouseMove: (event) => { var _a; return (_a = this.navigationItemSafeTriangle) === null || _a === void 0 ? void 0 : _a.followByMouseEvent(event); }, "data-width": this.width, "data-icon": this.icon, "data-show-icon": index$1.getBooleanAsString(this.showIcon), "data-active": this.active, "data-wrap": index$1.getBooleanAsString(this.wrap), "aria-disabled": index$1.getBooleanAsString(this.disabled) }, !this.hasSubNavigation ? this.text ? this.text : index.h("slot", null) : null, this.hasSubNavigation ? (index.h(index.Fragment, null, index.h("button", { class: "db-navigation-item-expand-button", "aria-haspopup": this.hasAreaPopup, "aria-expanded": this.isSubNavigationExpanded, disabled: index$1.getBoolean(this.disabled, "disabled"), onClick: (event) => this.handleClick(event) }, this.text ? this.text : index.h("slot", null)), index.h("menu", { class: "db-sub-navigation", "data-force-close": this.autoClose, id: this.subNavigationId, onClick: (event) => this.handleNavigationItemClick(event) }, this.hasAreaPopup ? (index.h("div", { class: "db-mobile-navigation-back" }, index.h("db-button", { icon: "arrow_left", variant: "ghost", id: this.backButtonId, onClick: (event) => this.handleBackClick(event) }, (_a = this.backButtonText) !== null && _a !== void 0 ? _a : constants.DEFAULT_BACK))) : null, index.h("slot", { name: "subNavigation" })))) : null));
+            }, id: this.id, onMouseOver: () => { var _a; return (_a = this.navigationItemSafeTriangle) === null || _a === void 0 ? void 0 : _a.enableFollow(); }, onMouseLeave: () => { var _a; return (_a = this.navigationItemSafeTriangle) === null || _a === void 0 ? void 0 : _a.disableFollow(); }, onMouseMove: (event) => { var _a; return (_a = this.navigationItemSafeTriangle) === null || _a === void 0 ? void 0 : _a.followByMouseEvent(event); }, "data-width": this.width, "data-icon": this.icon, "data-show-icon": index$1.getBooleanAsString(this.showIcon), "data-active": this.active, "data-wrap": index$1.getBooleanAsString(this.wrap), "aria-disabled": index$1.getBooleanAsString(this.disabled) }, !this.hasSubNavigation ? this.text ? this.text : index.h("slot", null) : null, this.hasSubNavigation ? (index.h(index.Fragment, null, index.h("button", { class: "db-navigation-item-expand-button", "aria-haspopup": this.hasAreaPopup, "aria-expanded": this.isSubNavigationExpanded, disabled: index$1.getBoolean(this.disabled, "disabled"), onClick: (event) => this.handleClick(event) }, this.text ? this.text : index.h("slot", null)), index.h("menu", { class: "db-sub-navigation", "data-force-close": this.autoClose, onClick: (event) => this.handleNavigationItemClick(event) }, this.hasAreaPopup ? (index.h("div", { class: "db-mobile-navigation-back" }, index.h("db-button", { icon: "arrow_left", variant: "ghost", id: this.backButtonId, onClick: (event) => this.handleBackClick(event) }, (_a = this.backButtonText) !== null && _a !== void 0 ? _a : constants.DEFAULT_BACK))) : null, index.h("slot", { name: "subNavigation" })))) : null));
     }
     static get watchers() { return {
         "subNavigationExpanded": [{

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

@@ -1,13 +1,11 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
-var constants = require('./constants-bMY2_d8A.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBNavigation = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this._id = constants.DEFAULT_ID;
     }
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -43,12 +41,11 @@ const DBNavigation = class {
     }
     componentDidLoad() {
         this.enableAttributePassing(this._ref, "db-navigation");
-        this._id = this.id || "navigation-" + index$1.uuid();
     }
     render() {
-        return (index.h("nav", { key: 'ed27159179b89985cbf0711be7dc494ca820cf75', class: index$1.cls("db-navigation", this.className), ref: (el) => {
+        return (index.h("nav", { key: 'de11910f2ac8e29cb5ee23aaf0e0d38cf9b5d4e8', class: index$1.cls("db-navigation", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this._id }, index.h("menu", { key: '6aa518535f6c802abec874a174d6e8d028572269' }, index.h("slot", { key: '2307ee2093cf4bcec3c8f4b8d5e8e88a8d78cf08' }))));
+            }, id: this.id }, index.h("menu", { key: '414afdaa58874f959a2ed49aefdaa672894806c3' }, index.h("slot", { key: '703407fdf69a8dfd133779c864a7016972f1a3e5' }))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var constants = require('./constants-bMY2_d8A.js');
 var index$1 = require('./index-CsHqnQII.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBPage = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 var documentScrollListener = require('./document-scroll-listener-unypEU42.js');
 var floatingComponents = require('./floating-components-ogUqz72V.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 var formComponents = require('./form-components-LsqVohyb.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBSection = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var constants = require('./constants-bMY2_d8A.js');
 var index$1 = require('./index-CsHqnQII.js');
 var formComponents = require('./form-components-LsqVohyb.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBStack = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var constants = require('./constants-bMY2_d8A.js');
 var index$1 = require('./index-CsHqnQII.js');
 var formComponents = require('./form-components-LsqVohyb.js');

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

@@ -1,8 +1,7 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
-var constants = require('./constants-bMY2_d8A.js');
 
 const DBTabItem = class {
     constructor(hostRef) {
@@ -134,7 +133,6 @@ const DBTabItem = class {
 const DBTabList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this._id = constants.DEFAULT_ID;
     }
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -170,12 +168,11 @@ const DBTabList = class {
     }
     componentDidLoad() {
         this.enableAttributePassing(this._ref, "db-tab-list");
-        this._id = this.id || "tab-list-" + index$1.uuid();
     }
     render() {
-        return (index.h("div", { key: '4ef0a69cacaafb2205ebfea7826c3c1f64a84411', class: index$1.cls("db-tab-list", this.className), ref: (el) => {
+        return (index.h("div", { key: 'a2d1cf85f398ee76b560e9aa1c7f84871d752432', class: index$1.cls("db-tab-list", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this._id }, index.h("ul", { key: 'cfdccc43bd366eb9c71137918a8ca92fd6a81b69', role: "tablist" }, index.h("slot", { key: 'c09711c4b398a3d6b26d62c87aaf0f050af32bdb' }))));
+            }, id: this.id }, index.h("ul", { key: '03498821ff3ff623e16313782c67384e7708eecf', role: "tablist" }, index.h("slot", { key: '10eba579352100e449568b7ec38e4cc73efb0463' }))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var index$1 = require('./index-CsHqnQII.js');
 
 const DBTabs = class {
@@ -8,7 +8,6 @@ const DBTabs = class {
         index.registerInstance(this, hostRef);
         this.indexChange = index.createEvent(this, "indexChange");
         this.tabSelect = index.createEvent(this, "tabSelect");
-        this._id = "tabs-" + index$1.uuid();
         this._name = "";
         this.initialized = false;
         this.showScrollLeft = false;
@@ -194,7 +193,6 @@ const DBTabs = class {
     }
     componentDidLoad() {
         this.enableAttributePassing(this._ref, "db-tabs");
-        this._id = this.id || this._id;
         this._name = `tabs-${this.name || index$1.uuid()}`;
         this.initialized = true;
         this.watch0Fn();
@@ -206,10 +204,10 @@ const DBTabs = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h("div", { key: 'a53c2737f8238bbe266baa7d6e3f90649c52512a', class: index$1.cls("db-tabs", this.className), ref: (el) => {
+        return (index.h("div", { key: '0ba78eeed24756c5a55acef3080c4d66db43139b', class: index$1.cls("db-tabs", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this._id, "data-orientation": this.orientation, "data-scroll-behavior": this.behavior, "data-alignment": (_a = this.alignment) !== null && _a !== void 0 ? _a : "start", "data-width": (_b = this.width) !== null && _b !== void 0 ? _b : "auto", onInput: (event) => this.handleChange(event), onChange: (event) => this.handleChange(event) }, this.showScrollLeft ? (index.h("db-button", { class: "tabs-scroll-left", variant: "ghost", icon: "chevron_left", type: "button", noText: true, onClick: () => this.scroll(true) }, "Scroll left")) : null, this.tabs ? (index.h(index.Fragment, null, index.h("db-tab-list", null, (_c = this.convertTabs()) === null || _c === void 0 ? void 0 : _c.map((tab, index$1) => (index.h("db-tab-item", { key: this.name + "tab-item" + index$1, active: tab.active, label: tab.label, iconTrailing: tab.iconTrailing, icon: tab.icon, noText: tab.noText })))), (_d = this.convertTabs()) === null || _d === void 0 ? void 0 :
-            _d.map((tab, index$1) => (index.h("db-tab-panel", { key: this.name + "tab-panel" + index$1, content: tab.content }, tab.children))))) : null, this.showScrollRight ? (index.h("db-button", { class: "tabs-scroll-right", variant: "ghost", icon: "chevron_right", type: "button", noText: true, onClick: () => this.scroll() }, "Scroll right")) : null, index.h("slot", { key: 'e8cf7f0c576b73cdd459ab4cf1f07f14c5ed1657' })));
+            }, id: this.id, "data-orientation": this.orientation, "data-scroll-behavior": this.behavior, "data-alignment": (_a = this.alignment) !== null && _a !== void 0 ? _a : "start", "data-width": (_b = this.width) !== null && _b !== void 0 ? _b : "auto", onInput: (event) => this.handleChange(event), onChange: (event) => this.handleChange(event) }, this.showScrollLeft ? (index.h("db-button", { class: "tabs-scroll-left", variant: "ghost", icon: "chevron_left", type: "button", noText: true, onClick: () => this.scroll(true) }, "Scroll left")) : null, this.tabs ? (index.h(index.Fragment, null, index.h("db-tab-list", null, (_c = this.convertTabs()) === null || _c === void 0 ? void 0 : _c.map((tab, index$1) => (index.h("db-tab-item", { key: this.name + "tab-item" + index$1, active: tab.active, label: tab.label, iconTrailing: tab.iconTrailing, icon: tab.icon, noText: tab.noText })))), (_d = this.convertTabs()) === null || _d === void 0 ? void 0 :
+            _d.map((tab, index$1) => (index.h("db-tab-panel", { key: this.name + "tab-panel" + index$1, content: tab.content }, tab.children))))) : null, this.showScrollRight ? (index.h("db-button", { class: "tabs-scroll-right", variant: "ghost", icon: "chevron_right", type: "button", noText: true, onClick: () => this.scroll() }, "Scroll right")) : null, index.h("slot", { key: '30e17d6cbc5899d97c5f1ffc73e4c09ccbff1dc1' })));
     }
     static get watchers() { return {
         "_ref": [{

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var constants = require('./constants-bMY2_d8A.js');
 var index$1 = require('./index-CsHqnQII.js');
 var formComponents = require('./form-components-LsqVohyb.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bi4QN5oK.js');
+var index = require('./index-CEqZnn9s.js');
 var constants = require('./constants-bMY2_d8A.js');
 var index$1 = require('./index-CsHqnQII.js');
 var documentScrollListener = require('./document-scroll-listener-unypEU42.js');
@@ -99,6 +99,14 @@ const DBTooltip = class {
         }
     }
     watch0Fn() {
+        if (this.id) {
+            this._id = this.id;
+        }
+    }
+    watch0() {
+        this.watch0Fn();
+    }
+    watch1Fn() {
         if (this._ref && this.initialized && this._id) {
             const parent = this.getParent();
             if (parent) {
@@ -128,27 +136,34 @@ const DBTooltip = class {
             this.initialized = false;
         }
     }
-    watch0() {
-        this.watch0Fn();
+    watch1() {
+        this.watch1Fn();
     }
     componentDidLoad() {
         this.enableAttributePassing(this._ref, "db-tooltip");
         this._id = this.id || "tooltip-" + index$1.uuid();
         this.initialized = true;
         this.watch0Fn();
+        this.watch1Fn();
     }
     render() {
         var _a, _b;
-        return (index.h("i", { key: '4bbec1f80b0912b870b2382cf63c3e1cba11b5e3', class: index$1.cls("db-tooltip", this.className), role: "tooltip", "aria-hidden": "true", "data-gap": "true", ref: (el) => {
+        return (index.h("i", { key: '51ba2dd002f118a398f57615af7ce30b2e1e93d9', class: index$1.cls("db-tooltip", this.className), role: "tooltip", "aria-hidden": "true", "data-gap": "true", ref: (el) => {
                 this._ref = el;
-            }, id: this._id, "data-emphasis": this.emphasis, "data-animation": index$1.getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true), "data-delay": this.delay, "data-width": this.width, "data-show-arrow": index$1.getBooleanAsString((_b = this.showArrow) !== null && _b !== void 0 ? _b : true), "data-placement": this.placement, onClick: (event) => this.handleClick(event) }, index.h("slot", { key: '7bcf79fa968c0a8bef84dd49c71f307c3094072c' })));
+            }, id: this._id, "data-emphasis": this.emphasis, "data-animation": index$1.getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true), "data-delay": this.delay, "data-width": this.width, "data-show-arrow": index$1.getBooleanAsString((_b = this.showArrow) !== null && _b !== void 0 ? _b : true), "data-placement": this.placement, onClick: (event) => this.handleClick(event) }, index.h("slot", { key: '0edebe953574e4949fc3ead41f283d79a5bf946f' })));
     }
     static get watchers() { return {
-        "_ref": [{
+        "id": [{
                 "watch0": 0
             }],
+        "_ref": [{
+                "watch1": 0
+            }],
         "initialized": [{
-                "watch0": 0
+                "watch1": 0
+            }],
+        "_id": [{
+                "watch1": 0
             }]
     }; }
 };