@db-ux/wc-core-components 4.13.1-angular-signal-forms12-ac097f6 → 4.14.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @db-ux/wc-core-components
 
+## 4.14.0
+
+### Minor Changes
+
+- refactor: consolidate floating component listeners into shared abstractions - [see commit de676fe](https://github.com/db-ux-design-system/core-web/commit/de676fe17e8a8157acd2e574fcea28ab6022389c)
+
+### Patch Changes
+
+- fix: correct accordion variant backgrounds to match design (divider is transparent, card is level-1 including the open content area) - [see commit b611b84](https://github.com/db-ux-design-system/core-web/commit/b611b845e6aded8f50dd07f3727ebf5fdf902b69)
+
+- fix: use inline-flex with align-items center for link components to vertically center text with fixed height across densities - [see commit 5ebdef8](https://github.com/db-ux-design-system/core-web/commit/5ebdef89b14d56d901630aa61e098213704ba603)
+
+- fix: `key` special attributes need to be unique - [see commit 63eb9d5](https://github.com/db-ux-design-system/core-web/commit/63eb9d596e83f196ca00aee1de26a5a2e33b4864)
+
 ## 4.13.0
 
 ### Minor Changes

package/bundle/db-badge.js

@@ -1 +1 @@
-import{y as t,H as e,z as s,j as i,d as a,t as d}from"./p-BygObMH8.js";import{a as n}from"./p-BdL-nI5y.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.initialized=!1,this.observer=void 0}setupObserver(t){if(!t)return;const e=t.closest("db-badge");e&&!this.observer&&(this.observer=new MutationObserver((e=>{e.some((t=>{var e;const s=t.target.attributes.getNamedItem(null!==(e=t.attributeName)&&void 0!==e?e:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-badge")})),this.observer.observe(e,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,e){const s=null==t?void 0:t.closest(e);if(t&&s){const e=s.attributes;for(let i=0;i<e.length;i++){const a=e.item(i);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const e=a.value.includes("hydrated"),i=a.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(a.name,`${d||""}${i?" "+i:""}`),e?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var t;if(this._ref&&this.initialized&&(null===(t=this.placement)||void 0===t?void 0:t.startsWith("corner"))){let t=this._ref.parentElement;t&&t.localName.includes("badge")&&(t=t.parentElement),t&&(t.dataset.hasBadge="true")}}watch0(){this.watch0Fn()}componentDidLoad(){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-badge"),(()=>{this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,e,d,r;return s("span",{key:"35ba74d807e8b24b8b657e2ab744ffdacc543ddb",class:a("db-badge",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(e=this.propOverrides)||void 0===e?void 0:e.id,"data-semantic":this.semantic,"data-size":this.size,"data-emphasis":this.emphasis,"data-placement":this.placement,"data-wrap":i(this.wrap,"wrap"),"data-label":(null===(d=this.placement)||void 0===d?void 0:d.startsWith("corner"))&&(null!==(r=this.label)&&void 0!==r?r:n)},this.text?this.text:null,s("slot",{key:"e6941e0d7594f49fc7ab5e8e23ad85ed3dc15510"}))}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}]}}},[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]},void 0,{_ref:[{watch0:0}],initialized:[{watch0:0}]}]),l=r,o=function(){"undefined"!=typeof customElements&&["db-badge"].forEach((t=>{"db-badge"===t&&(customElements.get(d(t))||customElements.define(d(t),r))}))};export{l as DbBadge,o as defineCustomElement}
+import{y as t,H as e,z as s,j as i,d as a,t as d}from"./p-BygObMH8.js";import{a as n}from"./p-Cm3dPtkD.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.initialized=!1,this.observer=void 0}setupObserver(t){if(!t)return;const e=t.closest("db-badge");e&&!this.observer&&(this.observer=new MutationObserver((e=>{e.some((t=>{var e;const s=t.target.attributes.getNamedItem(null!==(e=t.attributeName)&&void 0!==e?e:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-badge")})),this.observer.observe(e,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,e){const s=null==t?void 0:t.closest(e);if(t&&s){const e=s.attributes;for(let i=0;i<e.length;i++){const a=e.item(i);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const e=a.value.includes("hydrated"),i=a.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(a.name,`${d||""}${i?" "+i:""}`),e?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var t;if(this._ref&&this.initialized&&(null===(t=this.placement)||void 0===t?void 0:t.startsWith("corner"))){let t=this._ref.parentElement;t&&t.localName.includes("badge")&&(t=t.parentElement),t&&(t.dataset.hasBadge="true")}}watch0(){this.watch0Fn()}componentDidLoad(){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-badge"),(()=>{this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,e,d,r;return s("span",{key:"35ba74d807e8b24b8b657e2ab744ffdacc543ddb",class:a("db-badge",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(e=this.propOverrides)||void 0===e?void 0:e.id,"data-semantic":this.semantic,"data-size":this.size,"data-emphasis":this.emphasis,"data-placement":this.placement,"data-wrap":i(this.wrap,"wrap"),"data-label":(null===(d=this.placement)||void 0===d?void 0:d.startsWith("corner"))&&(null!==(r=this.label)&&void 0!==r?r:n)},this.text?this.text:null,s("slot",{key:"e6941e0d7594f49fc7ab5e8e23ad85ed3dc15510"}))}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}]}}},[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]},void 0,{_ref:[{watch0:0}],initialized:[{watch0:0}]}]),l=r,o=function(){"undefined"!=typeof customElements&&["db-badge"].forEach((t=>{"db-badge"===t&&(customElements.get(d(t))||customElements.define(d(t),r))}))};export{l as DbBadge,o as defineCustomElement}

package/bundle/db-brand.js

@@ -1 +1 @@
-import{y as t,H as s,z as e,j as i,d as n,t as d}from"./p-BygObMH8.js";import{q as o}from"./p-BdL-nI5y.js";const a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-brand");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const e=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==e?void 0:e.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-brand")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const e=null==t?void 0:t.closest(s);if(t&&e){const s=e.attributes;for(let i=0;i<s.length;i++){const n=s.item(i);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))n.value?t.setAttribute(n.name,n.value):t.removeAttribute(n.name),e.removeAttribute(n.name);else if(n&&["style"].includes(n.name))t.setAttribute(n.name,n.value),e.removeAttribute(n.name);else if(n&&"class"===n.name){const s=n.value.includes("hydrated"),i=n.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(n.name,`${d||""}${i?" "+i:""}`),s?e.setAttribute("class","hydrated"):e.removeAttribute(n.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-brand"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s,d;return e("div",{key:"eb7ad13ac7dc2b56c0611996975b6f140cb837c8",class:n("db-brand",this.className),ref:t=>{this._ref=t},"data-icon":this.hideLogo?"none":null!==(t=this.icon)&&void 0!==t?t:o,"data-show-icon":i(this.showIcon,"showIcon"),id:null!==(s=this.id)&&void 0!==s?s:null===(d=this.propOverrides)||void 0===d?void 0:d.id},e("slot",{key:"21a1bf9ea2f921c6a38e24062890c7f674213605"}),this.text?this.text:null)}get rootElement(){return this}},[260,"db-brand",{hideLogo:[4,"hide-logo"],icon:[1],showIcon:[8,"show-icon"],id:[1],propOverrides:[16],className:[1,"classname"],text:[1],observer:[32]}]),r=a,c=function(){"undefined"!=typeof customElements&&["db-brand"].forEach((t=>{"db-brand"===t&&(customElements.get(d(t))||customElements.define(d(t),a))}))};export{r as DbBrand,c as defineCustomElement}
+import{y as t,H as s,z as e,j as i,d as n,t as d}from"./p-BygObMH8.js";import{s as o}from"./p-Cm3dPtkD.js";const a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-brand");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const e=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==e?void 0:e.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-brand")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const e=null==t?void 0:t.closest(s);if(t&&e){const s=e.attributes;for(let i=0;i<s.length;i++){const n=s.item(i);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))n.value?t.setAttribute(n.name,n.value):t.removeAttribute(n.name),e.removeAttribute(n.name);else if(n&&["style"].includes(n.name))t.setAttribute(n.name,n.value),e.removeAttribute(n.name);else if(n&&"class"===n.name){const s=n.value.includes("hydrated"),i=n.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(n.name,`${d||""}${i?" "+i:""}`),s?e.setAttribute("class","hydrated"):e.removeAttribute(n.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-brand"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s,d;return e("div",{key:"eb7ad13ac7dc2b56c0611996975b6f140cb837c8",class:n("db-brand",this.className),ref:t=>{this._ref=t},"data-icon":this.hideLogo?"none":null!==(t=this.icon)&&void 0!==t?t:o,"data-show-icon":i(this.showIcon,"showIcon"),id:null!==(s=this.id)&&void 0!==s?s:null===(d=this.propOverrides)||void 0===d?void 0:d.id},e("slot",{key:"21a1bf9ea2f921c6a38e24062890c7f674213605"}),this.text?this.text:null)}get rootElement(){return this}},[260,"db-brand",{hideLogo:[4,"hide-logo"],icon:[1],showIcon:[8,"show-icon"],id:[1],propOverrides:[16],className:[1,"classname"],text:[1],observer:[32]}]),r=a,c=function(){"undefined"!=typeof customElements&&["db-brand"].forEach((t=>{"db-brand"===t&&(customElements.get(d(t))||customElements.define(d(t),a))}))};export{r as DbBrand,c as defineCustomElement}

package/bundle/db-checkbox.js

@@ -1 +1 @@
-import{y as i,H as t,A as s,h as e,f as h,p as a,u as d,k as c,z as l,o,d as n,t as r}from"./p-BygObMH8.js";import{l as v,f as u,g as b,h as f,k as w}from"./p-BdL-nI5y.js";import{a as m}from"./p-Bpe95kXk.js";import{d as k}from"./p-DY4zD5g8.js";const p=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.change=s(this,"change"),this.blur=s(this,"blur"),this.focus=s(this,"focus"),this.initialized=!1,this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._descByIds=void 0,this._voiceOverFallback="",this.abortController=void 0,this.observer=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,d;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&this.required?(this._descByIds=this._validMessageId,e()&&(this._voiceOverFallback=null!==(d=this.validMessage)&&void 0!==d?d:w,h((()=>this._voiceOverFallback=""),1e3))):this._descByIds=a(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||v,e()&&(this._voiceOverFallback=this._invalidMessage,h((()=>this._voiceOverFallback=""),1e3)))}handleChange(i,t){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}resetIds(){var i,t,s;const e=null!==(s=null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&void 0!==s?s:"checkbox-"+d();this._id=e,this._messageId=e+u,this._validMessageId=e+b,this._invalidMessageId=e+f}setupObserver(i){if(!i)return;const t=i.closest("db-checkbox");t&&!this.observer&&(this.observer=new MutationObserver((t=>{t.some((i=>{var t;const s=i.target.attributes.getNamedItem(null!==(t=i.attributeName)&&void 0!==t?t:"");return(null==s?void 0:s.value)!==i.oldValue}))&&this.enableAttributePassing(i,"db-checkbox")})),this.observer.observe(t,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let e=0;e<t.length;e++){const h=t.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?i.setAttribute(h.name,h.value):i.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))i.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const t=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=i.getAttribute("class");i.setAttribute(h.name,`${a||""}${e?" "+e:""}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var i,t;(null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||v}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const i=this._id+u;this._messageId=i,this._validMessageId=this._id+b,this._invalidMessageId=this._id+f,a(this.message,this.showMessage)&&(this._descByIds=i),this.handleValidation()}}watch2(){this.watch2Fn()}watch3Fn(){this._ref&&void 0!==this.indeterminate&&(this._ref.indeterminate=!!c(this.indeterminate))}watch3(){this.watch3Fn()}watch4Fn(){this.initialized&&this._ref&&(null!=this.checked&&(this._ref.checked=!!c(this.checked)),this.initialized=!1)}watch4(){this.watch4Fn()}watch5Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),m(this._ref,{checked:this.checked,defaultChecked:i},(i=>{this.handleChange(i,!0)}),t.signal)}}watch5(){this.watch5Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const i=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);i&&i.remove()}this.enableAttributePassing(this._ref,"db-checkbox"),(()=>{this.initialized=!0,this.resetIds(),this._invalidMessage=this.invalidMessage||v})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn()}disconnectedCallback(){var i,t;null===(i=this.abortController)||void 0===i||i.abort(),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var i;return l("div",{key:"b386e9507944ca665310bd874fdee124af12f071",class:n("db-checkbox",this.className),"data-size":this.size,"data-hide-asterisk":o(this.showRequiredAsterisk),"data-hide-label":o(this.showLabel)},l("label",{key:"d6963dfdb59a00f027231babd6d985681c331b99",htmlFor:this._id},l("input",{key:"81848aef05a7288c4ae200f48be6f8614e68607f",type:"checkbox","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:c(this.checked,"checked"),disabled:c(this.disabled,"disabled"),value:this.value,required:c(this.required,"required"),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":null!==(i=this.ariaDescribedBy)&&void 0!==i?i:this._descByIds}),this.label?this.label:null,l("slot",{key:"433ec6a708da3f342f8fc745ddefbdc9c15d8b9a"})),a(this.message,this.showMessage)?l("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?l("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||w):null,l("db-infotext",{key:"4295a01b6f8f0a9d78f337dac875f53c45ddefa6",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),l("span",{key:"85e87a85df4ca25e535cf0c890ba943f5cfa978b","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{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}]}}},[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]},void 0,{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}]}]),g=p,y=function(){"undefined"!=typeof customElements&&["db-checkbox","db-infotext"].forEach((i=>{switch(i){case"db-checkbox":customElements.get(r(i))||customElements.define(r(i),p);break;case"db-infotext":customElements.get(r(i))||k()}}))};export{g as DbCheckbox,y as defineCustomElement}
+import{y as i,H as t,A as s,h as e,f as h,p as a,u as d,k as c,z as l,o,d as n,t as r}from"./p-BygObMH8.js";import{l as v,f as u,g as b,h as f,k as w}from"./p-Cm3dPtkD.js";import{a as m}from"./p-Bpe95kXk.js";import{d as k}from"./p-DY4zD5g8.js";const p=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.change=s(this,"change"),this.blur=s(this,"blur"),this.focus=s(this,"focus"),this.initialized=!1,this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._descByIds=void 0,this._voiceOverFallback="",this.abortController=void 0,this.observer=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,d;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&this.required?(this._descByIds=this._validMessageId,e()&&(this._voiceOverFallback=null!==(d=this.validMessage)&&void 0!==d?d:w,h((()=>this._voiceOverFallback=""),1e3))):this._descByIds=a(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||v,e()&&(this._voiceOverFallback=this._invalidMessage,h((()=>this._voiceOverFallback=""),1e3)))}handleChange(i,t){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}resetIds(){var i,t,s;const e=null!==(s=null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&void 0!==s?s:"checkbox-"+d();this._id=e,this._messageId=e+u,this._validMessageId=e+b,this._invalidMessageId=e+f}setupObserver(i){if(!i)return;const t=i.closest("db-checkbox");t&&!this.observer&&(this.observer=new MutationObserver((t=>{t.some((i=>{var t;const s=i.target.attributes.getNamedItem(null!==(t=i.attributeName)&&void 0!==t?t:"");return(null==s?void 0:s.value)!==i.oldValue}))&&this.enableAttributePassing(i,"db-checkbox")})),this.observer.observe(t,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let e=0;e<t.length;e++){const h=t.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?i.setAttribute(h.name,h.value):i.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))i.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const t=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=i.getAttribute("class");i.setAttribute(h.name,`${a||""}${e?" "+e:""}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var i,t;(null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||v}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const i=this._id+u;this._messageId=i,this._validMessageId=this._id+b,this._invalidMessageId=this._id+f,a(this.message,this.showMessage)&&(this._descByIds=i),this.handleValidation()}}watch2(){this.watch2Fn()}watch3Fn(){this._ref&&void 0!==this.indeterminate&&(this._ref.indeterminate=!!c(this.indeterminate))}watch3(){this.watch3Fn()}watch4Fn(){this.initialized&&this._ref&&(null!=this.checked&&(this._ref.checked=!!c(this.checked)),this.initialized=!1)}watch4(){this.watch4Fn()}watch5Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),m(this._ref,{checked:this.checked,defaultChecked:i},(i=>{this.handleChange(i,!0)}),t.signal)}}watch5(){this.watch5Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const i=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);i&&i.remove()}this.enableAttributePassing(this._ref,"db-checkbox"),(()=>{this.initialized=!0,this.resetIds(),this._invalidMessage=this.invalidMessage||v})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn()}disconnectedCallback(){var i,t;null===(i=this.abortController)||void 0===i||i.abort(),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var i;return l("div",{key:"b386e9507944ca665310bd874fdee124af12f071",class:n("db-checkbox",this.className),"data-size":this.size,"data-hide-asterisk":o(this.showRequiredAsterisk),"data-hide-label":o(this.showLabel)},l("label",{key:"d6963dfdb59a00f027231babd6d985681c331b99",htmlFor:this._id},l("input",{key:"81848aef05a7288c4ae200f48be6f8614e68607f",type:"checkbox","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:c(this.checked,"checked"),disabled:c(this.disabled,"disabled"),value:this.value,required:c(this.required,"required"),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":null!==(i=this.ariaDescribedBy)&&void 0!==i?i:this._descByIds}),this.label?this.label:null,l("slot",{key:"433ec6a708da3f342f8fc745ddefbdc9c15d8b9a"})),a(this.message,this.showMessage)?l("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?l("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||w):null,l("db-infotext",{key:"4295a01b6f8f0a9d78f337dac875f53c45ddefa6",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),l("span",{key:"85e87a85df4ca25e535cf0c890ba943f5cfa978b","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{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}]}}},[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]},void 0,{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}]}]),g=p,y=function(){"undefined"!=typeof customElements&&["db-checkbox","db-infotext"].forEach((i=>{switch(i){case"db-checkbox":customElements.get(r(i))||customElements.define(r(i),p);break;case"db-infotext":customElements.get(r(i))||k()}}))};export{g as DbCheckbox,y as defineCustomElement}

package/bundle/db-custom-select.js

@@ -1 +1 @@
-import{u as t,y as i,H as s,A as e,h,f as l,p as a,q as o,z as d,F as n,j as c,k as r,o as u,d as v,t as w}from"./p-BygObMH8.js";import{l as m,a as b,m as f,f as p,g as y,h as g,e as k,d as x,i as _,o as A,k as I,c as L,s as C}from"./p-BdL-nI5y.js";import{D as F}from"./p-CTkfdjBp.js";import{a as D}from"./p-C0q9XJSc.js";import{b as T}from"./p-Bpe95kXk.js";import{d as S}from"./p-BEk7DV7j.js";import{d as O}from"./p-DmmLQjqi.js";import{d as R}from"./p-BeY5dlW3.js";import{d as j}from"./p-DNIQoAaq.js";import{d as E}from"./p-DY4zD5g8.js";import{d as B}from"./p-Be1wVxvg.js";import{d as q}from"./p-Dd85RhMq.js";import{d as M}from"./p-LpyedXhR.js";class V{static runCallbacks(t){for(const i of Object.values(V.callbacks))"function"==typeof i&&i(t)}constructor(){if(V._instance)return V._instance;V._instance=this,self.document&&self.document.addEventListener("click",(t=>V.runCallbacks(t)))}addCallback(i){const s=t();return V.callbacks[s]=i,s}removeCallback(t){delete V.callbacks[t]}}V.callbacks={},V._instance=null;const z=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.amountChange=e(this,"amountChange"),this.dropdownToggle=e(this,"dropdownToggle"),this.optionSelected=e(this,"optionSelected"),this.search=e(this,"search"),this.showClearSelection=!0,this.clearSelectionText="Clear selection",this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._selectId=void 0,this._labelId=void 0,this._summaryId=void 0,this._placeholderId=void 0,this._infoTextId=void 0,this._validity="no-validation",this._userInteraction=!1,this.abortController=void 0,this._descByIds=void 0,this._selectedLabels="",this._selectedLabelsId=void 0,this._voiceOverFallback="",this._selectedOptions=[],this.selectAllEnabled=!1,this.searchEnabled=!1,this.amountOptions=0,this._values=[],this._options=[],this._hasNoOptions=!1,this._documentClickListenerCallbackId=void 0,this._internalChangeTimestamp=0,this._documentScrollListenerCallbackId=void 0,this._observer=void 0,this._searchValue=void 0,this.selectAllChecked=!1,this.selectAllIndeterminate=!1,this.observer=void 0,this.satisfyReact=function(t){t.stopPropagation()}}handleDocumentScroll(t){var i,s;(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains)&&(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains(this.detailsRef))&&this.handleAutoPlacement()}hasValidState(){var t;return!!(null!==(t=this.validMessage)&&void 0!==t?t:"valid"===this.validation)}handleValidation(){var t,i,s,e,o,d,n,c;this.selectRef&&(this.selectRef.value=this.getNativeSelectValue()),(null===(t=this.selectRef)||void 0===t?void 0:t.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(e=this.selectRef)||void 0===e?void 0:e.validity.valid)&&this.required?(this.setDescById(this._validMessageId),h()&&(this._voiceOverFallback=null!==(o=this.validMessage)&&void 0!==o?o:I,l((()=>this._voiceOverFallback=""),1e3)),this._validity=null!==(d=this.validation)&&void 0!==d?d:"valid"):a(this.message,this.showMessage)?(this.setDescById(this._messageId),this._validity=null!==(n=this.validation)&&void 0!==n?n:"no-validation"):(this.setDescById(this._placeholderId),this._validity=null!==(c=this.validation)&&void 0!==c?c:"no-validation"):(this.setDescById(this._invalidMessageId),this._invalidMessage=this.invalidMessage||(null===(i=this.selectRef)||void 0===i?void 0:i.validationMessage)||m,h()&&(this._voiceOverFallback=this._invalidMessage,l((()=>this._voiceOverFallback=""),1e3)),this._userInteraction&&(this._validity=null!==(s=this.validation)&&void 0!==s?s:"invalid"))}handleDropdownToggle(t){var i,s;this.dropdownToggle&&(t.stopPropagation(),this.dropdownToggle.emit(t)),t.target instanceof HTMLDetailsElement&&t.target.open?(this._documentClickListenerCallbackId=(new V).addCallback((t=>this.handleDocumentClose(t))),this._documentScrollListenerCallbackId=(new F).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement(),null===(i=this._observer)||void 0===i||i.observe(this.detailsRef),t.target.dataset.test||this.handleOpenByKeyboardFocus()):(this._documentClickListenerCallbackId&&(new V).removeCallback(this._documentClickListenerCallbackId),this._documentScrollListenerCallbackId&&(new F).removeCallback(this._documentScrollListenerCallbackId),null===(s=this._observer)||void 0===s||s.unobserve(this.detailsRef))}getNativeSelectValue(){var t,i;return(null===(t=this._values)||void 0===t?void 0:t.length)&&null!==(i=this._values.at(0))&&void 0!==i?i:""}setDescById(t){var i;const s=[];t&&s.push(t),this._selectedLabelsId&&(null===(i=this._selectedLabels)||void 0===i?void 0:i.length)&&s.push(this._selectedLabelsId),this._descByIds=s.join(" ")}getSelectAllLabel(){var t;return null!==(t=this.selectAllLabel)&&void 0!==t?t:b}getOptionLabel(t){var i,s,e;return null!==(e=null!==(i=t.label)&&void 0!==i?i:null===(s=t.value)||void 0===s?void 0:""+s)&&void 0!==e?e:""}getOptionChecked(t){var i,s;return!(!t||!(null===(i=this._values)||void 0===i?void 0:i.includes))&&(null===(s=this._values)||void 0===s?void 0:s.includes(t))}getTagRemoveLabel(t){const i=this.removeTagsTexts,s=this.options;if(i&&s){const e=s.findIndex((i=>i.value===t.value));if(e>=0&&e<i.length)return i[e]}return`${f} ${this.getOptionLabel(t)}`}handleTagRemove(t,i){i&&i.stopPropagation(),this.handleSelect(t.value),this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const t=this.detailsRef.querySelector("article");t&&l((()=>{var i;D(t,this.detailsRef,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}}handleArrowDownUp(t){var i,s,e;if(null===(i=this.detailsRef)||void 0===i?void 0:i.open){if(self.document){const i=self.document.activeElement;if(i)if("checkbox"===i.getAttribute("type")||"radio"===i.getAttribute("type")){const h=null==i?void 0:i.closest("li");if("ArrowDown"===t.key||"ArrowRight"===t.key){let t=null==h?void 0:h.nextElementSibling;for(;t;){const i=t.querySelector("input");if(i){i.focus();break}t=t.nextElementSibling}t||this.handleFocusFirstDropdownCheckbox(i)}else{let t=null==h?void 0:h.previousElementSibling;for(;t;){const i=t.querySelector("input");if(i){i.focus();break}t=t.previousElementSibling}if(!t){const t=this.detailsRef.querySelector('input[type="checkbox"]');if(t&&t!==i)this.handleFocusFirstDropdownCheckbox(i);else{const t=o(this.detailsRef);if(t)l((()=>{t.focus()}),100);else{const t=Array.from(null===(s=this.detailsRef)||void 0===s?void 0:s.querySelectorAll('input[type="checkbox"],input[type="radio"]'));t.length&&(null===(e=t.at(-1))||void 0===e||e.focus())}}}}}else"search"!==i.getAttribute("type")||"ArrowUp"!==t.key&&"ArrowLeft"!==t.key?this.handleFocusFirstDropdownCheckbox(i):(this.handleClose(void 0,!0),this.handleSummaryFocus())}}else"ArrowDown"!==t.key&&"ArrowRight"!==t.key||(this.handleAutoPlacement(),this.detailsRef&&(this.detailsRef.open=!0),this.handleOpenByKeyboardFocus());t.stopPropagation(),t.preventDefault()}handleKeyboardPress(t){var i,s,e;if(t.stopPropagation(),"Escape"===t.key&&(null===(i=this.detailsRef)||void 0===i?void 0:i.open))this.handleClose(void 0,!0),this.handleSummaryFocus();else if("Enter"===t.key&&(null===(s=this.detailsRef)||void 0===s?void 0:s.open)){if(self.document){const i=self.document.activeElement;if(["checkbox","radio"].includes(i.getAttribute("type")||""))i.click(),t.preventDefault();else if("search"===i.getAttribute("type")){const i=null===(e=this._options)||void 0===e?void 0:e.find((t=>!t.isGroupTitle&&!t.disabled));(null==i?void 0:i.value)&&(this.handleSelect(i.value),t.preventDefault())}}}else"ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"ArrowLeft"!==t.key&&"ArrowRight"!==t.key||this.handleArrowDownUp(t)}handleClose(t,i){if(this.detailsRef)if(i)this.detailsRef.open=!1,this.handleSummaryFocus();else if(this.detailsRef.open&&t&&t.relatedTarget){const i=t.relatedTarget;this.detailsRef.contains(i)||"dialog"===i.localName||l((()=>this.detailsRef.open=!1),1)}}handleDocumentClose(t){var i,s;if(t){const e="number"==typeof t.detail?t.target:null===(i=t.detail)||void 0===i?void 0:i.target;(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&!this.detailsRef.contains(e)&&(this.detailsRef.open=!1)}}handleOptionSelected(t){(new Date).getTime()-this._internalChangeTimestamp<200||(this._values=t,this._userInteraction=!0,this.optionSelected&&this.optionSelected.emit(null!=t?t:[]),this._internalChangeTimestamp=(new Date).getTime())}handleSelect(t){var i;t&&(this.multiple?(null===(i=this._values)||void 0===i?void 0:i.includes(t))?this.handleOptionSelected(this._values.filter((i=>i!==t))):this.handleOptionSelected([...this._values||[],t]):(this.handleOptionSelected([t]),this.handleClose(void 0,!0)))}handleSelectAll(t){var i;if(t.stopPropagation(),(null===(i=this._values)||void 0===i?void 0:i.length)===this.amountOptions)this.handleOptionSelected([]);else{const t=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:void 0;this.handleOptionSelected(this.options?this.options.filter((i=>{var s;return!i.isGroupTitle&&(!t||(null===(s=i.value)||void 0===s?void 0:s.toLowerCase().includes(t.toLowerCase())))})).map((t=>{var i;return null!==(i=t.value)&&void 0!==i?i:""})):[])}}handleFocusFirstDropdownCheckbox(t){if(this.detailsRef){const i=Array.from(this.detailsRef.querySelectorAll('input[type="checkbox"],input[type="radio"]'));if(i.length){const s=i.at(0),e=s===t&&i.length>1?i.at(1):s;e&&l((()=>{e.focus()}),1)}}}handleOpenByKeyboardFocus(){if(this.detailsRef){const t=o(this.detailsRef);t?l((()=>{t.focus()}),1):this.handleFocusFirstDropdownCheckbox()}}handleSearch(t){var i;if(void 0===t)return;let s;if("string"==typeof t)s=t;else{const i=t;i.stopPropagation(),this.search&&this.search.emit(i),s=i.target.value,this._searchValue=s}this._options=this.options&&s&&0!==s.length?this.options.filter(this.searchFilter?t=>this.searchFilter(t,s):t=>!t.isGroupTitle&&this.getOptionLabel(t).toLowerCase().includes(s.toLowerCase())):this.options,(null===(i=this.detailsRef)||void 0===i?void 0:i.open)&&this.handleAutoPlacement()}handleClearAll(t){t.stopPropagation(),this.handleOptionSelected([]),this.handleSummaryFocus()}handleSummaryFocus(){var t;this.detailsRef&&(null===(t=this.detailsRef.querySelector("summary"))||void 0===t||t.focus())}resetIds(){var i,s,e;const h=null!==(e=null!==(i=this.id)&&void 0!==i?i:null===(s=this.propOverrides)||void 0===s?void 0:s.id)&&void 0!==e?e:"custom-select-"+t();this._id=h,this._messageId=h+p,this._validMessageId=h+y,this._invalidMessageId=h+g,this._selectId=h+k,this._labelId=h+x,this._summaryId=h+"-summary",this._placeholderId=h+_,this._selectedLabelsId=h+"-selected-labels",this._infoTextId=h+"-info"}setupObserver(t){if(!t)return;const i=t.closest("db-custom-select");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")})),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(),l=t.getAttribute("class");t.setAttribute(h.name,`${l||""}${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(){this.detailsRef&&this.detailsRef.addEventListener("focusout",(t=>this.handleClose(t)))}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const t=this._id+p;this._labelId=this._id+x,this._selectId=this._id+k,this._validMessageId=this._id+y,this._invalidMessageId=this._id+g,this._placeholderId=this._id+_,a(this.message,this.showMessage)?this.setDescById(t):this.setDescById()}}watch2(){this.watch2Fn()}watch3Fn(){var t;if(this.detailsRef){const i=this.detailsRef.querySelector("summary");i&&i.setAttribute("aria-describedby",null!==(t=this.ariaDescribedBy)&&void 0!==t?t:this._descByIds||"")}}watch3(){this.watch3Fn()}watch4Fn(){void 0!==this.showNoResults?this._hasNoOptions=this.showNoResults:this._options&&(this._hasNoOptions=0===this._options.length)}watch4(){this.watch4Fn()}watch5Fn(){var t;this.selectAllEnabled=!(!this.multiple||!(null!==(t=this.showSelectAll)&&void 0!==t?t:this.amountOptions>5))}watch5(){this.watch5Fn()}watch6Fn(){var t;this.searchEnabled=null!==(t=this.showSearch)&&void 0!==t?t:this.amountOptions>9}watch6(){this.watch6Fn()}watch7Fn(){var t;const i=this.values;Array.isArray(i)?this._values!==i&&(this._values=i):null==i&&0!==(null===(t=this._values)||void 0===t?void 0:t.length)&&(this._values=[])}watch7(){this.watch7Fn()}watch8Fn(){this.selectRef&&this.handleValidation()}watch8(){this.watch8Fn()}watch9Fn(){if(this.selectRef){let t=this.abortController;t||(t=new AbortController,this.abortController=t);const i=this.values;T(this.selectRef,(()=>{this.handleOptionSelected(i||(this.selectRef.value?[this.selectRef.value]:[])),this.handleValidation()}),t.signal)}}watch9(){this.watch9Fn()}watch10Fn(){this._validity=this.validation}watch10(){this.watch10Fn()}watch11Fn(){var t,i;0===(null===(t=this._values)||void 0===t?void 0:t.length)?(this.selectAllChecked=!1,this.selectAllIndeterminate=!1):(null===(i=this._values)||void 0===i?void 0:i.length)===this.amountOptions?(this.selectAllIndeterminate=!1,this.selectAllChecked=!0):this._values&&(this.selectAllIndeterminate=!0)}watch11(){this.watch11Fn()}watch12Fn(){var t,i,s;this._options=this.options,this.amountOptions=null!==(i=null===(t=this.options)||void 0===t?void 0:t.filter((t=>!t.isGroupTitle)).length)&&void 0!==i?i:0,(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&this.handleAutoPlacement()}watch12(){this.watch12Fn()}watch13Fn(){this._searchValue=this.searchValue,this.searchValue&&this.handleSearch(this.searchValue)}watch13(){this.watch13Fn()}watch14Fn(){var t,i;(null===(t=this.options)||void 0===t?void 0:t.length)&&(this._selectedOptions=null===(i=this.options)||void 0===i?void 0:i.filter((t=>{var i,s;return!(!t.value||!(null===(i=this._values)||void 0===i?void 0:i.includes))&&!t.isGroupTitle&&(null===(s=this._values)||void 0===s?void 0:s.includes(t.value))})))}watch14(){this.watch14Fn()}watch15Fn(){var t,i,s;if(this.selectedLabels)this._selectedLabels=this.selectedLabels;else if(null===(t=this._selectedOptions)||void 0===t?void 0:t.length){if(this.transformSelectedLabels)return void(this._selectedLabels=(0,this.transformSelectedLabels)(this._selectedOptions));this._selectedLabels="amount"===this.selectedType?this.amountText?this.amountText:`${null===(i=this._selectedOptions)||void 0===i?void 0:i.length} ${A}`:null===(s=this._selectedOptions)||void 0===s?void 0:s.map((t=>this.getOptionLabel(t))).join(", ")}else this._selectedLabels=""}watch15(){this.watch15Fn()}watch16Fn(){var t,i;this.amountChange&&this.amountChange.emit(null!==(i=null===(t=this._selectedOptions)||void 0===t?void 0:t.length)&&void 0!==i?i:0)}watch16(){this.watch16Fn()}watch17Fn(){this.selectAllRef&&(this.selectAllRef.indeterminate=!!this.selectAllIndeterminate)}watch17(){this.watch17Fn()}watch18Fn(){var t;this._invalidMessage=this.invalidMessage||(null===(t=this.selectRef)||void 0===t?void 0:t.validationMessage)||m}watch18(){this.watch18Fn()}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"),(()=>{this.resetIds(),this._invalidMessage=this.invalidMessage||m,"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{if(this.detailsRef){const i=t.find((({target:t})=>t===this.detailsRef));i&&!i.isIntersecting&&this.detailsRef.open&&(this.detailsRef.open=!1)}})))})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn(),this.watch6Fn(),this.watch7Fn(),this.watch8Fn(),this.watch9Fn(),this.watch10Fn(),this.watch11Fn(),this.watch12Fn(),this.watch13Fn(),this.watch14Fn(),this.watch15Fn(),this.watch16Fn(),this.watch17Fn(),this.watch18Fn()}disconnectedCallback(){var t,i;null===(t=this.abortController)||void 0===t||t.abort(),null===(i=this.observer)||void 0===i||i.disconnect()}render(){var t,i,s,e,h,l,o,w,m,f,p,y,g,k,x;return d("div",{key:"9f804bd057ef9cde5cc83263e5b1e3a477ad5d2e",class:v("db-custom-select",this.className),id:this._id,ref:t=>{this._ref=t},"aria-invalid":"invalid"===this._validity,"data-custom-validity":this._validity,"data-width":this.formFieldWidth,"data-variant":"floating"===this.variant&&"tag"===this.selectedType&&this.multiple?"above":this.variant,"data-required":c(this.required,"required"),"data-hide-asterisk":u(this.showRequiredAsterisk),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":u(this.showLabel),"data-icon":this.icon,"data-show-icon":c(this.showIcon,"showIcon")},d("label",{key:"1ce826237b63c3abfad8b55068c25fdc4acc2d7a",id:this._labelId},null!==(t=this.label)&&void 0!==t?t:b,d("select",{key:"9f16da6b3d9e633e4ce70e8654925df86a901074",role:"none",hidden:!0,id:this._selectId,tabIndex:-1,ref:t=>{this.selectRef=t},form:this.form,name:this.name,"data-custom-validity":this._validity,multiple:r(this.multiple,"multiple"),disabled:r(this.disabled,"disabled"),required:r(this.required,"required"),onChange:t=>this.satisfyReact(t)},(null===(i=this.options)||void 0===i?void 0:i.length)?null===(s=this.options)||void 0===s?void 0:s.map((t=>d("option",{disabled:t.disabled,value:t.value,key:void 0},this.getOptionLabel(t)))):null)),d("details",{key:"6a88c236898236ee539bced6fa3b3918be8f693d",ref:t=>{this.detailsRef=t},open:this.open,onToggle:t=>this.handleDropdownToggle(t),onKeyDown:t=>this.handleKeyboardPress(t)},d("slot",{key:"c9dd3e30dd094da51de1b2064749a211fef6eb36"}),this.options?d(n,null,d("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":c(this.disabled,"disabled"),tabIndex:this.disabled?-1:void 0,"aria-labelledby":this._labelId},(null===(e=this._selectedLabels)||void 0===e?void 0:e.length)?d("span",{"data-visually-hidden":c("tag"===this.selectedType,"selectedType"),id:this._selectedLabelsId},this.selectedPrefix?d("span",{"data-visually-hidden":"true"},this.selectedPrefix):null,this._selectedLabels):null,"tag"===this.selectedType?d("div",null,null===(h=this._selectedOptions)||void 0===h?void 0:h.map((t=>d("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(t),onRemove:i=>this.handleTagRemove(t,i),key:void 0},this.getOptionLabel(t))))):null),d("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?d("div",null,d("db-input",{type:"search",ref:t=>{this.searchInputRef=t},name:this._id,form:this._id,showLabel:!1,value:this._searchValue,label:null!==(l=this.searchLabel)&&void 0!==l?l:b,placeholder:null!==(o=this.searchPlaceholder)&&void 0!==o?o:this.searchLabel,ariaDescribedBy:this._hasNoOptions||this.showLoading?this._infoTextId:void 0,onInput:t=>this.handleSearch(t)})):null,this._hasNoOptions||this.showLoading?d("db-infotext",{id:this._infoTextId,icon:this.showLoading?"circular_arrows":void 0,semantic:this.showLoading?"informational":"warning"},null!==(w=this.showLoading?this.loadingText:this.noResultsText)&&void 0!==w?w:L):d(n,null,this.selectAllEnabled?d("div",null,d("div",{class:"db-checkbox db-custom-select-list-item"},d("label",null,d("input",{type:"checkbox",value:"select-all",ref:t=>{this.selectAllRef=t},form:this._id,checked:this.selectAllChecked,onChange:t=>this.handleSelectAll(t)}),this.getSelectAllLabel()))):null,d("db-custom-select-list",{multiple:r(this.multiple,"multiple"),label:null!==(f=null!==(m=this.listLabel)&&void 0!==m?m:this.label)&&void 0!==f?f:b},null===(p=this._options)||void 0===p?void 0:p.map((t=>d("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:t.showDivider,icon:t.icon,isGroupTitle:t.isGroupTitle,groupTitle:this.getOptionLabel(t),name:this._id,checked:this.getOptionChecked(t.value),disabled:t.disabled,value:t.value,onChange:()=>this.handleSelect(t.value),key:void 0},t.isGroupTitle?null:this.getOptionLabel(t)))))),d("div",null,d("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",name:this._id,form:this._id,onClick:()=>this.handleClose(void 0,!0)},null!==(y=this.mobileCloseButtonText)&&void 0!==y?y:C)))):null),(null===(g=this.showClearSelection)||void 0===g||g)&&(null===(k=this._values)||void 0===k?void 0:k.length)?d("db-button",{icon:"cross",variant:"ghost",size:"small",noText:!0,name:this._id,form:this._id,disabled:r(this.disabled,"disabled"),onClick:t=>this.handleClearAll(t)},this.clearSelectionText,d("db-tooltip",{placement:"top"},this.clearSelectionText)):null,d("span",{key:"3210abcd9df6f8232346aa78def9e3bd078f35db",class:"db-custom-select-placeholder","aria-hidden":"true",id:this._placeholderId},null!==(x=this.placeholder)&&void 0!==x?x:this.label),a(this.message,this.showMessage)?d("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?d("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||I):null,d("db-infotext",{key:"a552df2b93f899230e80623e2014691e411c3b40",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),d("span",{key:"b29045acf1f702b90b434dc4aa9d589c0c6c57f5","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],detailsRef:[{watch1:0},{watch3:0}],_id:[{watch2:0}],_descByIds:[{watch3:0}],showNoResults:[{watch4:0}],showLoading:[{watch4:0}],_options:[{watch4:0}],showSelectAll:[{watch5:0}],amountOptions:[{watch5:0},{watch6:0},{watch11:0}],multiple:[{watch5:0}],showSearch:[{watch6:0}],values:[{watch7:0}],_values:[{watch8:0},{watch11:0},{watch14:0}],selectRef:[{watch8:0},{watch9:0},{watch18:0}],validation:[{watch10:0}],options:[{watch12:0},{watch14:0}],searchValue:[{watch13:0}],_selectedOptions:[{watch15:0},{watch16:0}],selectedType:[{watch15:0}],amountText:[{watch15:0}],selectedLabels:[{watch15:0}],transformSelectedLabels:[{watch15:0}],selectAllIndeterminate:[{watch17:0}],selectAllRef:[{watch17:0}],invalidMessage:[{watch18:0}]}}},[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]},void 0,{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}]}]),N=z,$=function(){"undefined"!=typeof customElements&&["db-custom-select","db-button","db-custom-select-dropdown","db-custom-select-list","db-custom-select-list-item","db-infotext","db-input","db-tag","db-tooltip"].forEach((t=>{switch(t){case"db-custom-select":customElements.get(w(t))||customElements.define(w(t),z);break;case"db-button":customElements.get(w(t))||S();break;case"db-custom-select-dropdown":customElements.get(w(t))||O();break;case"db-custom-select-list":customElements.get(w(t))||R();break;case"db-custom-select-list-item":customElements.get(w(t))||j();break;case"db-infotext":customElements.get(w(t))||E();break;case"db-input":customElements.get(w(t))||B();break;case"db-tag":customElements.get(w(t))||q();break;case"db-tooltip":customElements.get(w(t))||M()}}))};export{V as D,N as DbCustomSelect,$ as defineCustomElement}
+import{y as t,H as i,A as s,h as e,f as h,p as l,q as a,u as o,z as d,F as n,j as c,k as r,o as u,d as v,t as w}from"./p-BygObMH8.js";import{l as m,a as b,m as f,f as p,g as y,h as g,e as k,d as x,i as _,o as A,k as I,c as C,u as D}from"./p-Cm3dPtkD.js";import{A as F,D as L,I as T}from"./p-BXHP_qH1.js";import{h as O}from"./p-C3D_kjdU.js";import{b as S}from"./p-Bpe95kXk.js";import{R as j}from"./p-Bsv9xU74.js";import{d as R}from"./p-BEk7DV7j.js";import{d as E}from"./p-DmmLQjqi.js";import{d as B}from"./p-BeY5dlW3.js";import{d as q}from"./p-DNIQoAaq.js";import{d as M}from"./p-DY4zD5g8.js";import{d as z}from"./p-Bl3Nkowh.js";import{d as N}from"./p-OXsRLHzG.js";import{d as V}from"./p-DzJeNSBs.js";class P extends F{static runCallbacks(t){for(const i of Object.values(P.callbacks))"function"==typeof i&&i(t)}constructor(){if(super(),P._instance)return P._instance;P._instance=this,self.document&&self.document.addEventListener("click",(t=>P.runCallbacks(t)))}getCallbacks(){return P.callbacks}}P.callbacks={},P._instance=null;const $=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.amountChange=s(this,"amountChange"),this.dropdownToggle=s(this,"dropdownToggle"),this.optionSelected=s(this,"optionSelected"),this.search=s(this,"search"),this.showClearSelection=!0,this.clearSelectionText="Clear selection",this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._selectId=void 0,this._labelId=void 0,this._summaryId=void 0,this._placeholderId=void 0,this._infoTextId=void 0,this._validity="no-validation",this._userInteraction=!1,this.abortController=void 0,this._descByIds=void 0,this._selectedLabels="",this._selectedLabelsId=void 0,this._voiceOverFallback="",this._selectedOptions=[],this.selectAllEnabled=!1,this.searchEnabled=!1,this.amountOptions=0,this._values=[],this._options=[],this._hasNoOptions=!1,this._documentClickListenerCallbackId=void 0,this._internalChangeTimestamp=0,this._documentScrollListenerCallbackId=void 0,this._intersectionObserverCallbackId=void 0,this._resizeObserverCallbackId=void 0,this._searchValue=void 0,this.selectAllChecked=!1,this.selectAllIndeterminate=!1,this.observer=void 0,this.satisfyReact=function(t){t.stopPropagation()}}handleDocumentScroll(t){var i,s;(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains)&&(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains(this.detailsRef))&&this.handleAutoPlacement()}hasValidState(){var t;return!!(null!==(t=this.validMessage)&&void 0!==t?t:"valid"===this.validation)}handleValidation(){var t,i,s,a,o,d,n,c;this.selectRef&&(this.selectRef.value=this.getNativeSelectValue()),(null===(t=this.selectRef)||void 0===t?void 0:t.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(a=this.selectRef)||void 0===a?void 0:a.validity.valid)&&this.required?(this.setDescById(this._validMessageId),e()&&(this._voiceOverFallback=null!==(o=this.validMessage)&&void 0!==o?o:I,h((()=>this._voiceOverFallback=""),1e3)),this._validity=null!==(d=this.validation)&&void 0!==d?d:"valid"):l(this.message,this.showMessage)?(this.setDescById(this._messageId),this._validity=null!==(n=this.validation)&&void 0!==n?n:"no-validation"):(this.setDescById(this._placeholderId),this._validity=null!==(c=this.validation)&&void 0!==c?c:"no-validation"):(this.setDescById(this._invalidMessageId),this._invalidMessage=this.invalidMessage||(null===(i=this.selectRef)||void 0===i?void 0:i.validationMessage)||m,e()&&(this._voiceOverFallback=this._invalidMessage,h((()=>this._voiceOverFallback=""),1e3)),this._userInteraction&&(this._validity=null!==(s=this.validation)&&void 0!==s?s:"invalid"))}handleDropdownToggle(t){this.dropdownToggle&&(t.stopPropagation(),this.dropdownToggle.emit(t)),t.target instanceof HTMLDetailsElement&&t.target.open?(this._documentClickListenerCallbackId=(new P).addCallback((t=>this.handleDocumentClose(t))),this._documentScrollListenerCallbackId=(new L).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement(),this._resizeObserverCallbackId=(new j).observe(document.documentElement,(()=>this.handleAutoPlacement())),this._intersectionObserverCallbackId=(new T).observe(this.detailsRef,(t=>{!t.isIntersecting&&this.detailsRef.open&&(this.detailsRef.open=!1)})),t.target.dataset.test||this.handleOpenByKeyboardFocus()):(this._documentClickListenerCallbackId&&(new P).removeCallback(this._documentClickListenerCallbackId),this._documentScrollListenerCallbackId&&(new L).removeCallback(this._documentScrollListenerCallbackId),this._resizeObserverCallbackId&&(new j).unobserve(this._resizeObserverCallbackId),this._intersectionObserverCallbackId&&(new T).unobserve(this._intersectionObserverCallbackId))}getNativeSelectValue(){var t,i;return(null===(t=this._values)||void 0===t?void 0:t.length)&&null!==(i=this._values.at(0))&&void 0!==i?i:""}setDescById(t){var i;const s=[];t&&s.push(t),this._selectedLabelsId&&(null===(i=this._selectedLabels)||void 0===i?void 0:i.length)&&s.push(this._selectedLabelsId),this._descByIds=s.join(" ")}getSelectAllLabel(){var t;return null!==(t=this.selectAllLabel)&&void 0!==t?t:b}getOptionLabel(t){var i,s,e;return null!==(e=null!==(i=t.label)&&void 0!==i?i:null===(s=t.value)||void 0===s?void 0:""+s)&&void 0!==e?e:""}getOptionChecked(t){var i,s;return!(!t||!(null===(i=this._values)||void 0===i?void 0:i.includes))&&(null===(s=this._values)||void 0===s?void 0:s.includes(t))}getTagRemoveLabel(t){const i=this.removeTagsTexts,s=this.options;if(i&&s){const e=s.findIndex((i=>i.value===t.value));if(e>=0&&e<i.length)return i[e]}return`${f} ${this.getOptionLabel(t)}`}handleTagRemove(t,i){i&&i.stopPropagation(),this.handleSelect(t.value),this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const t=this.detailsRef.querySelector("article");t&&h((()=>{var i;O(t,this.detailsRef,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}}handleArrowDownUp(t){var i,s,e;if(null===(i=this.detailsRef)||void 0===i?void 0:i.open){if(self.document){const i=self.document.activeElement;if(i)if("checkbox"===i.getAttribute("type")||"radio"===i.getAttribute("type")){const l=null==i?void 0:i.closest("li");if("ArrowDown"===t.key||"ArrowRight"===t.key){let t=null==l?void 0:l.nextElementSibling;for(;t;){const i=t.querySelector("input");if(i){i.focus();break}t=t.nextElementSibling}t||this.handleFocusFirstDropdownCheckbox(i)}else{let t=null==l?void 0:l.previousElementSibling;for(;t;){const i=t.querySelector("input");if(i){i.focus();break}t=t.previousElementSibling}if(!t){const t=this.detailsRef.querySelector('input[type="checkbox"]');if(t&&t!==i)this.handleFocusFirstDropdownCheckbox(i);else{const t=a(this.detailsRef);if(t)h((()=>{t.focus()}),100);else{const t=Array.from(null===(s=this.detailsRef)||void 0===s?void 0:s.querySelectorAll('input[type="checkbox"],input[type="radio"]'));t.length&&(null===(e=t.at(-1))||void 0===e||e.focus())}}}}}else"search"!==i.getAttribute("type")||"ArrowUp"!==t.key&&"ArrowLeft"!==t.key?this.handleFocusFirstDropdownCheckbox(i):(this.handleClose(void 0,!0),this.handleSummaryFocus())}}else"ArrowDown"!==t.key&&"ArrowRight"!==t.key||(this.handleAutoPlacement(),this.detailsRef&&(this.detailsRef.open=!0),this.handleOpenByKeyboardFocus());t.stopPropagation(),t.preventDefault()}handleKeyboardPress(t){var i,s,e;if(t.stopPropagation(),"Escape"===t.key&&(null===(i=this.detailsRef)||void 0===i?void 0:i.open))this.handleClose(void 0,!0),this.handleSummaryFocus();else if("Enter"===t.key&&(null===(s=this.detailsRef)||void 0===s?void 0:s.open)){if(self.document){const i=self.document.activeElement;if(["checkbox","radio"].includes(i.getAttribute("type")||""))i.click(),t.preventDefault();else if("search"===i.getAttribute("type")){const i=null===(e=this._options)||void 0===e?void 0:e.find((t=>!t.isGroupTitle&&!t.disabled));(null==i?void 0:i.value)&&(this.handleSelect(i.value),t.preventDefault())}}}else"ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"ArrowLeft"!==t.key&&"ArrowRight"!==t.key||this.handleArrowDownUp(t)}handleClose(t,i){if(this.detailsRef)if(i)this.detailsRef.open=!1,this.handleSummaryFocus();else if(this.detailsRef.open&&t&&t.relatedTarget){const i=t.relatedTarget;this.detailsRef.contains(i)||"dialog"===i.localName||h((()=>this.detailsRef.open=!1),1)}}handleDocumentClose(t){var i,s;if(t){const e="number"==typeof t.detail?t.target:null===(i=t.detail)||void 0===i?void 0:i.target;(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&!this.detailsRef.contains(e)&&(this.detailsRef.open=!1)}}handleOptionSelected(t){(new Date).getTime()-this._internalChangeTimestamp<200||(this._values=t,this._userInteraction=!0,this.optionSelected&&this.optionSelected.emit(null!=t?t:[]),this._internalChangeTimestamp=(new Date).getTime())}handleSelect(t){var i;t&&(this.multiple?(null===(i=this._values)||void 0===i?void 0:i.includes(t))?this.handleOptionSelected(this._values.filter((i=>i!==t))):this.handleOptionSelected([...this._values||[],t]):(this.handleOptionSelected([t]),this.handleClose(void 0,!0)))}handleSelectAll(t){var i;if(t.stopPropagation(),(null===(i=this._values)||void 0===i?void 0:i.length)===this.amountOptions)this.handleOptionSelected([]);else{const t=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:void 0;this.handleOptionSelected(this.options?this.options.filter((i=>{var s;return!i.isGroupTitle&&(!t||(null===(s=i.value)||void 0===s?void 0:s.toLowerCase().includes(t.toLowerCase())))})).map((t=>{var i;return null!==(i=t.value)&&void 0!==i?i:""})):[])}}handleFocusFirstDropdownCheckbox(t){if(this.detailsRef){const i=Array.from(this.detailsRef.querySelectorAll('input[type="checkbox"],input[type="radio"]'));if(i.length){const s=i.at(0),e=s===t&&i.length>1?i.at(1):s;e&&h((()=>{e.focus()}),1)}}}handleOpenByKeyboardFocus(){if(this.detailsRef){const t=a(this.detailsRef);t?h((()=>{t.focus()}),1):this.handleFocusFirstDropdownCheckbox()}}handleSearch(t){var i;if(void 0===t)return;let s;if("string"==typeof t)s=t;else{const i=t;i.stopPropagation(),this.search&&this.search.emit(i),s=i.target.value,this._searchValue=s}this._options=this.options&&s&&0!==s.length?this.options.filter(this.searchFilter?t=>this.searchFilter(t,s):t=>!t.isGroupTitle&&this.getOptionLabel(t).toLowerCase().includes(s.toLowerCase())):this.options,(null===(i=this.detailsRef)||void 0===i?void 0:i.open)&&this.handleAutoPlacement()}handleClearAll(t){t.stopPropagation(),this.handleOptionSelected([]),this.handleSummaryFocus()}handleSummaryFocus(){var t;this.detailsRef&&(null===(t=this.detailsRef.querySelector("summary"))||void 0===t||t.focus())}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:"custom-select-"+o();this._id=e,this._messageId=e+p,this._validMessageId=e+y,this._invalidMessageId=e+g,this._selectId=e+k,this._labelId=e+x,this._summaryId=e+"-summary",this._placeholderId=e+_,this._selectedLabelsId=e+"-selected-labels",this._infoTextId=e+"-info"}setupObserver(t){if(!t)return;const i=t.closest("db-custom-select");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")})),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(),l=t.getAttribute("class");t.setAttribute(h.name,`${l||""}${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(){this.detailsRef&&this.detailsRef.addEventListener("focusout",(t=>this.handleClose(t)))}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const t=this._id+p;this._labelId=this._id+x,this._selectId=this._id+k,this._validMessageId=this._id+y,this._invalidMessageId=this._id+g,this._placeholderId=this._id+_,l(this.message,this.showMessage)?this.setDescById(t):this.setDescById()}}watch2(){this.watch2Fn()}watch3Fn(){var t;if(this.detailsRef){const i=this.detailsRef.querySelector("summary");i&&i.setAttribute("aria-describedby",null!==(t=this.ariaDescribedBy)&&void 0!==t?t:this._descByIds||"")}}watch3(){this.watch3Fn()}watch4Fn(){void 0!==this.showNoResults?this._hasNoOptions=this.showNoResults:this._options&&(this._hasNoOptions=0===this._options.length)}watch4(){this.watch4Fn()}watch5Fn(){var t;this.selectAllEnabled=!(!this.multiple||!(null!==(t=this.showSelectAll)&&void 0!==t?t:this.amountOptions>5))}watch5(){this.watch5Fn()}watch6Fn(){var t;this.searchEnabled=null!==(t=this.showSearch)&&void 0!==t?t:this.amountOptions>9}watch6(){this.watch6Fn()}watch7Fn(){var t;const i=this.values;Array.isArray(i)?this._values!==i&&(this._values=i):null==i&&0!==(null===(t=this._values)||void 0===t?void 0:t.length)&&(this._values=[])}watch7(){this.watch7Fn()}watch8Fn(){this.selectRef&&this.handleValidation()}watch8(){this.watch8Fn()}watch9Fn(){if(this.selectRef){let t=this.abortController;t||(t=new AbortController,this.abortController=t);const i=this.values;S(this.selectRef,(()=>{this.handleOptionSelected(i||(this.selectRef.value?[this.selectRef.value]:[])),this.handleValidation()}),t.signal)}}watch9(){this.watch9Fn()}watch10Fn(){this._validity=this.validation}watch10(){this.watch10Fn()}watch11Fn(){var t,i;0===(null===(t=this._values)||void 0===t?void 0:t.length)?(this.selectAllChecked=!1,this.selectAllIndeterminate=!1):(null===(i=this._values)||void 0===i?void 0:i.length)===this.amountOptions?(this.selectAllIndeterminate=!1,this.selectAllChecked=!0):this._values&&(this.selectAllIndeterminate=!0)}watch11(){this.watch11Fn()}watch12Fn(){var t,i,s;this._options=this.options,this.amountOptions=null!==(i=null===(t=this.options)||void 0===t?void 0:t.filter((t=>!t.isGroupTitle)).length)&&void 0!==i?i:0,(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&this.handleAutoPlacement()}watch12(){this.watch12Fn()}watch13Fn(){this._searchValue=this.searchValue,this.searchValue&&this.handleSearch(this.searchValue)}watch13(){this.watch13Fn()}watch14Fn(){var t,i;(null===(t=this.options)||void 0===t?void 0:t.length)&&(this._selectedOptions=null===(i=this.options)||void 0===i?void 0:i.filter((t=>{var i,s;return!(!t.value||!(null===(i=this._values)||void 0===i?void 0:i.includes))&&!t.isGroupTitle&&(null===(s=this._values)||void 0===s?void 0:s.includes(t.value))})))}watch14(){this.watch14Fn()}watch15Fn(){var t,i,s;if(this.selectedLabels)this._selectedLabels=this.selectedLabels;else if(null===(t=this._selectedOptions)||void 0===t?void 0:t.length){if(this.transformSelectedLabels)return void(this._selectedLabels=(0,this.transformSelectedLabels)(this._selectedOptions));this._selectedLabels="amount"===this.selectedType?this.amountText?this.amountText:`${null===(i=this._selectedOptions)||void 0===i?void 0:i.length} ${A}`:null===(s=this._selectedOptions)||void 0===s?void 0:s.map((t=>this.getOptionLabel(t))).join(", ")}else this._selectedLabels=""}watch15(){this.watch15Fn()}watch16Fn(){var t,i;this.amountChange&&this.amountChange.emit(null!==(i=null===(t=this._selectedOptions)||void 0===t?void 0:t.length)&&void 0!==i?i:0)}watch16(){this.watch16Fn()}watch17Fn(){this.selectAllRef&&(this.selectAllRef.indeterminate=!!this.selectAllIndeterminate)}watch17(){this.watch17Fn()}watch18Fn(){var t;this._invalidMessage=this.invalidMessage||(null===(t=this.selectRef)||void 0===t?void 0:t.validationMessage)||m}watch18(){this.watch18Fn()}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"),(()=>{this.resetIds(),this._invalidMessage=this.invalidMessage||m})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn(),this.watch6Fn(),this.watch7Fn(),this.watch8Fn(),this.watch9Fn(),this.watch10Fn(),this.watch11Fn(),this.watch12Fn(),this.watch13Fn(),this.watch14Fn(),this.watch15Fn(),this.watch16Fn(),this.watch17Fn(),this.watch18Fn()}disconnectedCallback(){var t,i;null===(t=this.abortController)||void 0===t||t.abort(),this._documentClickListenerCallbackId&&(new P).removeCallback(this._documentClickListenerCallbackId),this._documentScrollListenerCallbackId&&(new L).removeCallback(this._documentScrollListenerCallbackId),this._resizeObserverCallbackId&&(new j).unobserve(this._resizeObserverCallbackId),this._intersectionObserverCallbackId&&(new T).unobserve(this._intersectionObserverCallbackId),null===(i=this.observer)||void 0===i||i.disconnect()}render(){var t,i,s,e,h,a,o,w,m,f,p,y,g,k,x;return d("div",{key:"bda216afb16404d7d1b75bd2ff88fdc526aaed51",class:v("db-custom-select",this.className),id:this._id,ref:t=>{this._ref=t},"aria-invalid":"invalid"===this._validity,"data-custom-validity":this._validity,"data-width":this.formFieldWidth,"data-variant":"floating"===this.variant&&"tag"===this.selectedType&&this.multiple?"above":this.variant,"data-required":c(this.required,"required"),"data-hide-asterisk":u(this.showRequiredAsterisk),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":u(this.showLabel),"data-icon":this.icon,"data-show-icon":c(this.showIcon,"showIcon")},d("label",{key:"b03e2a77f30db9e04582dfc0436ea7a01fa76630",id:this._labelId},null!==(t=this.label)&&void 0!==t?t:b,d("select",{key:"9199d84585ab6ab4ba2d5301abcc9b04167af19a",role:"none",hidden:!0,id:this._selectId,tabIndex:-1,ref:t=>{this.selectRef=t},form:this.form,name:this.name,"data-custom-validity":this._validity,multiple:r(this.multiple,"multiple"),disabled:r(this.disabled,"disabled"),required:r(this.required,"required"),onChange:t=>this.satisfyReact(t)},(null===(i=this.options)||void 0===i?void 0:i.length)?null===(s=this.options)||void 0===s?void 0:s.map((t=>d("option",{disabled:t.disabled,value:t.value,key:void 0},this.getOptionLabel(t)))):null)),d("details",{key:"51d1fa7a7babfe3186626426ba24d0d9e3f1dc37",ref:t=>{this.detailsRef=t},open:this.open,onToggle:t=>this.handleDropdownToggle(t),onKeyDown:t=>this.handleKeyboardPress(t)},d("slot",{key:"43e42b641ff32aaebb69f19e18aa691aa45d51bb"}),this.options?d(n,null,d("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":c(this.disabled,"disabled"),tabIndex:this.disabled?-1:void 0,"aria-labelledby":this._labelId},(null===(e=this._selectedLabels)||void 0===e?void 0:e.length)?d("span",{"data-visually-hidden":c("tag"===this.selectedType,"selectedType"),id:this._selectedLabelsId},this.selectedPrefix?d("span",{"data-visually-hidden":"true"},this.selectedPrefix):null,this._selectedLabels):null,"tag"===this.selectedType?d("div",null,null===(h=this._selectedOptions)||void 0===h?void 0:h.map((t=>d("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(t),onRemove:i=>this.handleTagRemove(t,i),key:void 0},this.getOptionLabel(t))))):null),d("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?d("div",null,d("db-input",{type:"search",ref:t=>{this.searchInputRef=t},name:this._id,form:this._id,showLabel:!1,value:this._searchValue,label:null!==(a=this.searchLabel)&&void 0!==a?a:b,placeholder:null!==(o=this.searchPlaceholder)&&void 0!==o?o:this.searchLabel,ariaDescribedBy:this._hasNoOptions||this.showLoading?this._infoTextId:void 0,onInput:t=>this.handleSearch(t)})):null,this._hasNoOptions||this.showLoading?d("db-infotext",{id:this._infoTextId,icon:this.showLoading?"circular_arrows":void 0,semantic:this.showLoading?"informational":"warning"},null!==(w=this.showLoading?this.loadingText:this.noResultsText)&&void 0!==w?w:C):d(n,null,this.selectAllEnabled?d("div",null,d("div",{class:"db-checkbox db-custom-select-list-item"},d("label",null,d("input",{type:"checkbox",value:"select-all",ref:t=>{this.selectAllRef=t},form:this._id,checked:this.selectAllChecked,onChange:t=>this.handleSelectAll(t)}),this.getSelectAllLabel()))):null,d("db-custom-select-list",{multiple:r(this.multiple,"multiple"),label:null!==(f=null!==(m=this.listLabel)&&void 0!==m?m:this.label)&&void 0!==f?f:b},null===(p=this._options)||void 0===p?void 0:p.map((t=>d("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:t.showDivider,icon:t.icon,isGroupTitle:t.isGroupTitle,groupTitle:this.getOptionLabel(t),name:this._id,checked:this.getOptionChecked(t.value),disabled:t.disabled,value:t.value,onChange:()=>this.handleSelect(t.value),key:void 0},t.isGroupTitle?null:this.getOptionLabel(t)))))),d("div",null,d("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",name:this._id,form:this._id,onClick:()=>this.handleClose(void 0,!0)},null!==(y=this.mobileCloseButtonText)&&void 0!==y?y:D)))):null),(null===(g=this.showClearSelection)||void 0===g||g)&&(null===(k=this._values)||void 0===k?void 0:k.length)?d("db-button",{icon:"cross",variant:"ghost",size:"small",noText:!0,name:this._id,form:this._id,disabled:r(this.disabled,"disabled"),onClick:t=>this.handleClearAll(t)},this.clearSelectionText,d("db-tooltip",{placement:"top"},this.clearSelectionText)):null,d("span",{key:"be8bfd29257ff0a1704521328ca89859aa90316c",class:"db-custom-select-placeholder","aria-hidden":"true",id:this._placeholderId},null!==(x=this.placeholder)&&void 0!==x?x:this.label),l(this.message,this.showMessage)?d("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?d("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||I):null,d("db-infotext",{key:"2f4a7d001908b0d869a6e0a791ff5850e4424973",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),d("span",{key:"fbf4b18e031650164d4fda62c2a94fe14b753f9b","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],detailsRef:[{watch1:0},{watch3:0}],_id:[{watch2:0}],_descByIds:[{watch3:0}],showNoResults:[{watch4:0}],showLoading:[{watch4:0}],_options:[{watch4:0}],showSelectAll:[{watch5:0}],amountOptions:[{watch5:0},{watch6:0},{watch11:0}],multiple:[{watch5:0}],showSearch:[{watch6:0}],values:[{watch7:0}],_values:[{watch8:0},{watch11:0},{watch14:0}],selectRef:[{watch8:0},{watch9:0},{watch18:0}],validation:[{watch10:0}],options:[{watch12:0},{watch14:0}],searchValue:[{watch13:0}],_selectedOptions:[{watch15:0},{watch16:0}],selectedType:[{watch15:0}],amountText:[{watch15:0}],selectedLabels:[{watch15:0}],transformSelectedLabels:[{watch15:0}],selectAllIndeterminate:[{watch17:0}],selectAllRef:[{watch17:0}],invalidMessage:[{watch18:0}]}}},[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],_intersectionObserverCallbackId:[32],_resizeObserverCallbackId:[32],_searchValue:[32],selectAllChecked:[32],selectAllIndeterminate:[32],observer:[32]},void 0,{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}]}]),H=$,U=function(){"undefined"!=typeof customElements&&["db-custom-select","db-button","db-custom-select-dropdown","db-custom-select-list","db-custom-select-list-item","db-infotext","db-input","db-tag","db-tooltip"].forEach((t=>{switch(t){case"db-custom-select":customElements.get(w(t))||customElements.define(w(t),$);break;case"db-button":customElements.get(w(t))||R();break;case"db-custom-select-dropdown":customElements.get(w(t))||E();break;case"db-custom-select-list":customElements.get(w(t))||B();break;case"db-custom-select-list-item":customElements.get(w(t))||q();break;case"db-infotext":customElements.get(w(t))||M();break;case"db-input":customElements.get(w(t))||z();break;case"db-tag":customElements.get(w(t))||N();break;case"db-tooltip":customElements.get(w(t))||V()}}))};export{P as D,H as DbCustomSelect,U as defineCustomElement}

package/bundle/db-drawer.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-By8B0zRG.js";const p=o,r=s;export{p as DbDrawer,r as defineCustomElement}
+import{D as m,d as o}from"./p-Cmc3AFmy.js";const s=m,p=o;export{s as DbDrawer,p as defineCustomElement}

package/bundle/db-header.js

@@ -1 +1 @@
-import{y as e,H as a,A as t,k as d,c as s,z as i,d as c,t as n}from"./p-BygObMH8.js";import{p as o}from"./p-BdL-nI5y.js";import{i as r}from"./p-C_qYW0Kh.js";import{d as b}from"./p-BEk7DV7j.js";import{d as l}from"./p-By8B0zRG.js";const h=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.toggle=t(this,"toggle"),this.initialized=!1,this.forcedToMobile=!1,this.observer=void 0}handleToggle(e){e&&e.stopPropagation&&e.stopPropagation();const a=!d(this.drawerOpen,"drawerOpen");this.toggle&&this.toggle.emit(a)}handleNavigationItemClick(e){r(e)&&this.handleToggle()}setupObserver(e){if(!e)return;const a=e.closest("db-header");a&&!this.observer&&(this.observer=new MutationObserver((a=>{a.some((e=>{var a;const t=e.target.attributes.getNamedItem(null!==(a=e.attributeName)&&void 0!==a?a:"");return(null==t?void 0:t.value)!==e.oldValue}))&&this.enableAttributePassing(e,"db-header")})),this.observer.observe(a,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(e,a){const t=null==e?void 0:e.closest(a);if(e&&t){const a=t.attributes;for(let d=0;d<a.length;d++){const s=a.item(d);if(s&&"data-density"!==s.name&&(s.name.startsWith("data-")||s.name.startsWith("aria-")))s.value?e.setAttribute(s.name,s.value):e.removeAttribute(s.name),t.removeAttribute(s.name);else if(s&&["style"].includes(s.name))e.setAttribute(s.name,s.value),t.removeAttribute(s.name);else if(s&&"class"===s.name){const a=s.value.includes("hydrated"),d=s.value.replace("hydrated","").trim(),i=e.getAttribute("class");e.setAttribute(s.name,`${i||""}${d?" "+d:""}`),a?t.setAttribute("class","hydrated"):t.removeAttribute(s.name)}}}}watch0Fn(){this.initialized&&this._ref&&this.forceMobile&&(s(this._ref,{key:"data-force-mobile",value:"true"}),this.forcedToMobile=!0)}watch0(){this.watch0Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const e=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);e&&e.remove()}this.enableAttributePassing(this._ref,"db-header"),(()=>{this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn()}disconnectedCallback(){var e;null===(e=this.observer)||void 0===e||e.disconnect()}render(){var e,a,t;return i("header",{key:"aeeac33c4b9db2b9749b24ccca840aa03bac81df",class:c("db-header",this.className),ref:e=>{this._ref=e},id:null!==(e=this.id)&&void 0!==e?e:null===(a=this.propOverrides)||void 0===a?void 0:a.id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},i("div",{key:"1078f960dbc6ed24664b5ff5c23c3524d725b822",class:"db-header-meta-navigation"},i("slot",{key:"c55739d8ae17254c2aa457795a31017a07ab5a88",name:"metaNavigation"})),i("div",{key:"6e82ab28439854dec6bcc6dcf9ed3fa36c6f5e69",class:"db-header-navigation-bar"},i("div",{key:"7e991f8cdee7c1767ea3aefdd9a01c662fb5d178",class:"db-header-brand-container"},i("slot",{key:"a1e2aea32b28520095612367e97a8b955f93bd96",name:"brand"})),i("div",{key:"273f17e3b8594dad83d8fbad021008405d865176",class:"db-header-navigation-container"},i("div",{key:"8bd9a08a0f3cf8083d238963c2cc3715edf1d5a4",class:"db-header-navigation"},i("slot",{key:"abfd95ef152c34e53806c114f243ff26b63a9bbe"})),i("div",{key:"4a61c6d86a0362913b45a432095a621ca22d1268",class:"db-header-primary-action"},i("slot",{key:"3b79bfc6d85a0a39fcb3ca2550be0a2a36b6a682",name:"primaryAction"}))),i("div",{key:"1c506669010a04ae260b692811ed17d76a3ecc03",class:"db-header-action-container"},i("div",{key:"aa522f5b0010a1747a1bc7f550c3700a0bad4e8a",class:"db-header-burger-menu-container"},i("db-button",{key:"2223a3865ed4ea94e3a3849e73e4113e1db0fb66",icon:"menu",variant:"ghost",noText:!0,onClick:()=>this.handleToggle()},null!==(t=this.burgerMenuLabel)&&void 0!==t?t:o)),i("div",{key:"86f41a6b354de871ac3f4d9cf8b7205c699ba189",class:"db-header-secondary-action"},i("slot",{key:"43e443323eb93871bb19cbea2222da6eb8ebd0e8",name:"secondaryAction"})))),i("db-drawer",{key:"8a8474e8a7f54d827f5844f76dea9ce44ef565e0",class:"db-header-drawer",spacing:"small",rounded:!0,closeButtonId:this.closeButtonId,closeButtonText:this.closeButtonText,open:d(this.drawerOpen),onClose:()=>this.handleToggle()},i("div",{key:"21f360dc09f2d53aea13fde8b13c1ffb3781f558",class:"db-header-drawer-navigation"},i("div",{key:"0c567049a2c1788decb48b10b0115348d2f3b406",class:"db-header-navigation",onClick:e=>this.handleNavigationItemClick(e)},i("slot",{key:"1403d518f5f63eca522ccecaf5a4b5f153649a33"})),i("div",{key:"c624cf3f4ea7e89a87e430ef96b34fa4ce6d4236",class:"db-header-meta-navigation"},i("slot",{key:"4fde72b2d7d8c098a8a09160e8f36ca2ddbd0702",name:"metaNavigation"}))),i("div",{key:"91d6fc1b39b3cfc39b8563956971f56a168da218",class:"db-header-secondary-action"},i("slot",{key:"a9745f3cf4c91db6a3cd0bc4e4bf904b8bc7a2aa",name:"secondaryAction"}))))}get rootElement(){return this}static get watchers(){return{initialized:[{watch0:0}],_ref:[{watch0:0}]}}},[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]},void 0,{initialized:[{watch0:0}],_ref:[{watch0:0}]}]),f=h,u=function(){"undefined"!=typeof customElements&&["db-header","db-button","db-drawer"].forEach((e=>{switch(e){case"db-header":customElements.get(n(e))||customElements.define(n(e),h);break;case"db-button":customElements.get(n(e))||b();break;case"db-drawer":customElements.get(n(e))||l()}}))};export{f as DbHeader,u as defineCustomElement}
+import{y as e,H as a,A as t,k as d,c as s,z as i,d as c,t as n}from"./p-BygObMH8.js";import{r as o}from"./p-Cm3dPtkD.js";import{i as r}from"./p-DmKfvZy3.js";import{d as b}from"./p-BEk7DV7j.js";import{d as l}from"./p-Cmc3AFmy.js";const h=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.toggle=t(this,"toggle"),this.initialized=!1,this.forcedToMobile=!1,this.observer=void 0}handleToggle(e){e&&e.stopPropagation&&e.stopPropagation();const a=!d(this.drawerOpen,"drawerOpen");this.toggle&&this.toggle.emit(a)}handleNavigationItemClick(e){r(e)&&this.handleToggle()}setupObserver(e){if(!e)return;const a=e.closest("db-header");a&&!this.observer&&(this.observer=new MutationObserver((a=>{a.some((e=>{var a;const t=e.target.attributes.getNamedItem(null!==(a=e.attributeName)&&void 0!==a?a:"");return(null==t?void 0:t.value)!==e.oldValue}))&&this.enableAttributePassing(e,"db-header")})),this.observer.observe(a,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(e,a){const t=null==e?void 0:e.closest(a);if(e&&t){const a=t.attributes;for(let d=0;d<a.length;d++){const s=a.item(d);if(s&&"data-density"!==s.name&&(s.name.startsWith("data-")||s.name.startsWith("aria-")))s.value?e.setAttribute(s.name,s.value):e.removeAttribute(s.name),t.removeAttribute(s.name);else if(s&&["style"].includes(s.name))e.setAttribute(s.name,s.value),t.removeAttribute(s.name);else if(s&&"class"===s.name){const a=s.value.includes("hydrated"),d=s.value.replace("hydrated","").trim(),i=e.getAttribute("class");e.setAttribute(s.name,`${i||""}${d?" "+d:""}`),a?t.setAttribute("class","hydrated"):t.removeAttribute(s.name)}}}}watch0Fn(){this.initialized&&this._ref&&this.forceMobile&&(s(this._ref,{key:"data-force-mobile",value:"true"}),this.forcedToMobile=!0)}watch0(){this.watch0Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const e=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);e&&e.remove()}this.enableAttributePassing(this._ref,"db-header"),(()=>{this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn()}disconnectedCallback(){var e;null===(e=this.observer)||void 0===e||e.disconnect()}render(){var e,a,t;return i("header",{key:"aeeac33c4b9db2b9749b24ccca840aa03bac81df",class:c("db-header",this.className),ref:e=>{this._ref=e},id:null!==(e=this.id)&&void 0!==e?e:null===(a=this.propOverrides)||void 0===a?void 0:a.id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},i("div",{key:"1078f960dbc6ed24664b5ff5c23c3524d725b822",class:"db-header-meta-navigation"},i("slot",{key:"c55739d8ae17254c2aa457795a31017a07ab5a88",name:"metaNavigation"})),i("div",{key:"6e82ab28439854dec6bcc6dcf9ed3fa36c6f5e69",class:"db-header-navigation-bar"},i("div",{key:"7e991f8cdee7c1767ea3aefdd9a01c662fb5d178",class:"db-header-brand-container"},i("slot",{key:"a1e2aea32b28520095612367e97a8b955f93bd96",name:"brand"})),i("div",{key:"273f17e3b8594dad83d8fbad021008405d865176",class:"db-header-navigation-container"},i("div",{key:"8bd9a08a0f3cf8083d238963c2cc3715edf1d5a4",class:"db-header-navigation"},i("slot",{key:"abfd95ef152c34e53806c114f243ff26b63a9bbe"})),i("div",{key:"4a61c6d86a0362913b45a432095a621ca22d1268",class:"db-header-primary-action"},i("slot",{key:"3b79bfc6d85a0a39fcb3ca2550be0a2a36b6a682",name:"primaryAction"}))),i("div",{key:"1c506669010a04ae260b692811ed17d76a3ecc03",class:"db-header-action-container"},i("div",{key:"aa522f5b0010a1747a1bc7f550c3700a0bad4e8a",class:"db-header-burger-menu-container"},i("db-button",{key:"2223a3865ed4ea94e3a3849e73e4113e1db0fb66",icon:"menu",variant:"ghost",noText:!0,onClick:()=>this.handleToggle()},null!==(t=this.burgerMenuLabel)&&void 0!==t?t:o)),i("div",{key:"86f41a6b354de871ac3f4d9cf8b7205c699ba189",class:"db-header-secondary-action"},i("slot",{key:"43e443323eb93871bb19cbea2222da6eb8ebd0e8",name:"secondaryAction"})))),i("db-drawer",{key:"8a8474e8a7f54d827f5844f76dea9ce44ef565e0",class:"db-header-drawer",spacing:"small",rounded:!0,closeButtonId:this.closeButtonId,closeButtonText:this.closeButtonText,open:d(this.drawerOpen),onClose:()=>this.handleToggle()},i("div",{key:"21f360dc09f2d53aea13fde8b13c1ffb3781f558",class:"db-header-drawer-navigation"},i("div",{key:"0c567049a2c1788decb48b10b0115348d2f3b406",class:"db-header-navigation",onClick:e=>this.handleNavigationItemClick(e)},i("slot",{key:"1403d518f5f63eca522ccecaf5a4b5f153649a33"})),i("div",{key:"c624cf3f4ea7e89a87e430ef96b34fa4ce6d4236",class:"db-header-meta-navigation"},i("slot",{key:"4fde72b2d7d8c098a8a09160e8f36ca2ddbd0702",name:"metaNavigation"}))),i("div",{key:"91d6fc1b39b3cfc39b8563956971f56a168da218",class:"db-header-secondary-action"},i("slot",{key:"a9745f3cf4c91db6a3cd0bc4e4bf904b8bc7a2aa",name:"secondaryAction"}))))}get rootElement(){return this}static get watchers(){return{initialized:[{watch0:0}],_ref:[{watch0:0}]}}},[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]},void 0,{initialized:[{watch0:0}],_ref:[{watch0:0}]}]),f=h,m=function(){"undefined"!=typeof customElements&&["db-header","db-button","db-drawer"].forEach((e=>{switch(e){case"db-header":customElements.get(n(e))||customElements.define(n(e),h);break;case"db-button":customElements.get(n(e))||b();break;case"db-drawer":customElements.get(n(e))||l()}}))};export{f as DbHeader,m as defineCustomElement}

package/bundle/db-input.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-Be1wVxvg.js";const p=o,r=s;export{p as DbInput,r as defineCustomElement}
+import{D as o,d as s}from"./p-Bl3Nkowh.js";const p=o,r=s;export{p as DbInput,r as defineCustomElement}

package/bundle/db-navigation-item.js

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

package/bundle/db-notification.js

@@ -1 +1 @@
-import{y as t,H as i,A as s,z as e,k as a,p as n,j as o,d,t as c,x as l}from"./p-BygObMH8.js";import{s as h}from"./p-BdL-nI5y.js";import{d as r}from"./p-BEk7DV7j.js";const b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=s(this,"close"),this.observer=void 0}handleClose(t){t&&(t.stopPropagation(),this.close&&this.close.emit(t))}setupObserver(t){if(!t)return;const i=t.closest("db-notification");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-notification")})),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(),n=t.getAttribute("class");t.setAttribute(a.name,`${n||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-notification"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i,s;return e("div",{key:"3f6ef4d3d506873a5b4bd15fde4d2c2fbedc9746",class:d("db-notification",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,role:l({semantic:this.semantic,role:this.role,ariaLive:this.ariaLive}),"aria-live":this.ariaLive,"data-semantic":this.semantic,"data-variant":this.variant,"data-icon":!1!==a(this.showIcon)?this.icon:void 0,"data-show-icon":o(this.showIcon,"showIcon"),"data-link-variant":this.linkVariant},e("slot",{key:"869ddc92d88e68d689215add30f1eefbfababc21",name:"image"}),n(this.headline,this.showHeadline)?e("header",{"data-area":"head"},this.headline):null,e("div",{key:"f3eb313619e046c8eb3fa7b527470b8145003173","data-area":"content"},this.text?this.text:null,e("slot",{key:"ff2a9c542527cf6da87bace3b77b9477899626ea"})),n(this.timestamp,this.showTimestamp)?e("time",{"data-area":"timestamp",dateTime:this.timestampDatetime},this.timestamp):null,e("slot",{key:"5529bddb13c7a39c5fcf6b9bca844cbe1f16fee3",name:"link"}),a(this.closeable,"closeable")?e("db-button",{icon:"cross",variant:"ghost",size:"small",id:this.closeButtonId,noText:!0,onClick:t=>this.handleClose(t)},null!==(s=this.closeButtonText)&&void 0!==s?s:h):null)}get rootElement(){return this}},[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]}]),m=b,f=function(){"undefined"!=typeof customElements&&["db-notification","db-button"].forEach((t=>{switch(t){case"db-notification":customElements.get(c(t))||customElements.define(c(t),b);break;case"db-button":customElements.get(c(t))||r()}}))};export{m as DbNotification,f as defineCustomElement}
+import{y as t,H as i,A as s,z as e,k as a,p as n,j as o,d,t as c,x as l}from"./p-BygObMH8.js";import{u as h}from"./p-Cm3dPtkD.js";import{d as r}from"./p-BEk7DV7j.js";const b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=s(this,"close"),this.observer=void 0}handleClose(t){t&&(t.stopPropagation(),this.close&&this.close.emit(t))}setupObserver(t){if(!t)return;const i=t.closest("db-notification");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-notification")})),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(),n=t.getAttribute("class");t.setAttribute(a.name,`${n||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-notification"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i,s;return e("div",{key:"3f6ef4d3d506873a5b4bd15fde4d2c2fbedc9746",class:d("db-notification",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,role:l({semantic:this.semantic,role:this.role,ariaLive:this.ariaLive}),"aria-live":this.ariaLive,"data-semantic":this.semantic,"data-variant":this.variant,"data-icon":!1!==a(this.showIcon)?this.icon:void 0,"data-show-icon":o(this.showIcon,"showIcon"),"data-link-variant":this.linkVariant},e("slot",{key:"869ddc92d88e68d689215add30f1eefbfababc21",name:"image"}),n(this.headline,this.showHeadline)?e("header",{"data-area":"head"},this.headline):null,e("div",{key:"f3eb313619e046c8eb3fa7b527470b8145003173","data-area":"content"},this.text?this.text:null,e("slot",{key:"ff2a9c542527cf6da87bace3b77b9477899626ea"})),n(this.timestamp,this.showTimestamp)?e("time",{"data-area":"timestamp",dateTime:this.timestampDatetime},this.timestamp):null,e("slot",{key:"5529bddb13c7a39c5fcf6b9bca844cbe1f16fee3",name:"link"}),a(this.closeable,"closeable")?e("db-button",{icon:"cross",variant:"ghost",size:"small",id:this.closeButtonId,noText:!0,onClick:t=>this.handleClose(t)},null!==(s=this.closeButtonText)&&void 0!==s?s:h):null)}get rootElement(){return this}},[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]}]),m=b,u=function(){"undefined"!=typeof customElements&&["db-notification","db-button"].forEach((t=>{switch(t){case"db-notification":customElements.get(c(t))||customElements.define(c(t),b);break;case"db-button":customElements.get(c(t))||r()}}))};export{m as DbNotification,u as defineCustomElement}

