@duetds/components 9.2.3 → 9.2.5

package/lib/duet/{p-cf4ce1f7.entry.js → p-14d66f8d.entry.js}

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

package/lib/duet/{p-e9f172ff.entry.js → p-15695a8a.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{h as t,r as i,c as s,H as e,g as h}from"./p-6586fb03.js";import{i as o}from"./p-aaa7a7bd.js";import{c as n}from"./p-5e59e970.js";import{d as a}from"./p-9e371678.js";import{j as r,f as l,o as d,b as c,c as u}from"./p-a1b7f2a0.js";import{g as m,a as p,c as v,d as b}from"./p-ab6f31bd.js";import{g}from"./p-e7f2c310.js";import{r as f,p as x}from"./p-9c3c64b9.js";const y=({item:i,activeDescendant:s,selected:e,label:h,clickHandler:o=(t=>{t.preventDefault()}),keyHandler:n=(t=>{t.preventDefault()}),search:a,isAndroidDevice:r,id:l})=>{const d=a.split(" ").filter((t=>!!t.trim())).map((t=>f(t))),c=""!==a?new RegExp(`(${d.join("|")})`,"i"):void 0;return t("duet-popup-menu-item",{id:s?l:"",active:e,"data-index":i.id,"aria-selected":s?"true":void 0,"aria-current":e?"true":void 0,role:"option","aria-label":h,tabindex:r?"-1":null,onClick:t=>o(t),onKeyUp:t=>n(t),accessibleRole:"option",activeDescendant:s},c?t("span",{class:"option-container","aria-hidden":"true"},t("span",{innerHTML:i.name.replace(c,'<span style="text-decoration: underline">$&</span>')})):i.name,i.tags&&t("span",{class:"option-tags"},i.tags.join(", ")))},S=class{constructor(t){var e,h;i(this,t),this.duetChange=s(this,"duetChange",3),this.listBoxId=n("duet-combobox-list-element"),this.inputId=n("duet-combobox-input-id"),this.activeDescendantId=n("duet-combobox-active-descendant"),this.isAndroidDevice=(null===(h=null===(e=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===e?void 0:e.toLowerCase())||void 0===h?void 0:h.indexOf("android"))>-1||null,this.resizeObserver=new ResizeObserver(a((t=>{var i,s,e;if(1===(null==t?void 0:t.length)){const h=null===(s=null===(i=t[0])||void 0===i?void 0:i.target)||void 0===s?void 0:s.getBoundingClientRect().width,o=parseInt(null===(e=getComputedStyle(this.listContainer.shadowRoot.querySelector(".duet-popup-menu-list")))||void 0===e?void 0:e.padding);this.listContainer.style.setProperty("--popup-width",h-2*o+"px")}}),100)),this.onInputChange=async t=>{this.inputValue=t.detail.value},this.onInputClick=()=>{var t,i;this.listOpen=this.openListOnClick?!this.listOpen:(null===(t=this.inputValue)||void 0===t?void 0:t.length)>=this.minCharacters,(null===(i=this.getFilteredItems())||void 0===i?void 0:i.length)||(this.listOpen=!1)},this.onInputTyping=async t=>{var i;const s=t.detail.value;!this.force&&!this.multiple&&this.selectedItems.size>0&&s!==this.getSelectedItemLabel()&&this.selectedItems.clear(),this.force||this.multiple||""!==s||(this.value=void 0),this.listOpen=String(s).length>=this.minCharacters&&(null===(i=this.getFilteredItems())||void 0===i?void 0:i.length)>0},this.onKeyDown=t=>{const i=this.returnFilteredOrNonFiltered(),s=i.filter((t=>!this.selectedItems.has(t.id)));if(this.input.accessibleActiveDescendant=void 0,r(t))return t.preventDefault(),this.listOpen&&void 0!==this.activeItem&&i[this.activeItem]?this.multiple?this.addSelectedItem(i[this.activeItem].id,!0):this.updateSelectedItem(i[this.activeItem].id,!0):!this.multiple&&this.listOpen&&1===s.length&&s[0].name.toLowerCase()===this.input.value.toLowerCase()&&this.updateSelectedItem(s[0].id,!0),this.activeItem=void 0,void(this.listOpen=!1);if(l(t)||d(t))return this.listOpen&&t.preventDefault(),this.updateInputText(!0),this.activeItem=void 0,void(this.listOpen=!1);let e=this.activeItem;c(t)?(t.preventDefault(),e=this.activeItem-1):u(t)&&(t.preventDefault(),e=this.listOpen?this.activeItem+1:this.activeItem,this.listOpen=!0),(u(t)||c(t))&&((e<0||!e)&&(e=0),e>=i.length&&(e=i.length-1),this.input.accessibleActiveDescendant=this.activeDescendantId,this.activeItem=e,this.scrollToActive())},this.processedItems=null,this.inputValue="",this.listOpen=!1,this.selectedItems=new Set,this.activeItem=void 0,this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtered"},fi:{heading:"Valitse:",item:"{name}",itemFiltered:"{name}, {hiddenItems} suodatettu"},sv:{heading:"Välj:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtrerade"}},this.accessibleLabels=m(this.accessibleLabelDefaults,p()),this.label="",this.caption="",this.theme="",this.force=!1,this.multiple=!1,this.items=void 0,this.formatter=t=>t&&t.name?t.name:"",this.value=void 0,this.minCharacters=1,this.openListOnClick=!1,this.filterType="startsWith"}popupMenuOpenHandler(){this.listOpen?this.listContainer.show():this.listContainer.hide()}activeItemHandler(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||0===t)?this.activeDescendantId:""}handleDocumentClick(t){t.composedPath().every((t=>t!==this.element))&&(this.updateInputText(!0),this.listOpen=!1)}async formatItem(t){return this.formatter(t)}processItems(){const t=[];if(this.processedItems=x(this.items),!Array.isArray(this.processedItems))return void console.error("DuetCombobox: Items should be an array");this.processedItems.length!==new Set([...this.processedItems]).size&&console.warn("DuetCombobox: Duplicate item values found in the list"),this.processedItems=this.processedItems.map(((i,s)=>("string"==typeof i&&(i={name:i,value:i}),i.id=void 0!==i.id?String(i.id):`${JSON.stringify(i.value)}-${i.name}`,t.includes(i.id)&&(console.warn("DuetCombobox: Duplicate item id found in the list, postfixed with index"),i.id=`${i.id}-${s}`),t.push(i.id),i)));const i=Array.from(this.selectedItems).filter((t=>!this.processedItems.find((i=>i.id===t))));i.length&&(this.multiple?i.forEach((t=>this.removeSelectedItem(t))):this.updateSelectedItem(i[0],!0))}processValue(){if(""!==this.value&&!this.value)return void this.selectedItems.clear();const t=Array.isArray(this.value)?this.value:[this.value],i=this.processedItems.filter((i=>t.includes(i.value))).map((t=>t.id));if(i.length!==this.selectedItems.size||!i.every((t=>this.selectedItems.has(t))))if(this.multiple)this.selectedItems.clear(),this.input.clearChips(),i.forEach((t=>this.addSelectedItem(t)));else{const t=this.processedItems.find((t=>t.value===this.value));this.updateSelectedItem(t.id)}}processListOpenChange(){this.openListOnClick&&(this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"),this.input.accessibleExpanded=this.listOpen?"true":"false"}componentWillLoad(){o(this)}connectedCallback(){this.items&&this.processItems();const t=g(this.element);t.length?this.input=t[0]:(this.input=document.createElement("duet-input"),this.input.label=this.label,this.input.caption=this.caption,this.input.expand=!0,this.element.prepend(this.input)),this.input.chips=this.multiple,this.input.addEventListener("duetChange",this.onInputChange),this.input.addEventListener("duetInput",this.onInputTyping),this.input.addEventListener("click",this.onInputClick),this.input.role="combobox",this.input.accessibleExpanded=this.listOpen?"true":"false",this.input.accessibleAutocomplete="list",this.input.accessibleControls=this.listBoxId,this.input.id=this.inputId,this.element.addEventListener("keydown",this.onKeyDown),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"}),this.processListOpenChange()}disconnectedCallback(){this.input.removeEventListener("duetChange",this.onInputChange),this.input.removeEventListener("click",this.onInputClick),this.element.removeEventListener("keydown",this.onKeyDown),this.resizeObserver.disconnect(),b(this)}componentDidLoad(){this.resizeObserver.observe(this.input),this.processValue()}shouldListBeFiltered(){if(!this.multiple&&this.selectedItems.size&&this.input.value===this.inputValue){const t=this.processedItems.find((t=>this.selectedItems.has(t.id)));return!(this.formatter(t).toLowerCase()===this.input.value.toLowerCase())}return!0}returnFilteredOrNonFiltered(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]}emitChangeEvent(t){const i=this.processedItems.find((i=>i.id===t));this.duetChange.emit({item:i,value:this.value,component:"duet-combobox"})}updateMultipleValue(){this.value=this.processedItems.filter((t=>this.selectedItems.has(t.id))).map((t=>t.value)),this.input.value="",this.updateChips(),this.input.setFocus()}addSelectedItem(t,i){this.selectedItems.has(t)||(this.selectedItems.add(t),this.updateMultipleValue(),i&&this.emitChangeEvent(t))}removeSelectedItem(t,i){this.selectedItems.has(t)&&(this.selectedItems.delete(t),this.updateMultipleValue(),i&&this.emitChangeEvent(t))}async updateSelectedItem(t,i){this.selectedItems.has(t)?(this.selectedItems.delete(t),this.value=void 0,this.input.value="",await this.input.setFocus()):(this.selectedItems.clear(),this.selectedItems.add(t),this.value=this.processedItems.find((i=>i.id===t)).value),i&&this.emitChangeEvent(this.value&&t),await this.updateInputText()}async updateChips(){const t=Array.from(this.selectedItems),i=await this.input.getChips();t.forEach((async t=>{const i=this.processedItems.find((i=>i.id===t)),s=await this.formatItem(i);if(!await this.input.hasChip({value:`${t}`,text:s})){const i=document.createElement("duet-chip");i.variation="input",i.role="option",i.value=`${t}`,i.textContent=s,i.addEventListener("duetRemove",(t=>{this.removeSelectedItem(t.detail.value,!0)})),this.input.addChip(i)}})),i.forEach((i=>{t.includes(i.value)||i.remove()}))}async getSelectedItemLabel(){const t=this.processedItems.find((t=>this.selectedItems.has(t.id)));return t?await this.formatItem(t):""}async updateInputText(t=!1){if(t&&this.multiple)this.input.value="";else{if(t&&this.force){const t=this.returnFilteredOrNonFiltered();!this.multiple&&this.listOpen&&1===t.length&&t[0].name.toLowerCase()===this.input.value.toLowerCase()&&this.updateSelectedItem(t[0].id,!0),this.input.value=0===this.selectedItems.size?"":await this.getSelectedItemLabel()}!t&&this.selectedItems.size>0&&(this.input.value="",this.input.value=await this.getSelectedItemLabel(),this.input.scrollLeft=this.input.scrollWidth,await this.input.setFocus())}}onListClick(t,i){return t.preventDefault(),t.stopPropagation(),this.multiple?this.addSelectedItem(i.id,!0):this.updateSelectedItem(i.id,!0),this.activeItem=void 0,this.listOpen=!1,this.listOpen}scrollToActive(){const t=document.getElementById(`${this.activeDescendantId}`);t&&t.scrollIntoView({behavior:"smooth",block:"center"})}formatLabel(t,i,s,e){return t&&void 0!==e?(s===e?this.accessibleLabels.item:this.accessibleLabels.itemFiltered).replace("{name}",String(t.name)).replace("{current}",String(i+1)).replace("{total}",String(s)).replace("{hiddenItems}",String(e-s)):""}getFilteredItems(){const t=this.processedItems.filter((t=>{var i,s,e,h,o;return(null===(i=String(t.value))||void 0===i?void 0:i.toLowerCase()[this.filterType](null===(s=this.inputValue)||void 0===s?void 0:s.toLowerCase()))||(null===(e=String(t.name))||void 0===e?void 0:e.toLowerCase()[this.filterType](null===(h=this.inputValue)||void 0===h?void 0:h.toLowerCase()))||this.formatter(t).toLowerCase()[this.filterType](null===(o=this.inputValue)||void 0===o?void 0:o.toLowerCase())||this.selectedItems.has(t.id)})).filter((t=>{let i=!0;return this.multiple&&this.selectedItems.has(t.id)&&(i=!1),i}));return this.sortFilteredItems(t)}sortFilteredItems(t){return t.length>0&&t.filter((t=>this.selectedItems.has(t.id))).forEach((i=>{const s=t.indexOf(i);t.splice(s,1),t.unshift(i)})),t}render(){const i=this.returnFilteredOrNonFiltered();return t(e,{class:{"duet-combobox":!0,[`duet-theme-${this.theme}`]:!0}},t("slot",null),t("div",null,t("duet-popup-menu",{id:this.listBoxId,controller:this.input,ref:t=>this.listContainer=t,accessibleRole:"listbox",allowVerticalFlip:!1},t("div",{class:"combobox-menu-container"},this.listOpen&&i.map(((s,e)=>t(y,{id:this.activeDescendantId,item:s,activeDescendant:e===this.activeItem,selected:this.selectedItems.has(s.id),search:this.inputValue,clickHandler:t=>this.onListClick(t,s),label:this.formatLabel(s,e,i.length,this.processedItems.length),isAndroidDevice:this.isAndroidDevice}))),t("duet-spacer",{size:"x-small"})))))}get element(){return h(this)}static get watchers(){return{listOpen:["popupMenuOpenHandler","processListOpenChange"],activeItem:["activeItemHandler"],items:["processItems"],value:["processValue"]}}};S.style='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-block;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";color:rgb(8, 42, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(8, 42, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.combobox-menu-container.sc-duet-combobox{width:var(--popup-width);max-height:200px}';export{S as duet_combobox}
+import{h as t,r as i,c as s,H as e,g as h}from"./p-365388f0.js";import{i as o}from"./p-aaa7a7bd.js";import{c as n}from"./p-5e59e970.js";import{d as a}from"./p-9e371678.js";import{j as r,f as d,o as l,b as c,c as u}from"./p-a1b7f2a0.js";import{g as m,a as p,c as v,d as b}from"./p-1c87928d.js";import{g}from"./p-3e56dd95.js";import{r as f,p as x}from"./p-9c3c64b9.js";const y=({item:i,activeDescendant:s,selected:e,label:h,clickHandler:o=(t=>{t.preventDefault()}),keyHandler:n=(t=>{t.preventDefault()}),search:a,isAndroidDevice:r,id:d})=>{const l=a.split(" ").filter((t=>!!t.trim())).map((t=>f(t))),c=""!==a?new RegExp(`(${l.join("|")})`,"i"):void 0;return t("duet-popup-menu-item",{id:s?d:"",active:e,"data-index":i.id,"aria-selected":s?"true":void 0,"aria-current":e?"true":void 0,role:"option","aria-label":h,tabindex:r?"-1":null,onClick:t=>o(t),onKeyUp:t=>n(t),accessibleRole:"option",activeDescendant:s},c?t("span",{class:"option-container","aria-hidden":"true"},t("span",{innerHTML:i.name.replace(c,'<span style="text-decoration: underline">$&</span>')})):i.name,i.tags&&t("span",{class:"option-tags"},i.tags.join(", ")))},S=class{constructor(t){var e,h;i(this,t),this.duetChange=s(this,"duetChange",3),this.listBoxId=n("duet-combobox-list-element"),this.inputId=n("duet-combobox-input-id"),this.activeDescendantId=n("duet-combobox-active-descendant"),this.isAndroidDevice=(null===(h=null===(e=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===e?void 0:e.toLowerCase())||void 0===h?void 0:h.indexOf("android"))>-1||null,this.resizeObserver=new ResizeObserver(a((t=>{var i,s,e;if(1===(null==t?void 0:t.length)){const h=null===(s=null===(i=t[0])||void 0===i?void 0:i.target)||void 0===s?void 0:s.getBoundingClientRect().width,o=parseInt(null===(e=getComputedStyle(this.listContainer.shadowRoot.querySelector(".duet-popup-menu-list")))||void 0===e?void 0:e.padding);this.listContainer.style.setProperty("--popup-width",h-2*o+"px")}}),100)),this.onInputChange=async t=>{this.inputValue=t.detail.value},this.onInputClick=()=>{var t,i;this.listOpen=this.openListOnClick?!this.listOpen:(null===(t=this.inputValue)||void 0===t?void 0:t.length)>=this.minCharacters,(null===(i=this.getFilteredItems())||void 0===i?void 0:i.length)||(this.listOpen=!1)},this.onInputTyping=async t=>{var i;const s=t.detail.value;!this.force&&!this.multiple&&this.selectedItems.size>0&&s!==this.getSelectedItemLabel()&&this.selectedItems.clear(),this.force||this.multiple||""!==s||(this.value=void 0),this.listOpen=String(s).length>=this.minCharacters&&(null===(i=this.getFilteredItems())||void 0===i?void 0:i.length)>0},this.onKeyDown=t=>{const i=this.returnFilteredOrNonFiltered(),s=i.filter((t=>!this.selectedItems.has(t.id)));if(this.input.accessibleActiveDescendant=void 0,r(t))return t.preventDefault(),this.listOpen&&void 0!==this.activeItem&&i[this.activeItem]?this.multiple?this.addSelectedItem(i[this.activeItem].id,!0):this.updateSelectedItem(i[this.activeItem].id,!0):!this.multiple&&this.listOpen&&1===s.length&&s[0].name.toLowerCase()===this.input.value.toLowerCase()&&this.updateSelectedItem(s[0].id,!0),this.activeItem=void 0,void(this.listOpen=!1);if(d(t)||l(t))return this.listOpen&&t.preventDefault(),this.updateInputText(!0),this.activeItem=void 0,void(this.listOpen=!1);let e=this.activeItem;c(t)?(t.preventDefault(),e=this.activeItem-1):u(t)&&(t.preventDefault(),e=this.listOpen?this.activeItem+1:this.activeItem,this.listOpen=!0),(u(t)||c(t))&&((e<0||!e)&&(e=0),e>=i.length&&(e=i.length-1),this.input.accessibleActiveDescendant=this.activeDescendantId,this.activeItem=e,this.scrollToActive())},this.processedItems=null,this.inputValue="",this.listOpen=!1,this.selectedItems=new Set,this.activeItem=void 0,this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtered"},fi:{heading:"Valitse:",item:"{name}",itemFiltered:"{name}, {hiddenItems} suodatettu"},sv:{heading:"Välj:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtrerade"}},this.accessibleLabels=m(this.accessibleLabelDefaults,p()),this.label="",this.caption="",this.theme="",this.force=!1,this.multiple=!1,this.items=void 0,this.formatter=t=>t&&t.name?t.name:"",this.value=void 0,this.minCharacters=1,this.openListOnClick=!1,this.filterType="startsWith"}popupMenuOpenHandler(){this.listOpen?this.listContainer.show():this.listContainer.hide()}activeItemHandler(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||0===t)?this.activeDescendantId:""}handleDocumentClick(t){t.composedPath().every((t=>t!==this.element))&&(this.updateInputText(!0),this.listOpen=!1)}async formatItem(t){return this.formatter(t)}processItems(){const t=[];if(this.processedItems=x(this.items),!Array.isArray(this.processedItems))return void console.error("DuetCombobox: Items should be an array");this.processedItems.length!==new Set([...this.processedItems]).size&&console.warn("DuetCombobox: Duplicate item values found in the list"),this.processedItems=this.processedItems.map(((i,s)=>("string"==typeof i&&(i={name:i,value:i}),i.id=void 0!==i.id?String(i.id):`${JSON.stringify(i.value)}-${i.name}`,t.includes(i.id)&&(console.warn("DuetCombobox: Duplicate item id found in the list, postfixed with index"),i.id=`${i.id}-${s}`),t.push(i.id),i)));const i=Array.from(this.selectedItems).filter((t=>!this.processedItems.find((i=>i.id===t))));i.length&&(this.multiple?i.forEach((t=>this.removeSelectedItem(t))):this.updateSelectedItem(i[0],!0))}processValue(){if(""!==this.value&&!this.value)return void this.selectedItems.clear();const t=Array.isArray(this.value)?this.value:[this.value],i=this.processedItems.filter((i=>t.includes(i.value))).map((t=>t.id));if(i.length!==this.selectedItems.size||!i.every((t=>this.selectedItems.has(t))))if(this.multiple)this.selectedItems.clear(),this.input.clearChips(),i.forEach((t=>this.addSelectedItem(t)));else{const t=this.processedItems.find((t=>t.value===this.value));this.updateSelectedItem(t.id)}}processListOpenChange(){this.openListOnClick&&(this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"),this.input.accessibleExpanded=this.listOpen?"true":"false"}componentWillLoad(){o(this)}connectedCallback(){this.items&&this.processItems();const t=g(this.element);t.length?this.input=t[0]:(this.input=document.createElement("duet-input"),this.input.label=this.label,this.input.caption=this.caption,this.input.expand=!0,this.element.prepend(this.input)),this.input.chips=this.multiple,this.input.addEventListener("duetChange",this.onInputChange),this.input.addEventListener("duetInput",this.onInputTyping),this.input.addEventListener("click",this.onInputClick),this.input.role="combobox",this.input.accessibleExpanded=this.listOpen?"true":"false",this.input.accessibleAutocomplete="list",this.input.accessibleControls=this.listBoxId,this.input.id=this.inputId,this.element.addEventListener("keydown",this.onKeyDown),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"}),this.processListOpenChange()}disconnectedCallback(){this.input.removeEventListener("duetChange",this.onInputChange),this.input.removeEventListener("click",this.onInputClick),this.element.removeEventListener("keydown",this.onKeyDown),this.resizeObserver.disconnect(),b(this)}componentDidLoad(){this.resizeObserver.observe(this.input),this.processValue()}shouldListBeFiltered(){if(!this.multiple&&this.selectedItems.size&&this.input.value===this.inputValue){const t=this.processedItems.find((t=>this.selectedItems.has(t.id)));return!(this.formatter(t).toLowerCase()===this.input.value.toLowerCase())}return!0}returnFilteredOrNonFiltered(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]}emitChangeEvent(t){const i=this.processedItems.find((i=>i.id===t));this.duetChange.emit({item:i,value:this.value,component:"duet-combobox"})}updateMultipleValue(){this.value=this.processedItems.filter((t=>this.selectedItems.has(t.id))).map((t=>t.value)),this.input.value="",this.updateChips(),this.input.setFocus()}addSelectedItem(t,i){this.selectedItems.has(t)||(this.selectedItems.add(t),this.updateMultipleValue(),i&&this.emitChangeEvent(t))}removeSelectedItem(t,i){this.selectedItems.has(t)&&(this.selectedItems.delete(t),this.updateMultipleValue(),i&&this.emitChangeEvent(t))}async updateSelectedItem(t,i){this.selectedItems.has(t)?(this.selectedItems.delete(t),this.value=void 0,this.input.value="",await this.input.setFocus()):(this.selectedItems.clear(),this.selectedItems.add(t),this.value=this.processedItems.find((i=>i.id===t)).value),i&&this.emitChangeEvent(this.value&&t),await this.updateInputText()}async updateChips(){const t=Array.from(this.selectedItems),i=await this.input.getChips();t.forEach((async t=>{const i=this.processedItems.find((i=>i.id===t)),s=await this.formatItem(i);if(!await this.input.hasChip({value:`${t}`,text:s})){const i=document.createElement("duet-chip");i.variation="input",i.role="option",i.value=`${t}`,i.textContent=s,i.addEventListener("duetRemove",(t=>{this.removeSelectedItem(t.detail.value,!0)})),this.input.addChip(i)}})),i.forEach((i=>{t.includes(i.value)||i.remove()}))}async getSelectedItemLabel(){const t=this.processedItems.find((t=>this.selectedItems.has(t.id)));return t?await this.formatItem(t):""}async updateInputText(t=!1){if(t&&this.multiple)this.input.value="";else{if(t&&this.force){const t=this.returnFilteredOrNonFiltered();!this.multiple&&this.listOpen&&1===t.length&&t[0].name.toLowerCase()===this.input.value.toLowerCase()&&this.updateSelectedItem(t[0].id,!0),this.input.value=0===this.selectedItems.size?"":await this.getSelectedItemLabel()}!t&&this.selectedItems.size>0&&(this.input.value="",this.input.value=await this.getSelectedItemLabel(),this.input.scrollLeft=this.input.scrollWidth,await this.input.setFocus())}}onListClick(t,i){return t.preventDefault(),t.stopPropagation(),this.multiple?this.addSelectedItem(i.id,!0):this.updateSelectedItem(i.id,!0),this.activeItem=void 0,this.listOpen=!1,this.listOpen}scrollToActive(){const t=document.getElementById(`${this.activeDescendantId}`);t&&t.scrollIntoView({behavior:"smooth",block:"center"})}formatLabel(t,i,s,e){return t&&void 0!==e?(s===e?this.accessibleLabels.item:this.accessibleLabels.itemFiltered).replace("{name}",String(t.name)).replace("{current}",String(i+1)).replace("{total}",String(s)).replace("{hiddenItems}",String(e-s)):""}getFilteredItems(){const t=this.processedItems.filter((t=>{var i,s,e,h,o;return(null===(i=String(t.value))||void 0===i?void 0:i.toLowerCase()[this.filterType](null===(s=this.inputValue)||void 0===s?void 0:s.toLowerCase()))||(null===(e=String(t.name))||void 0===e?void 0:e.toLowerCase()[this.filterType](null===(h=this.inputValue)||void 0===h?void 0:h.toLowerCase()))||this.formatter(t).toLowerCase()[this.filterType](null===(o=this.inputValue)||void 0===o?void 0:o.toLowerCase())||this.selectedItems.has(t.id)})).filter((t=>{let i=!0;return this.multiple&&this.selectedItems.has(t.id)&&(i=!1),i}));return this.sortFilteredItems(t)}sortFilteredItems(t){return t.length>0&&t.filter((t=>this.selectedItems.has(t.id))).forEach((i=>{const s=t.indexOf(i);t.splice(s,1),t.unshift(i)})),t}render(){const i=this.returnFilteredOrNonFiltered();return t(e,{class:{"duet-combobox":!0,[`duet-theme-${this.theme}`]:!0}},t("slot",null),t("div",null,t("duet-popup-menu",{id:this.listBoxId,controller:this.input,ref:t=>this.listContainer=t,accessibleRole:"listbox",allowVerticalFlip:!1},t("div",{class:"combobox-menu-container"},this.listOpen&&i.map(((s,e)=>t(y,{id:this.activeDescendantId,item:s,activeDescendant:e===this.activeItem,selected:this.selectedItems.has(s.id),search:this.inputValue,clickHandler:t=>this.onListClick(t,s),label:this.formatLabel(s,e,i.length,this.processedItems.length),isAndroidDevice:this.isAndroidDevice}))),t("duet-spacer",{size:"x-small"})))))}get element(){return h(this)}static get watchers(){return{listOpen:["popupMenuOpenHandler","processListOpenChange"],activeItem:["activeItemHandler"],items:["processItems"],value:["processValue"]}}};S.style='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-block;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";color:rgb(8, 42, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(8, 42, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.combobox-menu-container.sc-duet-combobox{width:var(--popup-width);max-height:200px}';export{S as duet_combobox}

package/lib/duet/p-1787fcf6.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as e,h as t,H as a,g as i}from"./p-365388f0.js";import{a as r}from"./p-f11208c3.js";import{D as o}from"./p-beeb12f1.js";import{i as s}from"./p-aaa7a7bd.js";import{g as n}from"./p-f0cc5629.js";import{f as u}from"./p-a1b7f2a0.js";import{g as b,c,d}from"./p-1c87928d.js";import"./p-9c3c64b9.js";const m=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.url=void 0,this.leadingIcon=void 0,this.trailingIcon=void 0,this.accessibleLabel=void 0,this.accessibleExpanded=void 0,this.accessiblePopup="false",this.accessibleLabelExternalDefaults=o,this.accessibleLabelExternal=b(this.accessibleLabelExternalDefaults),this.external=!1}componentWillLoad(){s(this)}connectedCallback(){c(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){d(this)}handleEscape(e){if(u(e)){const e=this.element.closest("duet-submenu-bar");e.open=!1,e.setFocus()}}async setFocus(e){setTimeout((()=>this.itemElement.focus(e)),200)}render(){const e=this.url?"link":"button";return t(a,{key:"b31ed9815a70a51dcd572ca7d1485930c2440939",role:"listitem"},t(this.url?"a":"button",{key:"9ee1cc13ac91783544600e501b1fab1eb70997d6",target:this.url?this.external?"_blank":"_self":null,ref:e=>this.itemElement=e,class:{"duet-submenu-bar-item":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.url,onKeyUp:e=>this.handleEscape(e),"aria-current":this.active?"true":"false","aria-label":this.url&&n(this)||this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,role:e,rel:this.external?"noopener":void 0},this.leadingIcon&&t("duet-icon",{key:"4deab5b50ec0e4066872c2744cb8e65d0a0e7287",class:"leading-icon",theme:this.theme,name:this.leadingIcon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"46be26631ba05fed851d7fb9c74cf11d6ce925a8",class:"label"},t("span",{key:"3bb375080720c6d70901eb425d85bcc3829454ee",class:"label-text"},t("slot",{key:"fd3e9665db1ff76e1435288cefffba0c9e75273b"})),(this.trailingIcon||this.external)&&t("duet-icon",{key:"a3f85c5afc2a5234e3aad56f7262030ef3ad509e",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":"action-arrow-down-small"===this.trailingIcon,"external-icon":!!this.external,rotate:"action-arrow-down-small"===this.trailingIcon&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?r.title:"",margin:"none",size:"auto",color:"currentColor"}))))}get element(){return i(this)}};m.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;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, 75, 129);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 .external-icon{width:10px;height:10px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(228, 241, 247)}.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(126, 2, 35)}.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(126, 2, 35)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}';export{m as duet_submenu_bar_item}

package/lib/duet/{p-b98222bd.system.entry.js → p-18335d08.system.entry.js}

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,s){function l(e){try{n(o.next(e))}catch(e){s(e)}}function a(e){try{n(o["throw"](e))}catch(e){s(e)}}function n(e){e.done?i(e.value):r(e.value).then(l,a)}n((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,r,s,l;return l={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function a(e){return function(t){return n([e,t])}}function n(a){if(o)throw new TypeError("Generator is already executing.");while(l&&(l=0,a[0]&&(i=0)),i)try{if(o=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){i.label=a[1];break}if(a[0]===6&&i.label<s[1]){i.label=s[1];s=a;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(a);break}if(s[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];r=0}finally{o=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var o=0,r=t.length,s;o<r;o++){if(s||!(o in t)){if(!s)s=Array.prototype.slice.call(t,0,o);s[o]=t[o]}}return e.concat(s||Array.prototype.slice.call(t))};
 /*!
  * Built with Duet Design System
- */System.register(["./p-dc5c5cc4.system.js","./p-e216bea4.system.js","./p-e6b5a1c7.system.js","./p-34d7dd10.system.js","./p-a45b41a5.system.js","./p-30e9baf8.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,o,r,s,l,a,n,u,c,d,h,b,m,f,p,g,v,x;return{setters:[function(e){t=e.r;i=e.c;o=e.h;r=e.H;s=e.g},function(e){l=e.i},function(e){a=e.c},function(e){n=e.f;u=e.o;c=e.j;d=e.d;h=e.b;b=e.a;m=e.c},function(e){f=e.a;p=e.c;g=e.d},function(e){v=e.c},function(e){x=e.p}],execute:function(){var y='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #e55039}.duet-multiselect[disabled]{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 28, 58)}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(198, 12, 48)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 28, 58)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.duet-theme-turva .duet-multiselect-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var k=y;function w(e,t){return e.includes(t)?e.filter((function(e){return e!==t})):__spreadArray(__spreadArray([],e,true),[t],false)}var S=e("duet_multiselect",function(){function e(e){var o=this;t(this,e);this.duetChange=i(this,"duetChange",3);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.errorId=a("DuetError");this.labelId=a("DuetLabel");this.topCaptionId=a("DuetCaptionTop");this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"};this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"};this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"};this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"};this.onChange=function(e){o.duetChange.emit({originalEvent:e,value:o.value,component:"duet-multiselect"})};this.onBlur=function(e){o.duetBlur.emit({originalEvent:e,value:o.value,component:"duet-multiselect"})};this.onFocus=function(e){o.duetFocus.emit({originalEvent:e,value:o.value,component:"duet-multiselect"})};this.onMultiselectKeyDown=function(e){if(n(e)||u(e)){if(o.checkboxesVisible){o.checkboxesVisible=false;o.multiselectElement.focus();e.preventDefault()}}};this.onMultiselectInputKeyDown=function(e){if(c(e)){e.preventDefault();o.toggleCheckboxes();setTimeout((function(){if(o.checkboxesVisible){var e=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(o.allControls?-2:0)));if(e){e.focus()}}}),200)}};this.onCheckboxKeyDown=function(e,t){var i;if(d(e)||h(e)){i=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(t-1)))}else if(b(e)||m(e)){i=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(t+1)))}if(i){i.focus();e.preventDefault();o.activeDescendant=i.id}};this.toggleCheckboxes=function(){o.checkboxesVisible=!o.checkboxesVisible};this.toggleCheckbox=function(e,t){o.value=w(o.value,t);o.onChange(e)};this.handleSelectAllClick=function(e){o.value=o.processedItems;o.onChange(e)};this.handleClearAllClick=function(e){o.value=[];o.onChange(e)};this.getOptionIdentifier=function(e){return"".concat(o.identifier,"-option-").concat(e)};this.getDescribedBy=function(){var e=[];if(o.isCaptionVisible&&o.topCaptionId){e.push(o.topCaptionId)}if(o.accessibleDescribedBy){e.push(o.accessibleDescribedBy)}if(o.error){e.push(o.errorId)}return e.length>0?e.join(" "):null};this.processedItems=[];this.processedGroups=[];this.checkboxesVisible=false;this.activeDescendant="";this.language=f();this.margin="auto";this.error="";this.accessibleLiveError="polite";this.expand=false;this.value=[];this.theme="";this.labelHidden=false;this.identifier=a("DuetMultiselect");this.allControls=false;this.placeholder="";this.caption=undefined;this.items=undefined;this.disabled=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.accessibleDescribedBy=undefined;this.tooltip="";this.tooltipDirection="auto"}e.prototype.handleFocus=function(e){var t=this;var i=e.composedPath().every((function(e){return e!==t.element}));if(i){this.checkboxesVisible=false}};e.prototype.componentWillLoad=function(){l(this);this.isCaptionVisible=!!this.caption;v(this.element,"tooltip","duet-tooltip",1,true);this.refresh()};e.prototype.connectedCallback=function(){p(this)};e.prototype.disconnectedCallback=function(){g(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.multiselectElement){this.multiselectElement.focus(e)}return[2]}))}))};e.prototype.selectWithValues=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.processedItems.filter((function(t){return e.includes(t.value)}));this.value=Array.from(new Set(__spreadArray(__spreadArray([],this.value,true),t,true)));return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){var e;var t=this;return __generator(this,(function(i){e=x(this.items);this.processedItems=[];this.processedGroups=[];if(!e||e.length===0){return[2]}if(e[0].items!==undefined){this.processedGroups=e}else{this.processedGroups=[{label:"",items:e}]}this.processedGroups.forEach((function(e){return e.items.forEach((function(e){return t.processedItems.push(e)}))}));return[2]}))}))};e.prototype.render=function(){var e=this;var t;return o(r,{key:"d88436c71fa360266440b8574bb2d35536cc65bd",class:{"duet-m-0":this.margin==="none","duet-expand":this.expand}},o("div",{key:"212b648e8147fb2e58294009eb8aef03556f8684",class:{"duet-multiselect-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:function(t){return e.onMultiselectKeyDown(t)}},o("duet-label",{key:"9d4bec69691f6adc615c9366e86abf5f59fc39a6",theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:this.identifier},this.label),this.tooltip&&o("duet-tooltip",{key:"3ba3a824ae8535ecafbfc73d0477da38e8146867",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),o("slot",{key:"c8fccccab9473eeb7d81b2b947b6732f6fe31111",name:"tooltip"}),this.caption&&o("duet-caption",{key:"7ccb8a12ae76b75762161f444d3a058be2d35b84",id:this.topCaptionId,size:"medium"},this.caption),o("div",{key:"1c61620d8dfeec8fdc4448028951b9a1a4a9968e",class:"duet-multiselect-wrapper"},o("button",{key:"3f2902a54d79a81144128cae9b62641ce234802a",id:this.identifier,ref:function(t){return e.multiselectElement=t},class:{"duet-multiselect":true,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:function(){return e.toggleCheckboxes()},onFocus:function(t){return e.onFocus(t)},onBlur:function(t){return e.onBlur(t)},role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":"".concat(this.identifier,"-checkboxes"),onKeyDown:function(t){return e.onMultiselectInputKeyDown(t)},disabled:this.disabled},o("span",{key:"04aec38aa6af20357b28bee3373c830bd34c0580",role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":"".concat(this.identifier,"-checkboxes"),"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&o("span",{key:"3dfe64b81ce62342b83ec4ea44bc1a1ec7544355",class:"duet-multiselect-badge"},this.value.length,o("duet-visually-hidden",{key:"1dbd858425faeae0a323b3313913feec214549cd"},this.selectedLangObject[this.language],", ",this.value.map((function(e){return e.label})).join(", "))),o("svg",{key:"40b599d5cfa8362c2edeb63aa59c9be3cecf3e80",class:{"duet-multiselect-icon":true,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"6c28e4b2bb0c486a8698fa0615fff12df29e157a",d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))),o("div",{key:"6ea881d05fcbdeb899a1eb41b84f8b9653446eb4",id:"".concat(this.identifier,"-checkboxes"),role:"listbox",class:{"duet-multiselect-checkboxes":true,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},((t=this.processedItems)===null||t===void 0?void 0:t.length)&&this.allControls&&o("div",{key:"63392964c348477e8b375b96084d4c4cbbf2143a",class:"duet-multiselect-all-control-buttons"},o("button",{key:"b7e0f951cd805058fc5ba9376ada31d42dcceb8e",class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:function(t){return e.onCheckboxKeyDown(t,-2)}},this.selectAllLabel[this.language]),o("button",{key:"a8d826e0afeaf86fbcaa2289f41ffeca9cd04b43",class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:function(t){return e.onCheckboxKeyDown(t,-1)}},this.clearAllLabel[this.language])),this.processedItems&&this.processedGroups.map((function(t){return o("fieldset",null,t.label&&o("legend",null,t.label),t.items.map((function(t,i){var r,s;return o("duet-checkbox",{identifier:e.getOptionIdentifier(i),role:"option",label:t.label,value:t.value,key:t.value,checked:(r=e.value)===null||r===void 0?void 0:r.includes(t),"accessible-selected":((s=e.value)===null||s===void 0?void 0:s.includes(t))?"true":undefined,disabled:!e.checkboxesVisible||t.disabled,onDuetChange:function(i){return e.toggleCheckbox(i,t)},onKeyDown:function(t){return e.onCheckboxKeyDown(t,i)},theme:e.theme})})))})))),o("span",{key:"78597a6d044e0186dcb06a22bdb897884e24739e",class:"duet-multiselect-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&o("span",{key:"6b33900eb2e81a104b8370a520aaf378d18155cf"},this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{items:["refresh"]}},enumerable:false,configurable:true});return e}());S.style=k}}}));
+ */System.register(["./p-6d6da8d4.system.js","./p-e216bea4.system.js","./p-e6b5a1c7.system.js","./p-34d7dd10.system.js","./p-7a0fcd46.system.js","./p-1ef8d7b8.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,o,r,s,l,a,n,u,c,d,h,b,m,f,p,g,v,x;return{setters:[function(e){t=e.r;i=e.c;o=e.h;r=e.H;s=e.g},function(e){l=e.i},function(e){a=e.c},function(e){n=e.f;u=e.o;c=e.j;d=e.d;h=e.b;b=e.a;m=e.c},function(e){f=e.a;p=e.c;g=e.d},function(e){v=e.c},function(e){x=e.p}],execute:function(){var y='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #e55039}.duet-multiselect[disabled]{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 28, 58)}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(198, 12, 48)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 28, 58)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.duet-theme-turva .duet-multiselect-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var k=y;function w(e,t){return e.includes(t)?e.filter((function(e){return e!==t})):__spreadArray(__spreadArray([],e,true),[t],false)}var S=e("duet_multiselect",function(){function e(e){var o=this;t(this,e);this.duetChange=i(this,"duetChange",3);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.errorId=a("DuetError");this.labelId=a("DuetLabel");this.topCaptionId=a("DuetCaptionTop");this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"};this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"};this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"};this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"};this.onChange=function(e){o.duetChange.emit({originalEvent:e,value:o.value,component:"duet-multiselect"})};this.onBlur=function(e){o.duetBlur.emit({originalEvent:e,value:o.value,component:"duet-multiselect"})};this.onFocus=function(e){o.duetFocus.emit({originalEvent:e,value:o.value,component:"duet-multiselect"})};this.onMultiselectKeyDown=function(e){if(n(e)||u(e)){if(o.checkboxesVisible){o.checkboxesVisible=false;o.multiselectElement.focus();e.preventDefault()}}};this.onMultiselectInputKeyDown=function(e){if(c(e)){e.preventDefault();o.toggleCheckboxes();setTimeout((function(){if(o.checkboxesVisible){var e=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(o.allControls?-2:0)));if(e){e.focus()}}}),200)}};this.onCheckboxKeyDown=function(e,t){var i;if(d(e)||h(e)){i=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(t-1)))}else if(b(e)||m(e)){i=o.element.shadowRoot.querySelector("#".concat(o.getOptionIdentifier(t+1)))}if(i){i.focus();e.preventDefault();o.activeDescendant=i.id}};this.toggleCheckboxes=function(){o.checkboxesVisible=!o.checkboxesVisible};this.toggleCheckbox=function(e,t){o.value=w(o.value,t);o.onChange(e)};this.handleSelectAllClick=function(e){o.value=o.processedItems;o.onChange(e)};this.handleClearAllClick=function(e){o.value=[];o.onChange(e)};this.getOptionIdentifier=function(e){return"".concat(o.identifier,"-option-").concat(e)};this.getDescribedBy=function(){var e=[];if(o.isCaptionVisible&&o.topCaptionId){e.push(o.topCaptionId)}if(o.accessibleDescribedBy){e.push(o.accessibleDescribedBy)}if(o.error){e.push(o.errorId)}return e.length>0?e.join(" "):null};this.processedItems=[];this.processedGroups=[];this.checkboxesVisible=false;this.activeDescendant="";this.language=f();this.margin="auto";this.error="";this.accessibleLiveError="polite";this.expand=false;this.value=[];this.theme="";this.labelHidden=false;this.identifier=a("DuetMultiselect");this.allControls=false;this.placeholder="";this.caption=undefined;this.items=undefined;this.disabled=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.accessibleDescribedBy=undefined;this.tooltip="";this.tooltipDirection="auto"}e.prototype.handleFocus=function(e){var t=this;var i=e.composedPath().every((function(e){return e!==t.element}));if(i){this.checkboxesVisible=false}};e.prototype.componentWillLoad=function(){l(this);this.isCaptionVisible=!!this.caption;v(this.element,"tooltip","duet-tooltip",1,true);this.refresh()};e.prototype.connectedCallback=function(){p(this)};e.prototype.disconnectedCallback=function(){g(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.multiselectElement){this.multiselectElement.focus(e)}return[2]}))}))};e.prototype.selectWithValues=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.processedItems.filter((function(t){return e.includes(t.value)}));this.value=Array.from(new Set(__spreadArray(__spreadArray([],this.value,true),t,true)));return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){var e;var t=this;return __generator(this,(function(i){e=x(this.items);this.processedItems=[];this.processedGroups=[];if(!e||e.length===0){return[2]}if(e[0].items!==undefined){this.processedGroups=e}else{this.processedGroups=[{label:"",items:e}]}this.processedGroups.forEach((function(e){return e.items.forEach((function(e){return t.processedItems.push(e)}))}));return[2]}))}))};e.prototype.render=function(){var e=this;var t;return o(r,{key:"d88436c71fa360266440b8574bb2d35536cc65bd",class:{"duet-m-0":this.margin==="none","duet-expand":this.expand}},o("div",{key:"212b648e8147fb2e58294009eb8aef03556f8684",class:{"duet-multiselect-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:function(t){return e.onMultiselectKeyDown(t)}},o("duet-label",{key:"9d4bec69691f6adc615c9366e86abf5f59fc39a6",theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:this.identifier},this.label),this.tooltip&&o("duet-tooltip",{key:"3ba3a824ae8535ecafbfc73d0477da38e8146867",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),o("slot",{key:"c8fccccab9473eeb7d81b2b947b6732f6fe31111",name:"tooltip"}),this.caption&&o("duet-caption",{key:"7ccb8a12ae76b75762161f444d3a058be2d35b84",id:this.topCaptionId,size:"medium"},this.caption),o("div",{key:"1c61620d8dfeec8fdc4448028951b9a1a4a9968e",class:"duet-multiselect-wrapper"},o("button",{key:"3f2902a54d79a81144128cae9b62641ce234802a",id:this.identifier,ref:function(t){return e.multiselectElement=t},class:{"duet-multiselect":true,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:function(){return e.toggleCheckboxes()},onFocus:function(t){return e.onFocus(t)},onBlur:function(t){return e.onBlur(t)},role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":"".concat(this.identifier,"-checkboxes"),onKeyDown:function(t){return e.onMultiselectInputKeyDown(t)},disabled:this.disabled},o("span",{key:"04aec38aa6af20357b28bee3373c830bd34c0580",role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":"".concat(this.identifier,"-checkboxes"),"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&o("span",{key:"3dfe64b81ce62342b83ec4ea44bc1a1ec7544355",class:"duet-multiselect-badge"},this.value.length,o("duet-visually-hidden",{key:"1dbd858425faeae0a323b3313913feec214549cd"},this.selectedLangObject[this.language],", ",this.value.map((function(e){return e.label})).join(", "))),o("svg",{key:"40b599d5cfa8362c2edeb63aa59c9be3cecf3e80",class:{"duet-multiselect-icon":true,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"6c28e4b2bb0c486a8698fa0615fff12df29e157a",d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))),o("div",{key:"6ea881d05fcbdeb899a1eb41b84f8b9653446eb4",id:"".concat(this.identifier,"-checkboxes"),role:"listbox",class:{"duet-multiselect-checkboxes":true,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},((t=this.processedItems)===null||t===void 0?void 0:t.length)&&this.allControls&&o("div",{key:"63392964c348477e8b375b96084d4c4cbbf2143a",class:"duet-multiselect-all-control-buttons"},o("button",{key:"b7e0f951cd805058fc5ba9376ada31d42dcceb8e",class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:function(t){return e.onCheckboxKeyDown(t,-2)}},this.selectAllLabel[this.language]),o("button",{key:"a8d826e0afeaf86fbcaa2289f41ffeca9cd04b43",class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:function(t){return e.onCheckboxKeyDown(t,-1)}},this.clearAllLabel[this.language])),this.processedItems&&this.processedGroups.map((function(t){return o("fieldset",null,t.label&&o("legend",null,t.label),t.items.map((function(t,i){var r,s;return o("duet-checkbox",{identifier:e.getOptionIdentifier(i),role:"option",label:t.label,value:t.value,key:t.value,checked:(r=e.value)===null||r===void 0?void 0:r.includes(t),"accessible-selected":((s=e.value)===null||s===void 0?void 0:s.includes(t))?"true":undefined,disabled:!e.checkboxesVisible||t.disabled,onDuetChange:function(i){return e.toggleCheckbox(i,t)},onKeyDown:function(t){return e.onCheckboxKeyDown(t,i)},theme:e.theme})})))})))),o("span",{key:"78597a6d044e0186dcb06a22bdb897884e24739e",class:"duet-multiselect-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&o("span",{key:"6b33900eb2e81a104b8370a520aaf378d18155cf"},this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{items:["refresh"]}},enumerable:false,configurable:true});return e}());S.style=k}}}));

package/lib/duet/{p-cd30e156.system.entry.js → p-1a04fb37.system.entry.js}

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,i,n){function u(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function r(t){try{s(n.next(t))}catch(t){a(t)}}function o(t){try{s(n["throw"](t))}catch(t){a(t)}}function s(t){t.done?i(t.value):u(t.value).then(r,o)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,u,a,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(t){return function(e){return s([t,e])}}function s(o){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,o[0]&&(i=0)),i)try{if(n=1,u&&(a=o[0]&2?u["return"]:o[0]?u["throw"]||((a=u["return"])&&a.call(u),0):u.next)&&!(a=a.call(u,o[1])).done)return a;if(u=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;u=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];u=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */System.register(["./p-dc5c5cc4.system.js","./p-8f477bd6.system.js","./p-e216bea4.system.js","./p-e6b5a1c7.system.js","./p-e12066c8.system.js","./p-34d7dd10.system.js","./p-a45b41a5.system.js","./p-30e9baf8.system.js","./p-6a95a2e3.system.js","./p-98636086.system.js","./p-94eab61e.system.js"],(function(t){"use strict";var e,i,n,u,a,r,o,s,d,p,c,l,h,b,m,f,v,g,x,w,y;return{setters:[function(t){e=t.r;i=t.c;n=t.h;u=t.H;a=t.g},function(t){r=t.f},function(t){o=t.i},function(t){s=t.c},function(t){d=t.c;p=t.r},function(t){c=t.f;l=t.j;h=t.e;b=t.d;m=t.a},function(t){f=t.a;v=t.c;g=t.d;x=t.g},function(t){w=t.c},function(t){y=t.g},function(){},function(){}],execute:function(){var k={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>'};var S='*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.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(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small.sc-duet-input{padding:8px 10px !important}.duet-input.input-padding-x-small.sc-duet-input{padding:4px 6px !important}.duet-input.input-padding-xx-small.sc-duet-input{padding:0px 2px !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.duet-input.after-chip.sc-duet-input{padding-left:8px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58) !important;border-color:rgb(143, 147, 158) !important}.duet-input.align-right.sc-duet-input{text-align:right}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled].sc-duet-input{color:rgb(8, 42, 77) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{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(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{flex-basis:4rem;flex-grow:1;padding-left:0 !important;margin-left:12px !important;border-width:0 !important}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}';var j=S;var _={search:r,email:k};var z=t("duet_input",function(){function t(t){var n=this;e(this,t);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=s("DuetInput");this.clearId=s("DuetInputClear");this.labelId=s("DuetLabel");this.topCaptionId=s("DuetCaptionTop");this.topCaptionPlaceholderId=s("DuetCaptionPlaceholderTop");this.chipCountId=s("DuetInputChipCount");this.errorId=s("DuetError");this.disallowPatternRegex=null;this.clearLabel={en:"Clear",fi:"Tyhjennä",sv:"Rensa"};this.timeAnnouncement={en:"Time",fi:"Aika",sv:"Tid"};this.showPasswordLabel={en:"Show password",fi:"Näytä salasana",sv:"Visa lösenord"};this.hidePasswordLabel={en:"Hide password",fi:"Piilota salasana",sv:"Dölj lösenord"};this.passwordShownAriaAnnouncement={en:"Password is shown",fi:"Salasana näytetään",sv:"Lösenordet visas"};this.passwordHiddenAriaAnnouncement={en:"Password is hidden",fi:"Salasana on piilotettu",sv:"Lösenordet är dolt"};this.chipsSelectedDesriptionLabel={en:"selected",fi:"valittu",sv:"valt"};this.onInput=function(t){if(n.disallowPatternRegex){d(n.nativeInput,n.disallowPatternRegex)}if(n.chips){n.clearChipSelection()}n.value=n.nativeInput.value||"";n.duetInput.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onBlur=function(t){if(t.relatedTarget===n.nativeInput||t.relatedTarget===n.togglePasswordRevealedButton){return}if(n.variation==="revealable"&&n.isPasswordRevealed){n.isPasswordRevealed=false}n.isFocused=false;n.duetBlur.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onFocus=function(t){n.clearChipSelection();n.isFocused=true;n.duetFocus.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onClear=function(t){n.duetClear.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.getAriaDescribedBy=function(){var t=[];if(n.isCaptionVisible&&n.topCaptionId){t.push(n.topCaptionId)}if(n.accessibleDescribedBy){t.push(n.accessibleDescribedBy)}if(n.chips){var e=n.getAllChips();if(e.length){t.push(n.chipCountId);e.forEach((function(e){return t.push(e.id)}))}}if(n.error){t.push(n.errorId)}return t.length>0?t.join(" "):null};this.handleClearClick=function(t){var e=n.clearInput();n.onClear(t);return e};this.keyHandler=function(t){if(c(t)&&n.clear){n.handleClearClick(t)}if(l(t)&&n.variation==="revealable"){if(t.target===n.togglePasswordRevealedButton){t.stopPropagation()}else{n.isPasswordRevealed=false}}if(n.chips&&n.nativeInput.value.length===0){if(h(t)){if(n.isChipSelected()){n.getSelectedChip().removeChip();setTimeout((function(){return n.selectLastChip()}))}n.selectLastChip()}if(b(t)){n.selectChipToLeft()}if(m(t)&&n.isChipSelected()){n.selectChipToRight()}}return t};this.togglePasswordRevealed=function(){n.isPasswordRevealed=!n.isPasswordRevealed};this.getInputType=function(){if(n.variation==="revealable"){return n.isPasswordRevealed?"text":"password"}return n.type};this.language=f();this.isPasswordRevealed=undefined;this.isFocused=false;this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleExpanded=undefined;this.accessibleDescribedBy="";this.accessibleHasPopup=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.debounce=0;this.clear=false;this.caption=undefined;this.echoPlaceholder=false;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.margin="auto";this.inputAlign="left";this.inputPadding="medium";this.required=false;this.type="text";this.variation="default";this.chips=false;this.label="Label";this.labelColor=undefined;this.labelWeight=undefined;this.error="";this.labelHidden=false;this.numericKeyboard=false;this.name=undefined;this.pattern=undefined;this.maxlength=undefined;this.minlength=undefined;this.placeholder=undefined;this.component="input";this.role=undefined;this.icon=undefined;this.autoComplete="on";this.disallowPattern=null;this.value=undefined;this.tooltip="";this.tooltipDirection="auto"}t.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null};t.prototype.valueChanged=function(){var t=this;if(this.nativeInput&&this.nativeInput.value!==this.value){var e=p(this.nativeInput);this.nativeInput.value=this.value;e()}this.isCaptionVisible=!!this.caption;var i=function(){return t.duetChange.emit({value:t.value,component:"duet-input"})};if(this.debounce===0){i()}else{clearTimeout(this.timeoutId);this.timeoutId=setTimeout(i,this.debounce)}};t.prototype.componentWillLoad=function(){o(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption;w(this.element,"tooltip","duet-tooltip",1,true)};t.prototype.componentDidLoad=function(){var t=this;if(this.variation==="revealable"&&this.nativeInput.form){this.nativeInput.form.addEventListener("submit",(function(){t.isPasswordRevealed=false}))}};t.prototype.connectedCallback=function(){v(this)};t.prototype.disconnectedCallback=function(){g(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus(t)}return[2]}))}))};t.prototype.resetCursor=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.nativeInput){t=p(this.nativeInput);this.nativeInput.value=this.value;t()}return[2]}))}))};t.prototype.clearInput=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.value="";this.nativeInput.focus();this.value=""}return[2]}))}))};t.prototype.getAllChips=function(){return Array.from(this.element.querySelectorAll(".duet-input-relative duet-chip"))};t.prototype.isChipSelected=function(){return this.getAllChips().some((function(t){return t.selected}))};t.prototype.getSelectedChip=function(){return this.getAllChips().find((function(t){return t.selected}))};t.prototype.clearChipSelection=function(){var t=this.getAllChips();t.forEach((function(t){return t.selected=false}))};t.prototype.selectLastChip=function(){var t=this.getAllChips();if(t.length){t.forEach((function(t){return t.selected=false}));t.at(-1).selected=true}};t.prototype.selectChipToLeft=function(){var t=this.getAllChips();var e=t.findIndex((function(t){return t.selected}));if(t.length){t.forEach((function(t){return t.selected=false}));if(e===-1){t.at(-1).selected=true}else if(e===0){t[0].selected=true}else{t[e-1].selected=true}}};t.prototype.selectChipToRight=function(){var t=this.getAllChips();var e=t.findIndex((function(t){return t.selected}));if(t.length){t.forEach((function(t){return t.selected=false}));if(e>-1&&e<t.length-1){t[e+1].selected=true}}};t.prototype.addChip=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){e=this.element.querySelector(".duet-input-relative");i=e.querySelector("input:not(duet-chip input)");t.id=s("DuetInputChip");e.insertBefore(t,i);return[2]}))}))};t.prototype.hasChip=function(t){return __awaiter(this,arguments,void 0,(function(t){var e=t.value,i=t.text;return __generator(this,(function(t){return[2,this.getAllChips().some((function(t){return t.value===e&&t.textContent===i}))]}))}))};t.prototype.getChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.getAllChips()]}))}))};t.prototype.clearChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.getAllChips().forEach((function(t){return t.remove()}));return[2]}))}))};t.prototype.render=function(){var t,e;var i=this;var a=this.identifier||this.inputId;var r={};if(this.numericKeyboard){r.inputmode="numeric"}if(this.pattern&&this.type!=="tel"){r.pattern=this.pattern}else if(!this.pattern&&this.type==="tel"){r.pattern="[0-9+ ]+"}var o;if(this.value){o=new Date;try{o.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(t){o=undefined}}var s=!this.icon&&this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"&&this.variation!=="button";return n(u,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"},onKeyUp:function(t){return i.keyHandler(t)}},this.type==="time"&&n("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true"},o?"".concat(this.timeAnnouncement[this.language]," ").concat(o.toLocaleTimeString()):""),n("div",{class:(t={"duet-input-container":true,"duet-theme-turva":this.theme==="turva"},t["duet-input-variation-".concat(this.variation)]=true,t["duet-label-hidden"]=this.labelHidden,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-icon"]=this.variation!=="button"&&(!!this.icon||this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"),t["has-error"]=!!this.error,t["has-chips"]=this.chips,t["has-clear"]=this.clear,t["has-focus"]=this.isFocused,t.disabled=this.disabled,t)},n("div",{class:"duet-input-label-container"},n("duet-label",{theme:this.theme==="turva"?"turva":"default",margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:a},this.label),this.tooltip&&n("duet-tooltip",{class:"duet-input-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:this.theme==="turva"?"turva":"default"},this.tooltip),n("slot",{name:"tooltip"})),this.caption&&n("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),n("div",{class:"duet-input-relative"},this.placeholder&&this.echoPlaceholder&&(this.value||this.type==="time")&&n("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-input-placeholder",margin:"none",size:"small"},this.placeholder),this.chips&&n("duet-visually-hidden",{id:this.chipCountId},", ","".concat(this.getAllChips().length," ").concat(x(this.chipsSelectedDesriptionLabel)),","),n("input",Object.assign({ref:function(t){return i.nativeInput=t},onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,type:this.getInputType(),class:(e={"duet-input":true,disabled:this.disabled,"is-number":this.component==="number","is-date":this.component==="date","after-chip":this.getAllChips().length>0,"align-right":this.inputAlign==="right"},e["input-padding-".concat(this.inputPadding)]=true,e),value:this.value,disabled:this.disabled,"aria-invalid":this.error?"true":"false","aria-labelledby":this.accessibleLabelledBy?"".concat(this.labelId," ").concat(this.accessibleLabelledBy):this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-expanded":this.accessibleExpanded,"aria-haspopup":this.accessibleHasPopup,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedBy(),placeholder:this.placeholder,spellcheck:"false",minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.type==="password"?"off":this.autoComplete,required:this.required,role:this.role,name:this.name,id:a},r)),!this.value&&s&&n("div",{class:"duet-input-icon"},n("duet-icon",{margin:"none",size:"small",icon:_[this.type].svg,color:"currentColor"})),this.clear&&this.value&&n("div",{class:{"duet-input-clear-icon":true,"duet-input-clear-icon-single":!s,"duet-input-clear-icon-double":!!this.icon,"duet-input-clear-icon-button":this.variation==="button"}},n("button",{onClick:this.handleClearClick,id:this.clearId,"aria-label":this.clearLabel[this.language],"aria-keyshortcuts":"Escape"},n("duet-icon",{margin:"none",size:"medium",name:"action-clear-input",color:"currentColor"}))),this.icon&&this.variation!=="button"&&n("div",{class:"duet-input-icon"},n("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),this.variation==="button"&&n("slot",{name:"button"}),this.variation==="revealable"&&n("duet-button",{ref:function(t){return i.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:true,iconOnly:true}),this.variation==="revealable"&&this.isPasswordRevealed!==undefined&&n("duet-visually-hidden",null,n("span",{"aria-live":"polite"},this.isPasswordRevealed?this.passwordShownAriaAnnouncement[this.language]:this.passwordHiddenAriaAnnouncement[this.language])),n("slot",null)),n("span",{class:"duet-input-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&n("span",{class:"duet-input-error"},this.error))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());z.style=j;var I='*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';var C=I;var E=t("duet_label",function(){function t(t){e(this,t);this.theme="";this.for=undefined;this.margin="auto";this.size="medium";this.weight="semi-bold";this.color=""}t.prototype.componentWillLoad=function(){o(this)};t.prototype.render=function(){var t;var e=y(this.color);return n(u,{class:(t={"duet-label":true,"duet-label-small":this.size==="small","duet-theme-turva":this.theme==="turva","duet-small-margin":this.margin==="small","duet-m-0":this.margin==="none"},t["duet-weight-".concat(this.weight)]=true,t)},n("label",{htmlFor:this.for,style:{color:e}},n("span",null,n("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());E.style=C}}}));
+ */System.register(["./p-6d6da8d4.system.js","./p-8f477bd6.system.js","./p-e216bea4.system.js","./p-e6b5a1c7.system.js","./p-e12066c8.system.js","./p-34d7dd10.system.js","./p-7a0fcd46.system.js","./p-1ef8d7b8.system.js","./p-6a95a2e3.system.js","./p-98636086.system.js","./p-94eab61e.system.js"],(function(t){"use strict";var e,i,n,u,a,r,o,s,d,p,c,l,h,b,m,f,v,g,x,w,y;return{setters:[function(t){e=t.r;i=t.c;n=t.h;u=t.H;a=t.g},function(t){r=t.f},function(t){o=t.i},function(t){s=t.c},function(t){d=t.c;p=t.r},function(t){c=t.f;l=t.j;h=t.e;b=t.d;m=t.a},function(t){f=t.a;v=t.c;g=t.d;x=t.g},function(t){w=t.c},function(t){y=t.g},function(){},function(){}],execute:function(){var k={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>'};var S='*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.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(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small.sc-duet-input{padding:8px 10px !important}.duet-input.input-padding-x-small.sc-duet-input{padding:4px 6px !important}.duet-input.input-padding-xx-small.sc-duet-input{padding:0px 2px !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.duet-input.after-chip.sc-duet-input{padding-left:8px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58) !important;border-color:rgb(143, 147, 158) !important}.duet-input.align-right.sc-duet-input{text-align:right}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled].sc-duet-input{color:rgb(8, 42, 77) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{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(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{flex-basis:4rem;flex-grow:1;padding-left:0 !important;margin-left:12px !important;border-width:0 !important}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}';var j=S;var _={search:r,email:k};var z=t("duet_input",function(){function t(t){var n=this;e(this,t);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=s("DuetInput");this.clearId=s("DuetInputClear");this.labelId=s("DuetLabel");this.topCaptionId=s("DuetCaptionTop");this.topCaptionPlaceholderId=s("DuetCaptionPlaceholderTop");this.chipCountId=s("DuetInputChipCount");this.errorId=s("DuetError");this.disallowPatternRegex=null;this.clearLabel={en:"Clear",fi:"Tyhjennä",sv:"Rensa"};this.timeAnnouncement={en:"Time",fi:"Aika",sv:"Tid"};this.showPasswordLabel={en:"Show password",fi:"Näytä salasana",sv:"Visa lösenord"};this.hidePasswordLabel={en:"Hide password",fi:"Piilota salasana",sv:"Dölj lösenord"};this.passwordShownAriaAnnouncement={en:"Password is shown",fi:"Salasana näytetään",sv:"Lösenordet visas"};this.passwordHiddenAriaAnnouncement={en:"Password is hidden",fi:"Salasana on piilotettu",sv:"Lösenordet är dolt"};this.chipsSelectedDesriptionLabel={en:"selected",fi:"valittu",sv:"valt"};this.onInput=function(t){if(n.disallowPatternRegex){d(n.nativeInput,n.disallowPatternRegex)}if(n.chips){n.clearChipSelection()}n.value=n.nativeInput.value||"";n.duetInput.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onBlur=function(t){if(t.relatedTarget===n.nativeInput||t.relatedTarget===n.togglePasswordRevealedButton){return}if(n.variation==="revealable"&&n.isPasswordRevealed){n.isPasswordRevealed=false}n.isFocused=false;n.duetBlur.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onFocus=function(t){n.clearChipSelection();n.isFocused=true;n.duetFocus.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onClear=function(t){n.duetClear.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.getAriaDescribedBy=function(){var t=[];if(n.isCaptionVisible&&n.topCaptionId){t.push(n.topCaptionId)}if(n.accessibleDescribedBy){t.push(n.accessibleDescribedBy)}if(n.chips){var e=n.getAllChips();if(e.length){t.push(n.chipCountId);e.forEach((function(e){return t.push(e.id)}))}}if(n.error){t.push(n.errorId)}return t.length>0?t.join(" "):null};this.handleClearClick=function(t){var e=n.clearInput();n.onClear(t);return e};this.keyHandler=function(t){if(c(t)&&n.clear){n.handleClearClick(t)}if(l(t)&&n.variation==="revealable"){if(t.target===n.togglePasswordRevealedButton){t.stopPropagation()}else{n.isPasswordRevealed=false}}if(n.chips&&n.nativeInput.value.length===0){if(h(t)){if(n.isChipSelected()){n.getSelectedChip().removeChip();setTimeout((function(){return n.selectLastChip()}))}n.selectLastChip()}if(b(t)){n.selectChipToLeft()}if(m(t)&&n.isChipSelected()){n.selectChipToRight()}}return t};this.togglePasswordRevealed=function(){n.isPasswordRevealed=!n.isPasswordRevealed};this.getInputType=function(){if(n.variation==="revealable"){return n.isPasswordRevealed?"text":"password"}return n.type};this.language=f();this.isPasswordRevealed=undefined;this.isFocused=false;this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleExpanded=undefined;this.accessibleDescribedBy="";this.accessibleHasPopup=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.debounce=0;this.clear=false;this.caption=undefined;this.echoPlaceholder=false;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.margin="auto";this.inputAlign="left";this.inputPadding="medium";this.required=false;this.type="text";this.variation="default";this.chips=false;this.label="Label";this.labelColor=undefined;this.labelWeight=undefined;this.error="";this.labelHidden=false;this.numericKeyboard=false;this.name=undefined;this.pattern=undefined;this.maxlength=undefined;this.minlength=undefined;this.placeholder=undefined;this.component="input";this.role=undefined;this.icon=undefined;this.autoComplete="on";this.disallowPattern=null;this.value=undefined;this.tooltip="";this.tooltipDirection="auto"}t.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null};t.prototype.valueChanged=function(){var t=this;if(this.nativeInput&&this.nativeInput.value!==this.value){var e=p(this.nativeInput);this.nativeInput.value=this.value;e()}this.isCaptionVisible=!!this.caption;var i=function(){return t.duetChange.emit({value:t.value,component:"duet-input"})};if(this.debounce===0){i()}else{clearTimeout(this.timeoutId);this.timeoutId=setTimeout(i,this.debounce)}};t.prototype.componentWillLoad=function(){o(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption;w(this.element,"tooltip","duet-tooltip",1,true)};t.prototype.componentDidLoad=function(){var t=this;if(this.variation==="revealable"&&this.nativeInput.form){this.nativeInput.form.addEventListener("submit",(function(){t.isPasswordRevealed=false}))}};t.prototype.connectedCallback=function(){v(this)};t.prototype.disconnectedCallback=function(){g(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus(t)}return[2]}))}))};t.prototype.resetCursor=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.nativeInput){t=p(this.nativeInput);this.nativeInput.value=this.value;t()}return[2]}))}))};t.prototype.clearInput=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.value="";this.nativeInput.focus();this.value=""}return[2]}))}))};t.prototype.getAllChips=function(){return Array.from(this.element.querySelectorAll(".duet-input-relative duet-chip"))};t.prototype.isChipSelected=function(){return this.getAllChips().some((function(t){return t.selected}))};t.prototype.getSelectedChip=function(){return this.getAllChips().find((function(t){return t.selected}))};t.prototype.clearChipSelection=function(){var t=this.getAllChips();t.forEach((function(t){return t.selected=false}))};t.prototype.selectLastChip=function(){var t=this.getAllChips();if(t.length){t.forEach((function(t){return t.selected=false}));t.at(-1).selected=true}};t.prototype.selectChipToLeft=function(){var t=this.getAllChips();var e=t.findIndex((function(t){return t.selected}));if(t.length){t.forEach((function(t){return t.selected=false}));if(e===-1){t.at(-1).selected=true}else if(e===0){t[0].selected=true}else{t[e-1].selected=true}}};t.prototype.selectChipToRight=function(){var t=this.getAllChips();var e=t.findIndex((function(t){return t.selected}));if(t.length){t.forEach((function(t){return t.selected=false}));if(e>-1&&e<t.length-1){t[e+1].selected=true}}};t.prototype.addChip=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){e=this.element.querySelector(".duet-input-relative");i=e.querySelector("input:not(duet-chip input)");t.id=s("DuetInputChip");e.insertBefore(t,i);return[2]}))}))};t.prototype.hasChip=function(t){return __awaiter(this,arguments,void 0,(function(t){var e=t.value,i=t.text;return __generator(this,(function(t){return[2,this.getAllChips().some((function(t){return t.value===e&&t.textContent===i}))]}))}))};t.prototype.getChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.getAllChips()]}))}))};t.prototype.clearChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.getAllChips().forEach((function(t){return t.remove()}));return[2]}))}))};t.prototype.render=function(){var t,e;var i=this;var a=this.identifier||this.inputId;var r={};if(this.numericKeyboard){r.inputmode="numeric"}if(this.pattern&&this.type!=="tel"){r.pattern=this.pattern}else if(!this.pattern&&this.type==="tel"){r.pattern="[0-9+ ]+"}var o;if(this.value){o=new Date;try{o.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(t){o=undefined}}var s=!this.icon&&this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"&&this.variation!=="button";return n(u,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"},onKeyUp:function(t){return i.keyHandler(t)}},this.type==="time"&&n("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true"},o?"".concat(this.timeAnnouncement[this.language]," ").concat(o.toLocaleTimeString()):""),n("div",{class:(t={"duet-input-container":true,"duet-theme-turva":this.theme==="turva"},t["duet-input-variation-".concat(this.variation)]=true,t["duet-label-hidden"]=this.labelHidden,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-icon"]=this.variation!=="button"&&(!!this.icon||this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"),t["has-error"]=!!this.error,t["has-chips"]=this.chips,t["has-clear"]=this.clear,t["has-focus"]=this.isFocused,t.disabled=this.disabled,t)},n("div",{class:"duet-input-label-container"},n("duet-label",{theme:this.theme==="turva"?"turva":"default",margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:a},this.label),this.tooltip&&n("duet-tooltip",{class:"duet-input-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:this.theme==="turva"?"turva":"default"},this.tooltip),n("slot",{name:"tooltip"})),this.caption&&n("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),n("div",{class:"duet-input-relative"},this.placeholder&&this.echoPlaceholder&&(this.value||this.type==="time")&&n("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-input-placeholder",margin:"none",size:"small"},this.placeholder),this.chips&&n("duet-visually-hidden",{id:this.chipCountId},", ","".concat(this.getAllChips().length," ").concat(x(this.chipsSelectedDesriptionLabel)),","),n("input",Object.assign({ref:function(t){return i.nativeInput=t},onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,type:this.getInputType(),class:(e={"duet-input":true,disabled:this.disabled,"is-number":this.component==="number","is-date":this.component==="date","after-chip":this.getAllChips().length>0,"align-right":this.inputAlign==="right"},e["input-padding-".concat(this.inputPadding)]=true,e),value:this.value,disabled:this.disabled,"aria-invalid":this.error?"true":"false","aria-labelledby":this.accessibleLabelledBy?"".concat(this.labelId," ").concat(this.accessibleLabelledBy):this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-expanded":this.accessibleExpanded,"aria-haspopup":this.accessibleHasPopup,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedBy(),placeholder:this.placeholder,spellcheck:"false",minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.type==="password"?"off":this.autoComplete,required:this.required,role:this.role,name:this.name,id:a},r)),!this.value&&s&&n("div",{class:"duet-input-icon"},n("duet-icon",{margin:"none",size:"small",icon:_[this.type].svg,color:"currentColor"})),this.clear&&this.value&&n("div",{class:{"duet-input-clear-icon":true,"duet-input-clear-icon-single":!s,"duet-input-clear-icon-double":!!this.icon,"duet-input-clear-icon-button":this.variation==="button"}},n("button",{onClick:this.handleClearClick,id:this.clearId,"aria-label":this.clearLabel[this.language],"aria-keyshortcuts":"Escape"},n("duet-icon",{margin:"none",size:"medium",name:"action-clear-input",color:"currentColor"}))),this.icon&&this.variation!=="button"&&n("div",{class:"duet-input-icon"},n("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),this.variation==="button"&&n("slot",{name:"button"}),this.variation==="revealable"&&n("duet-button",{ref:function(t){return i.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:true,iconOnly:true}),this.variation==="revealable"&&this.isPasswordRevealed!==undefined&&n("duet-visually-hidden",null,n("span",{"aria-live":"polite"},this.isPasswordRevealed?this.passwordShownAriaAnnouncement[this.language]:this.passwordHiddenAriaAnnouncement[this.language])),n("slot",null)),n("span",{class:"duet-input-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&n("span",{class:"duet-input-error"},this.error))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());z.style=j;var I='*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';var C=I;var E=t("duet_label",function(){function t(t){e(this,t);this.theme="";this.for=undefined;this.margin="auto";this.size="medium";this.weight="semi-bold";this.color=""}t.prototype.componentWillLoad=function(){o(this)};t.prototype.render=function(){var t;var e=y(this.color);return n(u,{class:(t={"duet-label":true,"duet-label-small":this.size==="small","duet-theme-turva":this.theme==="turva","duet-small-margin":this.margin==="small","duet-m-0":this.margin==="none"},t["duet-weight-".concat(this.weight)]=true,t)},n("label",{htmlFor:this.for,style:{color:e}},n("span",null,n("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());E.style=C}}}));

package/lib/duet/{p-ab6f31bd.js → p-1c87928d.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import"./p-6586fb03.js";import{c as e}from"./p-9c3c64b9.js";const t={fi:"fi-FI",en:"en-GB",us:"en-US",sv:"sv-SE"},n={fi:"€",en:"£",us:"$",sv:"€"},r=["fi","en","sv"],o="fi",a=()=>document.documentElement.lang?document.documentElement.lang.toLowerCase():o,s=(e=a())=>r.includes(e)?e:o,i=(e=a())=>s(e),c=e=>{const r={locale:t[e],money:n[e]};if(r.locale&&r.money)return r;throw new Error(`Locale for "${e}" not found`)},u=t=>{if("string"==typeof t)try{return JSON.parse(e(t))}catch(e){console.log("sanitizeString received a string, that didnt parse to json object",t,e)}return t},f=(e,t)=>{const n=u(e);return t?n[s(t)]:n[i()]},l=new Set,p=new WeakMap;new MutationObserver((e=>{let t=o;for(const n of e)if("attributes"===n.type&&"lang"===n.attributeName){t=n.oldValue;break}"false"!==document.documentElement.dataset.duetLangObserve&&l.forEach((e=>{e.language&&(e.language=i()),p.has(e)&&p.get(e).forEach((n=>{e[n.defaults]&&e[n.prop]===e[n.defaults][t]&&(e[n.prop]=f(e[n.defaults]))}))}))})).observe(document.documentElement,{attributeFilter:["lang"],attributeOldValue:!0});const d=(e,t)=>{l.add(e),t&&(Array.isArray(t)||(t=[t]),t.some((t=>!(t.prop in e)||!(t.defaults in e)))&&(console.error("connectLanguageChangeObserver: component must have target.prop and target.defaults properties"),t=t.filter((t=>t.prop in e&&t.defaults in e))),p.set(e,t))},g=e=>{l.delete(e),p.delete(e)};export{i as a,c as b,d as c,g as d,f as g,u as s}
+import"./p-365388f0.js";import{c as e}from"./p-9c3c64b9.js";const t={fi:"fi-FI",en:"en-GB",us:"en-US",sv:"sv-SE"},n={fi:"€",en:"£",us:"$",sv:"€"},r=["fi","en","sv"],o="fi",a=()=>document.documentElement.lang?document.documentElement.lang.toLowerCase():o,s=(e=a())=>r.includes(e)?e:o,i=(e=a())=>s(e),c=e=>{const r={locale:t[e],money:n[e]};if(r.locale&&r.money)return r;throw new Error(`Locale for "${e}" not found`)},u=t=>{if("string"==typeof t)try{return JSON.parse(e(t))}catch(e){console.log("sanitizeString received a string, that didnt parse to json object",t,e)}return t},f=(e,t)=>{const n=u(e);return t?n[s(t)]:n[i()]},l=new Set,p=new WeakMap;new MutationObserver((e=>{let t=o;for(const n of e)if("attributes"===n.type&&"lang"===n.attributeName){t=n.oldValue;break}"false"!==document.documentElement.dataset.duetLangObserve&&l.forEach((e=>{e.language&&(e.language=i()),p.has(e)&&p.get(e).forEach((n=>{e[n.defaults]&&e[n.prop]===e[n.defaults][t]&&(e[n.prop]=f(e[n.defaults]))}))}))})).observe(document.documentElement,{attributeFilter:["lang"],attributeOldValue:!0});const d=(e,t)=>{l.add(e),t&&(Array.isArray(t)||(t=[t]),t.some((t=>!(t.prop in e)||!(t.defaults in e)))&&(console.error("connectLanguageChangeObserver: component must have target.prop and target.defaults properties"),t=t.filter((t=>t.prop in e&&t.defaults in e))),p.set(e,t))},g=e=>{l.delete(e),p.delete(e)};export{i as a,c as b,d as c,g as d,f as g,u as s}

package/lib/duet/{p-30e9baf8.system.js → p-1ef8d7b8.system.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-System.register(["./p-dc5c5cc4.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 c=[];var s=r(n,e);var f=s.filter((function(n){if(n.matches(t)){return true}c.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&&f.length>u){c.push("Only ".concat(u," element").concat(u>1?"s":""," may be used in slot ").concat(e,", found ").concat(s.length,"."));if(o){f.slice(u).forEach((function(n){return n.remove()}))}}if(c.length>0){console[i]("Duet ".concat(i," in ").concat(n.tagName.toLowerCase(),":\n").concat(c.join("\n")).concat(o?"\nElement".concat(c.length>1?"s":""," removed."):""))}}))}}}));
+System.register(["./p-6d6da8d4.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."):""))}}))}}}));

package/lib/duet/{p-9050c043.entry.js → p-224c8856.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,c as e,h as a,H as r,g as i}from"./p-6586fb03.js";import{i as s}from"./p-aaa7a7bd.js";import{c as o}from"./p-5e59e970.js";import{c as d}from"./p-df7874f9.js";import{g as u,c as h,d as l}from"./p-ab6f31bd.js";import{c as n}from"./p-e7f2c310.js";import"./p-9c3c64b9.js";const c=({value:t,maxlength:e,label:r,theme:i})=>{if(null==e)return;const s=t.length,o=Math.max(e-s,0);return a("div",{class:"duet-character-count"},a("duet-caption",{margin:"none",theme:i,size:"small"},a("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true",class:"duet-textarea-counter-remaining"},o/e<=.1&&`${o} ${r}`),a("span",{"aria-hidden":"true"},s,"/",e)))},p=class{constructor(a){t(this,a),this.duetInput=e(this,"duetInput",7),this.duetChange=e(this,"duetChange",7),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.textareaId=o("DuetTextarea"),this.topCaptionId=o("DuetCaptionTop"),this.topCaptionPlaceholderId=o("DuetCaptionPlaceholderTop"),this.labelId=o("DuetLabel"),this.errorId=o("DuetError"),this.characterCountId=o("DuetCharacterCount"),this.disallowPatternRegex=null,this.counterLabelDefaults={fi:"merkkiä jäljellä",en:"characters remaining",sv:"tecken kvar"},this.handleInput=t=>{this.disallowPatternRegex&&d(this.nativeInput,this.disallowPatternRegex),this.value=this.nativeInput.value,this.isCaptionVisible=!!this.caption,this.duetInput.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleChange=t=>{this.value=this.nativeInput.value,this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleFocus=t=>{this.counter&&(this.hiddenCounterLabel.textContent=`${Math.max(this.maxlength-this.value.length,0)}/${this.maxlength} ${this.counterLabel}`),this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},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),this.counter&&t.push(this.characterCountId),t.length>0?t.join(" "):null},this.margin="auto",this.accessibleActiveDescendant=void 0,this.accessibleAutocomplete=void 0,this.accessibleControls=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.theme="",this.expand=!1,this.disabled=!1,this.identifier=void 0,this.required=!1,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.labelHidden=!1,this.name=void 0,this.placeholder=void 0,this.caption=void 0,this.echoPlaceholder=!1,this.maxlength=void 0,this.minlength=void 0,this.error="",this.role=void 0,this.tooltip="",this.tooltipDirection="auto",this.value="",this.disallowPattern=null,this.counter=!1,this.counterLabel=u(this.counterLabelDefaults)}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}componentWillLoad(){s(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,n(this.element,"tooltip","duet-tooltip",1,!0),this.counter&&null==this.maxlength&&console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}connectedCallback(){h(this,{prop:"counterLabel",defaults:"counterLabelDefaults"})}disconnectedCallback(){l(this)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.textareaId;return a(r,{class:{"duet-m-0":"none"===this.margin,"duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},a("div",{class:{"duet-textarea-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},a("duet-label",{theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&a("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),a("slot",{name:"tooltip"}),this.caption&&a("duet-caption",{id:this.topCaptionId,size:"medium",theme:"turva"===this.theme?"turva":"default"},this.caption),a("div",{class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&a("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),a("textarea",{onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:t=>this.nativeInput=t,class:{"duet-textarea":!0,disabled:this.disabled},value:this.value,disabled:this.disabled,"aria-labelledby":this.accessibleLabelledBy?`${this.labelId} ${this.accessibleLabelledBy}`:this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),a("duet-grid",{alignment:"stretch"},a("duet-grid-item",{margin:"none",fill:!0},a("div",{class:"duet-textarea-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&a("span",null,this.error))),a("duet-grid-item",{margin:"none",class:"duet-character-count-caption"},this.counter&&a(c,{theme:this.theme,value:this.value,maxlength:this.maxlength,label:this.counterLabel}))),this.counter&&a("duet-visually-hidden",{class:"duet-visually-hidden",id:this.characterCountId,ref:t=>{this.hiddenCounterLabel=t}})))}get element(){return i(this)}static get watchers(){return{disallowPattern:["disallowedPatternChange"]}}};p.style='*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-textarea-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:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{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-textarea.sc-duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled].sc-duet-textarea{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help.sc-duet-textarea{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;line-height:1.25}.duet-textarea-help.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}';export{p as duet_textarea}
+import{r as t,c as e,h as a,H as r,g as i}from"./p-365388f0.js";import{i as s}from"./p-aaa7a7bd.js";import{c as o}from"./p-5e59e970.js";import{c as d}from"./p-df7874f9.js";import{g as u,c as h,d as l}from"./p-1c87928d.js";import{c as n}from"./p-3e56dd95.js";import"./p-9c3c64b9.js";const c=({value:t,maxlength:e,label:r,theme:i})=>{if(null==e)return;const s=t.length,o=Math.max(e-s,0);return a("div",{class:"duet-character-count"},a("duet-caption",{margin:"none",theme:i,size:"small"},a("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true",class:"duet-textarea-counter-remaining"},o/e<=.1&&`${o} ${r}`),a("span",{"aria-hidden":"true"},s,"/",e)))},p=class{constructor(a){t(this,a),this.duetInput=e(this,"duetInput",7),this.duetChange=e(this,"duetChange",7),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.textareaId=o("DuetTextarea"),this.topCaptionId=o("DuetCaptionTop"),this.topCaptionPlaceholderId=o("DuetCaptionPlaceholderTop"),this.labelId=o("DuetLabel"),this.errorId=o("DuetError"),this.characterCountId=o("DuetCharacterCount"),this.disallowPatternRegex=null,this.counterLabelDefaults={fi:"merkkiä jäljellä",en:"characters remaining",sv:"tecken kvar"},this.handleInput=t=>{this.disallowPatternRegex&&d(this.nativeInput,this.disallowPatternRegex),this.value=this.nativeInput.value,this.isCaptionVisible=!!this.caption,this.duetInput.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleChange=t=>{this.value=this.nativeInput.value,this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleFocus=t=>{this.counter&&(this.hiddenCounterLabel.textContent=`${Math.max(this.maxlength-this.value.length,0)}/${this.maxlength} ${this.counterLabel}`),this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},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),this.counter&&t.push(this.characterCountId),t.length>0?t.join(" "):null},this.margin="auto",this.accessibleActiveDescendant=void 0,this.accessibleAutocomplete=void 0,this.accessibleControls=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.theme="",this.expand=!1,this.disabled=!1,this.identifier=void 0,this.required=!1,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.labelHidden=!1,this.name=void 0,this.placeholder=void 0,this.caption=void 0,this.echoPlaceholder=!1,this.maxlength=void 0,this.minlength=void 0,this.error="",this.role=void 0,this.tooltip="",this.tooltipDirection="auto",this.value="",this.disallowPattern=null,this.counter=!1,this.counterLabel=u(this.counterLabelDefaults)}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}componentWillLoad(){s(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,n(this.element,"tooltip","duet-tooltip",1,!0),this.counter&&null==this.maxlength&&console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}connectedCallback(){h(this,{prop:"counterLabel",defaults:"counterLabelDefaults"})}disconnectedCallback(){l(this)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.textareaId;return a(r,{class:{"duet-m-0":"none"===this.margin,"duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},a("div",{class:{"duet-textarea-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},a("duet-label",{theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&a("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),a("slot",{name:"tooltip"}),this.caption&&a("duet-caption",{id:this.topCaptionId,size:"medium",theme:"turva"===this.theme?"turva":"default"},this.caption),a("div",{class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&a("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),a("textarea",{onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:t=>this.nativeInput=t,class:{"duet-textarea":!0,disabled:this.disabled},value:this.value,disabled:this.disabled,"aria-labelledby":this.accessibleLabelledBy?`${this.labelId} ${this.accessibleLabelledBy}`:this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),a("duet-grid",{alignment:"stretch"},a("duet-grid-item",{margin:"none",fill:!0},a("div",{class:"duet-textarea-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&a("span",null,this.error))),a("duet-grid-item",{margin:"none",class:"duet-character-count-caption"},this.counter&&a(c,{theme:this.theme,value:this.value,maxlength:this.maxlength,label:this.counterLabel}))),this.counter&&a("duet-visually-hidden",{class:"duet-visually-hidden",id:this.characterCountId,ref:t=>{this.hiddenCounterLabel=t}})))}get element(){return i(this)}static get watchers(){return{disallowPattern:["disallowedPatternChange"]}}};p.style='*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-textarea-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:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{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-textarea.sc-duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled].sc-duet-textarea{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help.sc-duet-textarea{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;line-height:1.25}.duet-textarea-help.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}';export{p as duet_textarea}