@duetds/components 9.9.0 → 9.10.0

package/lib/duet/{p-793b2147.entry.js → p-cda10bf2.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,c as i,h as e,H as u,g as n}from"./p-ed0179f9.js";import{f as s}from"./p-d004da5f.js";import{i as a}from"./p-2e417433.js";import{c as o}from"./p-5e59e970.js";import{c as d,r as p}from"./p-df7874f9.js";import{f as r,j as l,e as c,d as h,a as b}from"./p-a45e3f8b.js";import{a as m,c as g,d as v,g as x}from"./p-0773901d.js";import{c as f}from"./p-ae924d35.js";import{g as w}from"./p-5de30279.js";import"./p-9c3c64b9.js";import"./p-17efced0.js";const y={search:s,email:{title:"form-email",tags:"form email",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z"/></svg>'}},k=class{constructor(e){t(this,e),this.duetInput=i(this,"duetInput",7),this.duetChange=i(this,"duetChange",3),this.duetBlur=i(this,"duetBlur",7),this.duetClear=i(this,"duetClear",7),this.duetFocus=i(this,"duetFocus",7),this.inputId=o("DuetInput"),this.clearId=o("DuetInputClear"),this.labelId=o("DuetLabel"),this.topCaptionId=o("DuetCaptionTop"),this.topCaptionPlaceholderId=o("DuetCaptionPlaceholderTop"),this.chipCountId=o("DuetInputChipCount"),this.errorId=o("DuetError"),this.disallowPatternRegex=null,this.clearLabel={en:"Clear",fi:"Tyhjennä",sv:"Rensa"},this.timeAnnouncement={en:"Time",fi:"Aika",sv:"Tid"},this.showPasswordLabel={en:"Show password",fi:"Näytä salasana",sv:"Visa lösenord"},this.hidePasswordLabel={en:"Hide password",fi:"Piilota salasana",sv:"Dölj lösenord"},this.passwordShownAriaAnnouncement={en:"Password is shown",fi:"Salasana näytetään",sv:"Lösenordet visas"},this.passwordHiddenAriaAnnouncement={en:"Password is hidden",fi:"Salasana on piilotettu",sv:"Lösenordet är dolt"},this.chipsSelectedDesriptionLabel={en:"selected",fi:"valittu",sv:"valt"},this.onInput=t=>{this.disallowPatternRegex&&d(this.nativeInput,this.disallowPatternRegex),this.chips&&this.clearChipSelection(),this.value=this.nativeInput.value||"",this.duetInput.emit({originalEvent:t,value:this.value,component:"duet-input"})},this.onBlur=t=>{t.relatedTarget!==this.nativeInput&&t.relatedTarget!==this.togglePasswordRevealedButton&&("revealable"===this.variation&&this.isPasswordRevealed&&(this.isPasswordRevealed=!1),this.isFocused=!1,this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-input"}))},this.onFocus=t=>{this.clearChipSelection(),this.isFocused=!0,this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-input"})},this.onClear=t=>{this.duetClear.emit({originalEvent:t,value:this.value,component:"duet-input"})},this.getAriaDescribedBy=()=>{const t=[];if(this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.chips){const i=this.getAllChips();i.length&&(t.push(this.chipCountId),i.forEach((i=>t.push(i.id))))}return this.error&&t.push(this.errorId),t.length>0?t.join(" "):null},this.handleClearClick=t=>{const i=this.clearInput();return this.onClear(t),i},this.keyHandler=t=>(r(t)&&this.clear&&this.handleClearClick(t),l(t)&&"revealable"===this.variation&&(t.target===this.togglePasswordRevealedButton?t.stopPropagation():this.isPasswordRevealed=!1),this.chips&&0===this.nativeInput.value.length&&(c(t)&&(this.isChipSelected()&&(this.getSelectedChip().removeChip(),setTimeout((()=>this.selectLastChip()))),this.selectLastChip()),h(t)&&this.selectChipToLeft(),b(t)&&this.isChipSelected()&&this.selectChipToRight()),t),this.togglePasswordRevealed=()=>{this.isPasswordRevealed=!this.isPasswordRevealed},this.getInputType=()=>"revealable"===this.variation?this.isPasswordRevealed?"text":"password":this.type,this.language=m(),this.isPasswordRevealed=void 0,this.isFocused=!1,this.accessibleActiveDescendant=void 0,this.accessibleAutocomplete=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleExpanded=void 0,this.accessibleDescribedBy="",this.accessibleHasPopup=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.debounce=0,this.clear=!1,this.caption=void 0,this.echoPlaceholder=!1,this.theme="",this.expand=!1,this.disabled=!1,this.identifier=void 0,this.margin="auto",this.inputAlign="left",this.inputPadding="medium",this.required=!1,this.type="text",this.variation="default",this.chips=!1,this.label="Label",this.labelColor=void 0,this.labelWeight=void 0,this.error="",this.labelHidden=!1,this.numericKeyboard=!1,this.name=void 0,this.pattern=void 0,this.maxlength=void 0,this.minlength=void 0,this.placeholder=void 0,this.component="input",this.role=void 0,this.icon=void 0,this.autoComplete="on",this.disallowPattern=null,this.value=void 0,this.tooltip="",this.tooltipDirection="auto"}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}valueChanged(){if(this.nativeInput&&this.nativeInput.value!==this.value){const t=p(this.nativeInput);this.nativeInput.value=this.value,t()}this.isCaptionVisible=!!this.caption;const t=()=>this.duetChange.emit({value:this.value,component:"duet-input"});0===this.debounce?t():(clearTimeout(this.timeoutId),this.timeoutId=setTimeout(t,this.debounce))}get validity(){return this.nativeInput.validity}componentWillLoad(){a(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,f(this.element,"tooltip","duet-tooltip",1,!0)}componentDidLoad(){"revealable"===this.variation&&this.nativeInput.form&&this.nativeInput.form.addEventListener("submit",(()=>{this.isPasswordRevealed=!1}))}connectedCallback(){g(this)}disconnectedCallback(){v(this)}async setFocus(t){this.nativeInput&&this.nativeInput.focus(t)}async resetCursor(){if(this.nativeInput){const t=p(this.nativeInput);this.nativeInput.value=this.value,t()}}async clearInput(){this.nativeInput&&(this.nativeInput.value="",this.nativeInput.focus(),this.value="")}getAllChips(){return Array.from(this.element.querySelectorAll(".duet-input-relative duet-chip"))}isChipSelected(){return this.getAllChips().some((t=>t.selected))}getSelectedChip(){return this.getAllChips().find((t=>t.selected))}clearChipSelection(){this.getAllChips().forEach((t=>t.selected=!1))}selectLastChip(){const t=this.getAllChips();t.length&&(t.forEach((t=>t.selected=!1)),t.at(-1).selected=!0)}selectChipToLeft(){const t=this.getAllChips(),i=t.findIndex((t=>t.selected));t.length&&(t.forEach((t=>t.selected=!1)),-1===i?t.at(-1).selected=!0:0===i?t[0].selected=!0:t[i-1].selected=!0)}selectChipToRight(){const t=this.getAllChips(),i=t.findIndex((t=>t.selected));t.length&&(t.forEach((t=>t.selected=!1)),i>-1&&i<t.length-1&&(t[i+1].selected=!0))}async addChip(t){const i=this.element.querySelector(".duet-input-relative"),e=i.querySelector("input:not(duet-chip input)");t.id=o("DuetInputChip"),i.insertBefore(t,e)}async hasChip({value:t,text:i}){return this.getAllChips().some((e=>e.value===t&&e.textContent===i))}async getChips(){return this.getAllChips()}async clearChips(){this.getAllChips().forEach((t=>t.remove()))}render(){const t=this.identifier||this.inputId,i={};let n;if(this.numericKeyboard&&(i.inputmode="numeric"),this.pattern&&"tel"!==this.type?i.pattern=this.pattern:this.pattern||"tel"!==this.type||(i.pattern="[0-9+ ]+"),this.value){n=new Date;try{n.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(t){n=void 0}}const s=!this.icon&&"text"!==this.type&&"tel"!==this.type&&"password"!==this.type&&"time"!==this.type&&"button"!==this.variation;return e(u,{class:{"duet-expand":this.expand,"duet-m-0":"none"===this.margin},onKeyUp:t=>this.keyHandler(t)},"time"===this.type&&e("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true"},n?`${this.timeAnnouncement[this.language]} ${n.toLocaleTimeString()}`:""),e("div",{class:{"duet-input-container":!0,"duet-theme-turva":"turva"===this.theme,[`duet-input-variation-${this.variation}`]:!0,"duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-icon":"button"!==this.variation&&(!!this.icon||"text"!==this.type&&"tel"!==this.type&&"password"!==this.type&&"time"!==this.type),"has-error":!!this.error,"has-chips":this.chips,"has-clear":this.clear,"has-focus":this.isFocused,disabled:this.disabled}},e("div",{class:"duet-input-label-container"},e("duet-label",{theme:"turva"===this.theme?"turva":"default",margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&e("duet-tooltip",{class:"duet-input-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),e("slot",{name:"tooltip"})),this.caption&&e("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),e("div",{class:"duet-input-relative"},this.placeholder&&this.echoPlaceholder&&(this.value||"time"===this.type)&&e("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-input-placeholder",margin:"none",size:"small"},this.placeholder),this.chips&&e("duet-visually-hidden",{id:this.chipCountId},", ",`${this.getAllChips().length} ${x(this.chipsSelectedDesriptionLabel)}`,","),"button-left"===this.variation&&e("slot",{name:"button-left"}),e("input",Object.assign({ref:t=>this.nativeInput=t,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,type:this.getInputType(),class:{"duet-input":!0,disabled:this.disabled,"is-number":"number"===this.component,"is-date":"date"===this.component,"after-chip":this.getAllChips().length>0,"align-right":"right"===this.inputAlign,[`input-padding-${this.inputPadding}`]:!0},value:this.value,disabled:this.disabled,"aria-invalid":this.error?"true":"false","aria-labelledby":this.accessibleLabelledBy?`${this.labelId} ${this.accessibleLabelledBy}`:this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-expanded":this.accessibleExpanded,"aria-haspopup":this.accessibleHasPopup,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedBy(),placeholder:this.placeholder,spellcheck:"false",minlength:this.minlength,maxlength:this.maxlength,autocomplete:"password"===this.type?"off":this.autoComplete,required:this.required,role:this.role,name:this.name,id:t},i)),!this.value&&s&&e("div",{class:"duet-input-icon"},e("duet-icon",{margin:"none",size:"small",icon:y[this.type].svg,color:"currentColor"})),this.clear&&this.value&&e("div",{class:{"duet-input-clear-icon":!0,"duet-input-clear-icon-single":!s,"duet-input-clear-icon-double":!!this.icon,"duet-input-clear-icon-button":"button"===this.variation,[`input-padding-${this.inputPadding}`]:!0}},e("button",{onClick:this.handleClearClick,id:this.clearId,"aria-label":this.clearLabel[this.language],"aria-keyshortcuts":"Escape"},e("duet-icon",{margin:"none",size:"medium",name:"action-clear-input",color:"currentColor"}))),this.icon&&"button"!==this.variation&&e("div",{class:"duet-input-icon"},e("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),"button"===this.variation&&e("slot",{name:"button"}),"revealable"===this.variation&&e("duet-button",{ref:t=>this.togglePasswordRevealedButton=t,onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.togglePasswordRevealed,icon:this.isPasswordRevealed?"action-hide":"action-show",accessibleLabel:this.isPasswordRevealed?this.hidePasswordLabel[this.language]:this.showPasswordLabel[this.language],margin:"none",variation:"input-button-embedded",fixed:!0,iconOnly:!0}),"revealable"===this.variation&&void 0!==this.isPasswordRevealed&&e("duet-visually-hidden",null,e("span",{"aria-live":"polite"},this.isPasswordRevealed?this.passwordShownAriaAnnouncement[this.language]:this.passwordHiddenAriaAnnouncement[this.language])),e("slot",null)),e("span",{class:"duet-input-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&e("span",{class:"duet-input-error"},this.error))))}get element(){return n(this)}static get watchers(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}}};k.style='*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{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%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{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-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.input-padding-xx-small.sc-duet-input button.sc-duet-input{top:-12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.input-padding-x-small.sc-duet-input button.sc-duet-input{top:-16px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.input-padding-small.sc-duet-input button.sc-duet-input{top:-20px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-xx-small.sc-duet-input button.sc-duet-input{top:-36px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-x-small.sc-duet-input button.sc-duet-input{top:-40px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-small.sc-duet-input button.sc-duet-input{top:-44px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-xx-small.sc-duet-input button.sc-duet-input{top:-12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-x-small.sc-duet-input button.sc-duet-input{top:-16px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-small.sc-duet-input button.sc-duet-input{top:-20px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:rgb(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !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:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small.sc-duet-input{padding:8px 10px !important}.duet-input.input-padding-x-small.sc-duet-input{padding:4px 6px !important}.duet-input.input-padding-xx-small.sc-duet-input{padding:0px 2px !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.duet-input.after-chip.sc-duet-input{padding-left:8px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{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) !important;border-color:rgb(143, 147, 158) !important}.duet-input.align-right.sc-duet-input{text-align:right}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled].sc-duet-input{color:rgb(8, 42, 77) !important;cursor:not-allowed !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.sc-duet-input .duet-input[disabled].sc-duet-input{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-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{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-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{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.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input,.duet-input-variation-button-left.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input,.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input,.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input{border-radius:4px}.duet-input-variation-button-left.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-button-left.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-button-left.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-button-left.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-button-left.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-button-left.sc-duet-input .duet-input.sc-duet-input:hover:not(.disabled){box-shadow:none !important}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-left-width:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{flex-basis:4rem;flex-grow:1;padding-left:0 !important;margin-left:12px !important;border-width:0 !important}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}';const C=class{constructor(i){t(this,i),this.theme="",this.for=void 0,this.margin="auto",this.size="medium",this.weight="semi-bold",this.color=""}componentWillLoad(){a(this)}render(){const t=w(this.color);return e(u,{class:{"duet-label":!0,"duet-label-small":"small"===this.size,"duet-theme-turva":"turva"===this.theme,"duet-small-margin":"small"===this.margin,"duet-m-0":"none"===this.margin,[`duet-weight-${this.weight}`]:!0}},e("label",{htmlFor:this.for,style:{color:t}},e("span",null,e("slot",null))))}get element(){return n(this)}};C.style='*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{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;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin: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:1rem;font-weight:600 !important;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{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)}';export{k as duet_input,C as duet_label}
+import{r as t,c as i,h as e,H as u,g as n}from"./p-cf9767ff.js";import{f as s}from"./p-d004da5f.js";import{i as a}from"./p-2e417433.js";import{c as o}from"./p-5e59e970.js";import{c as d,r as p}from"./p-df7874f9.js";import{f as r,j as l,e as c,d as h,a as b}from"./p-a45e3f8b.js";import{a as m,c as g,d as v,g as x}from"./p-10fac679.js";import{c as f}from"./p-9c3a6e95.js";import{g as w}from"./p-5de30279.js";import"./p-9c3c64b9.js";import"./p-17efced0.js";const y={search:s,email:{title:"form-email",tags:"form email",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z"/></svg>'}},k=class{constructor(e){t(this,e),this.duetInput=i(this,"duetInput",7),this.duetChange=i(this,"duetChange",3),this.duetBlur=i(this,"duetBlur",7),this.duetClear=i(this,"duetClear",7),this.duetFocus=i(this,"duetFocus",7),this.inputId=o("DuetInput"),this.clearId=o("DuetInputClear"),this.labelId=o("DuetLabel"),this.topCaptionId=o("DuetCaptionTop"),this.topCaptionPlaceholderId=o("DuetCaptionPlaceholderTop"),this.chipCountId=o("DuetInputChipCount"),this.errorId=o("DuetError"),this.disallowPatternRegex=null,this.clearLabel={en:"Clear",fi:"Tyhjennä",sv:"Rensa"},this.timeAnnouncement={en:"Time",fi:"Aika",sv:"Tid"},this.showPasswordLabel={en:"Show password",fi:"Näytä salasana",sv:"Visa lösenord"},this.hidePasswordLabel={en:"Hide password",fi:"Piilota salasana",sv:"Dölj lösenord"},this.passwordShownAriaAnnouncement={en:"Password is shown",fi:"Salasana näytetään",sv:"Lösenordet visas"},this.passwordHiddenAriaAnnouncement={en:"Password is hidden",fi:"Salasana on piilotettu",sv:"Lösenordet är dolt"},this.chipsSelectedDesriptionLabel={en:"selected",fi:"valittu",sv:"valt"},this.onInput=t=>{this.disallowPatternRegex&&d(this.nativeInput,this.disallowPatternRegex),this.chips&&this.clearChipSelection(),this.value=this.nativeInput.value||"",this.duetInput.emit({originalEvent:t,value:this.value,component:"duet-input"})},this.onBlur=t=>{t.relatedTarget!==this.nativeInput&&t.relatedTarget!==this.togglePasswordRevealedButton&&("revealable"===this.variation&&this.isPasswordRevealed&&(this.isPasswordRevealed=!1),this.isFocused=!1,this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-input"}))},this.onFocus=t=>{this.clearChipSelection(),this.isFocused=!0,this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-input"})},this.onClear=t=>{this.duetClear.emit({originalEvent:t,value:this.value,component:"duet-input"})},this.getAriaDescribedBy=()=>{const t=[];if(this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.chips){const i=this.getAllChips();i.length&&(t.push(this.chipCountId),i.forEach((i=>t.push(i.id))))}return this.error&&t.push(this.errorId),t.length>0?t.join(" "):null},this.handleClearClick=t=>{const i=this.clearInput();return this.onClear(t),i},this.keyHandler=t=>(r(t)&&this.clear&&this.handleClearClick(t),l(t)&&"revealable"===this.variation&&(t.target===this.togglePasswordRevealedButton?t.stopPropagation():this.isPasswordRevealed=!1),this.chips&&0===this.nativeInput.value.length&&(c(t)&&(this.isChipSelected()&&(this.getSelectedChip().removeChip(),setTimeout((()=>this.selectLastChip()))),this.selectLastChip()),h(t)&&this.selectChipToLeft(),b(t)&&this.isChipSelected()&&this.selectChipToRight()),t),this.togglePasswordRevealed=()=>{this.isPasswordRevealed=!this.isPasswordRevealed},this.getInputType=()=>"revealable"===this.variation?this.isPasswordRevealed?"text":"password":this.type,this.language=m(),this.isPasswordRevealed=void 0,this.isFocused=!1,this.accessibleActiveDescendant=void 0,this.accessibleAutocomplete=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleExpanded=void 0,this.accessibleDescribedBy="",this.accessibleHasPopup=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.debounce=0,this.clear=!1,this.caption=void 0,this.echoPlaceholder=!1,this.theme="",this.expand=!1,this.disabled=!1,this.identifier=void 0,this.margin="auto",this.inputAlign="left",this.inputPadding="medium",this.required=!1,this.type="text",this.variation="default",this.chips=!1,this.label="Label",this.labelColor=void 0,this.labelWeight=void 0,this.error="",this.labelHidden=!1,this.numericKeyboard=!1,this.name=void 0,this.pattern=void 0,this.maxlength=void 0,this.minlength=void 0,this.placeholder=void 0,this.component="input",this.role=void 0,this.icon=void 0,this.autoComplete="on",this.disallowPattern=null,this.value=void 0,this.tooltip="",this.tooltipDirection="auto"}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}valueChanged(){if(this.nativeInput&&this.nativeInput.value!==this.value){const t=p(this.nativeInput);this.nativeInput.value=this.value,t()}this.isCaptionVisible=!!this.caption;const t=()=>this.duetChange.emit({value:this.value,component:"duet-input"});0===this.debounce?t():(clearTimeout(this.timeoutId),this.timeoutId=setTimeout(t,this.debounce))}get validity(){return this.nativeInput.validity}componentWillLoad(){a(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,f(this.element,"tooltip","duet-tooltip",1,!0)}componentDidLoad(){"revealable"===this.variation&&this.nativeInput.form&&this.nativeInput.form.addEventListener("submit",(()=>{this.isPasswordRevealed=!1}))}connectedCallback(){g(this)}disconnectedCallback(){v(this)}async setFocus(t){this.nativeInput&&this.nativeInput.focus(t)}async resetCursor(){if(this.nativeInput){const t=p(this.nativeInput);this.nativeInput.value=this.value,t()}}async clearInput(){this.nativeInput&&(this.nativeInput.value="",this.nativeInput.focus(),this.value="")}getAllChips(){return Array.from(this.element.querySelectorAll(".duet-input-relative duet-chip"))}isChipSelected(){return this.getAllChips().some((t=>t.selected))}getSelectedChip(){return this.getAllChips().find((t=>t.selected))}clearChipSelection(){this.getAllChips().forEach((t=>t.selected=!1))}selectLastChip(){const t=this.getAllChips();t.length&&(t.forEach((t=>t.selected=!1)),t.at(-1).selected=!0)}selectChipToLeft(){const t=this.getAllChips(),i=t.findIndex((t=>t.selected));t.length&&(t.forEach((t=>t.selected=!1)),-1===i?t.at(-1).selected=!0:0===i?t[0].selected=!0:t[i-1].selected=!0)}selectChipToRight(){const t=this.getAllChips(),i=t.findIndex((t=>t.selected));t.length&&(t.forEach((t=>t.selected=!1)),i>-1&&i<t.length-1&&(t[i+1].selected=!0))}async addChip(t){const i=this.element.querySelector(".duet-input-relative"),e=i.querySelector("input:not(duet-chip input)");t.id=o("DuetInputChip"),i.insertBefore(t,e)}async hasChip({value:t,text:i}){return this.getAllChips().some((e=>e.value===t&&e.textContent===i))}async getChips(){return this.getAllChips()}async clearChips(){this.getAllChips().forEach((t=>t.remove()))}render(){const t=this.identifier||this.inputId,i={};let n;if(this.numericKeyboard&&(i.inputmode="numeric"),this.pattern&&"tel"!==this.type?i.pattern=this.pattern:this.pattern||"tel"!==this.type||(i.pattern="[0-9+ ]+"),this.value){n=new Date;try{n.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(t){n=void 0}}const s=!this.icon&&"text"!==this.type&&"tel"!==this.type&&"password"!==this.type&&"time"!==this.type&&"button"!==this.variation;return e(u,{class:{"duet-expand":this.expand,"duet-m-0":"none"===this.margin},onKeyUp:t=>this.keyHandler(t)},"time"===this.type&&e("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true"},n?`${this.timeAnnouncement[this.language]} ${n.toLocaleTimeString()}`:""),e("div",{class:{"duet-input-container":!0,"duet-theme-turva":"turva"===this.theme,[`duet-input-variation-${this.variation}`]:!0,"duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-icon":"button"!==this.variation&&(!!this.icon||"text"!==this.type&&"tel"!==this.type&&"password"!==this.type&&"time"!==this.type),"has-error":!!this.error,"has-chips":this.chips,"has-clear":this.clear,"has-focus":this.isFocused,disabled:this.disabled}},e("div",{class:"duet-input-label-container"},e("duet-label",{theme:"turva"===this.theme?"turva":"default",margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&e("duet-tooltip",{class:"duet-input-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),e("slot",{name:"tooltip"})),this.caption&&e("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),e("div",{class:"duet-input-relative"},this.placeholder&&this.echoPlaceholder&&(this.value||"time"===this.type)&&e("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-input-placeholder",margin:"none",size:"small"},this.placeholder),this.chips&&e("duet-visually-hidden",{id:this.chipCountId},", ",`${this.getAllChips().length} ${x(this.chipsSelectedDesriptionLabel)}`,","),"button-left"===this.variation&&e("slot",{name:"button-left"}),e("input",Object.assign({ref:t=>this.nativeInput=t,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,type:this.getInputType(),class:{"duet-input":!0,disabled:this.disabled,"is-number":"number"===this.component,"is-date":"date"===this.component,"after-chip":this.getAllChips().length>0,"align-right":"right"===this.inputAlign,[`input-padding-${this.inputPadding}`]:!0},value:this.value,disabled:this.disabled,"aria-invalid":this.error?"true":"false","aria-labelledby":this.accessibleLabelledBy?`${this.labelId} ${this.accessibleLabelledBy}`:this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-expanded":this.accessibleExpanded,"aria-haspopup":this.accessibleHasPopup,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedBy(),placeholder:this.placeholder,spellcheck:"false",minlength:this.minlength,maxlength:this.maxlength,autocomplete:"password"===this.type?"off":this.autoComplete,required:this.required,role:this.role,name:this.name,id:t},i)),!this.value&&s&&e("div",{class:"duet-input-icon"},e("duet-icon",{margin:"none",size:"small",icon:y[this.type].svg,color:"currentColor"})),this.clear&&this.value&&e("div",{class:{"duet-input-clear-icon":!0,"duet-input-clear-icon-single":!s,"duet-input-clear-icon-double":!!this.icon,"duet-input-clear-icon-button":"button"===this.variation,[`input-padding-${this.inputPadding}`]:!0}},e("button",{onClick:this.handleClearClick,id:this.clearId,"aria-label":this.clearLabel[this.language],"aria-keyshortcuts":"Escape"},e("duet-icon",{margin:"none",size:"medium",name:"action-clear-input",color:"currentColor"}))),this.icon&&"button"!==this.variation&&e("div",{class:"duet-input-icon"},e("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),"button"===this.variation&&e("slot",{name:"button"}),"revealable"===this.variation&&e("duet-button",{ref:t=>this.togglePasswordRevealedButton=t,onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.togglePasswordRevealed,icon:this.isPasswordRevealed?"action-hide":"action-show",accessibleLabel:this.isPasswordRevealed?this.hidePasswordLabel[this.language]:this.showPasswordLabel[this.language],margin:"none",variation:"input-button-embedded",fixed:!0,iconOnly:!0}),"revealable"===this.variation&&void 0!==this.isPasswordRevealed&&e("duet-visually-hidden",null,e("span",{"aria-live":"polite"},this.isPasswordRevealed?this.passwordShownAriaAnnouncement[this.language]:this.passwordHiddenAriaAnnouncement[this.language])),e("slot",null)),e("span",{class:"duet-input-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&e("span",{class:"duet-input-error"},this.error))))}get element(){return n(this)}static get watchers(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}}};k.style='*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{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%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{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-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.input-padding-xx-small.sc-duet-input button.sc-duet-input{top:-12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.input-padding-x-small.sc-duet-input button.sc-duet-input{top:-16px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.input-padding-small.sc-duet-input button.sc-duet-input{top:-20px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-xx-small.sc-duet-input button.sc-duet-input{top:-36px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-x-small.sc-duet-input button.sc-duet-input{top:-40px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.input-padding-small.sc-duet-input button.sc-duet-input{top:-44px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-xx-small.sc-duet-input button.sc-duet-input{top:-12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-x-small.sc-duet-input button.sc-duet-input{top:-16px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.input-padding-small.sc-duet-input button.sc-duet-input{top:-20px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:rgb(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !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:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small.sc-duet-input{padding:8px 10px !important}.duet-input.input-padding-x-small.sc-duet-input{padding:4px 6px !important}.duet-input.input-padding-xx-small.sc-duet-input{padding:0px 2px !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.duet-input.after-chip.sc-duet-input{padding-left:8px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{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) !important;border-color:rgb(143, 147, 158) !important}.duet-input.align-right.sc-duet-input{text-align:right}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled].sc-duet-input{color:rgb(8, 42, 77) !important;cursor:not-allowed !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.sc-duet-input .duet-input[disabled].sc-duet-input{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-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{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-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{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.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input,.duet-input-variation-button-left.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input,.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input,.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input{border-radius:4px}.duet-input-variation-button-left.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-button-left.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-button-left.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-button-left.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-button-left.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-button-left.sc-duet-input .duet-input.sc-duet-input:hover:not(.disabled){box-shadow:none !important}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-left-width:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{flex-basis:4rem;flex-grow:1;padding-left:0 !important;margin-left:12px !important;border-width:0 !important}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}';const C=class{constructor(i){t(this,i),this.theme="",this.for=void 0,this.margin="auto",this.size="medium",this.weight="semi-bold",this.color=""}componentWillLoad(){a(this)}render(){const t=w(this.color);return e(u,{class:{"duet-label":!0,"duet-label-small":"small"===this.size,"duet-theme-turva":"turva"===this.theme,"duet-small-margin":"small"===this.margin,"duet-m-0":"none"===this.margin,[`duet-weight-${this.weight}`]:!0}},e("label",{htmlFor:this.for,style:{color:t}},e("span",null,e("slot",null))))}get element(){return n(this)}};C.style='*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{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;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin: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:1rem;font-weight:600 !important;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{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)}';export{k as duet_input,C as duet_label}