package/bundle/db-popover.js

@@ -1 +1 @@
-import{y as t,H as i,f as s,z as e,j as a,d as n,t as o}from"./p-BygObMH8.js";import{D as d}from"./p-CTkfdjBp.js";import{b as h}from"./p-C0q9XJSc.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.initialized=!1,this.isExpanded=!1,this._documentScrollListenerCallbackId=void 0,this._observer=void 0,this.observer=void 0}handleEscape(t){if(!t||"Escape"===t.key)for(const t of Array.from(this._ref.children))t.blur()}handleAutoPlacement(){if(!this._ref)return;const t=this._ref.querySelector("article");t&&s((()=>{var i;h(t,this._ref,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}handleDocumentScroll(t){var i,s;(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains)&&(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains(this._ref))&&this.handleAutoPlacement()}handleEnter(){var t;this.isExpanded=!0,this._documentScrollListenerCallbackId=(new d).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement();const i=this.getTrigger();i&&(null===(t=this._observer)||void 0===t||t.observe(i))}handleLeave(t){var i;const s=null==t?void 0:t.target;if(!(null==s?void 0:s.parentNode)||s.parentNode.querySelector(":focus")!==s&&s.parentNode.querySelector(":focus-within")!==s&&s.parentNode.querySelector(":hover")!==s){this.isExpanded=!1,this._documentScrollListenerCallbackId&&(new d).removeCallback(this._documentScrollListenerCallbackId);const t=this.getTrigger();t&&(null===(i=this._observer)||void 0===i||i.unobserve(t))}}getTrigger(){var t;if(this._ref){const i=Array.from(this._ref.children);if(i.length>=2){const s=i[0];return s.tagName.includes("-")?(null===(t=s.children)||void 0===t?void 0:t.length)>0?s.children[0]:null:s}}return null}setupObserver(t){if(!t)return;const i=t.closest("db-popover");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-popover")})),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(),n=t.getAttribute("class");t.setAttribute(a.name,`${n||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initialized=!1;const t=this.getTrigger();t&&(t.ariaHasPopup="true"),this.handleAutoPlacement(),this._ref.addEventListener("keydown",(t=>this.handleEscape(t))),["mouseenter","focusin"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleEnter()))})),["mouseleave","focusout"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleLeave()))})),"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getTrigger()));i&&!i.isIntersecting&&this.handleEscape(!1)})))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){const t=this.getTrigger();t&&(t.ariaExpanded=""+!!this.isExpanded)}}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-popover"),(()=>{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,i,s;return e("div",{key:"6c495cb9c8f329dd2cf07bfc55b56eb9aa524fb9",class:n("db-popover",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id},e("slot",{key:"f74be440cae4d35f76ff2899bae864fc9e3e5c8a",name:"trigger"}),e("article",{key:"efec32b56bf7267aed0f0723306398f9e5f66c75",class:"db-popover-content","data-spacing":this.spacing,"data-gap":a(this.gap,"gap"),"data-animation":a(null===(s=this.animation)||void 0===s||s,"animation"),"data-open":a(this.open,"open"),"data-delay":this.delay,"data-width":this.width,"data-placement":this.placement},e("slot",{key:"2a1957f512ad0c9eca6e9e5f50721dda1ce56cf3"})))}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0},{watch1:0}],initialized:[{watch0:0}],isExpanded:[{watch1:0}]}}},[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]},void 0,{_ref:[{watch0:0},{watch1:0}],initialized:[{watch0:0}],isExpanded:[{watch1:0}]}]),c=r,l=function(){"undefined"!=typeof customElements&&["db-popover"].forEach((t=>{"db-popover"===t&&(customElements.get(o(t))||customElements.define(o(t),r))}))};export{c as DbPopover,l as defineCustomElement}
+import{y as t,H as i,f as s,z as e,j as a,d as o,t as h}from"./p-BygObMH8.js";import{D as n,I as d}from"./p-BXHP_qH1.js";import{a as r}from"./p-C3D_kjdU.js";import{R as c}from"./p-Bsv9xU74.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.initialized=!1,this.isExpanded=!1,this._documentScrollListenerCallbackId=void 0,this._intersectionObserverCallbackId=void 0,this._resizeObserverCallbackId=void 0,this.observer=void 0}handleEscape(t){if(!t||"Escape"===t.key)for(const t of Array.from(this._ref.children))t.blur()}handleAutoPlacement(){if(!this._ref)return;const t=this._ref.querySelector("article");t&&s((()=>{r(t,this._ref)}),1)}handleDocumentScroll(t){var i,s;(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains)&&(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains(this._ref))&&this.handleAutoPlacement()}handleEnter(){this.isExpanded=!0,this._documentScrollListenerCallbackId&&((new n).removeCallback(this._documentScrollListenerCallbackId),this._documentScrollListenerCallbackId=void 0),this._resizeObserverCallbackId&&((new c).unobserve(this._resizeObserverCallbackId),this._resizeObserverCallbackId=void 0),this._intersectionObserverCallbackId&&((new d).unobserve(this._intersectionObserverCallbackId),this._intersectionObserverCallbackId=void 0),this._documentScrollListenerCallbackId=(new n).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement(),this._resizeObserverCallbackId=(new c).observe(document.documentElement,(()=>this.handleAutoPlacement()));const t=this.getTrigger();t&&(this._intersectionObserverCallbackId=(new d).observe(t,(t=>{t.isIntersecting||this.handleEscape(!1)})))}handleLeave(t){const i=null==t?void 0:t.target;(!(null==i?void 0:i.parentNode)||i.parentNode.querySelector(":focus")!==i&&i.parentNode.querySelector(":focus-within")!==i&&i.parentNode.querySelector(":hover")!==i)&&(this.isExpanded=!1,this._documentScrollListenerCallbackId&&((new n).removeCallback(this._documentScrollListenerCallbackId),this._documentScrollListenerCallbackId=void 0),this._resizeObserverCallbackId&&((new c).unobserve(this._resizeObserverCallbackId),this._resizeObserverCallbackId=void 0),this._intersectionObserverCallbackId&&((new d).unobserve(this._intersectionObserverCallbackId),this._intersectionObserverCallbackId=void 0))}getTrigger(){var t;if(this._ref){const i=Array.from(this._ref.children);if(i.length>=2){const s=i[0];return s.tagName.includes("-")?(null===(t=s.children)||void 0===t?void 0:t.length)>0?s.children[0]:null:s}}return null}setupObserver(t){if(!t)return;const i=t.closest("db-popover");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-popover")})),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(),o=t.getAttribute("class");t.setAttribute(a.name,`${o||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initialized=!1;const t=this.getTrigger();t&&(t.ariaHasPopup="true"),this.handleAutoPlacement(),this._ref.addEventListener("keydown",(t=>this.handleEscape(t))),["mouseenter","focusin"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleEnter()))})),["mouseleave","focusout"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleLeave()))}))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){const t=this.getTrigger();t&&(t.ariaExpanded=""+!!this.isExpanded)}}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-popover"),(()=>{this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn()}disconnectedCallback(){var t;this._documentScrollListenerCallbackId&&((new n).removeCallback(this._documentScrollListenerCallbackId),this._documentScrollListenerCallbackId=void 0),this._resizeObserverCallbackId&&((new c).unobserve(this._resizeObserverCallbackId),this._resizeObserverCallbackId=void 0),this._intersectionObserverCallbackId&&((new d).unobserve(this._intersectionObserverCallbackId),this._intersectionObserverCallbackId=void 0),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i,s;return e("div",{key:"124a7610347af23e253e44d6dd375bee39497aee",class:o("db-popover",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id},e("slot",{key:"991ca1af404118228b483944a0bed68e8309afee",name:"trigger"}),e("article",{key:"1cafb0e20aa5bab2a5dd324f86ef20f1cde09239",class:"db-popover-content","data-spacing":this.spacing,"data-gap":a(this.gap,"gap"),"data-animation":a(null===(s=this.animation)||void 0===s||s,"animation"),"data-open":a(this.open,"open"),"data-delay":this.delay,"data-width":this.width,"data-placement":this.placement},e("slot",{key:"0f53e6ebb0eb04ddc766d116cf4fc7f4a37516b1"})))}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0},{watch1:0}],initialized:[{watch0:0}],isExpanded:[{watch1:0}]}}},[260,"db-popover",{id:[1],propOverrides:[16],className:[1,"classname"],spacing:[1],gap:[8],animation:[8],open:[8],delay:[1],width:[1],placement:[1],initialized:[32],isExpanded:[32],_documentScrollListenerCallbackId:[32],_intersectionObserverCallbackId:[32],_resizeObserverCallbackId:[32],observer:[32]},void 0,{_ref:[{watch0:0},{watch1:0}],initialized:[{watch0:0}],isExpanded:[{watch1:0}]}]),v=l,u=function(){"undefined"!=typeof customElements&&["db-popover"].forEach((t=>{"db-popover"===t&&(customElements.get(h(t))||customElements.define(h(t),l))}))};export{v as DbPopover,u as defineCustomElement}

