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

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

@@ -0,0 +1 @@
+import{r as t,c as s,h as i}from"./p-Bs7RfNRP.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:"aa5a73d9a5f1482623ebdb8a79846b478ecf9fd1",class:d("db-tab-item",this.className),role:"none"},i("label",{key:"b6148c23f64ffd2d9153db7e8e3d39a90f009da3",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:"c7d167364eaa4f9cee156d9260553b14d60ffb13",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:"aab78a92118a8ea9b7ffcb446ead8211294a6e6c"})))}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:"9d2121250cb2a12971ea33774d8ff9e79117d18e",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:"db93a3777f11ee39e15633b0b5ae501b0526d73d",role:"tablist"},i("slot",{key:"14d45a6c1693c5c2bdb2d422397e6ddeb93bf5b3"})))}},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:"3cae700e240af4818416120b8c85fc91839c7fa1",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:"25595de165921a31119ffd785bd5c569c42fa557"}))}};export{h as db_tab_item,l as db_tab_list,n as db_tab_panel}

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

@@ -0,0 +1 @@
+import{r as t,h as i}from"./p-Bs7RfNRP.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-DfYL98sI.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:"3340b8840c8d749852c69311cf4a28d5bc4c9252",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:"b20207e24fe5999249505cb8a5543ae853425ae2"}))}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-cd8557dd.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as s}from"./p-Bs7RfNRP.js";import{l as h,f as a,g as d,h as e,k as l}from"./p-BdL-nI5y.js";import{h as o,d as n,s as c,u as r,e as v,l as u,g as f,c as w}from"./p-xkoBSP8R.js";import{a as b}from"./p-D5mInaY7.js";const m=class{constructor(s){i(this,s),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._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,d,e;return(null===(t=null===(i=this._ref)||void 0===i?void 0:i.validity)||void 0===t?void 0:t.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(d=null===(a=this._ref)||void 0===a?void 0:a.validity)||void 0===d?void 0:d.valid)&&this.required?(this._descByIds=this._validMessageId,void(o()&&(this._voiceOverFallback=null!==(e=this.validMessage)&&void 0!==e?e:l,n((()=>{this._voiceOverFallback=""}),1e3)))):void(this._descByIds=c(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)||h,void(o()&&(this._voiceOverFallback=this._invalidMessage||h,n((()=>{this._voiceOverFallback=""}),1e3))))}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)}handleKeyDown(i){var t;"Enter"===i.key&&(i.preventDefault(),this.disabled||null===(t=this._ref)||void 0===t||t.click())}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:`switch-${r()}`;this._id=h,this._messageId=`${h}${a}`,this._validMessageId=`${h}${d}`,this._invalidMessageId=`${h}${e}`}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(),d=i.getAttribute("class");i.setAttribute(a.name,`${d?`${d} `:""}${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(){this.handleValidation()}watch1(){this.watch1Fn()}watch2Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||h}watch2(){this.watch2Fn()}watch3Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),b(this._ref,{checked:this.checked,defaultChecked:i},(i=>{this.handleChange(i,!0)}),t.signal)}}watch3(){this.watch3Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-switch"),this.resetIds(),this.handleValidation(),this._invalidMessage=this.invalidMessage||h,this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn()}disconnectedCallback(){var i;null===(i=this.abortController)||void 0===i||i.abort()}render(){var i,t;return s("div",{key:"5d55932625984fa62f0ee9d86f3d89f5b63f9072",class:w("db-switch",this.className),"data-visual-aid":f(this.visualAid),"data-size":this.size,"data-hide-label":u(this.showLabel),"data-variant":this.variant,"data-hide-asterisk":u(this.showRequiredAsterisk),"data-custom-validity":this.validation},s("label",{key:"711ab3c882dbd490e19400ecf5d926f5bf80e95e",htmlFor:this._id},s("input",{key:"aa50031870b7ee76e1f1e6f9bd5dd14b9013de18",type:"checkbox",role:"switch",id:this._id,ref:i=>{this._ref=i},checked:v(this.checked,"checked"),value:this.value,disabled:v(this.disabled,"disabled"),"aria-invalid":"invalid"===this.validation?"true":void 0,"aria-describedby":this._descByIds,name:this.name,required:v(this.required,"required"),"data-aid-icon":null!==(i=this.iconLeading)&&void 0!==i?i:this.icon,"data-aid-icon-trailing":this.iconTrailing,onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),onKeyDown:i=>this.handleKeyDown(i)}),this.label?this.label:s("slot",null)),c(this.message,this.showMessage)?s("db-infotext",{size:"small",semantic:"adaptive",id:this._messageId,icon:this.messageIcon},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},null!==(t=this.validMessage)&&void 0!==t?t:l):null,s("db-infotext",{key:"95f846f3de48f29bef0406c3c19d0314a2a0cfc6",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"297a64a0c5b5faf97a3f685ab78eea7145fe700e","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],validation:[{watch1:0}],required:[{watch1:0}],message:[{watch1:0}],showMessage:[{watch1:0}],validMessage:[{watch1:0}],invalidMessage:[{watch1:0},{watch2:0}],checked:[{watch1:0}],_ref:[{watch2:0},{watch3:0}]}}};export{m as db_switch}

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

@@ -0,0 +1 @@
+import{r as t,h as i}from"./p-Bs7RfNRP.js";import{u as s,c as a}from"./p-xkoBSP8R.js";const h=class{constructor(i){t(this,i),this._name="",this.initialized=!1,this._initOpenIndexDone=!1}convertItems(){try{return"string"==typeof this.items?JSON.parse(this.items):this.items}catch(t){console.error(t)}return[]}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 h=i.item(a);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){this.initialized&&("single"===this.behavior?this.name?this._name!==this.name&&(this._name=this.name):this._name=`accordion-${s()}`:this._name="")}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this._ref){const i=this._ref.getElementsByTagName("details");if(i)for(const s of Array.from(i))""===this._name?s.removeAttribute("name"):s.name=null!==(t=this._name)&&void 0!==t?t:""}}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref&&this._initOpenIndexDone){if(this.initOpenIndex&&this.initOpenIndex.length>0){const t=this._ref.getElementsByTagName("details");if(t){const i="single"===this.behavior&&this.initOpenIndex.length>1?[this.initOpenIndex[0]]:this.initOpenIndex;Array.from(t).forEach(((t,s)=>{(null==i?void 0:i.includes(s))&&(t.open=!0)}))}}this._initOpenIndexDone=!1}}watch2(){this.watch2Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-accordion"),this.initialized=!0,this._initOpenIndexDone=!0,this.watch0Fn(),this.watch1Fn(),this.watch2Fn()}render(){var t,s,h;return i("ul",{key:"ea919e6fa79f820a40ece5ee3305dad84f113d1d",class:a("db-accordion",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-variant":this.variant},this.items?null:i("slot",null),this.items?null===(h=this.convertItems())||void 0===h?void 0:h.map(((t,s)=>i("db-accordion-item",{key:`accordion-item-${s}`,headlinePlain:t.headlinePlain,disabled:t.disabled,text:t.text}))):null)}static get watchers(){return{initialized:[{watch0:0}],name:[{watch0:0}],behavior:[{watch0:0}],_ref:[{watch1:0},{watch2:0}],_name:[{watch1:0}],_initOpenIndexDone:[{watch2:0}],initOpenIndex:[{watch2:0}]}}};export{h as db_accordion}

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

