@db-ux/wc-core-components 4.7.0-tabs-34782eb → 4.7.1

package/dist/db-ux/{p-6c26b0ba.entry.js → p-a65d0d23.entry.js}

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

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

@@ -0,0 +1 @@
+import{r as t,h as i}from"./p-K4o-AcjZ.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-07c7ecc9.entry.js → p-abb0885d.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as a}from"./p-K4o-AcjZ.js";import{s as i}from"./p-BdL-nI5y.js";import{o as e,d,g as h,c}from"./p-xkoBSP8R.js";const o=class{constructor(a){t(this,a),this.close=s(this,"close"),this.initialized=!1}handleClose(t,s){var a;t&&(e(t)?"Escape"===t.key&&(t.preventDefault(),this.close&&this.close.emit(t)):(s&&(t.stopPropagation(),this.close&&this.close.emit(t)),"DIALOG"===(null===(a=t.target)||void 0===a?void 0:a.nodeName)&&"click"===t.type&&"none"!==this.backdrop&&this.close&&this.close.emit(t)))}handleDialogOpen(){if(this._ref){const t=Boolean(this.open);t&&!this._ref.open&&(this.dialogContainerRef&&this.dialogContainerRef.removeAttribute("data-transition"),"absolute"===this.position||"none"===this.backdrop||"inside"===this.variant?this._ref.show():this._ref.showModal(),d((()=>{this.dialogContainerRef&&(this.dialogContainerRef.dataset.transition="open")}),1)),!t&&this._ref.open&&(this.dialogContainerRef&&(this.dialogContainerRef.dataset.transition="close"),d((()=>{var t;null===(t=this._ref)||void 0===t||t.close()}),401))}}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(){this.handleDialogOpen()}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref&&this.initialized&&"absolute"===this.position){const t=this._ref.parentElement;t&&(t.style.position="relative")}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-drawer"),this.handleDialogOpen(),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){var t,s,e;return a("dialog",{key:"a77c684f5435ebc90ca6df7eea30a4c1d6e8756e",class:"db-drawer",id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,ref:t=>{this._ref=t},onClick:t=>this.handleClose(t),onKeyDown:t=>this.handleClose(t),"data-position":this.position,"data-backdrop":this.backdrop,"data-direction":this.direction,"data-variant":this.variant},a("article",{key:"1c9046caa25e030eabdf3fd28d753b9dad127e65",class:c("db-drawer-container",this.className),ref:t=>{this.dialogContainerRef=t},"data-spacing":this.spacing,"data-width":this.width,"data-direction":this.direction,"data-rounded":h(this.rounded)},a("header",{key:"c1a8e4bf257692043ec2aa945d989e086eccc06f",class:"db-drawer-header"},a("div",{key:"b8f5bdf217dae13886ba01a40709b9c30f69cc90",class:"db-drawer-header-text"},a("slot",{key:"21399153c1199194f36647762e9f9d5b2e9a7df7",name:"drawerHeader"})),a("db-button",{key:"a2e1db9ad80a3bd8693f548328aaa9d8ab6295e6",class:"button-close-drawer",icon:"cross",variant:"ghost",id:this.closeButtonId,noText:!0,onClick:t=>this.handleClose(t,!0)},null!==(e=this.closeButtonText)&&void 0!==e?e:i)),a("div",{key:"1d674c4475959d95494badd902d6f0e379adc521",class:"db-drawer-content"},a("slot",{key:"2f387f354572ce09ae5f73117d2930f8a682fc8e"}))))}static get watchers(){return{open:[{watch0:0}],_ref:[{watch1:0}],initialized:[{watch1:0}],position:[{watch1:0}]}}};export{o as db_drawer}
+import{r as t,c as s,h as a}from"./p-K4o-AcjZ.js";import{s as i}from"./p-BdL-nI5y.js";import{o as e,d,g as h,c}from"./p-xkoBSP8R.js";const o=class{constructor(a){t(this,a),this.close=s(this,"close"),this.initialized=!1}handleClose(t,s){var a;t&&(e(t)?"Escape"===t.key&&(t.preventDefault(),this.close&&this.close.emit(t)):(s&&(t.stopPropagation(),this.close&&this.close.emit(t)),"DIALOG"===(null===(a=t.target)||void 0===a?void 0:a.nodeName)&&"click"===t.type&&"none"!==this.backdrop&&this.close&&this.close.emit(t)))}handleDialogOpen(){if(this._ref){const t=Boolean(this.open);t&&!this._ref.open&&(this.dialogContainerRef&&this.dialogContainerRef.removeAttribute("data-transition"),"absolute"===this.position||"none"===this.backdrop||"inside"===this.variant?this._ref.show():this._ref.showModal(),d((()=>{this.dialogContainerRef&&(this.dialogContainerRef.dataset.transition="open")}),1)),!t&&this._ref.open&&(this.dialogContainerRef&&(this.dialogContainerRef.dataset.transition="close"),d((()=>{var t;null===(t=this._ref)||void 0===t||t.close()}),401))}}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(){this.handleDialogOpen()}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref&&this.initialized&&"absolute"===this.position){const t=this._ref.parentElement;t&&(t.style.position="relative")}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-drawer"),this.handleDialogOpen(),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){var t,s,e;return a("dialog",{key:"5980a60cbe0d46868a4a65d853551a25159523f0",class:"db-drawer",id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,ref:t=>{this._ref=t},onClick:t=>this.handleClose(t),onKeyDown:t=>this.handleClose(t),"data-position":this.position,"data-backdrop":this.backdrop,"data-direction":this.direction,"data-variant":this.variant},a("article",{key:"305ff89261e63e2dbe0640fc9be97b330a4b94cf",class:c("db-drawer-container",this.className),ref:t=>{this.dialogContainerRef=t},"data-spacing":this.spacing,"data-width":this.width,"data-direction":this.direction,"data-rounded":h(this.rounded)},a("header",{key:"fe07654ff3c238c6a0eb2f73ff5f8a035ff9232c",class:"db-drawer-header"},a("div",{key:"56eff8cf0d755c027bf72e2319e7897ed3b4b51c",class:"db-drawer-header-text"},a("slot",{key:"ff8378e26a292c20991899764a927aadd5b35ac8",name:"drawerHeader"})),a("db-button",{key:"5300a384462ceb1ac7ac9272bed2ee34f426ccf2",class:"button-close-drawer",icon:"cross",variant:"ghost",id:this.closeButtonId,noText:!0,onClick:t=>this.handleClose(t,!0)},null!==(e=this.closeButtonText)&&void 0!==e?e:i)),a("div",{key:"681bd3593f743539104398e0dbb6628abdd8ae2c",class:"db-drawer-content"},a("slot",{key:"ad9f204d5f0b6b44fec8bfc49f8aa361cbb155d7"}))))}static get watchers(){return{open:[{watch0:0}],_ref:[{watch1:0}],initialized:[{watch1:0}],position:[{watch1:0}]}}};export{o as db_drawer}