package/bundle/db-select.js

@@ -1 +1 @@
-import{y as i,H as t,A as s,h as e,f as h,p as a,u as l,z as d,k as o,j as n,F as c,o as r,d as v,t as u}from"./p-BygObMH8.js";import{l as b,f as p,g as m,h as w,i as f,k as y,a as g}from"./p-BdL-nI5y.js";import{c as k}from"./p-Bpe95kXk.js";import{d as _}from"./p-DY4zD5g8.js";const I=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.click=s(this,"click"),this.input=s(this,"input"),this.change=s(this,"change"),this.blur=s(this,"blur"),this.focus=s(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._placeholderId="",this._descByIds=void 0,this._value="",this.initialized=!1,this._voiceOverFallback="",this.abortController=void 0,this.observer=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,l;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&this.required?(this._descByIds=this._validMessageId,e()&&(this._voiceOverFallback=null!==(l=this.validMessage)&&void 0!==l?l:y,h((()=>this._voiceOverFallback=""),1e3))):this._descByIds=a(this.message,this.showMessage)?this._messageId:this.placeholder?this._placeholderId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||b,e()&&(this._voiceOverFallback=this._invalidMessage,h((()=>this._voiceOverFallback=""),1e3)))}handleClick(i){this.click&&this.click.emit(i)}handleInput(i,t){this.input&&this.input.emit(i),this.handleValidation()}handleChange(i,t){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}getOptionLabel(i){var t,s;return null!==(t=i.label)&&void 0!==t?t:null===(s=i.value)||void 0===s?void 0:""+s}shouldShowEmptyOption(){return!("floating"!==this.variant&&!this.placeholder)&&(void 0!==this.showEmptyOption?this.showEmptyOption:!this.required)}resetIds(){var i,t,s;const e=null!==(s=null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&void 0!==s?s:"select-"+l();this._id=e,this._messageId=e+p,this._validMessageId=e+m,this._invalidMessageId=e+w,this._placeholderId=e+f}setupObserver(i){if(!i)return;const t=i.closest("db-select");t&&!this.observer&&(this.observer=new MutationObserver((t=>{t.some((i=>{var t;const s=i.target.attributes.getNamedItem(null!==(t=i.attributeName)&&void 0!==t?t:"");return(null==s?void 0:s.value)!==i.oldValue}))&&this.enableAttributePassing(i,"db-select")})),this.observer.observe(t,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let e=0;e<t.length;e++){const h=t.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?i.setAttribute(h.name,h.value):i.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))i.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const t=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=i.getAttribute("class");i.setAttribute(h.name,`${a||""}${e?" "+e:""}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var i,t;(null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||b}watch1(){this.watch1Fn()}watch2Fn(){if(this._id&&this.initialized){const i=this._id+p,t=this._id+f;this._messageId=i,this._validMessageId=this._id+m,this._invalidMessageId=this._id+w,this._placeholderId=t,this._descByIds=a(this.message,this.showMessage)?i:this.placeholder?t:void 0,this.handleValidation(),this.initialized=!1}}watch2(){this.watch2Fn()}watch3Fn(){this._value=this.value}watch3(){this.watch3Fn()}watch4Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),k(this._ref,{value:this.value,defaultValue:i},(i=>{this.handleChange(i,!0),this.handleInput(i,!0)}),t.signal)}}watch4(){this.watch4Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const i=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);i&&i.remove()}this.enableAttributePassing(this._ref,"db-select"),(()=>{this.initialized=!0,this.resetIds(),this._invalidMessage=this.invalidMessage||b})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn()}disconnectedCallback(){var i,t;null===(i=this.abortController)||void 0===i||i.abort(),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var i,t,s,e,h,l;return d("div",{key:"5273757e8379f6601c23f4b343812c233ddf86eb",class:v("db-select",this.className),"data-variant":this.variant,"data-hide-label":r(this.showLabel),"data-hide-asterisk":r(this.showRequiredAsterisk),"data-icon":this.icon,"data-show-icon":n(this.showIcon,"showIcon")},d("label",{key:"9c75ec7cd982b4b8d283ce9365f6642c363dae16",htmlFor:this._id},null!==(i=this.label)&&void 0!==i?i:g),d("select",{key:"8b2e0dc14717704e45524cf7803163c6c640de32","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:i=>{this._ref=i},required:o(this.required,"required"),disabled:o(this.disabled,"disabled"),id:this._id,name:this.name,size:this.size,value:null!==(s=null!==(t=this.value)&&void 0!==t?t:this._value)&&void 0!==s?s:void 0,autocomplete:this.autocomplete,multiple:this.multiple,onInput:i=>this.handleInput(i),onClick:i=>this.handleClick(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":null!==(e=this.ariaDescribedBy)&&void 0!==e?e:this._descByIds},"floating"===this.variant||this.placeholder?d("option",{class:"placeholder",value:"","data-show-empty-option":n(this.shouldShowEmptyOption(),"showEmptyOption")}):null,(null===(h=this.options)||void 0===h?void 0:h.length)?null===(l=this.options)||void 0===l?void 0:l.map((i=>{var t;return d(c,null,i.options?d("optgroup",{label:this.getOptionLabel(i),key:void 0},null===(t=i.options)||void 0===t?void 0:t.map((i=>d("option",{value:i.value,selected:i.selected,disabled:i.disabled,key:void 0},this.getOptionLabel(i))))):d("option",{value:i.value,disabled:i.disabled,selected:i.selected,key:void 0},this.getOptionLabel(i)))})):d("slot",null)),this.placeholder?d("span",{class:"db-select-placeholder",id:this._placeholderId},this.placeholder):null,a(this.message,this.showMessage)?d("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?d("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||y):null,d("db-infotext",{key:"5c7dbe0b5e75b5f4b704cf469f0806451e3d0c4a",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),d("span",{key:"932f5a52716c95629ed4eb12e3b2eee3ce1c559f","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch4:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],initialized:[{watch2:0}],value:[{watch3:0}]}}},[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]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch4:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],initialized:[{watch2:0}],value:[{watch3:0}]}]),O=I,z=function(){"undefined"!=typeof customElements&&["db-select","db-infotext"].forEach((i=>{switch(i){case"db-select":customElements.get(u(i))||customElements.define(u(i),I);break;case"db-infotext":customElements.get(u(i))||_()}}))};export{O as DbSelect,z as defineCustomElement}
+import{y as i,H as t,A as s,h as e,f as h,p as a,u as l,z as d,k as o,j as n,F as c,o as r,d as v,t as u}from"./p-BygObMH8.js";import{l as b,f as p,g as m,h as w,i as f,k as g,a as y}from"./p-Cm3dPtkD.js";import{c as k}from"./p-Bpe95kXk.js";import{d as _}from"./p-DY4zD5g8.js";const O=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.click=s(this,"click"),this.input=s(this,"input"),this.change=s(this,"change"),this.blur=s(this,"blur"),this.focus=s(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._placeholderId="",this._descByIds=void 0,this._value="",this.initialized=!1,this._voiceOverFallback="",this.abortController=void 0,this.observer=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,l;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&this.required?(this._descByIds=this._validMessageId,e()&&(this._voiceOverFallback=null!==(l=this.validMessage)&&void 0!==l?l:g,h((()=>this._voiceOverFallback=""),1e3))):this._descByIds=a(this.message,this.showMessage)?this._messageId:this.placeholder?this._placeholderId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||b,e()&&(this._voiceOverFallback=this._invalidMessage,h((()=>this._voiceOverFallback=""),1e3)))}handleClick(i){this.click&&this.click.emit(i)}handleInput(i,t){this.input&&this.input.emit(i),this.handleValidation()}handleChange(i,t){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}getOptionLabel(i){var t,s;return null!==(t=i.label)&&void 0!==t?t:null===(s=i.value)||void 0===s?void 0:""+s}shouldShowEmptyOption(){return!("floating"!==this.variant&&!this.placeholder)&&(void 0!==this.showEmptyOption?this.showEmptyOption:!this.required)}resetIds(){var i,t,s;const e=null!==(s=null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&void 0!==s?s:"select-"+l();this._id=e,this._messageId=e+p,this._validMessageId=e+m,this._invalidMessageId=e+w,this._placeholderId=e+f}setupObserver(i){if(!i)return;const t=i.closest("db-select");t&&!this.observer&&(this.observer=new MutationObserver((t=>{t.some((i=>{var t;const s=i.target.attributes.getNamedItem(null!==(t=i.attributeName)&&void 0!==t?t:"");return(null==s?void 0:s.value)!==i.oldValue}))&&this.enableAttributePassing(i,"db-select")})),this.observer.observe(t,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let e=0;e<t.length;e++){const h=t.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?i.setAttribute(h.name,h.value):i.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))i.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const t=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=i.getAttribute("class");i.setAttribute(h.name,`${a||""}${e?" "+e:""}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var i,t;(null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||b}watch1(){this.watch1Fn()}watch2Fn(){if(this._id&&this.initialized){const i=this._id+p,t=this._id+f;this._messageId=i,this._validMessageId=this._id+m,this._invalidMessageId=this._id+w,this._placeholderId=t,this._descByIds=a(this.message,this.showMessage)?i:this.placeholder?t:void 0,this.handleValidation(),this.initialized=!1}}watch2(){this.watch2Fn()}watch3Fn(){this._value=this.value}watch3(){this.watch3Fn()}watch4Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),k(this._ref,{value:this.value,defaultValue:i},(i=>{this.handleChange(i,!0),this.handleInput(i,!0)}),t.signal)}}watch4(){this.watch4Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const i=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);i&&i.remove()}this.enableAttributePassing(this._ref,"db-select"),(()=>{this.initialized=!0,this.resetIds(),this._invalidMessage=this.invalidMessage||b})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn()}disconnectedCallback(){var i,t;null===(i=this.abortController)||void 0===i||i.abort(),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var i,t,s,e,h,l;return d("div",{key:"5273757e8379f6601c23f4b343812c233ddf86eb",class:v("db-select",this.className),"data-variant":this.variant,"data-hide-label":r(this.showLabel),"data-hide-asterisk":r(this.showRequiredAsterisk),"data-icon":this.icon,"data-show-icon":n(this.showIcon,"showIcon")},d("label",{key:"9c75ec7cd982b4b8d283ce9365f6642c363dae16",htmlFor:this._id},null!==(i=this.label)&&void 0!==i?i:y),d("select",{key:"8b2e0dc14717704e45524cf7803163c6c640de32","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:i=>{this._ref=i},required:o(this.required,"required"),disabled:o(this.disabled,"disabled"),id:this._id,name:this.name,size:this.size,value:null!==(s=null!==(t=this.value)&&void 0!==t?t:this._value)&&void 0!==s?s:void 0,autocomplete:this.autocomplete,multiple:this.multiple,onInput:i=>this.handleInput(i),onClick:i=>this.handleClick(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":null!==(e=this.ariaDescribedBy)&&void 0!==e?e:this._descByIds},"floating"===this.variant||this.placeholder?d("option",{class:"placeholder",value:"","data-show-empty-option":n(this.shouldShowEmptyOption(),"showEmptyOption")}):null,(null===(h=this.options)||void 0===h?void 0:h.length)?null===(l=this.options)||void 0===l?void 0:l.map((i=>{var t;return d(c,null,i.options?d("optgroup",{label:this.getOptionLabel(i),key:void 0},null===(t=i.options)||void 0===t?void 0:t.map((i=>d("option",{value:i.value,selected:i.selected,disabled:i.disabled,key:void 0},this.getOptionLabel(i))))):d("option",{value:i.value,disabled:i.disabled,selected:i.selected,key:void 0},this.getOptionLabel(i)))})):d("slot",null)),this.placeholder?d("span",{class:"db-select-placeholder",id:this._placeholderId},this.placeholder):null,a(this.message,this.showMessage)?d("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?d("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||g):null,d("db-infotext",{key:"5c7dbe0b5e75b5f4b704cf469f0806451e3d0c4a",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),d("span",{key:"932f5a52716c95629ed4eb12e3b2eee3ce1c559f","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch4:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],initialized:[{watch2:0}],value:[{watch3:0}]}}},[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]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch4:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],initialized:[{watch2:0}],value:[{watch3:0}]}]),I=O,z=function(){"undefined"!=typeof customElements&&["db-select","db-infotext"].forEach((i=>{switch(i){case"db-select":customElements.get(u(i))||customElements.define(u(i),O);break;case"db-infotext":customElements.get(u(i))||_()}}))};export{I as DbSelect,z as defineCustomElement}

package/bundle/db-switch.js

@@ -1 +1 @@
-import{y as i,H as s,A as t,h as a,f as e,p as h,u as d,z as l,k as o,o as n,j as c,d as r,t as v}from"./p-BygObMH8.js";import{l as u,f as w,g as b,h as f,k as m}from"./p-BdL-nI5y.js";import{a as g}from"./p-Bpe95kXk.js";import{d as p}from"./p-DY4zD5g8.js";const k=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.change=t(this,"change"),this.blur=t(this,"blur"),this.focus=t(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._descByIds=void 0,this._voiceOverFallback="",this.abortController=void 0,this.observer=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,s,t,d,l,o;return(null===(s=null===(i=this._ref)||void 0===i?void 0:i.validity)||void 0===s?void 0:s.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(l=null===(d=this._ref)||void 0===d?void 0:d.validity)||void 0===l?void 0:l.valid)&&this.required?(this._descByIds=this._validMessageId,void(a()&&(this._voiceOverFallback=null!==(o=this.validMessage)&&void 0!==o?o:m,e((()=>{this._voiceOverFallback=""}),1e3)))):void(this._descByIds=h(this.message,this.showMessage)?this._messageId:void 0):(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||u,void(a()&&(this._voiceOverFallback=this._invalidMessage||u,e((()=>{this._voiceOverFallback=""}),1e3))))}handleChange(i,s){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}handleKeyDown(i){var s;"Enter"===i.key&&(i.preventDefault(),this.disabled||null===(s=this._ref)||void 0===s||s.click())}resetIds(){var i,s,t;const a=null!==(t=null!==(i=this.id)&&void 0!==i?i:null===(s=this.propOverrides)||void 0===s?void 0:s.id)&&void 0!==t?t:"switch-"+d();this._id=a,this._messageId=`${a}${w}`,this._validMessageId=`${a}${b}`,this._invalidMessageId=`${a}${f}`}setupObserver(i){if(!i)return;const s=i.closest("db-switch");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((i=>{var s;const t=i.target.attributes.getNamedItem(null!==(s=i.attributeName)&&void 0!==s?s:"");return(null==t?void 0:t.value)!==i.oldValue}))&&this.enableAttributePassing(i,"db-switch")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(i,s){const t=null==i?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))e.value?i.setAttribute(e.name,e.value):i.removeAttribute(e.name),t.removeAttribute(e.name);else if(e&&["style"].includes(e.name))i.setAttribute(e.name,e.value),t.removeAttribute(e.name);else if(e&&"class"===e.name){const s=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),h=i.getAttribute("class");i.setAttribute(e.name,`${h||""}${a?" "+a:""}`),s?t.setAttribute("class","hydrated"):t.removeAttribute(e.name)}}}}watch0Fn(){var i,s;(null!==(i=this.id)&&void 0!==i?i:null===(s=this.propOverrides)||void 0===s?void 0:s.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){this.handleValidation()}watch1(){this.watch1Fn()}watch2Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||u}watch2(){this.watch2Fn()}watch3Fn(){if(this._ref){const i=void 0;let s=this.abortController;s||(s=new AbortController,this.abortController=s),g(this._ref,{checked:this.checked,defaultChecked:i},(i=>{this.handleChange(i,!0)}),s.signal)}}watch3(){this.watch3Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const i=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);i&&i.remove()}this.enableAttributePassing(this._ref,"db-switch"),(()=>{this.resetIds(),this.handleValidation(),this._invalidMessage=this.invalidMessage||u})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn()}disconnectedCallback(){var i,s;null===(i=this.abortController)||void 0===i||i.abort(),null===(s=this.observer)||void 0===s||s.disconnect()}render(){var i,s;return l("div",{key:"f9182aa08b0ac9a58767d5de15bada3b31850b1b",class:r("db-switch",this.className),"data-visual-aid":c(this.visualAid,"visualAid"),"data-size":this.size,"data-hide-label":n(this.showLabel),"data-variant":this.variant,"data-hide-asterisk":n(this.showRequiredAsterisk),"data-custom-validity":this.validation},l("label",{key:"4f27226dbe245461f2fd9bd6913db00a5b207732",htmlFor:this._id},l("input",{key:"b0995a9fb3246105d0769c32b16342f76e74f40c",type:"checkbox",role:"switch",id:this._id,ref:i=>{this._ref=i},checked:o(this.checked,"checked"),value:this.value,disabled:o(this.disabled,"disabled"),"aria-invalid":"invalid"===this.validation?"true":void 0,"aria-describedby":this._descByIds,name:this.name,required:o(this.required,"required"),"data-aid-icon":null!==(i=this.iconLeading)&&void 0!==i?i:this.icon,"data-aid-icon-trailing":this.iconTrailing,onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),onKeyDown:i=>this.handleKeyDown(i)}),this.label?this.label:null,l("slot",{key:"d03438513412079f745be2671d54e4ddb87c042c"})),h(this.message,this.showMessage)?l("db-infotext",{size:"small",semantic:"adaptive",id:this._messageId,icon:this.messageIcon},this.message):null,this.hasValidState()?l("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},null!==(s=this.validMessage)&&void 0!==s?s:m):null,l("db-infotext",{key:"5f2f82215ffd9119b3f27f5d37c2349cecc28325",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),l("span",{key:"27278f4285a7aa297d4e985c2710eec5e4bb45ce","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],validation:[{watch1:0}],required:[{watch1:0}],message:[{watch1:0}],showMessage:[{watch1:0}],validMessage:[{watch1:0}],invalidMessage:[{watch1:0},{watch2:0}],checked:[{watch1:0}],_ref:[{watch2:0},{watch3:0}]}}},[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]},void 0,{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}]}]),y=k,M=function(){"undefined"!=typeof customElements&&["db-switch","db-infotext"].forEach((i=>{switch(i){case"db-switch":customElements.get(v(i))||customElements.define(v(i),k);break;case"db-infotext":customElements.get(v(i))||p()}}))};export{y as DbSwitch,M as defineCustomElement}
+import{y as i,H as s,A as t,h as a,f as e,p as h,u as d,z as l,k as o,o as n,j as c,d as r,t as v}from"./p-BygObMH8.js";import{l as u,f as w,g as b,h as f,k as m}from"./p-Cm3dPtkD.js";import{a as g}from"./p-Bpe95kXk.js";import{d as p}from"./p-DY4zD5g8.js";const k=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.change=t(this,"change"),this.blur=t(this,"blur"),this.focus=t(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._descByIds=void 0,this._voiceOverFallback="",this.abortController=void 0,this.observer=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,s,t,d,l,o;return(null===(s=null===(i=this._ref)||void 0===i?void 0:i.validity)||void 0===s?void 0:s.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(l=null===(d=this._ref)||void 0===d?void 0:d.validity)||void 0===l?void 0:l.valid)&&this.required?(this._descByIds=this._validMessageId,void(a()&&(this._voiceOverFallback=null!==(o=this.validMessage)&&void 0!==o?o:m,e((()=>{this._voiceOverFallback=""}),1e3)))):void(this._descByIds=h(this.message,this.showMessage)?this._messageId:void 0):(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||u,void(a()&&(this._voiceOverFallback=this._invalidMessage||u,e((()=>{this._voiceOverFallback=""}),1e3))))}handleChange(i,s){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}handleKeyDown(i){var s;"Enter"===i.key&&(i.preventDefault(),this.disabled||null===(s=this._ref)||void 0===s||s.click())}resetIds(){var i,s,t;const a=null!==(t=null!==(i=this.id)&&void 0!==i?i:null===(s=this.propOverrides)||void 0===s?void 0:s.id)&&void 0!==t?t:"switch-"+d();this._id=a,this._messageId=`${a}${w}`,this._validMessageId=`${a}${b}`,this._invalidMessageId=`${a}${f}`}setupObserver(i){if(!i)return;const s=i.closest("db-switch");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((i=>{var s;const t=i.target.attributes.getNamedItem(null!==(s=i.attributeName)&&void 0!==s?s:"");return(null==t?void 0:t.value)!==i.oldValue}))&&this.enableAttributePassing(i,"db-switch")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(i,s){const t=null==i?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))e.value?i.setAttribute(e.name,e.value):i.removeAttribute(e.name),t.removeAttribute(e.name);else if(e&&["style"].includes(e.name))i.setAttribute(e.name,e.value),t.removeAttribute(e.name);else if(e&&"class"===e.name){const s=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),h=i.getAttribute("class");i.setAttribute(e.name,`${h||""}${a?" "+a:""}`),s?t.setAttribute("class","hydrated"):t.removeAttribute(e.name)}}}}watch0Fn(){var i,s;(null!==(i=this.id)&&void 0!==i?i:null===(s=this.propOverrides)||void 0===s?void 0:s.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){this.handleValidation()}watch1(){this.watch1Fn()}watch2Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||u}watch2(){this.watch2Fn()}watch3Fn(){if(this._ref){const i=void 0;let s=this.abortController;s||(s=new AbortController,this.abortController=s),g(this._ref,{checked:this.checked,defaultChecked:i},(i=>{this.handleChange(i,!0)}),s.signal)}}watch3(){this.watch3Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const i=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);i&&i.remove()}this.enableAttributePassing(this._ref,"db-switch"),(()=>{this.resetIds(),this.handleValidation(),this._invalidMessage=this.invalidMessage||u})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn()}disconnectedCallback(){var i,s;null===(i=this.abortController)||void 0===i||i.abort(),null===(s=this.observer)||void 0===s||s.disconnect()}render(){var i,s;return l("div",{key:"f9182aa08b0ac9a58767d5de15bada3b31850b1b",class:r("db-switch",this.className),"data-visual-aid":c(this.visualAid,"visualAid"),"data-size":this.size,"data-hide-label":n(this.showLabel),"data-variant":this.variant,"data-hide-asterisk":n(this.showRequiredAsterisk),"data-custom-validity":this.validation},l("label",{key:"4f27226dbe245461f2fd9bd6913db00a5b207732",htmlFor:this._id},l("input",{key:"b0995a9fb3246105d0769c32b16342f76e74f40c",type:"checkbox",role:"switch",id:this._id,ref:i=>{this._ref=i},checked:o(this.checked,"checked"),value:this.value,disabled:o(this.disabled,"disabled"),"aria-invalid":"invalid"===this.validation?"true":void 0,"aria-describedby":this._descByIds,name:this.name,required:o(this.required,"required"),"data-aid-icon":null!==(i=this.iconLeading)&&void 0!==i?i:this.icon,"data-aid-icon-trailing":this.iconTrailing,onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),onKeyDown:i=>this.handleKeyDown(i)}),this.label?this.label:null,l("slot",{key:"d03438513412079f745be2671d54e4ddb87c042c"})),h(this.message,this.showMessage)?l("db-infotext",{size:"small",semantic:"adaptive",id:this._messageId,icon:this.messageIcon},this.message):null,this.hasValidState()?l("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},null!==(s=this.validMessage)&&void 0!==s?s:m):null,l("db-infotext",{key:"5f2f82215ffd9119b3f27f5d37c2349cecc28325",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),l("span",{key:"27278f4285a7aa297d4e985c2710eec5e4bb45ce","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],validation:[{watch1:0}],required:[{watch1:0}],message:[{watch1:0}],showMessage:[{watch1:0}],validMessage:[{watch1:0}],invalidMessage:[{watch1:0},{watch2:0}],checked:[{watch1:0}],_ref:[{watch2:0},{watch3:0}]}}},[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]},void 0,{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}]}]),y=k,M=function(){"undefined"!=typeof customElements&&["db-switch","db-infotext"].forEach((i=>{switch(i){case"db-switch":customElements.get(v(i))||customElements.define(v(i),k);break;case"db-infotext":customElements.get(v(i))||p()}}))};export{y as DbSwitch,M as defineCustomElement}