package/lib/duet/{p-ed0179f9.js → p-cf9767ff.js}

@@ -1,5 +1,5 @@
 /*!
  * Built with Duet Design System
  */
-const t="duet",e={cdnURILocal:"http://localhost:3334",cdnURIProd:"https://cdn.duetds.com/api",duetIconVersion:"4.1.21"};var n=Object.defineProperty,l={isDev:!1,isBrowser:!0,isServer:!1,isTesting:!1},o=new WeakMap,s=t=>o.get(t),i=(t,e)=>o.set(e.t=t,e),r=(t,e)=>e in t,c=(t,e)=>(0,console.error)(t,e),f=new Map,u=new Map,a="s-id",d="c-id",h="slot-fb{display:contents}slot-fb[hidden]{display:none}",$="http://www.w3.org/1999/xlink",p="undefined"!=typeof window?window:{},m=p.document||{head:{}},v={l:0,o:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},b=t=>Promise.resolve(t),y=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),w=!1,g=[],j=[],O=(t,e)=>n=>{t.push(n),w||(w=!0,e&&4&v.l?E(k):v.raf(k))},S=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){c(t)}t.length=0},k=()=>{S(g),S(j),(w=g.length>0)&&v.raf(k)},E=t=>b().then(t),x=O(j,!0),C={},I=t=>"object"==(t=typeof t)||"function"===t;function M(t){var e,n,l;return null!=(l=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,e)=>{for(var l in e)n(t,l,{get:e[l],enumerable:!0})})({},{err:()=>A,map:()=>N,ok:()=>R,unwrap:()=>U,unwrapErr:()=>F});var R=t=>({isOk:!0,isErr:!1,value:t}),A=t=>({isOk:!1,isErr:!0,value:t});function N(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>R(t))):R(n)}if(t.isErr)return A(t.value);throw"should never get here"}var P,T,D,U=t=>{if(t.isOk)return t.value;throw t.value},F=t=>{if(t.isErr)return t.value;throw t.value},H=(t,e,...n)=>{let l=null,o=null,s=null,i=!1,r=!1;const c=[],f=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof t&&!I(l))&&(l+=""),i&&r?c[c.length-1].i+=l:c.push(i?L(null,l):l),r=i)};if(f(n),e){e.key&&(o=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,W);const u=L(t,null);return u.u=e,c.length>0&&(u.h=c),u.$=o,u.p=s,u},L=(t,e)=>({l:0,m:t,i:e,v:null,h:null,u:null,$:null,p:null}),_={},W={forEach:(t,e)=>t.map(B).forEach(e),map:(t,e)=>t.map(B).map(e).map(V)},B=t=>({vattrs:t.u,vchildren:t.h,vkey:t.$,vname:t.p,vtag:t.m,vtext:t.i}),V=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),H(t.vtag,e,...t.vchildren||[])}const e=L(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.$=t.vkey,e.p=t.vname,e},q=(t,e,n,l,o,s)=>{if(n!==l){let i=r(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,o=z(n),s=z(l);t["s-si"]&&s.indexOf(t["s-si"])<0&&s.push(t["s-si"]),e.remove(...o.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!o.includes(t))))}else if("style"===e){for(const e in n)l&&null!=l[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in l)n&&l[e]===n[e]||(e.includes("-")?t.style.setProperty(e,l[e]):t.style[e]=l[e])}else if("key"===e);else if("ref"===e)l&&l(t);else if(i||"o"!==e[0]||"n"!==e[1]){const r=I(l);if((i||r&&null!==l)&&!o)try{if(t.tagName.includes("-"))t[e]=l;else{const o=null==l?"":l;"list"===e?i=!1:null!=n&&t[e]==o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}let f=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,f=!0),null==l||!1===l?!1===l&&""!==t.getAttribute(e)||(f?t.removeAttributeNS($,e):t.removeAttribute(e)):(!i||4&s||o)&&!r&&(l=!0===l?"":l,f?t.setAttributeNS($,e,l):t.setAttribute(e,l))}else if(e="-"===e[2]?e.slice(3):r(p,c)?c.slice(2):c[2]+e.slice(3),n||l){const o=e.endsWith(J);e=e.replace(K,""),n&&v.rel(t,e,n,o),l&&v.ael(t,e,l,o)}}},G=/\s/,z=t=>("object"==typeof t&&"baseVal"in t&&(t=t.baseVal),t?t.split(G):[]),J="Capture",K=RegExp(J+"$"),Q=(t,e,n)=>{const l=11===e.v.nodeType&&e.v.host?e.v.host:e.v,o=t&&t.u||C,s=e.u||C;for(const t of X(Object.keys(o)))t in s||q(l,t,o[t],void 0,n,e.l);for(const t of X(Object.keys(s)))q(l,t,o[t],s[t],n,e.l)};function X(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var Y=!1,Z=!1,tt=!1,et=!1,nt=(t,e,n,l)=>{var o;const s=e.h[n];let i,r,c,f=0;if(Y||(tt=!0,"slot"===s.m&&(P&&l.classList.add(P+"-s"),s.l|=s.h?2:1)),null!==s.i)i=s.v=m.createTextNode(s.i);else if(1&s.l)i=s.v=m.createTextNode("");else{if(et||(et="svg"===s.m),i=s.v=m.createElementNS(et?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Y&&2&s.l?"slot-fb":s.m),et&&"foreignObject"===s.m&&(et=!1),Q(null,s,et),!!i.getRootNode().querySelector("body")&&null!=P&&i["s-si"]!==P&&i.classList.add(i["s-si"]=P),vt(i,l),s.h)for(f=0;f<s.h.length;++f)r=nt(t,s,f,i),r&&i.appendChild(r);"svg"===s.m?et=!1:"foreignObject"===i.tagName&&(et=!0)}return i["s-hn"]=D,3&s.l&&(i["s-sr"]=!0,i["s-cr"]=T,i["s-sn"]=s.p||"",i["s-rf"]=null==(o=s.u)?void 0:o.ref,c=t&&t.h&&t.h[n],c&&c.m===s.m&&t.v&&lt(t.v,!1)),i},lt=(t,e)=>{v.l|=1;const n=Array.from(t.__childNodes||t.childNodes);for(let t=n.length-1;t>=0;t--){const l=n[t];l["s-hn"]!==D&&l["s-ol"]&&(pt(ct(l),l,rt(l)),l["s-ol"].remove(),l["s-ol"]=void 0,l["s-sh"]=void 0,tt=!0),e&&lt(l,e)}v.l&=-2},ot=(t,e,n,l,o,s)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for(r.shadowRoot&&r.tagName===D&&(r=r.shadowRoot);o<=s;++o)l[o]&&(i=nt(null,n,o,t),i&&(l[o].v=i,pt(r,i,rt(e))))},st=(t,e,n)=>{for(let l=e;l<=n;++l){const e=t[l];if(e){const t=e.v;$t(e),t&&(Z=!0,t["s-ol"]?t["s-ol"].remove():lt(t,!0),t.remove())}}},it=(t,e,n=!1)=>!(t.m!==e.m||("slot"===t.m?"j"in t&&n&&8!==t.v.nodeType||t.p!==e.p:!n&&t.$!==e.$)),rt=t=>t&&t["s-ol"]||t,ct=t=>(t["s-ol"]?t["s-ol"]:t).parentNode,ft=(t,e,n=!1)=>{const l=e.v=t.v,o=t.h,s=e.h,i=e.m,r=e.i;let c;null===r?(et="svg"===i||"foreignObject"!==i&&et,("slot"!==i||Y)&&Q(t,e,et),null!==o&&null!==s?((t,e,n,l,o=!1)=>{let s,i,r=0,c=0,f=0,u=0,a=e.length-1,d=e[0],h=e[a],$=l.length-1,p=l[0],m=l[$];for(;r<=a&&c<=$;)if(null==d)d=e[++r];else if(null==h)h=e[--a];else if(null==p)p=l[++c];else if(null==m)m=l[--$];else if(it(d,p,o))ft(d,p,o),d=e[++r],p=l[++c];else if(it(h,m,o))ft(h,m,o),h=e[--a],m=l[--$];else if(it(d,m,o))"slot"!==d.m&&"slot"!==m.m||lt(d.v.parentNode,!1),ft(d,m,o),pt(t,d.v,h.v.nextSibling),d=e[++r],m=l[--$];else if(it(h,p,o))"slot"!==d.m&&"slot"!==m.m||lt(h.v.parentNode,!1),ft(h,p,o),pt(t,h.v,d.v),h=e[--a],p=l[++c];else{for(f=-1,u=r;u<=a;++u)if(e[u]&&null!==e[u].$&&e[u].$===p.$){f=u;break}f>=0?(i=e[f],i.m!==p.m?s=nt(e&&e[c],n,f,t):(ft(i,p,o),e[f]=void 0,s=i.v),p=l[++c]):(s=nt(e&&e[c],n,c,t),p=l[++c]),s&&pt(ct(d.v),s,rt(d.v))}r>a?ot(t,null==l[$+1]?null:l[$+1].v,n,l,c,$):c>$&&st(e,r,a)})(l,o,e,s,n):null!==s?(null!==t.i&&(l.textContent=""),ot(l,null,e,s,0,s.length-1)):!n&&null!==o&&st(o,0,o.length-1),et&&"svg"===i&&(et=!1)):(c=l["s-cr"])?c.parentNode.textContent=r:t.i!==r&&(l.data=r)},ut=t=>{const e=t.__childNodes||t.childNodes;for(const t of e)if(1===t.nodeType){if(t["s-sr"]){const n=t["s-sn"];t.hidden=!1;for(const l of e)if(l!==t)if(l["s-hn"]!==t["s-hn"]||""!==n){if(1===l.nodeType&&(n===l.getAttribute("slot")||n===l["s-sn"])||3===l.nodeType&&n===l["s-sn"]){t.hidden=!0;break}}else if(n===l["s-sn"]&&(1===l.nodeType||3===l.nodeType&&""!==l.textContent.trim())){t.hidden=!0;break}}ut(t)}},at=[],dt=t=>{let e,n,l;const o=t.__childNodes||t.childNodes;for(const t of o){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes||e.parentNode.childNodes;const o=t["s-sn"];for(l=n.length-1;l>=0;l--)if(e=n[l],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"])if(ht(e,o)){let n=at.find((t=>t.O===e));Z=!0,e["s-sn"]=e["s-sn"]||o,n?(n.O["s-sh"]=t["s-hn"],n.S=t):(e["s-sh"]=t["s-hn"],at.push({S:t,O:e})),e["s-sr"]&&at.map((t=>{ht(t.O,e["s-sn"])&&(n=at.find((t=>t.O===e)),n&&!t.S&&(t.S=n.S))}))}else at.some((t=>t.O===e))||at.push({O:e})}1===t.nodeType&&dt(t)}},ht=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,$t=t=>{t.u&&t.u.ref&&t.u.ref(null),t.h&&t.h.map($t)},pt=(t,e,n)=>{const l=null==t?void 0:t.insertBefore(e,n);return vt(e,t),l},mt=t=>{const e=[];return t&&e.push(...t["s-scs"]||[],t["s-si"],t["s-sc"],...mt(t.parentElement)),e},vt=(t,e,n=!1)=>{var l;if(t&&e&&1===t.nodeType){const o=new Set(mt(e).filter(Boolean));if(o.size&&(null==(l=t.classList)||l.add(...t["s-scs"]=Array.from(o)),t["s-ol"]||n))for(const e of Array.from(t.__childNodes||t.childNodes))vt(e,t,!0)}},bt=t=>{class e extends Array{item(t){return this[t]}}let n=globalThis.Node&&Object.getOwnPropertyDescriptor(Node.prototype,"childNodes");n||(n=Object.getOwnPropertyDescriptor(t,"childNodes")),n&&Object.defineProperty(t,"__childNodes",n);let l=Object.getOwnPropertyDescriptor(Element.prototype,"children");l||(l=Object.getOwnPropertyDescriptor(t,"children")),l&&Object.defineProperty(t,"__children",l),Object.defineProperty(t,"children",{get(){return this.childNodes.filter((t=>1===t.nodeType))}}),Object.defineProperty(t,"childElementCount",{get(){return this.children.length}}),n&&Object.defineProperty(t,"childNodes",{get(){var t,n;if(!v.l||!(null==(t=s(this))?void 0:t.l)||!(1&v.l)&&2&(null==(n=s(this))?void 0:n.l)){const t=new e,n=wt(this.__childNodes);return t.push(...n),t}return e.from(this.__childNodes)}})},yt=(t,e,n,l)=>{let o;if(t["s-ol"]&&t["s-ol"].isConnected?o=t["s-ol"]:(o=document.createTextNode(""),o["s-nr"]=t),!e["s-cr"]||!e["s-cr"].parentNode)return;const s=e["s-cr"].parentNode,i=n?s.__prepend||s.prepend:s.__appendChild||s.appendChild;if(void 0!==l){o["s-oo"]=l;const t=[o];(s.__childNodes||s.childNodes).forEach((e=>{e["s-nr"]&&t.push(e)})),t.sort(((t,e)=>!t["s-oo"]||t["s-oo"]<e["s-oo"]?-1:!e["s-oo"]||e["s-oo"]<t["s-oo"]?1:0)),t.forEach((t=>i.call(s,t)))}else i.call(s,o);t["s-ol"]=o,t["s-sh"]=e["s-hn"]},wt=t=>{const e=[];for(let n=0;n<t.length;n++){const l=t[n]["s-nr"];l&&l.isConnected&&e.push(l)}return e},gt=(t,e,n,l,o,s,i,r=[])=>{let c,f,u,a;const h=o["s-sc"];if(1===s.nodeType){if(c=s.getAttribute(d),c&&(f=c.split("."),f[0]===i||"0"===f[0])){u=Ot({l:0,k:f[0],j:f[1],C:f[2],I:f[3],m:s.tagName.toLowerCase(),v:s,u:{class:s.className}}),e.push(u),s.removeAttribute(d),t.h||(t.h=[]);const o=u.v.getAttribute("s-sn");"string"==typeof o&&("slot-fb"===u.m&&St(o,f[2],u,s,t,e,n,l,r),u.v["s-sn"]=o,u.v.removeAttribute("s-sn")),void 0!==u.I&&(t.h[u.I]=u),h&&(s["s-si"]=h),t=u,l&&"0"===u.C&&(l[u.I]=u.v)}if(s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)gt(t,e,n,l,o,s.shadowRoot.childNodes[a],i,r);const $=s.__childNodes||s.childNodes;for(a=$.length-1;a>=0;a--)gt(t,e,n,l,o,$[a],i,r)}else if(8===s.nodeType)f=s.nodeValue.split("."),(f[1]===i||"0"===f[1])&&(c=f[0],u=Ot({k:f[1],j:f[2],C:f[3],I:f[4]||"0",v:s,u:null,h:null,$:null,p:null,m:null,i:null}),"t"===c?(u.v=s.nextSibling,u.v&&3===u.v.nodeType&&(u.i=u.v.textContent,e.push(u),s.remove(),i===u.k&&(t.h||(t.h=[]),t.h[u.I]=u),l&&"0"===u.C&&(l[u.I]=u.v))):"c"===c?(u.v=s.nextSibling,u.v&&8===u.v.nodeType&&(e.push(u),s.remove())):u.k===i&&("s"===c?(u.m="slot",St(s["s-sn"]=u.p=f[5]||"",f[2],u,s,t,e,n,l,r)):"r"===c&&(l?s.remove():(o["s-cr"]=s,s["s-cn"]=!0))));else if(t&&"style"===t.m){const e=L(null,s.textContent);e.v=s,e.I="0",t.h=[e]}return t},jt=(t,e)=>{if(1===t.nodeType){const n=t[a]||t.getAttribute(a);n&&e.set(n,t);let l=0;if(t.shadowRoot)for(;l<t.shadowRoot.childNodes.length;l++)jt(t.shadowRoot.childNodes[l],e);const o=t.__childNodes||t.childNodes;for(l=0;l<o.length;l++)jt(o[l],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])}},Ot=t=>({l:0,k:null,j:null,C:null,I:"0",v:null,u:null,h:null,$:null,p:null,m:null,i:null,...t});function St(t,e,n,l,o,s,i,r,c){l["s-sr"]=!0;const f=(null==o?void 0:o.v)?o.v["s-id"]||o.v.getAttribute("s-id"):"";if(r){const s=n.v=m.createElement(n.m);n.p&&n.v.setAttribute("name",t),f&&f!==n.k?o.v.insertBefore(s,o.v.children[0]):l.parentNode.insertBefore(n.v,l),kt(c,e,t,l,n.k),l.remove(),"0"===n.C&&(r[n.I]=n.v)}else{const i=n.v,r=f&&f!==n.k&&o.v.shadowRoot;kt(c,e,t,l,r?f:n.k),r&&o.v.insertBefore(i,o.v.children[0]),s.push(n)}i.push(n),o.h||(o.h=[]),o.h[n.I]=n}var kt=(t,e,n,l,o)=>{let s=l.nextSibling;for(t[e]=t[e]||[];s&&((s.getAttribute&&s.getAttribute("slot")||s["s-sn"])===n||""===n&&!s["s-sn"]&&(8===s.nodeType&&1!==s.nodeValue.indexOf(".")||3===s.nodeType));)s["s-sn"]=n,t[e].push({slot:l,node:s,hostId:o}),s=s.nextSibling},Et=(t,e)=>null==t||I(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t,xt=t=>s(t).$hostElement$,Ct=(t,e,n)=>{const l=xt(t);return{emit:t=>It(l,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},It=(t,e,n)=>{const l=v.ce(e,n);return t.dispatchEvent(l),l},Mt=new WeakMap,Rt=(t,e)=>{var n;const l=At(e),o=u.get(l);if(t=11===t.nodeType?t:m,o)if("string"==typeof o){let s,i=Mt.get(t=t.head||t);if(i||Mt.set(t,i=new Set),!i.has(l)){if(t.host&&(s=t.querySelector(`[sty-id="${l}"]`)))s.innerHTML=o;else{s=m.createElement("style"),s.innerHTML=o;const l=null!=(n=v.M)?n:M(m);if(null!=l&&s.setAttribute("nonce",l),!(1&e.l))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,n)}else if("host"in t)if(y){const e=new CSSStyleSheet;e.replaceSync(o),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=o+e.innerHTML:t.prepend(s)}else t.append(s);1&e.l&&"HEAD"!==t.nodeName&&t.insertBefore(s,null)}4&e.l&&(s.innerHTML+=h),i&&i.add(l)}}else t.adoptedStyleSheets.includes(o)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]);return l},At=t=>"sc-"+t.R,Nt=(t,e)=>{e&&!t.A&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.A=e)))},Pt=(t,e)=>{if(t.l|=16,!(4&t.l))return Nt(t,t.N),x((()=>Tt(t,e)));t.l|=512},Tt=(t,e)=>{const n=t.t;if(!n)throw Error(`Can't render component <${t.$hostElement$.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.l|=256,t.P&&(t.P.map((([t,e])=>Wt(n,t,e))),t.P=void 0),l=Wt(n,"componentWillLoad")),l=Dt(l,(()=>Wt(n,"componentWillRender"))),Dt(l,(()=>Ft(t,n,e)))},Dt=(t,e)=>Ut(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),Ut=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Ft=async(t,e,n)=>{var l;const o=t.$hostElement$,s=o["s-rc"];n&&(t=>{const e=t.T,n=t.$hostElement$,l=e.l,o=Rt(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&2&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(t);Ht(t,e,o,n),s&&(s.map((t=>t())),o["s-rc"]=void 0);{const e=null!=(l=o["s-p"])?l:[],n=()=>Lt(t);0===e.length?n():(Promise.all(e).then(n),t.l|=4,e.length=0)}},Ht=(t,e,n,l)=>{try{e=e.render(),t.l&=-17,t.l|=2,((t,e,n=!1)=>{var l,o,s,i;const r=t.$hostElement$,c=t.T,f=t.D||L(null,null),u=(t=>t&&t.m===_)(e)?e:H(null,null,e);if(D=r.tagName,c.U&&(u.u=u.u||{},c.U.map((([t,e])=>u.u[e]=r[t]))),n&&u.u)for(const t of Object.keys(u.u))r.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(u.u[t]=r[t]);if(u.m=null,u.l|=4,t.D=u,u.v=f.v=r.shadowRoot||r,P=r["s-sc"],Y=!!(1&c.l),T=r["s-cr"],Z=!1,ft(f,u,n),v.l|=1,tt){dt(u.v);for(const t of at){const e=t.O;if(!e["s-ol"]){const t=m.createTextNode("");t["s-nr"]=e,pt(e.parentNode,e["s-ol"]=t,e)}}for(const t of at){const e=t.O,r=t.S;if(r){const t=r.parentNode;let n=r.nextSibling;{let s=null==(l=e["s-ol"])?void 0:l.previousSibling;for(;s;){let l=null!=(o=s["s-nr"])?o:null;if(l&&l["s-sn"]===e["s-sn"]&&t===l.parentNode){for(l=l.nextSibling;l===e||(null==l?void 0:l["s-sr"]);)l=null==l?void 0:l.nextSibling;if(!l||!l["s-nr"]){n=l;break}}s=s.previousSibling}}(!n&&t!==e.parentNode||e.nextSibling!==n)&&e!==n&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),pt(t,e,n),1===e.nodeType&&(e.hidden=null!=(s=e["s-ih"])&&s)),e&&"function"==typeof r["s-rf"]&&r["s-rf"](e)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(i=e.hidden)&&i),e.hidden=!0)}}Z&&ut(u.v),v.l&=-2,at.length=0,T=void 0})(t,e,l)}catch(e){c(e,t.$hostElement$)}return null},Lt=t=>{const e=t.$hostElement$,n=t.t,l=t.N;Wt(n,"componentDidRender"),64&t.l?Wt(n,"componentDidUpdate"):(t.l|=64,Bt(e),Wt(n,"componentDidLoad"),t.F(e),l||_t()),t.H(e),t.A&&(t.A(),t.A=void 0),512&t.l&&E((()=>Pt(t,!1))),t.l&=-517},_t=()=>{Bt(m.documentElement),E((()=>It(p,"appload",{detail:{namespace:t}})))},Wt=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){c(t)}},Bt=t=>t.classList.add("hydrated"),Vt=(t,e,n,l)=>{const o=s(t);if(!o)throw Error(`Couldn't find host element for "${l.R}" 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/ionic-team/stencil/issues/5457).`);const i=o.$hostElement$,r=o.L.get(e),f=o.l,u=o.t;if(n=Et(n,l._[e][0]),(!(8&f)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(o.L.set(e,n),u)){if(l.W&&128&f){const t=l.W[e];t&&t.map((t=>{try{u[t](n,r,e)}catch(t){c(t,i)}}))}2==(18&f)&&Pt(o,!1)}},qt=(t,e,n)=>{var l,o;const i=t.prototype;if(e._||e.W||t.watchers){t.watchers&&!e.W&&(e.W=t.watchers);const r=Object.entries(null!=(l=e._)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&n&&32&l)if(2048&l){if(1&n&&2048&l&&(Object.defineProperty(i,t,{get(){const e=s(this),n=e?e.t:i;if(n)return n[t]},configurable:!0,enumerable:!0}),4096&l)){const n=Object.getOwnPropertyDescriptor(i,t).set;Object.defineProperty(i,t,{set(l){const o=s(this);if(n){const s=o.$hostElement$[t];return!o.L.get(t)&&s&&o.L.set(t,s),n.call(this,Et(l,e._[t][0])),void Vt(this,t,o.$hostElement$[t],e)}if(!o)return;const i=()=>{const n=o.t[t];!o.L.get(t)&&n&&o.L.set(t,n),o.t[t]=Et(l,e._[t][0]),Vt(this,t,o.t[t],e)};o.t?i():o.B.then((()=>i()))}})}}else Object.defineProperty(i,t,{get(){return((t,e)=>s(this).L.get(e))(0,t)},set(n){Vt(this,t,n,e)},configurable:!0,enumerable:!0});else 1&n&&64&l&&Object.defineProperty(i,t,{value(...e){var n;const l=s(this);return null==(n=null==l?void 0:l.V)?void 0:n.then((()=>{var n;return null==(n=l.t)?void 0:n[t](...e)}))}})})),1&n){const n=new Map;i.attributeChangedCallback=function(t,l,o){v.jmp((()=>{var r;const c=n.get(t);if(this.hasOwnProperty(c))o=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==o)return;if(null==c){const n=s(this),i=null==n?void 0:n.l;if(i&&!(8&i)&&128&i&&o!==l){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,o,l,t)}))}return}}const f=Object.getOwnPropertyDescriptor(i,c);f.get&&!f.set||(this[c]=(null!==o||"boolean"!=typeof this[c])&&o)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(o=e.W)?o:{}),...r.filter((([t,e])=>15&e[0])).map((([t,l])=>{var o;const s=l[1]||t;return n.set(s,t),512&l[0]&&(null==(o=e.U)||o.push([t,s])),s}))]))}}return t},Gt=t=>{Wt(t,"connectedCallback")},zt=t=>{if(!(1&v.l)){const e=s(t),n=e.T,l=()=>{};if(1&e.l)Yt(t,e,n.q),(null==e?void 0:e.t)?Gt(e.t):(null==e?void 0:e.B)&&e.B.then((()=>Gt(e.t)));else{let l;if(e.l|=1,l=t.getAttribute(a),l){if(1&n.l){const e=Rt(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}else if(2&n.l){const e=At(n);t["s-sc"]=e}((t,e,n,l)=>{const o=t.shadowRoot,s=[],i=[],r=o?[]:null,c=L(e,null);c.v=t,v.G||jt(m.body,v.G=new Map),t[a]=n,t.removeAttribute(a),l.D=gt(c,s,[],r,t,t,n,i);let f=0;const u=s.length;let d;for(;f<u;f++){d=s[f];const n=d.k+"."+d.j,l=v.G.get(n),i=d.v;o||(i["s-hn"]=e.toUpperCase(),"slot"===d.m&&(i["s-cr"]=t["s-cr"])),l&&l.isConnected&&(o&&""===l["s-en"]&&l.parentNode.insertBefore(i,l.nextSibling),l.parentNode.removeChild(l),o||(i["s-oo"]=parseInt(d.j))),v.G.delete(n)}const h=[];let $=0;const p=i.length;let b,y,w,g;for(;$<p;$++)if(b=i[$],b&&b.length)for(w=b.length,y=0;y<w;y++){if(g=b[y],h[g.hostId]||(h[g.hostId]=v.G.get(g.hostId)),!h[g.hostId])continue;const t=h[g.hostId];t.shadowRoot&&o||(g.slot["s-cr"]=t["s-cr"],g.slot["s-cr"]=!g.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0],yt(g.node,g.slot,!1,g.node["s-oo"])),t.shadowRoot&&g.node.parentElement!==t&&t.appendChild(g.node)}if(o){let e=0;const n=r.length;for(;e<n;e++)o.appendChild(r[e]);Array.from(t.childNodes).forEach((t=>{8===t.nodeType&&"string"!=typeof t["s-sn"]&&t.parentNode.removeChild(t)}))}l.$hostElement$=t})(t,n.R,l,e)}l||12&n.l&&Jt(t);{let n=t;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Nt(e,e.N=n);break}}n._&&Object.entries(n._).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),E((()=>(async(t,e,n)=>{let l;if(!(32&e.l)){if(e.l|=32,n.J){const t=(t=>{const e=t.R.replace(/-/g,"_"),n=t.J;if(!n)return;const l=f.get(n);return l?l[e]:import(`./${n}.entry.js`).then((t=>(f.set(n,t),t[e])),c)
+const t="duet",e={cdnURILocal:"http://localhost:3334",cdnURIProd:"https://cdn.duetds.com/api",duetIconVersion:"4.1.22"};var n=Object.defineProperty,l={isDev:!1,isBrowser:!0,isServer:!1,isTesting:!1},o=new WeakMap,s=t=>o.get(t),i=(t,e)=>o.set(e.t=t,e),r=(t,e)=>e in t,c=(t,e)=>(0,console.error)(t,e),f=new Map,u=new Map,a="s-id",d="c-id",h="slot-fb{display:contents}slot-fb[hidden]{display:none}",$="http://www.w3.org/1999/xlink",p="undefined"!=typeof window?window:{},m=p.document||{head:{}},v={l:0,o:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},b=t=>Promise.resolve(t),y=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),w=!1,g=[],j=[],O=(t,e)=>n=>{t.push(n),w||(w=!0,e&&4&v.l?E(k):v.raf(k))},S=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){c(t)}t.length=0},k=()=>{S(g),S(j),(w=g.length>0)&&v.raf(k)},E=t=>b().then(t),x=O(j,!0),C={},I=t=>"object"==(t=typeof t)||"function"===t;function M(t){var e,n,l;return null!=(l=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,e)=>{for(var l in e)n(t,l,{get:e[l],enumerable:!0})})({},{err:()=>A,map:()=>N,ok:()=>R,unwrap:()=>U,unwrapErr:()=>F});var R=t=>({isOk:!0,isErr:!1,value:t}),A=t=>({isOk:!1,isErr:!0,value:t});function N(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>R(t))):R(n)}if(t.isErr)return A(t.value);throw"should never get here"}var P,T,D,U=t=>{if(t.isOk)return t.value;throw t.value},F=t=>{if(t.isErr)return t.value;throw t.value},H=(t,e,...n)=>{let l=null,o=null,s=null,i=!1,r=!1;const c=[],f=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof t&&!I(l))&&(l+=""),i&&r?c[c.length-1].i+=l:c.push(i?L(null,l):l),r=i)};if(f(n),e){e.key&&(o=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,W);const u=L(t,null);return u.u=e,c.length>0&&(u.h=c),u.$=o,u.p=s,u},L=(t,e)=>({l:0,m:t,i:e,v:null,h:null,u:null,$:null,p:null}),_={},W={forEach:(t,e)=>t.map(B).forEach(e),map:(t,e)=>t.map(B).map(e).map(V)},B=t=>({vattrs:t.u,vchildren:t.h,vkey:t.$,vname:t.p,vtag:t.m,vtext:t.i}),V=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),H(t.vtag,e,...t.vchildren||[])}const e=L(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.$=t.vkey,e.p=t.vname,e},q=(t,e,n,l,o,s)=>{if(n!==l){let i=r(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,o=z(n),s=z(l);t["s-si"]&&s.indexOf(t["s-si"])<0&&s.push(t["s-si"]),e.remove(...o.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!o.includes(t))))}else if("style"===e){for(const e in n)l&&null!=l[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in l)n&&l[e]===n[e]||(e.includes("-")?t.style.setProperty(e,l[e]):t.style[e]=l[e])}else if("key"===e);else if("ref"===e)l&&l(t);else if(i||"o"!==e[0]||"n"!==e[1]){const r=I(l);if((i||r&&null!==l)&&!o)try{if(t.tagName.includes("-"))t[e]=l;else{const o=null==l?"":l;"list"===e?i=!1:null!=n&&t[e]==o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}let f=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,f=!0),null==l||!1===l?!1===l&&""!==t.getAttribute(e)||(f?t.removeAttributeNS($,e):t.removeAttribute(e)):(!i||4&s||o)&&!r&&(l=!0===l?"":l,f?t.setAttributeNS($,e,l):t.setAttribute(e,l))}else if(e="-"===e[2]?e.slice(3):r(p,c)?c.slice(2):c[2]+e.slice(3),n||l){const o=e.endsWith(J);e=e.replace(K,""),n&&v.rel(t,e,n,o),l&&v.ael(t,e,l,o)}}},G=/\s/,z=t=>("object"==typeof t&&"baseVal"in t&&(t=t.baseVal),t?t.split(G):[]),J="Capture",K=RegExp(J+"$"),Q=(t,e,n)=>{const l=11===e.v.nodeType&&e.v.host?e.v.host:e.v,o=t&&t.u||C,s=e.u||C;for(const t of X(Object.keys(o)))t in s||q(l,t,o[t],void 0,n,e.l);for(const t of X(Object.keys(s)))q(l,t,o[t],s[t],n,e.l)};function X(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var Y=!1,Z=!1,tt=!1,et=!1,nt=(t,e,n,l)=>{var o;const s=e.h[n];let i,r,c,f=0;if(Y||(tt=!0,"slot"===s.m&&(P&&l.classList.add(P+"-s"),s.l|=s.h?2:1)),null!==s.i)i=s.v=m.createTextNode(s.i);else if(1&s.l)i=s.v=m.createTextNode("");else{if(et||(et="svg"===s.m),i=s.v=m.createElementNS(et?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Y&&2&s.l?"slot-fb":s.m),et&&"foreignObject"===s.m&&(et=!1),Q(null,s,et),!!i.getRootNode().querySelector("body")&&null!=P&&i["s-si"]!==P&&i.classList.add(i["s-si"]=P),vt(i,l),s.h)for(f=0;f<s.h.length;++f)r=nt(t,s,f,i),r&&i.appendChild(r);"svg"===s.m?et=!1:"foreignObject"===i.tagName&&(et=!0)}return i["s-hn"]=D,3&s.l&&(i["s-sr"]=!0,i["s-cr"]=T,i["s-sn"]=s.p||"",i["s-rf"]=null==(o=s.u)?void 0:o.ref,c=t&&t.h&&t.h[n],c&&c.m===s.m&&t.v&&lt(t.v,!1)),i},lt=(t,e)=>{v.l|=1;const n=Array.from(t.__childNodes||t.childNodes);for(let t=n.length-1;t>=0;t--){const l=n[t];l["s-hn"]!==D&&l["s-ol"]&&(pt(ct(l),l,rt(l)),l["s-ol"].remove(),l["s-ol"]=void 0,l["s-sh"]=void 0,tt=!0),e&&lt(l,e)}v.l&=-2},ot=(t,e,n,l,o,s)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for(r.shadowRoot&&r.tagName===D&&(r=r.shadowRoot);o<=s;++o)l[o]&&(i=nt(null,n,o,t),i&&(l[o].v=i,pt(r,i,rt(e))))},st=(t,e,n)=>{for(let l=e;l<=n;++l){const e=t[l];if(e){const t=e.v;$t(e),t&&(Z=!0,t["s-ol"]?t["s-ol"].remove():lt(t,!0),t.remove())}}},it=(t,e,n=!1)=>!(t.m!==e.m||("slot"===t.m?"j"in t&&n&&8!==t.v.nodeType||t.p!==e.p:!n&&t.$!==e.$)),rt=t=>t&&t["s-ol"]||t,ct=t=>(t["s-ol"]?t["s-ol"]:t).parentNode,ft=(t,e,n=!1)=>{const l=e.v=t.v,o=t.h,s=e.h,i=e.m,r=e.i;let c;null===r?(et="svg"===i||"foreignObject"!==i&&et,("slot"!==i||Y)&&Q(t,e,et),null!==o&&null!==s?((t,e,n,l,o=!1)=>{let s,i,r=0,c=0,f=0,u=0,a=e.length-1,d=e[0],h=e[a],$=l.length-1,p=l[0],m=l[$];for(;r<=a&&c<=$;)if(null==d)d=e[++r];else if(null==h)h=e[--a];else if(null==p)p=l[++c];else if(null==m)m=l[--$];else if(it(d,p,o))ft(d,p,o),d=e[++r],p=l[++c];else if(it(h,m,o))ft(h,m,o),h=e[--a],m=l[--$];else if(it(d,m,o))"slot"!==d.m&&"slot"!==m.m||lt(d.v.parentNode,!1),ft(d,m,o),pt(t,d.v,h.v.nextSibling),d=e[++r],m=l[--$];else if(it(h,p,o))"slot"!==d.m&&"slot"!==m.m||lt(h.v.parentNode,!1),ft(h,p,o),pt(t,h.v,d.v),h=e[--a],p=l[++c];else{for(f=-1,u=r;u<=a;++u)if(e[u]&&null!==e[u].$&&e[u].$===p.$){f=u;break}f>=0?(i=e[f],i.m!==p.m?s=nt(e&&e[c],n,f,t):(ft(i,p,o),e[f]=void 0,s=i.v),p=l[++c]):(s=nt(e&&e[c],n,c,t),p=l[++c]),s&&pt(ct(d.v),s,rt(d.v))}r>a?ot(t,null==l[$+1]?null:l[$+1].v,n,l,c,$):c>$&&st(e,r,a)})(l,o,e,s,n):null!==s?(null!==t.i&&(l.textContent=""),ot(l,null,e,s,0,s.length-1)):!n&&null!==o&&st(o,0,o.length-1),et&&"svg"===i&&(et=!1)):(c=l["s-cr"])?c.parentNode.textContent=r:t.i!==r&&(l.data=r)},ut=t=>{const e=t.__childNodes||t.childNodes;for(const t of e)if(1===t.nodeType){if(t["s-sr"]){const n=t["s-sn"];t.hidden=!1;for(const l of e)if(l!==t)if(l["s-hn"]!==t["s-hn"]||""!==n){if(1===l.nodeType&&(n===l.getAttribute("slot")||n===l["s-sn"])||3===l.nodeType&&n===l["s-sn"]){t.hidden=!0;break}}else if(n===l["s-sn"]&&(1===l.nodeType||3===l.nodeType&&""!==l.textContent.trim())){t.hidden=!0;break}}ut(t)}},at=[],dt=t=>{let e,n,l;const o=t.__childNodes||t.childNodes;for(const t of o){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes||e.parentNode.childNodes;const o=t["s-sn"];for(l=n.length-1;l>=0;l--)if(e=n[l],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"])if(ht(e,o)){let n=at.find((t=>t.O===e));Z=!0,e["s-sn"]=e["s-sn"]||o,n?(n.O["s-sh"]=t["s-hn"],n.S=t):(e["s-sh"]=t["s-hn"],at.push({S:t,O:e})),e["s-sr"]&&at.map((t=>{ht(t.O,e["s-sn"])&&(n=at.find((t=>t.O===e)),n&&!t.S&&(t.S=n.S))}))}else at.some((t=>t.O===e))||at.push({O:e})}1===t.nodeType&&dt(t)}},ht=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,$t=t=>{t.u&&t.u.ref&&t.u.ref(null),t.h&&t.h.map($t)},pt=(t,e,n)=>{const l=null==t?void 0:t.insertBefore(e,n);return vt(e,t),l},mt=t=>{const e=[];return t&&e.push(...t["s-scs"]||[],t["s-si"],t["s-sc"],...mt(t.parentElement)),e},vt=(t,e,n=!1)=>{var l;if(t&&e&&1===t.nodeType){const o=new Set(mt(e).filter(Boolean));if(o.size&&(null==(l=t.classList)||l.add(...t["s-scs"]=Array.from(o)),t["s-ol"]||n))for(const e of Array.from(t.__childNodes||t.childNodes))vt(e,t,!0)}},bt=t=>{class e extends Array{item(t){return this[t]}}let n=globalThis.Node&&Object.getOwnPropertyDescriptor(Node.prototype,"childNodes");n||(n=Object.getOwnPropertyDescriptor(t,"childNodes")),n&&Object.defineProperty(t,"__childNodes",n);let l=Object.getOwnPropertyDescriptor(Element.prototype,"children");l||(l=Object.getOwnPropertyDescriptor(t,"children")),l&&Object.defineProperty(t,"__children",l),Object.defineProperty(t,"children",{get(){return this.childNodes.filter((t=>1===t.nodeType))}}),Object.defineProperty(t,"childElementCount",{get(){return this.children.length}}),n&&Object.defineProperty(t,"childNodes",{get(){var t,n;if(!v.l||!(null==(t=s(this))?void 0:t.l)||!(1&v.l)&&2&(null==(n=s(this))?void 0:n.l)){const t=new e,n=wt(this.__childNodes);return t.push(...n),t}return e.from(this.__childNodes)}})},yt=(t,e,n,l)=>{let o;if(t["s-ol"]&&t["s-ol"].isConnected?o=t["s-ol"]:(o=document.createTextNode(""),o["s-nr"]=t),!e["s-cr"]||!e["s-cr"].parentNode)return;const s=e["s-cr"].parentNode,i=n?s.__prepend||s.prepend:s.__appendChild||s.appendChild;if(void 0!==l){o["s-oo"]=l;const t=[o];(s.__childNodes||s.childNodes).forEach((e=>{e["s-nr"]&&t.push(e)})),t.sort(((t,e)=>!t["s-oo"]||t["s-oo"]<e["s-oo"]?-1:!e["s-oo"]||e["s-oo"]<t["s-oo"]?1:0)),t.forEach((t=>i.call(s,t)))}else i.call(s,o);t["s-ol"]=o,t["s-sh"]=e["s-hn"]},wt=t=>{const e=[];for(let n=0;n<t.length;n++){const l=t[n]["s-nr"];l&&l.isConnected&&e.push(l)}return e},gt=(t,e,n,l,o,s,i,r=[])=>{let c,f,u,a;const h=o["s-sc"];if(1===s.nodeType){if(c=s.getAttribute(d),c&&(f=c.split("."),f[0]===i||"0"===f[0])){u=Ot({l:0,k:f[0],j:f[1],C:f[2],I:f[3],m:s.tagName.toLowerCase(),v:s,u:{class:s.className}}),e.push(u),s.removeAttribute(d),t.h||(t.h=[]);const o=u.v.getAttribute("s-sn");"string"==typeof o&&("slot-fb"===u.m&&St(o,f[2],u,s,t,e,n,l,r),u.v["s-sn"]=o,u.v.removeAttribute("s-sn")),void 0!==u.I&&(t.h[u.I]=u),h&&(s["s-si"]=h),t=u,l&&"0"===u.C&&(l[u.I]=u.v)}if(s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)gt(t,e,n,l,o,s.shadowRoot.childNodes[a],i,r);const $=s.__childNodes||s.childNodes;for(a=$.length-1;a>=0;a--)gt(t,e,n,l,o,$[a],i,r)}else if(8===s.nodeType)f=s.nodeValue.split("."),(f[1]===i||"0"===f[1])&&(c=f[0],u=Ot({k:f[1],j:f[2],C:f[3],I:f[4]||"0",v:s,u:null,h:null,$:null,p:null,m:null,i:null}),"t"===c?(u.v=s.nextSibling,u.v&&3===u.v.nodeType&&(u.i=u.v.textContent,e.push(u),s.remove(),i===u.k&&(t.h||(t.h=[]),t.h[u.I]=u),l&&"0"===u.C&&(l[u.I]=u.v))):"c"===c?(u.v=s.nextSibling,u.v&&8===u.v.nodeType&&(e.push(u),s.remove())):u.k===i&&("s"===c?(u.m="slot",St(s["s-sn"]=u.p=f[5]||"",f[2],u,s,t,e,n,l,r)):"r"===c&&(l?s.remove():(o["s-cr"]=s,s["s-cn"]=!0))));else if(t&&"style"===t.m){const e=L(null,s.textContent);e.v=s,e.I="0",t.h=[e]}return t},jt=(t,e)=>{if(1===t.nodeType){const n=t[a]||t.getAttribute(a);n&&e.set(n,t);let l=0;if(t.shadowRoot)for(;l<t.shadowRoot.childNodes.length;l++)jt(t.shadowRoot.childNodes[l],e);const o=t.__childNodes||t.childNodes;for(l=0;l<o.length;l++)jt(o[l],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])}},Ot=t=>({l:0,k:null,j:null,C:null,I:"0",v:null,u:null,h:null,$:null,p:null,m:null,i:null,...t});function St(t,e,n,l,o,s,i,r,c){l["s-sr"]=!0;const f=(null==o?void 0:o.v)?o.v["s-id"]||o.v.getAttribute("s-id"):"";if(r){const s=n.v=m.createElement(n.m);n.p&&n.v.setAttribute("name",t),f&&f!==n.k?o.v.insertBefore(s,o.v.children[0]):l.parentNode.insertBefore(n.v,l),kt(c,e,t,l,n.k),l.remove(),"0"===n.C&&(r[n.I]=n.v)}else{const i=n.v,r=f&&f!==n.k&&o.v.shadowRoot;kt(c,e,t,l,r?f:n.k),r&&o.v.insertBefore(i,o.v.children[0]),s.push(n)}i.push(n),o.h||(o.h=[]),o.h[n.I]=n}var kt=(t,e,n,l,o)=>{let s=l.nextSibling;for(t[e]=t[e]||[];s&&((s.getAttribute&&s.getAttribute("slot")||s["s-sn"])===n||""===n&&!s["s-sn"]&&(8===s.nodeType&&1!==s.nodeValue.indexOf(".")||3===s.nodeType));)s["s-sn"]=n,t[e].push({slot:l,node:s,hostId:o}),s=s.nextSibling},Et=(t,e)=>null==t||I(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t,xt=t=>s(t).$hostElement$,Ct=(t,e,n)=>{const l=xt(t);return{emit:t=>It(l,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},It=(t,e,n)=>{const l=v.ce(e,n);return t.dispatchEvent(l),l},Mt=new WeakMap,Rt=(t,e)=>{var n;const l=At(e),o=u.get(l);if(t=11===t.nodeType?t:m,o)if("string"==typeof o){let s,i=Mt.get(t=t.head||t);if(i||Mt.set(t,i=new Set),!i.has(l)){if(t.host&&(s=t.querySelector(`[sty-id="${l}"]`)))s.innerHTML=o;else{s=m.createElement("style"),s.innerHTML=o;const l=null!=(n=v.M)?n:M(m);if(null!=l&&s.setAttribute("nonce",l),!(1&e.l))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,n)}else if("host"in t)if(y){const e=new CSSStyleSheet;e.replaceSync(o),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=o+e.innerHTML:t.prepend(s)}else t.append(s);1&e.l&&"HEAD"!==t.nodeName&&t.insertBefore(s,null)}4&e.l&&(s.innerHTML+=h),i&&i.add(l)}}else t.adoptedStyleSheets.includes(o)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]);return l},At=t=>"sc-"+t.R,Nt=(t,e)=>{e&&!t.A&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.A=e)))},Pt=(t,e)=>{if(t.l|=16,!(4&t.l))return Nt(t,t.N),x((()=>Tt(t,e)));t.l|=512},Tt=(t,e)=>{const n=t.t;if(!n)throw Error(`Can't render component <${t.$hostElement$.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.l|=256,t.P&&(t.P.map((([t,e])=>Wt(n,t,e))),t.P=void 0),l=Wt(n,"componentWillLoad")),l=Dt(l,(()=>Wt(n,"componentWillRender"))),Dt(l,(()=>Ft(t,n,e)))},Dt=(t,e)=>Ut(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),Ut=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Ft=async(t,e,n)=>{var l;const o=t.$hostElement$,s=o["s-rc"];n&&(t=>{const e=t.T,n=t.$hostElement$,l=e.l,o=Rt(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&2&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(t);Ht(t,e,o,n),s&&(s.map((t=>t())),o["s-rc"]=void 0);{const e=null!=(l=o["s-p"])?l:[],n=()=>Lt(t);0===e.length?n():(Promise.all(e).then(n),t.l|=4,e.length=0)}},Ht=(t,e,n,l)=>{try{e=e.render(),t.l&=-17,t.l|=2,((t,e,n=!1)=>{var l,o,s,i;const r=t.$hostElement$,c=t.T,f=t.D||L(null,null),u=(t=>t&&t.m===_)(e)?e:H(null,null,e);if(D=r.tagName,c.U&&(u.u=u.u||{},c.U.map((([t,e])=>u.u[e]=r[t]))),n&&u.u)for(const t of Object.keys(u.u))r.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(u.u[t]=r[t]);if(u.m=null,u.l|=4,t.D=u,u.v=f.v=r.shadowRoot||r,P=r["s-sc"],Y=!!(1&c.l),T=r["s-cr"],Z=!1,ft(f,u,n),v.l|=1,tt){dt(u.v);for(const t of at){const e=t.O;if(!e["s-ol"]){const t=m.createTextNode("");t["s-nr"]=e,pt(e.parentNode,e["s-ol"]=t,e)}}for(const t of at){const e=t.O,r=t.S;if(r){const t=r.parentNode;let n=r.nextSibling;{let s=null==(l=e["s-ol"])?void 0:l.previousSibling;for(;s;){let l=null!=(o=s["s-nr"])?o:null;if(l&&l["s-sn"]===e["s-sn"]&&t===l.parentNode){for(l=l.nextSibling;l===e||(null==l?void 0:l["s-sr"]);)l=null==l?void 0:l.nextSibling;if(!l||!l["s-nr"]){n=l;break}}s=s.previousSibling}}(!n&&t!==e.parentNode||e.nextSibling!==n)&&e!==n&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),pt(t,e,n),1===e.nodeType&&(e.hidden=null!=(s=e["s-ih"])&&s)),e&&"function"==typeof r["s-rf"]&&r["s-rf"](e)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(i=e.hidden)&&i),e.hidden=!0)}}Z&&ut(u.v),v.l&=-2,at.length=0,T=void 0})(t,e,l)}catch(e){c(e,t.$hostElement$)}return null},Lt=t=>{const e=t.$hostElement$,n=t.t,l=t.N;Wt(n,"componentDidRender"),64&t.l?Wt(n,"componentDidUpdate"):(t.l|=64,Bt(e),Wt(n,"componentDidLoad"),t.F(e),l||_t()),t.H(e),t.A&&(t.A(),t.A=void 0),512&t.l&&E((()=>Pt(t,!1))),t.l&=-517},_t=()=>{Bt(m.documentElement),E((()=>It(p,"appload",{detail:{namespace:t}})))},Wt=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){c(t)}},Bt=t=>t.classList.add("hydrated"),Vt=(t,e,n,l)=>{const o=s(t);if(!o)throw Error(`Couldn't find host element for "${l.R}" 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/ionic-team/stencil/issues/5457).`);const i=o.$hostElement$,r=o.L.get(e),f=o.l,u=o.t;if(n=Et(n,l._[e][0]),(!(8&f)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(o.L.set(e,n),u)){if(l.W&&128&f){const t=l.W[e];t&&t.map((t=>{try{u[t](n,r,e)}catch(t){c(t,i)}}))}2==(18&f)&&Pt(o,!1)}},qt=(t,e,n)=>{var l,o;const i=t.prototype;if(e._||e.W||t.watchers){t.watchers&&!e.W&&(e.W=t.watchers);const r=Object.entries(null!=(l=e._)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&n&&32&l)if(2048&l){if(1&n&&2048&l&&(Object.defineProperty(i,t,{get(){const e=s(this),n=e?e.t:i;if(n)return n[t]},configurable:!0,enumerable:!0}),4096&l)){const n=Object.getOwnPropertyDescriptor(i,t).set;Object.defineProperty(i,t,{set(l){const o=s(this);if(n){const s=o.$hostElement$[t];return!o.L.get(t)&&s&&o.L.set(t,s),n.call(this,Et(l,e._[t][0])),void Vt(this,t,o.$hostElement$[t],e)}if(!o)return;const i=()=>{const n=o.t[t];!o.L.get(t)&&n&&o.L.set(t,n),o.t[t]=Et(l,e._[t][0]),Vt(this,t,o.t[t],e)};o.t?i():o.B.then((()=>i()))}})}}else Object.defineProperty(i,t,{get(){return((t,e)=>s(this).L.get(e))(0,t)},set(n){Vt(this,t,n,e)},configurable:!0,enumerable:!0});else 1&n&&64&l&&Object.defineProperty(i,t,{value(...e){var n;const l=s(this);return null==(n=null==l?void 0:l.V)?void 0:n.then((()=>{var n;return null==(n=l.t)?void 0:n[t](...e)}))}})})),1&n){const n=new Map;i.attributeChangedCallback=function(t,l,o){v.jmp((()=>{var r;const c=n.get(t);if(this.hasOwnProperty(c))o=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==o)return;if(null==c){const n=s(this),i=null==n?void 0:n.l;if(i&&!(8&i)&&128&i&&o!==l){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,o,l,t)}))}return}}const f=Object.getOwnPropertyDescriptor(i,c);f.get&&!f.set||(this[c]=(null!==o||"boolean"!=typeof this[c])&&o)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(o=e.W)?o:{}),...r.filter((([t,e])=>15&e[0])).map((([t,l])=>{var o;const s=l[1]||t;return n.set(s,t),512&l[0]&&(null==(o=e.U)||o.push([t,s])),s}))]))}}return t},Gt=t=>{Wt(t,"connectedCallback")},zt=t=>{if(!(1&v.l)){const e=s(t),n=e.T,l=()=>{};if(1&e.l)Yt(t,e,n.q),(null==e?void 0:e.t)?Gt(e.t):(null==e?void 0:e.B)&&e.B.then((()=>Gt(e.t)));else{let l;if(e.l|=1,l=t.getAttribute(a),l){if(1&n.l){const e=Rt(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}else if(2&n.l){const e=At(n);t["s-sc"]=e}((t,e,n,l)=>{const o=t.shadowRoot,s=[],i=[],r=o?[]:null,c=L(e,null);c.v=t,v.G||jt(m.body,v.G=new Map),t[a]=n,t.removeAttribute(a),l.D=gt(c,s,[],r,t,t,n,i);let f=0;const u=s.length;let d;for(;f<u;f++){d=s[f];const n=d.k+"."+d.j,l=v.G.get(n),i=d.v;o||(i["s-hn"]=e.toUpperCase(),"slot"===d.m&&(i["s-cr"]=t["s-cr"])),l&&l.isConnected&&(o&&""===l["s-en"]&&l.parentNode.insertBefore(i,l.nextSibling),l.parentNode.removeChild(l),o||(i["s-oo"]=parseInt(d.j))),v.G.delete(n)}const h=[];let $=0;const p=i.length;let b,y,w,g;for(;$<p;$++)if(b=i[$],b&&b.length)for(w=b.length,y=0;y<w;y++){if(g=b[y],h[g.hostId]||(h[g.hostId]=v.G.get(g.hostId)),!h[g.hostId])continue;const t=h[g.hostId];t.shadowRoot&&o||(g.slot["s-cr"]=t["s-cr"],g.slot["s-cr"]=!g.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0],yt(g.node,g.slot,!1,g.node["s-oo"])),t.shadowRoot&&g.node.parentElement!==t&&t.appendChild(g.node)}if(o){let e=0;const n=r.length;for(;e<n;e++)o.appendChild(r[e]);Array.from(t.childNodes).forEach((t=>{8===t.nodeType&&"string"!=typeof t["s-sn"]&&t.parentNode.removeChild(t)}))}l.$hostElement$=t})(t,n.R,l,e)}l||12&n.l&&Jt(t);{let n=t;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Nt(e,e.N=n);break}}n._&&Object.entries(n._).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),E((()=>(async(t,e,n)=>{let l;if(!(32&e.l)){if(e.l|=32,n.J){const t=(t=>{const e=t.R.replace(/-/g,"_"),n=t.J;if(!n)return;const l=f.get(n);return l?l[e]:import(`./${n}.entry.js`).then((t=>(f.set(n,t),t[e])),c)
 /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(t&&"then"in t){const e=()=>{};l=await t,e()}else l=t;if(!l)throw Error(`Constructor for "${n.R}#${e.K}" was not found`);l.isProxied||(n.W=l.watchers,qt(l,n,2),l.isProxied=!0);const o=()=>{};e.l|=8;try{new l(e)}catch(t){c(t)}e.l&=-9,e.l|=128,o(),Gt(e.t)}else l=t.constructor,customElements.whenDefined(t.localName).then((()=>e.l|=128));if(l&&l.style){let t;"string"==typeof l.style&&(t=l.style);const e=At(n);if(!u.has(e)){const l=()=>{};((t,e,n)=>{let l=u.get(t);y&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,u.set(t,l)})(e,t,!!(1&n.l)),l()}}}const o=e.N,s=()=>Pt(e,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()})(t,e,n)))}l()}},Jt=t=>{const e=t["s-cr"]=m.createComment("");e["s-cn"]=!0,pt(t,e,t.firstChild)},Kt=t=>{Wt(t,"disconnectedCallback")},Qt=(t,e={})=>{var n;const l=[],i=e.exclude||[],r=p.customElements,c=m.head,f=c.querySelector("meta[charset]"),u=m.createElement("style"),a=[];let d,$=!0;Object.assign(v,e),v.o=new URL(e.resourcesUrl||"./",m.baseURI).href,v.l|=2;let b=!1;if(t.map((t=>{t[1].map((e=>{var n;const c={l:e[0],R:e[1],_:e[2],q:e[3]};4&c.l&&(b=!0),c._=e[2],c.q=e[3],c.U=[],c.W=null!=(n=e[4])?n:{};const f=c.R,u=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={l:0,$hostElement$:t,T:e,L:new Map};n.V=new Promise((t=>n.H=t)),n.B=new Promise((t=>n.F=t)),t["s-p"]=[],t["s-rc"]=[],o.set(t,n)})(t=this,c),1&c.l)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.R}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open",delegatesFocus:!!(16&c.l)})}connectedCallback(){const t=s(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Yt(this,t,c.q)),d&&(clearTimeout(d),d=null),$?a.push(this):v.jmp((()=>zt(this)))}disconnectedCallback(){v.jmp((()=>(async()=>{if(!(1&v.l)){const t=s(this);t.X&&(t.X.map((t=>t())),t.X=void 0),(null==t?void 0:t.t)?Kt(t.t):(null==t?void 0:t.B)&&t.B.then((()=>Kt(t.t)))}})()))}componentOnReady(){return s(this).B}};bt(u.prototype),c.J=t[0],i.includes(f)||r.get(f)||(l.push(f),r.define(f,qt(u,c,1)))}))})),l.length>0&&(b&&(u.textContent+=h),u.innerHTML.length)){u.setAttribute("data-styles","");const t=null!=(n=v.M)?n:M(m);null!=t&&u.setAttribute("nonce",t),c.insertBefore(u,f?f.nextSibling:c.firstChild)}$=!1,a.length?a.map((t=>t.connectedCallback())):v.jmp((()=>d=setTimeout(_t,30)))},Xt=(t,e)=>e,Yt=(t,e,n)=>{n&&n.map((([n,l,o])=>{const s=te(t,n),i=Zt(e,o),r=ee(n);v.ael(s,l,i,r),(e.X=e.X||[]).push((()=>v.rel(s,l,i,r)))}))},Zt=(t,e)=>n=>{var l;try{256&t.l?null==(l=t.t)||l[e](n):(t.P=t.P||[]).push([e,n])}catch(t){c(t)}},te=(t,e)=>4&e?m:8&e?p:16&e?m.body:t,ee=t=>({passive:!!(1&t),capture:!!(2&t)}),ne=t=>v.M=t;export{l as B,e as E,Xt as F,_ as H,t as N,Qt as b,Ct as c,m as d,xt as g,H as h,b as p,i as r,ne as s}

package/lib/duet/{p-e57748ed.entry.js → p-d057a6d8.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,c as t,h as s,H as i,g as o}from"./p-ed0179f9.js";import{i as c}from"./p-2e417433.js";import{c as l}from"./p-5e59e970.js";import{c as r}from"./p-ae924d35.js";import{p as a}from"./p-9c3c64b9.js";function d(e){return"options"in e}function u(e,t){for(var s=0;s<e.length;s++){let i=e[s];if(d(i)&&(i=u(i.options,t)),i&&i.value===t)return i}}const n=class{constructor(s){e(this,s),this.duetChange=t(this,"duetChange",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.selectId=l("DuetSelect"),this.errorId=l("DuetError"),this.labelId=l("DuetLabel"),this.topCaptionId=l("DuetCaptionTop"),this.topCaptionPlaceholderId=l("DuetCaptionPlaceholderTop"),this.onClick=e=>{e.stopPropagation()},this.onChange=()=>{this.value=this.nativeSelect.value,this.duetChange.emit({value:this.value,component:"duet-select"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.getDescribedBy=()=>{const e=[];return this.isCaptionVisible&&this.topCaptionId&&e.push(this.topCaptionId),this.accessibleDescribedBy&&e.push(this.accessibleDescribedBy),this.error&&e.push(this.errorId),e.length>0?e.join(" "):null},this.processedItems=null,this.variation="default",this.accessibleActiveDescendant=void 0,this.accessibleDescribedBy=void 0,this.margin="auto",this.accessibleControls=void 0,this.accessibleOwns=void 0,this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=void 0,this.theme="",this.labelHidden=!1,this.identifier=void 0,this.name=void 0,this.placeholder="",this.caption=void 0,this.echoPlaceholder=!1,this.items=void 0,this.disabled=!1,this.required=!1,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.role=void 0,this.tooltip="",this.tooltipDirection="auto"}valueChanged(){this.nativeSelect&&(this.nativeSelect.value=this.value),this.isCaptionVisible=!!this.caption}componentWillLoad(){c(this),this.isCaptionVisible=!!this.caption,r(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}async setFocus(e){this.nativeSelect&&this.nativeSelect.focus(e)}async refresh(){this.processedItems=a(this.items)}getSelectedItemLabel(){let e;return this.processedItems&&(e=u(this.processedItems,this.value)),e?e.label:this.placeholder||""}renderOption(e){return s("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)}renderOptionGroup(e){return s("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((e=>this.renderOption(e))))}render(){const e=this.identifier||this.selectId;return s(i,{onClick:this.onClick,class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand,[`duet-select-variation-${this.variation}`]:!0}},s("div",{class:{"duet-select-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,[`duet-select-variation-${this.variation}`]:!0,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},s("duet-label",{theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:e},this.label),this.tooltip&&s("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),s("slot",{name:"tooltip"}),this.caption&&s("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),s("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&s("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),s("select",{ref:e=>this.nativeSelect=e,disabled:this.disabled,name:this.name,id:e,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&s("option",{disabled:!0,selected:!0,value:""},this.placeholder),this.processedItems?this.processedItems.map((e=>d(e)?this.renderOptionGroup(e):this.renderOption(e))):s("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi.")),s("div",{class:{"duet-select":!0,[`duet-select-variation-${this.variation}`]:!0},"aria-hidden":"true"},s("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),"default"===this.variation&&s("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},s("path",{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"}))||s("duet-icon",{theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"compact"===this.variation?"xxx-small":"xx-small"})),s("span",{class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),s("span",{class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&s("span",null,this.error))))}get element(){return o(this)}static get watchers(){return{value:["valueChanged"],items:["refresh"]}}};n.style='*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{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}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{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-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !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:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin: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:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{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.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{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-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !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;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{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-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{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-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{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.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{n as duet_select}
+import{r as e,c as t,h as s,H as i,g as c}from"./p-cf9767ff.js";import{i as o}from"./p-2e417433.js";import{c as l}from"./p-5e59e970.js";import{c as r}from"./p-9c3a6e95.js";import{p as a}from"./p-9c3c64b9.js";function d(e){return"options"in e}function u(e,t){for(var s=0;s<e.length;s++){let i=e[s];if(d(i)&&(i=u(i.options,t)),i&&i.value===t)return i}}const n=class{constructor(s){e(this,s),this.duetChange=t(this,"duetChange",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.selectId=l("DuetSelect"),this.errorId=l("DuetError"),this.labelId=l("DuetLabel"),this.topCaptionId=l("DuetCaptionTop"),this.topCaptionPlaceholderId=l("DuetCaptionPlaceholderTop"),this.onClick=e=>{e.stopPropagation()},this.onChange=()=>{this.value=this.nativeSelect.value,this.duetChange.emit({value:this.value,component:"duet-select"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.getDescribedBy=()=>{const e=[];return this.isCaptionVisible&&this.topCaptionId&&e.push(this.topCaptionId),this.accessibleDescribedBy&&e.push(this.accessibleDescribedBy),this.error&&e.push(this.errorId),e.length>0?e.join(" "):null},this.processedItems=null,this.variation="default",this.accessibleActiveDescendant=void 0,this.accessibleDescribedBy=void 0,this.margin="auto",this.accessibleControls=void 0,this.accessibleOwns=void 0,this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=void 0,this.theme="",this.labelHidden=!1,this.identifier=void 0,this.name=void 0,this.placeholder="",this.caption=void 0,this.echoPlaceholder=!1,this.items=void 0,this.disabled=!1,this.required=!1,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.role=void 0,this.tooltip="",this.tooltipDirection="auto"}valueChanged(){this.nativeSelect&&(this.nativeSelect.value=this.value),this.isCaptionVisible=!!this.caption}componentWillLoad(){o(this),this.isCaptionVisible=!!this.caption,r(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}async setFocus(e){this.nativeSelect&&this.nativeSelect.focus(e)}async refresh(){this.processedItems=a(this.items)}getSelectedItemLabel(){let e;return this.processedItems&&(e=u(this.processedItems,this.value)),e?e.label:this.placeholder||""}renderOption(e){return s("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)}renderOptionGroup(e){return s("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((e=>this.renderOption(e))))}render(){const e=this.identifier||this.selectId;return s(i,{onClick:this.onClick,class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand,[`duet-select-variation-${this.variation}`]:!0}},s("div",{class:{"duet-select-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,[`duet-select-variation-${this.variation}`]:!0,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},s("duet-label",{theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:e},this.label),this.tooltip&&s("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),s("slot",{name:"tooltip"}),this.caption&&s("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),s("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&s("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),s("select",{ref:e=>this.nativeSelect=e,disabled:this.disabled,name:this.name,id:e,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&s("option",{disabled:!0,selected:!0,value:""},this.placeholder),this.processedItems?this.processedItems.map((e=>d(e)?this.renderOptionGroup(e):this.renderOption(e))):s("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi.")),s("div",{class:{"duet-select":!0,[`duet-select-variation-${this.variation}`]:!0},"aria-hidden":"true"},s("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),"default"===this.variation&&s("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},s("path",{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"}))||s("duet-icon",{theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"compact"===this.variation?"xxx-small":"xx-small"})),s("span",{class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),s("span",{class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&s("span",null,this.error))))}get element(){return c(this)}static get watchers(){return{value:["valueChanged"],items:["refresh"]}}};n.style='*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{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}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{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-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !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:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin: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:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{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.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{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-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !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;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{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-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{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-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{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.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{n as duet_select}

package/lib/duet/{p-ac8c8a39.system.entry.js → p-d0c8f7e6.system.entry.js}

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,a,o){function i(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,r){function n(t){try{u(o.next(t))}catch(t){r(t)}}function s(t){try{u(o["throw"](t))}catch(t){r(t)}}function u(t){t.done?a(t.value):i(t.value).then(n,s)}u((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,n;return n={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(t){return function(e){return u([t,e])}}function u(s){if(o)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(a=0)),a)try{if(o=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;i=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){a.label=s[1];break}if(s[0]===6&&a.label<r[1]){a.label=r[1];r=s;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(s);break}if(r[2])a.ops.pop();a.trys.pop();continue}s=e.call(t,a)}catch(t){s=[6,t];i=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */System.register(["./p-7df350f6.system.js","./p-6229bcd8.system.js","./p-6bbac3f9.system.js","./p-752fa0fc.system.js","./p-a1105b5c.system.js","./p-9508ee67.system.js","./p-e6b5a1c7.system.js","./p-98636086.system.js","./p-64959c1d.system.js"],(function(t){"use strict";var e,a,o,i,r,n,s,u,l,d,b,c,h,p,f,g,m,v,x,k,w,y;return{setters:[function(t){e=t.r;a=t.h;o=t.H;i=t.g;r=t.c},function(t){n=t.i},function(t){s=t.h;u=t.a},function(t){l=t.s;d=t.u;b=t.o;c=t.p;h=t.d;p=t.b;f=t.a;g=t.c},function(t){m=t.g;v=t.c;x=t.d;k=t.a},function(t){w=t.d},function(t){y=t.c},function(){},function(){}],execute:function(){var z="*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:210;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-inline:10px;margin-inline:-10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-size:50% 100%, 50% 100%;-webkit-mask-position:left, right;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask-size:50% 100%, 50% 100%;mask-position:left, right;mask-repeat:no-repeat;}:host .duet-scrollable-items .duet-scrollable-list--absolute{padding-right:0;padding-left:2px;margin-inline:0;-webkit-mask:none !important;mask:none !important}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items .duet-scrollable-list.duet-scrollable-stretch{width:100%}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";var _=z;var j=t("duet_scrollable",function(){function t(t){var a=this;e(this,t);this.currentIndex=0;this.scrollPaneElement=undefined;this.hasCollapseButtonLabelSlot=false;this.resizeObserver=new ResizeObserver((function(t){if((t===null||t===void 0?void 0:t.length)===1){var e=a.getOverlayWidth();a.checkScrollingNeeded(t[0].target,e)}}));this.collapsedOnClick=function(){a.collapsed=!a.collapsed};this.scrollPaneAtStart=true;this.needsScrolling=true;this.scrollPaneAtEnd=false;this.childrenData={};this.theme="";this.identifier="";this.collapsed=false;this.buttons=true;this.buttonAlignment="center";this.buttonPosition="relative";this.center=false;this.padding="none";this.gap="large";this.selected=0;this.stretch=false}t.prototype.watchPropHandler=function(t){this.scrollToElement(t,"center")};t.prototype.componentWillLoad=function(){n(this);this.hasCollapseButtonLabelSlot=s(this.element,"collapse-button-label")};t.prototype.componentDidLoad=function(){var t=this;requestAnimationFrame((function(){if(t.scrollPaneElement){var e=t.buttonPosition==="absolute"?0:5;t.checkScrollingNeeded(t.scrollPaneElement,e);t.updateScrollButtons();t.resizeObserver.observe(t.scrollPaneElement)}}))};t.prototype.disconnectedCallback=function(){this.resizeObserver.disconnect()};t.prototype.getScrollPaneElements=function(){return u(this.element)};t.prototype.checkScrollingNeeded=function(t,e){if(t===void 0){t=this.scrollPaneElement}if(e===void 0){e=5}var a;if(!t){return}var o=((a=t.parentElement)===null||a===void 0?void 0:a.getBoundingClientRect().width)||0;var i=t.scrollWidth;var r=this.getOverlayWidth()*2;this.needsScrolling=i-r>o+e;if(!this.needsScrolling){this.scrollPaneAtStart=true;this.scrollPaneAtEnd=true}else{this.updateScrollButtons()}};t.prototype.getLastVisibleElement=function(){var t=this;var e=this.getScrollPaneElements().find((function(e){return e.getBoundingClientRect().x+e.getBoundingClientRect().width-t.scrollPaneElement.getBoundingClientRect().x>t.scrollPaneElement.clientWidth}));var a=this.getScrollPaneElements().indexOf(e);if(e.clientWidth>this.scrollPaneElement.clientWidth){return a}return a-1};t.prototype.getFirstVisibleElement=function(){var t=this;var e=this.getScrollPaneElements();var a=e.find((function(e){return e.getBoundingClientRect().x>t.scrollPaneElement.getBoundingClientRect().x}));var o=!a?e.length:e.indexOf(a);var i=Math.max(o-1,0);if(e[i].clientWidth>this.scrollPaneElement.clientWidth){return i}return o};t.prototype.updateScrollButtons=function(t,e){if(t===void 0){t=null}if(e===void 0){e=this.scrollPaneElement}if(!this.buttons){return}if(t&&t.clientWidth>this.scrollPaneElement.clientWidth){var a=this.getScrollPaneElements().indexOf(t);if(a==0){this.scrollPaneAtStart=true}if(a==this.getScrollPaneElements().length-1){this.scrollPaneAtEnd=true}return}if(e.scrollLeft<=0){this.scrollPaneAtStart=true}else if(e.scrollLeft>0){this.scrollPaneAtStart=false}var o=Math.round(e.clientWidth+e.scrollLeft+this.getOverlayWidth());var i=Math.round(e.scrollWidth);this.scrollPaneAtEnd=o>=i};t.prototype.scrollToElement=function(t,e){var a=this;if(t===void 0){t=this.currentIndex}var o=this.getScrollPaneElements();if(!o||o.length===0){return}if(t+1>=o.length){t=o.length-1}if(t<0){t=0}var i=o[0].getBoundingClientRect().x;var r=5;var n=function(){if(o[0].getBoundingClientRect().x===i){r--;if(r!==0){window.requestAnimationFrame(n);return}a.updateScrollButtons(o[t])}else{window.requestAnimationFrame(n);i=o[0].getBoundingClientRect().x}};o[t].scrollIntoView({behavior:"smooth",block:"nearest",inline:e});window.requestAnimationFrame(n)};t.prototype.scrollLeft=function(){this.scrollPaneAtEnd=false;var t=this.getFirstVisibleElement();this.scrollToElement(t-1,"center")};t.prototype.scrollRight=function(){this.scrollPaneAtStart=false;var t=this.getLastVisibleElement();this.scrollToElement(t+1,"center")};t.prototype.getOverlayWidth=function(){return this.buttonPosition==="absolute"?0:10};t.prototype.renderButton=function(t){var e,o;var i=this;var r=this.theme==="turva"?"color-primary-darker-turva":"color-primary";var n=this.theme==="turva"?"color-gray-turva":"color-gray";var s=function(){if(t==="left"){i.scrollLeft()}else{i.scrollRight()}};var u=t==="left"?this.scrollPaneAtStart:this.scrollPaneAtEnd;return a("div",{class:(e={"duet-scrollable-button-container":true},e["".concat(t)]=true,e["duet-scrollable-button-container--occluded"]=!this.needsScrolling,e["duet-scrollable-button-container--".concat(this.buttonPosition)]=true,e),hidden:!this.buttons||this.buttonPosition==="absolute"&&u},a("span",{part:"".concat(this.identifier,"-button-").concat(t),"aria-hidden":"true",class:(o={"duet-scrollable-button":true},o["duet-scrollable-button--".concat(this.buttonPosition)]=true,o["duet-scrollable-button--".concat(this.buttonAlignment)]=true,o["duet-scrollable-button--".concat(t)]=true,o),onClick:function(){s();if(document.activeElement){document.activeElement.blur()}},hidden:!this.buttons||u},a("duet-icon",{color:u?n:r,name:t==="left"?"action-arrow-left":"action-arrow-right",size:this.buttonPosition==="absolute"?"x-small":"small",margin:"none"})))};t.prototype.render=function(){var t;var e=this;return a(o,{key:"13b04f9678d2d876b3813ff3be4400c6d3cb8706",class:{"duet-theme-turva":this.theme==="turva","duet-theme-default":this.theme==="default"}},this.hasCollapseButtonLabelSlot&&a("div",{key:"5459a8a656904d8cf5930623b0590b533055be36",class:{collapse:true,hide:!this.needsScrolling&&!this.collapsed}},a("duet-button",{key:"0e1a7e9dd6e442d653ce8dbdc19831b3299d47c5",variation:"plain",margin:"none","center-text":true,onClick:function(){return e.collapsedOnClick()}},a("slot",{key:"8c534bbeea9b0f15915958ae3947ca479a141a07",name:"collapse-button-label"}))),a("div",{key:"333736ff3035d3ba6e12b6f73c38fad12af6ec6a",class:{"duet-scrollable-items":true,buttons:this.buttons,center:this.center,"duet-theme-turva":this.theme==="turva"}},this.buttons&&this.renderButton("left"),a("div",{key:"78c52fc83f55f4e9ab7bd9a3d12ec2c7a88f2e3f",class:(t={"duet-scrollable-list":true},t["duet-scrollable-list--".concat(this.buttonPosition)]=true,t["gap-".concat(this.gap)]=true,t.collapsed=this.collapsed,t["duet-overflow-padding--".concat(this.padding)]=this.padding!=="none",t["duet-scrollable-list--".concat(this.buttonPosition)]=this.buttonPosition==="absolute",t["duet-scrollable-stretch"]=this.stretch,t),onScroll:function(){return e.updateScrollButtons()},ref:function(t){return e.scrollPaneElement=t}},a("slot",{key:"95205e7b789573b3f5bfa2e542d81e2068968e93"})),this.buttons&&this.renderButton("right")))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["watchPropHandler"]}},enumerable:false,configurable:true});return t}());j.style=_;var S=".sc-duet-tab-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}.duet-tab.has-content-id.sc-duet-tab,.duet-tab.has-content-id.selected.sc-duet-tab{display:none}.user-is-tabbing.sc-duet-tab-h .duet-tab.sc-duet-tab:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-tab-h .duet-tab.duet-theme-turva.sc-duet-tab:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";var I=S;var U=t("duet_tab",function(){function t(t){var a=this;e(this,t);this.setupContentElement=function(){if(a.contentId){a.tabpanelElement=document.getElementById(a.contentId);if(a.tabpanelElement){a.tabpanelElement.setAttribute("role","tabpanel");a.tabpanelElement.setAttribute("tabindex","-1");a.tabpanelElement.removeEventListener("focus",a.tabpanelElementFocusListener);a.tabpanelElement.removeEventListener("blur",a.tabpanelElementBlurListener);a.tabpanelElement.addEventListener("focus",a.tabpanelElementFocusListener);a.tabpanelElement.addEventListener("blur",a.tabpanelElementBlurListener);if(a.accessibleDescription){a.tabpanelElement.setAttribute("aria-description",a.accessibleDescription)}if(a.accessibleLabelledBy){a.tabpanelElement.setAttribute("aria-labelledby",a.accessibleLabelledBy)}if(a.selected){a.tabpanelElement.toggleAttribute("hidden",false)}else{a.tabpanelElement.toggleAttribute("hidden",true)}}}};this.tabpanelElementFocusListener=function(){if(a.element.classList.contains("user-is-tabbing")){a.tabpanelElement.style.outline="0";a.tabpanelElement.style.boxShadow=w(a.theme==="turva"?"focus-turva":"focus")}};this.tabpanelElementBlurListener=function(){a.tabpanelElement.style.outline=null;a.tabpanelElement.style.boxShadow=null};this.theme="";this.label=undefined;this.caption=undefined;this.selected=undefined;this.notificationMark=undefined;this.accessibleDescriptionDefault=null;this.accessibleDescription=this.accessibleDescriptionDefault?m(this.accessibleDescriptionDefault):null;this.accessibleLabelledBy=undefined;this.contentId=undefined}t.prototype.componentWillLoad=function(){n(this)};t.prototype.connectedCallback=function(){v(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"});l(this);this.setupContentElement()};t.prototype.disconnectedCallback=function(){x(this);d(this);if(this.tabpanelElement){this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener.bind(this));this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener.bind(this));this.tabpanelElement=undefined}};t.prototype.setupSelected=function(t,e){if(!!t===!!e){return}this.setupContentElement()};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.tabpanelElement.focus(t);return[2]}))}))};t.prototype.render=function(){var t=this;return a("div",{ref:function(e){if(!t.contentId){t.tabpanelElement=e}},role:"tabpanel",class:{"duet-theme-turva":this.theme==="turva","duet-tab":true,selected:this.selected,"has-content-id":!!this.contentId},"aria-description":this.accessibleDescription,"aria-labelledby":this.accessibleLabelledBy,tabindex:"-1"},a("slot",null))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["setupSelected"]}},enumerable:false,configurable:true});return t}());U.style=I;var C='*,*::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;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(222, 224, 228)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-top:0;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper{}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper{position:relative;width:100%;overflow:hidden;border-radius:8px;}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay{display:contents}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background,.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{position:absolute;width:100%;height:100%;pointer-events:none;border-radius:8px}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background{z-index:100;background:rgb(245, 248, 250)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{position:absolute;top:0;left:0;width:100%;height:100%;margin-block:1px;content:"";border-radius:8px;box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-theme-turva .duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{z-index:206;border:1px solid rgb(212, 223, 229)}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:inline-block;width:auto;padding:20px;margin-left:-2px;overflow:visible;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;line-height:1.1;text-align:left;text-decoration:none;cursor:pointer;border-right:2px solid rgb(212, 223, 229);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-group-stretch .duet-tab-button{flex:1 1 0;min-width:fit-content;text-align:center}.duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-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(23, 28, 58)}.duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button:hover{z-index:200;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-tab-button:hover{border-color:rgba(199, 202, 207, 0.8)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(198, 12, 48);border-color:rgb(222, 224, 228);border-bottom-color:rgb(198, 12, 48)}.duet-tab-button:focus{z-index:205;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tab-variation-default .duet-tab-button{z-index:200;padding:11px 20px 13px 20px;overflow:hidden;font-size:0.875rem;color:rgb(62, 84, 102);background:rgb(245, 248, 250);border:1px solid rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button.switch-large-at-always{padding:15px 28px 17px 28px;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-default .duet-tab-button.switch-large-at-small{padding:15px 28px 17px 28px;font-size:1rem}}.duet-tab-variation-default .duet-tab-button.selected{color:rgb(8, 42, 77);background:rgb(255, 255, 255);transition:none}.duet-tab-variation-default .duet-tab-button.selected::before{position:absolute;right:-1px;bottom:0;z-index:300;display:block;width:calc(100% + 2px);height:2px;content:"";background-color:rgb(0, 119, 179)}.duet-tab-variation-default .duet-tab-button.selected:focus-visible{outline:2px solid rgba(0, 119, 179, 0.8);outline-offset:-5px;box-shadow:none !important}.duet-tab-variation-default .duet-tab-button.selected:focus-visible::before{height:0}.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(30, 45, 59);background:rgb(228, 236, 239)}.duet-tab-variation-default .duet-tab-button:first-child{border-radius:8px 0 0 8px}.duet-tab-variation-default .duet-tab-button:last-child{border-radius:0 8px 8px 0}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button{z-index:200}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button:last-child{border-radius:0}.duet-theme-turva.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button::before{height:3px}.duet-theme-turva.duet-tab-variation-default .duet-tab-button{color:rgb(71, 78, 101)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected{color:rgb(23, 28, 58);background:rgb(255, 255, 255)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before{background-color:rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected){z-index:200;box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected){z-index:200;color:rgb(45, 52, 79);background:rgb(234, 235, 239)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:focus-visible{border-color:rgb(222, 224, 228);outline-color:rgba(199, 202, 207, 0.8)}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding:12px 0;margin-left:0;font-size:0.875rem;color:rgb(81, 105, 123);border-width:0;border-bottom:2px solid transparent;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button.switch-large-at-always{padding:20px 0;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-plain .duet-tab-button.switch-large-at-small{padding:20px 0;font-size:1rem}}.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button{color:rgb(71, 78, 101)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(45, 52, 79);border-bottom:2px solid rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(23, 28, 58);border-bottom:2px solid rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(181, 198, 208);border-top:2px solid rgb(181, 198, 208);border-bottom-color:rgb(0, 119, 179);border-left:2px solid rgb(181, 198, 208);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(181, 198, 208);border-bottom-color:rgb(113, 118, 132)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(240, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(113, 118, 132);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(98, 121, 138)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{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.5;color:rgb(8, 42, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{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)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(113, 118, 132)}';var E=C;var A=t("duet_tab_group",function(){function t(t){var a=this;e(this,t);this.duetChange=r(this,"duetChange",3);this.duetTabChange=r(this,"duetTabChange",7);this.duetTabChangeRequested=r(this,"duetTabChangeRequested",7);this.id=y("DuetTabGroup");this.handleKeyDown=function(t){var e;if(h(t)||p(t)){e=t.target.previousElementSibling}else if(f(t)||g(t)){e=t.target.nextElementSibling}if(b(t)&&!c(t)){t.preventDefault();a.element.querySelector(":scope > duet-tab[selected]").setFocus()}if(e){t.preventDefault();e.click();e.focus()}};this.onTabSelect=function(t){if(a.tabChangeConfirm){if(t!==a.selected){var e={value:t,component:"duet-tab-group"};a.duetTabChangeRequested.emit(e)}}else{a.openTab(t)}};this.scrollToActive=function(){setTimeout((function(){var t=a.tabsContainer.querySelector(".selected");if(t){t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}}),50)};this.tabs=[];this.selected=undefined;this.theme="";this.scrolls=true;this.collapses=false;this.accessibleLabel=undefined;this.variation="default";this.language=k();this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"};this.label=m(this.labelDefaults,this.language);this.labelHidden=true;this.identifier=this.id;this.margin="auto";this.padding="auto";this.setTabIndex=true;this.tabChangeConfirm=false;this.switchLargeBreakpoint="small";this.fillSpace=false;this.stretch=false}t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(typeof MutationObserver!=="undefined"){this.mutationO=new MutationObserver((function(){t.updateTabs()}));this.mutationO.observe(this.element,{attributes:true,attributeFilter:["label"],childList:true,characterData:true,subtree:true})}return[4,this.updateTabs()];case 1:e.sent();l(this);return[2]}}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}d(this)};t.prototype.componentWillLoad=function(){n(this)};t.prototype.componentDidLoad=function(){var t=this;this.intersectionObserver=new IntersectionObserver((function(e){if(e.length>0&&e[0].isIntersecting){t.scrollToActive();t.intersectionObserver.disconnect()}}),{root:null,threshold:0});this.intersectionObserver.observe(this.element)};t.prototype.openTab=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){if(t>=this.tabs.length){throw new Error("[duet-tabs] Index ".concat(t," is out of bounds of tabs length"))}this.selected=t;this.tabs.forEach((function(e,a){e.selected=a===t}));this.scrollToActive();e={value:t,component:"duet-tab-group"};this.duetChange.emit(e);this.duetTabChange.emit(e);return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.");return[2]}))}))};t.prototype.getTabs=function(){var t=this;var e=Array.from(this.element.querySelectorAll("duet-tab"));var a=e.filter((function(e){return e.closest("duet-tab-group")===t.element}));if(a.length===0){throw new Error("[duet-tabs] Must have at least one tab")}return a};t.prototype.getButtonId=function(t){return"".concat(this.id,"-button-").concat(t)};t.prototype.getTabId=function(t){return"".concat(this.id,"-tab-").concat(t)};t.prototype.getAccessibleDescription=function(t){var e=this.tabs[t].getAttribute("accessible-description")||null;return e};t.prototype.updateTabs=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.selected=undefined;this.tabs=this.getTabs();this.tabs.forEach((function(e,a){e.id=t.getTabId(a);if(e.selected){if(t.selected===undefined){t.selected=a}else{e.selected=false}}}));if(this.selected===undefined){this.selected=0;this.tabs[0].selected=true}return[2]}))}))};t.prototype.isCentered=function(){return window&&window.getComputedStyle(this.element).textAlign=="center"};t.prototype.render=function(){var t;var e=this;var o=this.variation==="plain-scrolling"?"duet-tab-variation-plain":"duet-tab-variation-".concat(this.variation);var i=this.variation==="checked"||this.variation==="plain-scrolling";var r="switch-large-at-".concat(this.switchLargeBreakpoint?this.switchLargeBreakpoint:"small");var n=this.tabs.map((function(t,o){var i;return a("button",{role:"tab",id:e.getButtonId(o),"aria-selected":t.selected?"true":"false","aria-description":e.getAccessibleDescription(o),tabindex:t.selected?"0":"-1",part:"".concat(e.identifier,"-button ").concat(t.selected?"".concat(e.identifier,"-button--selected"):""),type:"button",class:(i={"duet-p-0":e.padding==="none","duet-tab-button":true,"stackable-tab":e.variation==="checked"&&e.tabs.length<=3,selected:t.selected},i["duet-notification-mark-".concat(t.notificationMark)]=!!t.notificationMark,i[r]=["default","plain","plain-scrolling"].includes(e.variation)?true:false,i),onClick:function(){return e.onTabSelect(o)},onKeyDown:function(t){return e.handleKeyDown(t)}},e.variation==="checked"?a("div",{class:{"checked-tab-content":true,"stackable-checked-tab-content":e.tabs.length<=3}},a("div",{class:{"checked-tab-description":true,"stackable-description":e.tabs.length<=3}},a("p",null,t.label),a("p",{class:{"tab-caption":true,selected:t.selected}},t.caption)),a("div",{class:{"stackable-checkmark":e.tabs.length<=3}},a("duet-checkmark",{theme:e.theme,checked:t.selected,type:"radio","presentation-only":true,center:true}))):t.label)}));return a("div",{key:"b7f2848d57cafb3d41287f90b8c48b6870ca6e02",class:(t={"duet-tab-group":true,"duet-theme-turva":this.theme==="turva"},t[o]=true,t["duet-tab-plain-scrolling"]=this.variation==="plain-scrolling",t["duet-tab-group-scrolls"]=true,t),"aria-label":this.accessibleLabel},a("div",{key:"d96384958ba83c00c34e4e49d08ea6d90ace8b96",role:"tablist",class:{"duet-m-0":this.margin==="none"||this.variation==="checked","duet-tab-group-tabs":true,"duet-tab-group-hidden":this.tabs.length>3&&!i,"duet-tab-group-fill-space":this.fillSpace&&!this.stretch&&this.variation==="default","duet-tab-group-stretch":this.stretch},ref:function(t){e.tabsContainer=t}},this.variation==="checked"?n:a("div",{class:{"duet-tab-group-scrollable-wrapper":true,"duet-tab-group-fill-space-wrapper":this.fillSpace&&this.variation==="default"}},this.fillSpace&&!this.stretch&&this.variation==="default"&&a("div",{class:"duet-scrollable-stretch-overlay"},a("div",{class:"background"}),a("div",{class:"border"})),a("duet-scrollable",{selected:this.selected,identifier:this.identifier,gap:["default","plain","plain-scrolling"].includes(this.variation)?"none":"large",buttonPosition:this.variation==="default"?"absolute":"relative",center:this.isCentered()?this.isCentered():this.element.style.textAlign=="center",theme:this.theme,stretch:this.stretch},n))),a("div",{key:"1af41aa98fb13ebd5fb4f8913a8ae2a990007271",class:{"duet-tab-group-content":true,"duet-m-0":this.margin==="none","checked-group-content":this.variation==="checked"}},a("slot",{key:"2a232778878cbcd955bf24d008384d1dc02659e9"})))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());A.style=E}}}));
+ */System.register(["./p-fa2b069d.system.js","./p-6229bcd8.system.js","./p-71707f01.system.js","./p-752fa0fc.system.js","./p-b55d39ac.system.js","./p-9508ee67.system.js","./p-e6b5a1c7.system.js","./p-98636086.system.js","./p-64959c1d.system.js"],(function(t){"use strict";var e,a,o,i,r,n,s,u,l,d,b,c,h,p,f,g,m,v,x,k,w,y;return{setters:[function(t){e=t.r;a=t.h;o=t.H;i=t.g;r=t.c},function(t){n=t.i},function(t){s=t.h;u=t.a},function(t){l=t.s;d=t.u;b=t.o;c=t.p;h=t.d;p=t.b;f=t.a;g=t.c},function(t){m=t.g;v=t.c;x=t.d;k=t.a},function(t){w=t.d},function(t){y=t.c},function(){},function(){}],execute:function(){var z="*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:210;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-inline:10px;margin-inline:-10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-size:50% 100%, 50% 100%;-webkit-mask-position:left, right;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask-size:50% 100%, 50% 100%;mask-position:left, right;mask-repeat:no-repeat;}:host .duet-scrollable-items .duet-scrollable-list--absolute{padding-right:0;padding-left:2px;margin-inline:0;-webkit-mask:none !important;mask:none !important}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items .duet-scrollable-list.duet-scrollable-stretch{width:100%}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";var _=z;var j=t("duet_scrollable",function(){function t(t){var a=this;e(this,t);this.currentIndex=0;this.scrollPaneElement=undefined;this.hasCollapseButtonLabelSlot=false;this.resizeObserver=new ResizeObserver((function(t){if((t===null||t===void 0?void 0:t.length)===1){var e=a.getOverlayWidth();a.checkScrollingNeeded(t[0].target,e)}}));this.collapsedOnClick=function(){a.collapsed=!a.collapsed};this.scrollPaneAtStart=true;this.needsScrolling=true;this.scrollPaneAtEnd=false;this.childrenData={};this.theme="";this.identifier="";this.collapsed=false;this.buttons=true;this.buttonAlignment="center";this.buttonPosition="relative";this.center=false;this.padding="none";this.gap="large";this.selected=0;this.stretch=false}t.prototype.watchPropHandler=function(t){this.scrollToElement(t,"center")};t.prototype.componentWillLoad=function(){n(this);this.hasCollapseButtonLabelSlot=s(this.element,"collapse-button-label")};t.prototype.componentDidLoad=function(){var t=this;requestAnimationFrame((function(){if(t.scrollPaneElement){var e=t.buttonPosition==="absolute"?0:5;t.checkScrollingNeeded(t.scrollPaneElement,e);t.updateScrollButtons();t.resizeObserver.observe(t.scrollPaneElement)}}))};t.prototype.disconnectedCallback=function(){this.resizeObserver.disconnect()};t.prototype.getScrollPaneElements=function(){return u(this.element)};t.prototype.checkScrollingNeeded=function(t,e){if(t===void 0){t=this.scrollPaneElement}if(e===void 0){e=5}var a;if(!t){return}var o=((a=t.parentElement)===null||a===void 0?void 0:a.getBoundingClientRect().width)||0;var i=t.scrollWidth;var r=this.getOverlayWidth()*2;this.needsScrolling=i-r>o+e;if(!this.needsScrolling){this.scrollPaneAtStart=true;this.scrollPaneAtEnd=true}else{this.updateScrollButtons()}};t.prototype.getLastVisibleElement=function(){var t=this;var e=this.getScrollPaneElements().find((function(e){return e.getBoundingClientRect().x+e.getBoundingClientRect().width-t.scrollPaneElement.getBoundingClientRect().x>t.scrollPaneElement.clientWidth}));var a=this.getScrollPaneElements().indexOf(e);if(e.clientWidth>this.scrollPaneElement.clientWidth){return a}return a-1};t.prototype.getFirstVisibleElement=function(){var t=this;var e=this.getScrollPaneElements();var a=e.find((function(e){return e.getBoundingClientRect().x>t.scrollPaneElement.getBoundingClientRect().x}));var o=!a?e.length:e.indexOf(a);var i=Math.max(o-1,0);if(e[i].clientWidth>this.scrollPaneElement.clientWidth){return i}return o};t.prototype.updateScrollButtons=function(t,e){if(t===void 0){t=null}if(e===void 0){e=this.scrollPaneElement}if(!this.buttons){return}if(t&&t.clientWidth>this.scrollPaneElement.clientWidth){var a=this.getScrollPaneElements().indexOf(t);if(a==0){this.scrollPaneAtStart=true}if(a==this.getScrollPaneElements().length-1){this.scrollPaneAtEnd=true}return}if(e.scrollLeft<=0){this.scrollPaneAtStart=true}else if(e.scrollLeft>0){this.scrollPaneAtStart=false}var o=Math.round(e.clientWidth+e.scrollLeft+this.getOverlayWidth());var i=Math.round(e.scrollWidth);this.scrollPaneAtEnd=o>=i};t.prototype.scrollToElement=function(t,e){var a=this;if(t===void 0){t=this.currentIndex}var o=this.getScrollPaneElements();if(!o||o.length===0){return}if(t+1>=o.length){t=o.length-1}if(t<0){t=0}var i=o[0].getBoundingClientRect().x;var r=5;var n=function(){if(o[0].getBoundingClientRect().x===i){r--;if(r!==0){window.requestAnimationFrame(n);return}a.updateScrollButtons(o[t])}else{window.requestAnimationFrame(n);i=o[0].getBoundingClientRect().x}};o[t].scrollIntoView({behavior:"smooth",block:"nearest",inline:e});window.requestAnimationFrame(n)};t.prototype.scrollLeft=function(){this.scrollPaneAtEnd=false;var t=this.getFirstVisibleElement();this.scrollToElement(t-1,"center")};t.prototype.scrollRight=function(){this.scrollPaneAtStart=false;var t=this.getLastVisibleElement();this.scrollToElement(t+1,"center")};t.prototype.getOverlayWidth=function(){return this.buttonPosition==="absolute"?0:10};t.prototype.renderButton=function(t){var e,o;var i=this;var r=this.theme==="turva"?"color-primary-darker-turva":"color-primary";var n=this.theme==="turva"?"color-gray-turva":"color-gray";var s=function(){if(t==="left"){i.scrollLeft()}else{i.scrollRight()}};var u=t==="left"?this.scrollPaneAtStart:this.scrollPaneAtEnd;return a("div",{class:(e={"duet-scrollable-button-container":true},e["".concat(t)]=true,e["duet-scrollable-button-container--occluded"]=!this.needsScrolling,e["duet-scrollable-button-container--".concat(this.buttonPosition)]=true,e),hidden:!this.buttons||this.buttonPosition==="absolute"&&u},a("span",{part:"".concat(this.identifier,"-button-").concat(t),"aria-hidden":"true",class:(o={"duet-scrollable-button":true},o["duet-scrollable-button--".concat(this.buttonPosition)]=true,o["duet-scrollable-button--".concat(this.buttonAlignment)]=true,o["duet-scrollable-button--".concat(t)]=true,o),onClick:function(){s();if(document.activeElement){document.activeElement.blur()}},hidden:!this.buttons||u},a("duet-icon",{color:u?n:r,name:t==="left"?"action-arrow-left":"action-arrow-right",size:this.buttonPosition==="absolute"?"x-small":"small",margin:"none"})))};t.prototype.render=function(){var t;var e=this;return a(o,{key:"13b04f9678d2d876b3813ff3be4400c6d3cb8706",class:{"duet-theme-turva":this.theme==="turva","duet-theme-default":this.theme==="default"}},this.hasCollapseButtonLabelSlot&&a("div",{key:"5459a8a656904d8cf5930623b0590b533055be36",class:{collapse:true,hide:!this.needsScrolling&&!this.collapsed}},a("duet-button",{key:"0e1a7e9dd6e442d653ce8dbdc19831b3299d47c5",variation:"plain",margin:"none","center-text":true,onClick:function(){return e.collapsedOnClick()}},a("slot",{key:"8c534bbeea9b0f15915958ae3947ca479a141a07",name:"collapse-button-label"}))),a("div",{key:"333736ff3035d3ba6e12b6f73c38fad12af6ec6a",class:{"duet-scrollable-items":true,buttons:this.buttons,center:this.center,"duet-theme-turva":this.theme==="turva"}},this.buttons&&this.renderButton("left"),a("div",{key:"78c52fc83f55f4e9ab7bd9a3d12ec2c7a88f2e3f",class:(t={"duet-scrollable-list":true},t["duet-scrollable-list--".concat(this.buttonPosition)]=true,t["gap-".concat(this.gap)]=true,t.collapsed=this.collapsed,t["duet-overflow-padding--".concat(this.padding)]=this.padding!=="none",t["duet-scrollable-list--".concat(this.buttonPosition)]=this.buttonPosition==="absolute",t["duet-scrollable-stretch"]=this.stretch,t),onScroll:function(){return e.updateScrollButtons()},ref:function(t){return e.scrollPaneElement=t}},a("slot",{key:"95205e7b789573b3f5bfa2e542d81e2068968e93"})),this.buttons&&this.renderButton("right")))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["watchPropHandler"]}},enumerable:false,configurable:true});return t}());j.style=_;var S=".sc-duet-tab-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}.duet-tab.has-content-id.sc-duet-tab,.duet-tab.has-content-id.selected.sc-duet-tab{display:none}.user-is-tabbing.sc-duet-tab-h .duet-tab.sc-duet-tab:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-tab-h .duet-tab.duet-theme-turva.sc-duet-tab:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";var I=S;var U=t("duet_tab",function(){function t(t){var a=this;e(this,t);this.setupContentElement=function(){if(a.contentId){a.tabpanelElement=document.getElementById(a.contentId);if(a.tabpanelElement){a.tabpanelElement.setAttribute("role","tabpanel");a.tabpanelElement.setAttribute("tabindex","-1");a.tabpanelElement.removeEventListener("focus",a.tabpanelElementFocusListener);a.tabpanelElement.removeEventListener("blur",a.tabpanelElementBlurListener);a.tabpanelElement.addEventListener("focus",a.tabpanelElementFocusListener);a.tabpanelElement.addEventListener("blur",a.tabpanelElementBlurListener);if(a.accessibleDescription){a.tabpanelElement.setAttribute("aria-description",a.accessibleDescription)}if(a.accessibleLabelledBy){a.tabpanelElement.setAttribute("aria-labelledby",a.accessibleLabelledBy)}if(a.selected){a.tabpanelElement.toggleAttribute("hidden",false)}else{a.tabpanelElement.toggleAttribute("hidden",true)}}}};this.tabpanelElementFocusListener=function(){if(a.element.classList.contains("user-is-tabbing")){a.tabpanelElement.style.outline="0";a.tabpanelElement.style.boxShadow=w(a.theme==="turva"?"focus-turva":"focus")}};this.tabpanelElementBlurListener=function(){a.tabpanelElement.style.outline=null;a.tabpanelElement.style.boxShadow=null};this.theme="";this.label=undefined;this.caption=undefined;this.selected=undefined;this.notificationMark=undefined;this.accessibleDescriptionDefault=null;this.accessibleDescription=this.accessibleDescriptionDefault?m(this.accessibleDescriptionDefault):null;this.accessibleLabelledBy=undefined;this.contentId=undefined}t.prototype.componentWillLoad=function(){n(this)};t.prototype.connectedCallback=function(){v(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"});l(this);this.setupContentElement()};t.prototype.disconnectedCallback=function(){x(this);d(this);if(this.tabpanelElement){this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener.bind(this));this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener.bind(this));this.tabpanelElement=undefined}};t.prototype.setupSelected=function(t,e){if(!!t===!!e){return}this.setupContentElement()};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.tabpanelElement.focus(t);return[2]}))}))};t.prototype.render=function(){var t=this;return a("div",{ref:function(e){if(!t.contentId){t.tabpanelElement=e}},role:"tabpanel",class:{"duet-theme-turva":this.theme==="turva","duet-tab":true,selected:this.selected,"has-content-id":!!this.contentId},"aria-description":this.accessibleDescription,"aria-labelledby":this.accessibleLabelledBy,tabindex:"-1"},a("slot",null))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["setupSelected"]}},enumerable:false,configurable:true});return t}());U.style=I;var C='*,*::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;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(222, 224, 228)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-top:0;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper{}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper{position:relative;width:100%;overflow:hidden;border-radius:8px;}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay{display:contents}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background,.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{position:absolute;width:100%;height:100%;pointer-events:none;border-radius:8px}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background{z-index:100;background:rgb(245, 248, 250)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{position:absolute;top:0;left:0;width:100%;height:100%;margin-block:1px;content:"";border-radius:8px;box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-theme-turva .duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{z-index:206;border:1px solid rgb(212, 223, 229)}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:inline-block;width:auto;padding:20px;margin-left:-2px;overflow:visible;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;line-height:1.1;text-align:left;text-decoration:none;cursor:pointer;border-right:2px solid rgb(212, 223, 229);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-group-stretch .duet-tab-button{flex:1 1 0;min-width:fit-content;text-align:center}.duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-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(23, 28, 58)}.duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button:hover{z-index:200;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-tab-button:hover{border-color:rgba(199, 202, 207, 0.8)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(198, 12, 48);border-color:rgb(222, 224, 228);border-bottom-color:rgb(198, 12, 48)}.duet-tab-button:focus{z-index:205;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tab-variation-default .duet-tab-button{z-index:200;padding:11px 20px 13px 20px;overflow:hidden;font-size:0.875rem;color:rgb(62, 84, 102);background:rgb(245, 248, 250);border:1px solid rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button.switch-large-at-always{padding:15px 28px 17px 28px;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-default .duet-tab-button.switch-large-at-small{padding:15px 28px 17px 28px;font-size:1rem}}.duet-tab-variation-default .duet-tab-button.selected{color:rgb(8, 42, 77);background:rgb(255, 255, 255);transition:none}.duet-tab-variation-default .duet-tab-button.selected::before{position:absolute;right:-1px;bottom:0;z-index:300;display:block;width:calc(100% + 2px);height:2px;content:"";background-color:rgb(0, 119, 179)}.duet-tab-variation-default .duet-tab-button.selected:focus-visible{outline:2px solid rgba(0, 119, 179, 0.8);outline-offset:-5px;box-shadow:none !important}.duet-tab-variation-default .duet-tab-button.selected:focus-visible::before{height:0}.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(30, 45, 59);background:rgb(228, 236, 239)}.duet-tab-variation-default .duet-tab-button:first-child{border-radius:8px 0 0 8px}.duet-tab-variation-default .duet-tab-button:last-child{border-radius:0 8px 8px 0}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button{z-index:200}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button:last-child{border-radius:0}.duet-theme-turva.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button::before{height:3px}.duet-theme-turva.duet-tab-variation-default .duet-tab-button{color:rgb(71, 78, 101)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected{color:rgb(23, 28, 58);background:rgb(255, 255, 255)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before{background-color:rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected){z-index:200;box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected){z-index:200;color:rgb(45, 52, 79);background:rgb(234, 235, 239)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:focus-visible{border-color:rgb(222, 224, 228);outline-color:rgba(199, 202, 207, 0.8)}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding:12px 0;margin-left:0;font-size:0.875rem;color:rgb(81, 105, 123);border-width:0;border-bottom:2px solid transparent;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button.switch-large-at-always{padding:20px 0;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-plain .duet-tab-button.switch-large-at-small{padding:20px 0;font-size:1rem}}.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button{color:rgb(71, 78, 101)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(45, 52, 79);border-bottom:2px solid rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(23, 28, 58);border-bottom:2px solid rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(181, 198, 208);border-top:2px solid rgb(181, 198, 208);border-bottom-color:rgb(0, 119, 179);border-left:2px solid rgb(181, 198, 208);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(181, 198, 208);border-bottom-color:rgb(113, 118, 132)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(240, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(113, 118, 132);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(98, 121, 138)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{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.5;color:rgb(8, 42, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{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)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(113, 118, 132)}';var E=C;var A=t("duet_tab_group",function(){function t(t){var a=this;e(this,t);this.duetChange=r(this,"duetChange",3);this.duetTabChange=r(this,"duetTabChange",7);this.duetTabChangeRequested=r(this,"duetTabChangeRequested",7);this.id=y("DuetTabGroup");this.handleKeyDown=function(t){var e;if(h(t)||p(t)){e=t.target.previousElementSibling}else if(f(t)||g(t)){e=t.target.nextElementSibling}if(b(t)&&!c(t)){t.preventDefault();a.element.querySelector(":scope > duet-tab[selected]").setFocus()}if(e){t.preventDefault();e.click();e.focus()}};this.onTabSelect=function(t){if(a.tabChangeConfirm){if(t!==a.selected){var e={value:t,component:"duet-tab-group"};a.duetTabChangeRequested.emit(e)}}else{a.openTab(t)}};this.scrollToActive=function(){setTimeout((function(){var t=a.tabsContainer.querySelector(".selected");if(t){t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}}),50)};this.tabs=[];this.selected=undefined;this.theme="";this.scrolls=true;this.collapses=false;this.accessibleLabel=undefined;this.variation="default";this.language=k();this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"};this.label=m(this.labelDefaults,this.language);this.labelHidden=true;this.identifier=this.id;this.margin="auto";this.padding="auto";this.setTabIndex=true;this.tabChangeConfirm=false;this.switchLargeBreakpoint="small";this.fillSpace=false;this.stretch=false}t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(typeof MutationObserver!=="undefined"){this.mutationO=new MutationObserver((function(){t.updateTabs()}));this.mutationO.observe(this.element,{attributes:true,attributeFilter:["label"],childList:true,characterData:true,subtree:true})}return[4,this.updateTabs()];case 1:e.sent();l(this);return[2]}}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}d(this)};t.prototype.componentWillLoad=function(){n(this)};t.prototype.componentDidLoad=function(){var t=this;this.intersectionObserver=new IntersectionObserver((function(e){if(e.length>0&&e[0].isIntersecting){t.scrollToActive();t.intersectionObserver.disconnect()}}),{root:null,threshold:0});this.intersectionObserver.observe(this.element)};t.prototype.openTab=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){if(t>=this.tabs.length){throw new Error("[duet-tabs] Index ".concat(t," is out of bounds of tabs length"))}this.selected=t;this.tabs.forEach((function(e,a){e.selected=a===t}));this.scrollToActive();e={value:t,component:"duet-tab-group"};this.duetChange.emit(e);this.duetTabChange.emit(e);return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.");return[2]}))}))};t.prototype.getTabs=function(){var t=this;var e=Array.from(this.element.querySelectorAll("duet-tab"));var a=e.filter((function(e){return e.closest("duet-tab-group")===t.element}));if(a.length===0){throw new Error("[duet-tabs] Must have at least one tab")}return a};t.prototype.getButtonId=function(t){return"".concat(this.id,"-button-").concat(t)};t.prototype.getTabId=function(t){return"".concat(this.id,"-tab-").concat(t)};t.prototype.getAccessibleDescription=function(t){var e=this.tabs[t].getAttribute("accessible-description")||null;return e};t.prototype.updateTabs=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.selected=undefined;this.tabs=this.getTabs();this.tabs.forEach((function(e,a){e.id=t.getTabId(a);if(e.selected){if(t.selected===undefined){t.selected=a}else{e.selected=false}}}));if(this.selected===undefined){this.selected=0;this.tabs[0].selected=true}return[2]}))}))};t.prototype.isCentered=function(){return window&&window.getComputedStyle(this.element).textAlign=="center"};t.prototype.render=function(){var t;var e=this;var o=this.variation==="plain-scrolling"?"duet-tab-variation-plain":"duet-tab-variation-".concat(this.variation);var i=this.variation==="checked"||this.variation==="plain-scrolling";var r="switch-large-at-".concat(this.switchLargeBreakpoint?this.switchLargeBreakpoint:"small");var n=this.tabs.map((function(t,o){var i;return a("button",{role:"tab",id:e.getButtonId(o),"aria-selected":t.selected?"true":"false","aria-description":e.getAccessibleDescription(o),tabindex:t.selected?"0":"-1",part:"".concat(e.identifier,"-button ").concat(t.selected?"".concat(e.identifier,"-button--selected"):""),type:"button",class:(i={"duet-p-0":e.padding==="none","duet-tab-button":true,"stackable-tab":e.variation==="checked"&&e.tabs.length<=3,selected:t.selected},i["duet-notification-mark-".concat(t.notificationMark)]=!!t.notificationMark,i[r]=["default","plain","plain-scrolling"].includes(e.variation)?true:false,i),onClick:function(){return e.onTabSelect(o)},onKeyDown:function(t){return e.handleKeyDown(t)}},e.variation==="checked"?a("div",{class:{"checked-tab-content":true,"stackable-checked-tab-content":e.tabs.length<=3}},a("div",{class:{"checked-tab-description":true,"stackable-description":e.tabs.length<=3}},a("p",null,t.label),a("p",{class:{"tab-caption":true,selected:t.selected}},t.caption)),a("div",{class:{"stackable-checkmark":e.tabs.length<=3}},a("duet-checkmark",{theme:e.theme,checked:t.selected,type:"radio","presentation-only":true,center:true}))):t.label)}));return a("div",{key:"b7f2848d57cafb3d41287f90b8c48b6870ca6e02",class:(t={"duet-tab-group":true,"duet-theme-turva":this.theme==="turva"},t[o]=true,t["duet-tab-plain-scrolling"]=this.variation==="plain-scrolling",t["duet-tab-group-scrolls"]=true,t),"aria-label":this.accessibleLabel},a("div",{key:"d96384958ba83c00c34e4e49d08ea6d90ace8b96",role:"tablist",class:{"duet-m-0":this.margin==="none"||this.variation==="checked","duet-tab-group-tabs":true,"duet-tab-group-hidden":this.tabs.length>3&&!i,"duet-tab-group-fill-space":this.fillSpace&&!this.stretch&&this.variation==="default","duet-tab-group-stretch":this.stretch},ref:function(t){e.tabsContainer=t}},this.variation==="checked"?n:a("div",{class:{"duet-tab-group-scrollable-wrapper":true,"duet-tab-group-fill-space-wrapper":this.fillSpace&&this.variation==="default"}},this.fillSpace&&!this.stretch&&this.variation==="default"&&a("div",{class:"duet-scrollable-stretch-overlay"},a("div",{class:"background"}),a("div",{class:"border"})),a("duet-scrollable",{selected:this.selected,identifier:this.identifier,gap:["default","plain","plain-scrolling"].includes(this.variation)?"none":"large",buttonPosition:this.variation==="default"?"absolute":"relative",center:this.isCentered()?this.isCentered():this.element.style.textAlign=="center",theme:this.theme,stretch:this.stretch},n))),a("div",{key:"1af41aa98fb13ebd5fb4f8913a8ae2a990007271",class:{"duet-tab-group-content":true,"duet-m-0":this.margin==="none","checked-group-content":this.variation==="checked"}},a("slot",{key:"2a232778878cbcd955bf24d008384d1dc02659e9"})))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());A.style=E}}}));