https://www.lahitapiola.fi/5294-9ae861df3ded9db90370.js

1/*! For license information please see 5294-9ae861df3ded9db90370.js.LICENSE.txt */
2"use strict";(self.webpackChunkltfi=self.webpackChunkltfi||[]).push([[5294],{5294:function(e,t,a){a.r(t),a.d(t,{duet_share_chart:function(){return l}});var r=a(5763),s=a(5186),i=a(8875),o=a(210),h=a(8520);a(8479),a(6080);const l=class{constructor(e){(0,r.r)(this,e),this.defaultColors=["lt-blue-800","lt-blue-600","success-600","success-800","warning-600","danger-600","danger-800"],this.theme="",this.unit="%"}componentWillLoad(){(0,s.i)(this)}connectedCallback(){this.childObserver=new MutationObserver(this.updateChartItems.bind(this)),this.childObserver.observe(this.element,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.updateChartItems()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}updateChartItems(){const e=(0,o.g)(this.element).filter((e=>"duet-share-chart-item"===e.tagName.toLocaleLowerCase()));this.items=e.map(((e,t)=>({text:e.textContent,value:e.value,color:e.color||this.defaultColors[t%this.defaultColors.length]}))),this.itemsTotalValue=this.items.reduce(((e,{value:t})=>e+t),0)}render(){return(0,r.h)(r.H,{key:"41d1aab509a8e28586ffb62a223378a3c2d97552"},(0,r.h)("div",{key:"22552a2eae668cc0a293e61b46a10655188e2ef8",class:"duet-share-chart-horizontal-bar",role:"presentation"},this.items.filter((e=>!!e.value)).map((e=>(0,r.h)("span",{class:"duet-share-chart-share",style:{width:e.value/this.itemsTotalValue*100+"%",backgroundColor:(0,h.g)(e.color,this.theme)}})))),(0,r.h)("ul",{key:"72a0977595b3a0145eea22372114b18be3a24a0c",class:"duet-share-chart-item-list"},this.items.map((e=>(0,r.h)("li",{class:{"duet-theme-turva":"turva"===this.theme}},(0,r.h)("span",{class:"duet-share-chart-item-color",style:{background:(0,h.g)(e.color,this.theme)}}),(0,r.h)("span",{class:"duet-share-chart-item-text"},e.text,":"),(0,r.h)("span",{class:"duet-share-chart-item-value"}," ",(0,i.f)(e.value)," ",this.unit),"%"!==this.unit&&(0,r.h)("duet-visually-hidden",null,`${(0,i.f)(e.value/this.itemsTotalValue*100,

20)} %`))))),(0,r.h)("slot",{key:"36c475fc18913c91bb22e3eda0aa5f0c76b02cde"}))}get element(){return(0,r.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}.duet-share-chart-horizontal-bar{height:16px;margin-bottom:20px;border-radius:4px}.duet-share-chart-horizontal-bar .duet-share-chart-share{box-sizing:border-box;display:inline-block;height:16px;border-color:rgb(255, 255, 255);border-style:solid;border-width:0 1px}.duet-share-chart-horizontal-bar .duet-share-chart-share:first-child{border-left-width:0;border-radius:4px 0 0 4px}.duet-share-chart-horizontal-bar .duet-share-chart-share:last-child{border-right-width:0;border-radius:0 4px 4px 0}.duet-share-chart-item-list{padding:0 4px;margin:0;list-style:none}.duet-share-chart-item-list li{display:flex;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-style:normal;font-weight:400;font-variant-numeric:tabular-nums;color:rgb(8, 42, 77)}.duet-share-chart-item-list span{display:inline-block}.duet-share-chart-item-list .duet-share-chart-item-color{flex-shrink:0;width:12px;height:12px;margin-top:calc((1.5rem - 12px) / 2);margin-right:12px;border-radius:4px}.duet-share-chart-item-list .duet-share-chart-item-value{font-weight:600}.duet-share-chart-item-list li.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)}'}}]);