https://www.lahitapiola.fi/1768-e3375ca18e31aba0d937.js

1/*! For license information please see 1768-e3375ca18e31aba0d937.js.LICENSE.txt */
2"use strict";(self.webpackChunkltfi=self.webpackChunkltfi||[]).push([[1768],{1768:function(e,t,a){a.r(t),a.d(t,{duet_textarea:function(){return c}});var i=a(5763),o=a(5186),r=a(9363),l=a(1622),n=a(9816),s=a(6596),d=a(8875),h=a(210);a(8479);const u=({value:e,maxlength:t,theme:a})=>{if(null==t)return;const o=e.length;return(0,i.h)("div",{class:"duet-character-count"},(0,i.h)("duet-caption",{margin:"none",theme:a,size:"small"},(0,i.h)("span",{"aria-hidden":"true"},o,"/",t)))},c=class{constructor(e){(0,i.r)(this,e),this.duetInput=(0,i.c)(this,"duetInput",7),this.duetChange=(0,i.c)(this,"duetChange",7),this.duetBlur=(0,i.c)(this,"duetBlur",7),this.duetFocus=(0,i.c)(this,"duetFocus",7),this.textareaId=(0,l.c)("DuetTextarea"),this.proxyId=(0,l.c)("DuetTextarea"),this.topCaptionId=(0,l.c)("DuetCaptionTop"),this.topCaptionPlaceholderId=(0,l.c)("DuetCaptionPlaceholderTop"),this.labelId=(0,l.c)("DuetLabel"),this.errorId=(0,l.c)("DuetError"),this.characterCountId=(0,l.c)("DuetCharacterCount"),this.visuallyHiddenCounterDebounceMS=1e3,this.disallowPatternRegex=null,this.charactersRemainingLabel={fi:"{remaining}, merkkiä jäljellä {max}{postfix}.",en:"{remaining} characters remaining out of {max}.",sv:"{remaining} tecken kvar av {max}."},this.language=(0,d.a)(),this.margin="auto",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.theme="",this.expand=!1,this.disabled=!1,this.required=!1,this.label="label",this.labelHidden=!1,this.echoPlaceholder=!1,this.error="",this.tooltip="",this.tooltipDirection="auto",this.value="",this.disallowPattern=null,this.counter=!1,this.counterLabel="",this.handleInput=e=>{this.disallowPatternRegex&&(0,n.c)(this.nativeInput,this.disallowPatternRegex),this.value=this.nativeInput.value,this.isCaptionVisible=!!this.caption,this.duetInput.emit({originalEvent:e,value:this.value,component:"duet-textarea"})},this.handleChange=e=>{this.value=this.nativeInput.value,this.duetChange.emit({originalEvent:e,value:this.value,component:"duet-textarea"})},this.handleBlur=e=>{this.duetBlur.emit({originalEvent:e,value:this.value,component:"duet-textarea"})},this.handleFocus=e=>{this.duetFocus.emit({originalEvent:e,value:this.value,component:"duet-textarea"})},this.handleKeyDown=()=>{var e;(null===(e=this.value)||void 0===e?void 0:e.length)===this.maxlength&&(this.visuallyHiddenCounterText="",setTimeout((()=>this.updateVisuallyHiddenCounterText()),10))},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),this.counter&&this.maxlength&&e.push(this.characterCountId),e.length>0?e.join(" "):null}}get validity(){return this.nativeInput.validity}valueChange(e,t){e!==t&&(0,s.d)((()=>this.updateVisuallyHiddenCounterText()),this.visuallyHiddenCounterDebounceMS)()}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}componentWillLoad(){(0,o.i)(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,this.updateVisuallyHiddenCounterText(),(0,h.c)(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")}updateVisuallyHiddenCounterText(){var e;const t=(0,d.f)(Math.max(this.maxlength-((null===(e=this.value)||void 0===e?void 0:e.length)||0),0)),a=this.maxlength%100==0||[2,3,6,8].includes(this.maxlength%10)?":sta":":stä";this.visuallyHiddenCounterText=this.charactersRemainingLabel[this.language].replace("{remaining}",t).replace("{max}",(0,d.f)(this.maxlength)).replace("{postfix}",a)}componentDidRender(){(0,h.p)(this.element,this.proxyId,this.name,this.value,this.required)}async setFocus(e){this.nativeInput.focus(e)}render(){const e=this.identifier||this.textareaId;return(0,i.h)(i.H,{key:"628cfbee772dabe02ee28e28b45ac044ba306433",class:{"duet-m-0":"none"===this.margin,"duet-has-counter"

2:this.counter&&!this.error,"duet-expand":this.expand}},(0,i.h)("div",{key:"d3b269724ee0b454556b85713e4ce8d0da937121",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}},(0,i.h)(r.D,{key:"61b9d1d31d1c97ec59cc974fd3cf05e99a52c648",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:e},this.label),this.tooltip&&(0,i.h)("duet-tooltip",{key:"f50f8d99b9b3459d8b14ad5de3d176e7d995bbde",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),(0,i.h)("slot",{key:"aa111583f2f02af223491081de0ce0aa1d9e513e",name:"tooltip"}),this.caption&&(0,i.h)("duet-caption",{key:"d229d33d3027940241f0b38348af8c3d79618856",id:this.topCaptionId,size:"medium",theme:"turva"===this.theme?"turva":"default"},this.caption),(0,i.h)("div",{key:"ef6a5f4d22a441b13f559373096294a657b22b74",class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&(0,i.h)("duet-caption",{key:"728f08f538d521047bbc91ccd7bd3434d3e35cb8",id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),(0,i.h)("textarea",{key:"b652877e0466100acb59ddd879bcc8eb3f833649",onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,ref:e=>this.nativeInput=e,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,rows:this.rows,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:e})),(0,i.h)("duet-grid",{key:"eacd3bbbf8d40c476ed4dbdf5f6d2608d57303d8",alignment:"stretch"},(0,i.h)("duet-grid-item",{key:"87e2b2af0d568101cb6535822b6b3f665240b080",margin:"none",fill:!0},(0,i.h)("div",{key:"fe677c931f07c771e5146256ad638317416bfa64",class:"duet-textarea-help duet-textarea-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&(0,i.h)("span",{key:"dd9d05aac20cd6eda3b66f8117ec74a66ab78a8a"},this.error))),(0,i.h)("duet-grid-item",{key:"668485a22c325707308e35875136d289b65d8285",margin:"none",class:"duet-character-count-caption"},this.counter&&(0,i.h)(u,{key:"3911ad43e20c911266a1ee6446e7cbfecbdc6877",theme:this.theme,value:this.value,maxlength:this.maxlength}))),this.counter&&this.maxlength&&(0,i.h)("duet-visually-hidden",{key:"f3f27267532f3f62aec64d0b4b472616accf3bf1",id:this.characterCountId,class:"visually-hidden-counter"},this.visuallyHiddenCounterText)))}get element(){return(0,i.g)(this)}static get watchers(){return{value:["valueChange"],disallowPattern:["disallowedPatternChange"]}}};c.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !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-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-textarea-container{position:relative;width:100%;height:100%}

2.duet-textarea-container .duet-input-top-caption{display:none}.duet-textarea-container.duet-input-top-caption-shown .duet-input-top-caption{display:flex !important}.duet-textarea-wrapper{position:relative}.duet-textarea-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-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}.duet-textarea:focus{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva{outline:2px solid;outline-offset:0;outline-color:rgba(53, 79, 101, 0.8)}.has-error .duet-textarea{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.duet-textarea[rows]{min-height:auto}.duet-textarea::placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-textarea:focus::placeholder{color:rgb(181, 198, 208)}.duet-textarea[disabled]{color:rgb(127, 150, 165) !important;cursor:not-allowed !important;outline:none !important;background:rgb(245, 248, 250) !important;border-color:rgb(181, 198, 208) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-textarea[disabled]::placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-textarea:hover:not(:disabled):not(:focus){outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-textarea:hover:not(:disabled):not(:focus),.duet-textarea:hover:not(:disabled):not(:focus).duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.has-error .duet-textarea:hover:not(:disabled):not(:focus){outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important}.duet-textarea:focus{outline:2px solid;outline-color:rgb(0, 119, 179) !important;outline-offset:-1px}.duet-theme-turva .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva{outline-color:rgb(23, 42, 59) !important}.has-error .duet-textarea:focus{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255) !important}.duet-textarea:not(:focus):not(:hover):invalid{outline:none}.duet-textarea-help{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 span{display:block;margin-top:8px}.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-character-count{display:block;margin:8px 0 0 auto}.duet-theme-turva .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, 42, 59);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-textarea::placeholder{color:rgb(120, 145, 164)}.duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-textarea:focus::placeholder{color:rgb(178, 194, 205)}.duet-theme-turva .duet-textarea[disabled]::placeholder{color:rgb(23, 42, 59)}.duet-theme-turva.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-theme-turva .duet-textarea-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(120, 145, 164)}'}}]);