@db-ux/wc-core-components 4.12.0 → 4.13.0

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

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

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

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,g as e}from"./p-BlbKvvUv.js";import{s as a}from"./p-BdL-nI5y.js";import{o as d,e as h,d as o,g as n,c as r}from"./p-fumiz06Y.js";const c=class{constructor(i){t(this,i),this.close=s(this,"close"),this.initialized=!1,this.backdropPointerDown=!1,this.observer=void 0}isNotModal(){return"absolute"===this.position||"none"===this.backdrop||"inside"===this.variant}handleBackdropPointerDown(t){var s;this.backdropPointerDown="DIALOG"===(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.nodeName)}handleClose(t,s){var i;t&&(d(t)?"Escape"===t.key&&(t.preventDefault(),this.close&&this.close.emit(t)):(s&&(t.stopPropagation(),this.close&&this.close.emit(t)),"DIALOG"===(null===(i=t.target)||void 0===i?void 0:i.nodeName)&&"click"===t.type&&"none"!==this.backdrop&&this.backdropPointerDown&&this.close&&this.close.emit(t),this.backdropPointerDown=!1))}handleDialogOpen(){if(this._ref){const t=h(this.open,"open");t&&!this._ref.open&&(this.dialogContainerRef&&this.dialogContainerRef.removeAttribute("data-transition"),this.isNotModal()?this._ref.show():(this._ref.setAttribute("closedby","any"),this._ref.showModal()),o((()=>{this.dialogContainerRef&&(this.dialogContainerRef.dataset.transition="open")}),1)),!t&&this._ref.open&&(this.dialogContainerRef&&(this.dialogContainerRef.dataset.transition="close"),o((()=>{var t;null===(t=this._ref)||void 0===t||t.close()}),401))}}setupObserver(t){if(!t)return;const s=t.closest("db-drawer");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const i=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==i?void 0:i.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-drawer")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let e=0;e<s.length;e++){const a=s.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),i.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),i.removeAttribute(a.name);else if(a&&"class"===a.name){const s=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(a.name,`${d||""}${e?` ${e}`:""}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(a.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(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-drawer"),(()=>{this.handleDialogOpen(),this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s,e;return i("dialog",{key:"c03126193778f601b7ff3aeeeff508c8920e67a7",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),onMouseDown:t=>this.handleBackdropPointerDown(t),onKeyDown:t=>this.handleClose(t),"data-position":this.position,"data-backdrop":this.backdrop,"data-direction":this.direction,"data-variant":this.variant},i("article",{key:"64661349d858bf5be872d664b44bc6fa829014e6",class:r("db-drawer-container",this.className),ref:t=>{this.dialogContainerRef=t},"data-spacing":this.spacing,"data-width":this.width,"data-direction":this.direction,"data-rounded":n(this.rounded,"rounded")},i("header",{key:"b758a538b1337573090305aadcf3bc3befef1bf3",class:"db-drawer-header"},i("div",{key:"235f2be7afc9c968b9270178c2720a5a50436123",class:"db-drawer-header-text"},i("slot",{key:"26787a5e103d2d34785ce1eccd0ff73b6733fce8",name:"drawerHeader"})),i("db-button",{key:"1d22b406c4e235e91bc9bfc3265a0aaa9c7f8e8c",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:a)),i("div",{key:"0e338b2e11c8582ba59595f34d8fc4911db7025e",class:"db-drawer-content"},i("slot",{key:"c761758ada4d1602878a58de6003e01cf5b5d075"}))))}get rootElement(){return e(this)}static get watchers(){return{open:[{watch0:0}],_ref:[{watch1:0}],initialized:[{watch1:0}],position:[{watch1:0}]}}};export{c as db_drawer}

package/dist/db-ux/{p-6fd70ba4.entry.js → p-f5f73623.entry.js}

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

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

@@ -14,6 +14,9 @@ const DBButton = class {
         else if (this.click) {
             return "button";
         }
+        else if (this.commandfor) {
+            return "button";
+        }
         return "submit";
     }
     setupObserver(element) {
@@ -93,10 +96,10 @@ const DBButton = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("button", { key: '5eadddc7c23a90019ab373dfd11aedfc2000735f', class: cls("db-button", this.className), ref: (el) => {
+        return (h("button", { key: 'bd382d51378136c65704c74fdad02b9b8433890f', class: cls("db-button", this.className), ref: (el) => {
                 this._ref = el;
             }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, type: this.getButtonType(), disabled: getBoolean(this.disabled, "disabled"), "data-icon": (_c = this.iconLeading) !== null && _c !== void 0 ? _c : this.icon, "data-show-icon": getBooleanAsString(this.showIconLeading, "showIconLeading") ||
-                getBooleanAsString(this.showIcon, "showIcon"), "data-icon-trailing": this.iconTrailing, "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing, "showIconTrailing"), "data-size": this.size, "data-width": this.width, "data-variant": this.variant, "data-wrap": getBooleanAsString(this.wrap, "wrap"), "data-no-text": getBooleanAsString(this.noText, "noText"), name: this.name, form: this.form, value: this.value }, this.text ? this.text : null, h("slot", { key: 'd42f84050c3eb885783ed3488293062cf9a00bcf' })));
+                getBooleanAsString(this.showIcon, "showIcon"), "data-icon-trailing": this.iconTrailing, "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing, "showIconTrailing"), "data-size": this.size, "data-width": this.width, "data-variant": this.variant, "data-wrap": getBooleanAsString(this.wrap, "wrap"), "data-no-text": getBooleanAsString(this.noText, "noText"), name: this.name, form: this.form, value: this.value, command: this.command, commandfor: this.commandfor }, this.text ? this.text : null, h("slot", { key: '76611f6bae15865842bcfa1c1b2666f905633b1f' })));
     }
     get rootElement() { return getElement(this); }
 };

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

@@ -290,7 +290,7 @@ const DBCustomSelectListItem = class {
                 "db-radio": this.type !== "checkbox" && !this.isGroupTitle,
             }), 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-divider": getBooleanAsString(this.hasDivider, "hasDivider") }, !this.isGroupTitle ? (h("label", { "data-icon": this.type !== "checkbox" && this.icon ? this.icon : undefined, "data-show-icon": getBooleanAsString(this.showIcon, "showIcon"), "data-icon-trailing": this.getIconTrailing() }, h("input", { class: "db-custom-select-list-item-checkbox", "data-disable-focus": "true", type: this.type, name: this.name, form: this.name, checked: getBoolean(this.checked, "checked"), disabled: getBoolean(this.disabled, "disabled"), value: this.value, onChange: (event) => this.handleChange(event) }), this.label ? this.label : null, h("slot", null))) : (h("span", null, this.groupTitle))));
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-divider": getBooleanAsString(this.hasDivider, "hasDivider") }, !this.isGroupTitle ? (h("label", { "data-icon": this.type !== "checkbox" && this.icon ? this.icon : undefined, "data-show-icon": getBooleanAsString(this.showIcon, "showIcon"), "data-icon-trailing": this.getIconTrailing() }, h("input", { class: "db-custom-select-list-item-checkbox", "data-disable-focus": "true", type: this.type, name: this.name, form: this.name, checked: getBoolean(this.checked, "checked"), disabled: getBoolean(this.disabled, "disabled"), value: this.value, onChange: (event) => this.handleChange(event) }), h("span", { class: "db-custom-select-list-item-label" }, this.label ? this.label : null, h("slot", null)))) : (h("span", null, this.groupTitle))));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@ import { l as DEFAULT_INVALID_MESSAGE, a as DEFAULT_LABEL, m as DEFAULT_REMOVE,
 import { h as hasVoiceOver, d as delay, s as stringPropVisible, m as getSearchInput, u as uuid, e as getBoolean, g as getBooleanAsString, l as getHideProp, c as cls } from './index-fumiz06Y.js';
 import { D as DocumentClickListener } from './document-click-listener-9wJfRcvz.js';
 import { D as DocumentScrollListener } from './document-scroll-listener-4F0ZAg9p.js';
-import { a as handleFixedDropdown } from './floating-components-DOPXnIzL.js';
+import { a as handleFixedDropdown } from './floating-components-C0q9XJSc.js';
 import { b as addResetEventListener } from './form-components-ZV7IN0oG.js';
 
 const DBCustomSelect = class {
@@ -431,6 +431,7 @@ const DBCustomSelect = class {
         }
     }
     handleSearch(valueOrEvent) {
+        var _a;
         if (valueOrEvent === undefined) {
             return;
         }
@@ -459,6 +460,9 @@ const DBCustomSelect = class {
                     .toLowerCase()
                     .includes(filterText.toLowerCase()));
         }
+        if ((_a = this.detailsRef) === null || _a === void 0 ? void 0 : _a.open) {
+            this.handleAutoPlacement();
+        }
     }
     handleClearAll(event) {
         event.stopPropagation();
@@ -688,10 +692,14 @@ const DBCustomSelect = class {
         this.watch11Fn();
     }
     watch12Fn() {
-        var _a, _b;
+        var _a, _b, _c;
         this._options = this.options;
         this.amountOptions =
             (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.filter((option) => !option.isGroupTitle).length) !== null && _b !== void 0 ? _b : 0;
+        // Reposition open auto-width dropdowns: replacing options can change their content width.
+        if ((_c = this.detailsRef) === null || _c === void 0 ? void 0 : _c.open) {
+            this.handleAutoPlacement();
+        }
     }
     watch12() {
         this.watch12Fn();
@@ -832,19 +840,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: '83046fc855d23b9e678b3439a05a837849dffff1', class: cls("db-custom-select", this.className), id: this._id, ref: (el) => {
+        return (h("div", { key: '9f804bd057ef9cde5cc83263e5b1e3a477ad5d2e', 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, "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, "showIcon") }, h("label", { key: '015ece24c6eafe5d148749641fa045cc40e3352c', id: this._labelId }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL, h("select", { key: '1472fec486eaa5abf3103037c1ab3beb94001f4f', role: "none", hidden: true, id: this._selectId, tabIndex: -1, ref: (el) => {
+                : this.variant, "data-required": getBooleanAsString(this.required, "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, "showIcon") }, h("label", { key: '1ce826237b63c3abfad8b55068c25fdc4acc2d7a', id: this._labelId }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL, h("select", { key: '9f16da6b3d9e633e4ce70e8654925df86a901074', 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: 'da28a110e387920a7ca6b7bb20e367d6aab2e7e5', ref: (el) => {
+            : null)), h("details", { key: '6a88c236898236ee539bced6fa3b3918be8f693d', ref: (el) => {
                 this.detailsRef = el;
-            }, open: this.open, onToggle: (event) => this.handleDropdownToggle(event), onKeyDown: (event) => this.handleKeyboardPress(event) }, h("slot", { key: 'a9708a4d0dc7e24e3a2a0a5790b7bdf1f6d9c711' }), this.options ? (h(Fragment, null, h("summary", { class: "db-custom-select-form-field", id: this._summaryId, "aria-disabled": getBooleanAsString(this.disabled, "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", "selectedType"), 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: 'c9dd3e30dd094da51de1b2064749a211fef6eb36' }), this.options ? (h(Fragment, null, h("summary", { class: "db-custom-select-form-field", id: this._summaryId, "aria-disabled": getBooleanAsString(this.disabled, "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", "selectedType"), 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
@@ -854,7 +862,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: '2239de0c36c6289a623146c363987b1874e468cc', class: "db-custom-select-placeholder", "aria-hidden": "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: '55fe7e28b2124a471bc814601925cdf86abd8178', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '294d2fad5268e30791745abee8589d5266524807', "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: '3210abcd9df6f8232346aa78def9e3bd078f35db', class: "db-custom-select-placeholder", "aria-hidden": "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: 'a552df2b93f899230e80623e2014691e411c3b40', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: 'b29045acf1f702b90b434dc4aa9d589c0c6c57f5', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -7,8 +7,22 @@ const DBDrawer = class {
         registerInstance(this, hostRef);
         this.close = createEvent(this, "close");
         this.initialized = false;
+        this.backdropPointerDown = false;
         this.observer = undefined;
     }
+    isNotModal() {
+        return (this.position === "absolute" ||
+            this.backdrop === "none" ||
+            this.variant === "inside");
+    }
+    handleBackdropPointerDown(event) {
+        var _a;
+        // Remember whether the pointer interaction started on the backdrop
+        // (the DIALOG element itself) so we only close on a real backdrop
+        // click and not when a drag started inside the content and ended
+        // on the backdrop.
+        this.backdropPointerDown = ((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.nodeName) === "DIALOG";
+    }
     handleClose(event, forceClose) {
         var _a;
         if (!event)
@@ -30,11 +44,15 @@ const DBDrawer = class {
             }
             if (((_a = event.target) === null || _a === void 0 ? void 0 : _a.nodeName) === "DIALOG" &&
                 event.type === "click" &&
-                this.backdrop !== "none") {
+                this.backdrop !== "none" &&
+                this.backdropPointerDown) {
                 if (this.close) {
                     this.close.emit(event);
                 }
             }
+            // Reset after handling the click so the next interaction
+            // starts from a clean state.
+            this.backdropPointerDown = false;
         }
     }
     handleDialogOpen() {
@@ -44,12 +62,15 @@ const DBDrawer = class {
                 if (this.dialogContainerRef) {
                     this.dialogContainerRef.removeAttribute("data-transition");
                 }
-                if (this.position === "absolute" ||
-                    this.backdrop === "none" ||
-                    this.variant === "inside") {
+                if (this.isNotModal()) {
                     this._ref.show();
                 }
                 else {
+                    // Set the closedby attribute imperatively: the JSX
+                    // dialog type does not know this attribute yet, and it
+                    // only applies to modal dialogs. "any" enables native
+                    // light dismiss (backdrop click / Esc).
+                    this._ref.setAttribute("closedby", "any");
                     this._ref.showModal();
                 }
                 void delay(() => {
@@ -176,11 +197,11 @@ const DBDrawer = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("dialog", { key: 'da82f7380e7d7e4fcad45db3ba3ec83b02b2c197', 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: 'c03126193778f601b7ff3aeeeff508c8920e67a7', 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: '2cf07ab412c07ee52693bc274e672e162fcfdb6a', class: cls("db-drawer-container", this.className), ref: (el) => {
+            }, onClick: (event) => this.handleClose(event), onMouseDown: (event) => this.handleBackdropPointerDown(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: '64661349d858bf5be872d664b44bc6fa829014e6', 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, "rounded") }, h("header", { key: 'e157aa7d79396cba7dc80d9b28cfcf0bbd5023f9', class: "db-drawer-header" }, h("div", { key: '8297856ab0be4390b13de2331993615a777d0fb0', class: "db-drawer-header-text" }, h("slot", { key: '171f6828f42cdea289e09dd7700561d35df8fe71', name: "drawerHeader" })), h("db-button", { key: 'c066db25db7b90abdd4f4cd169257a7f1f523a47', 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: 'd25e9aab5c3a65028599e09d0cb0c8e9b714b459', class: "db-drawer-content" }, h("slot", { key: '77cb41d2176ca55ead3ad1f4dd58605864bf8d6a' })))));
+            }, "data-spacing": this.spacing, "data-width": this.width, "data-direction": this.direction, "data-rounded": getBooleanAsString(this.rounded, "rounded") }, h("header", { key: 'b758a538b1337573090305aadcf3bc3befef1bf3', class: "db-drawer-header" }, h("div", { key: '235f2be7afc9c968b9270178c2720a5a50436123', class: "db-drawer-header-text" }, h("slot", { key: '26787a5e103d2d34785ce1eccd0ff73b6733fce8', name: "drawerHeader" })), h("db-button", { key: '1d22b406c4e235e91bc9bfc3265a0aaa9c7f8e8c', 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: '0e338b2e11c8582ba59595f34d8fc4911db7025e', class: "db-drawer-content" }, h("slot", { key: 'c761758ada4d1602878a58de6003e01cf5b5d075' })))));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-BlbKvvUv.js';
 import { p as DEFAULT_BURGER_MENU } from './constants-BdL-nI5y.js';
 import { e as getBoolean, a as addAttributeToChildren, c as cls } from './index-fumiz06Y.js';
-import { i as isEventTargetNavigationItem } from './navigation-Jh6m0eMk.js';
-import './floating-components-DOPXnIzL.js';
+import { i as isEventTargetNavigationItem } from './navigation-Cd7KZ6E2.js';
+import './floating-components-C0q9XJSc.js';
 
 const DBHeader = class {
     constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-BlbKvvUv.js';
 import { n as DEFAULT_BACK } from './constants-BdL-nI5y.js';
 import { d as delay, e as getBoolean, g as getBooleanAsString, c as cls, u as uuid } from './index-fumiz06Y.js';
-import { N as NavigationItemSafeTriangle } from './navigation-Jh6m0eMk.js';
-import './floating-components-DOPXnIzL.js';
+import { N as NavigationItemSafeTriangle } from './navigation-Cd7KZ6E2.js';
+import './floating-components-C0q9XJSc.js';
 
 const DBNavigationItem = class {
     constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-BlbKvvUv.js';
 import { d as delay, g as getBooleanAsString, c as cls } from './index-fumiz06Y.js';
 import { D as DocumentScrollListener } from './document-scroll-listener-4F0ZAg9p.js';
-import { b as handleFixedPopover } from './floating-components-DOPXnIzL.js';
+import { b as handleFixedPopover } from './floating-components-C0q9XJSc.js';
 
 const DBPopover = class {
     constructor(hostRef) {

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-BlbKvvUv.js';
 import { D as DEFAULT_ID } from './constants-BdL-nI5y.js';
 import { d as delay, u as uuid, g as getBooleanAsString, c as cls } from './index-fumiz06Y.js';
 import { D as DocumentScrollListener } from './document-scroll-listener-4F0ZAg9p.js';
-import { b as handleFixedPopover } from './floating-components-DOPXnIzL.js';
+import { b as handleFixedPopover } from './floating-components-C0q9XJSc.js';
 
 const DBTooltip = class {
     constructor(hostRef) {

package/dist/esm/db-ux.js

@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"db-custom-select\",[[260,\"db-custom-select\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"showNoResults\":[4,\"show-no-results\"],\"showLoading\":[4,\"show-loading\"],\"multiple\":[8],\"showSelectAll\":[4,\"show-select-all\"],\"showSearch\":[4,\"show-search\"],\"values\":[16],\"validation\":[1],\"options\":[16],\"searchValue\":[1,\"search-value\"],\"selectedLabels\":[1,\"selected-labels\"],\"transformSelectedLabels\":[16],\"selectedType\":[1,\"selected-type\"],\"amountText\":[1,\"amount-text\"],\"validMessage\":[1,\"valid-message\"],\"required\":[8],\"selectAllLabel\":[1,\"select-all-label\"],\"removeTagsTexts\":[16],\"placement\":[1],\"searchFilter\":[16],\"className\":[1,\"classname\"],\"formFieldWidth\":[1,\"form-field-width\"],\"variant\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showLabel\":[8,\"show-label\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"label\":[1],\"form\":[1],\"name\":[1],\"disabled\":[8],\"open\":[4],\"selectedPrefix\":[1,\"selected-prefix\"],\"dropdownWidth\":[1,\"dropdown-width\"],\"searchLabel\":[1,\"search-label\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"listLabel\":[1,\"list-label\"],\"loadingText\":[1,\"loading-text\"],\"noResultsText\":[1,\"no-results-text\"],\"mobileCloseButtonText\":[1,\"mobile-close-button-text\"],\"showClearSelection\":[4,\"show-clear-selection\"],\"clearSelectionText\":[1,\"clear-selection-text\"],\"placeholder\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_selectId\":[32],\"_labelId\":[32],\"_summaryId\":[32],\"_placeholderId\":[32],\"_infoTextId\":[32],\"_validity\":[32],\"_userInteraction\":[32],\"abortController\":[32],\"_descByIds\":[32],\"_selectedLabels\":[32],\"_selectedLabelsId\":[32],\"_voiceOverFallback\":[32],\"_selectedOptions\":[32],\"selectAllEnabled\":[32],\"searchEnabled\":[32],\"amountOptions\":[32],\"_values\":[32],\"_options\":[32],\"_hasNoOptions\":[32],\"_documentClickListenerCallbackId\":[32],\"_internalChangeTimestamp\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32],\"_searchValue\":[32],\"selectAllChecked\":[32],\"selectAllIndeterminate\":[32],\"observer\":[32]},null,{\"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}]}]]],[\"db-table\",[[260,\"db-table\",{\"data\":[1],\"mobileVariant\":[1,\"mobile-variant\"],\"columnSizes\":[16],\"className\":[1,\"classname\"],\"width\":[1],\"size\":[1],\"divider\":[1],\"variant\":[1],\"showCaption\":[8,\"show-caption\"],\"stickyHeader\":[1,\"sticky-header\"],\"id\":[1],\"captionPlain\":[1,\"caption-plain\"],\"_data\":[32],\"_style\":[32],\"observer\":[32]},null,{\"data\":[{\"watch0\":0}],\"mobileVariant\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0}],\"_data\":[{\"watch1\":0}],\"columnSizes\":[{\"watch2\":0}]}]]],[\"db-tabs\",[[260,\"db-tabs\",{\"name\":[1],\"tabs\":[1],\"arrowScrollDistance\":[8,\"arrow-scroll-distance\"],\"orientation\":[1],\"behavior\":[1],\"initialSelectedMode\":[1,\"initial-selected-mode\"],\"initialSelectedIndex\":[8,\"initial-selected-index\"],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"alignment\":[1],\"width\":[1],\"_name\":[32],\"initialized\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"scrollContainer\":[32],\"_resizeObserver\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"db-header\",[[260,\"db-header\",{\"forceMobile\":[8,\"force-mobile\"],\"drawerOpen\":[8,\"drawer-open\"],\"className\":[1,\"classname\"],\"id\":[1],\"propOverrides\":[16],\"width\":[1],\"burgerMenuLabel\":[1,\"burger-menu-label\"],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"initialized\":[32],\"forcedToMobile\":[32],\"observer\":[32]},null,{\"initialized\":[{\"watch0\":0}],\"_ref\":[{\"watch0\":0}]}]]],[\"db-accordion\",[[260,\"db-accordion\",{\"name\":[1],\"behavior\":[1],\"initOpenIndex\":[16],\"items\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"_name\":[32],\"initialized\":[32],\"_initOpenIndexDone\":[32],\"observer\":[32]},null,{\"initialized\":[{\"watch0\":0}],\"name\":[{\"watch0\":0}],\"behavior\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch2\":0}],\"_name\":[{\"watch1\":0}],\"_initOpenIndexDone\":[{\"watch2\":0}],\"initOpenIndex\":[{\"watch2\":0}]}]]],[\"db-checkbox\",[[260,\"db-checkbox\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"indeterminate\":[8],\"checked\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"className\":[1,\"classname\"],\"size\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showLabel\":[8,\"show-label\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"label\":[1],\"messageIcon\":[1,\"message-icon\"],\"initialized\":[32],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch3\":0},{\"watch4\":0},{\"watch5\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"initialized\":[{\"watch3\":0},{\"watch4\":0}],\"indeterminate\":[{\"watch3\":0}],\"checked\":[{\"watch4\":0}]}]]],[\"db-navigation-item\",[[260,\"db-navigation-item\",{\"id\":[1],\"subNavigationExpanded\":[8,\"sub-navigation-expanded\"],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"width\":[1],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"active\":[4],\"wrap\":[8],\"disabled\":[8],\"hideSubNavigation\":[8,\"hide-sub-navigation\"],\"text\":[1],\"backButtonId\":[1,\"back-button-id\"],\"backButtonText\":[1,\"back-button-text\"],\"initialized\":[32],\"hasAreaPopup\":[32],\"hasSubNavigation\":[32],\"isSubNavigationExpanded\":[32],\"autoClose\":[32],\"navigationItemSafeTriangle\":[32],\"subNavigationId\":[32],\"subNavigationToggleId\":[32],\"observer\":[32]},null,{\"subNavigationExpanded\":[{\"watch0\":0}],\"initialized\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0}]}]]],[\"db-notification\",[[260,\"db-notification\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"semantic\":[1],\"role\":[1],\"ariaLive\":[1,\"aria-live\"],\"variant\":[1],\"showIcon\":[8,\"show-icon\"],\"icon\":[1],\"linkVariant\":[1,\"link-variant\"],\"headline\":[8],\"showHeadline\":[8,\"show-headline\"],\"text\":[1],\"timestamp\":[1],\"showTimestamp\":[8,\"show-timestamp\"],\"timestampDatetime\":[1,\"timestamp-datetime\"],\"closeable\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"observer\":[32]}]]],[\"db-select\",[[260,\"db-select\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"placeholder\":[1],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"variant\":[1],\"showEmptyOption\":[4,\"show-empty-option\"],\"className\":[1,\"classname\"],\"showLabel\":[8,\"show-label\"],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"label\":[1],\"disabled\":[8],\"name\":[1],\"size\":[2],\"autocomplete\":[1],\"multiple\":[4],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"options\":[16],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_placeholderId\":[32],\"_descByIds\":[32],\"_value\":[32],\"initialized\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"initialized\":[{\"watch2\":0}],\"value\":[{\"watch3\":0}]}]]],[\"db-switch\",[[260,\"db-switch\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"validation\":[1],\"required\":[8],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"validMessage\":[1,\"valid-message\"],\"checked\":[8],\"disabled\":[8],\"visualAid\":[8,\"visual-aid\"],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"variant\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"className\":[1,\"classname\"],\"value\":[8],\"name\":[1],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"iconTrailing\":[1,\"icon-trailing\"],\"label\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"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}]}]]],[\"db-textarea\",[[0,\"db-textarea\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"minLength\":[8,\"min-length\"],\"maxLength\":[8,\"max-length\"],\"className\":[1,\"classname\"],\"variant\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showLabel\":[8,\"show-label\"],\"label\":[1],\"fieldSizing\":[1,\"field-sizing\"],\"resize\":[1],\"showResizer\":[8,\"show-resizer\"],\"disabled\":[8],\"readOnly\":[8,\"read-only\"],\"readonly\":[8],\"form\":[1],\"maxlength\":[8],\"minlength\":[8],\"name\":[1],\"wrap\":[1],\"spellCheck\":[4,\"spell-check\"],\"autocomplete\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"placeholder\":[1],\"rows\":[8],\"cols\":[8],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"value\":[{\"watch3\":0}]}]]],[\"db-badge\",[[260,\"db-badge\",{\"placement\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"semantic\":[1],\"size\":[1],\"emphasis\":[1],\"wrap\":[8],\"label\":[1],\"text\":[1],\"initialized\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"db-brand\",[[260,\"db-brand\",{\"hideLogo\":[4,\"hide-logo\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"text\":[1],\"observer\":[32]}]]],[\"db-card\",[[260,\"db-card\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"behavior\":[1],\"elevationLevel\":[1,\"elevation-level\"],\"spacing\":[1],\"observer\":[32]}]]],[\"db-custom-button\",[[260,\"db-custom-button\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"iconTrailing\":[1,\"icon-trailing\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"size\":[1],\"width\":[1],\"variant\":[1],\"noText\":[8,\"no-text\"],\"observer\":[32]}]]],[\"db-custom-select-form-field\",[[260,\"db-custom-select-form-field\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-divider\",[[0,\"db-divider\",{\"id\":[1],\"propOverrides\":[16],\"margin\":[1],\"variant\":[1],\"emphasis\":[1],\"width\":[1],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-icon\",[[260,\"db-icon\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"icon\":[1],\"weight\":[1],\"variant\":[1],\"text\":[1],\"observer\":[32]}]]],[\"db-navigation\",[[260,\"db-navigation\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-page\",[[260,\"db-page\",{\"fadeIn\":[8,\"fade-in\"],\"documentOverflow\":[1,\"document-overflow\"],\"variant\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"mainClass\":[1,\"main-class\"],\"fontsLoaded\":[32],\"observer\":[32]}]]],[\"db-popover\",[[260,\"db-popover\",{\"placement\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"spacing\":[1],\"gap\":[8],\"animation\":[8],\"open\":[8],\"delay\":[1],\"width\":[1],\"initialized\":[32],\"isExpanded\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0},{\"watch1\":0}],\"initialized\":[{\"watch0\":0}],\"isExpanded\":[{\"watch1\":0}]}]]],[\"db-radio\",[[260,\"db-radio\",{\"id\":[1],\"propOverrides\":[16],\"checked\":[8],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"className\":[1,\"classname\"],\"validation\":[1],\"name\":[1],\"disabled\":[8],\"value\":[8],\"required\":[8],\"label\":[1],\"initialized\":[32],\"_id\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"initialized\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0},{\"watch2\":0}],\"checked\":[{\"watch1\":0}]}]]],[\"db-section\",[[260,\"db-section\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"observer\":[32]}]]],[\"db-stack\",[[260,\"db-stack\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"gap\":[1],\"variant\":[1],\"direction\":[1],\"alignment\":[1],\"justifyContent\":[1,\"justify-content\"],\"wrap\":[8],\"observer\":[32]}]]],[\"db-table-caption\",[[260,\"db-table-caption\",{\"id\":[1],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-drawer\",[[260,\"db-drawer\",{\"open\":[8],\"position\":[1],\"backdrop\":[1],\"variant\":[1],\"id\":[1],\"propOverrides\":[16],\"direction\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"rounded\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"initialized\":[32],\"observer\":[32]},null,{\"open\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0}],\"initialized\":[{\"watch1\":0}],\"position\":[{\"watch1\":0}]}]]],[\"db-accordion-item\",[[260,\"db-accordion-item\",{\"defaultOpen\":[4,\"default-open\"],\"name\":[1],\"open\":[8],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"disabled\":[8],\"headlinePlain\":[1,\"headline-plain\"],\"text\":[1],\"_open\":[32],\"_name\":[32],\"initialized\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}],\"name\":[{\"watch1\":0}],\"open\":[{\"watch2\":0}]}]]],[\"db-tooltip\",[[260,\"db-tooltip\",{\"id\":[1],\"propOverrides\":[16],\"variant\":[1],\"placement\":[1],\"className\":[1,\"classname\"],\"emphasis\":[1],\"wrap\":[8],\"animation\":[8],\"delay\":[1],\"width\":[1],\"showArrow\":[8,\"show-arrow\"],\"text\":[1],\"_id\":[32],\"initialized\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32],\"_attachedParent\":[32],\"_attachedId\":[32],\"_activeTriggerCount\":[32],\"_boundListeners\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0}],\"initialized\":[{\"watch1\":0}],\"_id\":[{\"watch1\":0}]}]]],[\"db-table-body_3\",[[260,\"db-table-body\",{\"id\":[1],\"className\":[1,\"classname\"],\"rows\":[16]}],[260,\"db-table-footer\",{\"id\":[1],\"className\":[1,\"classname\"],\"rows\":[16]}],[260,\"db-table-head\",{\"id\":[1],\"className\":[1,\"classname\"],\"rows\":[16],\"observer\":[32]}]]],[\"db-tab-item_3\",[[260,\"db-tab-item\",{\"active\":[8],\"name\":[1],\"className\":[1,\"classname\"],\"id\":[1],\"propOverrides\":[16],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"iconTrailing\":[1,\"icon-trailing\"],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"noText\":[8,\"no-text\"],\"disabled\":[8],\"checked\":[8],\"label\":[1],\"_selected\":[32],\"_name\":[32],\"initialized\":[32],\"_listenerAdded\":[32],\"boundSetSelectedOnChange\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}],\"boundSetSelectedOnChange\":[{\"watch0\":0}],\"name\":[{\"watch1\":0}]}],[260,\"db-tab-list\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}],[260,\"db-tab-panel\",{\"className\":[1,\"classname\"],\"id\":[1],\"propOverrides\":[16],\"content\":[1],\"observer\":[32]}]]],[\"db-custom-select-dropdown_5\",[[260,\"db-input\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"dataListId\":[1,\"data-list-id\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"minLength\":[8,\"min-length\"],\"maxLength\":[8,\"max-length\"],\"pattern\":[1],\"dataList\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[8,\"show-label\"],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"iconTrailing\":[1,\"icon-trailing\"],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"label\":[1],\"fieldSizing\":[1,\"field-sizing\"],\"name\":[1],\"type\":[1],\"multiple\":[8],\"accept\":[1],\"placeholder\":[1],\"disabled\":[8],\"step\":[8],\"maxlength\":[8],\"minlength\":[8],\"max\":[8],\"min\":[8],\"readOnly\":[8,\"read-only\"],\"readonly\":[8],\"form\":[1],\"size\":[2],\"autocomplete\":[1],\"autofocus\":[8],\"enterkeyhint\":[1],\"inputmode\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"messageSize\":[1,\"message-size\"],\"messageIcon\":[1,\"message-icon\"],\"validMessageSize\":[1,\"valid-message-size\"],\"invalidMessageSize\":[1,\"invalid-message-size\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_dataListId\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"value\":[{\"watch3\":0}]}],[260,\"db-tag\",{\"removeButton\":[1,\"remove-button\"],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"semantic\":[1],\"emphasis\":[1],\"icon\":[1],\"showCheckState\":[8,\"show-check-state\"],\"showIcon\":[8,\"show-icon\"],\"noText\":[8,\"no-text\"],\"overflow\":[8],\"text\":[1],\"behavior\":[1],\"observer\":[32]}],[260,\"db-custom-select-dropdown\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"width\":[1],\"observer\":[32]}],[260,\"db-custom-select-list\",{\"multiple\":[4],\"label\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}],[260,\"db-custom-select-list-item\",{\"isGroupTitle\":[4,\"is-group-title\"],\"showDivider\":[4,\"show-divider\"],\"type\":[1],\"checked\":[8],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"groupTitle\":[1,\"group-title\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"label\":[1],\"hasDivider\":[32],\"observer\":[32]},null,{\"isGroupTitle\":[{\"watch0\":0}],\"showDivider\":[{\"watch0\":0}]}]]],[\"db-button\",[[260,\"db-button\",{\"type\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"disabled\":[8],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"iconTrailing\":[1,\"icon-trailing\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"size\":[1],\"width\":[1],\"variant\":[1],\"wrap\":[8],\"noText\":[8,\"no-text\"],\"name\":[1],\"form\":[1],\"value\":[1],\"text\":[1],\"observer\":[32]}]]],[\"db-infotext\",[[260,\"db-infotext\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"icon\":[1],\"semantic\":[1],\"size\":[1],\"wrap\":[8],\"showIcon\":[8,\"show-icon\"],\"text\":[1],\"observer\":[32]}]]],[\"db-link_4\",[[260,\"db-table-row\",{\"id\":[1],\"className\":[1,\"classname\"],\"interactive\":[8],\"subHeaderEmphasis\":[1,\"sub-header-emphasis\"],\"cells\":[16]}],[260,\"db-link\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"role\":[1],\"referrerpolicy\":[1],\"referrerPolicy\":[1,\"referrer-policy\"],\"hreflang\":[1],\"disabled\":[8],\"size\":[1],\"showIcon\":[8,\"show-icon\"],\"variant\":[1],\"content\":[1],\"wrap\":[8],\"text\":[1],\"observer\":[32]}],[260,\"db-table-data-cell\",{\"id\":[1],\"className\":[1,\"classname\"],\"horizontalAlignment\":[1,\"horizontal-alignment\"],\"verticalAlignment\":[1,\"vertical-alignment\"],\"colSpan\":[8,\"col-span\"],\"colspan\":[8],\"rowSpan\":[8,\"row-span\"],\"rowspan\":[8],\"headers\":[1]}],[260,\"db-table-header-cell\",{\"id\":[1],\"className\":[1,\"classname\"],\"horizontalAlignment\":[1,\"horizontal-alignment\"],\"verticalAlignment\":[1,\"vertical-alignment\"],\"noText\":[8,\"no-text\"],\"scope\":[1],\"colSpan\":[8,\"col-span\"],\"colspan\":[8],\"rowSpan\":[8,\"row-span\"],\"rowspan\":[8],\"headers\":[1],\"abbr\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"db-custom-select\",[[260,\"db-custom-select\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"showNoResults\":[4,\"show-no-results\"],\"showLoading\":[4,\"show-loading\"],\"multiple\":[8],\"showSelectAll\":[4,\"show-select-all\"],\"showSearch\":[4,\"show-search\"],\"values\":[16],\"validation\":[1],\"options\":[16],\"searchValue\":[1,\"search-value\"],\"selectedLabels\":[1,\"selected-labels\"],\"transformSelectedLabels\":[16],\"selectedType\":[1,\"selected-type\"],\"amountText\":[1,\"amount-text\"],\"validMessage\":[1,\"valid-message\"],\"required\":[8],\"selectAllLabel\":[1,\"select-all-label\"],\"removeTagsTexts\":[16],\"placement\":[1],\"searchFilter\":[16],\"className\":[1,\"classname\"],\"formFieldWidth\":[1,\"form-field-width\"],\"variant\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showLabel\":[8,\"show-label\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"label\":[1],\"form\":[1],\"name\":[1],\"disabled\":[8],\"open\":[4],\"selectedPrefix\":[1,\"selected-prefix\"],\"dropdownWidth\":[1,\"dropdown-width\"],\"searchLabel\":[1,\"search-label\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"listLabel\":[1,\"list-label\"],\"loadingText\":[1,\"loading-text\"],\"noResultsText\":[1,\"no-results-text\"],\"mobileCloseButtonText\":[1,\"mobile-close-button-text\"],\"showClearSelection\":[4,\"show-clear-selection\"],\"clearSelectionText\":[1,\"clear-selection-text\"],\"placeholder\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_selectId\":[32],\"_labelId\":[32],\"_summaryId\":[32],\"_placeholderId\":[32],\"_infoTextId\":[32],\"_validity\":[32],\"_userInteraction\":[32],\"abortController\":[32],\"_descByIds\":[32],\"_selectedLabels\":[32],\"_selectedLabelsId\":[32],\"_voiceOverFallback\":[32],\"_selectedOptions\":[32],\"selectAllEnabled\":[32],\"searchEnabled\":[32],\"amountOptions\":[32],\"_values\":[32],\"_options\":[32],\"_hasNoOptions\":[32],\"_documentClickListenerCallbackId\":[32],\"_internalChangeTimestamp\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32],\"_searchValue\":[32],\"selectAllChecked\":[32],\"selectAllIndeterminate\":[32],\"observer\":[32]},null,{\"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}]}]]],[\"db-table\",[[260,\"db-table\",{\"data\":[1],\"mobileVariant\":[1,\"mobile-variant\"],\"columnSizes\":[16],\"className\":[1,\"classname\"],\"width\":[1],\"size\":[1],\"divider\":[1],\"variant\":[1],\"showCaption\":[8,\"show-caption\"],\"stickyHeader\":[1,\"sticky-header\"],\"id\":[1],\"captionPlain\":[1,\"caption-plain\"],\"_data\":[32],\"_style\":[32],\"observer\":[32]},null,{\"data\":[{\"watch0\":0}],\"mobileVariant\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0}],\"_data\":[{\"watch1\":0}],\"columnSizes\":[{\"watch2\":0}]}]]],[\"db-tabs\",[[260,\"db-tabs\",{\"name\":[1],\"tabs\":[1],\"arrowScrollDistance\":[8,\"arrow-scroll-distance\"],\"orientation\":[1],\"behavior\":[1],\"initialSelectedMode\":[1,\"initial-selected-mode\"],\"initialSelectedIndex\":[8,\"initial-selected-index\"],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"alignment\":[1],\"width\":[1],\"_name\":[32],\"initialized\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"scrollContainer\":[32],\"_resizeObserver\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"db-header\",[[260,\"db-header\",{\"forceMobile\":[8,\"force-mobile\"],\"drawerOpen\":[8,\"drawer-open\"],\"className\":[1,\"classname\"],\"id\":[1],\"propOverrides\":[16],\"width\":[1],\"burgerMenuLabel\":[1,\"burger-menu-label\"],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"initialized\":[32],\"forcedToMobile\":[32],\"observer\":[32]},null,{\"initialized\":[{\"watch0\":0}],\"_ref\":[{\"watch0\":0}]}]]],[\"db-accordion\",[[260,\"db-accordion\",{\"name\":[1],\"behavior\":[1],\"initOpenIndex\":[16],\"items\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"_name\":[32],\"initialized\":[32],\"_initOpenIndexDone\":[32],\"observer\":[32]},null,{\"initialized\":[{\"watch0\":0}],\"name\":[{\"watch0\":0}],\"behavior\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch2\":0}],\"_name\":[{\"watch1\":0}],\"_initOpenIndexDone\":[{\"watch2\":0}],\"initOpenIndex\":[{\"watch2\":0}]}]]],[\"db-checkbox\",[[260,\"db-checkbox\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"indeterminate\":[8],\"checked\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"className\":[1,\"classname\"],\"size\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showLabel\":[8,\"show-label\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"label\":[1],\"messageIcon\":[1,\"message-icon\"],\"initialized\":[32],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch3\":0},{\"watch4\":0},{\"watch5\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"initialized\":[{\"watch3\":0},{\"watch4\":0}],\"indeterminate\":[{\"watch3\":0}],\"checked\":[{\"watch4\":0}]}]]],[\"db-navigation-item\",[[260,\"db-navigation-item\",{\"id\":[1],\"subNavigationExpanded\":[8,\"sub-navigation-expanded\"],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"width\":[1],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"active\":[4],\"wrap\":[8],\"disabled\":[8],\"hideSubNavigation\":[8,\"hide-sub-navigation\"],\"text\":[1],\"backButtonId\":[1,\"back-button-id\"],\"backButtonText\":[1,\"back-button-text\"],\"initialized\":[32],\"hasAreaPopup\":[32],\"hasSubNavigation\":[32],\"isSubNavigationExpanded\":[32],\"autoClose\":[32],\"navigationItemSafeTriangle\":[32],\"subNavigationId\":[32],\"subNavigationToggleId\":[32],\"observer\":[32]},null,{\"subNavigationExpanded\":[{\"watch0\":0}],\"initialized\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0}]}]]],[\"db-notification\",[[260,\"db-notification\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"semantic\":[1],\"role\":[1],\"ariaLive\":[1,\"aria-live\"],\"variant\":[1],\"showIcon\":[8,\"show-icon\"],\"icon\":[1],\"linkVariant\":[1,\"link-variant\"],\"headline\":[8],\"showHeadline\":[8,\"show-headline\"],\"text\":[1],\"timestamp\":[1],\"showTimestamp\":[8,\"show-timestamp\"],\"timestampDatetime\":[1,\"timestamp-datetime\"],\"closeable\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"observer\":[32]}]]],[\"db-select\",[[260,\"db-select\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"placeholder\":[1],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"variant\":[1],\"showEmptyOption\":[4,\"show-empty-option\"],\"className\":[1,\"classname\"],\"showLabel\":[8,\"show-label\"],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"label\":[1],\"disabled\":[8],\"name\":[1],\"size\":[2],\"autocomplete\":[1],\"multiple\":[4],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"options\":[16],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_placeholderId\":[32],\"_descByIds\":[32],\"_value\":[32],\"initialized\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"initialized\":[{\"watch2\":0}],\"value\":[{\"watch3\":0}]}]]],[\"db-switch\",[[260,\"db-switch\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"validation\":[1],\"required\":[8],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"validMessage\":[1,\"valid-message\"],\"checked\":[8],\"disabled\":[8],\"visualAid\":[8,\"visual-aid\"],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"variant\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"className\":[1,\"classname\"],\"value\":[8],\"name\":[1],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"iconTrailing\":[1,\"icon-trailing\"],\"label\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"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}]}]]],[\"db-textarea\",[[0,\"db-textarea\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"minLength\":[8,\"min-length\"],\"maxLength\":[8,\"max-length\"],\"className\":[1,\"classname\"],\"variant\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showLabel\":[8,\"show-label\"],\"label\":[1],\"fieldSizing\":[1,\"field-sizing\"],\"resize\":[1],\"showResizer\":[8,\"show-resizer\"],\"disabled\":[8],\"readOnly\":[8,\"read-only\"],\"readonly\":[8],\"form\":[1],\"maxlength\":[8],\"minlength\":[8],\"name\":[1],\"wrap\":[1],\"spellCheck\":[4,\"spell-check\"],\"autocomplete\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"placeholder\":[1],\"rows\":[8],\"cols\":[8],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"value\":[{\"watch3\":0}]}]]],[\"db-badge\",[[260,\"db-badge\",{\"placement\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"semantic\":[1],\"size\":[1],\"emphasis\":[1],\"wrap\":[8],\"label\":[1],\"text\":[1],\"initialized\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"db-brand\",[[260,\"db-brand\",{\"hideLogo\":[4,\"hide-logo\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"text\":[1],\"observer\":[32]}]]],[\"db-card\",[[260,\"db-card\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"behavior\":[1],\"elevationLevel\":[1,\"elevation-level\"],\"spacing\":[1],\"observer\":[32]}]]],[\"db-custom-button\",[[260,\"db-custom-button\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"iconTrailing\":[1,\"icon-trailing\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"size\":[1],\"width\":[1],\"variant\":[1],\"noText\":[8,\"no-text\"],\"observer\":[32]}]]],[\"db-custom-select-form-field\",[[260,\"db-custom-select-form-field\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-divider\",[[0,\"db-divider\",{\"id\":[1],\"propOverrides\":[16],\"margin\":[1],\"variant\":[1],\"emphasis\":[1],\"width\":[1],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-icon\",[[260,\"db-icon\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"icon\":[1],\"weight\":[1],\"variant\":[1],\"text\":[1],\"observer\":[32]}]]],[\"db-navigation\",[[260,\"db-navigation\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-page\",[[260,\"db-page\",{\"fadeIn\":[8,\"fade-in\"],\"documentOverflow\":[1,\"document-overflow\"],\"variant\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"mainClass\":[1,\"main-class\"],\"fontsLoaded\":[32],\"observer\":[32]}]]],[\"db-popover\",[[260,\"db-popover\",{\"placement\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"spacing\":[1],\"gap\":[8],\"animation\":[8],\"open\":[8],\"delay\":[1],\"width\":[1],\"initialized\":[32],\"isExpanded\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0},{\"watch1\":0}],\"initialized\":[{\"watch0\":0}],\"isExpanded\":[{\"watch1\":0}]}]]],[\"db-radio\",[[260,\"db-radio\",{\"id\":[1],\"propOverrides\":[16],\"checked\":[8],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"className\":[1,\"classname\"],\"validation\":[1],\"name\":[1],\"disabled\":[8],\"value\":[8],\"required\":[8],\"label\":[1],\"initialized\":[32],\"_id\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"initialized\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0},{\"watch2\":0}],\"checked\":[{\"watch1\":0}]}]]],[\"db-section\",[[260,\"db-section\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"observer\":[32]}]]],[\"db-stack\",[[260,\"db-stack\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"gap\":[1],\"variant\":[1],\"direction\":[1],\"alignment\":[1],\"justifyContent\":[1,\"justify-content\"],\"wrap\":[8],\"observer\":[32]}]]],[\"db-table-caption\",[[260,\"db-table-caption\",{\"id\":[1],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-drawer\",[[260,\"db-drawer\",{\"open\":[8],\"position\":[1],\"backdrop\":[1],\"variant\":[1],\"id\":[1],\"propOverrides\":[16],\"direction\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"rounded\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"initialized\":[32],\"backdropPointerDown\":[32],\"observer\":[32]},null,{\"open\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0}],\"initialized\":[{\"watch1\":0}],\"position\":[{\"watch1\":0}]}]]],[\"db-accordion-item\",[[260,\"db-accordion-item\",{\"defaultOpen\":[4,\"default-open\"],\"name\":[1],\"open\":[8],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"disabled\":[8],\"headlinePlain\":[1,\"headline-plain\"],\"text\":[1],\"_open\":[32],\"_name\":[32],\"initialized\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}],\"name\":[{\"watch1\":0}],\"open\":[{\"watch2\":0}]}]]],[\"db-tooltip\",[[260,\"db-tooltip\",{\"id\":[1],\"propOverrides\":[16],\"variant\":[1],\"placement\":[1],\"className\":[1,\"classname\"],\"emphasis\":[1],\"wrap\":[8],\"animation\":[8],\"delay\":[1],\"width\":[1],\"showArrow\":[8,\"show-arrow\"],\"text\":[1],\"_id\":[32],\"initialized\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32],\"_attachedParent\":[32],\"_attachedId\":[32],\"_activeTriggerCount\":[32],\"_boundListeners\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0}],\"initialized\":[{\"watch1\":0}],\"_id\":[{\"watch1\":0}]}]]],[\"db-table-body_3\",[[260,\"db-table-body\",{\"id\":[1],\"className\":[1,\"classname\"],\"rows\":[16]}],[260,\"db-table-footer\",{\"id\":[1],\"className\":[1,\"classname\"],\"rows\":[16]}],[260,\"db-table-head\",{\"id\":[1],\"className\":[1,\"classname\"],\"rows\":[16],\"observer\":[32]}]]],[\"db-tab-item_3\",[[260,\"db-tab-item\",{\"active\":[8],\"name\":[1],\"className\":[1,\"classname\"],\"id\":[1],\"propOverrides\":[16],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"iconTrailing\":[1,\"icon-trailing\"],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"noText\":[8,\"no-text\"],\"disabled\":[8],\"checked\":[8],\"label\":[1],\"_selected\":[32],\"_name\":[32],\"initialized\":[32],\"_listenerAdded\":[32],\"boundSetSelectedOnChange\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}],\"boundSetSelectedOnChange\":[{\"watch0\":0}],\"name\":[{\"watch1\":0}]}],[260,\"db-tab-list\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}],[260,\"db-tab-panel\",{\"className\":[1,\"classname\"],\"id\":[1],\"propOverrides\":[16],\"content\":[1],\"observer\":[32]}]]],[\"db-custom-select-dropdown_5\",[[260,\"db-input\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"dataListId\":[1,\"data-list-id\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"minLength\":[8,\"min-length\"],\"maxLength\":[8,\"max-length\"],\"pattern\":[1],\"dataList\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[8,\"show-label\"],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"iconTrailing\":[1,\"icon-trailing\"],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"label\":[1],\"fieldSizing\":[1,\"field-sizing\"],\"name\":[1],\"type\":[1],\"multiple\":[8],\"accept\":[1],\"placeholder\":[1],\"disabled\":[8],\"step\":[8],\"maxlength\":[8],\"minlength\":[8],\"max\":[8],\"min\":[8],\"readOnly\":[8,\"read-only\"],\"readonly\":[8],\"form\":[1],\"size\":[2],\"autocomplete\":[1],\"autofocus\":[8],\"enterkeyhint\":[1],\"inputmode\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"messageSize\":[1,\"message-size\"],\"messageIcon\":[1,\"message-icon\"],\"validMessageSize\":[1,\"valid-message-size\"],\"invalidMessageSize\":[1,\"invalid-message-size\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_dataListId\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"value\":[{\"watch3\":0}]}],[260,\"db-tag\",{\"removeButton\":[1,\"remove-button\"],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"semantic\":[1],\"emphasis\":[1],\"icon\":[1],\"showCheckState\":[8,\"show-check-state\"],\"showIcon\":[8,\"show-icon\"],\"noText\":[8,\"no-text\"],\"overflow\":[8],\"text\":[1],\"behavior\":[1],\"observer\":[32]}],[260,\"db-custom-select-dropdown\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"width\":[1],\"observer\":[32]}],[260,\"db-custom-select-list\",{\"multiple\":[4],\"label\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}],[260,\"db-custom-select-list-item\",{\"isGroupTitle\":[4,\"is-group-title\"],\"showDivider\":[4,\"show-divider\"],\"type\":[1],\"checked\":[8],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"groupTitle\":[1,\"group-title\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"label\":[1],\"hasDivider\":[32],\"observer\":[32]},null,{\"isGroupTitle\":[{\"watch0\":0}],\"showDivider\":[{\"watch0\":0}]}]]],[\"db-button\",[[260,\"db-button\",{\"type\":[1],\"commandfor\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"disabled\":[8],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"iconTrailing\":[1,\"icon-trailing\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"size\":[1],\"width\":[1],\"variant\":[1],\"wrap\":[8],\"noText\":[8,\"no-text\"],\"name\":[1],\"form\":[1],\"value\":[1],\"command\":[1],\"text\":[1],\"observer\":[32]}]]],[\"db-infotext\",[[260,\"db-infotext\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"icon\":[1],\"semantic\":[1],\"size\":[1],\"wrap\":[8],\"showIcon\":[8,\"show-icon\"],\"text\":[1],\"observer\":[32]}]]],[\"db-link_4\",[[260,\"db-table-row\",{\"id\":[1],\"className\":[1,\"classname\"],\"interactive\":[8],\"subHeaderEmphasis\":[1,\"sub-header-emphasis\"],\"cells\":[16]}],[260,\"db-link\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"role\":[1],\"referrerpolicy\":[1],\"referrerPolicy\":[1,\"referrer-policy\"],\"hreflang\":[1],\"disabled\":[8],\"size\":[1],\"showIcon\":[8,\"show-icon\"],\"variant\":[1],\"content\":[1],\"wrap\":[8],\"text\":[1],\"observer\":[32]}],[260,\"db-table-data-cell\",{\"id\":[1],\"className\":[1,\"classname\"],\"horizontalAlignment\":[1,\"horizontal-alignment\"],\"verticalAlignment\":[1,\"vertical-alignment\"],\"colSpan\":[8,\"col-span\"],\"colspan\":[8],\"rowSpan\":[8,\"row-span\"],\"rowspan\":[8],\"headers\":[1]}],[260,\"db-table-header-cell\",{\"id\":[1],\"className\":[1,\"classname\"],\"horizontalAlignment\":[1,\"horizontal-alignment\"],\"verticalAlignment\":[1,\"vertical-alignment\"],\"noText\":[8,\"no-text\"],\"scope\":[1],\"colSpan\":[8,\"col-span\"],\"colspan\":[8],\"rowSpan\":[8,\"row-span\"],\"rowspan\":[8],\"headers\":[1],\"abbr\":[1]}]]]]"), options);
 });

package/dist/esm/{floating-components-DOPXnIzL.js → floating-components-C0q9XJSc.js}

@@ -62,24 +62,69 @@ const handleDataOutside = (el) => {
 const handleFixedDropdown = (element, parent, placement) => {
     if (!element || !parent)
         return;
-    // We skip this if we are in mobile it's already fixed
+    const fullWidth = element.dataset['width'] === 'full';
+    const autoWidth = element.dataset['width'] === 'auto';
+    // Reset width-specific inline styles first so a previous mode (e.g. "auto")
+    // doesn't leave a stale minInlineSize/inlineSize behind when the dropdown
+    // width changes at runtime. This must happen before getFloatingProps
+    // measures the element, otherwise the dropdown would be measured with a
+    // width it no longer has and positioned incorrectly. It also has to run
+    // before the mobile bailout below: otherwise a desktop minInlineSize would
+    // survive into the mobile sheet, where CSS min-inline-size beats the
+    // mobile max-inline-size guard and overflows the viewport.
+    element.style.inlineSize = '';
+    element.style.minInlineSize = '';
+    // We skip the rest if we are in mobile, it's already fixed via CSS.
     if (getComputedStyle(element).zIndex === '9999')
         return;
-    const { top, bottom, childHeight, childWidth, width, right, left, correctedPlacement } = getFloatingProps(element, parent, placement);
-    const fullWidth = element.dataset['width'] === 'full';
+    const { top, bottom, childHeight, childWidth, width, right, left, correctedPlacement, innerWidth } = getFloatingProps(element, parent, placement);
+    // For auto width the dropdown is forced to be at least as wide as the trigger,
+    // but clamped to its own max-inline-size: CSS lets a min-inline-size override
+    // the max when the minimum is larger, so a trigger wider than the viewport
+    // limit would otherwise drop the side margins or overflow horizontally.
+    let autoMinWidth = width;
+    if (autoWidth) {
+        const maxInlineSize = parseFloat(getComputedStyle(element).maxInlineSize);
+        if (!isNaN(maxInlineSize) && maxInlineSize > 0) {
+            autoMinWidth = Math.min(width, maxInlineSize);
+        }
+    }
     if (fullWidth) {
         element.style.inlineSize = `${width}px`;
     }
-    if (correctedPlacement === 'top' || correctedPlacement === 'bottom' || correctedPlacement === 'top-start' || correctedPlacement === 'bottom-start') {
+    else if (autoWidth) {
+        element.style.minInlineSize = `${autoMinWidth}px`;
+    }
+    // getFloatingProps measured childWidth before the inline styles were
+    // (re)applied, so use the width the dropdown will actually have:
+    // - auto: the clamped minimum, so end-aligned dropdowns don't extend past
+    //   the trigger's right edge.
+    // - full: the trigger width (the reset above drops it to content width).
+    let effectiveChildWidth = childWidth;
+    if (autoWidth) {
+        effectiveChildWidth = Math.max(childWidth, autoMinWidth);
+    }
+    else if (fullWidth) {
+        effectiveChildWidth = width;
+    }
+    // getFloatingProps detects horizontal overflow assuming a centered element
+    // (it halves childWidth). The dropdown is actually start-aligned (inset =
+    // left), so for the wider auto dropdown re-check overflow against its full
+    // width and flip to end-alignment when it would extend past the viewport.
+    let dropdownPlacement = correctedPlacement;
+    if (autoWidth && (dropdownPlacement === 'top' || dropdownPlacement === 'bottom' || dropdownPlacement === 'top-start' || dropdownPlacement === 'bottom-start') && left + effectiveChildWidth > innerWidth) {
+        dropdownPlacement = dropdownPlacement.startsWith('top') ? 'top-end' : 'bottom-end';
+    }
+    if (dropdownPlacement === 'top' || dropdownPlacement === 'bottom' || dropdownPlacement === 'top-start' || dropdownPlacement === 'bottom-start') {
         element.style.insetInlineStart = `${left}px`;
     }
-    else if (correctedPlacement === 'top-end' || correctedPlacement === 'bottom-end') {
-        element.style.insetInlineStart = `${right - childWidth}px`;
+    else if (dropdownPlacement === 'top-end' || dropdownPlacement === 'bottom-end') {
+        element.style.insetInlineStart = `${Math.max(right - effectiveChildWidth, 0)}px`;
     }
-    if (correctedPlacement === null || correctedPlacement === void 0 ? void 0 : correctedPlacement.startsWith('top')) {
+    if (dropdownPlacement === null || dropdownPlacement === void 0 ? void 0 : dropdownPlacement.startsWith('top')) {
         element.style.insetBlockStart = `${top - childHeight}px`;
     }
-    else if (correctedPlacement === null || correctedPlacement === void 0 ? void 0 : correctedPlacement.startsWith('bottom')) {
+    else if (dropdownPlacement === null || dropdownPlacement === void 0 ? void 0 : dropdownPlacement.startsWith('bottom')) {
         element.style.insetBlockStart = `${bottom}px`;
     }
     element.style.position = 'fixed';