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

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

@@ -0,0 +1 @@
+import{r as t,h as i}from"./p-BrThqi62.js";import{d as s,g as e,c as a}from"./p-C4x0SOcx.js";import{D as o}from"./p-RHqkTr-_.js";import{b as h}from"./p-G-TursYV.js";const n=class{constructor(i){t(this,i),this.initialized=!1,this.isExpanded=!1,this._documentScrollListenerCallbackId=void 0,this._observer=void 0}handleEscape(t){if(!t||"Escape"===t.key)for(const t of Array.from(this._ref.children))t.blur()}handleAutoPlacement(){if(!this._ref)return;const t=this._ref.querySelector("article");t&&s((()=>{var i;h(t,this._ref,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}handleDocumentScroll(t){var i,s;(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains)&&(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains(this._ref))&&this.handleAutoPlacement()}handleEnter(){var t;this.isExpanded=!0,this._documentScrollListenerCallbackId=(new o).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement();const i=this.getTrigger();i&&(null===(t=this._observer)||void 0===t||t.observe(i))}handleLeave(t){var i;const s=null==t?void 0:t.target;if(!(null==s?void 0:s.parentNode)||s.parentNode.querySelector(":focus")!==s&&s.parentNode.querySelector(":focus-within")!==s&&s.parentNode.querySelector(":hover")!==s){this.isExpanded=!1,this._documentScrollListenerCallbackId&&(new o).removeCallback(this._documentScrollListenerCallbackId);const t=this.getTrigger();t&&(null===(i=this._observer)||void 0===i||i.unobserve(t))}}getTrigger(){var t;if(this._ref){const i=Array.from(this._ref.children);if(i.length>=2){const s=i[0];return s.tagName.includes("-")?(null===(t=s.children)||void 0===t?void 0:t.length)>0?s.children[0]:null:s}}return null}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const a=i.item(e);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))&&(t.setAttribute(a.name,a.value),s.removeAttribute(a.name)),a&&"class"===a.name){const i=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(a.name,`${o?`${o} `:""}${e}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initialized=!1;const t=this.getTrigger();t&&(t.ariaHasPopup="true"),this.handleAutoPlacement(),this._ref.addEventListener("keydown",(t=>this.handleEscape(t))),["mouseenter","focusin"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleEnter()))})),["mouseleave","focusout"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleLeave()))})),"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getTrigger()));i&&!i.isIntersecting&&this.handleEscape(!1)})))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){const t=this.getTrigger();t&&(t.ariaExpanded=Boolean(this.isExpanded).toString())}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-popover"),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){var t;return i("div",{key:"4d902919abc8bf5b55a617a31424f35582e029c1",class:a("db-popover",this.className),ref:t=>{this._ref=t},id:this.id},i("slot",{key:"166a0b766f6f0c003e6d7a250fd466267117f59a",name:"trigger"}),i("article",{key:"4fa535dc081c76eb21671e0abfb7d090b38e6e5c",class:"db-popover-content","data-spacing":this.spacing,"data-gap":e(this.gap),"data-animation":e(null===(t=this.animation)||void 0===t||t),"data-open":e(this.open),"data-delay":this.delay,"data-width":this.width,"data-placement":this.placement},i("slot",{key:"ef47687b496cfe4d6cce11ef5d282a2ec3a88004"})))}static get watchers(){return{_ref:[{watch0:0},{watch1:0}],initialized:[{watch0:0}],isExpanded:[{watch1:0}]}}};export{n as db_popover}

package/dist/db-ux/{p-32fcf516.entry.js → p-e584e927.entry.js}

@@ -1 +1 @@
-import{r as t,h as s}from"./p-05XnVETo.js";import{g as a,c as i}from"./p-C4x0SOcx.js";const o=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=null==t?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const o=s.item(i);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))&&(t.setAttribute(o.name,o.value),a.removeAttribute(o.name)),o&&"class"===o.name){const s=o.value.includes("hydrated"),i=o.value.replace("hydrated","").trim(),n=t.getAttribute("class");t.setAttribute(o.name,`${n?`${n} `:""}${i}`),s?a.setAttribute("class","hydrated"):a.removeAttribute(o.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-infotext")}render(){var t;return s("span",{key:"c126d11d979284931006fa76b2a6a49e396f394c",class:i("db-infotext",this.className),ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-show-icon-leading":a(null===(t=this.showIcon)||void 0===t||t)},this.text?this.text:s("slot",null))}};export{o as db_infotext}
+import{r as t,h as s}from"./p-BrThqi62.js";import{g as a,c as i}from"./p-C4x0SOcx.js";const o=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=null==t?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const o=s.item(i);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))&&(t.setAttribute(o.name,o.value),a.removeAttribute(o.name)),o&&"class"===o.name){const s=o.value.includes("hydrated"),i=o.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(o.name,`${d?`${d} `:""}${i}`),s?a.setAttribute("class","hydrated"):a.removeAttribute(o.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-infotext")}render(){var t;return s("span",{key:"c126d11d979284931006fa76b2a6a49e396f394c",class:i("db-infotext",this.className),ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-show-icon-leading":a(null===(t=this.showIcon)||void 0===t||t)},this.text?this.text:s("slot",null))}};export{o as db_infotext}

package/dist/db-ux/{p-6811aace.entry.js → p-fe185f98.entry.js}

@@ -1 +1 @@
-import{r as a,c as e,h as d}from"./p-05XnVETo.js";import{p as c}from"./p-BdL-nI5y.js";import{a as t,e as s,c as i}from"./p-C4x0SOcx.js";import{i as b}from"./p-sP2NlPcu.js";import"./p-G-TursYV.js";const n=class{constructor(d){a(this,d),this.toggle=e(this,"toggle"),this.initialized=!1,this.forcedToMobile=!1}handleToggle(a){a&&a.stopPropagation&&a.stopPropagation();const e=!s(this.drawerOpen,"drawerOpen");this.toggle&&this.toggle.emit(e)}handleNavigationItemClick(a){b(a)&&this.handleToggle()}enableAttributePassing(a,e){const d=null==a?void 0:a.closest(e);if(a&&d){const e=d.attributes;for(let c=0;c<e.length;c++){const t=e.item(c);if(t&&(t.name.startsWith("data-")||t.name.startsWith("aria-"))&&(a.setAttribute(t.name,t.value),d.removeAttribute(t.name)),t&&"class"===t.name){const e=t.value.includes("hydrated"),c=t.value.replace("hydrated","").trim(),s=a.getAttribute("class");a.setAttribute(t.name,`${s?`${s} `:""}${c}`),e?d.setAttribute("class","hydrated"):d.removeAttribute(t.name)}}}}watch0Fn(){this.initialized&&this._ref&&this.forceMobile&&(t(this._ref,{key:"data-force-mobile",value:"true"}),this.forcedToMobile=!0)}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-header"),this.initialized=!0,this.watch0Fn()}render(){var a;return d("header",{key:"f9850f5a6f59bee2ed97db4baea343e07aaff91a",class:i("db-header",this.className),ref:a=>{this._ref=a},id:this.id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},d("db-drawer",{key:"32f62d8f0bf634e96cf7b0e96721fcd40aa3a3eb",class:"db-header-drawer",spacing:"small",rounded:!0,closeButtonId:this.closeButtonId,closeButtonText:this.closeButtonText,open:s(this.drawerOpen),onClose:()=>this.handleToggle()},d("div",{key:"a42c28439d07e97a3842efe4fa1c143c23691b5f",class:"db-header-drawer-navigation"},d("div",{key:"141165e04574db312d51b0b4c376c53ddace243e",class:"db-header-navigation",onClick:a=>this.handleNavigationItemClick(a)},d("slot",{key:"2208e0677b1f15da56fd6be230523559fcb5f1da"})),d("div",{key:"fb980500cdb2f6f3ce2fce2489c48ac27ebd256a",class:"db-header-meta-navigation"},d("slot",{key:"7eea7189a1e82821fc3f0bd600bda5a040382e88",name:"metaNavigation"}))),d("div",{key:"a492419586593d43edbada69ad136ad832902e15",class:"db-header-secondary-action"},d("slot",{key:"90ed75a19c230c3a2af94b8e0b397c8712f9a0df",name:"secondaryAction"}))),d("div",{key:"1d0451bd1f522f51cbd2bab3cd1b7c316fd644b4",class:"db-header-meta-navigation"},d("slot",{key:"d92c5a30a0131225f2b7b1428c5121fed241d8a7",name:"metaNavigation"})),d("div",{key:"f65c8e6b2b997c281046f20e1ac7c89d8b5697f6",class:"db-header-navigation-bar"},d("div",{key:"be1e1017417595bbb4ff845b650f5edef1f4fd49",class:"db-header-brand-container"},d("slot",{key:"5552b137967ae4659887ad67514fd0078ced1473",name:"brand"})),d("div",{key:"682e11b41f5131feb17cdf1e175b9bbcf8399740",class:"db-header-navigation-container"},d("div",{key:"29f5a7afa6d8c014f6e574d72198289970e5324e",class:"db-header-navigation"},d("slot",{key:"f03956cf3368d3ec0dbaab3b3091c276eaf03a92"})),d("div",{key:"8a81b9ee537f84e14c9d41acf323552d6f239748",class:"db-header-primary-action"},d("slot",{key:"78ae4dbdc9bcad5bd4bd951a0a334c47cb35bcf6",name:"primaryAction"}))),d("div",{key:"e1e913c181df2f73cc9fe4cda17f505a26b1ad04",class:"db-header-action-container"},d("div",{key:"92d7c9c0e50f9aa86e15c18a2ac7dddabc241358",class:"db-header-burger-menu-container"},d("db-button",{key:"775ca507ba24b19e411e529e9ad67fcdfa6f3dea",icon:"menu",variant:"ghost",noText:!0,onClick:()=>this.handleToggle()},null!==(a=this.burgerMenuLabel)&&void 0!==a?a:c)),d("div",{key:"7cd5a16e27c72e3e0635056df8bcb7f45461c9fb",class:"db-header-secondary-action"},d("slot",{key:"09669c165311f8dc95961c64900d5ab36281700a",name:"secondaryAction"})))))}static get watchers(){return{initialized:[{watch0:0}],_ref:[{watch0:0}]}}};export{n as db_header}
+import{r as a,c as e,h as d}from"./p-BrThqi62.js";import{p as c}from"./p-BdL-nI5y.js";import{a as t,e as s,c as i}from"./p-C4x0SOcx.js";import{i as b}from"./p-sP2NlPcu.js";import"./p-G-TursYV.js";const n=class{constructor(d){a(this,d),this.toggle=e(this,"toggle"),this.initialized=!1,this.forcedToMobile=!1}handleToggle(a){a&&a.stopPropagation&&a.stopPropagation();const e=!s(this.drawerOpen,"drawerOpen");this.toggle&&this.toggle.emit(e)}handleNavigationItemClick(a){b(a)&&this.handleToggle()}enableAttributePassing(a,e){const d=null==a?void 0:a.closest(e);if(a&&d){const e=d.attributes;for(let c=0;c<e.length;c++){const t=e.item(c);if(t&&(t.name.startsWith("data-")||t.name.startsWith("aria-"))&&(a.setAttribute(t.name,t.value),d.removeAttribute(t.name)),t&&"class"===t.name){const e=t.value.includes("hydrated"),c=t.value.replace("hydrated","").trim(),s=a.getAttribute("class");a.setAttribute(t.name,`${s?`${s} `:""}${c}`),e?d.setAttribute("class","hydrated"):d.removeAttribute(t.name)}}}}watch0Fn(){this.initialized&&this._ref&&this.forceMobile&&(t(this._ref,{key:"data-force-mobile",value:"true"}),this.forcedToMobile=!0)}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-header"),this.initialized=!0,this.watch0Fn()}render(){var a;return d("header",{key:"f9850f5a6f59bee2ed97db4baea343e07aaff91a",class:i("db-header",this.className),ref:a=>{this._ref=a},id:this.id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},d("db-drawer",{key:"32f62d8f0bf634e96cf7b0e96721fcd40aa3a3eb",class:"db-header-drawer",spacing:"small",rounded:!0,closeButtonId:this.closeButtonId,closeButtonText:this.closeButtonText,open:s(this.drawerOpen),onClose:()=>this.handleToggle()},d("div",{key:"a42c28439d07e97a3842efe4fa1c143c23691b5f",class:"db-header-drawer-navigation"},d("div",{key:"141165e04574db312d51b0b4c376c53ddace243e",class:"db-header-navigation",onClick:a=>this.handleNavigationItemClick(a)},d("slot",{key:"2208e0677b1f15da56fd6be230523559fcb5f1da"})),d("div",{key:"fb980500cdb2f6f3ce2fce2489c48ac27ebd256a",class:"db-header-meta-navigation"},d("slot",{key:"7eea7189a1e82821fc3f0bd600bda5a040382e88",name:"metaNavigation"}))),d("div",{key:"a492419586593d43edbada69ad136ad832902e15",class:"db-header-secondary-action"},d("slot",{key:"90ed75a19c230c3a2af94b8e0b397c8712f9a0df",name:"secondaryAction"}))),d("div",{key:"1d0451bd1f522f51cbd2bab3cd1b7c316fd644b4",class:"db-header-meta-navigation"},d("slot",{key:"d92c5a30a0131225f2b7b1428c5121fed241d8a7",name:"metaNavigation"})),d("div",{key:"f65c8e6b2b997c281046f20e1ac7c89d8b5697f6",class:"db-header-navigation-bar"},d("div",{key:"be1e1017417595bbb4ff845b650f5edef1f4fd49",class:"db-header-brand-container"},d("slot",{key:"5552b137967ae4659887ad67514fd0078ced1473",name:"brand"})),d("div",{key:"682e11b41f5131feb17cdf1e175b9bbcf8399740",class:"db-header-navigation-container"},d("div",{key:"29f5a7afa6d8c014f6e574d72198289970e5324e",class:"db-header-navigation"},d("slot",{key:"f03956cf3368d3ec0dbaab3b3091c276eaf03a92"})),d("div",{key:"8a81b9ee537f84e14c9d41acf323552d6f239748",class:"db-header-primary-action"},d("slot",{key:"78ae4dbdc9bcad5bd4bd951a0a334c47cb35bcf6",name:"primaryAction"}))),d("div",{key:"e1e913c181df2f73cc9fe4cda17f505a26b1ad04",class:"db-header-action-container"},d("div",{key:"92d7c9c0e50f9aa86e15c18a2ac7dddabc241358",class:"db-header-burger-menu-container"},d("db-button",{key:"775ca507ba24b19e411e529e9ad67fcdfa6f3dea",icon:"menu",variant:"ghost",noText:!0,onClick:()=>this.handleToggle()},null!==(a=this.burgerMenuLabel)&&void 0!==a?a:c)),d("div",{key:"7cd5a16e27c72e3e0635056df8bcb7f45461c9fb",class:"db-header-secondary-action"},d("slot",{key:"09669c165311f8dc95961c64900d5ab36281700a",name:"secondaryAction"})))))}static get watchers(){return{initialized:[{watch0:0}],_ref:[{watch0:0}]}}};export{n as db_header}

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

@@ -1,12 +1,10 @@
-import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
-import { D as DEFAULT_ID } from './constants-BdL-nI5y.js';
-import { u as uuid, g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
+import { r as registerInstance, c as createEvent, h } from './index-BrThqi62.js';
+import { g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
 
 const DBAccordionItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.toggle = createEvent(this, "toggle");
-        this._id = DEFAULT_ID;
         this._open = false;
         this._name = undefined;
         this.initialized = false;
@@ -78,7 +76,6 @@ const DBAccordionItem = class {
     }
     componentDidLoad() {
         this.enableAttributePassing(this._ref, "db-accordion-item");
-        this._id = this.id || "accordion-item-" + uuid();
         if (this.defaultOpen) {
             this._open = this.defaultOpen;
         }
@@ -87,9 +84,9 @@ const DBAccordionItem = class {
         this.watch1Fn();
     }
     render() {
-        return (h("li", { key: '8d83cc801cb95a73fc14fd6498c243f5c6afa22b', class: cls("db-accordion-item", this.className), id: this._id }, h("details", { key: '34273cd5211ae03c006350b9c7537fced121a7a2', "aria-disabled": getBooleanAsString(this.disabled), ref: (el) => {
+        return (h("li", { key: 'c2a0b702c0e173c96208dca96194f3f36ce5e417', class: cls("db-accordion-item", this.className), id: this.id }, h("details", { key: '7d396568c8cc585f5f05c24857168afbc3d639f7', "aria-disabled": getBooleanAsString(this.disabled), ref: (el) => {
                 this._ref = el;
-            }, name: this._name, open: this._open }, h("summary", { key: 'ec28c1a939f3cabab7b6b842fc46620e55940e6a', onClick: (event) => this.handleToggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? h("slot", { name: "headline" }) : null), h("div", { key: '6934f2e25c3343e7d20c8fac47410bafe05b750c' }, this.text ? this.text : h("slot", null)))));
+            }, name: this._name, open: this._open }, h("summary", { key: 'b4ef438974813de3761dc6f3a59add84bfe63b4c', onClick: (event) => this.handleToggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? h("slot", { name: "headline" }) : null), h("div", { key: '9087f0e04a68ec016e80b793f442ab02fd4316a9' }, this.text ? this.text : h("slot", null)))));
     }
     static get watchers() { return {
         "_ref": [{

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

@@ -1,11 +1,9 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
-import { D as DEFAULT_ID } from './constants-BdL-nI5y.js';
+import { r as registerInstance, h } from './index-BrThqi62.js';
 import { u as uuid, c as cls } from './index-C4x0SOcx.js';
 
 const DBAccordion = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this._id = DEFAULT_ID;
         this._name = "";
         this.initialized = false;
         this._initOpenIndexDone = false;
@@ -65,9 +63,7 @@ const DBAccordion = class {
                     }
                 }
                 else {
-                    if (this._name !== this._id && this._id) {
-                        this._name = this._id;
-                    }
+                    this._name = `accordion-${uuid()}`;
                 }
             }
             else {
@@ -120,7 +116,6 @@ const DBAccordion = class {
     }
     componentDidLoad() {
         this.enableAttributePassing(this._ref, "db-accordion");
-        this._id = this.id || "accordion-" + uuid();
         this.initialized = true;
         this._initOpenIndexDone = true;
         this.watch0Fn();
@@ -129,9 +124,9 @@ const DBAccordion = class {
     }
     render() {
         var _a;
-        return (h("ul", { key: '91f6c44d0b30b23d247af72e0eefd7629db29a36', class: cls("db-accordion", this.className), ref: (el) => {
+        return (h("ul", { key: '8b685b2a23ec00359a75ae143121c023d86a5eb5', class: cls("db-accordion", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this._id, "data-variant": this.variant }, !this.items ? h("slot", null) : null, this.items
+            }, id: this.id, "data-variant": this.variant }, !this.items ? h("slot", null) : null, this.items
             ? (_a = this.convertItems()) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h("db-accordion-item", { key: `accordion-item-${index}`, headlinePlain: item.headlinePlain, disabled: item.disabled, text: item.text })))
             : null));
     }
@@ -145,9 +140,6 @@ const DBAccordion = class {
         "behavior": [{
                 "watch0": 0
             }],
-        "_id": [{
-                "watch0": 0
-            }],
         "_ref": [{
                 "watch1": 0
             }, {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
+import { r as registerInstance, h } from './index-BrThqi62.js';
 import { a as DEFAULT_LABEL } from './constants-BdL-nI5y.js';
 import { c as cls } from './index-C4x0SOcx.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
+import { r as registerInstance, h } from './index-BrThqi62.js';
 import { q as DEFAULT_ICON } from './constants-BdL-nI5y.js';
 import { g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
+import { r as registerInstance, c as createEvent, h } from './index-BrThqi62.js';
 import { g as getBooleanAsString, e as getBoolean, c as cls } from './index-C4x0SOcx.js';
 
 const DBButton = class {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
+import { r as registerInstance, c as createEvent, h } from './index-BrThqi62.js';
 import { c as cls } from './index-C4x0SOcx.js';
 
 const DBCard = class {

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

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

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, c as createEvent } from './index-05XnVETo.js';
-import { c as cls, e as getBoolean, u as uuid, g as getBooleanAsString, h as hasVoiceOver, d as delay, s as stringPropVisible, i as isArrayOfStrings, k as getInputValue, f as getNumber, j as getStep, b as isIOSSafari, l as getHideProp } from './index-C4x0SOcx.js';
+import { r as registerInstance, h, c as createEvent } from './index-BrThqi62.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-C4x0SOcx.js';
 import { l as DEFAULT_INVALID_MESSAGE, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, j as DEFAULT_DATALIST_ID_SUFFIX, f as DEFAULT_MESSAGE_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-BLsiOrPI.js';
 
@@ -100,7 +100,6 @@ const DBCustomSelectListItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.change = createEvent(this, "change");
-        this._id = undefined;
         this.hasDivider = false;
     }
     handleChange(event) {
@@ -154,18 +153,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-${uuid()}`;
         this.watch0Fn();
     }
     render() {
-        return (h("li", { key: 'd94821da8bf1842933f6518079c9e463459bed2b', class: cls("db-custom-select-list-item", this.className, {
+        return (h("li", { key: '1155e389f33c440e04b5e7ca71732d108925e2cd', class: 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": getBooleanAsString(this.hasDivider) }, !this.isGroupTitle ? (h("label", { "data-icon": this.type !== "checkbox" && this.icon ? this.icon : undefined, "data-show-icon": getBooleanAsString(this.showIcon), "data-icon-trailing": this.getIconTrailing() }, h("input", { class: "db-custom-select-list-item-checkbox", "data-disable-focus": "true", type: this.type, name: this.name, form: this.name, checked: getBoolean(this.checked, "checked"), disabled: getBoolean(this.disabled, "disabled"), value: this.value, onChange: (event) => this.handleChange(event) }), this.label ? this.label : h("slot", null))) : (h("span", null, this.groupTitle))));
+            }, id: this.id, "data-divider": getBooleanAsString(this.hasDivider) }, !this.isGroupTitle ? (h("label", { "data-icon": this.type !== "checkbox" && this.icon ? this.icon : undefined, "data-show-icon": getBooleanAsString(this.showIcon), "data-icon-trailing": this.getIconTrailing() }, h("input", { class: "db-custom-select-list-item-checkbox", "data-disable-focus": "true", type: this.type, name: this.name, form: this.name, checked: getBoolean(this.checked, "checked"), disabled: getBoolean(this.disabled, "disabled"), value: this.value, onChange: (event) => this.handleChange(event) }), this.label ? this.label : h("slot", null))) : (h("span", null, this.groupTitle))));
     }
     static get watchers() { return {
         "isGroupTitle": [{

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
+import { r as registerInstance, h } from './index-BrThqi62.js';
 import { c as cls } from './index-C4x0SOcx.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-05XnVETo.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-BrThqi62.js';
 import { l as DEFAULT_INVALID_MESSAGE, a as DEFAULT_LABEL, m as DEFAULT_REMOVE, d as DEFAULT_LABEL_ID_SUFFIX, e as DEFAULT_SELECT_ID_SUFFIX, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, i as DEFAULT_PLACEHOLDER_ID_SUFFIX, o as DEFAULT_SELECTED, f as DEFAULT_MESSAGE_ID_SUFFIX, 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-C4x0SOcx.js';
 import { D as DocumentClickListener } from './document-click-listener-CmYoXpGE.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
+import { r as registerInstance, h } from './index-BrThqi62.js';
 import { c as cls } from './index-C4x0SOcx.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-05XnVETo.js';
+import { r as registerInstance, c as createEvent, h } from './index-BrThqi62.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-C4x0SOcx.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
+import { r as registerInstance, c as createEvent, h } from './index-BrThqi62.js';
 import { p as DEFAULT_BURGER_MENU } from './constants-BdL-nI5y.js';
 import { a as addAttributeToChildren, e as getBoolean, c as cls } from './index-C4x0SOcx.js';
 import { i as isEventTargetNavigationItem } from './navigation--UdC9CzO.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
+import { r as registerInstance, h } from './index-BrThqi62.js';
 import { c as cls } from './index-C4x0SOcx.js';
 
 const DBIcon = class {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
+import { r as registerInstance, h } from './index-BrThqi62.js';
 import { g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
 
 const DBInfotext = class {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
+import { r as registerInstance, h } from './index-BrThqi62.js';
 import { g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
 
 const DBLink = class {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-05XnVETo.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-BrThqi62.js';
 import { n as DEFAULT_BACK } from './constants-BdL-nI5y.js';
-import { u as uuid, d as delay, e as getBoolean, g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
+import { d as delay, e as getBoolean, g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
 import { N as NavigationItemSafeTriangle } from './navigation--UdC9CzO.js';
 import './floating-components-G-TursYV.js';
 
@@ -13,7 +13,6 @@ const DBNavigationItem = class {
         this.hasSubNavigation = true;
         this.isSubNavigationExpanded = false;
         this.autoClose = false;
-        this.subNavigationId = "sub-navigation-" + uuid();
         this.navigationItemSafeTriangle = undefined;
     }
     handleNavigationItemClick(event) {
@@ -106,9 +105,9 @@ const DBNavigationItem = class {
     }
     render() {
         var _a;
-        return (h("li", { key: 'd00b7b4852a729301d545abaf1a65cd3e0cdcee7', class: cls("db-navigation-item", this.className), ref: (el) => {
+        return (h("li", { key: 'd9127a5065dc034116325e95f39c9d2d9844722e', class: 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": getBooleanAsString(this.showIcon), "data-active": this.active, "data-wrap": getBooleanAsString(this.wrap), "aria-disabled": getBooleanAsString(this.disabled) }, !this.hasSubNavigation ? this.text ? this.text : h("slot", null) : null, this.hasSubNavigation ? (h(Fragment, null, h("button", { class: "db-navigation-item-expand-button", "aria-haspopup": this.hasAreaPopup, "aria-expanded": this.isSubNavigationExpanded, disabled: getBoolean(this.disabled, "disabled"), onClick: (event) => this.handleClick(event) }, this.text ? this.text : h("slot", null)), h("menu", { class: "db-sub-navigation", "data-force-close": this.autoClose, id: this.subNavigationId, onClick: (event) => this.handleNavigationItemClick(event) }, this.hasAreaPopup ? (h("div", { class: "db-mobile-navigation-back" }, h("db-button", { icon: "arrow_left", variant: "ghost", id: this.backButtonId, onClick: (event) => this.handleBackClick(event) }, (_a = this.backButtonText) !== null && _a !== void 0 ? _a : DEFAULT_BACK))) : null, 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": getBooleanAsString(this.showIcon), "data-active": this.active, "data-wrap": getBooleanAsString(this.wrap), "aria-disabled": getBooleanAsString(this.disabled) }, !this.hasSubNavigation ? this.text ? this.text : h("slot", null) : null, this.hasSubNavigation ? (h(Fragment, null, h("button", { class: "db-navigation-item-expand-button", "aria-haspopup": this.hasAreaPopup, "aria-expanded": this.isSubNavigationExpanded, disabled: getBoolean(this.disabled, "disabled"), onClick: (event) => this.handleClick(event) }, this.text ? this.text : h("slot", null)), h("menu", { class: "db-sub-navigation", "data-force-close": this.autoClose, onClick: (event) => this.handleNavigationItemClick(event) }, this.hasAreaPopup ? (h("div", { class: "db-mobile-navigation-back" }, h("db-button", { icon: "arrow_left", variant: "ghost", id: this.backButtonId, onClick: (event) => this.handleBackClick(event) }, (_a = this.backButtonText) !== null && _a !== void 0 ? _a : DEFAULT_BACK))) : null, h("slot", { name: "subNavigation" })))) : null));
     }
     static get watchers() { return {
         "subNavigationExpanded": [{

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

@@ -1,11 +1,9 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
-import { D as DEFAULT_ID } from './constants-BdL-nI5y.js';
-import { u as uuid, c as cls } from './index-C4x0SOcx.js';
+import { r as registerInstance, h } from './index-BrThqi62.js';
+import { c as cls } from './index-C4x0SOcx.js';
 
 const DBNavigation = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this._id = DEFAULT_ID;
     }
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -41,12 +39,11 @@ const DBNavigation = class {
     }
     componentDidLoad() {
         this.enableAttributePassing(this._ref, "db-navigation");
-        this._id = this.id || "navigation-" + uuid();
     }
     render() {
-        return (h("nav", { key: 'ed27159179b89985cbf0711be7dc494ca820cf75', class: cls("db-navigation", this.className), ref: (el) => {
+        return (h("nav", { key: 'de11910f2ac8e29cb5ee23aaf0e0d38cf9b5d4e8', class: cls("db-navigation", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this._id }, h("menu", { key: '6aa518535f6c802abec874a174d6e8d028572269' }, h("slot", { key: '2307ee2093cf4bcec3c8f4b8d5e8e88a8d78cf08' }))));
+            }, id: this.id }, h("menu", { key: '414afdaa58874f959a2ed49aefdaa672894806c3' }, h("slot", { key: '703407fdf69a8dfd133779c864a7016972f1a3e5' }))));
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
+import { r as registerInstance, c as createEvent, h } from './index-BrThqi62.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-C4x0SOcx.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
+import { r as registerInstance, h } from './index-BrThqi62.js';
 import { c as cls, g as getBooleanAsString } from './index-C4x0SOcx.js';
 
 const DBPage = class {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
+import { r as registerInstance, h } from './index-BrThqi62.js';
 import { d as delay, g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
 import { D as DocumentScrollListener } from './document-scroll-listener-65bHuFAN.js';
 import { b as handleFixedPopover } from './floating-components-G-TursYV.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
+import { r as registerInstance, c as createEvent, h } from './index-BrThqi62.js';
 import { u as uuid, e as getBoolean, l as getHideProp, c as cls, d as delay } from './index-C4x0SOcx.js';
 import { b as addResetEventListener } from './form-components-BLsiOrPI.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
+import { r as registerInstance, h } from './index-BrThqi62.js';
 import { c as cls } from './index-C4x0SOcx.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-05XnVETo.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-BrThqi62.js';
 import { l as DEFAULT_INVALID_MESSAGE, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, f as DEFAULT_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-C4x0SOcx.js';
 import { c as addValueResetEventListener } from './form-components-BLsiOrPI.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
+import { r as registerInstance, h } from './index-BrThqi62.js';
 import { g as getBooleanAsString, c as cls } from './index-C4x0SOcx.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-05XnVETo.js';
+import { r as registerInstance, c as createEvent, h } from './index-BrThqi62.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-C4x0SOcx.js';
 import { a as addCheckedResetEventListener } from './form-components-BLsiOrPI.js';

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

@@ -1,6 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
-import { g as getBooleanAsString, e as getBoolean, c as cls, u as uuid } from './index-C4x0SOcx.js';
-import { D as DEFAULT_ID } from './constants-BdL-nI5y.js';
+import { r as registerInstance, c as createEvent, h } from './index-BrThqi62.js';
+import { g as getBooleanAsString, e as getBoolean, c as cls } from './index-C4x0SOcx.js';
 
 const DBTabItem = class {
     constructor(hostRef) {
@@ -132,7 +131,6 @@ const DBTabItem = class {
 const DBTabList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this._id = DEFAULT_ID;
     }
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -168,12 +166,11 @@ const DBTabList = class {
     }
     componentDidLoad() {
         this.enableAttributePassing(this._ref, "db-tab-list");
-        this._id = this.id || "tab-list-" + uuid();
     }
     render() {
-        return (h("div", { key: '4ef0a69cacaafb2205ebfea7826c3c1f64a84411', class: cls("db-tab-list", this.className), ref: (el) => {
+        return (h("div", { key: 'a2d1cf85f398ee76b560e9aa1c7f84871d752432', class: cls("db-tab-list", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this._id }, h("ul", { key: 'cfdccc43bd366eb9c71137918a8ca92fd6a81b69', role: "tablist" }, h("slot", { key: 'c09711c4b398a3d6b26d62c87aaf0f050af32bdb' }))));
+            }, id: this.id }, h("ul", { key: '03498821ff3ff623e16313782c67384e7708eecf', role: "tablist" }, h("slot", { key: '10eba579352100e449568b7ec38e4cc73efb0463' }))));
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-05XnVETo.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-BrThqi62.js';
 import { u as uuid, c as cls } from './index-C4x0SOcx.js';
 
 const DBTabs = class {
@@ -6,7 +6,6 @@ const DBTabs = class {
         registerInstance(this, hostRef);
         this.indexChange = createEvent(this, "indexChange");
         this.tabSelect = createEvent(this, "tabSelect");
-        this._id = "tabs-" + uuid();
         this._name = "";
         this.initialized = false;
         this.showScrollLeft = false;
@@ -192,7 +191,6 @@ const DBTabs = class {
     }
     componentDidLoad() {
         this.enableAttributePassing(this._ref, "db-tabs");
-        this._id = this.id || this._id;
         this._name = `tabs-${this.name || uuid()}`;
         this.initialized = true;
         this.watch0Fn();
@@ -204,10 +202,10 @@ const DBTabs = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'a53c2737f8238bbe266baa7d6e3f90649c52512a', class: cls("db-tabs", this.className), ref: (el) => {
+        return (h("div", { key: '0ba78eeed24756c5a55acef3080c4d66db43139b', class: 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 ? (h("db-button", { class: "tabs-scroll-left", variant: "ghost", icon: "chevron_left", type: "button", noText: true, onClick: () => this.scroll(true) }, "Scroll left")) : null, this.tabs ? (h(Fragment, null, h("db-tab-list", null, (_c = this.convertTabs()) === null || _c === void 0 ? void 0 : _c.map((tab, index) => (h("db-tab-item", { key: this.name + "tab-item" + index, active: tab.active, label: tab.label, iconTrailing: tab.iconTrailing, icon: tab.icon, noText: tab.noText })))), (_d = this.convertTabs()) === null || _d === void 0 ? void 0 :
-            _d.map((tab, index) => (h("db-tab-panel", { key: this.name + "tab-panel" + index, content: tab.content }, tab.children))))) : null, this.showScrollRight ? (h("db-button", { class: "tabs-scroll-right", variant: "ghost", icon: "chevron_right", type: "button", noText: true, onClick: () => this.scroll() }, "Scroll right")) : null, h("slot", { key: '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 ? (h("db-button", { class: "tabs-scroll-left", variant: "ghost", icon: "chevron_left", type: "button", noText: true, onClick: () => this.scroll(true) }, "Scroll left")) : null, this.tabs ? (h(Fragment, null, h("db-tab-list", null, (_c = this.convertTabs()) === null || _c === void 0 ? void 0 : _c.map((tab, index) => (h("db-tab-item", { key: this.name + "tab-item" + index, active: tab.active, label: tab.label, iconTrailing: tab.iconTrailing, icon: tab.icon, noText: tab.noText })))), (_d = this.convertTabs()) === null || _d === void 0 ? void 0 :
+            _d.map((tab, index) => (h("db-tab-panel", { key: this.name + "tab-panel" + index, content: tab.content }, tab.children))))) : null, this.showScrollRight ? (h("db-button", { class: "tabs-scroll-right", variant: "ghost", icon: "chevron_right", type: "button", noText: true, onClick: () => this.scroll() }, "Scroll right")) : null, h("slot", { key: '30e17d6cbc5899d97c5f1ffc73e4c09ccbff1dc1' })));
     }
     static get watchers() { return {
         "_ref": [{

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
+import { r as registerInstance, c as createEvent, h } from './index-BrThqi62.js';
 import { l as DEFAULT_INVALID_MESSAGE, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, f as DEFAULT_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-C4x0SOcx.js';
 import { c as addValueResetEventListener } from './form-components-BLsiOrPI.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-05XnVETo.js';
+import { r as registerInstance, h } from './index-BrThqi62.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-C4x0SOcx.js';
 import { D as DocumentScrollListener } from './document-scroll-listener-65bHuFAN.js';
@@ -97,6 +97,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) {
@@ -126,27 +134,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-" + uuid();
         this.initialized = true;
         this.watch0Fn();
+        this.watch1Fn();
     }
     render() {
         var _a, _b;
-        return (h("i", { key: '4bbec1f80b0912b870b2382cf63c3e1cba11b5e3', class: cls("db-tooltip", this.className), role: "tooltip", "aria-hidden": "true", "data-gap": "true", ref: (el) => {
+        return (h("i", { key: '51ba2dd002f118a398f57615af7ce30b2e1e93d9', class: cls("db-tooltip", this.className), role: "tooltip", "aria-hidden": "true", "data-gap": "true", ref: (el) => {
                 this._ref = el;
-            }, id: this._id, "data-emphasis": this.emphasis, "data-animation": getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true), "data-delay": this.delay, "data-width": this.width, "data-show-arrow": getBooleanAsString((_b = this.showArrow) !== null && _b !== void 0 ? _b : true), "data-placement": this.placement, onClick: (event) => this.handleClick(event) }, h("slot", { key: '7bcf79fa968c0a8bef84dd49c71f307c3094072c' })));
+            }, id: this._id, "data-emphasis": this.emphasis, "data-animation": getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true), "data-delay": this.delay, "data-width": this.width, "data-show-arrow": getBooleanAsString((_b = this.showArrow) !== null && _b !== void 0 ? _b : true), "data-placement": this.placement, onClick: (event) => this.handleClick(event) }, h("slot", { key: '0edebe953574e4949fc3ead41f283d79a5bf946f' })));
     }
     static get watchers() { return {
-        "_ref": [{
+        "id": [{
                 "watch0": 0
             }],
+        "_ref": [{
+                "watch1": 0
+            }],
         "initialized": [{
-                "watch0": 0
+                "watch1": 0
+            }],
+        "_id": [{
+                "watch1": 0
             }]
     }; }
 };