@db-ux/wc-core-components 4.4.3 → 4.5.1

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

@@ -0,0 +1 @@
+const t=t=>{const{outTop:o,outBottom:e,outLeft:i,outRight:l}=(t=>{var o;const{top:e,bottom:i,left:l,right:r}=t.getBoundingClientRect(),{innerHeight:n,innerWidth:d}=window;let h=e<0,p=i>n,c=l<0,a=r>d;const s=t.dataset.outsideVy,f=t.dataset.outsideVx,b=null===(o=null==t?void 0:t.parentElement)||void 0===o?void 0:o.getBoundingClientRect();return b&&(s&&("top"===t.dataset.outsideVy?h=b.top-(i-b.bottom)<0:p=b.bottom+(b.top-e)>n),f&&("left"===t.dataset.outsideVx?c=b.left-(r-b.right)<0:a=b.right+(b.left-l)>d)),{outTop:h,outBottom:p,outLeft:c,outRight:a}})(t);let r={};return o||e?(r={vy:o?"top":"bottom"},t.dataset.outsideVy=r.vy):delete t.dataset.outsideVy,i||l?(r=Object.assign(Object.assign({},r),{vx:l?"right":"left"}),t.dataset.outsideVx=r.vx):delete t.dataset.outsideVx,r},o=(t,o,i)=>{if(!t||!o)return;if("9999"===getComputedStyle(t).zIndex)return;const{top:l,bottom:r,childHeight:n,childWidth:d,width:h,right:p,left:c,correctedPlacement:a}=e(t,o,i);"full"===t.dataset.width&&(t.style.inlineSize=`${h}px`),"top"===a||"bottom"===a||"top-start"===a||"bottom-start"===a?t.style.insetInlineStart=`${c}px`:"top-end"!==a&&"bottom-end"!==a||(t.style.insetInlineStart=p-d+"px"),(null==a?void 0:a.startsWith("top"))?t.style.insetBlockStart=l-n+"px":(null==a?void 0:a.startsWith("bottom"))&&(t.style.insetBlockStart=`${r}px`),t.style.position="fixed"},e=(t,o,e)=>{if(!t||!o)return{top:0,bottom:0,right:0,height:0,width:0,left:0,childHeight:0,childWidth:0,correctedPlacement:e,innerWidth:window.innerWidth,innerHeight:window.innerHeight};const i=t.getBoundingClientRect(),{top:l,height:r,bottom:n,right:d,left:h,width:p}=o.getBoundingClientRect(),{innerHeight:c,innerWidth:a}=window;let s=i.height,f=i.width;"bottom"!==e&&"top"!==e||(f/=2),"left"!==e&&"right"!==e||(s/=2);const b=n+s>c,g=l-s<0,u=h-f<0,m=d+f>a;let $=e;return e.startsWith("bottom")?b?($=null==e?void 0:e.replace("bottom","top"),u&&m?$="top":u?$="top-start":m&&($="top-end")):u&&m?$="bottom":u?$="bottom-start":m&&($="bottom-end"):e.startsWith("top")?g?($=null==e?void 0:e.replace("top","bottom"),u&&m?$="bottom":u?$="bottom-start":m&&($="bottom-end")):u&&m?$="top":u?$="top-start":m&&($="top-end"):e.startsWith("left")?u?($=null==e?void 0:e.replace("left","right"),b&&g?$="right":b?$="right-end":g&&($="right-start")):b&&g?$="left":b?$="left-end":g&&($="left-start"):$.startsWith("right")&&(m?($=null==e?void 0:e.replace("right","left"),b&&g?$="left":b?$="left-end":g&&($="left-start")):b&&g?$="right":b?$="right-end":g&&($="right-start")),{top:l,bottom:n,right:d,height:r,width:p,left:h,childHeight:i.height,childWidth:i.width,correctedPlacement:$,innerWidth:a,innerHeight:c}},i=new WeakMap,l=(t,o,l)=>{var r,n;if(!t||!o)return;const d=getComputedStyle(o),h=["absolute","fixed"].includes(d.position),p=(t=>{if(i.has(t))return i.get(t);let o=t.parentElement,e=0;for(;o&&e<10;){if(o.dataset.correctedPlacement)return i.set(t,o),o;o=o.parentElement,e+=1}return i.set(t,null),null})(t),c=!p&&!h,a=null!==(n=null===(r=getComputedStyle(t))||void 0===r?void 0:r.getPropertyValue("--db-popover-distance"))&&void 0!==n?n:"0px";let{top:s,height:f,width:b,childHeight:g,childWidth:u,right:m,left:$,bottom:x,correctedPlacement:v,innerWidth:w,innerHeight:W}=e(t,o,l);if(p){const t=p.getBoundingClientRect();$=Math.abs($-t.left),m=1.5*(b+Math.abs(m-t.right)),s=Math.abs(s-t.top),x=1.5*(f+Math.abs(x-t.bottom))}if(h&&($=0,m=b,s=0,x=f,["auto","inherit","0"].includes(d.zIndex)&&(o.style.zIndex="1")),u>b&&(v.startsWith("bottom")||v.startsWith("top"))){const o=b/2/u*100;v.endsWith("start")?t.style.setProperty("--db-tooltip-arrow-inline-start",`${o}%`):v.endsWith("end")?t.style.setProperty("--db-tooltip-arrow-inline-start",100-o+"%"):t.style.setProperty("--db-tooltip-arrow-inline-start","50%")}if(g>f&&(v.startsWith("left")||v.startsWith("bottom"))){const o=f/2/g*100;v.endsWith("start")?t.style.setProperty("--db-tooltip-arrow-block-start",`${o}%`):v.endsWith("end")?t.style.setProperty("--db-tooltip-arrow-block-start",100-o+"%"):t.style.setProperty("--db-tooltip-arrow-block-start","50%")}if("right"===v||"left"===v)t.style.insetBlockStart=`${s+f/2}px`;else if("right-start"===v||"left-start"===v){const o=s+g;t.style.insetBlockStart=`${s}px`,t.style.insetBlockEnd=`${!h&&o>W?W:o}px`}else if("right-end"===v||"left-end"===v){const o=x-g;t.style.insetBlockStart=`${!h&&o<0?0:o}px`,t.style.insetBlockEnd=`${x}px`}else if("top"===v||"bottom"===v)t.style.insetInlineStart=`${$+b/2}px`;else if("top-start"===v||"bottom-start"===v){const o=$+u;t.style.insetInlineStart=`${$}px`,t.style.insetInlineEnd=`${!h&&o>w?w:o}px`}else if("top-end"===v||"bottom-end"===v){const o=m-u;t.style.insetInlineStart=`${!h&&o<0?0:o}px`,t.style.insetInlineEnd=`${m}px`}if(null==v?void 0:v.startsWith("right")){const o=m+u;t.style.insetInlineStart=`calc(${m}px + ${a})`,t.style.insetInlineEnd=`calc(${c&&o>w?w:o}px + ${a})`}else if(null==v?void 0:v.startsWith("left")){const o=$-u;t.style.insetInlineStart=`calc(${c&&o<0?0:o}px - ${a})`,t.style.insetInlineEnd=`calc(${m}px - ${a})`}else if(null==v?void 0:v.startsWith("top")){const o=s-g;t.style.insetBlockStart=`calc(${c&&o<0?0:o}px - ${a})`,t.style.insetBlockEnd=`calc(${h?o:x}px - ${a})`}else if(null==v?void 0:v.startsWith("bottom")){const o=x+g;t.style.insetBlockStart=`calc(${h?o:x}px + ${a})`,t.style.insetBlockEnd=`calc(${c&&o>W?W:o}px + ${a})`}t.style.position="fixed",t.dataset.correctedPlacement=v};export{o as a,l as b,e as g,t as h}

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

