https://www.lahitapiola.fi/130-819d49532f224a1a8e2f.js

1/*! For license information please see 130-819d49532f224a1a8e2f.js.LICENSE.txt */
2"use strict";(self.webpackChunkltfi=self.webpackChunkltfi||[]).push([[130],{130:function(e,t,o){o.r(t),o.d(t,{duet_slideout_panel:function(){return r}});var a=o(5763),i=o(5186),l=o(560),n=o(569),s=o(8875),d=o(210),c=o(8520);o(8479),o(6080);const r=class{constructor(e){(0,a.r)(this,e),this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"},this.backLangObject={en:"Back to main menu",fi:"Takaisin päävalikkoon",sv:"Tillbaka till huvudmenyn"},this.hasStickyHeaderSlot=!1,this.language=(0,s.a)(),this.bodyScrollLocked=!1,this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.labelSize="medium",this.backgroundColor="gray-lightest",this.badge=!1,this.updateLabel=()=>{const e=this.element.querySelector("[slot='label']");this.label=e},this.toggleMenu=()=>{this.open=!this.open},this.onClick=()=>{this.toggleMenu()},this.onCloseClick=e=>{e.stopPropagation();if("DUET-SLIDEOUT"===this.element.parentElement.tagName){const e=this.element.parentElement;(0,l.e)(this.dialog),this.bodyScrollLocked=!1,e.toggle()}}}componentWillLoad(){(0,i.i)(this),this.updateLabel(),this.hasStickyHeaderSlot=(0,d.h)(this.element,"sticky-header")}connectedCallback(){(0,s.c)(this),this.mutationObserver=new MutationObserver((()=>{if("DUET-SLIDEOUT"===this.element.parentElement.tagName){const e=this.element.parentElement;e.open&&this.open&&!this.bodyScrollLocked?(this.bodyScrollLocked=!0,(0,l.d)(this.dialog,{reserveScrollBarGap:!0})):!e.open&&this.bodyScrollLocked&&(this.bodyScrollLocked=!1,(0,l.e)(this.dialog))}})),this.mutationObserver.observe(this.element.parentElement,{childList:!1,attributeFilter:["open"],subtree:!1})}disconnectedCallback(){(0,s.d)(this),this.dialog&&((0,l.e)(this.dialog),this.bodyScrollLocked=!1),this.mutationObserver&&this.mutationObserver.disconnect()}handleOpenChange(e,t){!!e!=!!t&&(this.open&&!t?setTimeout((()=>{Array.from(this.element.parentElement.children).forEach((e=>{e!==this.element&&(e.inert=!0)})),this.bodyScrollLocked||((0,l.d)(this.dialog,{reserveScrollBarGap:!0}),this.bodyScrollLocked=!0),this.closeButton.focus()}),200):!this.open&&t&&setTimeout((()=>{Array.from(this.element.parentElement.children).forEach((e=>{e.inert=!1})),this.openButton.focus(),(0,l.e)(this.dialog),this.bodyScrollLocked=!1}),200))}async setFocus(e){this.open?setTimeout((()=>{this.closeButton.focus(e)}),200):setTimeout((()=>{this.openButton.focus(e)}),200)}render(){const e={background:(0,c.g)(this.backgroundColor,this.theme)},t=(0,s.g)(this.exitLangObject),o=(0,s.g)(this.backLangObject);return(0,a.h)(a.H,{key:"b7ca9da2d68d44f8c144355d8b42e9b822129768"},(0,a.h)("div",{key:"1cd22b150660a032f6307460a5394f9bdd2f8356",class:{"duet-slideout-panel":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},this.badge&&(0,a.h)("duet-indicator",{key:"6343757ff3eee8a8c6965b4709958f65b784876c",variation:"change"}),(0,a.h)("button",{key:"9c9deae0fcf64337dcf2a5ffc10b90cd1805f726",ref:e=>this.openButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{link:!0,active:this.active,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick,inert:this.open},this.icon&&(0,a.h)("div",{key:"e713cc239aaee89e8e57d2d0fbd5f5c03f75a932",class:"duet-slideout-icon"},(0,a.h)("duet-icon",{key:"647a923e7b9a57135779172c56a9ce3f4784eca5",name:this.icon,size:"small",margin:"none",color:"secondary"})),(0,a.h)("span",{key:"0efd846db68b6ddec41deb3b98e95b578f600c9b",class:"label"},(0,a.h)("span",{key:"35be3389257b208d50bfc51d9aed16149d01a927",class:{"label-text":!0,[this.labelSize]:!0}},(0,a.h)("slot",{key:"cc261654761ea7dce912746e520042d05c534fc8",name:"label"})),(0,a.h)("duet-icon",{key:"634184d119a894c2eda07e6c474d058e125f6257",class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),(0,a.h)("div",{key:"adc63cfa083c247dfb0053c0628a34036bb1c6cc",ref:e=>this.dialog=e,class:{dialog:!0,hidden:!this.open},style:e}

2,(0,a.h)(n.F,{key:"c2f8a9ba339619c3c0f17e925e43ac421da03fde",moveFocusTo:this.closeButton}),(0,a.h)("div",{key:"ea23a8d999173132d21ef23e83835c89b892ec9e",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},(0,a.h)("div",{key:"883f2a295c1e8450973a2c69f533fba8352c6b5b",class:"top"},(0,a.h)("button",{key:"5d51c88ad14f8e0cd711e653378ac9901ad9334b",ref:e=>this.closeButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-label":`${o}`,type:"button",class:{back:!0,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick},(0,a.h)("duet-icon",{key:"da662ca8ebf14ed3a2d4157ff900884a111fa52a",class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),(0,a.h)("span",{key:"d3faed89bc59ca1c0ba2623e7a8e162bdaa4e326"},this.label.innerHTML),(0,a.h)("button",{key:"b90b5a03a91f92b65f1b06f9fea40fcbfff799b5",class:{close:!0,"duet-theme-turva":"turva"===this.theme},type:"button",onClick:this.onCloseClick,"aria-label":`${t}`},(0,a.h)("duet-icon",{key:"fe6676540e447c796bb2b38cc704a5a753a48e0b",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),(0,a.h)("div",{key:"8b1965807e40adc74947c170d8ad50172829f4da",class:"sticky-header"},(0,a.h)("slot",{key:"a51428e89962c2e10cf96ab92f462df6c20b05f2",name:"sticky-header"}))),(0,a.h)("div",{key:"4e4f74bac3d36949a9fd193ee9989c2ba757468b",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0}},(0,a.h)("slot",{key:"dab429efe653f73142b8cd615311c5a8953c6343"})),(0,a.h)(n.F,{key:"70c7027c0f655e46753addde7928facb096b0481",moveFocusTo:this.closeButton}))))}get element(){return(0,a.g)(this)}static get watchers(){return{open:["handleOpenChange"]}}};r.style='*,*::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;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel{position:relative;height:100%}.duet-slideout-panel .link{position:relative;display:flex;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 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:1.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-panel .link:focus,.duet-slideout-panel .link:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.25rem;font-weight:800}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;right:0;z-index:600;visibility:visible;width:min(450px, 100%);height:100%;overflow-y:auto}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}

2.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .back:focus.duet-theme-turva,.duet-theme-turva .duet-slideout-panel .top .close:focus,.duet-slideout-panel .top .close:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{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:1.1rem;font-weight:700;line-height:1.5;color:rgb(8, 42, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px 20px;overflow-y:auto;color:rgb(8, 42, 77)}@media (min-width: 36em){.duet-slideout-panel .items{padding:16px 28px}}.duet-slideout-panel duet-indicator{top:4px}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-slideout-panel.duet-theme-turva .link{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)}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(230, 23, 64)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(253, 247, 242)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(253, 247, 242);border-bottom-color:rgb(251, 225, 209)}.duet-slideout-panel.duet-theme-turva .top span{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)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 42, 59)}'}}]);