https://www.lahitapiola.fi/4387-b49d820829390e08f99a.js

1/*! For license information please see 4387-b49d820829390e08f99a.js.LICENSE.txt */
2"use strict";(self.webpackChunkltfi=self.webpackChunkltfi||[]).push([[4387],{4387:function(t,e,i){i.r(e),i.d(e,{duet_icon:function(){return c}});var n=i(5763),o=i(5186),s=i(8520);i(6080);const a=t=>{if("script"===t.nodeName.toLowerCase())return!1;for(let e=0;e<t.attributes.length;e++){if(0===t.attributes[e].name.toLowerCase().indexOf("on"))return!1}if(t.children)for(let e=0;e<t.children.length;e++)if(!a(t.children[e]))return!1;return!0},d=t=>{const e=window.duetcdnuri?window.duetcdnuri:n.E.cdnURIProd;return e.includes("localhost")?`${e}/icons/lib/assets/${t}.svg`:`${e}/icons/${n.E.duetIconVersion}/lib/assets/${t}.svg`},r={};function h(t){if(r[t])return r[t];const e=async function(){const e=await fetch(t);if(!e.ok)throw new Error(`SVG request failed: ${e.status} ${e.statusText}`);const i=(t=>{if("undefined"==typeof document||!t)return;const e=document.createElement("div");e.innerHTML=t;for(let i=e.childNodes.length-1;i>=0;i--)"svg"!==e.childNodes[i].nodeName.toLowerCase()&&e.removeChild(e.childNodes[i]);return e.firstElementChild})(await e.text());if(!a(i))throw new Error("SVG validation failed");const n=document.createElement("div");return n.appendChild(i),n.innerHTML}();return r[t]=e}const c=class{constructor(t){(0,n.r)(this,t),this.theme="",this.name="action-add",this.margin="auto",this.responsive=!0,this.color="",this.background="",this.backgroundOpacity=1,this.backgroundRotation=0,this.size="medium",this.outline="",this.shape="circle"}async componentWillLoad(){(0,o.i)(this),this.src&&this.icon&&console.warn("[DUET COMPONENTS]: <duet-icon> should have either have src or icon attributes, but not both. icon attribute will take precedence","icon:",this.icon,"src:",this.src),await this.loadIcon(null,null)}async loadIcon(t,e){if(this.icon)return void(this.svgContent=this.icon);if(this.element.shadowRoot.querySelector("svg")&&!this.svgContent){if(null===e&&null===t)return;if(this.element.shadowRoot.querySelector(`.duet-icon-svg[data-name="${t}"]`))return}const i=this.src?this.src:this.name?d(this.name):"";if(i)try{this.svgContent=await h(i)}catch(n){console.warn(`[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ${i}.`,n)}else this.svgContent=""}render(){const t="currentColor"===this.color?"currentColor":(0,s.g)(this.color,this.theme)||(0,s.g)(this.outline,this.theme),e=this.backgroundRotation?{transform:`rotate(${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{},i=Object.assign({color:t,background:(0,s.r)((0,s.g)(this.background,this.theme),this.backgroundOpacity),"border-color":(0,s.g)(this.outline,this.theme)},e),o=this.backgroundRotation?{transform:`rotate(-${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{},a=Object.assign({},o),d="brand-rotated"===this.shape?"duet-icon-shape-brand":`duet-icon-shape-${this.shape}`;return(0,n.h)(n.H,{key:"2f6837b926530cee2afc83a590aa1ccb0dfeca03",class:{"duet-m-0":"none"===this.margin,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},(0,n.h)("span",{key:"6fa86044b5f3966537f38590bd12b28b698a080b","aria-hidden":"true",style:i,class:{"duet-icon":!0,"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background,[d]:!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme,"duet-icon-not-responsive":!this.responsive}},(0,n.h)("span",{key:"4ba33bca7da0ccbc0f11b1b5693e7912d0a0d45d","aria-hidden":"true",class:{"duet-icon-svg":!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme},"data-name":this.name,innerHTML:this.svgContent,style:a})))}get element(){return(0,n.g)(this)}static get watchers(){return{src:["loadIcon"],icon:["loadIcon"],name:["loadIcon"]}}};c.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:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){:host(.duet-icon-has-outline){margin-bottom:0 !important}}@media (max-width: 35.9375em){:host(.duet-icon-has-background){margin-bottom:0 !important}}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}.duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}.duet-icon.duet-icon-has-outline{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-outline{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-background{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background.duet-theme-default{color:rgb(255, 255, 255)}.duet-icon.duet-icon-shape-circle{border-radius:50%}.duet-icon.duet-icon-shape-brand{border-radius:25%}@media (max-width: 35.9375em){.duet-icon.duet-icon-not-responsive{transform:scale(1) !important}}.duet-icon.duet-theme-default{color:rgb(0, 119, 179)}.duet-icon.duet-icon-shape-brand.rotated{transform:rotate(7deg) scale(0.875);transform-origin:center}.duet-icon .duet-icon-svg{display:block;width:24px;min-width:100%;height:24px;font-size:0}.duet-icon .duet-icon-svg.rotated{transform:rotate(-7deg) scale(1.14)}.duet-icon svg{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}:host([size=auto]) .duet-icon-svg{width:100%;height:100%}:host([size=xxx-small]) .duet-icon-svg{width:7px;height:7px}:host([size=xxx-small]) .duet-icon-has-background{padding:6px}:host([size=xxx-small]) .duet-icon-has-outline{padding:4px}:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg{width:10px;height:10px}:host([size=xxx-small]) .duet-icon-shape-brand{padding:0}:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg{width:0;height:0}:host([size=xx-small]) .duet-icon-svg{width:10px;height:10px}:host([size=xx-small]) .duet-icon-has-background{padding:8px}:host([size=xx-small]) .duet-icon-has-outline{padding:7px}:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg{width:16px;height:16px}:host([size=xx-small]) .duet-icon-shape-brand{padding:4px}:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg{width:10px;height:10px}:host([size=x-small]) .duet-icon-svg{width:16px;height:16px}:host([size=x-small]) .duet-icon-has-outline{padding:10px}:host([size=x-small]) .duet-icon-has-background{padding:12px}:host([size=x-small]) .duet-icon-shape-brand{padding:8px}:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg{width:16px;height:16px}:host([size=small]) .duet-icon-svg{width:20px;height:20px}:host([size=small]) .duet-icon-has-background{padding:14px}:host([size=small]) .duet-icon-shape-brand{padding:8px}:host([size=small]) .duet-icon-shape-brand .duet-icon-svg{width:20px;height:20px}:host([size=medium]) .duet-icon-shape-brand{padding:12px}:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg{width:24px;height:24px}:host([size=large]) .duet-icon-svg{width:30px;height:30px}

2:host([size=large]) .duet-icon-shape-brand{padding:16px}:host([size=large]) .duet-icon-shape-brand .duet-icon-svg{width:30px;height:30px}:host([size=x-large]) .duet-icon-svg{width:36px;height:36px}:host([size=x-large]) .duet-icon-shape-brand{padding:20px}:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg{width:36px;height:36px}:host([size=xx-large]) .duet-icon-svg{width:48px;height:48px}:host([size=xx-large]) .duet-icon-shape-brand{padding:24px}:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg{width:48px;height:48px}:host([size=xxx-large]) .duet-icon-svg{width:48px;height:48px}@media (min-width: 48em){:host([size=xxx-large]) .duet-icon-svg{width:72px;height:72px}}:host([size=xxx-large]) .duet-icon-shape-brand{padding:36px}:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg{width:72px;height:72px}.duet-icon.duet-theme-turva{color:rgb(230, 23, 64)}.duet-icon.duet-theme-turva.duet-icon-has-background{color:rgb(255, 255, 255)}.duet-icon.duet-theme-turva.duet-icon-shape-brand{border-radius:16%}"}}]);