@@ -0,0 +1 @@
+import{u as t}from"./p-xkoBSP8R.js";class c{static runCallbacks(t){for(const l of Object.values(c.callbacks))"function"==typeof l&&l(t)}constructor(){if(c._instance)return c._instance;c._instance=this,self.document&&self.document.addEventListener("click",(t=>c.runCallbacks(t)))}addCallback(l){const o=t();return c.callbacks[o]=l,o}removeCallback(t){delete c.callbacks[t]}}c.callbacks={},c._instance=null;export{c as D}

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

@@ -0,0 +1 @@
+import{r as t,h as i}from"./p-BjIPMjCM.js";import{D as s}from"./p-BdL-nI5y.js";import{d as a,u as e,g as h,c as o}from"./p-xkoBSP8R.js";import{D as d}from"./p-CHLgQ9vn.js";import{b as l}from"./p-DOPXnIzL.js";const n=class{constructor(i){t(this,i),this._id=s,this.initialized=!1,this._documentScrollListenerCallbackId=void 0,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&&a((()=>{var i;this._ref&&l(this._ref,t,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}handleDocumentScroll(t,i){var s,a;(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains)&&(null===(a=null==t?void 0:t.target)||void 0===a?void 0:a.contains(this._ref))&&this.handleAutoPlacement(i)}handleLeave(){var t;this._documentScrollListenerCallbackId&&(new d).removeCallback(this._documentScrollListenerCallbackId),null===(t=this._observer)||void 0===t||t.unobserve(this.getParent())}handleEnter(t){var i;this._documentScrollListenerCallbackId=(new d).addCallback((i=>this.handleDocumentScroll(i,t))),this.handleAutoPlacement(t),null===(i=this._observer)||void 0===i||i.observe(this.getParent())}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-"+e()}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let a=0;a<i.length;a++){const e=i.item(a);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))t.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)t.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"class"===e.name){const i=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(e.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(){if(this._ref&&this.initialized&&this._id){const t=this.getParent();t&&(this.handleAutoPlacement(t),["mouseenter","focusin"].forEach((i=>{t.addEventListener(i,(()=>this.handleEnter(t)))})),t.addEventListener("keydown",(t=>this.handleEscape(t))),["mouseleave","focusout"].forEach((i=>{t.addEventListener(i,(()=>this.handleLeave()))})),t.dataset.hasTooltip="true",t.setAttribute("label"===this.variant?"aria-labelledby":"aria-describedby",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(){this.enableAttributePassing(this._ref,"db-tooltip"),this.resetIds(),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){var t,s;return i("i",{key:"df7b27f485e4029f51329dd73e50603f6965efb8",class:o("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":h(this.wrap),"data-animation":h(null===(t=this.animation)||void 0===t||t),"data-delay":this.delay,"data-width":this.width,"data-show-arrow":h(null===(s=this.showArrow)||void 0===s||s),"data-placement":this.placement,onClick:t=>this.handleClick(t)},i("slot",{key:"7c1aee92a530f8b0899231f55122f6109c72bc46"}))}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0}],initialized:[{watch1:0}],_id:[{watch1:0}]}}};export{n as db_tooltip}

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

@@ -0,0 +1 @@
+import{r as t,c as s,h as i}from"./p-BjIPMjCM.js";import{g as a,e,c as d}from"./p-xkoBSP8R.js";const h=class{constructor(i){t(this,i),this.change=s(this,"change"),this._selected=!1,this._name=void 0,this.initialized=!1,this._listenerAdded=!1,this.boundSetSelectedOnChange=void 0}setSelectedOnChange(t){t.stopPropagation(),this._selected=a(t.target===this._ref)}handleNameAttribute(){if(this._ref){const t=this._ref.setAttribute;this._ref.setAttribute=(s,i)=>{t.call(this._ref,s,i),"name"===s&&(this._name=i)}}}handleChange(t){this.change&&this.change.emit(t)}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-")))t.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===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?`${d} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(e.name)}}}}watch0Fn(){var t;this._ref&&this.initialized&&this.boundSetSelectedOnChange&&(this.initialized=!1,this._listenerAdded||(null===(t=this._ref.closest("[role=tablist]"))||void 0===t||t.addEventListener("change",this.boundSetSelectedOnChange),this._listenerAdded=!0),(this.active||this._ref.checked)&&(this._selected=a(!0),this._ref.click()))}watch0(){this.watch0Fn()}watch1Fn(){this.name&&(this._name=this.name)}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-item"),this.boundSetSelectedOnChange=this.setSelectedOnChange.bind(this),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}disconnectedCallback(){var t;this._listenerAdded&&this._ref&&this.boundSetSelectedOnChange&&(null===(t=this._ref.closest("[role=tablist]"))||void 0===t||t.removeEventListener("change",this.boundSetSelectedOnChange),this._listenerAdded=!1)}render(){var t,s,h,l,n,c;return i("li",{key:"0b8687c942d18b49bdf25249be3f0ae1ca727256",class:d("db-tab-item",this.className),role:"none"},i("label",{key:"b9eaa4d53de58d78d7f968d18b021c9cfe013502",htmlFor:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-icon":null!==(h=this.iconLeading)&&void 0!==h?h:this.icon,"data-icon-trailing":this.iconTrailing,"data-show-icon":a(null!==(l=this.showIconLeading)&&void 0!==l?l:this.showIcon),"data-show-icon-trailing":a(this.showIconTrailing),"data-no-text":a(this.noText)},i("input",{key:"81cf38a1a39e88fc85282e8b82d43768ce6f70a4",type:"radio",role:"tab",disabled:e(this.disabled,"disabled"),"aria-selected":this._selected,checked:e(this.checked,"checked"),ref:t=>{this._ref=t},name:this._name,id:null!==(n=this.id)&&void 0!==n?n:null===(c=this.propOverrides)||void 0===c?void 0:c.id,onInput:t=>this.handleChange(t)}),this.label?this.label:null,i("slot",{key:"89a4ba46af36e8dcc3bc53f87d17977c5827cd12"})))}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}],boundSetSelectedOnChange:[{watch0:0}],name:[{watch1:0}]}}},l=class{constructor(s){t(this,s)}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-")))t.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===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?`${d} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(e.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-list")}render(){var t,s;return i("div",{key:"8f02145864a04b79d94d5d5923b6eff32346a0c3",class:d("db-tab-list",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},i("ul",{key:"759fdba6e69209ca915148c8b190f9311cb6f1ff",role:"tablist"},i("slot",{key:"96bf4a10d3b422d6eb6be68c46f926b9f55eb0e6"})))}},n=class{constructor(s){t(this,s)}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-")))t.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===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?`${d} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(e.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-panel")}render(){var t,s;return i("section",{key:"c10873d5857be6ea8653189ab735784939c53474",class:d("db-tab-panel",this.className),role:"tabpanel",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},this.content?this.content:null,i("slot",{key:"57a98a1b7e26ca61b16397b7615f71d883bfbd28"}))}};export{h as db_tab_item,l as db_tab_list,n as db_tab_panel}

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

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

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

@@ -0,0 +1 @@
+import{r as s,h as t}from"./p-BjIPMjCM.js";import{c as d}from"./p-xkoBSP8R.js";const e=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const d=null==s?void 0:s.closest(t);if(s&&d){const t=d.attributes;for(let e=0;e<t.length;e++){const i=t.item(e);if(i&&"data-density"!==i.name&&(i.name.startsWith("data-")||i.name.startsWith("aria-")))s.setAttribute(i.name,i.value),d.removeAttribute(i.name);else if(i&&"data-density"!==i.name&&"class"!==i.name&&"style"===i.name)s.setAttribute(i.name,i.value),d.removeAttribute(i.name);else if(i&&"class"===i.name){const t=i.value.includes("hydrated"),e=i.value.replace("hydrated","").trim(),a=s.getAttribute("class");s.setAttribute(i.name,`${a?`${a} `:""}${e}`),t?d.setAttribute("class","hydrated"):d.removeAttribute(i.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-section")}render(){var s,e;return t("section",{key:"d2cb50a43641ef50d901bd488c7d31911e0f5487",class:d("db-section",this.className),ref:s=>{this._ref=s},id:null!==(s=this.id)&&void 0!==s?s:null===(e=this.propOverrides)||void 0===e?void 0:e.id,"data-spacing":this.spacing||"medium","data-width":this.width},t("slot",{key:"90ce1533ea3392317c7e271ad6d2880d0434321e"}))}};export{e as db_section}

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

@@ -0,0 +1 @@
+import{r as s,c as t,h as i}from"./p-BjIPMjCM.js";import{s as a}from"./p-BdL-nI5y.js";import{e,s as n,g as o,p as l,c as d}from"./p-xkoBSP8R.js";const c=class{constructor(i){s(this,i),this.close=t(this,"close")}handleClose(s){s&&(s.stopPropagation(),this.close&&this.close.emit(s))}enableAttributePassing(s,t){const i=null==s?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const e=t.item(a);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))s.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)s.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"class"===e.name){const t=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),n=s.getAttribute("class");s.setAttribute(e.name,`${n?`${n} `:""}${a}`),t?i.setAttribute("class","hydrated"):i.removeAttribute(e.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-notification")}render(){var s,t,c;return i("div",{key:"b7789fad4794a93805eeec0cf2740b3f592f32fa",class:d("db-notification",this.className),ref:s=>{this._ref=s},id:null!==(s=this.id)&&void 0!==s?s:null===(t=this.propOverrides)||void 0===t?void 0:t.id,role:l({semantic:this.semantic,role:this.role,ariaLive:this.ariaLive}),"aria-live":this.ariaLive,"data-semantic":this.semantic,"data-variant":this.variant,"data-icon":!1!==e(this.showIcon)?this.icon:void 0,"data-show-icon":o(this.showIcon),"data-link-variant":this.linkVariant},i("slot",{key:"cdf91c6a6cd8dd519ab235046b9ab260007a370e",name:"image"}),n(this.headline,this.showHeadline)?i("header",null,this.headline):null,i("p",{key:"a93c1810e6a75cdd81660cb6e252ed7028c2a5f5"},this.text?this.text:i("slot",null)),n(this.timestamp,this.showTimestamp)?i("span",null,this.timestamp):null,i("slot",{key:"26cae9faba7d9f277413f38a59ea02c9b99eb8c5",name:"link"}),e(this.closeable,"closeable")?i("db-button",{icon:"cross",variant:"ghost",size:"small",id:this.closeButtonId,noText:!0,onClick:s=>this.handleClose(s)},null!==(c=this.closeButtonText)&&void 0!==c?c:a):null)}};export{c as db_notification}

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

@@ -0,0 +1 @@
+import{r as t,h as s}from"./p-BjIPMjCM.js";import{g as a,c as i}from"./p-xkoBSP8R.js";const d=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 d=s.item(i);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))t.setAttribute(d.name,d.value),a.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)t.setAttribute(d.name,d.value),a.removeAttribute(d.name);else if(d&&"class"===d.name){const s=d.value.includes("hydrated"),i=d.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(d.name,`${o?`${o} `:""}${i}`),s?a.setAttribute("class","hydrated"):a.removeAttribute(d.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-button")}render(){var t,d,o,e;return s("div",{key:"3360941151b3648c3b03e8d1e231798e751b6445",class:i("db-custom-button",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(d=this.propOverrides)||void 0===d?void 0:d.id,"data-icon":null!==(o=this.iconLeading)&&void 0!==o?o:this.icon,"data-show-icon":a(null!==(e=this.showIconLeading)&&void 0!==e?e:this.showIcon),"data-icon-trailing":this.iconTrailing,"data-show-icon-trailing":a(this.showIconTrailing),"data-size":this.size,"data-width":this.width,"data-variant":this.variant,"data-no-text":a(this.noText)},s("slot",{key:"5991018ad35e6c9e04febd57a3affb0d0f81513f"}))}};export{d as db_custom_button}

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

@@ -0,0 +1 @@
+import{r as s,h as t}from"./p-BjIPMjCM.js";import{c as i}from"./p-xkoBSP8R.js";const a=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const i=null==s?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const d=t.item(a);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))s.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)s.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"class"===d.name){const t=d.value.includes("hydrated"),a=d.value.replace("hydrated","").trim(),e=s.getAttribute("class");s.setAttribute(d.name,`${e?`${e} `:""}${a}`),t?i.setAttribute("class","hydrated"):i.removeAttribute(d.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-divider")}render(){var s,a;return t("div",{key:"5773c14fcdd05f7e4b7b73af32c779133ac1b65b",class:i("db-divider",this.className),ref:s=>{this._ref=s},id:null!==(s=this.id)&&void 0!==s?s:null===(a=this.propOverrides)||void 0===a?void 0:a.id,"data-margin":this.margin,"data-variant":this.variant,"data-emphasis":this.emphasis,"data-width":this.width})}};export{a as db_divider}

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

@@ -0,0 +1 @@
+import{r as t,h as s,c as i}from"./p-BjIPMjCM.js";import{c as a,e as h,g as e,h as d,d as l,s as o,i as n,u as c,k as r,f as u,j as b,b as v,l as f}from"./p-xkoBSP8R.js";import{l as m,f as y,g as p,h as w,j as k,k as g,b as x,a as $,m as _}from"./p-BdL-nI5y.js";import{c as F}from"./p-D5mInaY7.js";const C=class{constructor(s){t(this,s),this.width="fixed"}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 h=s.item(a);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-dropdown")}render(){var t,i;return s("article",{key:"978958659b0f3b0fbdc011abfb079086ca90a6d5",class:a("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===(i=this.propOverrides)||void 0===i?void 0:i.id,"data-width":this.width},s("slot",{key:"21a6a67f222cb5eaf262ad4f3bd8cde81e4ba5c0"}))}},L=class{constructor(s){t(this,s)}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 h=s.item(a);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-list")}render(){var t,i;return s("div",{key:"3c005a8e6605f176226e1eed81c47737498f1d05",class:a("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===(i=this.propOverrides)||void 0===i?void 0:i.id},s("ul",{key:"59887c5fe0d8e6c3b136e88ee4d8f1f26c580f5b"},s("slot",{key:"29916aa86adbc98a874f5cee71cf056c705b5f62"})))}},j=class{constructor(s){t(this,s),this.change=i(this,"change"),this.hasDivider=!1}handleChange(t){t.stopPropagation(),this.change&&this.change.emit(t)}getIconTrailing(){if(!this.isGroupTitle&&"checkbox"!==this.type)return h(this.checked,"checked")?"check":"x_placeholder"}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 h=s.item(a);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}watch0Fn(){this.hasDivider=Boolean(this.isGroupTitle||this.showDivider)}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-list-item"),this.watch0Fn()}render(){var t,i;return s("li",{key:"439f87691065d7cf9e8742c3f5aa1ded7f5ac422",class:a("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===(i=this.propOverrides)||void 0===i?void 0:i.id,"data-divider":e(this.hasDivider)},this.isGroupTitle?s("span",null,this.groupTitle):s("label",{"data-icon":"checkbox"!==this.type&&this.icon?this.icon:void 0,"data-show-icon":e(this.showIcon),"data-icon-trailing":this.getIconTrailing()},s("input",{class:"db-custom-select-list-item-checkbox","data-disable-focus":"true",type:this.type,name:this.name,form:this.name,checked:h(this.checked,"checked"),disabled:h(this.disabled,"disabled"),value:this.value,onChange:t=>this.handleChange(t)}),this.label?this.label:s("slot",null)))}static get watchers(){return{isGroupTitle:[{watch0:0}],showDivider:[{watch0:0}]}}},D=class{constructor(s){t(this,s),this.input=i(this,"input"),this.change=i(this,"change"),this.blur=i(this,"blur"),this.focus=i(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}hasValidState(){var t;return!!(null!==(t=this.validMessage)&&void 0!==t?t:"valid"===this.validation)}handleValidation(){var t,s,i,a;(null===(t=this._ref)||void 0===t?void 0:t.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&(this.required||this.minLength||this.maxLength||this.pattern)?(this._descByIds=this._validMessageId,d()&&(this._voiceOverFallback=null!==(a=this.validMessage)&&void 0!==a?a:g,l((()=>this._voiceOverFallback=""),1e3))):this._descByIds=o(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(s=this._ref)||void 0===s?void 0:s.validationMessage)||m,d()&&(this._voiceOverFallback=this._invalidMessage,l((()=>this._voiceOverFallback=""),1e3)))}handleInput(t,s){this.input&&this.input.emit(t),this.handleValidation()}handleChange(t,s){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((n(t)?null==t?void 0:t.map((t=>({value:t,label:void 0}))):t)||[])}resetIds(){var t,s,i;const a=null!==(i=null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id)&&void 0!==i?i:`input-${c()}`;this._id=a,this._messageId=a+y,this._validMessageId=a+p,this._invalidMessageId=a+w,this._dataListId=a+k}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 h=s.item(a);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}watch0Fn(){var t,s;(null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var t;this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||m}watch1(){this.watch1Fn()}watch2Fn(){var t;if(this._id){const s=this._id+y;this._messageId=s,this._validMessageId=this._id+p,this._invalidMessageId=this._id+w,this._dataListId=null!==(t=this.dataListId)&&void 0!==t?t:this._id+k,o(this.message,this.showMessage)&&(this._descByIds=s),this.handleValidation()}}watch2(){this.watch2Fn()}watch3Fn(){void 0!==this.value&&(this._value=this.value)}watch3(){this.watch3Fn()}watch4Fn(){if(this._ref){const t=void 0;let s=this.abortController;s||(s=new AbortController,this.abortController=s),F(this._ref,{value:this.value,defaultValue:t},(t=>{this.handleChange(t,!0),this.handleInput(t,!0)}),s.signal)}}watch4(){this.watch4Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-input"),this.resetIds(),this._invalidMessage=this.invalidMessage||m,this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn()}disconnectedCallback(){var t;null===(t=this.abortController)||void 0===t||t.abort()}render(){var t,i,d,l,n,c,m,y;return s("div",{key:"11019c4d0b1eee6662b27c5a3ac9553e0abf846d",class:a("db-input",this.className),"data-variant":this.variant,"data-hide-label":f(this.showLabel),"data-show-icon":e(null!==(t=this.showIconLeading)&&void 0!==t?t:this.showIcon),"data-icon":null!==(i=this.iconLeading)&&void 0!==i?i:this.icon,"data-icon-trailing":this.iconTrailing,"data-hide-asterisk":f(this.showRequiredAsterisk),"data-show-icon-trailing":e(this.showIconTrailing)},s("label",{key:"0f9044b91e5787d32846d279571359c5d057e1a6",htmlFor:this._id},null!==(d=this.label)&&void 0!==d?d:$),s("input",{key:"dfac37e9f7115c015f61ea7db1ac28776a68706e","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:h(this.multiple,"multiple"),accept:this.accept,placeholder:null!==(l=this.placeholder)&&void 0!==l?l:x,disabled:h(this.disabled,"disabled"),required:h(this.required,"required"),step:b(this.step),value:null!==(n=this.value)&&void 0!==n?n:this._value,maxLength:u(this.maxLength,this.maxlength),minLength:u(this.minLength,this.minlength),max:r(this.max,this.type),min:r(this.min,this.type),readOnly:h(this.readOnly,"readOnly")||h(this.readonly,"readonly"),form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:h(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!==(m=this.type)&&void 0!==m?m:"")&&v()?"textbox":void 0}),this.dataList?s("datalist",{id:this._dataListId},null===(y=this.getDataList())||void 0===y?void 0:y.map((t=>s("option",{key:this._dataListId+"-option-"+t.value,value:t.value},t.label)))):null,s("slot",{key:"24e1c8d5ba95fa035c2fbeba5881776e7b8310f0"}),o(this.message,this.showMessage)?s("db-infotext",{size:this.messageSize||"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{semantic:"successful",id:this._validMessageId,size:this.validMessageSize||"small"},this.validMessage||g):null,s("db-infotext",{key:"8c339f6481cf16148115bc8333023b93160f703f",semantic:"critical",id:this._invalidMessageId,size:this.invalidMessageSize||"small"},this._invalidMessage),s("span",{key:"1d9bfaf96452dd8487a6e10ada99aec33f6b5e52","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch4:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],value:[{watch3:0}]}}},A=class{constructor(s){t(this,s),this.remove=i(this,"remove")}handleRemove(t){t&&(t.stopPropagation(),this.remove&&this.remove.emit(t))}getRemoveButtonText(){return this.removeButton?this.removeButton:_}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 h=s.item(a);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tag")}render(){var t,i,h;return s("div",{key:"61faefa2e89ddb597fcca3cb12f7d31c337e556a",class:a("db-tag",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-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":e(null===(h=this.showCheckState)||void 0===h||h),"data-show-icon":e(this.showIcon),"data-no-text":e(this.noText),"data-overflow":e(this.overflow)},s("slot",{key:"e5650c1151f1e86f51138c5e8b292e780bf7544b",name:"content"}),s("slot",{key:"e4023db11c7b59964b4df105eb3af969ba3d558a"}),this.text?this.text:null,"removable"===this.behavior?s("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)},s("db-tooltip",{variant:"label"},this.getRemoveButtonText())):null)}};export{C as db_custom_select_dropdown,L as db_custom_select_list,j as db_custom_select_list_item,D as db_input,A as db_tag}

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

@@ -0,0 +1 @@
+import{r as s,c as t,h as a}from"./p-BjIPMjCM.js";import{c as i}from"./p-xkoBSP8R.js";const d=class{constructor(a){s(this,a),this.click=t(this,"click")}handleClick(s){this.click&&this.click.emit(s)}enableAttributePassing(s,t){const a=null==s?void 0:s.closest(t);if(s&&a){const t=a.attributes;for(let i=0;i<t.length;i++){const d=t.item(i);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))s.setAttribute(d.name,d.value),a.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)s.setAttribute(d.name,d.value),a.removeAttribute(d.name);else if(d&&"class"===d.name){const t=d.value.includes("hydrated"),i=d.value.replace("hydrated","").trim(),e=s.getAttribute("class");s.setAttribute(d.name,`${e?`${e} `:""}${i}`),t?a.setAttribute("class","hydrated"):a.removeAttribute(d.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-card")}render(){var s,t;return a("div",{key:"252e6e05d1f5fdef212ae943b0d4d4121a52f5d6",class:i("db-card",this.className),ref:s=>{this._ref=s},id:null!==(s=this.id)&&void 0!==s?s:null===(t=this.propOverrides)||void 0===t?void 0:t.id,"data-behavior":this.behavior,"data-elevation-level":this.elevationLevel,"data-spacing":this.spacing,onClick:s=>this.handleClick(s)},a("slot",{key:"862fd715856bb6ef858c274c9c916bc7f4250051"}))}};export{d as db_card}

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

@@ -0,0 +1 @@
+import{r as t,c as s,h as i}from"./p-BjIPMjCM.js";import{g as a,e as d,c as o}from"./p-xkoBSP8R.js";const h=class{constructor(i){t(this,i),this.click=s(this,"click")}getButtonType(){return this.type?this.type:this.click?"button":"submit"}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 d=s.item(a);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))t.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)t.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"class"===d.name){const s=d.value.includes("hydrated"),a=d.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(d.name,`${o?`${o} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(d.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-button")}render(){var t,s,h,n;return i("button",{key:"61179d6427e5c3245c1cfe539f2a0dce9b22ba1d",class:o("db-button",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,type:this.getButtonType(),disabled:d(this.disabled,"disabled"),"data-icon":null!==(h=this.iconLeading)&&void 0!==h?h:this.icon,"data-show-icon":a(null!==(n=this.showIconLeading)&&void 0!==n?n:this.showIcon),"data-icon-trailing":this.iconTrailing,"data-show-icon-trailing":a(this.showIconTrailing),"data-size":this.size,"data-width":this.width,"data-variant":this.variant,"data-wrap":a(this.wrap),"data-no-text":a(this.noText),name:this.name,form:this.form,value:this.value},this.text?this.text:i("slot",null))}};export{h as db_button}

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

@@ -0,0 +1 @@
+const n=()=>{var n,e;if("undefined"!=typeof window){if(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)return window.crypto.randomUUID();if(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)return window.crypto.getRandomValues(new Uint32Array(3)).join("-")}return Math.random().toString().substring(2)},e=(n,r)=>{Object.values(n.children).forEach((n=>{n.setAttribute(r.key,r.value),n.children.length>0&&e(n,r)}))},r=(...n)=>{let e="";for(const r of n)if(r)if("string"==typeof r)e+=`${r} `;else for(const n in r)r[n]&&(e+=`${n} `);return e.trim()},i=n=>Array.isArray(n)&&n.every((n=>"string"==typeof n)),t=["Mac","iPhone","iPad","iPod"],a=()=>"undefined"!=typeof window&&t.some((n=>window.navigator.userAgent.includes(n))),o=()=>{if("undefined"==typeof window||"undefined"==typeof navigator)return!1;const n=navigator.userAgent,e=/iP(ad|hone|od)/.test(n),r=!!n.match(/Safari/)&&!n.match(/CriOS|FxiOS|OPiOS|EdgiOS/);return e&&r},u=(n,e)=>new Promise((()=>setTimeout(n,e))),s=n=>{if(null!=n)return String("string"==typeof n?"true"===n:n)},l=(n,e)=>{if(null!=n)return"string"==typeof n?Boolean(e===n||"true"===n):Boolean(n)},f=(n,e)=>{if(null!=n||null!=e)return Number(null!=n?n:e)},d=n=>{if(null!=n)return"any"===n?"any":Number(n)},c=(n,e)=>e&&["number","range"].includes(e)?f(n):n,w=n=>"string"==typeof n?"true"===n:n,y=n=>{if(null!=n)return s(!w(n))},p=(n,e)=>void 0===e?!!n:w(e)&&Boolean(n),v=n=>n.querySelector('input[type="search"]'),g=(e,r)=>{var i,t;return`${r}${null!==(t=null!==(i=e.id)&&void 0!==i?i:e.value)&&void 0!==t?t:n()}`},m=n=>void 0!==n.key,h=({semantic:n,role:e,ariaLive:r})=>{if(e)return e;if(r)return"article";switch(n){case"critical":case"warning":return"alert";case"informational":case"successful":return"status";default:return"article"}};export{e as a,o as b,r as c,u as d,l as e,f,s as g,a as h,i,d as j,c as k,y as l,v as m,g as n,m as o,h as p,p as s,n as u}

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-Crtu1dn6.js';
-import { g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
+import { r as registerInstance, c as createEvent, h } from './index-BjIPMjCM.js';
+import { g as getBooleanAsString, c as cls } from './index-xkoBSP8R.js';
 
 const DBAccordionItem = class {
     constructor(hostRef) {
@@ -88,9 +88,10 @@ const DBAccordionItem = class {
         this.watch1Fn();
     }
     render() {
-        return (h("li", { key: '3d451c7de0d3bbc3638c70a2955c450ff014ac9c', class: cls("db-accordion-item", this.className), id: this.id }, h("details", { key: '15e159f6dc3f0e08dce955d088b6cce4b3899125', "aria-disabled": getBooleanAsString(this.disabled), ref: (el) => {
+        var _a, _b;
+        return (h("li", { key: '3f7c64593e783768fdfc575b020a6252c5e68393', 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: '6b6e78645d2cdbc59415abedb59c761df5b7af59', "aria-disabled": getBooleanAsString(this.disabled), ref: (el) => {
                 this._ref = el;
-            }, name: this._name, open: this._open }, h("summary", { key: 'd8338436859a61a032b5ec779c249e4af58689eb', onClick: (event) => this.handleToggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? h("slot", { name: "headline" }) : null), h("div", { key: 'de1fbd85cf4ccc2e3ee0aa87d0232292f25376cc' }, this.text ? this.text : h("slot", null)))));
+            }, name: this._name, open: this._open }, h("summary", { key: 'bedf3e8a9555637cf990886e14e1f78d81c8a733', onClick: (event) => this.handleToggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? h("slot", { name: "headline" }) : null), h("div", { key: '1679dbd607f9f63af890b1e402e38cb9aa2929af' }, this.text ? this.text : h("slot", null)))));
     }
     static get watchers() { return {
         "_ref": [{

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-Crtu1dn6.js';
-import { u as uuid, c as cls } from './index-C4x0SOcx.js';
+import { r as registerInstance, h } from './index-BjIPMjCM.js';
+import { u as uuid, c as cls } from './index-xkoBSP8R.js';
 
 const DBAccordion = class {
     constructor(hostRef) {
@@ -127,11 +127,11 @@ const DBAccordion = class {
         this.watch2Fn();
     }
     render() {
-        var _a;
-        return (h("ul", { key: '7a53323d44434d5996ec63b36c1f3c0f5791c0e1', class: cls("db-accordion", this.className), ref: (el) => {
+        var _a, _b, _c;
+        return (h("ul", { key: 'edef9c59c72278c614826ba8a7b67699080a078a', 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
-            ? (_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 })))
+            }, 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 })))
             : null));
     }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-Crtu1dn6.js';
+import { r as registerInstance, h } from './index-BjIPMjCM.js';
 import { a as DEFAULT_LABEL } from './constants-BdL-nI5y.js';
-import { c as cls } from './index-C4x0SOcx.js';
+import { g as getBooleanAsString, c as cls } from './index-xkoBSP8R.js';
 
 const DBBadge = class {
     constructor(hostRef) {
@@ -67,10 +67,10 @@ const DBBadge = class {
         this.watch0Fn();
     }
     render() {
-        var _a, _b;
-        return (h("span", { key: 'a7f9f4fadf050ee85d7fd4cd0a0d4059b62f4feb', class: cls("db-badge", this.className), ref: (el) => {
+        var _a, _b, _c, _d;
+        return (h("span", { key: 'c566e49b9d78c51fe2615eb8b55182997485e5bb', class: cls("db-badge", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this.id, "data-semantic": this.semantic, "data-size": this.size, "data-emphasis": this.emphasis, "data-placement": this.placement, "data-label": ((_a = this.placement) === null || _a === void 0 ? void 0 : _a.startsWith("corner")) && ((_b = this.label) !== null && _b !== void 0 ? _b : DEFAULT_LABEL) }, this.text ? this.text : h("slot", null)));
+            }, 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), "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 : h("slot", null)));
     }
     static get watchers() { return {
         "_ref": [{

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-Crtu1dn6.js';
+import { r as registerInstance, h } from './index-BjIPMjCM.js';
 import { q as DEFAULT_ICON } from './constants-BdL-nI5y.js';
-import { g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
+import { g as getBooleanAsString, c as cls } from './index-xkoBSP8R.js';
 
 const DBBrand = class {
     constructor(hostRef) {
@@ -46,10 +46,10 @@ const DBBrand = class {
         this.enableAttributePassing(this._ref, "db-brand");
     }
     render() {
-        var _a;
-        return (h("div", { key: '0d5da13b94918698efe2d8bc1adbbe293403ee3b', class: cls("db-brand", this.className), ref: (el) => {
+        var _a, _b, _c;
+        return (h("div", { key: 'fc41608ac72c69c17542343ce283c584b3e5c3f5', 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), id: this.id }, this.text ? this.text : h("slot", null)));
+            }, "data-icon": this.hideLogo ? "none" : (_a = this.icon) !== null && _a !== void 0 ? _a : DEFAULT_ICON, "data-show-icon": getBooleanAsString(this.showIcon), id: (_b = this.id) !== null && _b !== void 0 ? _b : (_c = this.propOverrides) === null || _c === void 0 ? void 0 : _c.id }, this.text ? this.text : h("slot", null)));
     }
 };
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-Crtu1dn6.js';
-import { g as getBooleanAsString, e as getBoolean, c as cls } from './index-C4x0SOcx.js';
+import { r as registerInstance, c as createEvent, h } from './index-BjIPMjCM.js';
+import { g as getBooleanAsString, e as getBoolean, c as cls } from './index-xkoBSP8R.js';
 
 const DBButton = class {
     constructor(hostRef) {
@@ -55,10 +55,10 @@ const DBButton = class {
         this.enableAttributePassing(this._ref, "db-button");
     }
     render() {
-        var _a, _b;
-        return (h("button", { key: '952146baca92fb27e48b5369b9aed2ca5ef0e057', class: cls("db-button", this.className), ref: (el) => {
+        var _a, _b, _c, _d;
+        return (h("button", { key: '61179d6427e5c3245c1cfe539f2a0dce9b22ba1d', class: cls("db-button", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this.id, type: this.getButtonType(), disabled: getBoolean(this.disabled, "disabled"), "data-icon": (_a = this.iconLeading) !== null && _a !== void 0 ? _a : this.icon, "data-show-icon": getBooleanAsString((_b = this.showIconLeading) !== null && _b !== void 0 ? _b : this.showIcon), "data-icon-trailing": this.iconTrailing, "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing), "data-size": this.size, "data-width": this.width, "data-variant": this.variant, "data-no-text": getBooleanAsString(this.noText), name: this.name, form: this.form, value: this.value }, this.text ? this.text : h("slot", null)));
+            }, 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((_d = this.showIconLeading) !== null && _d !== void 0 ? _d : this.showIcon), "data-icon-trailing": this.iconTrailing, "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing), "data-size": this.size, "data-width": this.width, "data-variant": this.variant, "data-wrap": getBooleanAsString(this.wrap), "data-no-text": getBooleanAsString(this.noText), name: this.name, form: this.form, value: this.value }, this.text ? this.text : h("slot", null)));
     }
 };
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-Crtu1dn6.js';
-import { c as cls } from './index-C4x0SOcx.js';
+import { r as registerInstance, c as createEvent, h } from './index-BjIPMjCM.js';
+import { c as cls } from './index-xkoBSP8R.js';
 
 const DBCard = class {
     constructor(hostRef) {
@@ -51,9 +51,10 @@ const DBCard = class {
         this.enableAttributePassing(this._ref, "db-card");
     }
     render() {
-        return (h("div", { key: 'bd0f8bb8e254da7ac028b05ca73329189111c4a1', class: cls("db-card", this.className), ref: (el) => {
+        var _a, _b;
+        return (h("div", { key: '252e6e05d1f5fdef212ae943b0d4d4121a52f5d6', class: cls("db-card", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this.id, "data-behavior": this.behavior, "data-elevation-level": this.elevationLevel, "data-spacing": this.spacing, onClick: (event) => this.handleClick(event) }, h("slot", { key: '1ccf3a3ec5e169032692bd47443e36ae11592ab4' })));
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-behavior": this.behavior, "data-elevation-level": this.elevationLevel, "data-spacing": this.spacing, onClick: (event) => this.handleClick(event) }, h("slot", { key: '862fd715856bb6ef858c274c9c916bc7f4250051' })));
     }
 };
 

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h } from './index-Crtu1dn6.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';
+import { r as registerInstance, c as createEvent, h } from './index-BjIPMjCM.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, c as cls } from './index-xkoBSP8R.js';
+import { a as addCheckedResetEventListener } from './form-components-D6LQfJvq.js';
 
 const DBCheckbox = class {
     constructor(hostRef) {
@@ -69,6 +69,14 @@ const DBCheckbox = class {
             this.focus.emit(event);
         }
     }
+    resetIds() {
+        var _a, _b, _c;
+        const mId = (_c = (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : `checkbox-${uuid()}`;
+        this._id = mId;
+        this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;
+        this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;
+        this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;
+    }
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -106,16 +114,25 @@ const DBCheckbox = class {
         }
     }
     watch0Fn() {
+        var _a, _b;
+        if ((_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id) {
+            this.resetIds();
+        }
+    }
+    watch0() {
+        this.watch0Fn();
+    }
+    watch1Fn() {
         var _a;
         this._invalidMessage =
             this.invalidMessage ||
                 ((_a = this._ref) === null || _a === void 0 ? void 0 : _a.validationMessage) ||
                 DEFAULT_INVALID_MESSAGE;
     }
-    watch0() {
-        this.watch0Fn();
+    watch1() {
+        this.watch1Fn();
     }
-    watch1Fn() {
+    watch2Fn() {
         if (this._id) {
             const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;
             this._messageId = messageId;
@@ -127,10 +144,10 @@ const DBCheckbox = class {
             this.handleValidation();
         }
     }
-    watch1() {
-        this.watch1Fn();
+    watch2() {
+        this.watch2Fn();
     }
-    watch2Fn() {
+    watch3Fn() {
         if (this._ref) {
             if (this.indeterminate !== undefined) {
                 // When indeterminate is set, the value of the checked prop only impacts the form submitted values.
@@ -139,10 +156,10 @@ const DBCheckbox = class {
             }
         }
     }
-    watch2() {
-        this.watch2Fn();
+    watch3() {
+        this.watch3Fn();
     }
-    watch3Fn() {
+    watch4Fn() {
         if (this.initialized && this._ref) {
             // in angular this must be set via native element
             if (this.checked != undefined) {
@@ -151,10 +168,10 @@ const DBCheckbox = class {
             this.initialized = false;
         }
     }
-    watch3() {
-        this.watch3Fn();
+    watch4() {
+        this.watch4Fn();
     }
-    watch4Fn() {
+    watch5Fn() {
         if (this._ref) {
             const defaultChecked = undefined;
             let controller = this.abortController;
@@ -170,24 +187,20 @@ const DBCheckbox = class {
             }, controller.signal);
         }
     }
-    watch4() {
-        this.watch4Fn();
+    watch5() {
+        this.watch5Fn();
     }
     componentDidLoad() {
-        var _a;
         this.enableAttributePassing(this._ref, "db-checkbox");
         this.initialized = true;
-        const mId = (_a = this.id) !== null && _a !== void 0 ? _a : `checkbox-${uuid()}`;
-        this._id = mId;
-        this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;
-        this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;
-        this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;
+        this.resetIds();
         this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;
         this.watch0Fn();
         this.watch1Fn();
         this.watch2Fn();
         this.watch3Fn();
         this.watch4Fn();
+        this.watch5Fn();
     }
     disconnectedCallback() {
         var _a;
@@ -195,36 +208,42 @@ const DBCheckbox = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '14207f00c5b68441e94201de7569324756b657d7', class: cls("db-checkbox", this.className), "data-size": this.size, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: '577bdb32a38254f72a969d6da16fb220c620e156', htmlFor: this._id }, h("input", { key: 'ecbed0f4b8347617f2cc6d017b09a56d495b922d', type: "checkbox", "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
+        return (h("div", { key: '4238fbd4e76d437554f9b6164d007f1039d4de80', class: cls("db-checkbox", this.className), "data-size": this.size, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: '8d8743528e8ef8d117233e5de2957a78e37b0436', htmlFor: this._id }, h("input", { key: '631676480151dd94bca3c10cd1ccaf29f307b235', type: "checkbox", "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
                 this._ref = el;
-            }, id: this._id, name: this.name, checked: getBoolean(this.checked, "checked"), disabled: getBoolean(this.disabled, "disabled"), value: this.value, required: getBoolean(this.required, "required"), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), "aria-describedby": (_a = this.ariaDescribedBy) !== null && _a !== void 0 ? _a : this._descByIds }), this.label ? this.label : h("slot", null)), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: 'eae86bcaa2fe6e0fe39249fa5f9a7ae13e172f63', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '420c4244393b3ee266c374db1662dacfa43a0bce', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+            }, id: this._id, name: this.name, checked: getBoolean(this.checked, "checked"), disabled: getBoolean(this.disabled, "disabled"), value: this.value, required: getBoolean(this.required, "required"), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), "aria-describedby": (_a = this.ariaDescribedBy) !== null && _a !== void 0 ? _a : this._descByIds }), this.label ? this.label : h("slot", null)), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '986898b076efd93c970c6656ff44f9b949a63c1c', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '651eadfb4cbeaa60405335c76aef0c671b02851c', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get watchers() { return {
-        "_ref": [{
+        "id": [{
                 "watch0": 0
-            }, {
-                "watch2": 0
+            }],
+        "propOverrides?.id": [{
+                "watch0": 0
+            }],
+        "_ref": [{
+                "watch1": 0
             }, {
                 "watch3": 0
             }, {
                 "watch4": 0
+            }, {
+                "watch5": 0
             }],
         "invalidMessage": [{
-                "watch0": 0
+                "watch1": 0
             }],
         "_id": [{
-                "watch1": 0
+                "watch2": 0
             }],
         "initialized": [{
-                "watch2": 0
-            }, {
                 "watch3": 0
+            }, {
+                "watch4": 0
             }],
         "indeterminate": [{
-                "watch2": 0
+                "watch3": 0
             }],
         "checked": [{
-                "watch3": 0
+                "watch4": 0
             }]
     }; }
 };

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

@@ -0,0 +1,55 @@
+import { r as registerInstance, h } from './index-BjIPMjCM.js';
+import { g as getBooleanAsString, c as cls } from './index-xkoBSP8R.js';
+
+const DBCustomButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    enableAttributePassing(element, customElementSelector) {
+        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
+        if (element && parent) {
+            const attributes = parent.attributes;
+            for (let i = 0; i < attributes.length; i++) {
+                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);
+                    parent.removeAttribute(attr.name);
+                }
+                else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                else if (attr && attr.name === "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}`);
+                    if (isWebComponent) {
+                        // Stencil is using this class for lazy loading component
+                        parent.setAttribute("class", "hydrated");
+                    }
+                    else {
+                        parent.removeAttribute(attr.name);
+                    }
+                }
+            }
+        }
+    }
+    componentDidLoad() {
+        this.enableAttributePassing(this._ref, "db-custom-button");
+    }
+    render() {
+        var _a, _b, _c, _d;
+        return (h("div", { key: '3360941151b3648c3b03e8d1e231798e751b6445', class: cls("db-custom-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, "data-icon": (_c = this.iconLeading) !== null && _c !== void 0 ? _c : this.icon, "data-show-icon": getBooleanAsString((_d = this.showIconLeading) !== null && _d !== void 0 ? _d : this.showIcon), "data-icon-trailing": this.iconTrailing, "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing), "data-size": this.size, "data-width": this.width, "data-variant": this.variant, "data-no-text": getBooleanAsString(this.noText) }, h("slot", { key: '5991018ad35e6c9e04febd57a3affb0d0f81513f' })));
+    }
+};
+
+export { DBCustomButton as db_custom_button };