https://www.lahitapiola.fi/5091-801a66d037ece6f49256.js

1/*! For license information please see 5091-801a66d037ece6f49256.js.LICENSE.txt */
2"use strict";(self.webpackChunkltfi=self.webpackChunkltfi||[]).push([[5091],{5091:function(t,e,i){i.r(e),i.d(e,{duet_tooltip:function(){return r}});var s=i(5763),a=i(7040),o=i(5319),l=i(5186),n=i(1622),h=i(2534),c=i(8875),p=i(210);i(8479);const r=class{constructor(t){(0,s.r)(this,t),this.firstRender=!0,this.mql=[window.matchMedia(a.m.replace(/'/g,"")),window.matchMedia(a.a.replace(/'/g,""))],this.tooltipId=(0,n.c)("DuetTooltip"),this.aboutString={fi:"aiheesta",en:"about",sv:"om"},this.placement="bottom",this.hidePopUp=!0,this.theme="",this.language=(0,c.a)(),this.accessibleLabelDefault={fi:"Näytä lisätietoja",en:"Show more information",sv:"Visa mer tilläggsuppgifter"},this.accessibleLabel=(0,c.g)(this.accessibleLabelDefault,this.language),this.accessibleCloseLabelDefault={fi:"Sulje lisätiedot",en:"Close details",sv:"Stäng tilläggsuppgifter"},this.accessibleCloseLabel=(0,c.g)(this.accessibleCloseLabelDefault,this.language),this.label="",this.breakpoint="medium",this.direction="auto",this.positionVertical="0",this.positionHorizontal="0",this.active=!1,this.negative=!1,this.openTooltip=()=>{this.hidePopUp=!1,setTimeout((()=>{this.active=!0})),setTimeout((()=>{this.contentEl.focus({preventScroll:!0}),this.buttonActive=!0}),200)},this.closeTooltip=(t=!1)=>{this.active=!1,t&&setTimeout((()=>{this.buttonEl.setFocus({preventScroll:!0})}),200),setTimeout((()=>{this.buttonActive=!1})),setTimeout((()=>{this.updatePlacement()}),200),setTimeout((()=>{this.active||(this.hidePopUp=!0)}),300)},this.toggleOpen=()=>{this.active?this.closeTooltip():this.openTooltip()},this.updatePlacement=async()=>{var t,e;let i=!0;("large"!==this.breakpoint||this.mql[1].matches)&&("medium"!==this.breakpoint||this.mql[0].matches)||(i=!1);let s=i?"top-start":"top-end";"left"===this.direction?s="top-end":"right"===this.direction&&(s="top-start"),this.active&&!this.buttonEl.offsetParent&&(this.active=!1);const a=await(0,o.M)(this.buttonEl,this.popupElement,{placement:s,middleware:[(0,o.f)(),(0,o.s)({padding:5}),(0,o.a)({element:this.arrowEl})]});this.tooltipY=a.y,this.tooltipX=a.x,this.placement=a.placement,this.arrowY=null===(t=a.middlewareData.arrow)||void 0===t?void 0:t.y,this.arrowX=null===(e=a.middlewareData.arrow)||void 0===e?void 0:e.x}}componentWillLoad(){(0,l.i)(this),this.buttonActive=this.active}async componentDidLoad(){this.arrowEl=await this.popupElement.getArrowElement(),this.contentEl=await this.popupElement.getContentElement(),this.updatePlacement(),this.active&&(this.openTooltip(),await this.handleActiveChange(this.active)),this.intersectionObserver=new IntersectionObserver(this.updatePlacement,{root:document.body}),this.intersectionObserver.observe(this.element)}connectedCallback(){(0,c.c)(this,[{prop:"accessibleLabel",defaults:"accessibleLabelDefault"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefault"}]),"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{(0,p.b)(this.element,this.popupElement)})),this.mutationO.observe(this.element,{childList:!0,characterData:!0,subtree:!0}))}componentDidRender(){this.firstRender&&((0,p.b)(this.element,this.popupElement),this.firstRender=!1)}disconnectedCallback(){(0,c.d)(this)}handleDocumentClick(t){if(!this.active)return;t.composedPath().every((t=>t!==this.element&&t!==this.contentEl))&&this.closeTooltip()}handleKeyDown(t){this.active&&(0,h.a)(t)&&this.closeTooltip(!0)}handlePopupClose(){this.active&&this.closeTooltip(!0)}async handleActiveChange(t){t?this.autoUpdateCleanup=(0,o.z)(this.buttonEl,this.popupElement,this.updatePlacement):this.autoUpdateCleanup()}render(){const t={transform:`translateY(${this.positionVertical}) translateX(${this.positionHorizontal})`,zIndex:this.active?"201":""},e={top:`${this.tooltipY}px`,left:`${this.tooltipX}px`},i={top:this.arrowY?`${this.arrowY}px`:void 0,left:this.arrowX?`${this.arrowX}px`:void 0};return(0,s.h)(s.H,{style:t},(0,s.h)("duet-tooltip-button",{ref:t=>this.buttonEl=t,active:this.buttonActive,tooltipId:this.tooltipId,label:this.label,accessibleLabel:this.accessibleInputLabel&&`${this.accessibleInputLabel}, ${this.accessibleLabel}`||this.accessibleAboutLabel&&`${this.accessibleLabel} ${this.aboutString[this.language]} ${this.accessibleAboutLabel}`||this.accessibleLabel,onClick:this.toggleOpen,theme:this.theme,negative:this.negative}),(0,s.h)("duet-tooltip-popup",{ref:t=>this.popupElement=t,active:this.active,hidden:this.hidePopUp,tooltipId:this.tooltipId,arrowStyles:i,style:e,placement:this.placement,accessibleCloseLabel:this.accessibleCloseLabel,theme:this.theme}

2,(0,s.h)("slot",null)))}get element(){return(0,s.g)(this)}static get watchers(){return{active:["handleActiveChange"]}}};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;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button{position:relative}duet-tooltip-popup{position:absolute}"}}]);