@duetds/components 8.7.2 → 8.7.4

package/lib/duet/{p-7babcd63.entry.js → p-8f78f1dc.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,c as i,h as e,H as n,g as u}from"./p-2d37a1eb.js";import{f as s}from"./p-d004da5f.js";import{i as a}from"./p-aaa7a7bd.js";import{c as o}from"./p-5e59e970.js";import{c as r,r as d}from"./p-df7874f9.js";import{f as p,j as l}from"./p-a1b7f2a0.js";import{a as c,c as h,d as b}from"./p-c235738e.js";import{c as m}from"./p-f40b9f96.js";import{g as v}from"./p-1784b1d2.js";import"./p-0e052642.js";import"./p-4a901bfc.js";const g={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>'}},x=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.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.onInput=t=>{this.disallowPatternRegex&&r(this.nativeInput,this.disallowPatternRegex),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.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.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),t.length>0?t.join(" "):null},this.handleClearClick=t=>{const i=this.clearInput();return this.onClear(t),i},this.keyHandler=t=>(p(t)&&this.clear&&this.handleClearClick(t),l(t)&&"revealable"===this.variation&&(t.target===this.togglePasswordRevealedButton?t.stopPropagation():this.isPasswordRevealed=!1),t),this.togglePasswordRevealed=()=>{this.isPasswordRevealed=!this.isPasswordRevealed},this.getInputType=()=>"revealable"===this.variation?this.isPasswordRevealed?"text":"password":this.type,this.language=c(),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.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(){var t;if((null===(t=null==this?void 0:this.nativeInput)||void 0===t?void 0:t.value)!==this.value){const t=d(this.nativeInput);this.nativeInput.value=this.value,t()}this.isCaptionVisible=!!this.caption;const i=()=>this.duetChange.emit({value:this.value,component:"duet-input"});0===this.debounce?i():(clearTimeout(this.timeoutId),this.timeoutId=setTimeout(i,this.debounce))}componentWillLoad(){a(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,m(this.element,"tooltip","duet-tooltip",1,!0)}componentDidLoad(){"revealable"===this.variation&&this.nativeInput.form&&this.nativeInput.form.addEventListener("submit",(()=>{this.isPasswordRevealed=!1}))}connectedCallback(){h(this)}disconnectedCallback(){b(this)}async setFocus(t){this.nativeInput&&this.nativeInput.focus(t)}async resetCursor(){if(this.nativeInput){const t=d(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"))}async addChip(t){const i=this.element.querySelector(".duet-input-relative"),e=i.querySelector("input:not(duet-chip input)");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 u;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){u=new Date;try{u.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(t){u=void 0}}const s=!this.icon&&"text"!==this.type&&"tel"!==this.type&&"password"!==this.type&&"time"!==this.type&&"button"!==this.variation;return e(n,{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"},u?`${this.timeAnnouncement[this.language]} ${u.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),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},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.getDescribedBy(),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:g[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}},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 u(this)}static get watchers(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}}};x.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(0, 41, 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, 77, 128)}.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.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-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-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(0, 41, 77)}.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(0, 41, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(144, 149, 153) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !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(222, 35, 98) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(224, 42, 13) !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(116, 116, 117) !important}.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(101, 119, 135);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(101, 119, 135);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 207, 209)}.duet-input[disabled].sc-duet-input{color:rgb(0, 41, 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(0, 41, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !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(101, 119, 135);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(116, 116, 117)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(224, 42, 13)}.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{position:relative;width:100%}.duet-input-variation-button.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{z-index:250;margin-bottom:0}.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-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(144, 149, 153);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(116, 116, 117)}.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(225, 227, 230);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(222, 35, 98)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(224, 42, 13)}.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(144, 149, 153);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(116, 116, 117)}.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;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 f=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=v(this.color);return e(n,{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 u(this)}};f.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(0, 41, 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{x as duet_input,f as duet_label}
+import{r as t,c as i,h as e,H as n,g as u}from"./p-7bd92c3a.js";import{f as s}from"./p-d004da5f.js";import{i as a}from"./p-aaa7a7bd.js";import{c as o}from"./p-5e59e970.js";import{c as r,r as d}from"./p-df7874f9.js";import{f as p,j as l}from"./p-a1b7f2a0.js";import{a as c,c as h,d as b}from"./p-8c0f870d.js";import{c as m}from"./p-60bf7327.js";import{g as v}from"./p-1784b1d2.js";import"./p-0e052642.js";import"./p-4a901bfc.js";const g={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>'}},x=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.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.onInput=t=>{this.disallowPatternRegex&&r(this.nativeInput,this.disallowPatternRegex),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.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.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),t.length>0?t.join(" "):null},this.handleClearClick=t=>{const i=this.clearInput();return this.onClear(t),i},this.keyHandler=t=>(p(t)&&this.clear&&this.handleClearClick(t),l(t)&&"revealable"===this.variation&&(t.target===this.togglePasswordRevealedButton?t.stopPropagation():this.isPasswordRevealed=!1),t),this.togglePasswordRevealed=()=>{this.isPasswordRevealed=!this.isPasswordRevealed},this.getInputType=()=>"revealable"===this.variation?this.isPasswordRevealed?"text":"password":this.type,this.language=c(),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.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(){var t;if((null===(t=null==this?void 0:this.nativeInput)||void 0===t?void 0:t.value)!==this.value){const t=d(this.nativeInput);this.nativeInput.value=this.value,t()}this.isCaptionVisible=!!this.caption;const i=()=>this.duetChange.emit({value:this.value,component:"duet-input"});0===this.debounce?i():(clearTimeout(this.timeoutId),this.timeoutId=setTimeout(i,this.debounce))}componentWillLoad(){a(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,m(this.element,"tooltip","duet-tooltip",1,!0)}componentDidLoad(){"revealable"===this.variation&&this.nativeInput.form&&this.nativeInput.form.addEventListener("submit",(()=>{this.isPasswordRevealed=!1}))}connectedCallback(){h(this)}disconnectedCallback(){b(this)}async setFocus(t){this.nativeInput&&this.nativeInput.focus(t)}async resetCursor(){if(this.nativeInput){const t=d(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"))}async addChip(t){const i=this.element.querySelector(".duet-input-relative"),e=i.querySelector("input:not(duet-chip input)");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 u;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){u=new Date;try{u.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(t){u=void 0}}const s=!this.icon&&"text"!==this.type&&"tel"!==this.type&&"password"!==this.type&&"time"!==this.type&&"button"!==this.variation;return e(n,{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"},u?`${this.timeAnnouncement[this.language]} ${u.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),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},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.getDescribedBy(),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:g[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}},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 u(this)}static get watchers(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}}};x.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(0, 41, 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, 77, 128)}.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.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-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-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(0, 41, 77)}.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(0, 41, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(144, 149, 153) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !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(222, 35, 98) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(224, 42, 13) !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(116, 116, 117) !important}.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(101, 119, 135);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(101, 119, 135);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 207, 209)}.duet-input[disabled].sc-duet-input{color:rgb(0, 41, 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(0, 41, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !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(101, 119, 135);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(116, 116, 117)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(224, 42, 13)}.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{position:relative;width:100%}.duet-input-variation-button.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{z-index:250;margin-bottom:0}.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-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(144, 149, 153);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(116, 116, 117)}.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(225, 227, 230);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(222, 35, 98)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(224, 42, 13)}.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(144, 149, 153);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(116, 116, 117)}.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;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 f=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=v(this.color);return e(n,{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 u(this)}};f.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(0, 41, 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{x as duet_input,f as duet_label}

package/lib/duet/{p-a3d6495a.system.entry.js → p-90e22c34.system.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-System.register(["./p-4d4bba14.system.js","./p-e216bea4.system.js"],(function(e){"use strict";var a,t,i,r;return{setters:[function(e){a=e.r;t=e.h;i=e.H},function(e){r=e.i}],execute:function(){var n='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-repeat:no-repeat}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}';var s=n;var o=e("duet_shaped_image",function(){function e(e){a(this,e);this.theme="";this.accessibleLabel=undefined;this.margin="auto";this.src=undefined;this.rotation=7}e.prototype.componentWillLoad=function(){r(this)};e.prototype.render=function(){var e={"--rotation":"".concat(this.rotation,"deg")};return t(i,{key:"8ead01568c296258869626437f5216e403e31583",class:{"duet-theme-turva":this.theme==="turva","duet-m-0":this.margin==="none"}},t("span",{key:"1cb0e51d54e12692aa3675ffd0e971ea7a268fb4",class:{"shaped-image":true},role:"img","aria-label":this.accessibleLabel,style:e},t("span",{key:"aab0e0ee894d1fac79d13fb3c733b89b849e8b4e",class:"shaped-image-mask",role:"presentation"},t("span",{key:"4f53551cbf381bc3a2ec3986f42442c8e099c9fe",class:"shaped-image-img",role:"presentation",style:{backgroundImage:'url("'.concat(this.src,'")')}}))))};return e}());o.style=s}}}));
+System.register(["./p-d8863869.system.js","./p-e216bea4.system.js"],(function(e){"use strict";var a,t,i,r;return{setters:[function(e){a=e.r;t=e.h;i=e.H},function(e){r=e.i}],execute:function(){var n='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-repeat:no-repeat}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}';var s=n;var o=e("duet_shaped_image",function(){function e(e){a(this,e);this.theme="";this.accessibleLabel=undefined;this.margin="auto";this.src=undefined;this.rotation=7}e.prototype.componentWillLoad=function(){r(this)};e.prototype.render=function(){var e={"--rotation":"".concat(this.rotation,"deg")};return t(i,{key:"cd0b0f6d908af8e5c1788f66c005af3d54ec8686",class:{"duet-theme-turva":this.theme==="turva","duet-m-0":this.margin==="none"}},t("span",{key:"ab56ab6af75d0a182f5a02ead485ffc9f4205ea4",class:{"shaped-image":true},role:"img","aria-label":this.accessibleLabel,style:e},t("span",{key:"7933b45865574df0185d2ee4913cba4744215d87",class:"shaped-image-mask",role:"presentation"},t("span",{key:"5ad7e042965e34bc68d5e6f277a4f222590e83cc",class:"shaped-image-img",role:"presentation",style:{backgroundImage:'url("'.concat(this.src,'")')}}))))};return e}());o.style=s}}}));

package/lib/duet/{p-5ee5d727.system.js → p-93087deb.system.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-System.register(["./p-4d4bba14.system.js"],(function(n){"use strict";return{setters:[function(){}],execute:function(){var r=function(n,r){var e=Array.from(n.querySelectorAll(":scope > *"));return e.filter((function(n){return n.matches("[slot='".concat(r,"']"))}))};var e=n("g",(function(n){var r=Array.from(n.querySelectorAll(":scope > *"));return r.filter((function(n){return!n.getAttribute("slot")}))}));var t=n("h",(function(n,t){return t?r(n,t).length>0:e(n).length>0}));var u=n("c",(function(n,e,t,u,o){if(u===void 0){u=0}if(o===void 0){o=false}var i=o?"error":"warn";var s=[];var f=r(n,e);var a=f.filter((function(n){if(n.matches(t)){return true}s.push('Only elements matcing selector "'.concat(t,'" may be used in slot ').concat(e,", found:\n").concat(n.outerHTML));if(o){n.remove();return false}return true}));if(u&&a.length>u){s.push("Only ".concat(u," element").concat(u>1?"s":""," may be used in slot ").concat(e,", found ").concat(f.length,"."));if(o){a.slice(u).forEach((function(n){return n.remove()}))}}if(s.length>0){console[i]("Duet ".concat(i," in ").concat(n.tagName.toLowerCase(),":\n").concat(s.join("\n")).concat(o?"\nElement".concat(s.length>1?"s":""," removed."):""))}}))}}}));
+System.register(["./p-d8863869.system.js"],(function(n){"use strict";return{setters:[function(){}],execute:function(){var r=function(n,r){var e=Array.from(n.querySelectorAll(":scope > *"));return e.filter((function(n){return n.matches("[slot='".concat(r,"']"))}))};var e=n("g",(function(n){var r=Array.from(n.querySelectorAll(":scope > *"));return r.filter((function(n){return!n.getAttribute("slot")}))}));var t=n("h",(function(n,t){return t?r(n,t).length>0:e(n).length>0}));var u=n("c",(function(n,e,t,u,o){if(u===void 0){u=0}if(o===void 0){o=false}var i=o?"error":"warn";var s=[];var f=r(n,e);var c=f.filter((function(n){if(n.matches(t)){return true}s.push('Only elements matcing selector "'.concat(t,'" may be used in slot ').concat(e,", found:\n").concat(n.outerHTML));if(o){n.remove();return false}return true}));if(u&&c.length>u){s.push("Only ".concat(u," element").concat(u>1?"s":""," may be used in slot ").concat(e,", found ").concat(f.length,"."));if(o){c.slice(u).forEach((function(n){return n.remove()}))}}if(s.length>0){console[i]("Duet ".concat(i," in ").concat(n.tagName.toLowerCase(),":\n").concat(s.join("\n")).concat(o?"\nElement".concat(s.length>1?"s":""," removed."):""))}}))}}}));

package/lib/duet/{p-907b2f41.system.entry.js → p-9428471f.system.entry.js}

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,i,r){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function d(e){try{s(r.next(e))}catch(e){a(e)}}function n(e){try{s(r["throw"](e))}catch(e){a(e)}}function s(e){e.done?i(e.value):o(e.value).then(d,n)}s((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,d;return d={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function n(e){return function(t){return s([e,t])}}function s(n){if(r)throw new TypeError("Generator is already executing.");while(d&&(d=0,n[0]&&(i=0)),i)try{if(r=1,o&&(a=n[0]&2?o["return"]:n[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,n[1])).done)return a;if(o=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;o=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){i.label=n[1];break}if(n[0]===6&&i.label<a[1]){i.label=a[1];a=n;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(n);break}if(a[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];o=0}finally{r=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */System.register(["./p-4d4bba14.system.js","./p-e216bea4.system.js","./p-e6b5a1c7.system.js","./p-5ee5d727.system.js","./p-afad5fd3.system.js"],(function(e){"use strict";var t,i,r,o,a,d,n,s,u,c;return{setters:[function(e){t=e.r;i=e.c;r=e.h;o=e.H;a=e.g},function(e){d=e.i},function(e){n=e.c},function(e){s=e.c},function(e){u=e.f;c=e.w}],execute:function(){var h='*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;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;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{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-label.sc-duet-radio .duet-label-content.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:"";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(23, 28, 58)}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:"";background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(23, 28, 58)}.duet-radio[disabled].sc-duet-radio{cursor:default}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid rgb(144, 149, 153)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(144, 149, 153)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}';var l=h;var f=e("duet_radio",function(){function e(e){var r=this;t(this,e);this.duetChange=i(this,"duetChange",7);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.radioId=n("DuetRadio");this.onClick=function(e){e.stopPropagation()};this.onChange=function(e){r.checked=r.nativeInput.checked||false;if(r.checked&&!r.blockEvents){r.duetChange.emit({originalEvent:e,checked:r.checked,value:r.value,component:"duet-radio"})}};this.onBlur=function(e){r.duetBlur.emit({originalEvent:e,checked:r.checked,value:r.value,component:"duet-radio"})};this.onFocus=function(e){r.duetFocus.emit({originalEvent:e,checked:r.checked,value:r.value,component:"duet-radio"})};this.accessibleActiveDescendant=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleIndex=undefined;this.margin="auto";this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.theme="";this.disabled=false;this.required=false;this.blockEvents=false;this.identifier=undefined;this.label="label";this.name=undefined;this.role=undefined;this.groupDisabled=undefined;this.groupDirection=undefined;this.groupResponsive=undefined;this.checked=undefined;this.value=undefined}e.prototype.componentWillLoad=function(){d(this);this.hasLabel=!!this.element.querySelector(":scope > [slot='label']");if(this.value===undefined){this.value=this.identifier}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.radioId;return r(o,{onClick:this.onClick,class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none"}},r("div",{class:{"duet-radio-container":true,"duet-theme-turva":this.theme==="turva"}},r("input",{type:"radio",onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,value:this.value,tabindex:this.accessibleIndex,class:{"duet-radio":true,disabled:this.disabled||this.groupDisabled},checked:this.checked,disabled:this.disabled||this.groupDisabled,required:this.required,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,role:this.role,name:this.name,id:t,ref:function(t){return e.nativeInput=t}}),r("label",{class:"duet-label",htmlFor:t},r("div",{class:"duet-label-content"},this.hasLabel?r("slot",{name:"label"}):this.label))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());f.style=l;var b="*.sc-duet-radio-group,*.sc-duet-radio-group::after,*.sc-duet-radio-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-group-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%}.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:flex}}.horizontal.sc-duet-radio-group-h .duet-radio-group.duet-no-stacking.sc-duet-radio-group{display:flex}.deut-radio-group.sc-duet-radio-group{width:100%}";var p=b;var g=e("duet_radio_group",function(){function e(e){var i=this;t(this,e);this.onSelect=function(e){var t=e.target;if(t){i.value=t.value}e.cancelBubble=true};this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.tooltip="";this.tooltipDirection="auto";this.name=undefined;this.label="Label";this.labelHidden=false;this.caption="";this.responsive=false;this.value=undefined;this.disabled=undefined;this.required=false;this.accessibleLiveError="polite"}e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var i=this;return __generator(this,(function(r){switch(r.label){case 0:e=this.element;if(!(this.value===undefined))return[3,2];t=u(e,"duet-radio");if(!(t!==undefined))return[3,2];return[4,t.componentOnReady()];case 1:r.sent();if(this.value===undefined){this.value=t.value}r.label=2;case 2:this.mutationO=c(e,"duet-radio",(function(e){if(e!==undefined){e.componentOnReady().then((function(){i.value=e.value}))}else{i.updateRadios()}}));this.updateRadios();return[2]}}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};e.prototype.componentWillLoad=function(){d(this);s(this.element,"tooltip","duet-tooltip",1,true)};e.prototype.updateRadios=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,r,o,a;return __generator(this,(function(d){e=Array.from(this.element.querySelectorAll("duet-radio"));t=this.value;i=false;for(r=0,o=e;r<o.length;r++){a=o[r];a.name=this.name;a.required=this.required;a.groupDisabled=this.disabled;a.groupDirection=this.direction;a.groupResponsive=this.responsive;if(!i&&a.value===t){i=true;a.checked=true}else{a.checked=false}}if(!i){this.value=undefined}return[2]}))}))};e.prototype.render=function(){return r(o,{onDuetChange:this.onSelect,class:{horizontal:this.direction==="horizontal"}},r("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&r("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),r("slot",{name:"tooltip"}),r("div",{class:{"duet-radio-group":true,"duet-no-stacking":!this.responsive}},r("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["updateRadios"],value:["updateRadios"],disabled:["updateRadios"],direction:["updateRadios"],responsive:["updateRadios"]}},enumerable:false,configurable:true});return e}());g.style=p}}}));
+ */System.register(["./p-d8863869.system.js","./p-e216bea4.system.js","./p-e6b5a1c7.system.js","./p-93087deb.system.js","./p-afad5fd3.system.js"],(function(e){"use strict";var t,i,r,o,a,d,n,s,u,c;return{setters:[function(e){t=e.r;i=e.c;r=e.h;o=e.H;a=e.g},function(e){d=e.i},function(e){n=e.c},function(e){s=e.c},function(e){u=e.f;c=e.w}],execute:function(){var h='*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;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;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{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-label.sc-duet-radio .duet-label-content.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:"";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(23, 28, 58)}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:"";background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(23, 28, 58)}.duet-radio[disabled].sc-duet-radio{cursor:default}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid rgb(144, 149, 153)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(144, 149, 153)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}';var l=h;var f=e("duet_radio",function(){function e(e){var r=this;t(this,e);this.duetChange=i(this,"duetChange",7);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.radioId=n("DuetRadio");this.onClick=function(e){e.stopPropagation()};this.onChange=function(e){r.checked=r.nativeInput.checked||false;if(r.checked&&!r.blockEvents){r.duetChange.emit({originalEvent:e,checked:r.checked,value:r.value,component:"duet-radio"})}};this.onBlur=function(e){r.duetBlur.emit({originalEvent:e,checked:r.checked,value:r.value,component:"duet-radio"})};this.onFocus=function(e){r.duetFocus.emit({originalEvent:e,checked:r.checked,value:r.value,component:"duet-radio"})};this.accessibleActiveDescendant=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleIndex=undefined;this.margin="auto";this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.theme="";this.disabled=false;this.required=false;this.blockEvents=false;this.identifier=undefined;this.label="label";this.name=undefined;this.role=undefined;this.groupDisabled=undefined;this.groupDirection=undefined;this.groupResponsive=undefined;this.checked=undefined;this.value=undefined}e.prototype.componentWillLoad=function(){d(this);this.hasLabel=!!this.element.querySelector(":scope > [slot='label']");if(this.value===undefined){this.value=this.identifier}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.radioId;return r(o,{onClick:this.onClick,class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none"}},r("div",{class:{"duet-radio-container":true,"duet-theme-turva":this.theme==="turva"}},r("input",{type:"radio",onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,value:this.value,tabindex:this.accessibleIndex,class:{"duet-radio":true,disabled:this.disabled||this.groupDisabled},checked:this.checked,disabled:this.disabled||this.groupDisabled,required:this.required,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,role:this.role,name:this.name,id:t,ref:function(t){return e.nativeInput=t}}),r("label",{class:"duet-label",htmlFor:t},r("div",{class:"duet-label-content"},this.hasLabel?r("slot",{name:"label"}):this.label))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());f.style=l;var b="*.sc-duet-radio-group,*.sc-duet-radio-group::after,*.sc-duet-radio-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-group-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%}.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:flex}}.horizontal.sc-duet-radio-group-h .duet-radio-group.duet-no-stacking.sc-duet-radio-group{display:flex}.deut-radio-group.sc-duet-radio-group{width:100%}";var p=b;var g=e("duet_radio_group",function(){function e(e){var i=this;t(this,e);this.onSelect=function(e){var t=e.target;if(t){i.value=t.value}e.cancelBubble=true};this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.tooltip="";this.tooltipDirection="auto";this.name=undefined;this.label="Label";this.labelHidden=false;this.caption="";this.responsive=false;this.value=undefined;this.disabled=undefined;this.required=false;this.accessibleLiveError="polite"}e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var i=this;return __generator(this,(function(r){switch(r.label){case 0:e=this.element;if(!(this.value===undefined))return[3,2];t=u(e,"duet-radio");if(!(t!==undefined))return[3,2];return[4,t.componentOnReady()];case 1:r.sent();if(this.value===undefined){this.value=t.value}r.label=2;case 2:this.mutationO=c(e,"duet-radio",(function(e){if(e!==undefined){e.componentOnReady().then((function(){i.value=e.value}))}else{i.updateRadios()}}));this.updateRadios();return[2]}}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};e.prototype.componentWillLoad=function(){d(this);s(this.element,"tooltip","duet-tooltip",1,true)};e.prototype.updateRadios=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,r,o,a;return __generator(this,(function(d){e=Array.from(this.element.querySelectorAll("duet-radio"));t=this.value;i=false;for(r=0,o=e;r<o.length;r++){a=o[r];a.name=this.name;a.required=this.required;a.groupDisabled=this.disabled;a.groupDirection=this.direction;a.groupResponsive=this.responsive;if(!i&&a.value===t){i=true;a.checked=true}else{a.checked=false}}if(!i){this.value=undefined}return[2]}))}))};e.prototype.render=function(){return r(o,{onDuetChange:this.onSelect,class:{horizontal:this.direction==="horizontal"}},r("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&r("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),r("slot",{name:"tooltip"}),r("div",{class:{"duet-radio-group":true,"duet-no-stacking":!this.responsive}},r("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["updateRadios"],value:["updateRadios"],disabled:["updateRadios"],direction:["updateRadios"],responsive:["updateRadios"]}},enumerable:false,configurable:true});return e}());g.style=p}}}));

package/lib/duet/{p-904fc008.entry.js → p-97aefe67.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,c as i,h as e,F as a,H as s,g as n}from"./p-2d37a1eb.js";import{i as o}from"./p-aaa7a7bd.js";import{c as r}from"./p-5e59e970.js";import{d as h}from"./p-9e371678.js";import{k as d,l,d as c,b as p,a as u,c as b,m as g,n as m}from"./p-a1b7f2a0.js";import{g as f,c as v,d as k}from"./p-c235738e.js";import{p as y}from"./p-0e052642.js";import{b as w,a as x}from"./p-1784b1d2.js";import"./p-4a901bfc.js";const S=class{constructor(e){t(this,e),this.duetPageChange=i(this,"duetPageChange",3),this.listId=r("duet-pagination-list"),this.firstRenderDone=!1,this.handleMediaQueryChange=t=>{this.matchesCompactBreakpoint=w.includes(this.compactBreakpoint)?t.matches:!t.matches},this.actionChain=async(t,i)=>{if(0===t)this.current=1;else if(t>this.totalPages)this.current=this.totalPages;else if(i!==t){const i=Math.ceil(t/this.visibleItems)-1;i!==this.internalSectionIndex&&(this.internalSectionIndex=i,await this.setFocus())}return!0},this.emitPageEvent=(t,i)=>{const e=Number(i||this.current);this.duetPageChange.emit({component:"duet-pagination",from:e*this.take,to:e*this.take+this.take,current:e,take:this.take,type:"page",originalEvent:t})},this.getEnteredNumber=h((t=>{this.emitPageEvent(t,this.numbersStore),this.current=Number(this.numbersStore),this.numbersStore="",this.duetPageChange.emit({component:"duet-pagination",from:this.current*this.take,to:this.current*this.take+this.take,current:this.current,take:this.take,type:"jump",originalEvent:t})}),500),this.processedPageLinks=null,this.numbersStore="",this.matchesCompactBreakpoint=!1,this.totalPages=10,this.internalSectionIndex=0,this.theme="",this.disabled=!1,this.variation="default",this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number",pagination_label:"Pagination, choose a number to jump to a page",select_label:"Total pages {0}, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",select_label:"Sivuja yhteensä {0}, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida",pagination_label:"Paginering, välj en siffra för att hoppa till en sida",select_label:"Totalt antal sidor {0}, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}},this.accessibleLabels=f(this.accessibleLabelsDefaults),this.take=5,this.visibleItems=5,this.total=1e3,this.compactBreakpoint="x-small",this.ariaControls="",this.current=1,this.pageLinks=void 0}watchPropTotalHandler(){return this.calculatePageTake(),!0}watchStateHandler(t,i){return this.actionChain(t,i)}componentWillLoad(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1,this.calculatePageTake(),o(this),this.refresh()}componentDidLoad(){this.firstRenderDone=!0}componentWillRender(){0!==this.internalSectionIndex&&this.internalSectionIndex!==this.totalPages&&this.calculatePageTake()}componentDidRender(){this.firstRenderDone&&!this.processedPageLinks&&this.setFocus()}connectedCallback(){this.mq=matchMedia("none"===this.compactBreakpoint?"all":x[this.compactBreakpoint]),this.mq.addEventListener("change",h(this.handleMediaQueryChange,50)),this.handleMediaQueryChange(this.mq),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){this.mq.removeEventListener("change",this.handleMediaQueryChange),this.mq=null,this.matchesCompactBreakpoint=!1,k(this)}async refresh(){this.processedPageLinks=y(this.pageLinks)}calculatePageTake(){this.totalPages=Math.ceil(this.total/this.take)}async onMouseHandler(t,i){this.disabled||(this.processedPageLinks||(t.preventDefault(),t.stopPropagation(),this.current=this.current+i),this.emitPageEvent(t))}async onKeyboardDown(t){if(this.disabled)return;let i=this.current;(c(t)||p(t))&&i--,(u(t)||b(t))&&i++,d(t)&&i<=this.totalPages&&(this.current=i,this.processedPageLinks?(this.emitPageEvent(t,i-1),window.open(this.processedPageLinks[i-1],"_self","")):this.emitPageEvent(t)),l(t)&&this.shouldDisplayNavigation()&&(this.numbersStore=this.numbersStore+t.key,Number(this.numbersStore)>this.totalPages&&(this.numbersStore=this.totalPages+""),this.getEnteredNumber(t))}async setFocus(){const t=this.nativeNav.querySelector(`[data-id='${this.current}']`);t&&await t.setFocus()}pageClickHandler(t){const i=Number(t.target.getAttribute("data-id"));this.processedPageLinks||(t.preventDefault(),this.current=i),this.emitPageEvent(t,i)}selectClickHandler(t){t.preventDefault();const i=Number(t.target.value);this.current=i,this.processedPageLinks?(this.emitPageEvent(t,i-1),window.open(this.processedPageLinks[i-1],"_self","")):this.emitPageEvent(t,i)}sectionClickHandler(t,i){t.preventDefault();let e=this.internalSectionIndex+i;e*(this.take*this.visibleItems)>this.total&&(e=this.internalSectionIndex),this.internalSectionIndex=e>=0?e:0}jumpToStart(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=0,this.current=1),this.emitPageEvent(t)}jumpToEnd(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=Math.ceil(this.totalPages/this.take-1),this.current=this.totalPages),this.emitPageEvent(t)}renderPageButton(t){return e("duet-button",{disabled:this.disabled,class:{"duet-pagination-link":!0},id:`page-${t}-button`,color:t!==this.current?"turva"!==this.theme?"secondary":"secondary-turva":"turva"!==this.theme?"primary":"primary-turva","data-id":t,"center-text":!0,variation:"plain",margin:"none",accessibleLabel:`${this.accessibleLabels.go_to} ${t}`,onClick:t=>this.pageClickHandler(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[t-1]:void 0},e("div",{class:"duet-pagination-page-number","aria-hidden":!0},t))}renderPageNumbers(){const t=[];let i=this.internalSectionIndex*this.visibleItems;do{if(i++,i>this.totalPages)break;t.push(e("li",{class:{"duet-pagination-item":!0,"duet-pagination-item-is-active":i===this.current},role:"menuitem"},this.renderPageButton(i)))}while(i<this.visibleItems+this.internalSectionIndex*this.visibleItems);return t}renderSelect(){const t=[];for(let i=1;i<=this.totalPages;i++)t.push({value:i.toString(),label:i.toString()});const i=e("duet-select",{disabled:this.disabled,theme:this.theme,class:"duet-pagination-select",variation:"compact",items:JSON.stringify(t),value:this.current.toString(),label:this.accessibleLabels.select_label.replace("{0}",`${this.totalPages}`),labelHidden:!0,onDuetChange:t=>this.selectClickHandler(t)});return e("li",null,i,e("span",{class:"duet-pagination-total-pages","aria-hidden":"true"},"/ ",this.totalPages))}shouldDisplayNavigation(){return!("compact"===this.variation||this.matchesCompactBreakpoint||2*this.visibleItems>this.total/this.take)}render(){return e(s,{key:"8362301e965b0c5d9d7036d1d4a5f35654079705",onKeyDown:t=>this.onKeyboardDown(t),class:{"duet-theme-turva":"turva"===this.theme}},e("nav",{key:"16d2bfb7933bfb2cd84be73a793b230aef2bf188",role:"navigation","aria-labelledby":this.accessibleLabelledBy?`${this.accessibleLabelledBy} ${this.listId}`:this.listId,"aria-describedby":this.accessibleDescribedBy?`${this.accessibleDescribedBy} ${this.listId}`:this.listId,"aria-descriptions":this.accessibleDescription,"aria-details":this.accessibleDetails,ref:t=>this.nativeNav=t,"aria-controls":this.ariaControls,class:{"duet-pagination-nav":!0,[`duet-pagination-variation-${this.variation}`]:!0}},""!==this.numbersStore&&e("div",{key:"952ed069a2b117e1350e203e53f5180322be9892","aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":`${this.accessibleLabels.jump_to} ${this.numbersStore}`,part:"navigation-overlay"},e("duet-badge",{key:"77a5488a5317759947b1e5b517753cc9a9bb6d22",theme:this.theme},"jump to page : ",this.numbersStore)),e("ol",{key:"b3ab1a44e8041362b31c8ccc6f78acd26b646f2d",id:this.listId,class:{"duet-pagination":!0,"duet-pagination-is-dimmed":""!==this.numbersStore},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},("compact"===this.variation||this.matchesCompactBreakpoint)&&e("li",{key:"d47acb7708b07ff74b12e81fb32d70c2c4bbb0c1",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"d8507c72e419b34c199c343955781e2df8f9a802",disabled:0===this.internalSectionIndex&&this.current<=1||this.disabled,"data-direction":"back",accessibleLabel:this.accessibleLabels.first_page,title:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),"icon-name":"action-move-to-first",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0})),e("li",{key:"3555cb5ea3b8ad1825f9f603d725577fbe644d4f",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"5e18d09c868bf398ed7daef8efec7ca790deb272",disabled:!!(0===this.internalSectionIndex&&this.current<=1||this.current<=1&&this.processedPageLinks||this.disabled),"data-direction":"back",onClick:t=>this.onMouseHandler(t,-1),"accessible-label":this.accessibleLabels.previous_page,title:this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current-2]:void 0})),0!==this.internalSectionIndex&&this.shouldDisplayNavigation()&&e(a,{key:"231c64a25c23d07869fee60bb74785ac164056b9"},e("li",{key:"1a74e54ff17de6cade54f1f40322ddc514e68313",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{key:"aec6e7d600c90c4895c3b4540f0d0e1f8440b09e",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-back","center-text":"true",variation:"plain",color:"turva"!==this.theme?"secondary":"secondary-turva",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0},e("div",{key:"19df949bba2f7cc654f566dac1a9e3216295d339",class:"duet-pagination-page-number"},"1"))),e("li",{key:"bd68441ddf61bde7c0584c35cf7ad3f623c6cad0",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{key:"2bdfb53ff5941376a4e0c4d4e6e3789ac213a8e4",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-back","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,-1),theme:this.theme},e("div",{key:"880f7d084c8de8d08f42e615e4ba72a66448b771",class:"duet-pagination-page-number","aria-hidden":"true"},"…")))),this.shouldDisplayNavigation()&&this.renderPageNumbers()||this.renderSelect(),(this.internalSectionIndex+1)*this.visibleItems<this.totalPages&&this.shouldDisplayNavigation()&&e(a,{key:"7fc9934db93c9285b25cba8595a935a298a23532"},(this.internalSectionIndex+1)*this.visibleItems!=this.totalPages-1&&e("li",{key:"1ee957ad6c47d84e11bd0e572076a39bc0b97bb7",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{key:"f3acd2018d70201771bd213e064f24c85c6ac8df",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,1),theme:this.theme},e("div",{key:"0b6a2c7f5d80975e3365603d757a5c6f36566882",class:"duet-pagination-page-number","aria-hidden":"true"},"…"))),e("li",{key:"509ea479f7480e9565164f0dbf123c01af7b2f47",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{key:"3f15411cb312ad3a6a119d9d090cbdd14530d403",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.processedPageLinks.length-1]:void 0},e("div",{key:"f49287ffb3c4c69dcf4e99f5a272be42a50974cc",class:"duet-pagination-page-number"},this.totalPages)))),e("li",{key:"1ab092887b6ddef67421131da2675e7f0974626f",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"944fa3b827db649cb57eeece1a1f665e20338e77",disabled:!!(this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.current===this.totalPages&&this.processedPageLinks)||this.disabled,class:"duet-date-dialog-next","accessible-label":this.accessibleLabels.next_page,title:this.accessibleLabels.next_page,onClick:t=>this.onMouseHandler(t,1),"icon-name":"action-move-to-next",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current]:void 0})),("compact"===this.variation||this.matchesCompactBreakpoint)&&e("li",{key:"cab100623a0db49a795d353ef8de58e7008aded8",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"f8773c3c8ea6826e4cbff4865aae0fd663499eaf",disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.disabled,accessibleLabel:this.accessibleLabels.last_page,title:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),"icon-name":"action-move-to-last",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.totalPages-1]:void 0})))))}get element(){return n(this)}static get watchers(){return{total:["watchPropTotalHandler"],current:["watchStateHandler"],pageLinks:["refresh"]}}};S.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}.duet-pagination .duet-pagination-select{margin:0 4px 0 12px !important}.duet-pagination-total-pages{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(0, 41, 77);text-align:left}:host(.duet-theme-turva) .duet-pagination-total-pages{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)}';const _=class{constructor(e){t(this,e),this.duetRangeStepUpdate=i(this,"duetRangeStepUpdate",7),this.leftBn=r("duetRangeStepper-left"),this.rightBn=r("duetRangeStepper-right"),this.handleClick=(t,i)=>{t.preventDefault(),this.stepIndex+=i,this.clampStepIndex(),this.handleStepClick(t)},this.buttonLeftDisabled=!1,this.buttonRightDisabled=!1,this.theme="",this.disabled=!1,this.stepIndex=1,this.stepSize=50,this.total=1e3,this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}},this.ariaLabels=f(this.ariaLabelsDefaults),this.ariaControls=""}watchStepIndexStateHandler(t){this.leftBnRef&&this.rightBnRef&&(t<=1?(this.element===document.activeElement&&this.rightBnRef.setFocus(),this.buttonLeftDisabled=!0):this.buttonLeftDisabled=!1,t>=this.total/this.stepSize?(this.element===document.activeElement&&this.leftBnRef.setFocus(),this.buttonRightDisabled=!0):this.buttonRightDisabled=!1)}watchStepSizeStateHandler(t,i){t!==i&&(this.stepIndex*t>this.total&&(this.stepIndex=Math.ceil(this.total/t)),this.watchStepIndexStateHandler(this.stepIndex))}handleStepClick(t){this.duetRangeStepUpdate.emit({originalEvent:t,component:"duet-range-stepper",from:this.getFrom(),to:this.getTo(),index:this.stepIndex})}componentWillLoad(){o(this),this.clampStepIndex()}componentDidLoad(){this.watchStepIndexStateHandler(this.stepIndex)}connectedCallback(){v(this,{prop:"ariaLabels",defaults:"ariaLabelsDefaults"})}disconnectedCallback(){k(this)}clampStepIndex(){this.stepIndex<1?this.stepIndex=1:this.stepIndex*this.stepSize>this.total&&(this.stepIndex=Math.ceil(this.total/this.stepSize))}getFrom(){return Math.floor((this.stepIndex-1)*this.stepSize)+1}getTo(){return Math.min(Math.floor(this.stepIndex*this.stepSize),this.total)}generateStepSize(){return this.ariaLabels.x_of_y.replace("{0}",String(this.getFrom())).replace("{1}",String(this.getTo())).replace("{2}",String(this.total))}generatePreviousIncrementLabel(){return 1===this.getFrom()?"":this.ariaLabels.x_of_y.replace("{0}",String(Math.max(this.getFrom()-this.stepSize,1))).replace("{1}",String(Math.min(this.getFrom()-1,this.total))).replace("{2}",String(this.total))}generateNextIncrementLabel(){return this.getTo()===this.total?"":this.ariaLabels.x_of_y.replace("{0}",String(this.getTo()+1)).replace("{1}",String(Math.min(this.getTo()+this.stepSize,this.total))).replace("{2}",String(this.total))}async onKeyboardDown(t){if(this.disabled)return;let i=this.stepIndex,e=1;(c(t)||p(t)||g(t))&&(i--,e=-1,this.leftBnRef.setFocus()),(u(t)||b(t)||m(t))&&(i++,e=1),d(t)&&i>0&&i*this.stepSize<=this.total&&this.handleClick(t,e)}render(){return e("div",{key:"111693be22f93e2ca3e4850484ae8121ee67dd56",class:{"duet-range-stepper":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:t=>this.onKeyboardDown(t),"aria-controls":this.ariaControls},e("span",{key:"9497c2ddcc19d707e8db8064178b20d9d590ba5d",class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),e("duet-action-button",{key:"0f99efec9db613dcb7fe9a1e512f321e5757946f",disabled:this.disabled||this.buttonLeftDisabled,class:"duet-range-step-button duet-range-step-minus",onClick:t=>this.handleClick(t,-1),id:this.leftBn,"accessible-label":`${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`,ref:t=>this.leftBnRef=t,part:"navigation-arrow",iconName:"action-arrow-left-small",title:""}),e("duet-action-button",{key:"a517133428ccb97769aa5e3ae906babd2e012932",disabled:this.disabled||this.buttonRightDisabled,class:"duet-range-step-button duet-range-step-plus",onClick:t=>this.handleClick(t,1),"accessible-label":`${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`,id:this.rightBn,ref:t=>this.rightBnRef=t,part:"navigation-arrow",iconName:"action-arrow-right-small",title:""}))}get element(){return n(this)}static get watchers(){return{stepIndex:["watchStepIndexStateHandler"],stepSize:["watchStepSizeStateHandler"]}}};_.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:rgb(0, 41, 77)}.duet-range-stepper ::part(button){border:0}";export{S as duet_pagination,_ as duet_range_stepper}
+import{r as t,c as i,h as e,F as a,H as s,g as n}from"./p-7bd92c3a.js";import{i as o}from"./p-aaa7a7bd.js";import{c as r}from"./p-5e59e970.js";import{d as h}from"./p-9e371678.js";import{k as d,l,d as c,b as p,a as u,c as b,m as g,n as m}from"./p-a1b7f2a0.js";import{g as f,c as v,d as k}from"./p-8c0f870d.js";import{p as y}from"./p-0e052642.js";import{b as w,a as x}from"./p-1784b1d2.js";import"./p-4a901bfc.js";const S=class{constructor(e){t(this,e),this.duetPageChange=i(this,"duetPageChange",3),this.listId=r("duet-pagination-list"),this.firstRenderDone=!1,this.handleMediaQueryChange=t=>{this.matchesCompactBreakpoint=w.includes(this.compactBreakpoint)?t.matches:!t.matches},this.actionChain=async(t,i)=>{if(0===t)this.current=1;else if(t>this.totalPages)this.current=this.totalPages;else if(i!==t){const i=Math.ceil(t/this.visibleItems)-1;i!==this.internalSectionIndex&&(this.internalSectionIndex=i,await this.setFocus())}return!0},this.emitPageEvent=(t,i)=>{const e=Number(i||this.current);this.duetPageChange.emit({component:"duet-pagination",from:e*this.take,to:e*this.take+this.take,current:e,take:this.take,type:"page",originalEvent:t})},this.getEnteredNumber=h((t=>{this.emitPageEvent(t,this.numbersStore),this.current=Number(this.numbersStore),this.numbersStore="",this.duetPageChange.emit({component:"duet-pagination",from:this.current*this.take,to:this.current*this.take+this.take,current:this.current,take:this.take,type:"jump",originalEvent:t})}),500),this.processedPageLinks=null,this.numbersStore="",this.matchesCompactBreakpoint=!1,this.totalPages=10,this.internalSectionIndex=0,this.theme="",this.disabled=!1,this.variation="default",this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number",pagination_label:"Pagination, choose a number to jump to a page",select_label:"Total pages {0}, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",select_label:"Sivuja yhteensä {0}, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida",pagination_label:"Paginering, välj en siffra för att hoppa till en sida",select_label:"Totalt antal sidor {0}, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}},this.accessibleLabels=f(this.accessibleLabelsDefaults),this.take=5,this.visibleItems=5,this.total=1e3,this.compactBreakpoint="x-small",this.ariaControls="",this.current=1,this.pageLinks=void 0}watchPropTotalHandler(){return this.calculatePageTake(),!0}watchStateHandler(t,i){return this.actionChain(t,i)}componentWillLoad(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1,this.calculatePageTake(),o(this),this.refresh()}componentDidLoad(){this.firstRenderDone=!0}componentWillRender(){0!==this.internalSectionIndex&&this.internalSectionIndex!==this.totalPages&&this.calculatePageTake()}componentDidRender(){this.firstRenderDone&&!this.processedPageLinks&&this.setFocus()}connectedCallback(){this.mq=matchMedia("none"===this.compactBreakpoint?"all":x[this.compactBreakpoint]),this.mq.addEventListener("change",h(this.handleMediaQueryChange,50)),this.handleMediaQueryChange(this.mq),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){this.mq.removeEventListener("change",this.handleMediaQueryChange),this.mq=null,this.matchesCompactBreakpoint=!1,k(this)}async refresh(){this.processedPageLinks=y(this.pageLinks)}calculatePageTake(){this.totalPages=Math.ceil(this.total/this.take)}async onMouseHandler(t,i){this.disabled||(this.processedPageLinks||(t.preventDefault(),t.stopPropagation(),this.current=this.current+i),this.emitPageEvent(t))}async onKeyboardDown(t){if(this.disabled)return;let i=this.current;(c(t)||p(t))&&i--,(u(t)||b(t))&&i++,d(t)&&i<=this.totalPages&&(this.current=i,this.processedPageLinks?(this.emitPageEvent(t,i-1),window.open(this.processedPageLinks[i-1],"_self","")):this.emitPageEvent(t)),l(t)&&this.shouldDisplayNavigation()&&(this.numbersStore=this.numbersStore+t.key,Number(this.numbersStore)>this.totalPages&&(this.numbersStore=this.totalPages+""),this.getEnteredNumber(t))}async setFocus(){const t=this.nativeNav.querySelector(`[data-id='${this.current}']`);t&&await t.setFocus()}pageClickHandler(t){const i=Number(t.target.getAttribute("data-id"));this.processedPageLinks||(t.preventDefault(),this.current=i),this.emitPageEvent(t,i)}selectClickHandler(t){t.preventDefault();const i=Number(t.target.value);this.current=i,this.processedPageLinks?(this.emitPageEvent(t,i-1),window.open(this.processedPageLinks[i-1],"_self","")):this.emitPageEvent(t,i)}sectionClickHandler(t,i){t.preventDefault();let e=this.internalSectionIndex+i;e*(this.take*this.visibleItems)>this.total&&(e=this.internalSectionIndex),this.internalSectionIndex=e>=0?e:0}jumpToStart(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=0,this.current=1),this.emitPageEvent(t)}jumpToEnd(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=Math.ceil(this.totalPages/this.take-1),this.current=this.totalPages),this.emitPageEvent(t)}renderPageButton(t){return e("duet-button",{disabled:this.disabled,class:{"duet-pagination-link":!0},id:`page-${t}-button`,color:t!==this.current?"turva"!==this.theme?"secondary":"secondary-turva":"turva"!==this.theme?"primary":"primary-turva","data-id":t,"center-text":!0,variation:"plain",margin:"none",accessibleLabel:`${this.accessibleLabels.go_to} ${t}`,onClick:t=>this.pageClickHandler(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[t-1]:void 0},e("div",{class:"duet-pagination-page-number","aria-hidden":!0},t))}renderPageNumbers(){const t=[];let i=this.internalSectionIndex*this.visibleItems;do{if(i++,i>this.totalPages)break;t.push(e("li",{class:{"duet-pagination-item":!0,"duet-pagination-item-is-active":i===this.current},role:"menuitem"},this.renderPageButton(i)))}while(i<this.visibleItems+this.internalSectionIndex*this.visibleItems);return t}renderSelect(){const t=[];for(let i=1;i<=this.totalPages;i++)t.push({value:i.toString(),label:i.toString()});const i=e("duet-select",{disabled:this.disabled,theme:this.theme,class:"duet-pagination-select",variation:"compact",items:JSON.stringify(t),value:this.current.toString(),label:this.accessibleLabels.select_label.replace("{0}",`${this.totalPages}`),labelHidden:!0,onDuetChange:t=>this.selectClickHandler(t)});return e("li",null,i,e("span",{class:"duet-pagination-total-pages","aria-hidden":"true"},"/ ",this.totalPages))}shouldDisplayNavigation(){return!("compact"===this.variation||this.matchesCompactBreakpoint||2*this.visibleItems>this.total/this.take)}render(){return e(s,{key:"8362301e965b0c5d9d7036d1d4a5f35654079705",onKeyDown:t=>this.onKeyboardDown(t),class:{"duet-theme-turva":"turva"===this.theme}},e("nav",{key:"16d2bfb7933bfb2cd84be73a793b230aef2bf188",role:"navigation","aria-labelledby":this.accessibleLabelledBy?`${this.accessibleLabelledBy} ${this.listId}`:this.listId,"aria-describedby":this.accessibleDescribedBy?`${this.accessibleDescribedBy} ${this.listId}`:this.listId,"aria-descriptions":this.accessibleDescription,"aria-details":this.accessibleDetails,ref:t=>this.nativeNav=t,"aria-controls":this.ariaControls,class:{"duet-pagination-nav":!0,[`duet-pagination-variation-${this.variation}`]:!0}},""!==this.numbersStore&&e("div",{key:"952ed069a2b117e1350e203e53f5180322be9892","aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":`${this.accessibleLabels.jump_to} ${this.numbersStore}`,part:"navigation-overlay"},e("duet-badge",{key:"77a5488a5317759947b1e5b517753cc9a9bb6d22",theme:this.theme},"jump to page : ",this.numbersStore)),e("ol",{key:"b3ab1a44e8041362b31c8ccc6f78acd26b646f2d",id:this.listId,class:{"duet-pagination":!0,"duet-pagination-is-dimmed":""!==this.numbersStore},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},("compact"===this.variation||this.matchesCompactBreakpoint)&&e("li",{key:"d47acb7708b07ff74b12e81fb32d70c2c4bbb0c1",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"d8507c72e419b34c199c343955781e2df8f9a802",disabled:0===this.internalSectionIndex&&this.current<=1||this.disabled,"data-direction":"back",accessibleLabel:this.accessibleLabels.first_page,title:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),"icon-name":"action-move-to-first",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0})),e("li",{key:"3555cb5ea3b8ad1825f9f603d725577fbe644d4f",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"5e18d09c868bf398ed7daef8efec7ca790deb272",disabled:!!(0===this.internalSectionIndex&&this.current<=1||this.current<=1&&this.processedPageLinks||this.disabled),"data-direction":"back",onClick:t=>this.onMouseHandler(t,-1),"accessible-label":this.accessibleLabels.previous_page,title:this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current-2]:void 0})),0!==this.internalSectionIndex&&this.shouldDisplayNavigation()&&e(a,{key:"231c64a25c23d07869fee60bb74785ac164056b9"},e("li",{key:"1a74e54ff17de6cade54f1f40322ddc514e68313",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{key:"aec6e7d600c90c4895c3b4540f0d0e1f8440b09e",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-back","center-text":"true",variation:"plain",color:"turva"!==this.theme?"secondary":"secondary-turva",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0},e("div",{key:"19df949bba2f7cc654f566dac1a9e3216295d339",class:"duet-pagination-page-number"},"1"))),e("li",{key:"bd68441ddf61bde7c0584c35cf7ad3f623c6cad0",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{key:"2bdfb53ff5941376a4e0c4d4e6e3789ac213a8e4",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-back","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,-1),theme:this.theme},e("div",{key:"880f7d084c8de8d08f42e615e4ba72a66448b771",class:"duet-pagination-page-number","aria-hidden":"true"},"…")))),this.shouldDisplayNavigation()&&this.renderPageNumbers()||this.renderSelect(),(this.internalSectionIndex+1)*this.visibleItems<this.totalPages&&this.shouldDisplayNavigation()&&e(a,{key:"7fc9934db93c9285b25cba8595a935a298a23532"},(this.internalSectionIndex+1)*this.visibleItems!=this.totalPages-1&&e("li",{key:"1ee957ad6c47d84e11bd0e572076a39bc0b97bb7",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{key:"f3acd2018d70201771bd213e064f24c85c6ac8df",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,1),theme:this.theme},e("div",{key:"0b6a2c7f5d80975e3365603d757a5c6f36566882",class:"duet-pagination-page-number","aria-hidden":"true"},"…"))),e("li",{key:"509ea479f7480e9565164f0dbf123c01af7b2f47",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{key:"3f15411cb312ad3a6a119d9d090cbdd14530d403",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.processedPageLinks.length-1]:void 0},e("div",{key:"f49287ffb3c4c69dcf4e99f5a272be42a50974cc",class:"duet-pagination-page-number"},this.totalPages)))),e("li",{key:"1ab092887b6ddef67421131da2675e7f0974626f",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"944fa3b827db649cb57eeece1a1f665e20338e77",disabled:!!(this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.current===this.totalPages&&this.processedPageLinks)||this.disabled,class:"duet-date-dialog-next","accessible-label":this.accessibleLabels.next_page,title:this.accessibleLabels.next_page,onClick:t=>this.onMouseHandler(t,1),"icon-name":"action-move-to-next",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current]:void 0})),("compact"===this.variation||this.matchesCompactBreakpoint)&&e("li",{key:"cab100623a0db49a795d353ef8de58e7008aded8",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"f8773c3c8ea6826e4cbff4865aae0fd663499eaf",disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.disabled,accessibleLabel:this.accessibleLabels.last_page,title:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),"icon-name":"action-move-to-last",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.totalPages-1]:void 0})))))}get element(){return n(this)}static get watchers(){return{total:["watchPropTotalHandler"],current:["watchStateHandler"],pageLinks:["refresh"]}}};S.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}.duet-pagination .duet-pagination-select{margin:0 4px 0 12px !important}.duet-pagination-total-pages{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(0, 41, 77);text-align:left}:host(.duet-theme-turva) .duet-pagination-total-pages{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)}';const _=class{constructor(e){t(this,e),this.duetRangeStepUpdate=i(this,"duetRangeStepUpdate",7),this.leftBn=r("duetRangeStepper-left"),this.rightBn=r("duetRangeStepper-right"),this.handleClick=(t,i)=>{t.preventDefault(),this.stepIndex+=i,this.clampStepIndex(),this.handleStepClick(t)},this.buttonLeftDisabled=!1,this.buttonRightDisabled=!1,this.theme="",this.disabled=!1,this.stepIndex=1,this.stepSize=50,this.total=1e3,this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}},this.ariaLabels=f(this.ariaLabelsDefaults),this.ariaControls=""}watchStepIndexStateHandler(t){this.leftBnRef&&this.rightBnRef&&(t<=1?(this.element===document.activeElement&&this.rightBnRef.setFocus(),this.buttonLeftDisabled=!0):this.buttonLeftDisabled=!1,t>=this.total/this.stepSize?(this.element===document.activeElement&&this.leftBnRef.setFocus(),this.buttonRightDisabled=!0):this.buttonRightDisabled=!1)}watchStepSizeStateHandler(t,i){t!==i&&(this.stepIndex*t>this.total&&(this.stepIndex=Math.ceil(this.total/t)),this.watchStepIndexStateHandler(this.stepIndex))}handleStepClick(t){this.duetRangeStepUpdate.emit({originalEvent:t,component:"duet-range-stepper",from:this.getFrom(),to:this.getTo(),index:this.stepIndex})}componentWillLoad(){o(this),this.clampStepIndex()}componentDidLoad(){this.watchStepIndexStateHandler(this.stepIndex)}connectedCallback(){v(this,{prop:"ariaLabels",defaults:"ariaLabelsDefaults"})}disconnectedCallback(){k(this)}clampStepIndex(){this.stepIndex<1?this.stepIndex=1:this.stepIndex*this.stepSize>this.total&&(this.stepIndex=Math.ceil(this.total/this.stepSize))}getFrom(){return Math.floor((this.stepIndex-1)*this.stepSize)+1}getTo(){return Math.min(Math.floor(this.stepIndex*this.stepSize),this.total)}generateStepSize(){return this.ariaLabels.x_of_y.replace("{0}",String(this.getFrom())).replace("{1}",String(this.getTo())).replace("{2}",String(this.total))}generatePreviousIncrementLabel(){return 1===this.getFrom()?"":this.ariaLabels.x_of_y.replace("{0}",String(Math.max(this.getFrom()-this.stepSize,1))).replace("{1}",String(Math.min(this.getFrom()-1,this.total))).replace("{2}",String(this.total))}generateNextIncrementLabel(){return this.getTo()===this.total?"":this.ariaLabels.x_of_y.replace("{0}",String(this.getTo()+1)).replace("{1}",String(Math.min(this.getTo()+this.stepSize,this.total))).replace("{2}",String(this.total))}async onKeyboardDown(t){if(this.disabled)return;let i=this.stepIndex,e=1;(c(t)||p(t)||g(t))&&(i--,e=-1,this.leftBnRef.setFocus()),(u(t)||b(t)||m(t))&&(i++,e=1),d(t)&&i>0&&i*this.stepSize<=this.total&&this.handleClick(t,e)}render(){return e("div",{key:"a92935b56e004e75b82f986000bcf1c3afaf24b2",class:{"duet-range-stepper":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:t=>this.onKeyboardDown(t),"aria-controls":this.ariaControls},e("span",{key:"ff6e79d20675537cbff69b230b1faf1562c42c82",class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),e("duet-action-button",{key:"16cf1ae00638198cdbd2741aa42e65efbc7a3ab9",disabled:this.disabled||this.buttonLeftDisabled,class:"duet-range-step-button duet-range-step-minus",onClick:t=>this.handleClick(t,-1),id:this.leftBn,"accessible-label":`${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`,ref:t=>this.leftBnRef=t,part:"navigation-arrow",iconName:"action-arrow-left-small",title:""}),e("duet-action-button",{key:"b0fc37262024f452d9ff863080ce0901fb3fb3a8",disabled:this.disabled||this.buttonRightDisabled,class:"duet-range-step-button duet-range-step-plus",onClick:t=>this.handleClick(t,1),"accessible-label":`${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`,id:this.rightBn,ref:t=>this.rightBnRef=t,part:"navigation-arrow",iconName:"action-arrow-right-small",title:""}))}get element(){return n(this)}static get watchers(){return{stepIndex:["watchStepIndexStateHandler"],stepSize:["watchStepSizeStateHandler"]}}};_.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:rgb(0, 41, 77)}.duet-range-stepper ::part(button){border:0}";export{S as duet_pagination,_ as duet_range_stepper}

package/lib/duet/{p-ceba57d2.system.entry.js → p-98e3ddc2.system.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-System.register(["./p-4d4bba14.system.js","./p-e216bea4.system.js","./p-5ee5d727.system.js","./p-6ef75455.system.js","./p-c1445714.system.js","./p-c86d6786.system.js"],(function(n){"use strict";var e,t,i,a,s,r,d,l,o;return{setters:[function(n){e=n.h;t=n.r;i=n.H;a=n.g},function(n){s=n.i},function(n){r=n.h;d=n.c},function(n){l=n.p},function(n){o=n.g},function(){}],execute:function(){var u=function(n){var t=n.img,i=n.sources;return e("picture",null,i&&i.map((function(n){return e("source",{srcSet:n.srcset,media:n.media,type:n.type,sizes:n.sizes})})),e("img",Object.assign({},t)))};var c="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n:host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-right: 36px !important;\n  margin-bottom: 36px !important;\n  display: flex;\n  justify-content: center;\n  width: auto;\n  container: duet-banner-container;\n  container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n  margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n  margin: 0 !important;\n}\n\n.duet-banner {\n  display: grid;\n  grid-template-rows: min-content 1fr;\n  width: 100%;\n  height: 100%;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-style: normal;\n  text-align: left;\n  border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n  padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n  margin: 0 !important;\n}\n.duet-banner .visual {\n  position: relative;\n  display: none;\n  overflow: hidden;\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n  .duet-banner .visual {\n    /* stylelint-enable */\n    display: block;\n  }\n}\n.duet-banner .visual .image-container {\n  position: relative;\n  aspect-ratio: 2/1;\n  overflow: hidden;\n}\n.duet-banner .visual .image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n.duet-banner .visual .icon {\n  position: absolute;\n}\n.duet-banner .visual .brand-shape {\n  position: absolute;\n  top: 0;\n  left: 72%;\n  display: none;\n  width: 100%;\n  height: 100%;\n  mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n.duet-banner .content {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n  hyphens: auto;\n}\n.duet-banner .action {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding-top: 16px;\n}\n.duet-banner .visual {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n  width: 100%;\n  height: auto;\n  border-radius: 0;\n}\n.duet-banner .visual .icon {\n  bottom: 30px;\n  left: 15px;\n}\n.duet-banner.duet-theme-turva {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n  mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n  /* stylelint-disable */\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n    top: 36px;\n    left: 168px;\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-medium .content, .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 28px 28px 28px 0;\n  }\n  .duet-banner.size-medium .action, .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n@container duet-banner-container (min-width: 586px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    left: 80%;\n  }\n}\n.duet-banner.size-large {\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n  .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .icon {\n    top: 40px;\n    bottom: auto;\n    left: 335px;\n  }\n  .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 48px 48px 48px 0;\n  }\n  .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n.duet-banner.no-image {\n  display: flex;\n  justify-content: center;\n  padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n  display: none;\n}\n.duet-banner.no-image .content {\n  width: 100%;\n  max-width: 720px;\n  padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n    /* stylelint-enable */\n    padding: 48px;\n  }\n}";var b=c;var p=n("duet_banner",function(){function n(n){var e=this;t(this,n);this.checkCurrentSize=function(){var n=e.element.clientWidth;if(n<500||e.size==="small"){e.currentSize="small"}else if(n<900||e.size==="medium"){e.currentSize="medium"}else{e.currentSize="large"}e.setButtonSize()};this.setButtonSize=function(){if(e.hasActionSlot&&e.currentSize){var n=e.element.querySelectorAll("[slot='action'] duet-button, duet-button[slot='action']");for(var t=0,i=n;t<i.length;t++){var a=i[t];if(a&&a.getAttribute("size")===null&&e.currentSize!=="large"){a.size="small"}else if(a&&a.getAttribute("size")===null&&e.currentSize==="large"){a.size="medium"}}}};this.currentSize=undefined;this.theme="";this.margin="auto";this.backgroundColor="primary-lighter";this.iconColor="gray-lightest";this.iconBackgroundColor="primary";this.textColor="secondary";this.size="large";this.image="";this.sources=undefined;this.icon="";this.headingLevel="h2"}n.prototype.componentWillLoad=function(){s(this);this.hasHeadingSlot=r(this.element,"heading");this.hasDescriptionSlot=r(this.element,"description");this.hasActionSlot=r(this.element,"action");d(this.element,"heading","span");this.setButtonSize()};n.prototype.connectedCallback=function(){window.addEventListener("resize",this.checkCurrentSize)};n.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.checkCurrentSize)};n.prototype.componentDidRender=function(){this.checkCurrentSize()};n.prototype.render=function(){var n;var t=this.theme==="turva"&&this.backgroundColor==="primary-lighter"?"gray-lighter":this.backgroundColor;var a=o(t,this.theme);var s=o(this.textColor,this.theme);var r={backgroundColor:a};var d={img:{src:this.image,alt:"",loading:"lazy",class:"image",role:"presentation"},sources:l(this.sources)};return e(i,{key:"b8716b8067524ae7e4c29e56cdc37d6219c7743a",class:{"duet-m-0":this.margin==="none"}},e("aside",{key:"7c4b420d5a203fa5066f4a71a801c9fc288e179c",class:(n={"duet-banner":true,"duet-theme-turva":this.theme==="turva"},n[this.currentSize]=true,n["size-medium"]=this.size==="medium"||this.size==="large",n["size-large"]=this.size==="large",n["no-image"]=!this.image,n),style:r},e("div",{key:"dd84b698336d0c159b692bde709c6f10bfe414bf",class:"visual"},e("div",{key:"c92d3fdabc120fa760c30ae44e90a29439817940",class:"image-container"},this.image&&e(u,Object.assign({key:"bab1712aa5f1ab77a6c96babc607a9a9d4359dd2"},d))),1>2,e("div",{key:"411fc99b5c017a4b89f4aa375d6725e9e85314e6",style:r,class:"brand-shape"})),e("div",{key:"6ba154b92216b98f00b33d740175760049157d14",class:"content"},this.hasHeadingSlot&&e("div",{key:"ba3ab430999ab6f0823ab957b06bcc4077799c5a",class:"heading"},e("duet-heading",{key:"256ed05f27e6c6c3ec987d4039d6a7caf713458b",theme:this.theme,level:this.headingLevel,"visual-level":this.currentSize==="large"?"h2":"h3","fixed-size":true,margin:"none",color:this.textColor},e("span",{key:"197dbc447ca8910b13c8317cd00507e034e84e6f"},e("slot",{key:"cba3fcc030b0412d981e7cc94626e90aa628cb25",name:"heading"})))),this.hasDescriptionSlot&&e("div",{key:"dbcc6142fe33db74bccac1d54a1fe2a8e8ccc064",class:"description",style:{color:s}},e("slot",{key:"1806ab5f5be1ee076c3978f1fcb676cef6b62893",name:"description"})),this.hasActionSlot&&e("div",{key:"bf9fd56968048a53d15cc1849c2a3b4619851c49",class:"action"},e("slot",{key:"367d2a86cb83fe2d2bdb91ae1e133453e35ce895",name:"action"})))))};Object.defineProperty(n.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return n}());p.style=b}}}));
+System.register(["./p-d8863869.system.js","./p-e216bea4.system.js","./p-93087deb.system.js","./p-6ef75455.system.js","./p-c1445714.system.js","./p-c86d6786.system.js"],(function(n){"use strict";var e,t,i,a,s,r,d,l,o;return{setters:[function(n){e=n.h;t=n.r;i=n.H;a=n.g},function(n){s=n.i},function(n){r=n.h;d=n.c},function(n){l=n.p},function(n){o=n.g},function(){}],execute:function(){var u=function(n){var t=n.img,i=n.sources;return e("picture",null,i&&i.map((function(n){return e("source",{srcSet:n.srcset,media:n.media,type:n.type,sizes:n.sizes})})),e("img",Object.assign({},t)))};var c="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n:host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-right: 36px !important;\n  margin-bottom: 36px !important;\n  display: flex;\n  justify-content: center;\n  width: auto;\n  container: duet-banner-container;\n  container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n  margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n  margin: 0 !important;\n}\n\n.duet-banner {\n  display: grid;\n  grid-template-rows: min-content 1fr;\n  width: 100%;\n  height: 100%;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-style: normal;\n  text-align: left;\n  border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n  padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n  margin: 0 !important;\n}\n.duet-banner .visual {\n  position: relative;\n  display: none;\n  overflow: hidden;\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n  .duet-banner .visual {\n    /* stylelint-enable */\n    display: block;\n  }\n}\n.duet-banner .visual .image-container {\n  position: relative;\n  aspect-ratio: 2/1;\n  overflow: hidden;\n}\n.duet-banner .visual .image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n.duet-banner .visual .icon {\n  position: absolute;\n}\n.duet-banner .visual .brand-shape {\n  position: absolute;\n  top: 0;\n  left: 72%;\n  display: none;\n  width: 100%;\n  height: 100%;\n  mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n.duet-banner .content {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n  hyphens: auto;\n}\n.duet-banner .action {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding-top: 16px;\n}\n.duet-banner .visual {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n  width: 100%;\n  height: auto;\n  border-radius: 0;\n}\n.duet-banner .visual .icon {\n  bottom: 30px;\n  left: 15px;\n}\n.duet-banner.duet-theme-turva {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n  mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n  /* stylelint-disable */\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n    top: 36px;\n    left: 168px;\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-medium .content, .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 28px 28px 28px 0;\n  }\n  .duet-banner.size-medium .action, .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n@container duet-banner-container (min-width: 586px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    left: 80%;\n  }\n}\n.duet-banner.size-large {\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n  .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .icon {\n    top: 40px;\n    bottom: auto;\n    left: 335px;\n  }\n  .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 48px 48px 48px 0;\n  }\n  .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n.duet-banner.no-image {\n  display: flex;\n  justify-content: center;\n  padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n  display: none;\n}\n.duet-banner.no-image .content {\n  width: 100%;\n  max-width: 720px;\n  padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n    /* stylelint-enable */\n    padding: 48px;\n  }\n}";var b=c;var p=n("duet_banner",function(){function n(n){var e=this;t(this,n);this.checkCurrentSize=function(){var n=e.element.clientWidth;if(n<500||e.size==="small"){e.currentSize="small"}else if(n<900||e.size==="medium"){e.currentSize="medium"}else{e.currentSize="large"}e.setButtonSize()};this.setButtonSize=function(){if(e.hasActionSlot&&e.currentSize){var n=e.element.querySelectorAll("[slot='action'] duet-button, duet-button[slot='action']");for(var t=0,i=n;t<i.length;t++){var a=i[t];if(a&&a.getAttribute("size")===null&&e.currentSize!=="large"){a.size="small"}else if(a&&a.getAttribute("size")===null&&e.currentSize==="large"){a.size="medium"}}}};this.currentSize=undefined;this.theme="";this.margin="auto";this.backgroundColor="primary-lighter";this.iconColor="gray-lightest";this.iconBackgroundColor="primary";this.textColor="secondary";this.size="large";this.image="";this.sources=undefined;this.icon="";this.headingLevel="h2"}n.prototype.componentWillLoad=function(){s(this);this.hasHeadingSlot=r(this.element,"heading");this.hasDescriptionSlot=r(this.element,"description");this.hasActionSlot=r(this.element,"action");d(this.element,"heading","span");this.setButtonSize()};n.prototype.connectedCallback=function(){window.addEventListener("resize",this.checkCurrentSize)};n.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.checkCurrentSize)};n.prototype.componentDidRender=function(){this.checkCurrentSize()};n.prototype.render=function(){var n;var t=this.theme==="turva"&&this.backgroundColor==="primary-lighter"?"gray-lighter":this.backgroundColor;var a=o(t,this.theme);var s=o(this.textColor,this.theme);var r={backgroundColor:a};var d={img:{src:this.image,alt:"",loading:"lazy",class:"image",role:"presentation"},sources:l(this.sources)};return e(i,{key:"b8716b8067524ae7e4c29e56cdc37d6219c7743a",class:{"duet-m-0":this.margin==="none"}},e("aside",{key:"7c4b420d5a203fa5066f4a71a801c9fc288e179c",class:(n={"duet-banner":true,"duet-theme-turva":this.theme==="turva"},n[this.currentSize]=true,n["size-medium"]=this.size==="medium"||this.size==="large",n["size-large"]=this.size==="large",n["no-image"]=!this.image,n),style:r},e("div",{key:"dd84b698336d0c159b692bde709c6f10bfe414bf",class:"visual"},e("div",{key:"c92d3fdabc120fa760c30ae44e90a29439817940",class:"image-container"},this.image&&e(u,Object.assign({key:"bab1712aa5f1ab77a6c96babc607a9a9d4359dd2"},d))),1>2,e("div",{key:"411fc99b5c017a4b89f4aa375d6725e9e85314e6",style:r,class:"brand-shape"})),e("div",{key:"6ba154b92216b98f00b33d740175760049157d14",class:"content"},this.hasHeadingSlot&&e("div",{key:"ba3ab430999ab6f0823ab957b06bcc4077799c5a",class:"heading"},e("duet-heading",{key:"256ed05f27e6c6c3ec987d4039d6a7caf713458b",theme:this.theme,level:this.headingLevel,"visual-level":this.currentSize==="large"?"h2":"h3","fixed-size":true,margin:"none",color:this.textColor},e("span",{key:"197dbc447ca8910b13c8317cd00507e034e84e6f"},e("slot",{key:"cba3fcc030b0412d981e7cc94626e90aa628cb25",name:"heading"})))),this.hasDescriptionSlot&&e("div",{key:"dbcc6142fe33db74bccac1d54a1fe2a8e8ccc064",class:"description",style:{color:s}},e("slot",{key:"1806ab5f5be1ee076c3978f1fcb676cef6b62893",name:"description"})),this.hasActionSlot&&e("div",{key:"bf9fd56968048a53d15cc1849c2a3b4619851c49",class:"action"},e("slot",{key:"367d2a86cb83fe2d2bdb91ae1e133453e35ce895",name:"action"})))))};Object.defineProperty(n.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return n}());p.style=b}}}));

package/lib/duet/{p-39095316.entry.js → p-98f8aba4.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as t,g as i,H as a}from"./p-2d37a1eb.js";import{i as h}from"./p-aaa7a7bd.js";import{g as d}from"./p-1784b1d2.js";import"./p-4a901bfc.js";const r=class{constructor(t){e(this,t),this.theme="",this.margin="auto",this.color=""}componentWillLoad(){h(this)}render(){const e=d(this.color);return t("div",{key:"2caae5a247c86ce334214ce1efd4155d9941df6a",class:{"duet-m-0":"none"===this.margin,"duet-m-s":"small"===this.margin,"duet-divider":!0,"duet-theme-turva":"turva"===this.theme},style:{background:e}})}get element(){return i(this)}};r.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:rgb(225, 227, 230)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(228, 228, 230)}";const s=class{constructor(t){e(this,t),this.size="medium",this.direction="vertical",this.breakpoint=""}render(){return t(a,{key:"560e7ad5451c97ac65ee8a4ba14aa0fcf45a7f6b",class:{"duet-spacer":!0,"duet-spacer-xx-small":"xx-small"===this.breakpoint,"duet-spacer-x-small":"x-small"===this.breakpoint,"duet-spacer-small":"small"===this.breakpoint,"duet-spacer-medium":"medium"===this.breakpoint,"duet-spacer-large":"large"===this.breakpoint,"duet-spacer-x-large":"x-large"===this.breakpoint,"duet-spacer-xx-large":"xx-large"===this.breakpoint,[this.size]:!0,[`duet-spacer-${this.direction}`]:!0}})}};s.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";export{r as duet_divider,s as duet_spacer}
+import{r as e,h as t,g as i,H as a}from"./p-7bd92c3a.js";import{i as h}from"./p-aaa7a7bd.js";import{g as d}from"./p-1784b1d2.js";import"./p-4a901bfc.js";const r=class{constructor(t){e(this,t),this.theme="",this.margin="auto",this.color=""}componentWillLoad(){h(this)}render(){const e=d(this.color);return t("div",{key:"2caae5a247c86ce334214ce1efd4155d9941df6a",class:{"duet-m-0":"none"===this.margin,"duet-m-s":"small"===this.margin,"duet-divider":!0,"duet-theme-turva":"turva"===this.theme},style:{background:e}})}get element(){return i(this)}};r.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:rgb(225, 227, 230)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(228, 228, 230)}";const s=class{constructor(t){e(this,t),this.size="medium",this.direction="vertical",this.breakpoint=""}render(){return t(a,{key:"40b675c3998d7f2fb139eecbebbffae65909c618",class:{"duet-spacer":!0,"duet-spacer-xx-small":"xx-small"===this.breakpoint,"duet-spacer-x-small":"x-small"===this.breakpoint,"duet-spacer-small":"small"===this.breakpoint,"duet-spacer-medium":"medium"===this.breakpoint,"duet-spacer-large":"large"===this.breakpoint,"duet-spacer-x-large":"x-large"===this.breakpoint,"duet-spacer-xx-large":"xx-large"===this.breakpoint,[this.size]:!0,[`duet-spacer-${this.direction}`]:!0}})}};s.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";export{r as duet_divider,s as duet_spacer}

package/lib/duet/{p-1b7e908a.entry.js → p-9a0e274c.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,c as t,h as s,g as i,H as d}from"./p-2d37a1eb.js";import{i as r}from"./p-aaa7a7bd.js";import{c as a}from"./p-5e59e970.js";import{i as o,s as n,u as p}from"./p-a1b7f2a0.js";const u=class{constructor(s){e(this,s),this.duetStepClick=t(this,"duetStepClick",7),this.buttonId=a("DuetStepButton"),this.contentId=a("DuetStepContent"),this.handleKeyDown=e=>{this.isClickDisabled()||o(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)},this.theme="",this.heading=void 0,this.headingLevel=void 0,this.stepIndex=void 0,this.state=void 0,this.roundedTop=!1,this.roundedBottom=!1}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){r(this)}connectedCallback(){n(this)}disconnectedCallback(){p(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?s("div",{class:"duet-step-icon"},s("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'})):`${this.stepIndex+1} `}render(){return s("div",{class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},s("div",{class:"duet-step-heading",id:this.buttonId,role:"current"!==this.state?"button":"region","aria-current":"current"===this.state?"step":void 0,tabindex:"current"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,"aria-selected":("current"===this.state).toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},s("div",{"aria-hidden":"true"},s("div",{class:"duet-step-counter"},this.renderStepCounter())),s("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),s("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),s("div",null,s("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),s("duet-spacer",{direction:"horizontal",size:"large"}),s("div",{class:"duet-step-heading-slot"},s("slot",{name:"heading-content"}))),s("div",{class:"duet-step-content-wrapper"},s("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},s("slot",null))))}get element(){return i(this)}};u.style='*.sc-duet-step,*.sc-duet-step::after,*.sc-duet-step::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-step-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step.sc-duet-step{padding:20px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva.sc-duet-step{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top.sc-duet-step{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom.sc-duet-step{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom.sc-duet-step{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step.sc-duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading.sc-duet-step{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false].sc-duet-step{cursor:pointer}.duet-step-heading.sc-duet-step:focus{outline:0}.duet-step-heading.sc-duet-step:active{opacity:0.75}.user-is-tabbing.sc-duet-step-h .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-step-h .duet-theme-turva.sc-duet-step .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#005f8f}.duet-theme-turva.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#9e0a26}.is-current.sc-duet-step .duet-step-heading.sc-duet-step{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading.sc-duet-step{margin-top:8px;margin-bottom:8px !important}.sc-duet-step-h:first-of-type .duet-step-heading.sc-duet-step{margin-top:0}.sc-duet-step-h:last-of-type .duet-step-heading.sc-duet-step{margin-bottom:0 !important}}.duet-step-counter.sc-duet-step{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter.sc-duet-step{width:40px;height:40px;line-height:40px}}.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(198, 12, 48)}.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(101, 119, 135)}.duet-theme-turva.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(116, 116, 117)}.duet-step-icon.sc-duet-step{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step{width:20px;height:20px}}.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper.sc-duet-step{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(225, 227, 230)}.duet-theme-turva.sc-duet-step .duet-step-content-wrapper.sc-duet-step{border-color:rgb(228, 228, 230)}.sc-duet-step-h:last-of-type .duet-step-content-wrapper.sc-duet-step{min-height:0;border:transparent}}.duet-step-content.sc-duet-step{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content.sc-duet-step{padding-bottom:28px}}.is-current.sc-duet-step .duet-step-content.sc-duet-step{display:block}.duet-step-heading-slot.sc-duet-step{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot.sc-duet-step{display:block}}';const c=class{constructor(s){e(this,s),this.duetStepChange=t(this,"duetStepChange",7),this.theme="",this.accessibleLive="Lista jossa {total} kohtaa. Olet kohdassa {current}.",this.margin="auto",this.backDisabled=!1,this.selected=0}currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){r(this)}async connectedCallback(){this.updateStepState()}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let s;s=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=s,e.stepIndex=t}));const t=function(e,t){const s={};return t.forEach((e=>{const t=e.state;s[t]||(s[t]=[]),s[t].push(e)})),s}(0,e);Object.values(t).forEach((e=>{e.forEach(((t,s)=>{t.roundedTop=0===s,t.roundedBottom=s===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),s=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",s)}render(){return s(d,{key:"f013786f1cbfdb3aaf08c8e92d992d4c9369487f",class:{"duet-m-0":"none"===this.margin}},s("div",{key:"47977abfb90d5b16e3280b6969d30265f7c12e6d",class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},s("duet-visually-hidden",{key:"0a4054021d62f0e5110ca19130666e5de17ac1a2","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),s("slot",{key:"e1b26fe38f5ea73070cb553686a65faa9c0a5283"})))}get element(){return i(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};c.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";export{u as duet_step,c as duet_stepper}
+import{r as e,c as t,h as s,g as i,H as d}from"./p-7bd92c3a.js";import{i as r}from"./p-aaa7a7bd.js";import{c as a}from"./p-5e59e970.js";import{i as o,s as n,u as p}from"./p-a1b7f2a0.js";const u=class{constructor(s){e(this,s),this.duetStepClick=t(this,"duetStepClick",7),this.buttonId=a("DuetStepButton"),this.contentId=a("DuetStepContent"),this.handleKeyDown=e=>{this.isClickDisabled()||o(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)},this.theme="",this.heading=void 0,this.headingLevel=void 0,this.stepIndex=void 0,this.state=void 0,this.roundedTop=!1,this.roundedBottom=!1}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){r(this)}connectedCallback(){n(this)}disconnectedCallback(){p(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?s("div",{class:"duet-step-icon"},s("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'})):`${this.stepIndex+1} `}render(){return s("div",{class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},s("div",{class:"duet-step-heading",id:this.buttonId,role:"current"!==this.state?"button":"region","aria-current":"current"===this.state?"step":void 0,tabindex:"current"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,"aria-selected":("current"===this.state).toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},s("div",{"aria-hidden":"true"},s("div",{class:"duet-step-counter"},this.renderStepCounter())),s("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),s("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),s("div",null,s("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),s("duet-spacer",{direction:"horizontal",size:"large"}),s("div",{class:"duet-step-heading-slot"},s("slot",{name:"heading-content"}))),s("div",{class:"duet-step-content-wrapper"},s("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},s("slot",null))))}get element(){return i(this)}};u.style='*.sc-duet-step,*.sc-duet-step::after,*.sc-duet-step::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-step-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step.sc-duet-step{padding:20px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva.sc-duet-step{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top.sc-duet-step{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom.sc-duet-step{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom.sc-duet-step{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step.sc-duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading.sc-duet-step{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false].sc-duet-step{cursor:pointer}.duet-step-heading.sc-duet-step:focus{outline:0}.duet-step-heading.sc-duet-step:active{opacity:0.75}.user-is-tabbing.sc-duet-step-h .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-step-h .duet-theme-turva.sc-duet-step .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#005f8f}.duet-theme-turva.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#9e0a26}.is-current.sc-duet-step .duet-step-heading.sc-duet-step{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading.sc-duet-step{margin-top:8px;margin-bottom:8px !important}.sc-duet-step-h:first-of-type .duet-step-heading.sc-duet-step{margin-top:0}.sc-duet-step-h:last-of-type .duet-step-heading.sc-duet-step{margin-bottom:0 !important}}.duet-step-counter.sc-duet-step{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter.sc-duet-step{width:40px;height:40px;line-height:40px}}.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(198, 12, 48)}.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(101, 119, 135)}.duet-theme-turva.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(116, 116, 117)}.duet-step-icon.sc-duet-step{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step{width:20px;height:20px}}.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper.sc-duet-step{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(225, 227, 230)}.duet-theme-turva.sc-duet-step .duet-step-content-wrapper.sc-duet-step{border-color:rgb(228, 228, 230)}.sc-duet-step-h:last-of-type .duet-step-content-wrapper.sc-duet-step{min-height:0;border:transparent}}.duet-step-content.sc-duet-step{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content.sc-duet-step{padding-bottom:28px}}.is-current.sc-duet-step .duet-step-content.sc-duet-step{display:block}.duet-step-heading-slot.sc-duet-step{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot.sc-duet-step{display:block}}';const c=class{constructor(s){e(this,s),this.duetStepChange=t(this,"duetStepChange",7),this.theme="",this.accessibleLive="Lista jossa {total} kohtaa. Olet kohdassa {current}.",this.margin="auto",this.backDisabled=!1,this.selected=0}currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){r(this)}async connectedCallback(){this.updateStepState()}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let s;s=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=s,e.stepIndex=t}));const t=function(e,t){const s={};return t.forEach((e=>{const t=e.state;s[t]||(s[t]=[]),s[t].push(e)})),s}(0,e);Object.values(t).forEach((e=>{e.forEach(((t,s)=>{t.roundedTop=0===s,t.roundedBottom=s===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),s=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",s)}render(){return s(d,{key:"6d5543d9c0d38e17b9008ee9883fa15bd52c9341",class:{"duet-m-0":"none"===this.margin}},s("div",{key:"21344d1bc658a328ee145faf9fc7c1228f9dadac",class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},s("duet-visually-hidden",{key:"05a745bb68bbc4c0154912d1d7e8f88e997f6c6c","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),s("slot",{key:"42e7a878f269f7163bd2b13792c2b742f916fbbe"})))}get element(){return i(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};c.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";export{u as duet_step,c as duet_stepper}

package/lib/duet/{p-e76ee248.system.entry.js → p-9b5864af.system.entry.js}

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function o(e){try{s(i.next(e))}catch(e){r(e)}}function u(e){try{s(i["throw"](e))}catch(e){r(e)}}function s(e){e.done?n(e.value):a(e.value).then(o,u)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(e){return function(t){return s([e,t])}}function s(u){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(i=1,a&&(r=u[0]&2?a["return"]:u[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,u[1])).done)return r;if(a=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;a=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){n.label=u[1];break}if(u[0]===6&&n.label<r[1]){n.label=r[1];r=u;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(u);break}if(r[2])n.ops.pop();n.trys.pop();continue}u=t.call(e,n)}catch(e){u=[6,e];a=0}finally{i=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */System.register(["./p-4d4bba14.system.js","./p-e216bea4.system.js","./p-34d7dd10.system.js"],(function(e){"use strict";var t,n,i,a,r,o;return{setters:[function(e){t=e.r;n=e.h;i=e.H;a=e.g},function(e){r=e.i},function(e){o=e.f}],execute:function(){var u='*,*::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;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:rgb(0, 77, 128);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-submenu-bar-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-item .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:16px;height:16px}}.duet-submenu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(230, 242, 248)}.duet-submenu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-submenu-bar-item.active{color:rgb(0, 119, 179)}.duet-submenu-bar-item.active.duet-theme-turva{color:rgb(148, 9, 37)}.duet-submenu-bar-item.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-submenu-bar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(148, 9, 37)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(148, 9, 37)}.duet-submenu-bar-item:hover{color:rgb(0, 41, 77);background:rgb(230, 242, 248)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(228, 228, 230)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(148, 9, 37)}';var s=u;var c=e("duet_submenu_bar_item",function(){function e(e){t(this,e);this.theme="";this.active=false;this.url=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.accessibleLabel=undefined;this.accessibleExpanded=undefined;this.accessiblePopup="false"}e.prototype.componentWillLoad=function(){r(this)};e.prototype.handleEscape=function(e){if(o(e)){var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";var a=this.url?"link":"button";return n(i,{key:"7246fe7df05c49bdf9995449d18b44206d64cd10",role:"listitem"},n(t,{key:"ed7727902f8434970a82dbc3ae8ed70a5ba3705f",ref:function(t){return e.itemElement=t},class:{"duet-submenu-bar-item":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.url,onKeyUp:function(t){return e.handleEscape(t)},"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined,role:a},this.leadingIcon&&n("duet-icon",{key:"5456a1a813589c43ad05fff2ec2c61f27f69ed00",class:"leading-icon",theme:this.theme,name:this.leadingIcon,size:"auto",margin:"none",color:"currentColor"}),n("div",{key:"aefc4fd7cf0738263827948238b449172d1295f6",class:"label"},n("span",{key:"f3a050682930edad22a2dd463482f6846a2fbfba",class:"label-text"},n("slot",{key:"3ccdcad2536f95089efa1bfedff44715b047e989"})),this.trailingIcon&&n("duet-icon",{key:"566ce6c73fd72ef72f5af4ae7bfc0444056abf96",class:{"trailing-icon":true,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small",rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon,margin:"none",size:"auto",color:"currentColor"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());c.style=s}}}));
+ */System.register(["./p-d8863869.system.js","./p-e216bea4.system.js","./p-34d7dd10.system.js"],(function(e){"use strict";var t,n,i,a,r,o;return{setters:[function(e){t=e.r;n=e.h;i=e.H;a=e.g},function(e){r=e.i},function(e){o=e.f}],execute:function(){var u='*,*::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;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:rgb(0, 77, 128);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-submenu-bar-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-item .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:16px;height:16px}}.duet-submenu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(230, 242, 248)}.duet-submenu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-submenu-bar-item.active{color:rgb(0, 119, 179)}.duet-submenu-bar-item.active.duet-theme-turva{color:rgb(148, 9, 37)}.duet-submenu-bar-item.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-submenu-bar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(148, 9, 37)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(148, 9, 37)}.duet-submenu-bar-item:hover{color:rgb(0, 41, 77);background:rgb(230, 242, 248)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(228, 228, 230)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(148, 9, 37)}';var s=u;var c=e("duet_submenu_bar_item",function(){function e(e){t(this,e);this.theme="";this.active=false;this.url=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.accessibleLabel=undefined;this.accessibleExpanded=undefined;this.accessiblePopup="false"}e.prototype.componentWillLoad=function(){r(this)};e.prototype.handleEscape=function(e){if(o(e)){var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";var a=this.url?"link":"button";return n(i,{key:"3809dacbf8986202a08f3ac76d4ff20222de6196",role:"listitem"},n(t,{key:"93b89f52f27aacdcf91a2117e56e4f54cc382ac0",ref:function(t){return e.itemElement=t},class:{"duet-submenu-bar-item":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.url,onKeyUp:function(t){return e.handleEscape(t)},"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined,role:a},this.leadingIcon&&n("duet-icon",{key:"e1be87867c25236cbe0df20fae7c1c190aace67c",class:"leading-icon",theme:this.theme,name:this.leadingIcon,size:"auto",margin:"none",color:"currentColor"}),n("div",{key:"aabee6e7c69593910b223b29192891a590a1471b",class:"label"},n("span",{key:"03828b9abeaafe8228a76f1f7b8386314c5b3ef7",class:"label-text"},n("slot",{key:"4545df6039082a5d5caaaff535fcce876e9c4ba3"})),this.trailingIcon&&n("duet-icon",{key:"c3b95ea8302ed9d4bffc4fb49ee9015dc7f10bb4",class:{"trailing-icon":true,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small",rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon,margin:"none",size:"auto",color:"currentColor"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());c.style=s}}}));