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

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

@@ -0,0 +1 @@
+import{r as t,h as i,g as s}from"./p-BlbKvvUv.js";import{D as e}from"./p-BdL-nI5y.js";import{d as h,u as a,g as o,c as n}from"./p-fumiz06Y.js";import{D as d}from"./p-BtImZ8Nt.js";import{b as l}from"./p-DOPXnIzL.js";const r=class{constructor(i){t(this,i),this._id=e,this.initialized=!1,this._documentScrollListenerCallbackId=void 0,this._observer=void 0,this._attachedParent=void 0,this._attachedId=void 0,this._activeTriggerCount=0,this._boundListeners=[],this.observer=void 0}handleClick(t){t.stopPropagation()}handleEscape(t){t&&"Escape"!==t.key||!this._ref||"visible"!==getComputedStyle(this._ref).visibility||this.getParent().blur()}getParent(){let t=this._ref.parentElement;return t&&t.localName.includes("tooltip")&&(t=t.parentElement),t}handleAutoPlacement(t){t&&this._ref&&h((()=>{var i;this._ref&&l(this._ref,t,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}handleDocumentScroll(t,i){var s,e;(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains)&&(null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.contains(this._ref))&&this.handleAutoPlacement(i)}handleLeave(){var t,i,s;this._activeTriggerCount=Math.max((null!==(t=this._activeTriggerCount)&&void 0!==t?t:0)-1,0),(null!==(i=this._activeTriggerCount)&&void 0!==i?i:0)>0||(this._documentScrollListenerCallbackId&&((new d).removeCallback(this._documentScrollListenerCallbackId),this._documentScrollListenerCallbackId=void 0),null===(s=this._observer)||void 0===s||s.unobserve(this.getParent()))}handleEnter(t){var i,s;this._activeTriggerCount=(null!==(i=this._activeTriggerCount)&&void 0!==i?i:0)+1,1===this._activeTriggerCount&&(this._documentScrollListenerCallbackId=(new d).addCallback((i=>this.handleDocumentScroll(i,t))),null===(s=this._observer)||void 0===s||s.observe(this.getParent())),this.handleAutoPlacement(t)}resetIds(){var t,i,s;this._id=null!==(s=null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&void 0!==s?s:"tooltip-"+a()}_detachListeners(){var t,i,s;const e=this._documentScrollListenerCallbackId;e&&((new d).removeCallback(e),this._documentScrollListenerCallbackId=void 0),null===(t=this._observer)||void 0===t||t.disconnect(),this._observer=void 0,this._activeTriggerCount=0,(null!==(i=this._boundListeners)&&void 0!==i?i:[]).forEach((t=>{t.parent.removeEventListener(t.type,t.fn)})),this._boundListeners=[];const h=this._attachedParent;if(h){const t=null!==(s=this._attachedId)&&void 0!==s?s:this._id,i=h.querySelectorAll(".db-tooltip"),e=Array.from(i).some((t=>t!==this._ref));"true"!==h.dataset.hasTooltip||e||delete h.dataset.hasTooltip,h.getAttribute("aria-labelledby")===t&&h.removeAttribute("aria-labelledby"),h.getAttribute("aria-describedby")===t&&h.removeAttribute("aria-describedby"),this._attachedParent=void 0,this._attachedId=void 0}}setupObserver(t){if(!t)return;const i=t.closest("db-tooltip");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-tooltip")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}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 h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(h.name,`${a||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var t,i;(null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this._ref&&this.initialized&&this._id){const i=this.getParent();if(i){this.handleAutoPlacement(i);const s=()=>this.handleEnter(i),e=()=>this.handleLeave(),h=t=>this.handleEscape(t);i.addEventListener("mouseenter",s),i.addEventListener("focusin",s),i.addEventListener("keydown",h),i.addEventListener("mouseleave",e),i.addEventListener("focusout",e),this._boundListeners=[...null!==(t=this._boundListeners)&&void 0!==t?t:[],{parent:i,type:"mouseenter",fn:s},{parent:i,type:"focusin",fn:s},{parent:i,type:"keydown",fn:h},{parent:i,type:"mouseleave",fn:e},{parent:i,type:"focusout",fn:e}],i.dataset.hasTooltip="true",i.setAttribute("label"===this.variant?"aria-labelledby":"aria-describedby",this._id),this._attachedParent=i,this._attachedId=this._id}"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getParent()));i&&!i.isIntersecting&&this.handleEscape(!1)}))),this.initialized=!1}}watch1(){this.watch1Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-tooltip"),(()=>{this.resetIds(),this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn()}disconnectedCallback(){var t;this._detachListeners(),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return i("i",{key:"8b8269b2bf4c0708c437a33101537999ab9035b5",class:n("db-tooltip",this.className),role:"tooltip","aria-hidden":"true","data-gap":"true",ref:t=>{this._ref=t},id:this._id,"data-emphasis":this.emphasis,"data-wrap":o(this.wrap,"wrap"),"data-animation":o(null===(t=this.animation)||void 0===t||t,"animation"),"data-delay":this.delay,"data-width":this.width,"data-show-arrow":o(null===(s=this.showArrow)||void 0===s||s,"showArrow"),"data-placement":this.placement,onClick:t=>this.handleClick(t)},this.text?this.text:null,i("slot",{key:"54c19cf96a0e2ce8be7b345f149d484a6498c3a1"}))}get rootElement(){return s(this)}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0}],initialized:[{watch1:0}],_id:[{watch1:0}]}}};export{r as db_tooltip}

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

@@ -0,0 +1 @@
+import{r as t,h as s,g as i}from"./p-BlbKvvUv.js";import{g as e,c as a}from"./p-fumiz06Y.js";const n=class{constructor(s){t(this,s),this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-infotext");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const i=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==i?void 0:i.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-infotext")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let e=0;e<s.length;e++){const a=s.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),i.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),i.removeAttribute(a.name);else if(a&&"class"===a.name){const s=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),n=t.getAttribute("class");t.setAttribute(a.name,`${n||""}${e?` ${e}`:""}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(a.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-infotext"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i,n;return s("span",{key:"e1a06bb9c2d0f88953a7281cdda505b392db609c",class:a("db-infotext",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-wrap":e(this.wrap,"wrap"),"data-show-icon-leading":e(null===(n=this.showIcon)||void 0===n||n,"showIcon")},this.text?this.text:null,s("slot",{key:"68b5e9bc974cf49e25470cba30b142495e06c72f"}))}get rootElement(){return i(this)}};export{n as db_infotext}

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

@@ -0,0 +1 @@
+import{r as t,h as e,g as s}from"./p-BlbKvvUv.js";import{c as i}from"./p-fumiz06Y.js";const a=class{constructor(e){t(this,e),this.observer=void 0}setupObserver(t){if(!t)return;const e=t.closest("db-table-caption");e&&!this.observer&&(this.observer=new MutationObserver((e=>{e.some((t=>{var e;const s=t.target.attributes.getNamedItem(null!==(e=t.attributeName)&&void 0!==e?e:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-table-caption")})),this.observer.observe(e,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,e){const s=null==t?void 0:t.closest(e);if(t&&s){const e=s.attributes;for(let i=0;i<e.length;i++){const a=e.item(i);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const e=a.value.includes("hydrated"),i=a.value.replace("hydrated","").trim(),n=t.getAttribute("class");t.setAttribute(a.name,`${n||""}${i?` ${i}`:""}`),e?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-table-caption"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){return e("caption",{key:"5ef3476c6c9879f1fcf8548e11bea82516bd29d1",class:i("db-table-caption",this.className),ref:t=>{this._ref=t},id:this.id},e("slot",{key:"e20d1d699e7ab50422c0d40bdf058c8863ae4991"}))}get rootElement(){return s(this)}};export{a as db_table_caption}

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

@@ -0,0 +1 @@
+import{r as i,c as t,h as s,F as a,g as n}from"./p-BlbKvvUv.js";import{n as o}from"./p-BdL-nI5y.js";import{d as h,e,g as d,c as l,u as r}from"./p-fumiz06Y.js";import{N as c}from"./p-BuBrj57D.js";import"./p-DOPXnIzL.js";const v=class{constructor(s){i(this,s),this.click=t(this,"click"),this.initialized=!1,this.hasAreaPopup=!1,this.hasSubNavigation=!0,this.isSubNavigationExpanded=!1,this.autoClose=!1,this.navigationItemSafeTriangle=void 0,this.subNavigationId=void 0,this.subNavigationToggleId=void 0,this.observer=void 0}handleNavigationItemClick(i){var t;"A"===(null===(t=null==i?void 0:i.target)||void 0===t?void 0:t.nodeName)&&(this.autoClose=!0,h((()=>{this.autoClose=!1}),1e3))}handleClick(i){this.click&&(i.stopPropagation(),this.click.emit(i)),this.hasAreaPopup&&(this.isSubNavigationExpanded=!0)}handleBackClick(i){i.stopPropagation(),this.isSubNavigationExpanded=!1}setupObserver(i){if(!i)return;const t=i.closest("db-navigation-item");t&&!this.observer&&(this.observer=new MutationObserver((t=>{t.some((i=>{var t;const s=i.target.attributes.getNamedItem(null!==(t=i.attributeName)&&void 0!==t?t:"");return(null==s?void 0:s.value)!==i.oldValue}))&&this.enableAttributePassing(i,"db-navigation-item")})),this.observer.observe(t,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let a=0;a<t.length;a++){const n=t.item(a);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))n.value?i.setAttribute(n.name,n.value):i.removeAttribute(n.name),s.removeAttribute(n.name);else if(n&&["style"].includes(n.name))i.setAttribute(n.name,n.value),s.removeAttribute(n.name);else if(n&&"class"===n.name){const t=n.value.includes("hydrated"),a=n.value.replace("hydrated","").trim(),o=i.getAttribute("class");i.setAttribute(n.name,`${o||""}${a?` ${a}`:""}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(n.name)}}}}watch0Fn(){void 0!==this.subNavigationExpanded&&(this.isSubNavigationExpanded=!!e(this.subNavigationExpanded,"subNavigationExpanded"))}watch0(){this.watch0Fn()}watch1Fn(){var i;if(this.initialized&&this._ref){const t=this._ref.querySelector("menu");t&&((null===(i=t.children)||void 0===i?void 0:i.length)>0?(this.hasAreaPopup=!0,this.navigationItemSafeTriangle||(this.navigationItemSafeTriangle=new c(this._ref,t))):this.hasSubNavigation=!1)}}watch1(){this.watch1Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const i=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);i&&i.remove()}this.enableAttributePassing(this._ref,"db-navigation-item"),(()=>{var i;this.initialized=!0;const t=`sub-nav-${null!==(i=this.id)&&void 0!==i?i:r()}`;this.subNavigationId=t,this.subNavigationToggleId=`${t}-toggle`})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn()}disconnectedCallback(){var i;null===(i=this.observer)||void 0===i||i.disconnect()}render(){var i,t,n;return s("li",{key:"0c375eaa62e5b989c6c891d46e5a66fa8c11eed3",class:l("db-navigation-item",this.className),ref:i=>{this._ref=i},id:null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id,onMouseOver:()=>{var i;return null===(i=this.navigationItemSafeTriangle)||void 0===i?void 0:i.enableFollow()},onMouseLeave:()=>{var i;return null===(i=this.navigationItemSafeTriangle)||void 0===i?void 0:i.disableFollow()},onMouseMove:i=>{var t;return null===(t=this.navigationItemSafeTriangle)||void 0===t?void 0:t.followByMouseEvent(i)},"data-width":this.width,"data-icon":this.icon,"data-show-icon":d(this.showIcon,"showIcon"),"data-active":this.active,"data-wrap":d(this.wrap,"wrap"),"aria-disabled":d(this.disabled,"disabled")},!e(this.hideSubNavigation,"hideSubNavigation")&&this.hasSubNavigation?s(a,null,s("button",{class:"db-navigation-item-expand-button",id:this.subNavigationToggleId,"aria-haspopup":this.hasAreaPopup?"true":void 0,"aria-expanded":this.isSubNavigationExpanded,"aria-controls":this.subNavigationId,disabled:e(this.disabled,"disabled"),onClick:i=>this.handleClick(i)},this.text?this.text:s("slot",{name:"expandButton"})),s("menu",{class:"db-sub-navigation",id:this.subNavigationId,"aria-labelledby":this.subNavigationToggleId,"data-force-close":this.autoClose,onClick:i=>this.handleNavigationItemClick(i)},this.hasAreaPopup?s("div",{class:"db-mobile-navigation-back"},s("db-button",{icon:"arrow_left",variant:"ghost",id:this.backButtonId,onClick:i=>this.handleBackClick(i)},null!==(n=this.backButtonText)&&void 0!==n?n:o)):null,s("slot",{name:"subNavigation"}))):this.text?this.text:s("slot",null))}get rootElement(){return n(this)}static get watchers(){return{subNavigationExpanded:[{watch0:0}],initialized:[{watch1:0}],_ref:[{watch1:0}]}}};export{v as db_navigation_item}

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