@@ -0,0 +1 @@
+import{r as i,c as t,h as s}from"./p-Bs7RfNRP.js";import{l as h,f as a,g as d,h as e,k as l,b as n,r as o,a as c}from"./p-BdL-nI5y.js";import{h as r,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,r()&&(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,r()&&(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+d,this._invalidMessageId=h+e}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(),d=i.getAttribute("class");i.setAttribute(a.name,`${d?`${d} `:""}${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+d,this._invalidMessageId=this._id+e,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,d;return s("div",{key:"393d0c53d9c4566418ac057d776c17b3f17c32aa",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:"a899bcdffbffcdeef71bd1a62c4d0e3d5e4bbecc",htmlFor:this._id},null!==(i=this.label)&&void 0!==i?i:c),s("textarea",{key:"e21b1f05254885af4ff600ad4ffeb691040074d1","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!==(d=this.placeholder)&&void 0!==d?d: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:"9067bf72dc0406d8fa9365d57f6289aabdccc507",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"85655aea65cece93bbc6fbc5d50b8849548a4365","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-e19f2640.entry.js

@@ -0,0 +1 @@
+import{r as t,h as s}from"./p-Bs7RfNRP.js";import{a}from"./p-BdL-nI5y.js";import{g as i,c as e}from"./p-xkoBSP8R.js";const d=class{constructor(s){t(this,s),this.initialized=!1}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 e=s.item(i);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))t.setAttribute(e.name,e.value),a.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)t.setAttribute(e.name,e.value),a.removeAttribute(e.name);else if(e&&"class"===e.name){const s=e.value.includes("hydrated"),i=e.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`),s?a.setAttribute("class","hydrated"):a.removeAttribute(e.name)}}}}watch0Fn(){var t;if(this._ref&&this.initialized&&(null===(t=this.placement)||void 0===t?void 0:t.startsWith("corner"))){let t=this._ref.parentElement;t&&t.localName.includes("badge")&&(t=t.parentElement),t&&(t.dataset.hasBadge="true")}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-badge"),this.initialized=!0,this.watch0Fn()}render(){var t,d,h,r;return s("span",{key:"285ff83ac5c79c7e1c6328aba89e1825f57dd78a",class:e("db-badge",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-semantic":this.semantic,"data-size":this.size,"data-emphasis":this.emphasis,"data-placement":this.placement,"data-wrap":i(this.wrap),"data-label":(null===(h=this.placement)||void 0===h?void 0:h.startsWith("corner"))&&(null!==(r=this.label)&&void 0!==r?r:a)},this.text?this.text:s("slot",null))}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}]}}};export{d as db_badge}

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

