https://www.lahitapiola.fi/4514-12252d8c3461a9d0ec84.js

1/*! For license information please see 4514-12252d8c3461a9d0ec84.js.LICENSE.txt */
2"use strict";(self.webpackChunkltfi=self.webpackChunkltfi||[]).push([[4514],{4514:function(e,t,i){i.r(t),i.d(t,{duet_alert:function(){return l}});var a=i(5763),s=i(8903),n=i(5186),r=i(1622),o=i(8875),d=i(210);i(8479);const l=class{constructor(e){(0,a.r)(this,e),this.duetDismiss=(0,a.c)(this,"duetDismiss",7),this.duetCloseComplete=(0,a.c)(this,"duetCloseComplete",7),this.descriptiveId=(0,r.c)("DuetAlert"),this.hasShowMoreSlot=!1,this.theme="",this.isDismissed=!1,this.isExpanded=!1,this.accessibleLabelDefaults={fi:"Painike viestin sulkemiseen",sv:"Knapp för att stänga meddelandet",en:"Button to close the message"},this.accessibleLabel=(0,o.g)(this.accessibleLabelDefaults),this.announcements=!0,this.icon="",this.margin="auto",this.padding="auto",this.variation="default",this.position="content",this.dismissible=!1,this.focusable=!1,this.expandingTitle="",this.handleDismiss=e=>{this.handleHide(),this.duetDismiss.emit({component:"duet-alert",originalEvent:e})},this.handleShow=()=>{this.isDismissed=!1},this.handleHide=()=>{this.isDismissed=!0,this.element.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0})},this.handleExpandToggle=()=>{this.isExpanded=!this.isExpanded},this.getRole=()=>{if(this.announcements)return["warning","danger"].includes(this.variation)?"alert":"status"}}componentWillLoad(){(0,n.i)(this),this.hasShowMoreSlot=(0,d.h)(this.element,"show-more")}componentDidLoad(){this.autoDismiss&&(this.timeoutID=setTimeout((()=>this.handleDismiss()),this.autoDismiss))}connectedCallback(){(0,o.c)(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"})}disconnectedCallback(){this.timeoutID&&clearTimeout(this.timeoutID),(0,o.d)(this)}async show(){this.handleShow()}async hide(){this.handleHide()}async setFocus(e){this.alertContainer.focus(e)}render(){const e=["default","success","danger","warning"].includes(this.variation)?this.variation:"default",t=["below-nav","content"].includes(this.position)?this.position:"content",i=(0,o.g)(s.D[e]);return(0,a.h)(a.H,{key:"2109619995f37428591a949f512aa0ac686c982b",class:{"duet-theme-turva":"turva"===this.theme,"duet-alert-is-dismissed":this.isDismissed,"duet-m-0":"none"===this.margin,[t]:!0},role:this.getRole()},(0,a.h)("div",{key:"257ab7f14f6a5268294071a23b0c12f5a022309d",class:{"duet-alert-wrapper":!0,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,[t]:!0,"duet-theme-turva":"turva"===this.theme}}

2,(0,a.h)("div",{key:"977d8df541e19898da0720d1e736d92a38d4130b",class:{"duet-alert":!0,"duet-alert-expandable":!!this.expandingTitle,"duet-alert-expanded":this.isExpanded,"duet-alert-has-icon":!!this.icon||"below-nav"===this.position,"duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,"duet-theme-turva":"turva"===this.theme}},(0,a.h)("div",{key:"cfa93e8c4dc427917c1d52ba284118aa155b5712",class:"duet-alert-container",ref:e=>{this.alertContainer=e},tabindex:this.focusable?"-1":void 0},"below-nav"!==this.position&&(0,a.h)("div",{key:"4a0168b309a8ef1272e6f12be44c80652931a5ab",class:"duet-alert-icon"},this.icon&&(0,a.h)("duet-icon",{key:"fca5d1ff9cf99a67201633cf8e0b50c476013852",size:"auto",name:this.icon,color:"currentColor"})||(0,a.h)("duet-status-icon",{key:"abaa7cbf1fe14233c60a2779c766a6c6db566d94",strong:!0,variation:e,margin:"none",size:"auto"})),"below-nav"===this.position&&(0,a.h)("div",{key:"56a891f39f8e9589ff366b749abcdb8639fc01d2",class:"duet-alert-icon below-nav"},(0,a.h)("duet-status-icon",{key:"498e8f7e8066d855d8940d059e146ed9a652ab4b",strong:!0,variation:e,margin:"none",size:"auto"})),(0,a.h)("div",{key:"e43b70480ee5614bc16b192f62d36dbaec12e10e",class:"duet-alert-content",id:this.descriptiveId},this.expandingTitle&&(0,a.h)("button",{key:"0a2317792653626ce9831cb3aa434f1a46168e5a","aria-expanded":this.isExpanded.toString(),"aria-controls":`${this.descriptiveId}-content`,class:"duet-alert-expander",onClick:this.handleExpandToggle},(0,a.h)("span",{key:"c0627b9f13e9817de725d69a0ad959f9acd6ac3f",class:"expanding-title"},this.expandingTitle),(0,a.h)("duet-icon",{key:"6169ae4f7e2991d1f30bebca584f521df4eef3aa",name:"action-arrow-down",color:"default"===e?"lt-blue-800":`${e}-800`,margin:"none",size:"x-small"})),(!this.expandingTitle||this.isExpanded)&&(0,a.h)("div",{key:"18ce1b94424a25bfcc8f64a7ef386b21b636f554",id:`${this.descriptiveId}-content`},(0,a.h)("duet-visually-hidden",{key:"162f07a2cf9aa618f1d315c1fc329b8bcdc97348"},i),(0,a.h)("slot",{key:"e10a5858d7d7b91035c923b33a9d429f3d17ea0e"})))),this.hasShowMoreSlot&&(0,a.h)("duet-show-more",{key:"fdb3a2b5ca4acc3242c18f485a685a1639ccae8c",margin:"none",class:"duet-alert-show-more"},(0,a.h)("slot",{key:"4eba1551558f1992c2a9786c8cb8c427d934574f",name:"show-more"})),this.dismissible&&!this.expandingTitle&&(0,a.h)("div",{key:"66f7aea60774b4501839104d3f4e8b9b1b3cc345",class:"duet-alert-dismiss"},(0,a.h)("duet-button",{key:"859f33946e1affe4d8ee57318fc30ae7f44c9a91",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,iconSize:"medium",icon:"navigation-close",iconOnly:!0,margin:"none",color:"default"===e?"lt-blue-800":`${e}-800`,theme:this.theme,onClick:this.handleDismiss,fixed:!0})))))}get element(){return(0,a.g)(this)}};l.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;margin-bottom:16px !important;display:grid;grid-template-rows:1fr;width:100%;border-radius:12px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, grid-template-rows 300ms ease}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.below-nav),:host(.duet-m-0){margin-bottom:0 !important}:host(.duet-alert-is-dismissed){visibility:hidden !important;grid-template-rows:0fr;margin:0 !important;border-width:0 !important;opacity:0;transform:scale(0.98)}.duet-alert-wrapper{position:relative;width:100%;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;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{z-index:1;margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}.duet-alert-wrapper.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"}'}}]);