@duetds/components 10.0.0-alpha.25 → 10.0.0-alpha.27

package/lib/duet/{p-2792ec0b.entry.js → p-fe393084.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,c as e,h as i,H as o,g as l}from"./p-B_VBeM3r.js";import{D as s}from"./p-DyXNfxdT.js";import{i as a}from"./p-DdwVwK5C.js";import{c as r}from"./p-Cfr_DJqU.js";import{a as n,b as u,c as d,d as c,e as h,f as m,g as b}from"./p-Db8rvjPI.js";import{a as p,c as g,d as f}from"./p-BaR6ufr4.js";import{c as x}from"./p-KocOARXM.js";import{p as v}from"./p-C6E9F6QT.js";const y=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.errorId=r("DuetError"),this.labelId=r("DuetLabel"),this.topCaptionId=r("DuetCaptionTop"),this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"},this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"},this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"},this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"},this.processedItems=[],this.processedGroups=[],this.checkboxesVisible=!1,this.activeDescendant="",this.language=p(),this.margin="auto",this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=[],this.theme="",this.labelHidden=!1,this.identifier=r("DuetMultiselect"),this.allControls=!1,this.placeholder="",this.disabled=!1,this.label="label",this.tooltip="",this.tooltipDirection="auto",this.onChange=t=>{this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onMultiselectKeyDown=t=>{(n(t)||u(t))&&this.checkboxesVisible&&(this.checkboxesVisible=!1,this.multiselectElement.focus(),t.preventDefault())},this.onMultiselectInputKeyDown=t=>{d(t)&&(t.preventDefault(),this.toggleCheckboxes(),setTimeout((()=>{if(this.checkboxesVisible){const t=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(this.allControls?-2:0)}`);t&&t.focus()}}),200))},this.onCheckboxKeyDown=(t,e)=>{let i;c(t)||h(t)?i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e-1)}`):(m(t)||b(t))&&(i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e+1)}`)),i&&(i.focus(),t.preventDefault(),this.activeDescendant=i.id)},this.toggleCheckboxes=()=>{this.checkboxesVisible=!this.checkboxesVisible},this.toggleCheckbox=(t,e)=>{this.value=function(t,e){return t.includes(e)?t.filter((t=>t!==e)):[...t,e]}(this.value,e),this.onChange(t)},this.handleSelectAllClick=t=>{this.value=this.processedItems,this.onChange(t)},this.handleClearAllClick=t=>{this.value=[],this.onChange(t)},this.getOptionIdentifier=t=>`${this.identifier}-option-${t}`,this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),t.length>0?t.join(" "):null}}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.checkboxesVisible=!1)}componentWillLoad(){a(this),this.isCaptionVisible=!!this.caption,x(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}connectedCallback(){g(this)}disconnectedCallback(){f(this)}async setFocus(t){this.multiselectElement&&this.multiselectElement.focus(t)}async selectWithValues(t){const e=this.processedItems.filter((e=>t.includes(e.value)));this.value=Array.from(new Set([...this.value,...e]))}async refresh(){const t=v(this.items);this.processedItems=[],this.processedGroups=[],t&&0!==t.length&&(this.processedGroups=void 0!==t[0].items?t:[{label:"",items:t}],this.processedGroups.forEach((t=>t.items.forEach((t=>this.processedItems.push(t))))))}render(){var t;return i(o,{key:"9039645a1068225798fac400466f0f782d6f508a",class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},i("div",{key:"2e521282f27925d3753473b8ad88673583aa9ef2",class:{"duet-multiselect-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:t=>this.onMultiselectKeyDown(t)},i(s,{key:"201f6c1455bdcd9f91b55ce0a0b4cd4a9d0320d0",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:this.identifier},this.label),this.tooltip&&i("duet-tooltip",{key:"121b63fbe0bd9421760ba61450a98c5b45033b60",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"7eda0177c7e86224b0cc85f1ef9fe9861c689d33",name:"tooltip"}),this.caption&&i("duet-caption",{key:"d13578e0bd40d7f37c4e7806f49f88020632ecfc",id:this.topCaptionId,size:"medium"},this.caption),i("div",{key:"6612657d3f9c621dd266233f3c181f15131888f6",class:"duet-multiselect-wrapper"},i("button",{key:"1f302558ed3d929b35608bd8993a34cea470e248",id:this.identifier,ref:t=>this.multiselectElement=t,class:{"duet-multiselect":!0,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:()=>this.toggleCheckboxes(),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":`${this.identifier}-checkboxes`,onKeyDown:t=>this.onMultiselectInputKeyDown(t),disabled:this.disabled},i("span",{key:"6a5d345b0703da1d72fb28f1b8da5aaf708f1718",role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":`${this.identifier}-checkboxes`,"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&i("span",{key:"7c9de445eddbe7aa6cc7ab0e6f950e24255c83f5",class:"duet-multiselect-badge"},this.value.length,i("duet-visually-hidden",{key:"5484d17e999f5c43e0b1c55d74809fd731702c8f"},this.selectedLangObject[this.language],","," ",Array.isArray(this.value)?this.value.map((t=>t.label)).join(", "):"")),i("svg",{key:"27d2c25756197490d9ad767b717bcc0a65f321a8",class:{"duet-multiselect-icon":!0,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"60d61a8ab5924b9b6efa3f90b2c5ad680b9caa90",d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))),i("div",{key:"c95d55f51da346b5cbd36f784ae32033f702e03d",id:`${this.identifier}-checkboxes`,role:"listbox",class:{"duet-multiselect-checkboxes":!0,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},(null===(t=this.processedItems)||void 0===t?void 0:t.length)&&this.allControls&&i("div",{key:"960369ca4a160516357ece0d5e68e5ab91ce468b",class:"duet-multiselect-all-control-buttons"},i("button",{key:"9eafc40e7ba1a7d145c10ab150c0f212e74f3940",class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:t=>this.onCheckboxKeyDown(t,-2)},this.selectAllLabel[this.language]),i("button",{key:"3e8788a43be5d079e60384996624141f20cc7ead",class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:t=>this.onCheckboxKeyDown(t,-1)},this.clearAllLabel[this.language])),this.processedItems&&this.processedGroups.map((t=>i("fieldset",null,t.label&&i("legend",null,t.label),t.items.map(((t,e)=>{var o,l;return i("duet-checkbox",{identifier:this.getOptionIdentifier(e),role:"option",label:t.label,value:t.value,key:t.value,checked:null===(o=this.value)||void 0===o?void 0:o.includes(t),"accessible-selected":(null===(l=this.value)||void 0===l?void 0:l.includes(t))?"true":void 0,disabled:!this.checkboxesVisible||t.disabled,onDuetChange:e=>this.toggleCheckbox(e,t),onKeyDown:t=>this.onCheckboxKeyDown(t,e),theme:this.theme})}))))))),i("span",{key:"a33a3bb5da53083960cda036401e48b578c32747",class:"duet-multiselect-help duet-multiselect-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&i("span",{key:"abf98e9c3d01f524e5293f13929281d0e80f8b42"},this.error))))}get element(){return l(this)}static get watchers(){return{items:["refresh"]}}};y.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #e55039}.duet-multiselect[disabled]{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 28, 58)}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(198, 12, 48)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 28, 58)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.duet-theme-turva .duet-multiselect-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect:focus,:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect[disabled]{color:#172a3b !important;background:#f5f6f7 !important;border-color:#f5f6f7 !important;-webkit-text-fill-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect svg{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect .duet-multiselect-badge{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes{border-color:#d4dde2}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:#172a3b}';export{y as duet_multiselect}
+import{r as t,c as e,h as i,H as o,g as l}from"./p-vt84lkeQ.js";import{D as s}from"./p-1s1EpusX.js";import{i as a}from"./p-BXJZKiJg.js";import{c as r}from"./p-Cfr_DJqU.js";import{a as n,b as u,c as d,d as c,e as h,f as m,g as b}from"./p-Db8rvjPI.js";import{a as p,c as g,d as f}from"./p-Ob09ol4-.js";import{c as x}from"./p-aWO-HcmJ.js";import{p as v}from"./p-C6E9F6QT.js";const y=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.errorId=r("DuetError"),this.labelId=r("DuetLabel"),this.topCaptionId=r("DuetCaptionTop"),this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"},this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"},this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"},this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"},this.processedItems=[],this.processedGroups=[],this.checkboxesVisible=!1,this.activeDescendant="",this.language=p(),this.margin="auto",this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=[],this.theme="",this.labelHidden=!1,this.identifier=r("DuetMultiselect"),this.allControls=!1,this.placeholder="",this.disabled=!1,this.label="label",this.tooltip="",this.tooltipDirection="auto",this.onChange=t=>{this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onMultiselectKeyDown=t=>{(n(t)||u(t))&&this.checkboxesVisible&&(this.checkboxesVisible=!1,this.multiselectElement.focus(),t.preventDefault())},this.onMultiselectInputKeyDown=t=>{d(t)&&(t.preventDefault(),this.toggleCheckboxes(),setTimeout((()=>{if(this.checkboxesVisible){const t=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(this.allControls?-2:0)}`);t&&t.focus()}}),200))},this.onCheckboxKeyDown=(t,e)=>{let i;c(t)||h(t)?i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e-1)}`):(m(t)||b(t))&&(i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e+1)}`)),i&&(i.focus(),t.preventDefault(),this.activeDescendant=i.id)},this.toggleCheckboxes=()=>{this.checkboxesVisible=!this.checkboxesVisible},this.toggleCheckbox=(t,e)=>{this.value=function(t,e){return t.includes(e)?t.filter((t=>t!==e)):[...t,e]}(this.value,e),this.onChange(t)},this.handleSelectAllClick=t=>{this.value=this.processedItems,this.onChange(t)},this.handleClearAllClick=t=>{this.value=[],this.onChange(t)},this.getOptionIdentifier=t=>`${this.identifier}-option-${t}`,this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),t.length>0?t.join(" "):null}}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.checkboxesVisible=!1)}componentWillLoad(){a(this),this.isCaptionVisible=!!this.caption,x(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}connectedCallback(){g(this)}disconnectedCallback(){f(this)}async setFocus(t){this.multiselectElement&&this.multiselectElement.focus(t)}async selectWithValues(t){const e=this.processedItems.filter((e=>t.includes(e.value)));this.value=Array.from(new Set([...this.value,...e]))}async refresh(){const t=v(this.items);this.processedItems=[],this.processedGroups=[],t&&0!==t.length&&(this.processedGroups=void 0!==t[0].items?t:[{label:"",items:t}],this.processedGroups.forEach((t=>t.items.forEach((t=>this.processedItems.push(t))))))}render(){var t;return i(o,{key:"5e4b0b7b9dacba7e6552a38ffb797689de5d1694",class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},i("div",{key:"b0bbc08ee68064b97641c47516e698cc4dfc6160",class:{"duet-multiselect-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:t=>this.onMultiselectKeyDown(t)},i(s,{key:"9d6a23408a530eac7a5764822fe2ab64f47c1f09",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:this.identifier},this.label),this.tooltip&&i("duet-tooltip",{key:"eecf9f8896b8f95a833b010b76f8efaed851cdce",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"6cfb9e46327f25af55c35a4025aa25a6fa5105ec",name:"tooltip"}),this.caption&&i("duet-caption",{key:"34faed19f890d94368b1b2f92fcb85aac55c5ad2",id:this.topCaptionId,size:"medium"},this.caption),i("div",{key:"da9ed35e8f61a283bc06eddd5b3761e58b817491",class:"duet-multiselect-wrapper"},i("button",{key:"3efe23af8a4eee912fde966059b6e15c0bcc19be",id:this.identifier,ref:t=>this.multiselectElement=t,class:{"duet-multiselect":!0,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:()=>this.toggleCheckboxes(),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":`${this.identifier}-checkboxes`,onKeyDown:t=>this.onMultiselectInputKeyDown(t),disabled:this.disabled},i("span",{key:"565444bc98bd29c23ee36c851b0566a11df35c32",role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":`${this.identifier}-checkboxes`,"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&i("span",{key:"5ca0c11f5b864e362f9cf7a6b0b6e4f34474f5a3",class:"duet-multiselect-badge"},this.value.length,i("duet-visually-hidden",{key:"5a6f417f659169d4ea288cd19a0f5a479aa0b0e2"},this.selectedLangObject[this.language],","," ",Array.isArray(this.value)?this.value.map((t=>t.label)).join(", "):"")),i("svg",{key:"876dc66671cad3719376a5c0cda901f952099420",class:{"duet-multiselect-icon":!0,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"478294c898ab6f7d50034dc41d73e72e13c7cef4",d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))),i("div",{key:"328f2ea531c42f7c15507ee23e8daf1fb92739c0",id:`${this.identifier}-checkboxes`,role:"listbox",class:{"duet-multiselect-checkboxes":!0,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},(null===(t=this.processedItems)||void 0===t?void 0:t.length)&&this.allControls&&i("div",{key:"c5dd55f86aff43a62677969ab5aba54e89a5e3de",class:"duet-multiselect-all-control-buttons"},i("button",{key:"ac401a0cda9b93097ce15943be620940726d2348",class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:t=>this.onCheckboxKeyDown(t,-2)},this.selectAllLabel[this.language]),i("button",{key:"7b5a6fcf434f6866229c787ecb56d2e95fe8eca8",class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:t=>this.onCheckboxKeyDown(t,-1)},this.clearAllLabel[this.language])),this.processedItems&&this.processedGroups.map((t=>i("fieldset",null,t.label&&i("legend",null,t.label),t.items.map(((t,e)=>{var o,l;return i("duet-checkbox",{identifier:this.getOptionIdentifier(e),role:"option",label:t.label,value:t.value,key:t.value,checked:null===(o=this.value)||void 0===o?void 0:o.includes(t),"accessible-selected":(null===(l=this.value)||void 0===l?void 0:l.includes(t))?"true":void 0,disabled:!this.checkboxesVisible||t.disabled,onDuetChange:e=>this.toggleCheckbox(e,t),onKeyDown:t=>this.onCheckboxKeyDown(t,e),theme:this.theme})}))))))),i("span",{key:"2964bb7f42ef736b9deae233826b3bfd7a55ce2f",class:"duet-multiselect-help duet-multiselect-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&i("span",{key:"e43ff30f9940548d5c92051289a33d77d771247b"},this.error))))}get element(){return l(this)}static get watchers(){return{items:["refresh"]}}};y.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #e55039}.duet-multiselect[disabled]{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 28, 58)}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(198, 12, 48)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 28, 58)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.duet-theme-turva .duet-multiselect-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect:focus,:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect[disabled]{color:#172a3b !important;background:#f5f6f7 !important;border-color:#f5f6f7 !important;-webkit-text-fill-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect svg{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect .duet-multiselect-badge{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes{border-color:#d4dde2}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:#172a3b}';export{y as duet_multiselect}

package/lib/duet/{p-B_VBeM3r.js → p-vt84lkeQ.js}

@@ -1,5 +1,5 @@
 /*!
  * Built with Duet Design System
  */
-const t="duet",e={cdnURIProd:"https://cdn.duetds.com/api",duetIconVersion:"4.2.4"};var n=Object.defineProperty,o={isServer:!1},l=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(l||{}),s=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(s||{}),r="type",i="value",c="serialized:",u=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},f=(t,e)=>{t.__stencil__getHostRef=()=>e,e.t=t},a=(t,e)=>e in t,d=(t,e)=>(0,console.error)(t,e),h=new Map,p=new Map,v="s-id",$="sty-id",m="c-id",b="slot-fb{display:contents}slot-fb[hidden]{display:none}",y="http://www.w3.org/1999/xlink",g="undefined"!=typeof window?window:{},w={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},S=t=>Promise.resolve(t),j=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),O=!!j&&(()=>!!g.document&&Object.getOwnPropertyDescriptor(g.document.adoptedStyleSheets,"length").writable)(),k=!1,x=[],N=[],E=(t,e)=>n=>{t.push(n),k||(k=!0,e&&4&w.o?M(I):w.raf(I))},C=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){d(t)}t.length=0},I=()=>{C(x),C(N),(k=x.length>0)&&w.raf(I)},M=t=>S().then(t),R=E(N,!0),T=t=>"object"==(t=typeof t)||"function"===t;function L(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}var P=class t{static fromLocalValue(e){const n=e[r],o=i in e?e[i]:void 0;switch(n){case"string":case"boolean":return o;case"bigint":return BigInt(o);case"undefined":return;case"null":return null;case"number":return"NaN"===o?NaN:"-0"===o?-0:"Infinity"===o?1/0:"-Infinity"===o?-1/0:o;case"array":return o.map((e=>t.fromLocalValue(e)));case"date":return new Date(o);case"map":const e=new Map;for(const[n,l]of o){const o="object"==typeof n&&null!==n?t.fromLocalValue(n):n,s=t.fromLocalValue(l);e.set(o,s)}return e;case"object":const l={};for(const[e,n]of o)l[e]=t.fromLocalValue(n);return l;case"regexp":const{pattern:s,flags:r}=o;return RegExp(s,r);case"set":const i=new Set;for(const e of o)i.add(t.fromLocalValue(e));return i;case"symbol":return Symbol(o);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(e){return e.map((e=>t.fromLocalValue(e)))}static isLocalValueObject(t){if("object"!=typeof t||null===t)return!1;if(!t.hasOwnProperty(r))return!1;const e=t[r];return!!Object.values({...l,...s}).includes(e)&&("null"===e||"undefined"===e||t.hasOwnProperty(i))}};((t,e)=>{for(var o in e)n(t,o,{get:e[o],enumerable:!0})})({},{err:()=>F,map:()=>U,ok:()=>A,unwrap:()=>D,unwrapErr:()=>_});var A=t=>({isOk:!0,isErr:!1,value:t}),F=t=>({isOk:!1,isErr:!0,value:t});function U(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>A(t))):A(n)}if(t.isErr)return F(t.value);throw"should never get here"}var B,D=t=>{if(t.isOk)return t.value;throw t.value},_=t=>{if(t.isErr)return t.value;throw t.value};function V(t){const e=this.attachShadow({mode:"open",delegatesFocus:!!(16&t.o)});void 0===B&&(B=null),B&&(O?e.adoptedStyleSheets.push(B):e.adoptedStyleSheets=[...e.adoptedStyleSheets,B])}var W=t=>{const e=et(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&z(e,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!q(t,G(t),!1).length)}));let n=0;for(n=0;n<e.length;n++){const t=e[n];1===t.nodeType&&et(t,"childNodes").length&&W(t)}},H=t=>{const e=[];for(let n=0;n<t.length;n++){const o=t[n]["s-nr"]||void 0;o&&o.isConnected&&e.push(o)}return e};function z(t,e,n){let o,l=0,s=[];for(;l<t.length;l++)o=t[l],!o["s-sr"]||e&&o["s-hn"]!==e||void 0!==n||s.push(o),s=[...s,...z(o.childNodes,e,n)];return s}var q=(t,e,n=!0)=>{const o=[];(n&&t["s-sr"]||!t["s-sr"])&&o.push(t);let l=t;for(;l=l.nextSibling;)G(l)!==e||!n&&l["s-sr"]||o.push(l);return o},J=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,Y=(t,e,n,o)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const l=document.createTextNode("");if(l["s-nr"]=t,!e["s-cr"]||!e["s-cr"].parentNode)return;const s=e["s-cr"].parentNode,r=et(s,"appendChild");if(void 0!==o){l["s-oo"]=o;const t=et(s,"childNodes"),e=[l];t.forEach((t=>{t["s-nr"]&&e.push(t)})),e.sort(((t,e)=>!t["s-oo"]||t["s-oo"]<(e["s-oo"]||0)?-1:!e["s-oo"]||e["s-oo"]<t["s-oo"]?1:0)),e.forEach((t=>r.call(s,t)))}else r.call(s,l);t["s-ol"]=l,t["s-sh"]=e["s-hn"]},G=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function K(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const e=e=>function(t){const n=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const l=this["s-cr"].parentElement;return(l.__childNodes?l.childNodes:H(l.childNodes)).forEach((t=>{o===G(t)&&n.push(t)})),e?n.filter((t=>1===t.nodeType)):n}.bind(t);t.assignedElements=e(!0),t.assignedNodes=e(!1)}var Q=t=>{class e extends Array{item(t){return this[t]}}tt("children",t),Object.defineProperty(t,"children",{get(){return this.childNodes.filter((t=>1===t.nodeType))}}),Object.defineProperty(t,"childElementCount",{get(){return this.children.length}}),tt("firstChild",t),Object.defineProperty(t,"firstChild",{get(){return this.childNodes[0]}}),tt("lastChild",t),Object.defineProperty(t,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),tt("childNodes",t),Object.defineProperty(t,"childNodes",{get(){const t=new e;return t.push(...H(this.__childNodes)),t}})},X=["children","nextElementSibling","previousElementSibling"],Z=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function tt(t,e){if(!globalThis.Node||!globalThis.Element)return;let n;X.includes(t)?n=Object.getOwnPropertyDescriptor(Element.prototype,t):Z.includes(t)&&(n=Object.getOwnPropertyDescriptor(Node.prototype,t)),n||(n=Object.getOwnPropertyDescriptor(e,t)),n&&Object.defineProperty(e,"__"+t,n)}function et(t,e){if("__"+e in t){const n=t["__"+e];return"function"!=typeof n?n:n.bind(t)}return"function"!=typeof t[e]?t[e]:t[e].bind(t)}var nt=new WeakMap,ot=(t,e,n)=>{let o=p.get(t);j&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,p.set(t,o)},lt=(t,e)=>{var n;const o=st(e),l=p.get(o);if(!g.document)return o;if(t=11===t.nodeType?t:g.document,l)if("string"==typeof l){let s,r=nt.get(t=t.head||t);if(r||nt.set(t,r=new Set),!r.has(o)){if(t.host&&(s=t.querySelector(`[${$}="${o}"]`)))s.innerHTML=l;else{s=g.document.createElement("style"),s.innerHTML=l;const o=null!=(n=w.i)?n:L(g.document);if(null!=o&&s.setAttribute("nonce",o),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(j){const e=new CSSStyleSheet;e.replaceSync(l),O?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.o&&t.insertBefore(s,null)}4&e.o&&(s.innerHTML+=b),r&&r.add(o)}}else t.adoptedStyleSheets.includes(l)||(O?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o},st=t=>"sc-"+t.u,rt=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),it=(t,e,...n)=>{let o=null,l=null,s=null,r=!1,i=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof t&&!T(o))&&(o+=""),r&&i?c[c.length-1].h+=o:c.push(r?ct(null,o):o),i=r)};if(u(n),e){e.key&&(l=e.key),e.name&&(s=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,ft);const f=ct(t,null);return f.p=e,c.length>0&&(f.v=c),f.$=l,f.m=s,f},ct=(t,e)=>({o:0,S:t,h:e,j:null,v:null,p:null,$:null,m:null}),ut={},ft={forEach:(t,e)=>t.map(at).forEach(e),map:(t,e)=>t.map(at).map(e).map(dt)},at=t=>({vattrs:t.p,vchildren:t.v,vkey:t.$,vname:t.m,vtag:t.S,vtext:t.h}),dt=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),it(t.vtag,e,...t.vchildren||[])}const e=ct(t.vtag,t.vtext);return e.p=t.vattrs,e.v=t.vchildren,e.$=t.vkey,e.m=t.vname,e},ht=(t,e,n,o,l,s,r,i=[])=>{let c,u,f,a;const d=l["s-sc"];if(1===s.nodeType){if(c=s.getAttribute(m),c&&(u=c.split("."),u[0]===r||"0"===u[0])){f=vt({o:0,O:u[0],k:u[1],N:u[2],C:u[3],S:s.tagName.toLowerCase(),j:s,p:{class:s.className||""}}),e.push(f),s.removeAttribute(m),t.v||(t.v=[]),d&&u[0]===r&&(s["s-si"]=d,f.p.class+=" "+d);const l=f.j.getAttribute("s-sn");"string"==typeof l&&("slot-fb"===f.S&&($t(l,u[2],f,s,t,e,n,o,i),d&&s.classList.add(d)),f.j["s-sn"]=l,f.j.removeAttribute("s-sn")),void 0!==f.C&&(t.v[f.C]=f),t=f,o&&"0"===f.N&&(o[f.C]=f.j)}if(s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)ht(t,e,n,o,l,s.shadowRoot.childNodes[a],r,i);const h=s.__childNodes||s.childNodes;for(a=h.length-1;a>=0;a--)ht(t,e,n,o,l,h[a],r,i)}else if(8===s.nodeType)u=s.nodeValue.split("."),(u[1]===r||"0"===u[1])&&(c=u[0],f=vt({O:u[1],k:u[2],N:u[3],C:u[4]||"0",j:s,p:null,v:null,$:null,m:null,S:null,h:null}),"t"===c?(f.j=bt(s,3),f.j&&3===f.j.nodeType&&(f.h=f.j.textContent,e.push(f),s.remove(),r===f.O&&(t.v||(t.v=[]),t.v[f.C]=f),o&&"0"===f.N&&(o[f.C]=f.j))):"c"===c?(f.j=bt(s,8),f.j&&8===f.j.nodeType&&(e.push(f),s.remove())):f.O===r&&("s"===c?$t(s["s-sn"]=u[5]||"",u[2],f,s,t,e,n,o,i):"r"===c&&(o?s.remove():(l["s-cr"]=s,s["s-cn"]=!0))));else if(t&&"style"===t.S){const e=ct(null,s.textContent);e.j=s,e.C="0",t.v=[e]}else 3!==s.nodeType||s.wholeText.trim()||s["s-nr"]||s.remove();return t},pt=(t,e)=>{if(1===t.nodeType){const n=t[v]||t.getAttribute(v);n&&e.set(n,t);let o=0;if(t.shadowRoot)for(;o<t.shadowRoot.childNodes.length;o++)pt(t.shadowRoot.childNodes[o],e);const l=t.__childNodes||t.childNodes;for(o=0;o<l.length;o++)pt(l[o],e)}else if(8===t.nodeType){const n=t.nodeValue.split(".");"o"===n[0]&&(e.set(n[1]+"."+n[2],t),t.nodeValue="",t["s-en"]=n[3])}},vt=t=>({o:0,O:null,k:null,N:null,C:"0",j:null,p:null,v:null,$:null,m:null,S:null,h:null,...t});function $t(t,e,n,o,l,s,r,i,c){o["s-sr"]=!0,n.m=t||null,n.S="slot";const u=(null==l?void 0:l.j)?l.j["s-id"]||l.j.getAttribute("s-id"):"";if(i&&g.document){const s=n.j=g.document.createElement(n.S);n.m&&n.j.setAttribute("name",t),l.j.shadowRoot&&u&&u!==n.O?et(l.j,"insertBefore")(s,et(l.j,"children")[0]):et(et(o,"parentNode"),"insertBefore")(s,o),mt(c,e,t,o,n.O),o.remove(),"0"===n.N&&(i[n.C]=n.j)}else{const s=n.j,r=u&&u!==n.O&&l.j.shadowRoot;mt(c,e,t,o,r?u:n.O),K(o),r&&l.j.insertBefore(s,l.j.children[0])}s.push(n),r.push(n),l.v||(l.v=[]),l.v[n.C]=n}var mt=(t,e,n,o,l)=>{var s,r;let i=o.nextSibling;if(t[e]=t[e]||[],i&&!(null==(s=i.nodeValue)?void 0:s.startsWith("s.")))do{!i||(i.getAttribute&&i.getAttribute("slot")||i["s-sn"])!==n&&(""!==n||i["s-sn"]||i.getAttribute&&i.getAttribute("slot")||8!==i.nodeType&&3!==i.nodeType)||(i["s-sn"]=n,t[e].push({slot:o,node:i,hostId:l})),i=null==i?void 0:i.nextSibling}while(i&&!(null==(r=i.nodeValue)?void 0:r.startsWith("s.")))},bt=(t,e)=>{let n=t;do{n=n.nextSibling}while(n&&(n.nodeType!==e||!n.nodeValue));return n},yt=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};yt("::slotted"),yt(":host"),yt(":host-context");var gt,wt,St,jt=(t,e)=>{if("string"==typeof t&&t.startsWith(c))return function(t){return"string"==typeof t&&t.startsWith(c)?P.fromLocalValue(JSON.parse(atob(t.slice(11)))):t}(t);if("string"==typeof t&&(16&e||8&e)&&(t.startsWith("{")&&t.endsWith("}")||t.startsWith("[")&&t.endsWith("]")))try{return JSON.parse(t)}catch(t){}return null==t||T(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&e?t+"":t},Ot=t=>{var e;return null==(e=u(t))?void 0:e.$hostElement$},kt=(t,e,n)=>{const o=Ot(t);return{emit:t=>xt(o,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},xt=(t,e,n)=>{const o=w.ce(e,n);return t.dispatchEvent(o),o},Nt=(t,e,n,o,l,s,r)=>{if(n===o)return;let i=a(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=Ct(n);let s=Ct(o);if((t["s-si"]||t["s-sc"])&&r){const n=t["s-sc"]||t["s-si"];s.push(n),l.forEach((t=>{t.startsWith(n)&&s.push(t)})),s=[...new Set(s)].filter((t=>t)),e.add(...s)}else e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("style"===e){for(const e in n)o&&null!=o[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in o)n&&o[e]===n[e]||(e.includes("-")?t.style.setProperty(e,o[e]):t.style[e]=o[e])}else if("key"===e);else if("ref"===e)o&&o(t);else if(i||"o"!==e[0]||"n"!==e[1]){const r=T(o);if((i||r&&null!==o)&&!l)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?i=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,u=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(e)||(u?t.removeAttributeNS(y,e):t.removeAttribute(e)):(!i||4&s||l)&&!r&&1===t.nodeType&&(o=!0===o?"":o,u?t.setAttributeNS(y,e,o):t.setAttribute(e,o))}else if(e="-"===e[2]?e.slice(3):a(g,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(It);e=e.replace(Mt,""),n&&w.rel(t,e,n,l),o&&w.ael(t,e,o,l)}},Et=/\s/,Ct=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(Et):[]),It="Capture",Mt=RegExp(It+"$"),Rt=(t,e,n,o)=>{const l=11===e.j.nodeType&&e.j.host?e.j.host:e.j,s=t&&t.p||{},r=e.p||{};for(const t of Tt(Object.keys(s)))t in r||Nt(l,t,s[t],void 0,n,e.o,o);for(const t of Tt(Object.keys(r)))Nt(l,t,s[t],r[t],n,e.o,o)};function Tt(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var Lt=!1,Pt=!1,At=!1,Ft=!1,Ut=(t,e,n)=>{var o;const l=e.v[n];let s,r,i,c=0;if(Lt||(At=!0,"slot"===l.S&&(l.o|=l.v?2:1)),null!==l.h)s=l.j=g.document.createTextNode(l.h);else if(1&l.o)s=l.j=g.document.createTextNode(""),Rt(null,l,Ft);else{if(Ft||(Ft="svg"===l.S),!g.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(s=l.j=g.document.createElementNS(Ft?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Lt&&2&l.o?"slot-fb":l.S),Ft&&"foreignObject"===l.S&&(Ft=!1),Rt(null,l,Ft),null!=gt&&void 0!==gt&&s["s-si"]!==gt&&s.classList.add(s["s-si"]=gt),l.v)for(c=0;c<l.v.length;++c)r=Ut(t,l,c),r&&s.appendChild(r);"svg"===l.S?Ft=!1:"foreignObject"===s.tagName&&(Ft=!0)}return s["s-hn"]=St,3&l.o&&(s["s-sr"]=!0,s["s-cr"]=wt,s["s-sn"]=l.m||"",s["s-rf"]=null==(o=l.p)?void 0:o.ref,K(s),i=t&&t.v&&t.v[n],i&&i.S===l.S&&t.j&&Bt(t.j,!1),Gt(wt,s,e.j,null==t?void 0:t.j)),s},Bt=(t,e)=>{w.o|=1;const n=Array.from(t.__childNodes||t.childNodes);for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==St&&o["s-ol"]&&(Yt(Wt(o).parentNode,o,Wt(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,At=!0),e&&Bt(o,e)}w.o&=-2},Dt=(t,e,n,o,l,s)=>{let r,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===St&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=Ut(null,n,l),r&&(o[l].j=r,Yt(i,r,Wt(e))))},_t=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.j;Jt(e),t&&(Pt=!0,t["s-ol"]?t["s-ol"].remove():Bt(t,!0),t.remove())}}},Vt=(t,e,n=!1)=>t.S===e.S&&("slot"===t.S?t.m===e.m:n?(n&&!t.$&&e.$&&(t.$=e.$),!0):t.$===e.$),Wt=t=>t&&t["s-ol"]||t,Ht=(t,e,n=!1)=>{const o=e.j=t.j,l=t.v,s=e.v,r=e.S,i=e.h;let c;null===i?(Rt(t,e,Ft="svg"===r||"foreignObject"!==r&&Ft,n),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,v=o[0],$=o[p];for(;i<=a&&c<=p;)if(null==d)d=e[++i];else if(null==h)h=e[--a];else if(null==v)v=o[++c];else if(null==$)$=o[--p];else if(Vt(d,v,l))Ht(d,v,l),d=e[++i],v=o[++c];else if(Vt(h,$,l))Ht(h,$,l),h=e[--a],$=o[--p];else if(Vt(d,$,l))"slot"!==d.S&&"slot"!==$.S||Bt(d.j.parentNode,!1),Ht(d,$,l),Yt(t,d.j,h.j.nextSibling),d=e[++i],$=o[--p];else if(Vt(h,v,l))"slot"!==d.S&&"slot"!==$.S||Bt(h.j.parentNode,!1),Ht(h,v,l),Yt(t,h.j,d.j),h=e[--a],v=o[++c];else{for(u=-1,f=i;f<=a;++f)if(e[f]&&null!==e[f].$&&e[f].$===v.$){u=f;break}u>=0?(r=e[u],r.S!==v.S?s=Ut(e&&e[c],n,u):(Ht(r,v,l),e[u]=void 0,s=r.j),v=o[++c]):(s=Ut(e&&e[c],n,c),v=o[++c]),s&&Yt(Wt(d.j).parentNode,s,Wt(d.j))}i>a?Dt(t,null==o[p+1]?null:o[p+1].j,n,o,c,p):c>p&&_t(e,i,a)})(o,l,e,s,n):null!==s?(null!==t.h&&(o.textContent=""),Dt(o,null,e,s,0,s.length-1)):n||null===l?n&&null!==l&&null===s&&(e.v=l):_t(l,0,l.length-1),Ft&&"svg"===r&&(Ft=!1)):(c=o["s-cr"])?c.parentNode.textContent=i:t.h!==i&&(o.data=i)},zt=[],qt=t=>{let e,n,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes||e.parentNode.childNodes;const l=t["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"])if(J(e,l)){let n=zt.find((t=>t.I===e));Pt=!0,e["s-sn"]=e["s-sn"]||l,n?(n.I["s-sh"]=t["s-hn"],n.M=t):(e["s-sh"]=t["s-hn"],zt.push({M:t,I:e})),e["s-sr"]&&zt.map((t=>{J(t.I,e["s-sn"])&&(n=zt.find((t=>t.I===e)),n&&!t.M&&(t.M=n.M))}))}else zt.some((t=>t.I===e))||zt.push({I:e})}1===t.nodeType&&qt(t)}},Jt=t=>{t.p&&t.p.ref&&t.p.ref(null),t.v&&t.v.map(Jt)},Yt=(t,e,n)=>("string"==typeof e["s-sn"]&&e["s-sr"]&&e["s-cr"]&&Gt(e["s-cr"],e,t,e.parentElement),null==t?void 0:t.insertBefore(e,n));function Gt(t,e,n,o){var l,s;let r;if(t&&"string"==typeof e["s-sn"]&&e["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(r=e["s-si"]||t.parentNode["s-sc"])){const t=e["s-sn"],i=e["s-hn"];if(null==(l=n.classList)||l.add(r+"-s"),o&&(null==(s=o.classList)?void 0:s.contains(r+"-s"))){let e=(o.__childNodes||o.childNodes)[0],n=!1;for(;e;){if(e["s-sn"]!==t&&e["s-hn"]===i&&e["s-sr"]){n=!0;break}e=e.nextSibling}n||o.classList.remove(r+"-s")}}}var Kt=(t,e)=>{if(e&&!t.R&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.R=()=>{e["s-p"].splice(n-1,1),o()})))}},Qt=(t,e)=>{if(t.o|=16,4&t.o)return void(t.o|=512);Kt(t,t.T);const n=()=>Xt(t,e);if(!e)return R(n);queueMicrotask((()=>{n()}))},Xt=(t,e)=>{const n=t.$hostElement$,o=t.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return e?(t.o|=256,t.L&&(t.L.map((([t,e])=>se(o,t,e,n))),t.L=void 0),l=se(o,"componentWillLoad",void 0,n)):l=se(o,"componentWillUpdate",void 0,n),l=Zt(l,(()=>se(o,"componentWillRender",void 0,n))),Zt(l,(()=>ee(t,o,e)))},Zt=(t,e)=>te(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),te=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,ee=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.P,n=t.$hostElement$,o=e.o,l=lt(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);ne(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>oe(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},ne=(t,e,n,o)=>{try{e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{var o,l,s,r;const i=t.$hostElement$,c=t.P,u=t.A||ct(null,null),f=(t=>t&&t.S===ut)(e)?e:it(null,null,e);if(St=i.tagName,c.F&&(f.p=f.p||{},c.F.map((([t,e])=>f.p[e]=i[t]))),n&&f.p)for(const t of Object.keys(f.p))i.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(f.p[t]=i[t]);if(f.S=null,f.o|=4,t.A=f,f.j=u.j=i.shadowRoot||i,gt=i["s-sc"],Lt=!(!(1&c.o)||128&c.o),wt=i["s-cr"],Pt=!1,Ht(u,f,n),w.o|=1,At){qt(f.j);for(const t of zt){const e=t.I;if(!e["s-ol"]&&g.document){const t=g.document.createTextNode("");t["s-nr"]=e,Yt(e.parentNode,e["s-ol"]=t,e)}}for(const t of zt){const e=t.I,i=t.M;if(i){const t=i.parentNode;let n=i.nextSibling;{let s=null==(o=e["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===e["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===e||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&t!==(e.__parentNode||e.parentNode)||(e.__nextSibling||e.nextSibling)!==n)&&e!==n&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),Yt(t,e,n),1===e.nodeType&&"SLOT-FB"!==e.tagName&&(e.hidden=null!=(s=e["s-ih"])&&s)),e&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(r=e.hidden)&&r),e.hidden=!0)}}Pt&&W(f.j),w.o&=-2,zt.length=0,wt=void 0})(t,e,o)}catch(e){d(e,t.$hostElement$)}return null},oe=t=>{const e=t.$hostElement$,n=t.t,o=t.T;se(n,"componentDidRender",void 0,e),64&t.o?se(n,"componentDidUpdate",void 0,e):(t.o|=64,re(e),se(n,"componentDidLoad",void 0,e),t.U(e),o||le()),t.B(e),t.R&&(t.R(),t.R=void 0),512&t.o&&M((()=>Qt(t,!1))),t.o&=-517},le=()=>{var e;M((()=>xt(g,"appload",{detail:{namespace:t}}))),(null==(e=w.D)?void 0:e.size)&&w.D.clear()},se=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){d(t,o)}},re=t=>t.classList.add("hydrated"),ie=(t,e,n,o)=>{const l=u(t);if(!l)return;if(!l)throw Error(`Couldn't find host element for "${o.u}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const s=l.$hostElement$,r=l._.get(e),i=l.o,c=l.t;if(n=jt(n,o.V[e][0]),(!(8&i)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(l._.set(e,n),c)){if(o.W&&128&i){const t=o.W[e];t&&t.map((t=>{try{c[t](n,r,e)}catch(t){d(t,s)}}))}if(2==(18&i)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,r,e))return;Qt(l,!1)}}},ce=(t,e,n)=>{var o,l;const s=t.prototype;if(e.V||e.W||t.watchers){t.watchers&&!e.W&&(e.W=t.watchers);const r=Object.entries(null!=(o=e.V)?o:{});if(r.map((([t,[o]])=>{if(31&o||2&n&&32&o){const{get:l,set:r}=Object.getOwnPropertyDescriptor(s,t)||{};l&&(e.V[t][0]|=2048),r&&(e.V[t][0]|=4096),(1&n||!l)&&Object.defineProperty(s,t,{get(){{if(!(2048&e.V[t][0]))return((t,e)=>u(this)._.get(e))(0,t);const n=u(this),o=n?n.t:s;if(!o)return;return o[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,t,{set(l){const s=u(this);if(s){if(r){const n=32&o?this[t]:s.$hostElement$[t];return void 0===n&&s._.get(t)?l=s._.get(t):!s._.get(t)&&n&&s._.set(t,n),r.call(this,jt(l,o)),void ie(this,t,l=32&o?this[t]:s.$hostElement$[t],e)}{if(!(1&n&&4096&e.V[t][0]))return ie(this,t,l,e),void(1&n&&!s.t&&s.H.then((()=>{4096&e.V[t][0]&&s.t[t]!==s._.get(t)&&(s.t[t]=l)})));const r=()=>{const n=s.t[t];!s._.get(t)&&n&&s._.set(t,n),s.t[t]=jt(l,o),ie(this,t,s.t[t],e)};s.t?r():s.H.then((()=>r()))}}}})}else 1&n&&64&o&&Object.defineProperty(s,t,{value(...e){var n;const o=u(this);return null==(n=null==o?void 0:o.q)?void 0:n.then((()=>{var n;return null==(n=o.t)?void 0:n[t](...e)}))}})})),1&n){const n=new Map;s.attributeChangedCallback=function(t,o,l){w.jmp((()=>{var r;const i=n.get(t);if(this.hasOwnProperty(i))l=this[i],delete this[i];else{if(s.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==l)return;if(null==i){const n=u(this),s=null==n?void 0:n.o;if(n&&s&&!(8&s)&&128&s&&l!==o){const s=n.t,i=null==(r=e.W)?void 0:r[t];null==i||i.forEach((e=>{null!=s[e]&&s[e].call(s,l,o,t)}))}return}}const c=Object.getOwnPropertyDescriptor(s,i);(l=(null!==l||"boolean"!=typeof this[i])&&l)===this[i]||c.get&&!c.set||(this[i]=l)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=e.W)?l:{}),...r.filter((([t,e])=>31&e[0])).map((([t,o])=>{var l;const s=o[1]||t;return n.set(s,t),512&o[0]&&(null==(l=e.F)||l.push([t,s])),s}))]))}}return t},ue=(t,e)=>{se(t,"connectedCallback",void 0,e)},fe=t=>{if(!(1&w.o)){const e=u(t);if(!e)return;const n=e.P,o=()=>{};if(1&e.o)ve(t,e,n.J),(null==e?void 0:e.t)?ue(e.t,t):(null==e?void 0:e.H)&&e.H.then((()=>ue(e.t,t)));else{let o;if(e.o|=1,o=t.getAttribute(v),o){if(1&n.o){const e=lt(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}else if(2&n.o){const e=st(n);t["s-sc"]=e}((t,e,n,o)=>{var l,s,r;const i=t.shadowRoot,c=[],f=[],a=[],d=i?[]:null,h=ct(e,null);let p;h.j=t,Object.entries((null==(l=o.P)?void 0:l.V)||{}).forEach((([e,[n,l]])=>{var s;if(!(31&n))return;const r=t.getAttribute(l||e);if(null!==r){const t=jt(r,n);null==(s=null==o?void 0:o._)||s.set(e,t)}}));{const e=o.P;e&&10&e.o&&t["s-sc"]?(p=t["s-sc"],t.classList.add(p+"-h")):t["s-sc"]&&delete t["s-sc"]}!g.document||w.D&&w.D.size||pt(g.document.body,w.D=new Map),t[v]=n,t.removeAttribute(v),o.A=ht(h,c,f,d,t,t,n,a);let $=0;const m=c.length;let b;for(;$<m;$++){b=c[$];const n=b.O+"."+b.k,o=w.D.get(n),l=b.j;if(i){if((null==(s=b.S)?void 0:(""+s).includes("-"))&&"slot-fb"!==b.S&&!b.j.shadowRoot){const e=u(b.j);if(e){const n=st(e.P),o=g.document.querySelector(`style[sty-id="${n}"]`);o&&t.shadowRoot.append(o.cloneNode(!0))}}}else l["s-hn"]=e.toUpperCase(),"slot"===b.S&&(l["s-cr"]=t["s-cr"]);"slot"===b.S&&(b.m=b.j["s-sn"]||b.j.name||null,b.v?(b.o|=2,b.j.childNodes.length||b.v.forEach((t=>{b.j.appendChild(t.j)}))):b.o|=1),o&&o.isConnected&&(o.parentElement.shadowRoot&&""===o["s-en"]&&o.parentNode.insertBefore(l,o.nextSibling),o.parentNode.removeChild(o),i||(l["s-oo"]=parseInt(b.k))),o&&!o["s-id"]&&w.D.delete(n)}const y=[],S=a.length;let j,O,k,x,N=0;for(;N<S;N++)if(j=a[N],j&&j.length)for(k=j.length,O=0;O<k;O++){if(x=j[O],y[x.hostId]||(y[x.hostId]=w.D.get(x.hostId)),!y[x.hostId])continue;const t=y[x.hostId];t.shadowRoot&&x.node.parentElement!==t&&t.appendChild(x.node),t.shadowRoot&&i||(x.slot["s-cr"]||(x.slot["s-cr"]=t["s-cr"],x.slot["s-cr"]=!x.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),Y(x.node,x.slot,0,x.node["s-oo"]),(null==(r=x.node.parentElement)?void 0:r.shadowRoot)&&x.node.getAttribute&&x.node.getAttribute("slot")&&x.node.removeAttribute("slot"))}if(p&&f.length&&f.forEach((t=>{t.j.parentElement.classList.add(p+"-s")})),i){let e=0;const n=d.length;if(n){for(;e<n;e++){const t=d[e];t&&i.appendChild(t)}Array.from(t.childNodes).forEach((t=>{"string"!=typeof t["s-en"]&&"string"!=typeof t["s-sn"]&&(1===t.nodeType&&t.slot&&t.hidden?t.removeAttribute("hidden"):(8===t.nodeType&&!t.nodeValue||3===t.nodeType&&!t.wholeText.trim())&&t.parentNode.removeChild(t))}))}}o.$hostElement$=t})(t,n.u,o,e)}o||12&n.o&&ae(t);{let n=t;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Kt(e,e.T=n);break}}n.V&&Object.entries(n.V).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),M((()=>(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.Y){const l=((t,e)=>{const n=t.u.replace(/-/g,"_"),o=t.Y;if(!o)return;const l=h.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(h.set(o,t),t[n])),(t=>{d(t,e.$hostElement$)}))
+const t="duet",e={cdnURIProd:"https://cdn.duetds.com/api",duetIconVersion:"4.2.6"};var n=Object.defineProperty,o={isServer:!1},l=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(l||{}),s=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(s||{}),r="type",i="value",c="serialized:",u=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},f=(t,e)=>{t.__stencil__getHostRef=()=>e,e.t=t},a=(t,e)=>e in t,d=(t,e)=>(0,console.error)(t,e),h=new Map,p=new Map,v="s-id",$="sty-id",m="c-id",b="slot-fb{display:contents}slot-fb[hidden]{display:none}",y="http://www.w3.org/1999/xlink",g="undefined"!=typeof window?window:{},w={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},S=t=>Promise.resolve(t),j=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),O=!!j&&(()=>!!g.document&&Object.getOwnPropertyDescriptor(g.document.adoptedStyleSheets,"length").writable)(),k=!1,x=[],N=[],E=(t,e)=>n=>{t.push(n),k||(k=!0,e&&4&w.o?M(I):w.raf(I))},C=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){d(t)}t.length=0},I=()=>{C(x),C(N),(k=x.length>0)&&w.raf(I)},M=t=>S().then(t),R=E(N,!0),T=t=>"object"==(t=typeof t)||"function"===t;function L(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}var P=class t{static fromLocalValue(e){const n=e[r],o=i in e?e[i]:void 0;switch(n){case"string":case"boolean":return o;case"bigint":return BigInt(o);case"undefined":return;case"null":return null;case"number":return"NaN"===o?NaN:"-0"===o?-0:"Infinity"===o?1/0:"-Infinity"===o?-1/0:o;case"array":return o.map((e=>t.fromLocalValue(e)));case"date":return new Date(o);case"map":const e=new Map;for(const[n,l]of o){const o="object"==typeof n&&null!==n?t.fromLocalValue(n):n,s=t.fromLocalValue(l);e.set(o,s)}return e;case"object":const l={};for(const[e,n]of o)l[e]=t.fromLocalValue(n);return l;case"regexp":const{pattern:s,flags:r}=o;return RegExp(s,r);case"set":const i=new Set;for(const e of o)i.add(t.fromLocalValue(e));return i;case"symbol":return Symbol(o);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(e){return e.map((e=>t.fromLocalValue(e)))}static isLocalValueObject(t){if("object"!=typeof t||null===t)return!1;if(!t.hasOwnProperty(r))return!1;const e=t[r];return!!Object.values({...l,...s}).includes(e)&&("null"===e||"undefined"===e||t.hasOwnProperty(i))}};((t,e)=>{for(var o in e)n(t,o,{get:e[o],enumerable:!0})})({},{err:()=>F,map:()=>U,ok:()=>A,unwrap:()=>D,unwrapErr:()=>_});var A=t=>({isOk:!0,isErr:!1,value:t}),F=t=>({isOk:!1,isErr:!0,value:t});function U(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>A(t))):A(n)}if(t.isErr)return F(t.value);throw"should never get here"}var B,D=t=>{if(t.isOk)return t.value;throw t.value},_=t=>{if(t.isErr)return t.value;throw t.value};function V(t){const e=this.attachShadow({mode:"open",delegatesFocus:!!(16&t.o)});void 0===B&&(B=null),B&&(O?e.adoptedStyleSheets.push(B):e.adoptedStyleSheets=[...e.adoptedStyleSheets,B])}var W=t=>{const e=et(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&z(e,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!q(t,G(t),!1).length)}));let n=0;for(n=0;n<e.length;n++){const t=e[n];1===t.nodeType&&et(t,"childNodes").length&&W(t)}},H=t=>{const e=[];for(let n=0;n<t.length;n++){const o=t[n]["s-nr"]||void 0;o&&o.isConnected&&e.push(o)}return e};function z(t,e,n){let o,l=0,s=[];for(;l<t.length;l++)o=t[l],!o["s-sr"]||e&&o["s-hn"]!==e||void 0!==n||s.push(o),s=[...s,...z(o.childNodes,e,n)];return s}var q=(t,e,n=!0)=>{const o=[];(n&&t["s-sr"]||!t["s-sr"])&&o.push(t);let l=t;for(;l=l.nextSibling;)G(l)!==e||!n&&l["s-sr"]||o.push(l);return o},J=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,Y=(t,e,n,o)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const l=document.createTextNode("");if(l["s-nr"]=t,!e["s-cr"]||!e["s-cr"].parentNode)return;const s=e["s-cr"].parentNode,r=et(s,"appendChild");if(void 0!==o){l["s-oo"]=o;const t=et(s,"childNodes"),e=[l];t.forEach((t=>{t["s-nr"]&&e.push(t)})),e.sort(((t,e)=>!t["s-oo"]||t["s-oo"]<(e["s-oo"]||0)?-1:!e["s-oo"]||e["s-oo"]<t["s-oo"]?1:0)),e.forEach((t=>r.call(s,t)))}else r.call(s,l);t["s-ol"]=l,t["s-sh"]=e["s-hn"]},G=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function K(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const e=e=>function(t){const n=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const l=this["s-cr"].parentElement;return(l.__childNodes?l.childNodes:H(l.childNodes)).forEach((t=>{o===G(t)&&n.push(t)})),e?n.filter((t=>1===t.nodeType)):n}.bind(t);t.assignedElements=e(!0),t.assignedNodes=e(!1)}var Q=t=>{class e extends Array{item(t){return this[t]}}tt("children",t),Object.defineProperty(t,"children",{get(){return this.childNodes.filter((t=>1===t.nodeType))}}),Object.defineProperty(t,"childElementCount",{get(){return this.children.length}}),tt("firstChild",t),Object.defineProperty(t,"firstChild",{get(){return this.childNodes[0]}}),tt("lastChild",t),Object.defineProperty(t,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),tt("childNodes",t),Object.defineProperty(t,"childNodes",{get(){const t=new e;return t.push(...H(this.__childNodes)),t}})},X=["children","nextElementSibling","previousElementSibling"],Z=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function tt(t,e){if(!globalThis.Node||!globalThis.Element)return;let n;X.includes(t)?n=Object.getOwnPropertyDescriptor(Element.prototype,t):Z.includes(t)&&(n=Object.getOwnPropertyDescriptor(Node.prototype,t)),n||(n=Object.getOwnPropertyDescriptor(e,t)),n&&Object.defineProperty(e,"__"+t,n)}function et(t,e){if("__"+e in t){const n=t["__"+e];return"function"!=typeof n?n:n.bind(t)}return"function"!=typeof t[e]?t[e]:t[e].bind(t)}var nt=new WeakMap,ot=(t,e,n)=>{let o=p.get(t);j&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,p.set(t,o)},lt=(t,e)=>{var n;const o=st(e),l=p.get(o);if(!g.document)return o;if(t=11===t.nodeType?t:g.document,l)if("string"==typeof l){let s,r=nt.get(t=t.head||t);if(r||nt.set(t,r=new Set),!r.has(o)){if(t.host&&(s=t.querySelector(`[${$}="${o}"]`)))s.innerHTML=l;else{s=g.document.createElement("style"),s.innerHTML=l;const o=null!=(n=w.i)?n:L(g.document);if(null!=o&&s.setAttribute("nonce",o),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(j){const e=new CSSStyleSheet;e.replaceSync(l),O?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.o&&t.insertBefore(s,null)}4&e.o&&(s.innerHTML+=b),r&&r.add(o)}}else t.adoptedStyleSheets.includes(l)||(O?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o},st=t=>"sc-"+t.u,rt=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),it=(t,e,...n)=>{let o=null,l=null,s=null,r=!1,i=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof t&&!T(o))&&(o+=""),r&&i?c[c.length-1].h+=o:c.push(r?ct(null,o):o),i=r)};if(u(n),e){e.key&&(l=e.key),e.name&&(s=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,ft);const f=ct(t,null);return f.p=e,c.length>0&&(f.v=c),f.$=l,f.m=s,f},ct=(t,e)=>({o:0,S:t,h:e,j:null,v:null,p:null,$:null,m:null}),ut={},ft={forEach:(t,e)=>t.map(at).forEach(e),map:(t,e)=>t.map(at).map(e).map(dt)},at=t=>({vattrs:t.p,vchildren:t.v,vkey:t.$,vname:t.m,vtag:t.S,vtext:t.h}),dt=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),it(t.vtag,e,...t.vchildren||[])}const e=ct(t.vtag,t.vtext);return e.p=t.vattrs,e.v=t.vchildren,e.$=t.vkey,e.m=t.vname,e},ht=(t,e,n,o,l,s,r,i=[])=>{let c,u,f,a;const d=l["s-sc"];if(1===s.nodeType){if(c=s.getAttribute(m),c&&(u=c.split("."),u[0]===r||"0"===u[0])){f=vt({o:0,O:u[0],k:u[1],N:u[2],C:u[3],S:s.tagName.toLowerCase(),j:s,p:{class:s.className||""}}),e.push(f),s.removeAttribute(m),t.v||(t.v=[]),d&&u[0]===r&&(s["s-si"]=d,f.p.class+=" "+d);const l=f.j.getAttribute("s-sn");"string"==typeof l&&("slot-fb"===f.S&&($t(l,u[2],f,s,t,e,n,o,i),d&&s.classList.add(d)),f.j["s-sn"]=l,f.j.removeAttribute("s-sn")),void 0!==f.C&&(t.v[f.C]=f),t=f,o&&"0"===f.N&&(o[f.C]=f.j)}if(s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)ht(t,e,n,o,l,s.shadowRoot.childNodes[a],r,i);const h=s.__childNodes||s.childNodes;for(a=h.length-1;a>=0;a--)ht(t,e,n,o,l,h[a],r,i)}else if(8===s.nodeType)u=s.nodeValue.split("."),(u[1]===r||"0"===u[1])&&(c=u[0],f=vt({O:u[1],k:u[2],N:u[3],C:u[4]||"0",j:s,p:null,v:null,$:null,m:null,S:null,h:null}),"t"===c?(f.j=bt(s,3),f.j&&3===f.j.nodeType&&(f.h=f.j.textContent,e.push(f),s.remove(),r===f.O&&(t.v||(t.v=[]),t.v[f.C]=f),o&&"0"===f.N&&(o[f.C]=f.j))):"c"===c?(f.j=bt(s,8),f.j&&8===f.j.nodeType&&(e.push(f),s.remove())):f.O===r&&("s"===c?$t(s["s-sn"]=u[5]||"",u[2],f,s,t,e,n,o,i):"r"===c&&(o?s.remove():(l["s-cr"]=s,s["s-cn"]=!0))));else if(t&&"style"===t.S){const e=ct(null,s.textContent);e.j=s,e.C="0",t.v=[e]}else 3!==s.nodeType||s.wholeText.trim()||s["s-nr"]||s.remove();return t},pt=(t,e)=>{if(1===t.nodeType){const n=t[v]||t.getAttribute(v);n&&e.set(n,t);let o=0;if(t.shadowRoot)for(;o<t.shadowRoot.childNodes.length;o++)pt(t.shadowRoot.childNodes[o],e);const l=t.__childNodes||t.childNodes;for(o=0;o<l.length;o++)pt(l[o],e)}else if(8===t.nodeType){const n=t.nodeValue.split(".");"o"===n[0]&&(e.set(n[1]+"."+n[2],t),t.nodeValue="",t["s-en"]=n[3])}},vt=t=>({o:0,O:null,k:null,N:null,C:"0",j:null,p:null,v:null,$:null,m:null,S:null,h:null,...t});function $t(t,e,n,o,l,s,r,i,c){o["s-sr"]=!0,n.m=t||null,n.S="slot";const u=(null==l?void 0:l.j)?l.j["s-id"]||l.j.getAttribute("s-id"):"";if(i&&g.document){const s=n.j=g.document.createElement(n.S);n.m&&n.j.setAttribute("name",t),l.j.shadowRoot&&u&&u!==n.O?et(l.j,"insertBefore")(s,et(l.j,"children")[0]):et(et(o,"parentNode"),"insertBefore")(s,o),mt(c,e,t,o,n.O),o.remove(),"0"===n.N&&(i[n.C]=n.j)}else{const s=n.j,r=u&&u!==n.O&&l.j.shadowRoot;mt(c,e,t,o,r?u:n.O),K(o),r&&l.j.insertBefore(s,l.j.children[0])}s.push(n),r.push(n),l.v||(l.v=[]),l.v[n.C]=n}var mt=(t,e,n,o,l)=>{var s,r;let i=o.nextSibling;if(t[e]=t[e]||[],i&&!(null==(s=i.nodeValue)?void 0:s.startsWith("s.")))do{!i||(i.getAttribute&&i.getAttribute("slot")||i["s-sn"])!==n&&(""!==n||i["s-sn"]||i.getAttribute&&i.getAttribute("slot")||8!==i.nodeType&&3!==i.nodeType)||(i["s-sn"]=n,t[e].push({slot:o,node:i,hostId:l})),i=null==i?void 0:i.nextSibling}while(i&&!(null==(r=i.nodeValue)?void 0:r.startsWith("s.")))},bt=(t,e)=>{let n=t;do{n=n.nextSibling}while(n&&(n.nodeType!==e||!n.nodeValue));return n},yt=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};yt("::slotted"),yt(":host"),yt(":host-context");var gt,wt,St,jt=(t,e)=>{if("string"==typeof t&&t.startsWith(c))return function(t){return"string"==typeof t&&t.startsWith(c)?P.fromLocalValue(JSON.parse(atob(t.slice(11)))):t}(t);if("string"==typeof t&&(16&e||8&e)&&(t.startsWith("{")&&t.endsWith("}")||t.startsWith("[")&&t.endsWith("]")))try{return JSON.parse(t)}catch(t){}return null==t||T(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&e?t+"":t},Ot=t=>{var e;return null==(e=u(t))?void 0:e.$hostElement$},kt=(t,e,n)=>{const o=Ot(t);return{emit:t=>xt(o,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},xt=(t,e,n)=>{const o=w.ce(e,n);return t.dispatchEvent(o),o},Nt=(t,e,n,o,l,s,r)=>{if(n===o)return;let i=a(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=Ct(n);let s=Ct(o);if((t["s-si"]||t["s-sc"])&&r){const n=t["s-sc"]||t["s-si"];s.push(n),l.forEach((t=>{t.startsWith(n)&&s.push(t)})),s=[...new Set(s)].filter((t=>t)),e.add(...s)}else e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("style"===e){for(const e in n)o&&null!=o[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in o)n&&o[e]===n[e]||(e.includes("-")?t.style.setProperty(e,o[e]):t.style[e]=o[e])}else if("key"===e);else if("ref"===e)o&&o(t);else if(i||"o"!==e[0]||"n"!==e[1]){const r=T(o);if((i||r&&null!==o)&&!l)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?i=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,u=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(e)||(u?t.removeAttributeNS(y,e):t.removeAttribute(e)):(!i||4&s||l)&&!r&&1===t.nodeType&&(o=!0===o?"":o,u?t.setAttributeNS(y,e,o):t.setAttribute(e,o))}else if(e="-"===e[2]?e.slice(3):a(g,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(It);e=e.replace(Mt,""),n&&w.rel(t,e,n,l),o&&w.ael(t,e,o,l)}},Et=/\s/,Ct=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(Et):[]),It="Capture",Mt=RegExp(It+"$"),Rt=(t,e,n,o)=>{const l=11===e.j.nodeType&&e.j.host?e.j.host:e.j,s=t&&t.p||{},r=e.p||{};for(const t of Tt(Object.keys(s)))t in r||Nt(l,t,s[t],void 0,n,e.o,o);for(const t of Tt(Object.keys(r)))Nt(l,t,s[t],r[t],n,e.o,o)};function Tt(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var Lt=!1,Pt=!1,At=!1,Ft=!1,Ut=(t,e,n)=>{var o;const l=e.v[n];let s,r,i,c=0;if(Lt||(At=!0,"slot"===l.S&&(l.o|=l.v?2:1)),null!==l.h)s=l.j=g.document.createTextNode(l.h);else if(1&l.o)s=l.j=g.document.createTextNode(""),Rt(null,l,Ft);else{if(Ft||(Ft="svg"===l.S),!g.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(s=l.j=g.document.createElementNS(Ft?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Lt&&2&l.o?"slot-fb":l.S),Ft&&"foreignObject"===l.S&&(Ft=!1),Rt(null,l,Ft),null!=gt&&void 0!==gt&&s["s-si"]!==gt&&s.classList.add(s["s-si"]=gt),l.v)for(c=0;c<l.v.length;++c)r=Ut(t,l,c),r&&s.appendChild(r);"svg"===l.S?Ft=!1:"foreignObject"===s.tagName&&(Ft=!0)}return s["s-hn"]=St,3&l.o&&(s["s-sr"]=!0,s["s-cr"]=wt,s["s-sn"]=l.m||"",s["s-rf"]=null==(o=l.p)?void 0:o.ref,K(s),i=t&&t.v&&t.v[n],i&&i.S===l.S&&t.j&&Bt(t.j,!1),Gt(wt,s,e.j,null==t?void 0:t.j)),s},Bt=(t,e)=>{w.o|=1;const n=Array.from(t.__childNodes||t.childNodes);for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==St&&o["s-ol"]&&(Yt(Wt(o).parentNode,o,Wt(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,At=!0),e&&Bt(o,e)}w.o&=-2},Dt=(t,e,n,o,l,s)=>{let r,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===St&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=Ut(null,n,l),r&&(o[l].j=r,Yt(i,r,Wt(e))))},_t=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.j;Jt(e),t&&(Pt=!0,t["s-ol"]?t["s-ol"].remove():Bt(t,!0),t.remove())}}},Vt=(t,e,n=!1)=>t.S===e.S&&("slot"===t.S?t.m===e.m:n?(n&&!t.$&&e.$&&(t.$=e.$),!0):t.$===e.$),Wt=t=>t&&t["s-ol"]||t,Ht=(t,e,n=!1)=>{const o=e.j=t.j,l=t.v,s=e.v,r=e.S,i=e.h;let c;null===i?(Rt(t,e,Ft="svg"===r||"foreignObject"!==r&&Ft,n),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,v=o[0],$=o[p];for(;i<=a&&c<=p;)if(null==d)d=e[++i];else if(null==h)h=e[--a];else if(null==v)v=o[++c];else if(null==$)$=o[--p];else if(Vt(d,v,l))Ht(d,v,l),d=e[++i],v=o[++c];else if(Vt(h,$,l))Ht(h,$,l),h=e[--a],$=o[--p];else if(Vt(d,$,l))"slot"!==d.S&&"slot"!==$.S||Bt(d.j.parentNode,!1),Ht(d,$,l),Yt(t,d.j,h.j.nextSibling),d=e[++i],$=o[--p];else if(Vt(h,v,l))"slot"!==d.S&&"slot"!==$.S||Bt(h.j.parentNode,!1),Ht(h,v,l),Yt(t,h.j,d.j),h=e[--a],v=o[++c];else{for(u=-1,f=i;f<=a;++f)if(e[f]&&null!==e[f].$&&e[f].$===v.$){u=f;break}u>=0?(r=e[u],r.S!==v.S?s=Ut(e&&e[c],n,u):(Ht(r,v,l),e[u]=void 0,s=r.j),v=o[++c]):(s=Ut(e&&e[c],n,c),v=o[++c]),s&&Yt(Wt(d.j).parentNode,s,Wt(d.j))}i>a?Dt(t,null==o[p+1]?null:o[p+1].j,n,o,c,p):c>p&&_t(e,i,a)})(o,l,e,s,n):null!==s?(null!==t.h&&(o.textContent=""),Dt(o,null,e,s,0,s.length-1)):n||null===l?n&&null!==l&&null===s&&(e.v=l):_t(l,0,l.length-1),Ft&&"svg"===r&&(Ft=!1)):(c=o["s-cr"])?c.parentNode.textContent=i:t.h!==i&&(o.data=i)},zt=[],qt=t=>{let e,n,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes||e.parentNode.childNodes;const l=t["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"])if(J(e,l)){let n=zt.find((t=>t.I===e));Pt=!0,e["s-sn"]=e["s-sn"]||l,n?(n.I["s-sh"]=t["s-hn"],n.M=t):(e["s-sh"]=t["s-hn"],zt.push({M:t,I:e})),e["s-sr"]&&zt.map((t=>{J(t.I,e["s-sn"])&&(n=zt.find((t=>t.I===e)),n&&!t.M&&(t.M=n.M))}))}else zt.some((t=>t.I===e))||zt.push({I:e})}1===t.nodeType&&qt(t)}},Jt=t=>{t.p&&t.p.ref&&t.p.ref(null),t.v&&t.v.map(Jt)},Yt=(t,e,n)=>("string"==typeof e["s-sn"]&&e["s-sr"]&&e["s-cr"]&&Gt(e["s-cr"],e,t,e.parentElement),null==t?void 0:t.insertBefore(e,n));function Gt(t,e,n,o){var l,s;let r;if(t&&"string"==typeof e["s-sn"]&&e["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(r=e["s-si"]||t.parentNode["s-sc"])){const t=e["s-sn"],i=e["s-hn"];if(null==(l=n.classList)||l.add(r+"-s"),o&&(null==(s=o.classList)?void 0:s.contains(r+"-s"))){let e=(o.__childNodes||o.childNodes)[0],n=!1;for(;e;){if(e["s-sn"]!==t&&e["s-hn"]===i&&e["s-sr"]){n=!0;break}e=e.nextSibling}n||o.classList.remove(r+"-s")}}}var Kt=(t,e)=>{if(e&&!t.R&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.R=()=>{e["s-p"].splice(n-1,1),o()})))}},Qt=(t,e)=>{if(t.o|=16,4&t.o)return void(t.o|=512);Kt(t,t.T);const n=()=>Xt(t,e);if(!e)return R(n);queueMicrotask((()=>{n()}))},Xt=(t,e)=>{const n=t.$hostElement$,o=t.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return e?(t.o|=256,t.L&&(t.L.map((([t,e])=>se(o,t,e,n))),t.L=void 0),l=se(o,"componentWillLoad",void 0,n)):l=se(o,"componentWillUpdate",void 0,n),l=Zt(l,(()=>se(o,"componentWillRender",void 0,n))),Zt(l,(()=>ee(t,o,e)))},Zt=(t,e)=>te(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),te=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,ee=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.P,n=t.$hostElement$,o=e.o,l=lt(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);ne(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>oe(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},ne=(t,e,n,o)=>{try{e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{var o,l,s,r;const i=t.$hostElement$,c=t.P,u=t.A||ct(null,null),f=(t=>t&&t.S===ut)(e)?e:it(null,null,e);if(St=i.tagName,c.F&&(f.p=f.p||{},c.F.map((([t,e])=>f.p[e]=i[t]))),n&&f.p)for(const t of Object.keys(f.p))i.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(f.p[t]=i[t]);if(f.S=null,f.o|=4,t.A=f,f.j=u.j=i.shadowRoot||i,gt=i["s-sc"],Lt=!(!(1&c.o)||128&c.o),wt=i["s-cr"],Pt=!1,Ht(u,f,n),w.o|=1,At){qt(f.j);for(const t of zt){const e=t.I;if(!e["s-ol"]&&g.document){const t=g.document.createTextNode("");t["s-nr"]=e,Yt(e.parentNode,e["s-ol"]=t,e)}}for(const t of zt){const e=t.I,i=t.M;if(i){const t=i.parentNode;let n=i.nextSibling;{let s=null==(o=e["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===e["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===e||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&t!==(e.__parentNode||e.parentNode)||(e.__nextSibling||e.nextSibling)!==n)&&e!==n&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),Yt(t,e,n),1===e.nodeType&&"SLOT-FB"!==e.tagName&&(e.hidden=null!=(s=e["s-ih"])&&s)),e&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(r=e.hidden)&&r),e.hidden=!0)}}Pt&&W(f.j),w.o&=-2,zt.length=0,wt=void 0})(t,e,o)}catch(e){d(e,t.$hostElement$)}return null},oe=t=>{const e=t.$hostElement$,n=t.t,o=t.T;se(n,"componentDidRender",void 0,e),64&t.o?se(n,"componentDidUpdate",void 0,e):(t.o|=64,re(e),se(n,"componentDidLoad",void 0,e),t.U(e),o||le()),t.B(e),t.R&&(t.R(),t.R=void 0),512&t.o&&M((()=>Qt(t,!1))),t.o&=-517},le=()=>{var e;M((()=>xt(g,"appload",{detail:{namespace:t}}))),(null==(e=w.D)?void 0:e.size)&&w.D.clear()},se=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){d(t,o)}},re=t=>t.classList.add("hydrated"),ie=(t,e,n,o)=>{const l=u(t);if(!l)return;if(!l)throw Error(`Couldn't find host element for "${o.u}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const s=l.$hostElement$,r=l._.get(e),i=l.o,c=l.t;if(n=jt(n,o.V[e][0]),(!(8&i)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(l._.set(e,n),c)){if(o.W&&128&i){const t=o.W[e];t&&t.map((t=>{try{c[t](n,r,e)}catch(t){d(t,s)}}))}if(2==(18&i)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,r,e))return;Qt(l,!1)}}},ce=(t,e,n)=>{var o,l;const s=t.prototype;if(e.V||e.W||t.watchers){t.watchers&&!e.W&&(e.W=t.watchers);const r=Object.entries(null!=(o=e.V)?o:{});if(r.map((([t,[o]])=>{if(31&o||2&n&&32&o){const{get:l,set:r}=Object.getOwnPropertyDescriptor(s,t)||{};l&&(e.V[t][0]|=2048),r&&(e.V[t][0]|=4096),(1&n||!l)&&Object.defineProperty(s,t,{get(){{if(!(2048&e.V[t][0]))return((t,e)=>u(this)._.get(e))(0,t);const n=u(this),o=n?n.t:s;if(!o)return;return o[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,t,{set(l){const s=u(this);if(s){if(r){const n=32&o?this[t]:s.$hostElement$[t];return void 0===n&&s._.get(t)?l=s._.get(t):!s._.get(t)&&n&&s._.set(t,n),r.call(this,jt(l,o)),void ie(this,t,l=32&o?this[t]:s.$hostElement$[t],e)}{if(!(1&n&&4096&e.V[t][0]))return ie(this,t,l,e),void(1&n&&!s.t&&s.H.then((()=>{4096&e.V[t][0]&&s.t[t]!==s._.get(t)&&(s.t[t]=l)})));const r=()=>{const n=s.t[t];!s._.get(t)&&n&&s._.set(t,n),s.t[t]=jt(l,o),ie(this,t,s.t[t],e)};s.t?r():s.H.then((()=>r()))}}}})}else 1&n&&64&o&&Object.defineProperty(s,t,{value(...e){var n;const o=u(this);return null==(n=null==o?void 0:o.q)?void 0:n.then((()=>{var n;return null==(n=o.t)?void 0:n[t](...e)}))}})})),1&n){const n=new Map;s.attributeChangedCallback=function(t,o,l){w.jmp((()=>{var r;const i=n.get(t);if(this.hasOwnProperty(i))l=this[i],delete this[i];else{if(s.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==l)return;if(null==i){const n=u(this),s=null==n?void 0:n.o;if(n&&s&&!(8&s)&&128&s&&l!==o){const s=n.t,i=null==(r=e.W)?void 0:r[t];null==i||i.forEach((e=>{null!=s[e]&&s[e].call(s,l,o,t)}))}return}}const c=Object.getOwnPropertyDescriptor(s,i);(l=(null!==l||"boolean"!=typeof this[i])&&l)===this[i]||c.get&&!c.set||(this[i]=l)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=e.W)?l:{}),...r.filter((([t,e])=>31&e[0])).map((([t,o])=>{var l;const s=o[1]||t;return n.set(s,t),512&o[0]&&(null==(l=e.F)||l.push([t,s])),s}))]))}}return t},ue=(t,e)=>{se(t,"connectedCallback",void 0,e)},fe=t=>{if(!(1&w.o)){const e=u(t);if(!e)return;const n=e.P,o=()=>{};if(1&e.o)ve(t,e,n.J),(null==e?void 0:e.t)?ue(e.t,t):(null==e?void 0:e.H)&&e.H.then((()=>ue(e.t,t)));else{let o;if(e.o|=1,o=t.getAttribute(v),o){if(1&n.o){const e=lt(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}else if(2&n.o){const e=st(n);t["s-sc"]=e}((t,e,n,o)=>{var l,s,r;const i=t.shadowRoot,c=[],f=[],a=[],d=i?[]:null,h=ct(e,null);let p;h.j=t,Object.entries((null==(l=o.P)?void 0:l.V)||{}).forEach((([e,[n,l]])=>{var s;if(!(31&n))return;const r=t.getAttribute(l||e);if(null!==r){const t=jt(r,n);null==(s=null==o?void 0:o._)||s.set(e,t)}}));{const e=o.P;e&&10&e.o&&t["s-sc"]?(p=t["s-sc"],t.classList.add(p+"-h")):t["s-sc"]&&delete t["s-sc"]}!g.document||w.D&&w.D.size||pt(g.document.body,w.D=new Map),t[v]=n,t.removeAttribute(v),o.A=ht(h,c,f,d,t,t,n,a);let $=0;const m=c.length;let b;for(;$<m;$++){b=c[$];const n=b.O+"."+b.k,o=w.D.get(n),l=b.j;if(i){if((null==(s=b.S)?void 0:(""+s).includes("-"))&&"slot-fb"!==b.S&&!b.j.shadowRoot){const e=u(b.j);if(e){const n=st(e.P),o=g.document.querySelector(`style[sty-id="${n}"]`);o&&t.shadowRoot.append(o.cloneNode(!0))}}}else l["s-hn"]=e.toUpperCase(),"slot"===b.S&&(l["s-cr"]=t["s-cr"]);"slot"===b.S&&(b.m=b.j["s-sn"]||b.j.name||null,b.v?(b.o|=2,b.j.childNodes.length||b.v.forEach((t=>{b.j.appendChild(t.j)}))):b.o|=1),o&&o.isConnected&&(o.parentElement.shadowRoot&&""===o["s-en"]&&o.parentNode.insertBefore(l,o.nextSibling),o.parentNode.removeChild(o),i||(l["s-oo"]=parseInt(b.k))),o&&!o["s-id"]&&w.D.delete(n)}const y=[],S=a.length;let j,O,k,x,N=0;for(;N<S;N++)if(j=a[N],j&&j.length)for(k=j.length,O=0;O<k;O++){if(x=j[O],y[x.hostId]||(y[x.hostId]=w.D.get(x.hostId)),!y[x.hostId])continue;const t=y[x.hostId];t.shadowRoot&&x.node.parentElement!==t&&t.appendChild(x.node),t.shadowRoot&&i||(x.slot["s-cr"]||(x.slot["s-cr"]=t["s-cr"],x.slot["s-cr"]=!x.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),Y(x.node,x.slot,0,x.node["s-oo"]),(null==(r=x.node.parentElement)?void 0:r.shadowRoot)&&x.node.getAttribute&&x.node.getAttribute("slot")&&x.node.removeAttribute("slot"))}if(p&&f.length&&f.forEach((t=>{t.j.parentElement.classList.add(p+"-s")})),i){let e=0;const n=d.length;if(n){for(;e<n;e++){const t=d[e];t&&i.appendChild(t)}Array.from(t.childNodes).forEach((t=>{"string"!=typeof t["s-en"]&&"string"!=typeof t["s-sn"]&&(1===t.nodeType&&t.slot&&t.hidden?t.removeAttribute("hidden"):(8===t.nodeType&&!t.nodeValue||3===t.nodeType&&!t.wholeText.trim())&&t.parentNode.removeChild(t))}))}}o.$hostElement$=t})(t,n.u,o,e)}o||12&n.o&&ae(t);{let n=t;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Kt(e,e.T=n);break}}n.V&&Object.entries(n.V).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),M((()=>(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.Y){const l=((t,e)=>{const n=t.u.replace(/-/g,"_"),o=t.Y;if(!o)return;const l=h.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(h.set(o,t),t[n])),(t=>{d(t,e.$hostElement$)}))
 /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.u}#${e.G}" was not found`);o.isProxied||(n.W=o.watchers,ce(o,n,2),o.isProxied=!0);const s=()=>{};e.o|=8;try{new o(e)}catch(e){d(e,t)}e.o&=-9,e.o|=128,s(),ue(e.t,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.o|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=st(n);if(!p.has(e)){const o=()=>{};ot(e,t,!!(1&n.o)),o()}}}const l=e.T,s=()=>Qt(e,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()})(t,e,n)))}o()}},ae=t=>{if(!g.document)return;const e=t["s-cr"]=g.document.createComment("");e["s-cn"]=!0,Yt(t,e,t.firstChild)},de=(t,e)=>{se(t,"disconnectedCallback",void 0,e||t)},he=(t,e={})=>{var n;if(!g.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const o=[],l=e.exclude||[],s=g.customElements,r=g.document.head,i=r.querySelector("meta[charset]"),c=g.document.createElement("style"),f=[];let a,d=!0;Object.assign(w,e),w.l=new URL(e.resourcesUrl||"./",g.document.baseURI).href,w.o|=2,(()=>{if(!g.document)return;const t=g.document.querySelectorAll(`[${$}]`);let e=0;for(;e<t.length;e++)ot(t[e].getAttribute($),rt(t[e].innerHTML),!0)})();let h=!1;if(t.map((t=>{t[1].map((e=>{var n;const r={o:e[0],u:e[1],V:e[2],J:e[3]};4&r.o&&(h=!0),r.V=e[2],r.J=e[3],r.F=[],r.W=null!=(n=e[4])?n:{};const i=r.u,c=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={o:0,$hostElement$:t,P:e,_:new Map};n.q=new Promise((t=>n.B=t)),n.H=new Promise((t=>n.U=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,r),1&r.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.u}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else V.call(t,r)}connectedCallback(){const t=u(this);t&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,ve(this,t,r.J)),a&&(clearTimeout(a),a=null),d?f.push(this):w.jmp((()=>fe(this))))}disconnectedCallback(){w.jmp((()=>(async t=>{if(!(1&w.o)){const e=u(t);(null==e?void 0:e.K)&&(e.K.map((t=>t())),e.K=void 0),(null==e?void 0:e.t)?de(e.t,t):(null==e?void 0:e.H)&&e.H.then((()=>de(e.t,t)))}nt.has(t)&&nt.delete(t),t.shadowRoot&&nt.has(t.shadowRoot)&&nt.delete(t.shadowRoot)})(this))),w.raf((()=>{var t;const e=u(this);if(!e)return;const n=f.findIndex((t=>t===this));n>-1&&f.splice(n,1),(null==(t=null==e?void 0:e.A)?void 0:t.j)instanceof Node&&!e.A.j.isConnected&&delete e.A.j}))}componentOnReady(){var t;return null==(t=u(this))?void 0:t.H}};!(1&r.o)&&256&r.o&&Q(c.prototype),r.Y=t[0],l.includes(i)||s.get(i)||(o.push(i),s.define(i,ce(c,r,1)))}))})),o.length>0&&(h&&(c.textContent+=b),c.innerHTML.length)){c.setAttribute("data-styles","");const t=null!=(n=w.i)?n:L(g.document);null!=t&&c.setAttribute("nonce",t),r.insertBefore(c,i?i.nextSibling:r.firstChild)}d=!1,f.length?f.map((t=>t.connectedCallback())):w.jmp((()=>a=setTimeout(le,30)))},pe=(t,e)=>e,ve=(t,e,n)=>{n&&g.document&&n.map((([n,o,l])=>{const s=me(g.document,t,n),r=$e(e,l),i=be(n);w.ael(s,o,r,i),(e.K=e.K||[]).push((()=>w.rel(s,o,r,i)))}))},$e=(t,e)=>n=>{var o;try{256&t.o?null==(o=t.t)||o[e](n):(t.L=t.L||[]).push([e,n])}catch(e){d(e,t.$hostElement$)}},me=(t,e,n)=>4&n?t:8&n?g:16&n?t.body:e,be=t=>({passive:!!(1&t),capture:!!(2&t)}),ye=t=>w.i=t;export{o as B,e as E,pe as F,ut as H,t as N,he as b,kt as c,Ot as g,it as h,S as p,f as r,ye as s,g as w}

package/lib/esm/{a11y-utils-CXqm1pj1.js → a11y-utils-CROKOfOD.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { g as getElementsFromDefaultSlot } from './slot-utils-aDCRCdc4.js';
+import { g as getElementsFromDefaultSlot } from './slot-utils-BZXZ33TK.js';
 
 function getAccessibleLinkLabel(component) {
     const textContent = component.element.textContent;

package/lib/esm/{app-globals-s-_CGo5t.js → app-globals-CahJi_2c.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import './index-B_VBeM3r.js';
+import './index-vt84lkeQ.js';
 
 const setupLoggers = () => {
     {

package/lib/esm/{common-strings-MxsWrBCY.js → common-strings-BWvtXbhA.js}

@@ -26,5 +26,27 @@ const DuetStringsListStepOfTotal = {
     en: "List with {total} steps. You are on step {current}.",
     sv: "Lista med {total} steg. Du är på steg {current}.",
 };
+const DuetStatusLabels = {
+    default: {
+        fi: "Huomioithan",
+        en: "Please note",
+        sv: "Observera",
+    },
+    success: {
+        fi: "Onnistunut toiminto",
+        en: "Action completed successfully",
+        sv: "Lyckad åtgärd",
+    },
+    danger: {
+        fi: "Tärkeä varoitus",
+        en: "Important warning",
+        sv: "Viktig varning",
+    },
+    warning: {
+        fi: "Varoitus",
+        en: "Warning",
+        sv: "Varning",
+    },
+};
 
-export { DuetStringsExternalDefaults as D, DuetStringsPleaseWaitDefaults as a, DuetStringsLoadingDefaults as b, DuetStringsListStepOfTotal as c, DuetStringsDownloadLinkDefaults as d };
+export { DuetStatusLabels as D, DuetStringsExternalDefaults as a, DuetStringsPleaseWaitDefaults as b, DuetStringsLoadingDefaults as c, DuetStringsListStepOfTotal as d, DuetStringsDownloadLinkDefaults as e };

package/lib/esm/duet-action-button.entry.js

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-B_VBeM3r.js';
-import { i as inheritGlobalTheme } from './themeable-component-DPqozkF4.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-vt84lkeQ.js';
+import { i as inheritGlobalTheme } from './themeable-component-CsnFpp6R.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { d as debounce } from './js-utils-BlUsLmbQ.js';
 import { i as isKeyboardClick } from './keyboard-utils-Db8rvjPI.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-B7PXWqpg.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-B9dLrWKg.js';
 import { c as capitalizeFirstLetter, g as getColorByName, s as shadeRGBColor } from './token-utils-BGFYWQ6j.js';
 import './string-utils-C6E9F6QT.js';
 import './tokens.module-Z0D6Gy9e.js';

package/lib/esm/duet-alert.entry.js

@@ -1,12 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-B_VBeM3r.js';
-import { i as inheritGlobalTheme } from './themeable-component-DPqozkF4.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-vt84lkeQ.js';
+import { D as DuetStatusLabels } from './common-strings-BWvtXbhA.js';
+import { i as inheritGlobalTheme } from './themeable-component-CsnFpp6R.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-Db8rvjPI.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-B7PXWqpg.js';
-import { h as hasSlot } from './slot-utils-aDCRCdc4.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-B9dLrWKg.js';
+import { h as hasSlot } from './slot-utils-BZXZ33TK.js';
 import './string-utils-C6E9F6QT.js';
 
 const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}";
@@ -18,28 +19,6 @@ const DuetAlert = class {
         this.duetCloseComplete = createEvent(this, "duetCloseComplete", 7);
         this.descriptiveId = createID("DuetAlert");
         this.hasShowMoreSlot = false;
-        this.labels = {
-            default: {
-                fi: "Huomioithan",
-                en: "Please note",
-                sv: "Observera",
-            },
-            success: {
-                fi: "Onnistunut toiminto",
-                en: "Action completed successfully",
-                sv: "Lyckad åtgärd",
-            },
-            danger: {
-                fi: "Tärkeä varoitus",
-                en: "Important warning",
-                sv: "Viktig varning",
-            },
-            warning: {
-                fi: "Varoitus",
-                en: "Warning",
-                sv: "Varning",
-            },
-        };
         /**
          * Theme of the card.
          */
@@ -84,7 +63,10 @@ const DuetAlert = class {
          */
         this.padding = "auto";
         /**
-         * Style variation of the alert.
+         * Status variation of the alert. "danger" and "warning" will render the alert with role "alert" (unless announcements
+         * has been set to false). Other variations will have role "status". Use "danger" only when something serious has happened
+         * or the user must take immediate action. Use "warning" for unexpected situations that are potentially harmful, but
+         * don't require immediate action.
          */
         this.variation = "default";
         /**
@@ -122,6 +104,15 @@ const DuetAlert = class {
         this.handleExpandToggle = () => {
             this.isExpanded = !this.isExpanded;
         };
+        this.getRole = () => {
+            if (!this.announcements) {
+                return undefined;
+            }
+            if (["warning", "danger"].includes(this.variation)) {
+                return "alert";
+            }
+            return "status";
+        };
     }
     /**
      * Component lifecycle events.
@@ -180,18 +171,18 @@ const DuetAlert = class {
         const variation = ["default", "success", "danger", "warning"].includes(this.variation)
             ? this.variation
             : "default";
-        const variationLabel = getLocaleString(this.labels[variation]);
-        return (h(Host, { key: '5584475286356ac3d444c97e9429aaddc5e6153e', class: {
+        const variationLabel = getLocaleString(DuetStatusLabels[variation]);
+        return (h(Host, { key: 'b204a657de629955d04058f3c43813aa00980c1e', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-alert-is-dismissed": this.isDismissed,
-            }, role: this.announcements ? "alert" : undefined }, h("div", { key: '7a3ef0cee9f7e304eac829dfbfd834f1123867fd', class: {
+            }, role: this.getRole() }, h("div", { key: '0d573c37ae4013f7fdef0d89a7d2cfff38157b44', class: {
                 "duet-alert-wrapper": true,
                 "duet-p-0": this.padding === "none",
                 "duet-m-0": this.margin === "none",
                 [variation]: true,
                 [this.position]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("div", { key: '27797a4ea2296ac70ac133f3ec1a4fedaa07b78d', class: {
+            } }, h("div", { key: 'ecb946bd29811c5ee207804498810a6cd3c83889', class: {
                 "duet-alert": true,
                 "duet-alert-expandable": !!this.expandingTitle,
                 "duet-alert-expanded": this.isExpanded,
@@ -202,9 +193,9 @@ const DuetAlert = class {
                 "duet-m-0": this.margin === "none",
                 [variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("div", { key: '3030a95fb19791465f75a74a6803a1bbd0f9b5dd', class: "duet-alert-container", ref: element => {
+            } }, h("div", { key: '88e63f17d9d316a933266a2d98be63f1cf6fa939', class: "duet-alert-container", ref: element => {
                 this.alertContainer = element;
-            }, tabindex: this.focusable ? "0" : undefined }, this.position !== "below-nav" && (h("div", { key: 'e990ae6cf89ef89c0c3445af06402f8202583796', class: "duet-alert-icon" }, (this.icon && h("duet-icon", { key: 'f4b0bd5ca292239cb7a98379b10dd965d4173509', size: "auto", name: this.icon, color: "currentColor" })) || (h("duet-status-icon", { key: 'ad9b6952c1af47501fe6bf7298d69a66bb1223b9', strong: true, variation: variation, margin: "none", size: "auto" })))), this.position === "below-nav" && (h("div", { key: '479a41fafb16793a51eb71e8e892088b6ede41ef', class: "duet-alert-icon below-nav" }, h("duet-status-icon", { key: '249c1b1f9a763ce5725982a2c0a00597698bccc7', strong: true, variation: variation, margin: "none", size: "auto" }))), h("div", { key: '577fa13d2a0682a3fe079a4a098e11bb99fc8dc9', class: "duet-alert-content", id: this.descriptiveId }, this.expandingTitle && (h("button", { key: '4fb68ee1545889ee3c0090bcbc3cd7e952e4d6c9', "aria-expanded": this.isExpanded.toString(), "aria-controls": `${this.descriptiveId}-content`, class: "duet-alert-expander", onClick: this.handleExpandToggle }, h("span", { key: '9ab35209919d1fe4aa6f3db6c16e593828985434', class: "expanding-title" }, this.expandingTitle), h("duet-icon", { key: 'd387939b25c676cd7c17ec6962da00383935ade3', name: "action-arrow-down", color: variation === "default" ? "lt-blue-800" : `${variation}-800`, margin: "none", size: "x-small" }))), (!this.expandingTitle || this.isExpanded) && (h("div", { key: '989a79e16a74690dc7c78da3cc40ef4d02ecb513', id: `${this.descriptiveId}-content` }, h("duet-visually-hidden", { key: '4792b5aa92cefc69907c6325a3c89bd5d9476ae3' }, variationLabel), h("slot", { key: '662c5673bd1118e9effdd083eba7b13ea349ac39' }))))), this.hasShowMoreSlot && (h("duet-show-more", { key: '7b7b917b785c74924ef13550a9866ab4d724f9ce', margin: "none", class: "duet-alert-show-more" }, h("slot", { key: '6370fcc4b7e689d1997c7e224e6f71ca27772689', name: "show-more" }))), this.dismissible && !this.expandingTitle && (h("div", { key: '70e609bdf62b90448894c3f107c435d9b9b9f7ca', class: "duet-alert-dismiss" }, h("duet-button", { key: '1b230dc424387b18799431608c1aab1e63e7035f', variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", color: variation === "default" ? "lt-blue-800" : `${variation}-800`, theme: this.theme, onClick: this.handleDismiss, fixed: true })))))));
+            }, tabindex: this.focusable ? "0" : undefined }, this.position !== "below-nav" && (h("div", { key: 'd0e266b3c576ec9c2532053c292c3bfbbc9d92b0', class: "duet-alert-icon" }, (this.icon && h("duet-icon", { key: 'efa5d1133ba832aa3e88fb419b8f2b454b5536c1', size: "auto", name: this.icon, color: "currentColor" })) || (h("duet-status-icon", { key: '7e00c8f29fb7a33a041acfbd82d1c359eadaf605', strong: true, variation: variation, margin: "none", size: "auto" })))), this.position === "below-nav" && (h("div", { key: '0314c3a000a06a357a7850f6c72002df3d32a541', class: "duet-alert-icon below-nav" }, h("duet-status-icon", { key: 'aec093d7be9e0c0d8940a5e0813495f707daefc0', strong: true, variation: variation, margin: "none", size: "auto" }))), h("div", { key: '97522cbf67c23477ae71603418f85f3d1a13d3c2', class: "duet-alert-content", id: this.descriptiveId }, this.expandingTitle && (h("button", { key: '08d8a6d3b089bad3c54727907f6ba1df213a9103', "aria-expanded": this.isExpanded.toString(), "aria-controls": `${this.descriptiveId}-content`, class: "duet-alert-expander", onClick: this.handleExpandToggle }, h("span", { key: '4efe686cc2dff3077ea3efed7a52c79c3b8c090a', class: "expanding-title" }, this.expandingTitle), h("duet-icon", { key: '2da0cd85883d2e850d65e0682c391079bcce2001', name: "action-arrow-down", color: variation === "default" ? "lt-blue-800" : `${variation}-800`, margin: "none", size: "x-small" }))), (!this.expandingTitle || this.isExpanded) && (h("div", { key: 'dd67482dc47bb4b23d8ff7fdbc7f50a09fd7f355', id: `${this.descriptiveId}-content` }, h("duet-visually-hidden", { key: '0f892f87996b79076b9c04e9d66fadbe681cf913' }, variationLabel), h("slot", { key: 'fac36116e1b9128ad398c4cf997d8c0fd3bca795' }))))), this.hasShowMoreSlot && (h("duet-show-more", { key: '10530ff533c94cb9c85eb23cae9ed3475f3567f2', margin: "none", class: "duet-alert-show-more" }, h("slot", { key: '06e77a909ef86b0ae2e83e818e88c75b8caa9969', name: "show-more" }))), this.dismissible && !this.expandingTitle && (h("div", { key: '65f541e6bf54abcfa91757571cffb18013188c39', class: "duet-alert-dismiss" }, h("duet-button", { key: 'a2e00a7f2d07d04bf388544893ddb56d332c8929', variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", color: variation === "default" ? "lt-blue-800" : `${variation}-800`, theme: this.theme, onClick: this.handleDismiss, fixed: true })))))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-badge.entry.js

@@ -1,8 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-B_VBeM3r.js';
-import { i as inheritGlobalTheme } from './themeable-component-DPqozkF4.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-vt84lkeQ.js';
+import { D as DuetStatusLabels } from './common-strings-BWvtXbhA.js';
+import { i as inheritGlobalTheme } from './themeable-component-CsnFpp6R.js';
+import { g as getLocaleString } from './language-utils-B9dLrWKg.js';
+import './string-utils-C6E9F6QT.js';
 
 const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fdecc9}.duet-badge.danger{background:#f7d2dc}.duet-badge.danger.duet-theme-turva{background:#f7d2dc}.duet-badge.success{background:#d6e6e1}.duet-badge.success.duet-theme-turva{background:#d6e6e1}.duet-badge.subtle{color:rgb(98, 121, 138);background:none;outline:1px solid rgb(212, 223, 229);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(113, 118, 132);background:none;outline-color:rgb(222, 224, 228)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#f9c153}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.subtle{border-color:rgb(181, 198, 208);outline-color:rgb(8, 42, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(199, 202, 207);outline-color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.default{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.default{color:rgb(255, 255, 255);background:#172a3b}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.subtle{outline-color:#172a3b}";
 
@@ -26,6 +29,15 @@ const DuetBadge = class {
          * Controls the margin of the component.
          */
         this.margin = "auto";
+        this.getVariationLabel = () => {
+            if (this.variation === "subtle") {
+                return "";
+            }
+            const variation = ["default", "success", "danger", "warning"].includes(this.variation)
+                ? this.variation
+                : "default";
+            return getLocaleString(DuetStatusLabels[variation]);
+        };
     }
     /**
      * Component lifecycle events.
@@ -39,12 +51,12 @@ const DuetBadge = class {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (h(Host, { key: 'da159f6322336c9e29fe1f6fd62a1c856fee0a86', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '9e9e12f29c7a27a2c15be1e4e7aaffcacc81f053', class: {
+        return (h(Host, { key: '446fcb8a0becb11a4043774efb1611dd9d89d82d', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '56ca2601a6f378068ce6d1c695089c0d131e9b7d', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("slot", { key: '97ed4f103d26ccf534b9eb10168a7855a958b466' }))));
+            } }, h("duet-visually-hidden", { key: 'b1105a9f4a43ee6f9379cb8c02a06328830bbaa6' }, this.getVariationLabel()), h("slot", { key: '2922cf32e24472ae3c8685a1ea90a27c0112b740' }))));
     }
     get element() { return getElement(this); }
 };