@@ -0,0 +1 @@
+import{r as t,h as s,g as i}from"./p-BlbKvvUv.js";import{g as a,c as e}from"./p-fumiz06Y.js";const d=class{constructor(s){t(this,s),this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-stack");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const i=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==i?void 0:i.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-stack")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))e.value?t.setAttribute(e.name,e.value):t.removeAttribute(e.name),i.removeAttribute(e.name);else if(e&&["style"].includes(e.name))t.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"class"===e.name){const s=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(e.name,`${d||""}${a?` ${a}`:""}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(e.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-stack"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i;return s("div",{key:"02389c1bd26917e0176c95ce3e38e7ef664813e7",class:e("db-stack",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,"data-gap":this.gap,"data-variant":this.variant,"data-direction":this.direction,"data-alignment":this.alignment,"data-justify-content":this.justifyContent,"data-wrap":a(this.wrap,"wrap")},s("slot",{key:"70b94e0558c79bc76096be335af95029ad2cbe5c"}))}get rootElement(){return i(this)}};export{d as db_stack}

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

@@ -0,0 +1 @@
+import{r as t,h as i,g as s}from"./p-BlbKvvUv.js";import{c as d}from"./p-fumiz06Y.js";const e=class{constructor(i){t(this,i),this.observer=void 0}setupObserver(t){if(!t)return;const i=t.closest("db-divider");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-divider")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let d=0;d<i.length;d++){const e=i.item(d);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))e.value?t.setAttribute(e.name,e.value):t.removeAttribute(e.name),s.removeAttribute(e.name);else if(e&&["style"].includes(e.name))t.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"class"===e.name){const i=e.value.includes("hydrated"),d=e.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(e.name,`${a||""}${d?` ${d}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(e.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-divider"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return i("div",{key:"09e35f9aa6912126375f69d68b75a1d64a2d0ba8",class:d("db-divider",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-margin":this.margin,"data-variant":this.variant,"data-emphasis":this.emphasis,"data-width":this.width})}get rootElement(){return s(this)}};export{e as db_divider}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,g as e}from"./p-BlbKvvUv.js";import{e as a,g as h,c as n}from"./p-fumiz06Y.js";const c=class{constructor(s){t(this,s),this.toggle=i(this,"toggle"),this._open=!1,this._name=void 0,this.initialized=!1,this.observer=void 0}handleNameAttribute(){if(this._ref){const t=this._ref.setAttribute;this._ref.setAttribute=(i,s)=>{t.call(this._ref,i,s),"name"===i&&(this._name=s)}}}handleToggle(t){null==t||t.preventDefault();const i=!this._open;this.toggle&&this.toggle.emit(i),void 0===this.open&&(this._open=i)}setupObserver(t){if(!t)return;const i=t.closest("db-accordion-item");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-accordion-item")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}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&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(a.name,`${h||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){}watch0(){this.watch0Fn()}watch1Fn(){this.name&&(this._name=this.name)}watch1(){this.watch1Fn()}watch2Fn(){const t=a(this.open,"open");void 0!==t&&(this._open=t)}watch2(){this.watch2Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-accordion-item"),(()=>{this.defaultOpen&&(this._open=this.defaultOpen),this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i;return s("li",{key:"3c70e3a9542e8bd7d96e725381caf73e3ac7296a",class:n("db-accordion-item",this.className),id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id},s("details",{key:"326f88378a110e2eae8087deec3d333fa85b206e","aria-disabled":h(this.disabled,"disabled"),ref:t=>{this._ref=t},name:this._name,open:this._open},s("summary",{key:"0dd759c18b3ec0bb4110613b073a248936827bfb",onClick:t=>this.handleToggle(t)},this.headlinePlain?this.headlinePlain:null,this.headlinePlain?null:s("slot",{name:"headline"})),s("div",{key:"44e7c57155828aa6465bde02aa4717e3161673f2"},this.text?this.text:null,s("slot",{key:"015b11e09045b96c43ec815916611ebd4b7ac4e3"}))))}get rootElement(){return e(this)}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}],name:[{watch1:0}],open:[{watch2:0}]}}};export{c as db_accordion_item}

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

@@ -0,0 +1 @@
+import{r as t,h as i,g as s,c as e}from"./p-BlbKvvUv.js";import{c as h,e as a,g as d,h as o,d as n,s as l,i as c,u as r,k as u,f as v,j as b,b as f,l as m}from"./p-fumiz06Y.js";import{l as p,f as y,g as w,h as g,j as k,k as x,b as $,a as O,m as _}from"./p-BdL-nI5y.js";import{c as C}from"./p-BihrW11j.js";const F=class{constructor(i){t(this,i),this.width="fixed",this.observer=void 0}setupObserver(t){if(!t)return;const i=t.closest("db-custom-select-dropdown");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-custom-select-dropdown")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}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 h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(h.name,`${a||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-custom-select-dropdown"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return i("article",{key:"49bd2cef7c2c04b2ae3696fea83057858a59fd9a",class:h("db-custom-select-dropdown db-card",this.className),"data-spacing":"none",ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-width":this.width},i("slot",{key:"89ceec1851f4ffdb27f99b5f301e70784607c2c8"}))}get rootElement(){return s(this)}},I=class{constructor(i){t(this,i),this.observer=void 0}setupObserver(t){if(!t)return;const i=t.closest("db-custom-select-list");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-custom-select-list")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}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 h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(h.name,`${a||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-custom-select-list"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return i("div",{key:"2dee04c035ef27c7f398805eee1c77e7a3ad893c",class:h("db-custom-select-list",this.className),role:this.multiple?"group":"radiogroup","aria-label":this.label,ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id},i("ul",{key:"64b6f1efc4344d7e274a5dd3ad78ce80983a8b77"},i("slot",{key:"26e0de28808a85216b9f1dcb8f788928a0c62c15"})))}get rootElement(){return s(this)}},L=class{constructor(i){t(this,i),this.change=e(this,"change"),this.hasDivider=!1,this.observer=void 0}handleChange(t){t.stopPropagation(),this.change&&this.change.emit(t)}getIconTrailing(){if(!this.isGroupTitle&&"checkbox"!==this.type)return a(this.checked,"checked")?"check":"x_placeholder"}setupObserver(t){if(!t)return;const i=t.closest("db-custom-select-list-item");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-custom-select-list-item")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}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 h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(h.name,`${a||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){this.hasDivider=Boolean(this.isGroupTitle||this.showDivider)}watch0(){this.watch0Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-custom-select-list-item"),this.setupObserver(this._ref),this.watch0Fn()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return i("li",{key:"cb467f74569cd0505dab2ac02a9b375de8f5a9bc",class:h("db-custom-select-list-item",this.className,{"db-checkbox":"checkbox"===this.type&&!this.isGroupTitle,"db-radio":"checkbox"!==this.type&&!this.isGroupTitle}),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-divider":d(this.hasDivider,"hasDivider")},this.isGroupTitle?i("span",null,this.groupTitle):i("label",{"data-icon":"checkbox"!==this.type&&this.icon?this.icon:void 0,"data-show-icon":d(this.showIcon,"showIcon"),"data-icon-trailing":this.getIconTrailing()},i("input",{class:"db-custom-select-list-item-checkbox","data-disable-focus":"true",type:this.type,name:this.name,form:this.name,checked:a(this.checked,"checked"),disabled:a(this.disabled,"disabled"),value:this.value,onChange:t=>this.handleChange(t)}),this.label?this.label:null,i("slot",null)))}get rootElement(){return s(this)}static get watchers(){return{isGroupTitle:[{watch0:0}],showDivider:[{watch0:0}]}}},D=class{constructor(i){t(this,i),this.input=e(this,"input"),this.change=e(this,"change"),this.blur=e(this,"blur"),this.focus=e(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._dataListId=void 0,this._descByIds=void 0,this._value="",this._voiceOverFallback="",this.abortController=void 0,this.observer=void 0}hasValidState(){var t;return!!(null!==(t=this.validMessage)&&void 0!==t?t:"valid"===this.validation)}handleValidation(){var t,i,s,e;(null===(t=this._ref)||void 0===t?void 0:t.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.pattern)?(this._descByIds=this._validMessageId,o()&&(this._voiceOverFallback=null!==(e=this.validMessage)&&void 0!==e?e:x,n((()=>this._voiceOverFallback=""),1e3))):this._descByIds=l(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||p,o()&&(this._voiceOverFallback=this._invalidMessage,n((()=>this._voiceOverFallback=""),1e3)))}handleInput(t,i){this.input&&this.input.emit(t),this.handleValidation()}handleChange(t,i){this.change&&this.change.emit(t),this.handleValidation()}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}getDataList(){const t=this.dataList;return Array.from((c(t)?null==t?void 0:t.map((t=>({value:t,label:void 0}))):t)||[])}resetIds(){var t,i,s;const e=null!==(s=null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&void 0!==s?s:`input-${r()}`;this._id=e,this._messageId=e+y,this._validMessageId=e+w,this._invalidMessageId=e+g,this._dataListId=e+k}setupObserver(t){if(!t)return;const i=t.closest("db-input");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-input")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}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 h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(h.name,`${a||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var t,i;(null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var t;this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||p}watch1(){this.watch1Fn()}watch2Fn(){var t;if(this._id){const i=this._id+y;this._messageId=i,this._validMessageId=this._id+w,this._invalidMessageId=this._id+g,this._dataListId=null!==(t=this.dataListId)&&void 0!==t?t:this._id+k,l(this.message,this.showMessage)&&(this._descByIds=i),this.handleValidation()}}watch2(){this.watch2Fn()}watch3Fn(){this._value=this.value}watch3(){this.watch3Fn()}watch4Fn(){if(this._ref){const t=void 0;let i=this.abortController;i||(i=new AbortController,this.abortController=i),C(this._ref,{value:this.value,defaultValue:t},(t=>{this.handleChange(t,!0),this.handleInput(t,!0)}),i.signal)}}watch4(){this.watch4Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-input"),(()=>{this.resetIds(),this._invalidMessage=this.invalidMessage||p})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn()}disconnectedCallback(){var t,i;null===(t=this.abortController)||void 0===t||t.abort(),null===(i=this.observer)||void 0===i||i.disconnect()}render(){var t,s,e,o,n,c,r,p;return i("div",{key:"c8140e1e7d447fd4d65829dde8090110d0e421dc",class:h("db-input",this.className),"data-variant":this.variant,"data-hide-label":m(this.showLabel),"data-show-icon":d(this.showIconLeading,"showIconLeading")||d(this.showIcon,"showIcon"),"data-icon":null!==(t=this.iconLeading)&&void 0!==t?t:this.icon,"data-icon-trailing":this.iconTrailing,"data-hide-asterisk":m(this.showRequiredAsterisk),"data-show-icon-trailing":d(this.showIconTrailing,"showIconTrailing")},i("label",{key:"7ce81ede48602af85d5bf770c01ef0731d1774ec",htmlFor:this._id},null!==(s=this.label)&&void 0!==s?s:O),i("input",{key:"880aea669e5decea1d0c865bd27981ab082c9fec","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:t=>{this._ref=t},id:this._id,name:this.name,type:this.type||"text",multiple:a(this.multiple,"multiple"),accept:this.accept,placeholder:null!==(e=this.placeholder)&&void 0!==e?e:$,disabled:a(this.disabled,"disabled"),required:a(this.required,"required"),step:b(this.step),value:null!==(n=null!==(o=this.value)&&void 0!==o?o:this._value)&&void 0!==n?n:"",maxLength:v(this.maxLength,this.maxlength),minLength:v(this.minLength,this.minlength),max:u(this.max,this.type),min:u(this.min,this.type),readOnly:a(this.readOnly,"readOnly")||a(this.readonly,"readonly")||void 0,form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:a(this.autofocus,"autofocus"),enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),list:this.dataList&&this._dataListId,"aria-describedby":null!==(c=this.ariaDescribedBy)&&void 0!==c?c:this._descByIds,role:["datetime-local","date","time","week","month","color"].includes(null!==(r=this.type)&&void 0!==r?r:"")&&f()?"textbox":void 0}),this.dataList?i("datalist",{id:this._dataListId},null===(p=this.getDataList())||void 0===p?void 0:p.map((t=>i("option",{key:this._dataListId+"-option-"+t.value,value:t.value},t.label)))):null,i("slot",{key:"c119d0f17fc00de285fba88f3748235b914691ff"}),l(this.message,this.showMessage)?i("db-infotext",{size:this.messageSize||"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?i("db-infotext",{semantic:"successful",id:this._validMessageId,size:this.validMessageSize||"small"},this.validMessage||x):null,i("db-infotext",{key:"2ee3dc9555e0a21f6645807077c0b1af6dd08043",semantic:"critical",id:this._invalidMessageId,size:this.invalidMessageSize||"small"},this._invalidMessage),i("span",{key:"5a3a55b62468522a3198957be4b5a72c818316b4","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return s(this)}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}]}}},V=class{constructor(i){t(this,i),this.remove=e(this,"remove"),this.observer=void 0}handleRemove(t){t&&(t.stopPropagation(),this.remove&&this.remove.emit(t))}getRemoveButtonText(){return this.removeButton?this.removeButton:_}setupObserver(t){if(!t)return;const i=t.closest("db-tag");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-tag")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}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 h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(h.name,`${a||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-tag"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s,e;return i("div",{key:"22654726ea465c2b07942705dfcf72162c11e314",class:h("db-tag",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":d(null===(e=this.showCheckState)||void 0===e||e,"showCheckState"),"data-show-icon":d(this.showIcon,"showIcon"),"data-no-text":d(this.noText,"noText"),"data-overflow":d(this.overflow,"overflow")},i("slot",{key:"284aa3b6bce1595939f667e8a511319879545e27",name:"content"}),this.text?this.text:null,i("slot",{key:"7471ead10bf5f95654444020e6b76d0b2f64486b"}),"removable"===this.behavior?i("button",{class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",type:"button",onClick:t=>this.handleRemove(t)},i("db-tooltip",{variant:"label"},this.getRemoveButtonText())):null)}get rootElement(){return s(this)}};export{F as db_custom_select_dropdown,I as db_custom_select_list,L as db_custom_select_list_item,D as db_input,V as db_tag}

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

@@ -8,6 +8,7 @@ const DBAccordionItem = class {
         this._open = false;
         this._name = undefined;
         this.initialized = false;
+        this.observer = undefined;
     }
     handleNameAttribute() {
         if (this._ref) {
@@ -31,6 +32,26 @@ const DBAccordionItem = class {
             this._open = newStateOpen;
         }
     }
+    setupObserver(element) {
+        if (!element)
+            return;
+        const parent = element.closest("db-accordion-item");
+        if (!parent || this.observer)
+            return;
+        this.observer = new MutationObserver((mutations) => {
+            if (mutations.some((mutation) => {
+                var _a;
+                const attr = mutation.target.attributes.getNamedItem((_a = mutation.attributeName) !== null && _a !== void 0 ? _a : "");
+                return (attr === null || attr === void 0 ? void 0 : attr.value) !== mutation.oldValue;
+            })) {
+                this.enableAttributePassing(element, "db-accordion-item");
+            }
+        });
+        this.observer.observe(parent, {
+            attributes: true,
+            attributeOldValue: true,
+        });
+    }
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -44,10 +65,15 @@ const DBAccordionItem = class {
                 const attr = attributes.item(i);
                 if (attr && attr.name !== 'data-density' &&
                     (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
+                    if (attr.value) {
+                        element.setAttribute(attr.name, attr.value);
+                    }
+                    else {
+                        element.removeAttribute(attr.name);
+                    }
                     parent.removeAttribute(attr.name);
                 }
-                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
+                else if (attr && ["style"].includes(attr.name)) {
                     element.setAttribute(attr.name, attr.value);
                     parent.removeAttribute(attr.name);
                 }
@@ -55,7 +81,7 @@ const DBAccordionItem = class {
                     const isWebComponent = attr.value.includes("hydrated");
                     const value = attr.value.replace("hydrated", "").trim();
                     const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    element.setAttribute(attr.name, `${currentClass ? currentClass : ""}${value ? ` ${value}` : ""}`);
                     if (isWebComponent) {
                         // Stencil is using this class for lazy loading component
                         parent.setAttribute("class", "hydrated");
@@ -97,19 +123,30 @@ const DBAccordionItem = class {
             }
         }
         this.enableAttributePassing(this._ref, "db-accordion-item");
-        if (this.defaultOpen) {
-            this._open = this.defaultOpen;
-        }
-        this.initialized = true;
+        const onMountHook_0 = () => {
+            if (this.defaultOpen) {
+                this._open = this.defaultOpen;
+            }
+            this.initialized = true;
+        };
+        onMountHook_0();
+        const onMountHook_1 = () => {
+            this.setupObserver(this._ref);
+        };
+        onMountHook_1();
         this.watch0Fn();
         this.watch1Fn();
         this.watch2Fn();
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
     render() {
         var _a, _b;
-        return (h("li", { key: '4211e7bbbe6cfb021a24f379e3b196380e649b6b', class: cls("db-accordion-item", this.className), id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id }, h("details", { key: 'b079afb27059b99afedb063ec731df6785080a96', "aria-disabled": getBooleanAsString(this.disabled, "disabled"), ref: (el) => {
+        return (h("li", { key: '3c70e3a9542e8bd7d96e725381caf73e3ac7296a', class: cls("db-accordion-item", this.className), id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id }, h("details", { key: '326f88378a110e2eae8087deec3d333fa85b206e', "aria-disabled": getBooleanAsString(this.disabled, "disabled"), ref: (el) => {
                 this._ref = el;
-            }, name: this._name, open: this._open }, h("summary", { key: '88622665136410bd54644e980909b998b48002fb', onClick: (event) => this.handleToggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? h("slot", { name: "headline" }) : null), h("div", { key: '4634317ee78aa4a07da21334c5ca4635f1540ed5' }, this.text ? this.text : null, h("slot", { key: 'ca7bb5de8f7c0222c708d29c1f189cb0cd719553' })))));
+            }, name: this._name, open: this._open }, h("summary", { key: '0dd759c18b3ec0bb4110613b073a248936827bfb', onClick: (event) => this.handleToggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? h("slot", { name: "headline" }) : null), h("div", { key: '44e7c57155828aa6465bde02aa4717e3161673f2' }, this.text ? this.text : null, h("slot", { key: '015b11e09045b96c43ec815916611ebd4b7ac4e3' })))));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -7,6 +7,7 @@ const DBAccordion = class {
         this._name = "";
         this.initialized = false;
         this._initOpenIndexDone = false;
+        this.observer = undefined;
     }
     convertItems() {
         try {
@@ -20,6 +21,26 @@ const DBAccordion = class {
         }
         return [];
     }
+    setupObserver(element) {
+        if (!element)
+            return;
+        const parent = element.closest("db-accordion");
+        if (!parent || this.observer)
+            return;
+        this.observer = new MutationObserver((mutations) => {
+            if (mutations.some((mutation) => {
+                var _a;
+                const attr = mutation.target.attributes.getNamedItem((_a = mutation.attributeName) !== null && _a !== void 0 ? _a : "");
+                return (attr === null || attr === void 0 ? void 0 : attr.value) !== mutation.oldValue;
+            })) {
+                this.enableAttributePassing(element, "db-accordion");
+            }
+        });
+        this.observer.observe(parent, {
+            attributes: true,
+            attributeOldValue: true,
+        });
+    }
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -33,10 +54,15 @@ const DBAccordion = class {
                 const attr = attributes.item(i);
                 if (attr && attr.name !== 'data-density' &&
                     (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
+                    if (attr.value) {
+                        element.setAttribute(attr.name, attr.value);
+                    }
+                    else {
+                        element.removeAttribute(attr.name);
+                    }
                     parent.removeAttribute(attr.name);
                 }
-                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
+                else if (attr && ["style"].includes(attr.name)) {
                     element.setAttribute(attr.name, attr.value);
                     parent.removeAttribute(attr.name);
                 }
@@ -44,7 +70,7 @@ const DBAccordion = class {
                     const isWebComponent = attr.value.includes("hydrated");
                     const value = attr.value.replace("hydrated", "").trim();
                     const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    element.setAttribute(attr.name, `${currentClass ? currentClass : ""}${value ? ` ${value}` : ""}`);
                     if (isWebComponent) {
                         // Stencil is using this class for lazy loading component
                         parent.setAttribute("class", "hydrated");
@@ -126,15 +152,26 @@ const DBAccordion = class {
             }
         }
         this.enableAttributePassing(this._ref, "db-accordion");
-        this.initialized = true;
-        this._initOpenIndexDone = true;
+        const onMountHook_0 = () => {
+            this.initialized = true;
+            this._initOpenIndexDone = true;
+        };
+        onMountHook_0();
+        const onMountHook_1 = () => {
+            this.setupObserver(this._ref);
+        };
+        onMountHook_1();
         this.watch0Fn();
         this.watch1Fn();
         this.watch2Fn();
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
     render() {
         var _a, _b, _c;
-        return (h("ul", { key: '400ed83c47dea1ff19bd9d02e9c6a6338ea9c001', class: cls("db-accordion", this.className), ref: (el) => {
+        return (h("ul", { key: 'ca6ccc06f1846796371751f169585adfca380e3d', class: cls("db-accordion", this.className), ref: (el) => {
                 this._ref = el;
             }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-variant": this.variant }, !this.items ? h("slot", null) : null, this.items
             ? (_c = this.convertItems()) === null || _c === void 0 ? void 0 : _c.map((item, index) => (h("db-accordion-item", { key: `accordion-item-${index}`, headlinePlain: item.headlinePlain, disabled: item.disabled, text: item.text })))

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

@@ -6,6 +6,27 @@ const DBBadge = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.initialized = false;
+        this.observer = undefined;
+    }
+    setupObserver(element) {
+        if (!element)
+            return;
+        const parent = element.closest("db-badge");
+        if (!parent || this.observer)
+            return;
+        this.observer = new MutationObserver((mutations) => {
+            if (mutations.some((mutation) => {
+                var _a;
+                const attr = mutation.target.attributes.getNamedItem((_a = mutation.attributeName) !== null && _a !== void 0 ? _a : "");
+                return (attr === null || attr === void 0 ? void 0 : attr.value) !== mutation.oldValue;
+            })) {
+                this.enableAttributePassing(element, "db-badge");
+            }
+        });
+        this.observer.observe(parent, {
+            attributes: true,
+            attributeOldValue: true,
+        });
     }
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -20,10 +41,15 @@ const DBBadge = class {
                 const attr = attributes.item(i);
                 if (attr && attr.name !== 'data-density' &&
                     (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
+                    if (attr.value) {
+                        element.setAttribute(attr.name, attr.value);
+                    }
+                    else {
+                        element.removeAttribute(attr.name);
+                    }
                     parent.removeAttribute(attr.name);
                 }
-                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
+                else if (attr && ["style"].includes(attr.name)) {
                     element.setAttribute(attr.name, attr.value);
                     parent.removeAttribute(attr.name);
                 }
@@ -31,7 +57,7 @@ const DBBadge = class {
                     const isWebComponent = attr.value.includes("hydrated");
                     const value = attr.value.replace("hydrated", "").trim();
                     const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    element.setAttribute(attr.name, `${currentClass ? currentClass : ""}${value ? ` ${value}` : ""}`);
                     if (isWebComponent) {
                         // Stencil is using this class for lazy loading component
                         parent.setAttribute("class", "hydrated");
@@ -69,14 +95,25 @@ const DBBadge = class {
             }
         }
         this.enableAttributePassing(this._ref, "db-badge");
-        this.initialized = true;
+        const onMountHook_0 = () => {
+            this.initialized = true;
+        };
+        onMountHook_0();
+        const onMountHook_1 = () => {
+            this.setupObserver(this._ref);
+        };
+        onMountHook_1();
         this.watch0Fn();
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
     render() {
         var _a, _b, _c, _d;
-        return (h("span", { key: '2a50a8228391b9faec650199f285dfbe943017b1', class: cls("db-badge", this.className), ref: (el) => {
+        return (h("span", { key: '359727eb7aa15e2456b2b616c9157d6546aa1821', class: cls("db-badge", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-semantic": this.semantic, "data-size": this.size, "data-emphasis": this.emphasis, "data-placement": this.placement, "data-wrap": getBooleanAsString(this.wrap, "wrap"), "data-label": ((_c = this.placement) === null || _c === void 0 ? void 0 : _c.startsWith("corner")) && ((_d = this.label) !== null && _d !== void 0 ? _d : DEFAULT_LABEL) }, this.text ? this.text : null, h("slot", { key: '0b8d3a53d7e6b786e554d31462ad0585668f4331' })));
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-semantic": this.semantic, "data-size": this.size, "data-emphasis": this.emphasis, "data-placement": this.placement, "data-wrap": getBooleanAsString(this.wrap, "wrap"), "data-label": ((_c = this.placement) === null || _c === void 0 ? void 0 : _c.startsWith("corner")) && ((_d = this.label) !== null && _d !== void 0 ? _d : DEFAULT_LABEL) }, this.text ? this.text : null, h("slot", { key: '4540ec4549a70007f0192fad72b07fdb90005f0c' })));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -5,6 +5,27 @@ import { g as getBooleanAsString, c as cls } from './index-fumiz06Y.js';
 const DBBrand = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.observer = undefined;
+    }
+    setupObserver(element) {
+        if (!element)
+            return;
+        const parent = element.closest("db-brand");
+        if (!parent || this.observer)
+            return;
+        this.observer = new MutationObserver((mutations) => {
+            if (mutations.some((mutation) => {
+                var _a;
+                const attr = mutation.target.attributes.getNamedItem((_a = mutation.attributeName) !== null && _a !== void 0 ? _a : "");
+                return (attr === null || attr === void 0 ? void 0 : attr.value) !== mutation.oldValue;
+            })) {
+                this.enableAttributePassing(element, "db-brand");
+            }
+        });
+        this.observer.observe(parent, {
+            attributes: true,
+            attributeOldValue: true,
+        });
     }
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -19,10 +40,15 @@ const DBBrand = class {
                 const attr = attributes.item(i);
                 if (attr && attr.name !== 'data-density' &&
                     (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
+                    if (attr.value) {
+                        element.setAttribute(attr.name, attr.value);
+                    }
+                    else {
+                        element.removeAttribute(attr.name);
+                    }
                     parent.removeAttribute(attr.name);
                 }
-                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
+                else if (attr && ["style"].includes(attr.name)) {
                     element.setAttribute(attr.name, attr.value);
                     parent.removeAttribute(attr.name);
                 }
@@ -30,7 +56,7 @@ const DBBrand = class {
                     const isWebComponent = attr.value.includes("hydrated");
                     const value = attr.value.replace("hydrated", "").trim();
                     const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    element.setAttribute(attr.name, `${currentClass ? currentClass : ""}${value ? ` ${value}` : ""}`);
                     if (isWebComponent) {
                         // Stencil is using this class for lazy loading component
                         parent.setAttribute("class", "hydrated");
@@ -50,12 +76,17 @@ const DBBrand = class {
             }
         }
         this.enableAttributePassing(this._ref, "db-brand");
+        this.setupObserver(this._ref);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'b9c685aae760ad32837d1f5474b1c4dde2da2ed4', class: cls("db-brand", this.className), ref: (el) => {
+        return (h("div", { key: '1c27a0d77bc0862364161f6eabfb78c81a331fb1', class: cls("db-brand", this.className), ref: (el) => {
                 this._ref = el;
-            }, "data-icon": this.hideLogo ? "none" : (_a = this.icon) !== null && _a !== void 0 ? _a : DEFAULT_ICON, "data-show-icon": getBooleanAsString(this.showIcon, "showIcon"), id: (_b = this.id) !== null && _b !== void 0 ? _b : (_c = this.propOverrides) === null || _c === void 0 ? void 0 : _c.id }, h("slot", { key: '8ae75c438c11b07f064697611914978be5b6b765' }), this.text ? this.text : null));
+            }, "data-icon": this.hideLogo ? "none" : (_a = this.icon) !== null && _a !== void 0 ? _a : DEFAULT_ICON, "data-show-icon": getBooleanAsString(this.showIcon, "showIcon"), id: (_b = this.id) !== null && _b !== void 0 ? _b : (_c = this.propOverrides) === null || _c === void 0 ? void 0 : _c.id }, h("slot", { key: '58d2daa05934dcc42bfe0bdb08b8f60fc204064d' }), this.text ? this.text : null));
     }
     get rootElement() { return getElement(this); }
 };

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

@@ -5,6 +5,7 @@ const DBButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.click = createEvent(this, "click");
+        this.observer = undefined;
     }
     getButtonType() {
         if (this.type) {
@@ -15,6 +16,26 @@ const DBButton = class {
         }
         return "submit";
     }
+    setupObserver(element) {
+        if (!element)
+            return;
+        const parent = element.closest("db-button");
+        if (!parent || this.observer)
+            return;
+        this.observer = new MutationObserver((mutations) => {
+            if (mutations.some((mutation) => {
+                var _a;
+                const attr = mutation.target.attributes.getNamedItem((_a = mutation.attributeName) !== null && _a !== void 0 ? _a : "");
+                return (attr === null || attr === void 0 ? void 0 : attr.value) !== mutation.oldValue;
+            })) {
+                this.enableAttributePassing(element, "db-button");
+            }
+        });
+        this.observer.observe(parent, {
+            attributes: true,
+            attributeOldValue: true,
+        });
+    }
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -28,10 +49,15 @@ const DBButton = class {
                 const attr = attributes.item(i);
                 if (attr && attr.name !== 'data-density' &&
                     (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
-                    element.setAttribute(attr.name, attr.value);
+                    if (attr.value) {
+                        element.setAttribute(attr.name, attr.value);
+                    }
+                    else {
+                        element.removeAttribute(attr.name);
+                    }
                     parent.removeAttribute(attr.name);
                 }
-                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
+                else if (attr && ["style"].includes(attr.name)) {
                     element.setAttribute(attr.name, attr.value);
                     parent.removeAttribute(attr.name);
                 }
@@ -39,7 +65,7 @@ const DBButton = class {
                     const isWebComponent = attr.value.includes("hydrated");
                     const value = attr.value.replace("hydrated", "").trim();
                     const currentClass = element.getAttribute("class");
-                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    element.setAttribute(attr.name, `${currentClass ? currentClass : ""}${value ? ` ${value}` : ""}`);
                     if (isWebComponent) {
                         // Stencil is using this class for lazy loading component
                         parent.setAttribute("class", "hydrated");
@@ -59,13 +85,18 @@ const DBButton = class {
             }
         }
         this.enableAttributePassing(this._ref, "db-button");
+        this.setupObserver(this._ref);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
         var _a, _b, _c;
-        return (h("button", { key: '005e64e2244340cf9bf254ec06165704472e7920', class: cls("db-button", this.className), ref: (el) => {
+        return (h("button", { key: 'b3c660955f667a8f8c93bb7c83360a44a5af3d1f', class: cls("db-button", this.className), ref: (el) => {
                 this._ref = el;
             }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, type: this.getButtonType(), disabled: getBoolean(this.disabled, "disabled"), "data-icon": (_c = this.iconLeading) !== null && _c !== void 0 ? _c : this.icon, "data-show-icon": getBooleanAsString(this.showIconLeading, "showIconLeading") ||
-                getBooleanAsString(this.showIcon, "showIcon"), "data-icon-trailing": this.iconTrailing, "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing, "showIconTrailing"), "data-size": this.size, "data-width": this.width, "data-variant": this.variant, "data-wrap": getBooleanAsString(this.wrap, "wrap"), "data-no-text": getBooleanAsString(this.noText, "noText"), name: this.name, form: this.form, value: this.value }, this.text ? this.text : null, h("slot", { key: 'fe96078746d899588bcbb96f8229b8423f8b1a5e' })));
+                getBooleanAsString(this.showIcon, "showIcon"), "data-icon-trailing": this.iconTrailing, "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing, "showIconTrailing"), "data-size": this.size, "data-width": this.width, "data-variant": this.variant, "data-wrap": getBooleanAsString(this.wrap, "wrap"), "data-no-text": getBooleanAsString(this.noText, "noText"), name: this.name, form: this.form, value: this.value }, this.text ? this.text : null, h("slot", { key: 'eb9c13e9573f61cdb3e61b5614fec0ad656c02b8' })));
     }
     get rootElement() { return getElement(this); }
 };