package/bundle/db-tabs.js

@@ -1 +1 @@
-import{y as t,H as i,A as s,z as e,F as a,d as n,u as o,t as l}from"./p-BygObMH8.js";import{d as h}from"./p-BEk7DV7j.js";import{d as r}from"./p-DdPms_08.js";import{d as c}from"./p-BEB81OKc.js";import{d}from"./p-C7oh-1Gi.js";const b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.indexChange=s(this,"indexChange"),this.tabSelect=s(this,"tabSelect"),this._name="",this.initialized=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.scrollContainer=null,this._resizeObserver=void 0,this.observer=void 0}convertTabs(){try{return"string"==typeof this.tabs?JSON.parse(this.tabs):this.tabs}catch(t){console.error(t)}return[]}evaluateScrollButtons(t){const i=t.scrollWidth>t.clientWidth;this.showScrollLeft=i&&t.scrollLeft>1,this.showScrollRight=i&&t.scrollLeft<t.scrollWidth-t.clientWidth}scroll(t){var i;let s=Number(this.arrowScrollDistance)||100;t&&(s*=-1),null===(i=this.scrollContainer)||void 0===i||i.scrollBy({top:0,left:s,behavior:"smooth"})}initTabList(){if(this._ref){const t=this._ref.querySelector(".db-tab-list");if(t){const i=t.querySelector('[role="tablist"]');if(i&&(i.setAttribute("aria-orientation",this.orientation||"horizontal"),"arrows"===this.behavior&&(this.scrollContainer=i,this.evaluateScrollButtons(i),i.addEventListener("scroll",(()=>{this.evaluateScrollButtons(i)})),!this._resizeObserver))){const t=new ResizeObserver((()=>{this.evaluateScrollButtons(i)}));t.observe(i),this._resizeObserver=t}}}}initTabs(t){if(this._ref){const i=Array.from(this._ref.getElementsByClassName("db-tab-item")),s=Array.from(this._ref.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));for(const e of i){const a=i.indexOf(e),n=e.querySelector("label"),o=e.querySelector("input");if(o&&n){if(!o.id){const t=`${this._name}-tab-${a}`;n.setAttribute("for",t),o.id=t,o.setAttribute("name",this._name),s.length>a&&o.setAttribute("aria-controls",`${this._name}-tab-panel-${a}`)}t&&(!this.initialSelectedMode||"auto"===this.initialSelectedMode)&&(null==this.initialSelectedIndex&&0===a||Number(this.initialSelectedIndex)===a)&&o.click()}}for(const t of s){if(t.id)continue;const i=s.indexOf(t);t.id=`${this._name}-tab-panel-${i}`,t.setAttribute("aria-labelledby",`${this._name}-tab-${i}`)}}}handleChange(t){var i;if(t.stopPropagation(),t.target){const s=t.target.parentElement;if(s&&s.parentElement&&"LI"===(null===(i=s.parentElement)||void 0===i?void 0:i.nodeName)){const i=s.parentElement.parentElement;if(i){const s=i.parentElement;if(s){const e=Array.from(s.children).indexOf(i);this.indexChange&&this.indexChange.emit(e),this.tabSelect&&this.tabSelect.emit(t)}}}}}setupObserver(t){if(!t)return;const i=t.closest("db-tabs");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-tabs")})),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(),n=t.getAttribute("class");t.setAttribute(a.name,`${n||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initTabList(),this.initTabs(!0);const t=this._ref.querySelector(".db-tab-list");t&&new MutationObserver((t=>{t.forEach((t=>{(t.removedNodes.length||t.addedNodes.length)&&(this.initTabList(),this.initTabs())}))})).observe(t,{childList:!0,subtree:!0}),this.initialized=!1}}watch0(){this.watch0Fn()}componentDidLoad(){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-tabs"),(()=>{this._name="tabs-"+(this.name||o()),this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn()}disconnectedCallback(){var t,i;null===(t=this._resizeObserver)||void 0===t||t.disconnect(),this._resizeObserver=void 0,null===(i=this.observer)||void 0===i||i.disconnect()}render(){var t,i,s,o,l,h;return e("div",{key:"4ea02dd31be437dd343d13cac953658f1799762f",class:n("db-tabs",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,"data-orientation":this.orientation,"data-scroll-behavior":this.behavior,"data-alignment":null!==(s=this.alignment)&&void 0!==s?s:"start","data-width":null!==(o=this.width)&&void 0!==o?o:"auto",onInput:t=>this.handleChange(t),onChange:t=>this.handleChange(t)},this.showScrollLeft?e("db-button",{class:"tabs-scroll-left",variant:"ghost",icon:"chevron_left",type:"button",noText:!0,onClick:()=>this.scroll(!0)},"Scroll left"):null,this.tabs?e(a,null,e("db-tab-list",null,null===(l=this.convertTabs())||void 0===l?void 0:l.map(((t,i)=>e("db-tab-item",{key:this.name+"tab-item"+i,active:t.active,label:t.label,iconTrailing:t.iconTrailing,icon:t.icon,noText:t.noText})))),null===(h=this.convertTabs())||void 0===h?void 0:h.map(((t,i)=>e("db-tab-panel",{key:this.name+"tab-panel"+i,content:t.content},t.children)))):null,this.showScrollRight?e("db-button",{class:"tabs-scroll-right",variant:"ghost",icon:"chevron_right",type:"button",noText:!0,onClick:()=>this.scroll()},"Scroll right"):null,e("slot",{key:"c7b47c275a5784b8658e9c8b339445e083bc40d6"}))}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}]}}},[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]},void 0,{_ref:[{watch0:0}],initialized:[{watch0:0}]}]),u=b,f=function(){"undefined"!=typeof customElements&&["db-tabs","db-button","db-tab-item","db-tab-list","db-tab-panel"].forEach((t=>{switch(t){case"db-tabs":customElements.get(l(t))||customElements.define(l(t),b);break;case"db-button":customElements.get(l(t))||h();break;case"db-tab-item":customElements.get(l(t))||r();break;case"db-tab-list":customElements.get(l(t))||c();break;case"db-tab-panel":customElements.get(l(t))||d()}}))};export{u as DbTabs,f as defineCustomElement}
+import{y as t,H as s,A as i,z as e,F as a,d as o,u as n,t as l}from"./p-BygObMH8.js";import{q as h,p as r}from"./p-Cm3dPtkD.js";import{R as d}from"./p-Bsv9xU74.js";import{d as c}from"./p-BEk7DV7j.js";import{d as b}from"./p-DdPms_08.js";import{d as u}from"./p-BEB81OKc.js";import{d as f}from"./p-C7oh-1Gi.js";const m=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.indexChange=i(this,"indexChange"),this.tabSelect=i(this,"tabSelect"),this._name="",this.initialized=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.scrollContainer=null,this._resizeObserverCallbackId=void 0,this.observer=void 0}convertTabs(){try{return"string"==typeof this.tabs?JSON.parse(this.tabs):this.tabs}catch(t){console.error(t)}return[]}evaluateScrollButtons(t){const s=t.scrollWidth>t.clientWidth;this.showScrollLeft=s&&t.scrollLeft>1,this.showScrollRight=s&&t.scrollLeft<t.scrollWidth-t.clientWidth}scroll(t){var s;let i=Number(this.arrowScrollDistance)||100;t&&(i*=-1),null===(s=this.scrollContainer)||void 0===s||s.scrollBy({top:0,left:i,behavior:"smooth"})}initTabList(){if(this._ref){const t=this._ref.querySelector(".db-tab-list");if(t){const s=t.querySelector('[role="tablist"]');s&&(s.setAttribute("aria-orientation",this.orientation||"horizontal"),"arrows"===this.behavior&&(this.scrollContainer=s,this.evaluateScrollButtons(s),s.addEventListener("scroll",(()=>{this.evaluateScrollButtons(s)})),this._resizeObserverCallbackId||(this._resizeObserverCallbackId=(new d).observe(s,(()=>{this.evaluateScrollButtons(s)})))))}}}initTabs(t){if(this._ref){const s=Array.from(this._ref.querySelectorAll(":is(:scope > db-tab-list .db-tab-item, :scope > .db-tab-list .db-tab-item)")),i=Array.from(this._ref.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));for(const e of s){const a=s.indexOf(e),o=e.querySelector("label"),n=e.querySelector("input");if(n&&o){if(!n.id){const t=`${this._name}-tab-${a}`;o.setAttribute("for",t),n.id=t,n.setAttribute("name",this._name),i.length>a&&n.setAttribute("aria-controls",`${this._name}-tab-panel-${a}`)}t&&(!this.initialSelectedMode||"auto"===this.initialSelectedMode)&&(null==this.initialSelectedIndex&&0===a||Number(this.initialSelectedIndex)===a)&&n.click()}}for(const t of i){if(t.id)continue;const s=i.indexOf(t);t.id=`${this._name}-tab-panel-${s}`,t.setAttribute("aria-labelledby",`${this._name}-tab-${s}`)}}}handleChange(t){var s;if(t.stopPropagation(),t.target){const i=t.target.parentElement;if(i&&i.parentElement&&"LI"===(null===(s=i.parentElement)||void 0===s?void 0:s.nodeName)){const s=i.parentElement.parentElement;if(s){const i=s.parentElement;if(i){const e=Array.from(i.children).indexOf(s);this.indexChange&&this.indexChange.emit(e),this.tabSelect&&this.tabSelect.emit(t)}}}}}setupObserver(t){if(!t)return;const s=t.closest("db-tabs");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-tabs")})),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(),o=t.getAttribute("class");t.setAttribute(a.name,`${o||""}${e?" "+e:""}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(a.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initTabList(),this.initTabs(!0);const t=this._ref.querySelector(".db-tab-list");t&&new MutationObserver((t=>{t.forEach((t=>{(t.removedNodes.length||t.addedNodes.length)&&(this.initTabList(),this.initTabs())}))})).observe(t,{childList:!0,subtree:!0}),this.initialized=!1}}watch0(){this.watch0Fn()}componentDidLoad(){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-tabs"),(()=>{this._name="tabs-"+(this.name||n()),this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn()}disconnectedCallback(){var t;this._resizeObserverCallbackId&&((new d).unobserve(this._resizeObserverCallbackId),this._resizeObserverCallbackId=void 0),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s,i,n,l,d,c,b;return e("div",{key:"b56d0a78607c1e2c2f5f486243800136f3e15d09",class:o("db-tabs",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-orientation":this.orientation,"data-scroll-behavior":this.behavior,"data-alignment":null!==(i=this.alignment)&&void 0!==i?i:"start","data-width":null!==(n=this.width)&&void 0!==n?n:"auto",onInput:t=>this.handleChange(t),onChange:t=>this.handleChange(t)},this.showScrollLeft?e("db-button",{class:"overflow-scroll-left-button",variant:"ghost",icon:"chevron_left",type:"button",noText:!0,onClick:()=>this.scroll(!0)},null!==(l=this.scrollLeftText)&&void 0!==l?l:r):null,this.tabs?e(a,null,e("db-tab-list",null,null===(d=this.convertTabs())||void 0===d?void 0:d.map(((t,s)=>e("db-tab-item",{key:this.name+"tab-item"+s,active:t.active,label:t.label,iconTrailing:t.iconTrailing,icon:t.icon,noText:t.noText})))),null===(c=this.convertTabs())||void 0===c?void 0:c.map(((t,s)=>e("db-tab-panel",{key:this.name+"tab-panel"+s,content:t.content},t.children)))):null,this.showScrollRight?e("db-button",{class:"overflow-scroll-right-button",variant:"ghost",icon:"chevron_right",type:"button",noText:!0,onClick:()=>this.scroll()},null!==(b=this.scrollRightText)&&void 0!==b?b:h):null,e("slot",{key:"7ebaa60822df074fd5435bd9e889519c8400c9a6"}))}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}]}}},[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],scrollLeftText:[1,"scroll-left-text"],scrollRightText:[1,"scroll-right-text"],_name:[32],initialized:[32],showScrollLeft:[32],showScrollRight:[32],scrollContainer:[32],_resizeObserverCallbackId:[32],observer:[32]},void 0,{_ref:[{watch0:0}],initialized:[{watch0:0}]}]),v=m,p=function(){"undefined"!=typeof customElements&&["db-tabs","db-button","db-tab-item","db-tab-list","db-tab-panel"].forEach((t=>{switch(t){case"db-tabs":customElements.get(l(t))||customElements.define(l(t),m);break;case"db-button":customElements.get(l(t))||c();break;case"db-tab-item":customElements.get(l(t))||b();break;case"db-tab-list":customElements.get(l(t))||u();break;case"db-tab-panel":customElements.get(l(t))||f()}}))};export{v as DbTabs,p as defineCustomElement}

package/bundle/db-tag.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-Dd85RhMq.js";const p=o,r=s;export{p as DbTag,r as defineCustomElement}
+import{D as s,d as o}from"./p-OXsRLHzG.js";const p=s,r=o;export{p as DbTag,r as defineCustomElement}