package/dist/db-ux/{p-9a895c18.entry.js → p-ba8464d2.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as s,F as h}from"./p-K4o-AcjZ.js";import{l,a as e,m as o,f as a,g as d,h as n,e as c,d as v,i as r,o as u,k as w,c as f,s as b}from"./p-BdL-nI5y.js";import{h as m,d as p,s as y,m as g,u as k,g as A,e as F,l as D,c as x}from"./p-xkoBSP8R.js";import{D as C}from"./p-D_roHmuC.js";import{D as L}from"./p-CHLgQ9vn.js";import{a as S}from"./p-DOPXnIzL.js";import{b as I}from"./p-D5mInaY7.js";const R=class{constructor(s){i(this,s),this.amountChange=t(this,"amountChange"),this.dropdownToggle=t(this,"dropdownToggle"),this.optionSelected=t(this,"optionSelected"),this.search=t(this,"search"),this.showClearSelection=!0,this.clearSelectionText="Clear selection",this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._selectId=void 0,this._labelId=void 0,this._summaryId=void 0,this._placeholderId=void 0,this._infoTextId=void 0,this._validity="no-validation",this._userInteraction=!1,this.abortController=void 0,this._descByIds=void 0,this._selectedLabels="",this._selectedLabelsId=void 0,this._voiceOverFallback="",this._selectedOptions=[],this.selectAllEnabled=!1,this.searchEnabled=!1,this.amountOptions=0,this._values=[],this._options=[],this._hasNoOptions=!1,this._documentClickListenerCallbackId=void 0,this._internalChangeTimestamp=0,this._documentScrollListenerCallbackId=void 0,this._observer=void 0,this._searchValue=void 0,this.selectAllChecked=!1,this.selectAllIndeterminate=!1,this.satisfyReact=function(i){i.stopPropagation()}}handleDocumentScroll(i){var t,s;(null===(t=null==i?void 0:i.target)||void 0===t?void 0:t.contains)&&(null===(s=null==i?void 0:i.target)||void 0===s?void 0:s.contains(this.detailsRef))&&this.handleAutoPlacement()}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,h,e,o,a,d;this.selectRef&&(this.selectRef.value=this.getNativeSelectValue()),(null===(i=this.selectRef)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(h=this.selectRef)||void 0===h?void 0:h.validity.valid)&&this.required?(this.setDescById(this._validMessageId),m()&&(this._voiceOverFallback=null!==(e=this.validMessage)&&void 0!==e?e:w,p((()=>this._voiceOverFallback=""),1e3)),this._validity=null!==(o=this.validation)&&void 0!==o?o:"valid"):y(this.message,this.showMessage)?(this.setDescById(this._messageId),this._validity=null!==(a=this.validation)&&void 0!==a?a:"no-validation"):(this.setDescById(this._placeholderId),this._validity=null!==(d=this.validation)&&void 0!==d?d:"no-validation"):(this.setDescById(this._invalidMessageId),this._invalidMessage=this.invalidMessage||(null===(t=this.selectRef)||void 0===t?void 0:t.validationMessage)||l,m()&&(this._voiceOverFallback=this._invalidMessage,p((()=>this._voiceOverFallback=""),1e3)),this._userInteraction&&(this._validity=null!==(s=this.validation)&&void 0!==s?s:"invalid"))}handleDropdownToggle(i){var t,s;this.dropdownToggle&&(i.stopPropagation(),this.dropdownToggle.emit(i)),i.target instanceof HTMLDetailsElement&&i.target.open?(this._documentClickListenerCallbackId=(new C).addCallback((i=>this.handleDocumentClose(i))),this._documentScrollListenerCallbackId=(new L).addCallback((i=>this.handleDocumentScroll(i))),this.handleAutoPlacement(),null===(t=this._observer)||void 0===t||t.observe(this.detailsRef),i.target.dataset.test||this.handleOpenByKeyboardFocus()):(this._documentClickListenerCallbackId&&(new C).removeCallback(this._documentClickListenerCallbackId),this._documentScrollListenerCallbackId&&(new L).removeCallback(this._documentScrollListenerCallbackId),null===(s=this._observer)||void 0===s||s.unobserve(this.detailsRef))}getNativeSelectValue(){var i,t;return(null===(i=this._values)||void 0===i?void 0:i.length)&&null!==(t=this._values.at(0))&&void 0!==t?t:""}setDescById(i){var t;const s=[];i&&s.push(i),this._selectedLabelsId&&(null===(t=this._selectedLabels)||void 0===t?void 0:t.length)&&s.push(this._selectedLabelsId),this._descByIds=s.join(" ")}getSelectAllLabel(){var i;return null!==(i=this.selectAllLabel)&&void 0!==i?i:e}getOptionLabel(i){var t,s,h;return null!==(h=null!==(t=i.label)&&void 0!==t?t:null===(s=i.value)||void 0===s?void 0:s.toString())&&void 0!==h?h:""}getOptionChecked(i){var t,s;return!(!i||!(null===(t=this._values)||void 0===t?void 0:t.includes))&&(null===(s=this._values)||void 0===s?void 0:s.includes(i))}getTagRemoveLabel(i){const t=this.removeTagsTexts,s=this.options;if(t&&s){const h=s.findIndex((t=>t.value===i.value));if(h>=0&&h<t.length)return t[h]}return`${o} ${this.getOptionLabel(i)}`}handleTagRemove(i,t){t&&t.stopPropagation(),this.handleSelect(i.value),this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const i=this.detailsRef.querySelector("article");i&&p((()=>{var t;S(i,this.detailsRef,null!==(t=this.placement)&&void 0!==t?t:"bottom")}),1)}}handleArrowDownUp(i){var t,s,h;if(null===(t=this.detailsRef)||void 0===t?void 0:t.open){if(self.document){const t=self.document.activeElement;if(t)if("checkbox"===t.getAttribute("type")||"radio"===t.getAttribute("type")){const l=null==t?void 0:t.closest("li");if("ArrowDown"===i.key||"ArrowRight"===i.key){let i=null==l?void 0:l.nextElementSibling;for(;i;){const t=i.querySelector("input");if(t){t.focus();break}i=i.nextElementSibling}i||this.handleFocusFirstDropdownCheckbox(t)}else{let i=null==l?void 0:l.previousElementSibling;for(;i;){const t=i.querySelector("input");if(t){t.focus();break}i=i.previousElementSibling}if(!i){const i=this.detailsRef.querySelector('input[type="checkbox"]');if(i&&i!==t)this.handleFocusFirstDropdownCheckbox(t);else{const i=g(this.detailsRef);if(i)p((()=>{i.focus()}),100);else{const i=Array.from(null===(s=this.detailsRef)||void 0===s?void 0:s.querySelectorAll('input[type="checkbox"],input[type="radio"]'));i.length&&(null===(h=i.at(-1))||void 0===h||h.focus())}}}}}else"search"!==t.getAttribute("type")||"ArrowUp"!==i.key&&"ArrowLeft"!==i.key?this.handleFocusFirstDropdownCheckbox(t):(this.handleClose(void 0,!0),this.handleSummaryFocus())}}else"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(this.handleAutoPlacement(),this.detailsRef&&(this.detailsRef.open=!0),this.handleOpenByKeyboardFocus());i.stopPropagation(),i.preventDefault()}handleKeyboardPress(i){var t,s,h;if(i.stopPropagation(),"Escape"===i.key&&(null===(t=this.detailsRef)||void 0===t?void 0:t.open))this.handleClose(void 0,!0),this.handleSummaryFocus();else if("Enter"===i.key&&(null===(s=this.detailsRef)||void 0===s?void 0:s.open)){if(self.document){const t=self.document.activeElement;if(["checkbox","radio"].includes(t.getAttribute("type")||""))t.click(),i.preventDefault();else if("search"===t.getAttribute("type")){const t=null===(h=this._options)||void 0===h?void 0:h.find((i=>!i.isGroupTitle&&!i.disabled));(null==t?void 0:t.value)&&(this.handleSelect(t.value),i.preventDefault())}}}else"ArrowDown"!==i.key&&"ArrowUp"!==i.key&&"ArrowLeft"!==i.key&&"ArrowRight"!==i.key||this.handleArrowDownUp(i)}handleClose(i,t){if(this.detailsRef)if(t)this.detailsRef.open=!1,this.handleSummaryFocus();else if(this.detailsRef.open&&i&&i.relatedTarget){const t=i.relatedTarget;this.detailsRef.contains(t)||"dialog"===t.localName||p((()=>this.detailsRef.open=!1),1)}}handleDocumentClose(i){var t,s;if(i){const h="number"==typeof i.detail?i.target:null===(t=i.detail)||void 0===t?void 0:t.target;(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&!this.detailsRef.contains(h)&&(this.detailsRef.open=!1)}}handleOptionSelected(i){(new Date).getTime()-this._internalChangeTimestamp<200||(this._values=i,this._userInteraction=!0,this.optionSelected&&this.optionSelected.emit(null!=i?i:[]),this._internalChangeTimestamp=(new Date).getTime())}handleSelect(i){var t;i&&(this.multiple?(null===(t=this._values)||void 0===t?void 0:t.includes(i))?this.handleOptionSelected(this._values.filter((t=>t!==i))):this.handleOptionSelected([...this._values||[],i]):(this.handleOptionSelected([i]),this.handleClose(void 0,!0)))}handleSelectAll(i){var t;if(i.stopPropagation(),(null===(t=this._values)||void 0===t?void 0:t.length)===this.amountOptions)this.handleOptionSelected([]);else{const i=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:void 0;this.handleOptionSelected(this.options?this.options.filter((t=>{var s;return!t.isGroupTitle&&(!i||(null===(s=t.value)||void 0===s?void 0:s.toLowerCase().includes(i.toLowerCase())))})).map((i=>{var t;return null!==(t=i.value)&&void 0!==t?t:""})):[])}}handleFocusFirstDropdownCheckbox(i){if(this.detailsRef){const t=Array.from(this.detailsRef.querySelectorAll('input[type="checkbox"],input[type="radio"]'));if(t.length){const s=t.at(0),h=s===i&&t.length>1?t.at(1):s;h&&p((()=>{h.focus()}),1)}}}handleOpenByKeyboardFocus(){if(this.detailsRef){const i=g(this.detailsRef);i?p((()=>{i.focus()}),1):this.handleFocusFirstDropdownCheckbox()}}handleSearch(i){if(void 0===i)return;let t;if("string"==typeof i)t=i;else{const s=i;s.stopPropagation(),this.search&&this.search.emit(s),t=s.target.value,this._searchValue=t}this._options=this.options&&t&&0!==t.length?this.options.filter(this.searchFilter?i=>this.searchFilter(i,t):i=>!i.isGroupTitle&&this.getOptionLabel(i).toLowerCase().includes(t.toLowerCase())):this.options}handleClearAll(i){i.stopPropagation(),this.handleOptionSelected([]),this.handleSummaryFocus()}handleSummaryFocus(){var i;this.detailsRef&&(null===(i=this.detailsRef.querySelector("summary"))||void 0===i||i.focus())}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:`custom-select-${k()}`;this._id=h,this._messageId=h+a,this._validMessageId=h+d,this._invalidMessageId=h+n,this._selectId=h+c,this._labelId=h+v,this._summaryId=h+"-summary",this._placeholderId=h+r,this._selectedLabelsId=h+"-selected-labels",this._infoTextId=h+"-info"}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 l=t.item(h);if(l&&"data-density"!==l.name&&(l.name.startsWith("data-")||l.name.startsWith("aria-")))i.setAttribute(l.name,l.value),s.removeAttribute(l.name);else if(l&&"data-density"!==l.name&&"class"!==l.name&&"style"===l.name)i.setAttribute(l.name,l.value),s.removeAttribute(l.name);else if(l&&"class"===l.name){const t=l.value.includes("hydrated"),h=l.value.replace("hydrated","").trim(),e=i.getAttribute("class");i.setAttribute(l.name,`${e?`${e} `:""}${h}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(l.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.detailsRef&&this.detailsRef.addEventListener("focusout",(i=>this.handleClose(i)))}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const i=this._id+a;this._labelId=this._id+v,this._selectId=this._id+c,this._validMessageId=this._id+d,this._invalidMessageId=this._id+n,this._placeholderId=this._id+r,y(this.message,this.showMessage)?this.setDescById(i):this.setDescById()}}watch2(){this.watch2Fn()}watch3Fn(){var i;if(this.detailsRef){const t=this.detailsRef.querySelector("summary");t&&t.setAttribute("aria-describedby",null!==(i=this.ariaDescribedBy)&&void 0!==i?i:this._descByIds||"")}}watch3(){this.watch3Fn()}watch4Fn(){void 0!==this.showNoResults?this._hasNoOptions=this.showNoResults:this._options&&(this._hasNoOptions=0===this._options.length)}watch4(){this.watch4Fn()}watch5Fn(){var i;this.selectAllEnabled=Boolean(this.multiple&&(null!==(i=this.showSelectAll)&&void 0!==i?i:this.amountOptions>5))}watch5(){this.watch5Fn()}watch6Fn(){var i;this.searchEnabled=null!==(i=this.showSearch)&&void 0!==i?i:this.amountOptions>9}watch6(){this.watch6Fn()}watch7Fn(){var i;const t=this.values;Array.isArray(t)?this._values!==t&&(this._values=t):null==t&&0!==(null===(i=this._values)||void 0===i?void 0:i.length)&&(this._values=[])}watch7(){this.watch7Fn()}watch8Fn(){this.selectRef&&this.handleValidation()}watch8(){this.watch8Fn()}watch9Fn(){if(this.selectRef){let i=this.abortController;i||(i=new AbortController,this.abortController=i);const t=this.values;I(this.selectRef,(()=>{this.handleOptionSelected(t||(this.selectRef.value?[this.selectRef.value]:[])),this.handleValidation()}),i.signal)}}watch9(){this.watch9Fn()}watch10Fn(){this._validity=this.validation}watch10(){this.watch10Fn()}watch11Fn(){var i,t;0===(null===(i=this._values)||void 0===i?void 0:i.length)?(this.selectAllChecked=!1,this.selectAllIndeterminate=!1):(null===(t=this._values)||void 0===t?void 0:t.length)===this.amountOptions?(this.selectAllIndeterminate=!1,this.selectAllChecked=!0):this._values&&(this.selectAllIndeterminate=!0)}watch11(){this.watch11Fn()}watch12Fn(){var i,t;this._options=this.options,this.amountOptions=null!==(t=null===(i=this.options)||void 0===i?void 0:i.filter((i=>!i.isGroupTitle)).length)&&void 0!==t?t:0}watch12(){this.watch12Fn()}watch13Fn(){this._searchValue=this.searchValue,this.searchValue&&this.handleSearch(this.searchValue)}watch13(){this.watch13Fn()}watch14Fn(){var i,t;(null===(i=this.options)||void 0===i?void 0:i.length)&&(this._selectedOptions=null===(t=this.options)||void 0===t?void 0:t.filter((i=>{var t,s;return!(!i.value||!(null===(t=this._values)||void 0===t?void 0:t.includes))&&!i.isGroupTitle&&(null===(s=this._values)||void 0===s?void 0:s.includes(i.value))})))}watch14(){this.watch14Fn()}watch15Fn(){var i,t,s;if(this.selectedLabels)this._selectedLabels=this.selectedLabels;else if(null===(i=this._selectedOptions)||void 0===i?void 0:i.length){if(this.transformSelectedLabels)return void(this._selectedLabels=(0,this.transformSelectedLabels)(this._selectedOptions));this._selectedLabels="amount"===this.selectedType?this.amountText?this.amountText:`${null===(t=this._selectedOptions)||void 0===t?void 0:t.length} ${u}`:null===(s=this._selectedOptions)||void 0===s?void 0:s.map((i=>this.getOptionLabel(i))).join(", ")}else this._selectedLabels=""}watch15(){this.watch15Fn()}watch16Fn(){var i,t;this.amountChange&&this.amountChange.emit(null!==(t=null===(i=this._selectedOptions)||void 0===i?void 0:i.length)&&void 0!==t?t:0)}watch16(){this.watch16Fn()}watch17Fn(){this.selectAllRef&&(this.selectAllRef.indeterminate=Boolean(this.selectAllIndeterminate))}watch17(){this.watch17Fn()}watch18Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this.selectRef)||void 0===i?void 0:i.validationMessage)||l}watch18(){this.watch18Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select"),this.resetIds(),this._invalidMessage=this.invalidMessage||l,"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((i=>{if(this.detailsRef){const t=i.find((({target:i})=>i===this.detailsRef));t&&!t.isIntersecting&&this.detailsRef.open&&(this.detailsRef.open=!1)}}))),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn(),this.watch6Fn(),this.watch7Fn(),this.watch8Fn(),this.watch9Fn(),this.watch10Fn(),this.watch11Fn(),this.watch12Fn(),this.watch13Fn(),this.watch14Fn(),this.watch15Fn(),this.watch16Fn(),this.watch17Fn(),this.watch18Fn()}disconnectedCallback(){var i;null===(i=this.abortController)||void 0===i||i.abort()}render(){var i,t,l,o,a,d,n,c,v,r,u,m,p,g,k;return s("div",{key:"1eb32ad2f5badccbc6b84ef451b3627d1a4439f5",class:x("db-custom-select",this.className),id:this._id,ref:i=>{this._ref=i},"aria-invalid":"invalid"===this._validity,"data-custom-validity":this._validity,"data-width":this.formFieldWidth,"data-variant":"floating"===this.variant&&"tag"===this.selectedType&&this.multiple?"above":this.variant,"data-required":A(this.required),"data-hide-asterisk":D(this.showRequiredAsterisk),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":D(this.showLabel),"data-icon":this.icon,"data-show-icon":A(this.showIcon)},s("label",{key:"e6803b081d3bc122a21257833ba64741820467b9",id:this._labelId},null!==(i=this.label)&&void 0!==i?i:e,s("select",{key:"5c3d8165e1183b06f632e6da64621e30840e22d2",role:"none",hidden:!0,id:this._selectId,tabIndex:-1,ref:i=>{this.selectRef=i},form:this.form,name:this.name,"data-custom-validity":this._validity,multiple:F(this.multiple,"multiple"),disabled:F(this.disabled,"disabled"),required:F(this.required,"required"),onChange:i=>this.satisfyReact(i)},(null===(t=this.options)||void 0===t?void 0:t.length)?null===(l=this.options)||void 0===l?void 0:l.map((i=>s("option",{disabled:i.disabled,value:i.value,key:void 0},this.getOptionLabel(i)))):null)),s("details",{key:"d3a47c7e456138026a77228e3bd39814309c8ab2",ref:i=>{this.detailsRef=i},open:this.open,onToggle:i=>this.handleDropdownToggle(i),onKeyDown:i=>this.handleKeyboardPress(i)},s("slot",{key:"fc7e14327dd7f731e69fee985b537bfb5df4ebf7"}),this.options?s(h,null,s("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":A(this.disabled),tabIndex:this.disabled?-1:void 0,"aria-labelledby":this._labelId},(null===(o=this._selectedLabels)||void 0===o?void 0:o.length)?s("span",{"data-visually-hidden":A("tag"===this.selectedType),id:this._selectedLabelsId},this.selectedPrefix?s("span",{"data-visually-hidden":"true"},this.selectedPrefix):null,this._selectedLabels):null,"tag"===this.selectedType?s("div",null,null===(a=this._selectedOptions)||void 0===a?void 0:a.map((i=>s("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(i),onRemove:t=>this.handleTagRemove(i,t),key:void 0},this.getOptionLabel(i))))):null),s("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?s("div",null,s("db-input",{type:"search",ref:i=>{this.searchInputRef=i},name:this._id,form:this._id,showLabel:!1,value:this._searchValue,label:null!==(d=this.searchLabel)&&void 0!==d?d:e,placeholder:null!==(n=this.searchPlaceholder)&&void 0!==n?n:this.searchLabel,ariaDescribedBy:this._hasNoOptions||this.showLoading?this._infoTextId:void 0,onInput:i=>this.handleSearch(i)})):null,this._hasNoOptions||this.showLoading?s("db-infotext",{id:this._infoTextId,icon:this.showLoading?"circular_arrows":void 0,semantic:this.showLoading?"informational":"warning"},null!==(c=this.showLoading?this.loadingText:this.noResultsText)&&void 0!==c?c:f):s(h,null,this.selectAllEnabled?s("div",null,s("div",{class:"db-checkbox db-custom-select-list-item"},s("label",null,s("input",{type:"checkbox",value:"select-all",ref:i=>{this.selectAllRef=i},form:this._id,checked:this.selectAllChecked,onChange:i=>this.handleSelectAll(i)}),this.getSelectAllLabel()))):null,s("db-custom-select-list",{multiple:F(this.multiple,"multiple"),label:null!==(r=null!==(v=this.listLabel)&&void 0!==v?v:this.label)&&void 0!==r?r:e},null===(u=this._options)||void 0===u?void 0:u.map((i=>s("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:i.showDivider,icon:i.icon,isGroupTitle:i.isGroupTitle,groupTitle:this.getOptionLabel(i),name:this._id,checked:this.getOptionChecked(i.value),disabled:i.disabled,value:i.value,onChange:()=>this.handleSelect(i.value),key:void 0},i.isGroupTitle?null:this.getOptionLabel(i)))))),s("div",null,s("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",name:this._id,form:this._id,onClick:()=>this.handleClose(void 0,!0)},null!==(m=this.mobileCloseButtonText)&&void 0!==m?m:b)))):null),(null===(p=this.showClearSelection)||void 0===p||p)&&(null===(g=this._values)||void 0===g?void 0:g.length)?s("db-button",{icon:"cross",variant:"ghost",size:"small",noText:!0,name:this._id,form:this._id,disabled:F(this.disabled,"disabled"),onClick:i=>this.handleClearAll(i)},this.clearSelectionText,s("db-tooltip",{placement:"top"},this.clearSelectionText)):null,s("span",{key:"09e3a2a61b2be1027da1218b5115aaef6b9cdf2c",class:"db-custom-select-placeholder","aria-hidden":A(!0),id:this._placeholderId},null!==(k=this.placeholder)&&void 0!==k?k:this.label),y(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||w):null,s("db-infotext",{key:"68092f98cf584db276b56a27edfb1c2890ff6c92",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"701dedd77ceb37f3f02d04cec198540357683bcf","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],detailsRef:[{watch1:0},{watch3:0}],_id:[{watch2:0}],_descByIds:[{watch3:0}],showNoResults:[{watch4:0}],showLoading:[{watch4:0}],_options:[{watch4:0}],showSelectAll:[{watch5:0}],amountOptions:[{watch5:0},{watch6:0},{watch11:0}],multiple:[{watch5:0}],showSearch:[{watch6:0}],values:[{watch7:0}],_values:[{watch8:0},{watch11:0},{watch14:0}],selectRef:[{watch8:0},{watch9:0},{watch18:0}],validation:[{watch10:0}],options:[{watch12:0},{watch14:0}],searchValue:[{watch13:0}],_selectedOptions:[{watch15:0},{watch16:0}],selectedType:[{watch15:0}],amountText:[{watch15:0}],selectedLabels:[{watch15:0}],transformSelectedLabels:[{watch15:0}],selectAllIndeterminate:[{watch17:0}],selectAllRef:[{watch17:0}],invalidMessage:[{watch18:0}]}}};export{R as db_custom_select}
+import{r as i,c as t,h as s,F as h}from"./p-K4o-AcjZ.js";import{l,a as e,m as a,f as o,g as d,h as n,e as c,d as v,i as r,o as u,k as w,c as f,s as m}from"./p-BdL-nI5y.js";import{h as p,d as b,s as y,m as g,u as k,g as A,e as F,l as D,c as x}from"./p-xkoBSP8R.js";import{D as C}from"./p-D_roHmuC.js";import{D as L}from"./p-CHLgQ9vn.js";import{a as S}from"./p-DOPXnIzL.js";import{b as I}from"./p-D5mInaY7.js";const R=class{constructor(s){i(this,s),this.amountChange=t(this,"amountChange"),this.dropdownToggle=t(this,"dropdownToggle"),this.optionSelected=t(this,"optionSelected"),this.search=t(this,"search"),this.showClearSelection=!0,this.clearSelectionText="Clear selection",this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._selectId=void 0,this._labelId=void 0,this._summaryId=void 0,this._placeholderId=void 0,this._infoTextId=void 0,this._validity="no-validation",this._userInteraction=!1,this.abortController=void 0,this._descByIds=void 0,this._selectedLabels="",this._selectedLabelsId=void 0,this._voiceOverFallback="",this._selectedOptions=[],this.selectAllEnabled=!1,this.searchEnabled=!1,this.amountOptions=0,this._values=[],this._options=[],this._hasNoOptions=!1,this._documentClickListenerCallbackId=void 0,this._internalChangeTimestamp=0,this._documentScrollListenerCallbackId=void 0,this._observer=void 0,this._searchValue=void 0,this.selectAllChecked=!1,this.selectAllIndeterminate=!1,this.satisfyReact=function(i){i.stopPropagation()}}handleDocumentScroll(i){var t,s;(null===(t=null==i?void 0:i.target)||void 0===t?void 0:t.contains)&&(null===(s=null==i?void 0:i.target)||void 0===s?void 0:s.contains(this.detailsRef))&&this.handleAutoPlacement()}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,h,e,a,o,d;this.selectRef&&(this.selectRef.value=this.getNativeSelectValue()),(null===(i=this.selectRef)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(h=this.selectRef)||void 0===h?void 0:h.validity.valid)&&this.required?(this.setDescById(this._validMessageId),p()&&(this._voiceOverFallback=null!==(e=this.validMessage)&&void 0!==e?e:w,b((()=>this._voiceOverFallback=""),1e3)),this._validity=null!==(a=this.validation)&&void 0!==a?a:"valid"):y(this.message,this.showMessage)?(this.setDescById(this._messageId),this._validity=null!==(o=this.validation)&&void 0!==o?o:"no-validation"):(this.setDescById(this._placeholderId),this._validity=null!==(d=this.validation)&&void 0!==d?d:"no-validation"):(this.setDescById(this._invalidMessageId),this._invalidMessage=this.invalidMessage||(null===(t=this.selectRef)||void 0===t?void 0:t.validationMessage)||l,p()&&(this._voiceOverFallback=this._invalidMessage,b((()=>this._voiceOverFallback=""),1e3)),this._userInteraction&&(this._validity=null!==(s=this.validation)&&void 0!==s?s:"invalid"))}handleDropdownToggle(i){var t,s;this.dropdownToggle&&(i.stopPropagation(),this.dropdownToggle.emit(i)),i.target instanceof HTMLDetailsElement&&i.target.open?(this._documentClickListenerCallbackId=(new C).addCallback((i=>this.handleDocumentClose(i))),this._documentScrollListenerCallbackId=(new L).addCallback((i=>this.handleDocumentScroll(i))),this.handleAutoPlacement(),null===(t=this._observer)||void 0===t||t.observe(this.detailsRef),i.target.dataset.test||this.handleOpenByKeyboardFocus()):(this._documentClickListenerCallbackId&&(new C).removeCallback(this._documentClickListenerCallbackId),this._documentScrollListenerCallbackId&&(new L).removeCallback(this._documentScrollListenerCallbackId),null===(s=this._observer)||void 0===s||s.unobserve(this.detailsRef))}getNativeSelectValue(){var i,t;return(null===(i=this._values)||void 0===i?void 0:i.length)&&null!==(t=this._values.at(0))&&void 0!==t?t:""}setDescById(i){var t;const s=[];i&&s.push(i),this._selectedLabelsId&&(null===(t=this._selectedLabels)||void 0===t?void 0:t.length)&&s.push(this._selectedLabelsId),this._descByIds=s.join(" ")}getSelectAllLabel(){var i;return null!==(i=this.selectAllLabel)&&void 0!==i?i:e}getOptionLabel(i){var t,s,h;return null!==(h=null!==(t=i.label)&&void 0!==t?t:null===(s=i.value)||void 0===s?void 0:s.toString())&&void 0!==h?h:""}getOptionChecked(i){var t,s;return!(!i||!(null===(t=this._values)||void 0===t?void 0:t.includes))&&(null===(s=this._values)||void 0===s?void 0:s.includes(i))}getTagRemoveLabel(i){const t=this.removeTagsTexts,s=this.options;if(t&&s){const h=s.findIndex((t=>t.value===i.value));if(h>=0&&h<t.length)return t[h]}return`${a} ${this.getOptionLabel(i)}`}handleTagRemove(i,t){t&&t.stopPropagation(),this.handleSelect(i.value),this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const i=this.detailsRef.querySelector("article");i&&b((()=>{var t;S(i,this.detailsRef,null!==(t=this.placement)&&void 0!==t?t:"bottom")}),1)}}handleArrowDownUp(i){var t,s,h;if(null===(t=this.detailsRef)||void 0===t?void 0:t.open){if(self.document){const t=self.document.activeElement;if(t)if("checkbox"===t.getAttribute("type")||"radio"===t.getAttribute("type")){const l=null==t?void 0:t.closest("li");if("ArrowDown"===i.key||"ArrowRight"===i.key){let i=null==l?void 0:l.nextElementSibling;for(;i;){const t=i.querySelector("input");if(t){t.focus();break}i=i.nextElementSibling}i||this.handleFocusFirstDropdownCheckbox(t)}else{let i=null==l?void 0:l.previousElementSibling;for(;i;){const t=i.querySelector("input");if(t){t.focus();break}i=i.previousElementSibling}if(!i){const i=this.detailsRef.querySelector('input[type="checkbox"]');if(i&&i!==t)this.handleFocusFirstDropdownCheckbox(t);else{const i=g(this.detailsRef);if(i)b((()=>{i.focus()}),100);else{const i=Array.from(null===(s=this.detailsRef)||void 0===s?void 0:s.querySelectorAll('input[type="checkbox"],input[type="radio"]'));i.length&&(null===(h=i.at(-1))||void 0===h||h.focus())}}}}}else"search"!==t.getAttribute("type")||"ArrowUp"!==i.key&&"ArrowLeft"!==i.key?this.handleFocusFirstDropdownCheckbox(t):(this.handleClose(void 0,!0),this.handleSummaryFocus())}}else"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(this.handleAutoPlacement(),this.detailsRef&&(this.detailsRef.open=!0),this.handleOpenByKeyboardFocus());i.stopPropagation(),i.preventDefault()}handleKeyboardPress(i){var t,s,h;if(i.stopPropagation(),"Escape"===i.key&&(null===(t=this.detailsRef)||void 0===t?void 0:t.open))this.handleClose(void 0,!0),this.handleSummaryFocus();else if("Enter"===i.key&&(null===(s=this.detailsRef)||void 0===s?void 0:s.open)){if(self.document){const t=self.document.activeElement;if(["checkbox","radio"].includes(t.getAttribute("type")||""))t.click(),i.preventDefault();else if("search"===t.getAttribute("type")){const t=null===(h=this._options)||void 0===h?void 0:h.find((i=>!i.isGroupTitle&&!i.disabled));(null==t?void 0:t.value)&&(this.handleSelect(t.value),i.preventDefault())}}}else"ArrowDown"!==i.key&&"ArrowUp"!==i.key&&"ArrowLeft"!==i.key&&"ArrowRight"!==i.key||this.handleArrowDownUp(i)}handleClose(i,t){if(this.detailsRef)if(t)this.detailsRef.open=!1,this.handleSummaryFocus();else if(this.detailsRef.open&&i&&i.relatedTarget){const t=i.relatedTarget;this.detailsRef.contains(t)||"dialog"===t.localName||b((()=>this.detailsRef.open=!1),1)}}handleDocumentClose(i){var t,s;if(i){const h="number"==typeof i.detail?i.target:null===(t=i.detail)||void 0===t?void 0:t.target;(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&!this.detailsRef.contains(h)&&(this.detailsRef.open=!1)}}handleOptionSelected(i){(new Date).getTime()-this._internalChangeTimestamp<200||(this._values=i,this._userInteraction=!0,this.optionSelected&&this.optionSelected.emit(null!=i?i:[]),this._internalChangeTimestamp=(new Date).getTime())}handleSelect(i){var t;i&&(this.multiple?(null===(t=this._values)||void 0===t?void 0:t.includes(i))?this.handleOptionSelected(this._values.filter((t=>t!==i))):this.handleOptionSelected([...this._values||[],i]):(this.handleOptionSelected([i]),this.handleClose(void 0,!0)))}handleSelectAll(i){var t;if(i.stopPropagation(),(null===(t=this._values)||void 0===t?void 0:t.length)===this.amountOptions)this.handleOptionSelected([]);else{const i=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:void 0;this.handleOptionSelected(this.options?this.options.filter((t=>{var s;return!t.isGroupTitle&&(!i||(null===(s=t.value)||void 0===s?void 0:s.toLowerCase().includes(i.toLowerCase())))})).map((i=>{var t;return null!==(t=i.value)&&void 0!==t?t:""})):[])}}handleFocusFirstDropdownCheckbox(i){if(this.detailsRef){const t=Array.from(this.detailsRef.querySelectorAll('input[type="checkbox"],input[type="radio"]'));if(t.length){const s=t.at(0),h=s===i&&t.length>1?t.at(1):s;h&&b((()=>{h.focus()}),1)}}}handleOpenByKeyboardFocus(){if(this.detailsRef){const i=g(this.detailsRef);i?b((()=>{i.focus()}),1):this.handleFocusFirstDropdownCheckbox()}}handleSearch(i){if(void 0===i)return;let t;if("string"==typeof i)t=i;else{const s=i;s.stopPropagation(),this.search&&this.search.emit(s),t=s.target.value,this._searchValue=t}this._options=this.options&&t&&0!==t.length?this.options.filter(this.searchFilter?i=>this.searchFilter(i,t):i=>!i.isGroupTitle&&this.getOptionLabel(i).toLowerCase().includes(t.toLowerCase())):this.options}handleClearAll(i){i.stopPropagation(),this.handleOptionSelected([]),this.handleSummaryFocus()}handleSummaryFocus(){var i;this.detailsRef&&(null===(i=this.detailsRef.querySelector("summary"))||void 0===i||i.focus())}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:`custom-select-${k()}`;this._id=h,this._messageId=h+o,this._validMessageId=h+d,this._invalidMessageId=h+n,this._selectId=h+c,this._labelId=h+v,this._summaryId=h+"-summary",this._placeholderId=h+r,this._selectedLabelsId=h+"-selected-labels",this._infoTextId=h+"-info"}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 l=t.item(h);if(l&&"data-density"!==l.name&&(l.name.startsWith("data-")||l.name.startsWith("aria-")))i.setAttribute(l.name,l.value),s.removeAttribute(l.name);else if(l&&"data-density"!==l.name&&"class"!==l.name&&"style"===l.name)i.setAttribute(l.name,l.value),s.removeAttribute(l.name);else if(l&&"class"===l.name){const t=l.value.includes("hydrated"),h=l.value.replace("hydrated","").trim(),e=i.getAttribute("class");i.setAttribute(l.name,`${e?`${e} `:""}${h}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(l.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.detailsRef&&this.detailsRef.addEventListener("focusout",(i=>this.handleClose(i)))}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const i=this._id+o;this._labelId=this._id+v,this._selectId=this._id+c,this._validMessageId=this._id+d,this._invalidMessageId=this._id+n,this._placeholderId=this._id+r,y(this.message,this.showMessage)?this.setDescById(i):this.setDescById()}}watch2(){this.watch2Fn()}watch3Fn(){var i;if(this.detailsRef){const t=this.detailsRef.querySelector("summary");t&&t.setAttribute("aria-describedby",null!==(i=this.ariaDescribedBy)&&void 0!==i?i:this._descByIds||"")}}watch3(){this.watch3Fn()}watch4Fn(){void 0!==this.showNoResults?this._hasNoOptions=this.showNoResults:this._options&&(this._hasNoOptions=0===this._options.length)}watch4(){this.watch4Fn()}watch5Fn(){var i;this.selectAllEnabled=Boolean(this.multiple&&(null!==(i=this.showSelectAll)&&void 0!==i?i:this.amountOptions>5))}watch5(){this.watch5Fn()}watch6Fn(){var i;this.searchEnabled=null!==(i=this.showSearch)&&void 0!==i?i:this.amountOptions>9}watch6(){this.watch6Fn()}watch7Fn(){var i;const t=this.values;Array.isArray(t)?this._values!==t&&(this._values=t):null==t&&0!==(null===(i=this._values)||void 0===i?void 0:i.length)&&(this._values=[])}watch7(){this.watch7Fn()}watch8Fn(){this.selectRef&&this.handleValidation()}watch8(){this.watch8Fn()}watch9Fn(){if(this.selectRef){let i=this.abortController;i||(i=new AbortController,this.abortController=i);const t=this.values;I(this.selectRef,(()=>{this.handleOptionSelected(t||(this.selectRef.value?[this.selectRef.value]:[])),this.handleValidation()}),i.signal)}}watch9(){this.watch9Fn()}watch10Fn(){this._validity=this.validation}watch10(){this.watch10Fn()}watch11Fn(){var i,t;0===(null===(i=this._values)||void 0===i?void 0:i.length)?(this.selectAllChecked=!1,this.selectAllIndeterminate=!1):(null===(t=this._values)||void 0===t?void 0:t.length)===this.amountOptions?(this.selectAllIndeterminate=!1,this.selectAllChecked=!0):this._values&&(this.selectAllIndeterminate=!0)}watch11(){this.watch11Fn()}watch12Fn(){var i,t;this._options=this.options,this.amountOptions=null!==(t=null===(i=this.options)||void 0===i?void 0:i.filter((i=>!i.isGroupTitle)).length)&&void 0!==t?t:0}watch12(){this.watch12Fn()}watch13Fn(){this._searchValue=this.searchValue,this.searchValue&&this.handleSearch(this.searchValue)}watch13(){this.watch13Fn()}watch14Fn(){var i,t;(null===(i=this.options)||void 0===i?void 0:i.length)&&(this._selectedOptions=null===(t=this.options)||void 0===t?void 0:t.filter((i=>{var t,s;return!(!i.value||!(null===(t=this._values)||void 0===t?void 0:t.includes))&&!i.isGroupTitle&&(null===(s=this._values)||void 0===s?void 0:s.includes(i.value))})))}watch14(){this.watch14Fn()}watch15Fn(){var i,t,s;if(this.selectedLabels)this._selectedLabels=this.selectedLabels;else if(null===(i=this._selectedOptions)||void 0===i?void 0:i.length){if(this.transformSelectedLabels)return void(this._selectedLabels=(0,this.transformSelectedLabels)(this._selectedOptions));this._selectedLabels="amount"===this.selectedType?this.amountText?this.amountText:`${null===(t=this._selectedOptions)||void 0===t?void 0:t.length} ${u}`:null===(s=this._selectedOptions)||void 0===s?void 0:s.map((i=>this.getOptionLabel(i))).join(", ")}else this._selectedLabels=""}watch15(){this.watch15Fn()}watch16Fn(){var i,t;this.amountChange&&this.amountChange.emit(null!==(t=null===(i=this._selectedOptions)||void 0===i?void 0:i.length)&&void 0!==t?t:0)}watch16(){this.watch16Fn()}watch17Fn(){this.selectAllRef&&(this.selectAllRef.indeterminate=Boolean(this.selectAllIndeterminate))}watch17(){this.watch17Fn()}watch18Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this.selectRef)||void 0===i?void 0:i.validationMessage)||l}watch18(){this.watch18Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select"),this.resetIds(),this._invalidMessage=this.invalidMessage||l,"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((i=>{if(this.detailsRef){const t=i.find((({target:i})=>i===this.detailsRef));t&&!t.isIntersecting&&this.detailsRef.open&&(this.detailsRef.open=!1)}}))),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn(),this.watch6Fn(),this.watch7Fn(),this.watch8Fn(),this.watch9Fn(),this.watch10Fn(),this.watch11Fn(),this.watch12Fn(),this.watch13Fn(),this.watch14Fn(),this.watch15Fn(),this.watch16Fn(),this.watch17Fn(),this.watch18Fn()}disconnectedCallback(){var i;null===(i=this.abortController)||void 0===i||i.abort()}render(){var i,t,l,a,o,d,n,c,v,r,u,p,b,g,k;return s("div",{key:"04344ea736f4311c09459970f6c743516c0a45ba",class:x("db-custom-select",this.className),id:this._id,ref:i=>{this._ref=i},"aria-invalid":"invalid"===this._validity,"data-custom-validity":this._validity,"data-width":this.formFieldWidth,"data-variant":"floating"===this.variant&&"tag"===this.selectedType&&this.multiple?"above":this.variant,"data-required":A(this.required),"data-hide-asterisk":D(this.showRequiredAsterisk),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":D(this.showLabel),"data-icon":this.icon,"data-show-icon":A(this.showIcon)},s("label",{key:"ed856ad29b0f840ebe37c8edf275267efc780f2c",id:this._labelId},null!==(i=this.label)&&void 0!==i?i:e,s("select",{key:"093be2cd13041a45a95664e083125f5e4e8c2689",role:"none",hidden:!0,id:this._selectId,tabIndex:-1,ref:i=>{this.selectRef=i},form:this.form,name:this.name,"data-custom-validity":this._validity,multiple:F(this.multiple,"multiple"),disabled:F(this.disabled,"disabled"),required:F(this.required,"required"),onChange:i=>this.satisfyReact(i)},(null===(t=this.options)||void 0===t?void 0:t.length)?null===(l=this.options)||void 0===l?void 0:l.map((i=>s("option",{disabled:i.disabled,value:i.value,key:void 0},this.getOptionLabel(i)))):null)),s("details",{key:"e0617c55fb94a72432719b485d922d87cca58d40",ref:i=>{this.detailsRef=i},open:this.open,onToggle:i=>this.handleDropdownToggle(i),onKeyDown:i=>this.handleKeyboardPress(i)},s("slot",{key:"4a4754177ce637816734d8e195d1d34b0e4a9707"}),this.options?s(h,null,s("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":A(this.disabled),tabIndex:this.disabled?-1:void 0,"aria-labelledby":this._labelId},(null===(a=this._selectedLabels)||void 0===a?void 0:a.length)?s("span",{"data-visually-hidden":A("tag"===this.selectedType),id:this._selectedLabelsId},this.selectedPrefix?s("span",{"data-visually-hidden":"true"},this.selectedPrefix):null,this._selectedLabels):null,"tag"===this.selectedType?s("div",null,null===(o=this._selectedOptions)||void 0===o?void 0:o.map((i=>s("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(i),onRemove:t=>this.handleTagRemove(i,t),key:void 0},this.getOptionLabel(i))))):null),s("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?s("div",null,s("db-input",{type:"search",ref:i=>{this.searchInputRef=i},name:this._id,form:this._id,showLabel:!1,value:this._searchValue,label:null!==(d=this.searchLabel)&&void 0!==d?d:e,placeholder:null!==(n=this.searchPlaceholder)&&void 0!==n?n:this.searchLabel,ariaDescribedBy:this._hasNoOptions||this.showLoading?this._infoTextId:void 0,onInput:i=>this.handleSearch(i)})):null,this._hasNoOptions||this.showLoading?s("db-infotext",{id:this._infoTextId,icon:this.showLoading?"circular_arrows":void 0,semantic:this.showLoading?"informational":"warning"},null!==(c=this.showLoading?this.loadingText:this.noResultsText)&&void 0!==c?c:f):s(h,null,this.selectAllEnabled?s("div",null,s("div",{class:"db-checkbox db-custom-select-list-item"},s("label",null,s("input",{type:"checkbox",value:"select-all",ref:i=>{this.selectAllRef=i},form:this._id,checked:this.selectAllChecked,onChange:i=>this.handleSelectAll(i)}),this.getSelectAllLabel()))):null,s("db-custom-select-list",{multiple:F(this.multiple,"multiple"),label:null!==(r=null!==(v=this.listLabel)&&void 0!==v?v:this.label)&&void 0!==r?r:e},null===(u=this._options)||void 0===u?void 0:u.map((i=>s("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:i.showDivider,icon:i.icon,isGroupTitle:i.isGroupTitle,groupTitle:this.getOptionLabel(i),name:this._id,checked:this.getOptionChecked(i.value),disabled:i.disabled,value:i.value,onChange:()=>this.handleSelect(i.value),key:void 0},i.isGroupTitle?null:this.getOptionLabel(i)))))),s("div",null,s("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",name:this._id,form:this._id,onClick:()=>this.handleClose(void 0,!0)},null!==(p=this.mobileCloseButtonText)&&void 0!==p?p:m)))):null),(null===(b=this.showClearSelection)||void 0===b||b)&&(null===(g=this._values)||void 0===g?void 0:g.length)?s("db-button",{icon:"cross",variant:"ghost",size:"small",noText:!0,name:this._id,form:this._id,disabled:F(this.disabled,"disabled"),onClick:i=>this.handleClearAll(i)},this.clearSelectionText,s("db-tooltip",{placement:"top"},this.clearSelectionText)):null,s("span",{key:"ea3f5751609a4383f9d381cfbc7947a4b0192880",class:"db-custom-select-placeholder","aria-hidden":A(!0),id:this._placeholderId},null!==(k=this.placeholder)&&void 0!==k?k:this.label),y(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||w):null,s("db-infotext",{key:"d8733256a74ba4876d4080a27798f01264d6472d",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"4ca046467d7da79ac48f0e1dddf2712ef2a93074","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],detailsRef:[{watch1:0},{watch3:0}],_id:[{watch2:0}],_descByIds:[{watch3:0}],showNoResults:[{watch4:0}],showLoading:[{watch4:0}],_options:[{watch4:0}],showSelectAll:[{watch5:0}],amountOptions:[{watch5:0},{watch6:0},{watch11:0}],multiple:[{watch5:0}],showSearch:[{watch6:0}],values:[{watch7:0}],_values:[{watch8:0},{watch11:0},{watch14:0}],selectRef:[{watch8:0},{watch9:0},{watch18:0}],validation:[{watch10:0}],options:[{watch12:0},{watch14:0}],searchValue:[{watch13:0}],_selectedOptions:[{watch15:0},{watch16:0}],selectedType:[{watch15:0}],amountText:[{watch15:0}],selectedLabels:[{watch15:0}],transformSelectedLabels:[{watch15:0}],selectAllIndeterminate:[{watch17:0}],selectAllRef:[{watch17:0}],invalidMessage:[{watch18:0}]}}};export{R as db_custom_select}

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

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

package/dist/db-ux/{p-74a45768.entry.js → p-bed8d029.entry.js}

@@ -1 +1 @@
-import{r as t,h as s}from"./p-K4o-AcjZ.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,c;return s("div",{key:"cf5f5cca402398107d3d54c67bcf031c3e5d8958",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!==(c=this.showIconLeading)&&void 0!==c?c: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:"14ac67bcd2415cd449605ad413be1aa7985a9f2b"}))}};export{d as db_custom_button}
+import{r as t,h as s}from"./p-K4o-AcjZ.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-ee43015b.entry.js → p-c76089f6.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s}from"./p-K4o-AcjZ.js";import{u as h,e as a,l as e,c as d,d as c}from"./p-xkoBSP8R.js";import{b as l}from"./p-D5mInaY7.js";const o=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.initialized=!1,this._id=void 0,this.abortController=void 0}handleInput(t,i){this.input&&this.input.emit(t)}handleChange(t,i){this.change&&this.change.emit(t)}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}resetIds(){var t,i,s;this._id=null!==(s=null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&void 0!==s?s:`radio-${h()}`}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let h=0;h<i.length;h++){const a=i.item(h);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"data-density"!==a.name&&"class"!==a.name&&"style"===a.name)t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),h=a.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(a.name,`${e?`${e} `:""}${h}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.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(){this.checked&&this.initialized&&this._ref&&(this._ref.checked=!0)}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref){let t=this.abortController;t||(t=new AbortController,this.abortController=t),l(this._ref,(t=>{c((()=>{const i=this.checked?this.checked:this._ref.checked,s=Object.assign(Object.assign({},t),{target:Object.assign(Object.assign({},t.target),{value:"",checked:i})});this.handleChange(s,!0),this.handleInput(s,!0)}),1)}),t.signal)}}watch2(){this.watch2Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-radio"),this.initialized=!0,this.resetIds(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn()}disconnectedCallback(){var t;null===(t=this.abortController)||void 0===t||t.abort()}render(){return s("label",{key:"2e30a82188ac83cc3c7bd7a396b1c5b46cc0a79a",class:d("db-radio",this.className),"data-size":this.size,"data-hide-label":e(this.showLabel),"data-hide-asterisk":e(this.showRequiredAsterisk),htmlFor:this._id},s("input",{key:"74aad9996cffe5ed928bdacb63f82e860a603cb7",type:"radio","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:t=>{this._ref=t},id:this._id,name:this.name,checked:a(this.checked,"checked"),disabled:a(this.disabled,"disabled"),value:this.value,required:a(this.required,"required"),onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t)}),this.label?this.label:s("slot",null))}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],initialized:[{watch1:0}],_ref:[{watch1:0},{watch2:0}],checked:[{watch1:0}]}}};export{o as db_radio}
+import{r as t,c as i,h as s}from"./p-K4o-AcjZ.js";import{u as h,e as a,l as e,c as d,d as c}from"./p-xkoBSP8R.js";import{b as l}from"./p-D5mInaY7.js";const o=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.initialized=!1,this._id=void 0,this.abortController=void 0}handleInput(t,i){this.input&&this.input.emit(t)}handleChange(t,i){this.change&&this.change.emit(t)}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}resetIds(){var t,i,s;this._id=null!==(s=null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&void 0!==s?s:`radio-${h()}`}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let h=0;h<i.length;h++){const a=i.item(h);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"data-density"!==a.name&&"class"!==a.name&&"style"===a.name)t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),h=a.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(a.name,`${e?`${e} `:""}${h}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.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(){this.checked&&this.initialized&&this._ref&&(this._ref.checked=!0)}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref){let t=this.abortController;t||(t=new AbortController,this.abortController=t),l(this._ref,(t=>{c((()=>{const i=this.checked?this.checked:this._ref.checked,s=Object.assign(Object.assign({},t),{target:Object.assign(Object.assign({},t.target),{value:"",checked:i})});this.handleChange(s,!0),this.handleInput(s,!0)}),1)}),t.signal)}}watch2(){this.watch2Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-radio"),this.initialized=!0,this.resetIds(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn()}disconnectedCallback(){var t;null===(t=this.abortController)||void 0===t||t.abort()}render(){return s("label",{key:"b77bbb3335c0b3f3813e11c7ac7228a84a40769a",class:d("db-radio",this.className),"data-size":this.size,"data-hide-label":e(this.showLabel),"data-hide-asterisk":e(this.showRequiredAsterisk),htmlFor:this._id},s("input",{key:"4fe82a7b57a6dd06e556e26d50df574a541129f9",type:"radio","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:t=>{this._ref=t},id:this._id,name:this.name,checked:a(this.checked,"checked"),disabled:a(this.disabled,"disabled"),value:this.value,required:a(this.required,"required"),onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t)}),this.label?this.label:s("slot",null))}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],initialized:[{watch1:0}],_ref:[{watch1:0},{watch2:0}],checked:[{watch1:0}]}}};export{o as db_radio}

package/dist/db-ux/{p-44a0407b.entry.js → p-c7bf8d05.entry.js}

@@ -1 +1 @@
-import{r as s,c as t,h as i}from"./p-K4o-AcjZ.js";import{s as a}from"./p-BdL-nI5y.js";import{e,s as n,g as o,p as d,c as l}from"./p-xkoBSP8R.js";const h=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,h;return i("div",{key:"c352f22f011516ad6375434f95b689e05d08f354",class:l("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:d({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:"997c558994530fdd2adb1f2f159ae3990c0f8950",name:"image"}),n(this.headline,this.showHeadline)?i("header",null,this.headline):null,i("div",{key:"e2363b4e7d1e7ceb47ac3b992924d3a28099e11a","data-area":"content"},this.text?this.text:i("slot",null)),n(this.timestamp,this.showTimestamp)?i("span",null,this.timestamp):null,i("slot",{key:"848011c47a131dd734ce241f0fecd0b4e12c85fd",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!==(h=this.closeButtonText)&&void 0!==h?h:a):null)}};export{h as db_notification}
+import{r as s,c as t,h as i}from"./p-K4o-AcjZ.js";import{s as a}from"./p-BdL-nI5y.js";import{e,s as n,g as o,p as d,c as l}from"./p-xkoBSP8R.js";const h=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,h;return i("div",{key:"b7789fad4794a93805eeec0cf2740b3f592f32fa",class:l("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:d({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("div",{key:"97b39e4f03829ea5d1d29b2b1be3066ff4100ac7","data-area":"content"},this.text?this.text:i("slot",null)),n(this.timestamp,this.showTimestamp)?i("span",null,this.timestamp):null,i("slot",{key:"59856484aeb4d35de524dd4fa5a11f773f6f2a84",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!==(h=this.closeButtonText)&&void 0!==h?h:a):null)}};export{h as db_notification}

package/dist/db-ux/{p-43a9623f.entry.js → p-d85b1c15.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as s}from"./p-K4o-AcjZ.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 c,s as n,u as r,e as v,l as u,g as b,c as w}from"./p-xkoBSP8R.js";import{a as f}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,c((()=>{this._voiceOverFallback=""}),1e3)))):void(this._descByIds=n(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,c((()=>{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),f(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:"ef12ecb991d547a453f5a35d6a9502e2b811ea2b",class:w("db-switch",this.className),"data-visual-aid":b(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:"a037c403a8204c7093c5a29517235dbee5684c67",htmlFor:this._id},s("input",{key:"513e08da8efc09d2b8c4b8bc12d6b46019988e63",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)),n(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:"88bbba78f87645a478e74ddf003303406e333c8f",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"d3564c75c3c4a8aefd24b91665345425af9c9071","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}
+import{r as i,c as t,h as s}from"./p-K4o-AcjZ.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 c,s as n,u as r,e as v,l as u,g as b,c as f}from"./p-xkoBSP8R.js";import{a as w}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,c((()=>{this._voiceOverFallback=""}),1e3)))):void(this._descByIds=n(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,c((()=>{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),w(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:"66c2badcfc403e68d44d93cd1a79d087b212bbd6",class:f("db-switch",this.className),"data-visual-aid":b(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:"c22fc86dd012f6de327f861cca3c1b4ab4f3605d",htmlFor:this._id},s("input",{key:"3d1532eee9a137f2a1db1ba1574856ecc61833d8",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)),n(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:"d24f80874212a9a9669d5731d9e5b6f4f3be6001",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"cb3420bd986f1398094fbac151d27a5c2f392d7d","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-d93b9d58.entry.js → p-d8b38722.entry.js}

@@ -1 +1 @@
-import{r as s,h as t}from"./p-K4o-AcjZ.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:"229834e66fd365d36a7076ee50375f2d648016f2",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}
+import{r as s,h as t}from"./p-K4o-AcjZ.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-dd08f6e4.entry.js

@@ -0,0 +1 @@
+import{r as t,h as a}from"./p-K4o-AcjZ.js";import{g as s,c as d}from"./p-xkoBSP8R.js";const i=class{constructor(a){t(this,a)}enableAttributePassing(t,a){const s=null==t?void 0:t.closest(a);if(t&&s){const a=s.attributes;for(let d=0;d<a.length;d++){const i=a.item(d);if(i&&"data-density"!==i.name&&(i.name.startsWith("data-")||i.name.startsWith("aria-")))t.setAttribute(i.name,i.value),s.removeAttribute(i.name);else if(i&&"data-density"!==i.name&&"class"!==i.name&&"style"===i.name)t.setAttribute(i.name,i.value),s.removeAttribute(i.name);else if(i&&"class"===i.name){const a=i.value.includes("hydrated"),d=i.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(i.name,`${e?`${e} `:""}${d}`),a?s.setAttribute("class","hydrated"):s.removeAttribute(i.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-stack")}render(){var t,i;return a("div",{key:"e8a95918ab5412c03412b92adb3f2a2d5979d492",class:d("db-stack",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,"data-gap":this.gap,"data-variant":this.variant,"data-direction":this.direction,"data-alignment":this.alignment,"data-justify-content":this.justifyContent,"data-wrap":s(this.wrap)},a("slot",{key:"b95b19d6ff1a61f416eadfb14d9e19647e4f6cb4"}))}};export{i as db_stack}

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

@@ -89,9 +89,9 @@ const DBAccordionItem = class {
     }
     render() {
         var _a, _b;
-        return (h("li", { key: '37313149dbb34624302188bd983b9932457f076f', 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: 'b3e3ff977d50beaac0fd9494b299c4350051efde', "aria-disabled": getBooleanAsString(this.disabled), ref: (el) => {
+        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: 'f5ba8731107cec6502f3e6428d570902d1cde500', onClick: (event) => this.handleToggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? h("slot", { name: "headline" }) : null), h("div", { key: 'bc360ea7abba4c097948ad189098aed9af02f5e6' }, 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

@@ -128,7 +128,7 @@ const DBAccordion = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("ul", { key: '8164d39268a49f21eef416e8d654360cc79f4c33', class: cls("db-accordion", this.className), ref: (el) => {
+        return (h("ul", { key: 'edef9c59c72278c614826ba8a7b67699080a078a', class: cls("db-accordion", this.className), ref: (el) => {
                 this._ref = el;
             }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-variant": this.variant }, !this.items ? h("slot", null) : null, this.items
             ? (_c = this.convertItems()) === null || _c === void 0 ? void 0 : _c.map((item, index) => (h("db-accordion-item", { key: `accordion-item-${index}`, headlinePlain: item.headlinePlain, disabled: item.disabled, text: item.text })))

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

@@ -68,7 +68,7 @@ const DBBadge = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("span", { key: '4a5cd6564dbd1664d3c3f0a573b3fc6d3d8a74c4', class: cls("db-badge", this.className), ref: (el) => {
+        return (h("span", { key: 'c566e49b9d78c51fe2615eb8b55182997485e5bb', class: cls("db-badge", this.className), ref: (el) => {
                 this._ref = el;
             }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-semantic": this.semantic, "data-size": this.size, "data-emphasis": this.emphasis, "data-placement": this.placement, "data-wrap": getBooleanAsString(this.wrap), "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)));
     }

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

@@ -47,7 +47,7 @@ const DBBrand = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '460aeec1f8fa37791fcbe7257359acb1dd5517cb', class: cls("db-brand", this.className), ref: (el) => {
+        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: (_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

@@ -56,7 +56,7 @@ const DBButton = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("button", { key: 'c4186fdd782849f2a8cb35f252f748b5db975eee', class: cls("db-button", this.className), ref: (el) => {
+        return (h("button", { key: '61179d6427e5c3245c1cfe539f2a0dce9b22ba1d', class: cls("db-button", this.className), ref: (el) => {
                 this._ref = el;
             }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, type: this.getButtonType(), disabled: getBoolean(this.disabled, "disabled"), "data-icon": (_c = this.iconLeading) !== null && _c !== void 0 ? _c : this.icon, "data-show-icon": getBooleanAsString((_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

@@ -52,9 +52,9 @@ const DBCard = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '3c58b4510721a7c6b8bd5250a248376c2a92c980', class: cls("db-card", this.className), ref: (el) => {
+        return (h("div", { key: '252e6e05d1f5fdef212ae943b0d4d4121a52f5d6', class: cls("db-card", 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-behavior": this.behavior, "data-elevation-level": this.elevationLevel, "data-spacing": this.spacing, onClick: (event) => this.handleClick(event) }, h("slot", { key: 'e2d63fe761ada56274a5854dda1fa457aff6933c' })));
+            }, 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

@@ -208,9 +208,9 @@ const DBCheckbox = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '086f192b0edf3d55b182e0e5b344c880bf26ce70', 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: '05b81d3e48bf645507647fe2c496fff6f311df8c', htmlFor: this._id }, h("input", { key: '3ead0f7307b874b5e86c19f25e26e0eaa9100f73', 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: 'e4de39f7423cd40b5f7007d36a35c1f696177445', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '4a304d5c3c30852100cb8cee089470df84e29973', "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 {
         "id": [{

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

@@ -46,9 +46,9 @@ const DBCustomButton = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'cf5f5cca402398107d3d54c67bcf031c3e5d8958', class: cls("db-custom-button", this.className), ref: (el) => {
+        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: '14ac67bcd2415cd449605ad413be1aa7985a9f2b' })));
+            }, 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' })));
     }
 };
 

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

@@ -49,9 +49,9 @@ const DBCustomSelectDropdown = class {
     }
     render() {
         var _a, _b;
-        return (h("article", { key: '625d4e6552b4e578d69e752964a8ff5e8f9beac4', class: cls("db-custom-select-dropdown db-card", this.className), "data-spacing": "none", ref: (el) => {
+        return (h("article", { key: '978958659b0f3b0fbdc011abfb079086ca90a6d5', class: cls("db-custom-select-dropdown db-card", this.className), "data-spacing": "none", 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-width": this.width }, h("slot", { key: '998fddb455e0c9be05ebc9436d0ec585d9c336be' })));
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-width": this.width }, h("slot", { key: '21a6a67f222cb5eaf262ad4f3bd8cde81e4ba5c0' })));
     }
 };
 
@@ -100,9 +100,9 @@ const DBCustomSelectList = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'd4f56f29ffc19a5fd5c4017bf60da2b84629a3cb', class: cls("db-custom-select-list", this.className), role: this.multiple ? "group" : "radiogroup", "aria-label": this.label, ref: (el) => {
+        return (h("div", { key: '3c005a8e6605f176226e1eed81c47737498f1d05', class: cls("db-custom-select-list", this.className), role: this.multiple ? "group" : "radiogroup", "aria-label": this.label, 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 }, h("ul", { key: '94211bc6ef2548695f7c373e47583476f609d2e3' }, h("slot", { key: '9fc30009e8eca4f3d47889859b9d746ca6ea1118' }))));
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id }, h("ul", { key: '59887c5fe0d8e6c3b136e88ee4d8f1f26c580f5b' }, h("slot", { key: '29916aa86adbc98a874f5cee71cf056c705b5f62' }))));
     }
 };
 
@@ -172,7 +172,7 @@ const DBCustomSelectListItem = class {
     }
     render() {
         var _a, _b;
-        return (h("li", { key: 'a2e057b64e5f73c9d6cb64b2b07afd5226858453', class: cls("db-custom-select-list-item", this.className, {
+        return (h("li", { key: '439f87691065d7cf9e8742c3f5aa1ded7f5ac422', class: cls("db-custom-select-list-item", this.className, {
                 "db-checkbox": this.type === "checkbox" && !this.isGroupTitle,
                 "db-radio": this.type !== "checkbox" && !this.isGroupTitle,
             }), ref: (el) => {
@@ -399,7 +399,7 @@ const DBInput = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("div", { key: '73b3cb05e018833a4d0904da71c2a65fc5614415', class: cls("db-input", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel), "data-show-icon": getBooleanAsString((_a = this.showIconLeading) !== null && _a !== void 0 ? _a : this.showIcon), "data-icon": (_b = this.iconLeading) !== null && _b !== void 0 ? _b : this.icon, "data-icon-trailing": this.iconTrailing, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing) }, h("label", { key: '6032dd2d9e002ab97b5d507816735491fcc9d987', htmlFor: this._id }, (_c = this.label) !== null && _c !== void 0 ? _c : DEFAULT_LABEL), h("input", { key: 'da74f699db5ef2aa13c470d616f9c6566c7cee63', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
+        return (h("div", { key: 'ec887e9cfe4cbbe0783364d6e2f76990273b522e', class: cls("db-input", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel), "data-show-icon": getBooleanAsString((_a = this.showIconLeading) !== null && _a !== void 0 ? _a : this.showIcon), "data-icon": (_b = this.iconLeading) !== null && _b !== void 0 ? _b : this.icon, "data-icon-trailing": this.iconTrailing, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing) }, h("label", { key: 'da8836b5b06c992ea7e18aad485254c07ad22e79', htmlFor: this._id }, (_c = this.label) !== null && _c !== void 0 ? _c : DEFAULT_LABEL), h("input", { key: '53bfc910e26783193bb881466bb637d67cafa4e7', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
                 this._ref = el;
             }, id: this._id, name: this.name, type: this.type || "text", multiple: getBoolean(this.multiple, "multiple"), accept: this.accept, placeholder: (_d = this.placeholder) !== null && _d !== void 0 ? _d : DEFAULT_PLACEHOLDER, disabled: getBoolean(this.disabled, "disabled"), required: getBoolean(this.required, "required"), step: getStep(this.step), value: (_f = (_e = this.value) !== null && _e !== void 0 ? _e : this._value) !== null && _f !== void 0 ? _f : "", maxLength: getNumber(this.maxLength, this.maxlength), minLength: getNumber(this.minLength, this.minlength), max: getInputValue(this.max, this.type), min: getInputValue(this.min, this.type), readOnly: getBoolean(this.readOnly, "readOnly") ||
                 getBoolean(this.readonly, "readonly"), form: this.form, pattern: this.pattern, size: this.size, autoComplete: this.autocomplete, autoFocus: getBoolean(this.autofocus, "autofocus"), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), list: this.dataList && this._dataListId, "aria-describedby": (_g = this.ariaDescribedBy) !== null && _g !== void 0 ? _g : this._descByIds, role: [
@@ -411,7 +411,7 @@ const DBInput = class {
                 "color",
             ].includes((_h = this.type) !== null && _h !== void 0 ? _h : "") && isIOSSafari()
                 ? "textbox"
-                : undefined }), this.dataList ? (h("datalist", { id: this._dataListId }, (_j = this.getDataList()) === null || _j === void 0 ? void 0 : _j.map((option) => (h("option", { key: this._dataListId + "-option-" + option.value, value: option.value }, option.label))))) : null, h("slot", { key: '1f106ac73098292312f9ec4f581c5dd8429e282b' }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: this.messageSize || "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { semantic: "successful", id: this._validMessageId, size: this.validMessageSize || "small" }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '9c7fab3b45bccccbeafa8d56b5772c4cc69cb9f8', semantic: "critical", id: this._invalidMessageId, size: this.invalidMessageSize || "small" }, this._invalidMessage), h("span", { key: '8a65d32462252587f672d2c54f7a275a7913b3e1', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+                : undefined }), this.dataList ? (h("datalist", { id: this._dataListId }, (_j = this.getDataList()) === null || _j === void 0 ? void 0 : _j.map((option) => (h("option", { key: this._dataListId + "-option-" + option.value, value: option.value }, option.label))))) : null, h("slot", { key: '1d08d96e457929a1d7381b5cb6f6c693865d1104' }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: this.messageSize || "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { semantic: "successful", id: this._validMessageId, size: this.validMessageSize || "small" }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '81adecdd0714f3f16e55a8aa32de42342cab14c6', semantic: "critical", id: this._invalidMessageId, size: this.invalidMessageSize || "small" }, this._invalidMessage), h("span", { key: 'f83fc13cc844367810c86739bc5554e6dd212dae', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get watchers() { return {
         "id": [{
@@ -498,9 +498,9 @@ const DBTag = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '6e87ea98743b6973817e5c8ab5100b369e3c577a', class: cls("db-tag", this.className), ref: (el) => {
+        return (h("div", { key: '61faefa2e89ddb597fcca3cb12f7d31c337e556a', class: cls("db-tag", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-semantic": this.semantic, "data-emphasis": this.emphasis, "data-icon": this.icon, "data-show-check-state": getBooleanAsString((_c = this.showCheckState) !== null && _c !== void 0 ? _c : true), "data-show-icon": getBooleanAsString(this.showIcon), "data-no-text": getBooleanAsString(this.noText), "data-overflow": getBooleanAsString(this.overflow) }, h("slot", { key: 'd36b9c086d8f01f4a5dfbcb1bd8af0e2e2879c38', name: "content" }), h("slot", { key: '3f00e92338335abc36f74e0ba33c8e6bd20a2998' }), this.text ? this.text : null, this.behavior === "removable" ? (h("button", { class: "db-button db-tab-remove-button", "data-icon": "cross", "data-size": "small", "data-no-text": "true", "data-variant": "ghost", type: "button", onClick: (event) => this.handleRemove(event) }, h("db-tooltip", { variant: "label" }, this.getRemoveButtonText()))) : 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-emphasis": this.emphasis, "data-icon": this.icon, "data-show-check-state": getBooleanAsString((_c = this.showCheckState) !== null && _c !== void 0 ? _c : true), "data-show-icon": getBooleanAsString(this.showIcon), "data-no-text": getBooleanAsString(this.noText), "data-overflow": getBooleanAsString(this.overflow) }, h("slot", { key: 'e5650c1151f1e86f51138c5e8b292e780bf7544b', name: "content" }), h("slot", { key: 'e4023db11c7b59964b4df105eb3af969ba3d558a' }), this.text ? this.text : null, this.behavior === "removable" ? (h("button", { class: "db-button db-tab-remove-button", "data-icon": "cross", "data-size": "small", "data-no-text": "true", "data-variant": "ghost", type: "button", onClick: (event) => this.handleRemove(event) }, h("db-tooltip", { variant: "label" }, this.getRemoveButtonText()))) : null));
     }
 };
 

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

@@ -46,9 +46,9 @@ const DBCustomSelectFormField = class {
     }
     render() {
         var _a, _b;
-        return (h("summary", { key: '1edca678b33ebc2e238f479fd303b155fd5f34ba', class: cls("db-custom-select-form-field", this.className), ref: (el) => {
+        return (h("summary", { key: '960e6eb6b0f7f46884e26a820f3ae38e13d57f33', class: cls("db-custom-select-form-field", 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 }, h("slot", { key: '646cf76bb6376af8ac5be736ffb33b7b83fc2406' })));
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id }, h("slot", { key: 'e109b45a0935d878434ae5e330d55fdab7fb438d' })));
     }
 };
 

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

@@ -792,19 +792,19 @@ const DBCustomSelect = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-        return (h("div", { key: '1eb32ad2f5badccbc6b84ef451b3627d1a4439f5', class: cls("db-custom-select", this.className), id: this._id, ref: (el) => {
+        return (h("div", { key: '04344ea736f4311c09459970f6c743516c0a45ba', class: cls("db-custom-select", this.className), id: this._id, ref: (el) => {
                 this._ref = el;
             }, "aria-invalid": this._validity === "invalid", "data-custom-validity": this._validity, "data-width": this.formFieldWidth, "data-variant": this.variant === "floating" &&
                 this.selectedType === "tag" &&
                 this.multiple
                 ? "above"
-                : this.variant, "data-required": getBooleanAsString(this.required), "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-placement": this.placement, "data-selected-type": this.multiple ? this.selectedType : "text", "data-hide-label": getHideProp(this.showLabel), "data-icon": this.icon, "data-show-icon": getBooleanAsString(this.showIcon) }, h("label", { key: 'e6803b081d3bc122a21257833ba64741820467b9', id: this._labelId }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL, h("select", { key: '5c3d8165e1183b06f632e6da64621e30840e22d2', role: "none", hidden: true, id: this._selectId, tabIndex: -1, ref: (el) => {
+                : this.variant, "data-required": getBooleanAsString(this.required), "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-placement": this.placement, "data-selected-type": this.multiple ? this.selectedType : "text", "data-hide-label": getHideProp(this.showLabel), "data-icon": this.icon, "data-show-icon": getBooleanAsString(this.showIcon) }, h("label", { key: 'ed856ad29b0f840ebe37c8edf275267efc780f2c', id: this._labelId }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL, h("select", { key: '093be2cd13041a45a95664e083125f5e4e8c2689', role: "none", hidden: true, id: this._selectId, tabIndex: -1, ref: (el) => {
                 this.selectRef = el;
             }, form: this.form, name: this.name, "data-custom-validity": this._validity, multiple: getBoolean(this.multiple, "multiple"), disabled: getBoolean(this.disabled, "disabled"), required: getBoolean(this.required, "required"), onChange: (event) => this.satisfyReact(event) }, ((_b = this.options) === null || _b === void 0 ? void 0 : _b.length)
             ? (_c = this.options) === null || _c === void 0 ? void 0 : _c.map((option) => (h("option", { disabled: option.disabled, value: option.value, key: undefined }, this.getOptionLabel(option))))
-            : null)), h("details", { key: 'd3a47c7e456138026a77228e3bd39814309c8ab2', ref: (el) => {
+            : null)), h("details", { key: 'e0617c55fb94a72432719b485d922d87cca58d40', ref: (el) => {
                 this.detailsRef = el;
-            }, open: this.open, onToggle: (event) => this.handleDropdownToggle(event), onKeyDown: (event) => this.handleKeyboardPress(event) }, h("slot", { key: 'fc7e14327dd7f731e69fee985b537bfb5df4ebf7' }), this.options ? (h(Fragment, null, h("summary", { class: "db-custom-select-form-field", id: this._summaryId, "aria-disabled": getBooleanAsString(this.disabled), tabIndex: this.disabled ? -1 : undefined, "aria-labelledby": this._labelId }, ((_d = this._selectedLabels) === null || _d === void 0 ? void 0 : _d.length) ? (h("span", { "data-visually-hidden": getBooleanAsString(this.selectedType === "tag"), id: this._selectedLabelsId }, this.selectedPrefix ? (h("span", { "data-visually-hidden": "true" }, this.selectedPrefix)) : null, this._selectedLabels)) : null, this.selectedType === "tag" ? (h("div", null, (_e = this._selectedOptions) === null || _e === void 0 ? void 0 : _e.map((option) => (h("db-tag", { emphasis: "strong", behavior: "removable", removeButton: this.getTagRemoveLabel(option), onRemove: (event) => this.handleTagRemove(option, event), key: undefined }, this.getOptionLabel(option)))))) : null), h("db-custom-select-dropdown", { width: this.dropdownWidth }, this.searchEnabled ? (h("div", null, h("db-input", { type: "search", ref: (el) => {
+            }, open: this.open, onToggle: (event) => this.handleDropdownToggle(event), onKeyDown: (event) => this.handleKeyboardPress(event) }, h("slot", { key: '4a4754177ce637816734d8e195d1d34b0e4a9707' }), this.options ? (h(Fragment, null, h("summary", { class: "db-custom-select-form-field", id: this._summaryId, "aria-disabled": getBooleanAsString(this.disabled), tabIndex: this.disabled ? -1 : undefined, "aria-labelledby": this._labelId }, ((_d = this._selectedLabels) === null || _d === void 0 ? void 0 : _d.length) ? (h("span", { "data-visually-hidden": getBooleanAsString(this.selectedType === "tag"), id: this._selectedLabelsId }, this.selectedPrefix ? (h("span", { "data-visually-hidden": "true" }, this.selectedPrefix)) : null, this._selectedLabels)) : null, this.selectedType === "tag" ? (h("div", null, (_e = this._selectedOptions) === null || _e === void 0 ? void 0 : _e.map((option) => (h("db-tag", { emphasis: "strong", behavior: "removable", removeButton: this.getTagRemoveLabel(option), onRemove: (event) => this.handleTagRemove(option, event), key: undefined }, this.getOptionLabel(option)))))) : null), h("db-custom-select-dropdown", { width: this.dropdownWidth }, this.searchEnabled ? (h("div", null, h("db-input", { type: "search", ref: (el) => {
                 this.searchInputRef = el;
             }, name: this._id, form: this._id, showLabel: false, value: this._searchValue, label: (_f = this.searchLabel) !== null && _f !== void 0 ? _f : DEFAULT_LABEL, placeholder: (_g = this.searchPlaceholder) !== null && _g !== void 0 ? _g : this.searchLabel, ariaDescribedBy: this._hasNoOptions || this.showLoading
                 ? this._infoTextId
@@ -814,7 +814,7 @@ const DBCustomSelect = class {
                 this.selectAllRef = el;
             }, form: this._id, checked: this.selectAllChecked, onChange: (event) => this.handleSelectAll(event) }), this.getSelectAllLabel())))) : null, h("db-custom-select-list", { multiple: getBoolean(this.multiple, "multiple"), label: (_k = (_j = this.listLabel) !== null && _j !== void 0 ? _j : this.label) !== null && _k !== void 0 ? _k : DEFAULT_LABEL }, (_l = this._options) === null || _l === void 0 ? void 0 : _l.map((option) => (h("db-custom-select-list-item", { type: this.multiple ? "checkbox" : "radio", showDivider: option.showDivider, icon: option.icon, isGroupTitle: option.isGroupTitle, groupTitle: this.getOptionLabel(option), name: this._id, checked: this.getOptionChecked(option.value), disabled: option.disabled, value: option.value, onChange: () => this.handleSelect(option.value), key: undefined }, !option.isGroupTitle
             ? this.getOptionLabel(option)
-            : null)))))), h("div", null, h("db-button", { variant: "ghost", width: "full", icon: "cross", size: "small", name: this._id, form: this._id, onClick: () => this.handleClose(undefined, true) }, (_m = this.mobileCloseButtonText) !== null && _m !== void 0 ? _m : DEFAULT_CLOSE_BUTTON))))) : null), ((_o = this.showClearSelection) !== null && _o !== void 0 ? _o : true) && ((_p = this._values) === null || _p === void 0 ? void 0 : _p.length) ? (h("db-button", { icon: "cross", variant: "ghost", size: "small", noText: true, name: this._id, form: this._id, disabled: getBoolean(this.disabled, "disabled"), onClick: (event) => this.handleClearAll(event) }, this.clearSelectionText, h("db-tooltip", { placement: "top" }, this.clearSelectionText))) : null, h("span", { key: '09e3a2a61b2be1027da1218b5115aaef6b9cdf2c', class: "db-custom-select-placeholder", "aria-hidden": getBooleanAsString(true), id: this._placeholderId }, (_q = this.placeholder) !== null && _q !== void 0 ? _q : this.label), 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: '68092f98cf584db276b56a27edfb1c2890ff6c92', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '701dedd77ceb37f3f02d04cec198540357683bcf', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+            : null)))))), h("div", null, h("db-button", { variant: "ghost", width: "full", icon: "cross", size: "small", name: this._id, form: this._id, onClick: () => this.handleClose(undefined, true) }, (_m = this.mobileCloseButtonText) !== null && _m !== void 0 ? _m : DEFAULT_CLOSE_BUTTON))))) : null), ((_o = this.showClearSelection) !== null && _o !== void 0 ? _o : true) && ((_p = this._values) === null || _p === void 0 ? void 0 : _p.length) ? (h("db-button", { icon: "cross", variant: "ghost", size: "small", noText: true, name: this._id, form: this._id, disabled: getBoolean(this.disabled, "disabled"), onClick: (event) => this.handleClearAll(event) }, this.clearSelectionText, h("db-tooltip", { placement: "top" }, this.clearSelectionText))) : null, h("span", { key: 'ea3f5751609a4383f9d381cfbc7947a4b0192880', class: "db-custom-select-placeholder", "aria-hidden": getBooleanAsString(true), id: this._placeholderId }, (_q = this.placeholder) !== null && _q !== void 0 ? _q : this.label), 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: 'd8733256a74ba4876d4080a27798f01264d6472d', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '4ca046467d7da79ac48f0e1dddf2712ef2a93074', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get watchers() { return {
         "id": [{

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

@@ -46,7 +46,7 @@ const DBDivider = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '229834e66fd365d36a7076ee50375f2d648016f2', class: cls("db-divider", this.className), ref: (el) => {
+        return (h("div", { key: '5773c14fcdd05f7e4b7b73af32c779133ac1b65b', class: cls("db-divider", 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-margin": this.margin, "data-variant": this.variant, "data-emphasis": this.emphasis, "data-width": this.width }));
     }

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

@@ -133,11 +133,11 @@ const DBDrawer = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("dialog", { key: 'a77c684f5435ebc90ca6df7eea30a4c1d6e8756e', class: "db-drawer", id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, ref: (el) => {
+        return (h("dialog", { key: '5980a60cbe0d46868a4a65d853551a25159523f0', class: "db-drawer", id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, ref: (el) => {
                 this._ref = el;
-            }, onClick: (event) => this.handleClose(event), onKeyDown: (event) => this.handleClose(event), "data-position": this.position, "data-backdrop": this.backdrop, "data-direction": this.direction, "data-variant": this.variant }, h("article", { key: '1c9046caa25e030eabdf3fd28d753b9dad127e65', class: cls("db-drawer-container", this.className), ref: (el) => {
+            }, onClick: (event) => this.handleClose(event), onKeyDown: (event) => this.handleClose(event), "data-position": this.position, "data-backdrop": this.backdrop, "data-direction": this.direction, "data-variant": this.variant }, h("article", { key: '305ff89261e63e2dbe0640fc9be97b330a4b94cf', class: cls("db-drawer-container", this.className), ref: (el) => {
                 this.dialogContainerRef = el;
-            }, "data-spacing": this.spacing, "data-width": this.width, "data-direction": this.direction, "data-rounded": getBooleanAsString(this.rounded) }, h("header", { key: 'c1a8e4bf257692043ec2aa945d989e086eccc06f', class: "db-drawer-header" }, h("div", { key: 'b8f5bdf217dae13886ba01a40709b9c30f69cc90', class: "db-drawer-header-text" }, h("slot", { key: '21399153c1199194f36647762e9f9d5b2e9a7df7', name: "drawerHeader" })), h("db-button", { key: 'a2e1db9ad80a3bd8693f548328aaa9d8ab6295e6', class: "button-close-drawer", icon: "cross", variant: "ghost", id: this.closeButtonId, noText: true, onClick: (event) => this.handleClose(event, true) }, (_c = this.closeButtonText) !== null && _c !== void 0 ? _c : DEFAULT_CLOSE_BUTTON)), h("div", { key: '1d674c4475959d95494badd902d6f0e379adc521', class: "db-drawer-content" }, h("slot", { key: '2f387f354572ce09ae5f73117d2930f8a682fc8e' })))));
+            }, "data-spacing": this.spacing, "data-width": this.width, "data-direction": this.direction, "data-rounded": getBooleanAsString(this.rounded) }, h("header", { key: 'fe07654ff3c238c6a0eb2f73ff5f8a035ff9232c', class: "db-drawer-header" }, h("div", { key: '56eff8cf0d755c027bf72e2319e7897ed3b4b51c', class: "db-drawer-header-text" }, h("slot", { key: 'ff8378e26a292c20991899764a927aadd5b35ac8', name: "drawerHeader" })), h("db-button", { key: '5300a384462ceb1ac7ac9272bed2ee34f426ccf2', class: "button-close-drawer", icon: "cross", variant: "ghost", id: this.closeButtonId, noText: true, onClick: (event) => this.handleClose(event, true) }, (_c = this.closeButtonText) !== null && _c !== void 0 ? _c : DEFAULT_CLOSE_BUTTON)), h("div", { key: '681bd3593f743539104398e0dbb6628abdd8ae2c', class: "db-drawer-content" }, h("slot", { key: 'ad9f204d5f0b6b44fec8bfc49f8aa361cbb155d7' })))));
     }
     static get watchers() { return {
         "open": [{