@@ -0,0 +1 @@
+import{r as s,h as t}from"./p-Bs7RfNRP.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:"6085ef73845be698561795af1a69cee864b31b7d",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-e6b17374.entry.js

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

package/dist/db-ux/{p-64264628.entry.js → p-ea7219af.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,F as a}from"./p-Crtu1dn6.js";import{u as n,c as o}from"./p-C4x0SOcx.js";const h=class{constructor(s){t(this,s),this.indexChange=i(this,"indexChange"),this.tabSelect=i(this,"tabSelect"),this._name="",this.initialized=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.scrollContainer=null,this._resizeObserver=void 0}convertTabs(){try{return"string"==typeof this.tabs?JSON.parse(this.tabs):this.tabs}catch(t){console.error(t)}return[]}evaluateScrollButtons(t){const i=t.scrollWidth>t.clientWidth;this.showScrollLeft=i&&t.scrollLeft>1,this.showScrollRight=i&&t.scrollLeft<t.scrollWidth-t.clientWidth}scroll(t){var i;let s=Number(this.arrowScrollDistance)||100;t&&(s*=-1),null===(i=this.scrollContainer)||void 0===i||i.scrollBy({top:0,left:s,behavior:"smooth"})}initTabList(){if(this._ref){const t=this._ref.querySelector(".db-tab-list");if(t){const i=t.querySelector('[role="tablist"]');if(i&&(i.setAttribute("aria-orientation",this.orientation||"horizontal"),"arrows"===this.behavior&&(this.scrollContainer=i,this.evaluateScrollButtons(i),i.addEventListener("scroll",(()=>{this.evaluateScrollButtons(i)})),!this._resizeObserver))){const t=new ResizeObserver((()=>{this.evaluateScrollButtons(i)}));t.observe(i),this._resizeObserver=t}}}}initTabs(t){if(this._ref){const i=Array.from(this._ref.getElementsByClassName("db-tab-item")),s=Array.from(this._ref.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));for(const a of i){const n=i.indexOf(a),o=a.querySelector("label"),h=a.querySelector("input");if(h&&o){if(!h.id){const t=`${this._name}-tab-${n}`;o.setAttribute("for",t),h.id=t,h.setAttribute("name",this._name),s.length>n&&h.setAttribute("aria-controls",`${this._name}-tab-panel-${n}`)}if(t){const t=!this.initialSelectedMode||"auto"===this.initialSelectedMode,i=null==this.initialSelectedIndex&&0===n||Number(this.initialSelectedIndex)===n;t&&i&&h.click()}}}for(const t of s){if(t.id)continue;const i=s.indexOf(t);t.id=`${this._name}-tab-panel-${i}`,t.setAttribute("aria-labelledby",`${this._name}-tab-${i}`)}}}handleChange(t){var i;if(t.stopPropagation(),t.target){const s=t.target.parentElement;if(s&&s.parentElement&&"LI"===(null===(i=s.parentElement)||void 0===i?void 0:i.nodeName)){const i=s.parentElement.parentElement;if(i){const s=i.parentElement;if(s){const a=Array.from(s.children).indexOf(i);this.indexChange&&this.indexChange.emit(a),this.tabSelect&&this.tabSelect.emit(t)}}}}}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 n=i.item(a);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))t.setAttribute(n.name,n.value),s.removeAttribute(n.name);else if(n&&"data-density"!==n.name&&"class"!==n.name&&"style"===n.name)t.setAttribute(n.name,n.value),s.removeAttribute(n.name);else if(n&&"class"===n.name){const i=n.value.includes("hydrated"),a=n.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(n.name,`${o?`${o} `:""}${a}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(n.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initTabList(),this.initTabs(!0);const t=this._ref.querySelector(".db-tab-list");t&&new MutationObserver((t=>{t.forEach((t=>{(t.removedNodes.length||t.addedNodes.length)&&(this.initTabList(),this.initTabs())}))})).observe(t,{childList:!0,subtree:!0}),this.initialized=!1}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tabs"),this._name=`tabs-${this.name||n()}`,this.initialized=!0,this.watch0Fn()}disconnectedCallback(){var t;null===(t=this._resizeObserver)||void 0===t||t.disconnect(),this._resizeObserver=void 0}render(){var t,i,n,h;return s("div",{key:"d1ce43010fda441bb6190b71624b6f72bb6a2a5b",class:o("db-tabs",this.className),ref:t=>{this._ref=t},id:this.id,"data-orientation":this.orientation,"data-scroll-behavior":this.behavior,"data-alignment":null!==(t=this.alignment)&&void 0!==t?t:"start","data-width":null!==(i=this.width)&&void 0!==i?i:"auto",onInput:t=>this.handleChange(t),onChange:t=>this.handleChange(t)},this.showScrollLeft?s("db-button",{class:"tabs-scroll-left",variant:"ghost",icon:"chevron_left",type:"button",noText:!0,onClick:()=>this.scroll(!0)},"Scroll left"):null,this.tabs?s(a,null,s("db-tab-list",null,null===(n=this.convertTabs())||void 0===n?void 0:n.map(((t,i)=>s("db-tab-item",{key:this.name+"tab-item"+i,active:t.active,label:t.label,iconTrailing:t.iconTrailing,icon:t.icon,noText:t.noText})))),null===(h=this.convertTabs())||void 0===h?void 0:h.map(((t,i)=>s("db-tab-panel",{key:this.name+"tab-panel"+i,content:t.content},t.children)))):null,this.showScrollRight?s("db-button",{class:"tabs-scroll-right",variant:"ghost",icon:"chevron_right",type:"button",noText:!0,onClick:()=>this.scroll()},"Scroll right"):null,s("slot",{key:"2b4836a486ca06290a4fc64cb3922b62cd999add"}))}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}]}}};export{h as db_tabs}
+import{r as t,c as i,h as s,F as a}from"./p-Bs7RfNRP.js";import{u as n,c as o}from"./p-xkoBSP8R.js";const h=class{constructor(s){t(this,s),this.indexChange=i(this,"indexChange"),this.tabSelect=i(this,"tabSelect"),this._name="",this.initialized=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.scrollContainer=null,this._resizeObserver=void 0}convertTabs(){try{return"string"==typeof this.tabs?JSON.parse(this.tabs):this.tabs}catch(t){console.error(t)}return[]}evaluateScrollButtons(t){const i=t.scrollWidth>t.clientWidth;this.showScrollLeft=i&&t.scrollLeft>1,this.showScrollRight=i&&t.scrollLeft<t.scrollWidth-t.clientWidth}scroll(t){var i;let s=Number(this.arrowScrollDistance)||100;t&&(s*=-1),null===(i=this.scrollContainer)||void 0===i||i.scrollBy({top:0,left:s,behavior:"smooth"})}initTabList(){if(this._ref){const t=this._ref.querySelector(".db-tab-list");if(t){const i=t.querySelector('[role="tablist"]');if(i&&(i.setAttribute("aria-orientation",this.orientation||"horizontal"),"arrows"===this.behavior&&(this.scrollContainer=i,this.evaluateScrollButtons(i),i.addEventListener("scroll",(()=>{this.evaluateScrollButtons(i)})),!this._resizeObserver))){const t=new ResizeObserver((()=>{this.evaluateScrollButtons(i)}));t.observe(i),this._resizeObserver=t}}}}initTabs(t){if(this._ref){const i=Array.from(this._ref.getElementsByClassName("db-tab-item")),s=Array.from(this._ref.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));for(const a of i){const n=i.indexOf(a),o=a.querySelector("label"),h=a.querySelector("input");if(h&&o){if(!h.id){const t=`${this._name}-tab-${n}`;o.setAttribute("for",t),h.id=t,h.setAttribute("name",this._name),s.length>n&&h.setAttribute("aria-controls",`${this._name}-tab-panel-${n}`)}if(t){const t=!this.initialSelectedMode||"auto"===this.initialSelectedMode,i=null==this.initialSelectedIndex&&0===n||Number(this.initialSelectedIndex)===n;t&&i&&h.click()}}}for(const t of s){if(t.id)continue;const i=s.indexOf(t);t.id=`${this._name}-tab-panel-${i}`,t.setAttribute("aria-labelledby",`${this._name}-tab-${i}`)}}}handleChange(t){var i;if(t.stopPropagation(),t.target){const s=t.target.parentElement;if(s&&s.parentElement&&"LI"===(null===(i=s.parentElement)||void 0===i?void 0:i.nodeName)){const i=s.parentElement.parentElement;if(i){const s=i.parentElement;if(s){const a=Array.from(s.children).indexOf(i);this.indexChange&&this.indexChange.emit(a),this.tabSelect&&this.tabSelect.emit(t)}}}}}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 n=i.item(a);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))t.setAttribute(n.name,n.value),s.removeAttribute(n.name);else if(n&&"data-density"!==n.name&&"class"!==n.name&&"style"===n.name)t.setAttribute(n.name,n.value),s.removeAttribute(n.name);else if(n&&"class"===n.name){const i=n.value.includes("hydrated"),a=n.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(n.name,`${o?`${o} `:""}${a}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(n.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initTabList(),this.initTabs(!0);const t=this._ref.querySelector(".db-tab-list");t&&new MutationObserver((t=>{t.forEach((t=>{(t.removedNodes.length||t.addedNodes.length)&&(this.initTabList(),this.initTabs())}))})).observe(t,{childList:!0,subtree:!0}),this.initialized=!1}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tabs"),this._name=`tabs-${this.name||n()}`,this.initialized=!0,this.watch0Fn()}disconnectedCallback(){var t;null===(t=this._resizeObserver)||void 0===t||t.disconnect(),this._resizeObserver=void 0}render(){var t,i,n,h,e,l;return s("div",{key:"6d273b967668288248c3853be80261a877d3ae04",class:o("db-tabs",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-orientation":this.orientation,"data-scroll-behavior":this.behavior,"data-alignment":null!==(n=this.alignment)&&void 0!==n?n:"start","data-width":null!==(h=this.width)&&void 0!==h?h:"auto",onInput:t=>this.handleChange(t),onChange:t=>this.handleChange(t)},this.showScrollLeft?s("db-button",{class:"tabs-scroll-left",variant:"ghost",icon:"chevron_left",type:"button",noText:!0,onClick:()=>this.scroll(!0)},"Scroll left"):null,this.tabs?s(a,null,s("db-tab-list",null,null===(e=this.convertTabs())||void 0===e?void 0:e.map(((t,i)=>s("db-tab-item",{key:this.name+"tab-item"+i,active:t.active,label:t.label,iconTrailing:t.iconTrailing,icon:t.icon,noText:t.noText})))),null===(l=this.convertTabs())||void 0===l?void 0:l.map(((t,i)=>s("db-tab-panel",{key:this.name+"tab-panel"+i,content:t.content},t.children)))):null,this.showScrollRight?s("db-button",{class:"tabs-scroll-right",variant:"ghost",icon:"chevron_right",type:"button",noText:!0,onClick:()=>this.scroll()},"Scroll right"):null,s("slot",{key:"04f5d96f32695ae2661ace77827ee783eb0f23d0"}))}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}]}}};export{h as db_tabs}

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-Bs7RfNRP.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: 'd326ba8af9e635f673d1016cd16ef9a9a8b1503c', 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: '6f15470fcdaf103df318c251e941fed9fd79c4ee', "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: 'db41f2b1f85dfdecf9ab37b35b04efb2e83d69af', onClick: (event) => this.handleToggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? h("slot", { name: "headline" }) : null), h("div", { key: '00a6fed4fdb26de2c998d991a6dfaee6caa3ca92' }, 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-Bs7RfNRP.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: 'ea919e6fa79f820a40ece5ee3305dad84f113d1d', 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-Bs7RfNRP.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: '285ff83ac5c79c7e1c6328aba89e1825f57dd78a', 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-Bs7RfNRP.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: '2dbff45d3e8c3dbe6f1993c3401a12f15628984d', 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-Bs7RfNRP.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: '8bd02e4a26046fa1b62f26449e961b2ba7edf377', 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-Bs7RfNRP.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: 'fc177f67efe5de971fcc6eeeb069473788988c1a', 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: 'cffa2e7b3427e279ef5ae1b3d00ff923e5c819c6' })));
     }
 };
 

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-Bs7RfNRP.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: '433618f3dbf837b2b8febeb5b3acd77b0cebbc24', 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: '02b767c372314a2dc32b90fec28a0a2d4caa67c1', htmlFor: this._id }, h("input", { key: '1fc78fbb4079f69ed7bde43097ff3125ec67edf9', 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: '1bc15384adefeb0a9749ebe60ee8e130e9258321', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '9daadc858ce041949b5470e6914c2c22f5a2918e', "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-Bs7RfNRP.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: 'ee954dad8cd0baff52172a1ec9553c43673d0fa4', 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: 'accbe2a436c60ecb945aea8b008453e3a264fd2b' })));
+    }
+};
+
+export { DBCustomButton as db_custom_button };