@designsystem-se/af 34.2.1-beta.0 → 34.2.1-beta.2

package/dist/digi-arbetsformedlingen/{p-662536dc.entry.js → p-133bdba4.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as s,g as h}from"./p-f1de4bf6.js";import{o as a,i as e,r,s as n,a as o,l,b as d,p as c,c as p,m as g,d as b,e as f}from"./p-c2ee26cb.js";import{_ as u}from"./p-08cf2c0e.js";import{r as m}from"./p-ffe5c0e8.js";import{B as y}from"./p-dcdffb3c.js";function x(){var t,i,s=a().unknown(void 0),h=s.domain,n=s.range,o=0,l=1,d=!1,c=0,p=0,g=.5;function b(){var s=h().length,a=l<o,e=a?l:o,b=a?o:l;t=(b-e)/Math.max(1,s-c+2*p),d&&(t=Math.floor(t)),e+=(b-e-t*(s-c))*g,i=t*(1-c),d&&(e=Math.round(e),i=Math.round(i));var f=r(s).map((function(i){return e+t*i}));return n(a?f.reverse():f)}return delete s.unknown,s.domain=function(t){return arguments.length?(h(t),b()):h()},s.range=function(t){return arguments.length?([o,l]=t,o=+o,l=+l,b()):[o,l]},s.rangeRound=function(t){return[o,l]=t,o=+o,l=+l,d=!0,b()},s.bandwidth=function(){return i},s.step=function(){return t},s.round=function(t){return arguments.length?(d=!!t,b()):d},s.padding=function(t){return arguments.length?(c=Math.min(1,p=+t),b()):c},s.paddingInner=function(t){return arguments.length?(c=Math.min(1,t),b()):c},s.paddingOuter=function(t){return arguments.length?(p=+t,b()):p},s.align=function(t){return arguments.length?(g=Math.max(0,Math.min(1,t)),b()):g},s.copy=function(){return x(h(),[o,l]).round(d).paddingInner(c).paddingOuter(p).align(g)},e.apply(b(),arguments)}const v=class{constructor(i){t(this,i),this._loading=!1,this._placeholderTicks=["0","1","2","3","4","5","6","7"],this._dims={},this._margin={bottom:0,top:6,left:5,right:15,ellipsis:!1},this.tickPadding=8,this.yTickSize=0,this.xTickSize=5,this._tickWidth=1,this.defaultDuration=400,this.fontSize="0.875rem",this.barChartObserver=new ResizeObserver((t=>{t.forEach((()=>{if(this._loading)return this.loadingResize();this.resize()}))})),this.tableObserver=new ResizeObserver((t=>{t.forEach((()=>{n(this._legendDiv).style("width",this._dims.width+"px"),this.resizeTable()}))})),this.loadingResize=()=>{const t=this.setDims();this.setMargins(!0),this._svg.attr("width",this._dims.width).attr("height",this._dims.height),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,t&&(this._yScale.range(this.afVariation===y.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`)),this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this._barSelection.attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())),this.setValueTicks()},this.setTickInteraction=()=>{this.afVariation===y.Horizontal?this._yAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.hover).on("mouseleave",this.hoverOut):this._xAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.hover).on("mouseleave",this.hoverOut)},this.setYScale=t=>{var i;this.afVariation==y.Horizontal?(this._yScale=x(t?["0","1","2","3","4","5","6","7"]:this._chartData.data.xValueNames,[this._margin.top,this._dims.height-this._margin.bottom]).paddingOuter(.1).paddingInner(.1),this._yAxis=o(this._yScale)):(this._yScale=l().domain(t?[0,10]:[this._minVal,this._maxVal]).nice((null===(i=this._chartData.meta)||void 0===i?void 0:i.numberOfReferenceLines)?this._chartData.meta.numberOfReferenceLines:3),this._yScale.range([this._dims.height-this._margin.bottom,this._margin.top]),this._yAxis=o(this._yScale))},this.setXScale=t=>{this.afVariation==y.Horizontal?(this._xScale=l().domain(t?[0,10]:[this._minVal,this._maxVal]).nice(3),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this._xAxis=d(this._xScale),this._tickWidth=this.getLargestText(this._xScale.ticks().map((t=>t.toLocaleString())))):(this._xScale=x().domain(t?this._placeholderTicks:this._chartData.data.xValueNames).range([0,this._dims.width-this._margin.right-this._margin.left]).paddingOuter(.1).paddingInner(.1),this._xAxis=d(this._xScale))},this.tickSizes=()=>{this._namedTickSizes=[],this._ellipsisSize=this.getTextSize("...");for(let t=0;t<this._chartData.data.xValueNames.length;t++)this._namedTickSizes.push(Math.ceil(this.getTextSize(this._chartData.data.xValueNames[t])))},this.updateBars=t=>{this._barChartContainer.selectAll(".barGroup").data(this.reshapeData).join((t=>{var i;const s=t.append("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_")));return s.append("rect").attr("class","bar").style("cursor","pointer").attr("ry",4).attr("rx",4).attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("width",(()=>this.afVariation===y.Horizontal?0:this._xScale.bandwidth())).attr("height",(()=>this.afVariation===y.Horizontal?this._yScale.bandwidth():0)).on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip).transition().duration(this.defaultDuration).ease(c).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("y",(t=>this._yScale(this.afVariation===y.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===y.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a"),(null===(i=this._chartData.meta)||void 0===i?void 0:i.valueLabels)?(s.append("text").text((t=>t.value.toLocaleString())).attr("class","barText").attr("font-size",this.fontSize).attr("font-weight","600").attr("text-anchor","end").style("pointer-events","none").attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key)+this._xScale.bandwidth()/2)).transition().duration(this.defaultDuration).ease(c).attr("font-size",this.fontSize).attr("font-weight","600").attr("x",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale(t.key)+this._xScale.bandwidth()/2)).attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("text-anchor",(t=>this.afVariation===y.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end")).attr("dx",(t=>this.afVariation===y.Horizontal?this._xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===y.Vertical||this._xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("dy",(()=>this.afVariation==y.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").attrTween("text",((t,i,s)=>{const h=parseFloat(s[i].textContent.replace(/\s/g,""))?parseFloat(s[i].textContent.replace(/\s/g,"")):0,a=p(h,t.value);return t=>s[i].textContent=parseInt(a(t)).toLocaleString(void 0,this._numberFormat)})),s):s}),(i=>(i.attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))),t?i.select("rect").on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(()=>this.afVariation===y.Horizontal?this._yScale.bandwidth():0)).attr("fill","#00005a").transition().duration(this.defaultDuration).ease(c).attr("y",(t=>this._yScale(this.afVariation===y.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===y.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).on("end",(()=>this.barChartObserver.observe(this._chartDiv))):i.select("rect").transition().duration(this.defaultDuration).ease(c).attr("y",(t=>this._yScale(this.afVariation===y.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===y.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a"),i.select("text").style("display",(()=>{var t;return(null===(t=this._chartData.meta)||void 0===t?void 0:t.valueLabels)?null:"none"})).transition().duration(this.defaultDuration).ease(c).attr("font-size",this.fontSize).attr("font-weight","600").attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("x",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale(t.key)+this._xScale.bandwidth()/2)).attr("text-anchor",(t=>this.afVariation===y.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end")).attr("dx",(t=>this.afVariation===y.Horizontal?this._xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===y.Vertical||this._xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("dy",(()=>this.afVariation==y.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").attrTween("text",((t,i,s)=>{const h=parseFloat(s[i].textContent.replace(/\s/g,""))?parseFloat(s[i].textContent.replace(/\s/g,"")):0,a=p(h,t.value);return t=>s[i].textContent=parseInt(a(t)).toLocaleString(void 0,this._numberFormat)})))),(t=>t.remove())),this._barSelection=this._barChartContainer.selectAll("rect"),this._textSelection=this._barChartContainer.selectAll(".barText")},this.adjustBarText=()=>{var t;(null===(t=this._chartData.meta)||void 0===t?void 0:t.valueLabels)&&this._textSelection.attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("x",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale(t.key)+this._xScale.bandwidth()/2)).attr("dx",(t=>this.afVariation===y.Horizontal?this._xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===y.Vertical||this._xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("text-anchor",(t=>this.afVariation===y.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end"))},this.reshapeData=()=>{const t=[];return this._loading?(this._placeholderTicks.forEach((i=>{t.push({key:i,value:Math.floor(8*Math.random()+2),len:"1"})})),t):(this._chartData.data.xValueNames.forEach(((i,s)=>{t.push({key:i,value:this._chartData.data.series[0].yValues[s],len:this.getTextSize(this._chartData.data.series[0].yValues[s].toLocaleString())})})),t)},this.adjustBarSize=()=>{this._barSelection.attr("y",(t=>this._yScale(this.afVariation===y.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===y.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value)))},this.resizeTable=()=>{this.setDims(),this.setTableDimensions()},this.setDims=(t=!1)=>{const i=n(this._titleDiv).node().getBoundingClientRect(),s=n(this._legendDiv).node().getBoundingClientRect(),h=this._dims.height;return t||(this._dims=n(this._chartDiv).node().getBoundingClientRect()),this._dims.height=this._maxHeight-s.height-i.height-1.75*this._rem,h!=this._dims.height},this.setMargins=t=>{this._pixelSize=Number(window.getComputedStyle(document.body).getPropertyValue("font-size").match(/\d+/)[0])*Number(this.fontSize.replace(/[^\d.]|\.(?=.*\.)/g,"")),this._margin.left=this.getLargestText(this.afVariation===y.Horizontal?this._chartData.data.xValueNames:t?["0","10"]:[this._minVal?this._tempScale[0].toLocaleString():"0",this._maxVal?this._tempScale[1].toLocaleString():"10"]),this._margin.left>this._dims.width/4?(this._margin.left=Math.floor(this._dims.width/4),this._margin.ellipsis=!0):this._margin.ellipsis=!1,this._margin.bottom=this._pixelSize+this.tickPadding+this.xTickSize},this.setNamedTicks=(t=!1)=>{if(this.afVariation==y.Horizontal)t?this._yAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").transition().duration(this.defaultDuration).call(this._yAxis.tickPadding(this.tickPadding).tickSize(this.yTickSize).tickSizeOuter(0).tickFormat(((t,i)=>{if(!this._margin.ellipsis)return t;const s=this._namedTickSizes[i]+this.tickPadding+this.yTickSize,h=this._margin.left;if(s<h)return t;const a=this.getTextSize(t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length),3)).trim()+"...");let e=0;return a>h&&(e=Math.ceil((a-h)/(s/t.length))),t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length)-e,3)).trim()+"..."}))):this._yAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").call(this._yAxis.tickPadding(this.tickPadding).tickSize(this.yTickSize).tickSizeOuter(0).tickFormat(((t,i)=>{if(!this._margin.ellipsis)return t.toLocaleString();const s=this._namedTickSizes[i]+this.tickPadding+this.yTickSize,h=this._margin.left;if(s<h)return t.toLocaleString();const a=this.getTextSize(t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length),3))+"...");let e=0;return a>h&&(e=Math.ceil((a-h)/(s/t.length))),t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length)-e,3)).trim()+"..."})));else{let i=Math.round(this._chartData.data.xValues.length/((this._dims.width-this._margin.left-this._margin.right)/90-1));Math.floor(this._chartData.data.xValues.length/i)<4&&(i=Math.round(this._chartData.data.xValues.length/4));const s=(this._dims.width-this._margin.left-this._margin.right)/Math.floor(this._chartData.data.xValues.length/i+1);t?this._xAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").transition().duration(this.defaultDuration).call(this._xAxis.tickValues(this._xScale.domain().filter(((...[,t])=>0==t||t%i==0))).tickPadding(this.tickPadding).tickSize(this.xTickSize).tickSizeOuter(0).tickFormat(((t,h)=>{const a=h*i;return this._namedTickSizes[a]<s?t:t.slice(0,Math.max(Math.floor(s/(this._namedTickSizes[a]+this._ellipsisSize+5)*t.length),3))+"..."}))):this._xAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").call(this._xAxis.tickValues(this._xScale.domain().filter(((...[,t])=>0==t||t%i==0))).tickPadding(this.tickPadding).tickSize(this.xTickSize).tickSizeOuter(0).tickFormat(((t,h)=>{const a=h*i;return this._namedTickSizes[a]<s?t:t.slice(0,Math.max(Math.floor(s/(this._namedTickSizes[a]+this._ellipsisSize+5)*t.length),3))+"..."})))}},this.setValueTicks=(t=!1)=>{if(this._chartData.meta&&this._chartData.meta.hideXAxis)return void(this.afVariation===y.Horizontal?this._xAxisHandle.attr("display","none"):this._yAxisHandle.attr("display","none"));let i,s,h;this.afVariation===y.Horizontal?(this._xAxisHandle.attr("display",null),i=this._xAxis,s=-(this._dims.height-this._margin.top-this._margin.bottom),h=this._xAxisHandle):(this._yAxisHandle.attr("display",null),i=this._yAxis,s=-(this._dims.width-this._margin.left-this._margin.right),h=this._yAxisHandle);const a=Math.min(Math.floor((this._dims.width-this._margin.left-this._margin.right)/(this._tickWidth+this.xTickSize))-2,this.afVariation==y.Horizontal?this._xScale.ticks().length:this._yScale.ticks().length);t?h.style("font-size",this.fontSize).style("font-family","Open Sans").transition("newScale").duration(this.defaultDuration).call(i.ticks(this.afVariation===y.Horizontal?Math.max(2,Math.min(a,9)):5).tickPadding(this.tickPadding).tickSize(s).tickSizeOuter(0).tickFormat((t=>t.toLocaleString()))):h.style("font-size",this.fontSize).style("font-family","Open Sans").call(i.ticks(this.afVariation===y.Horizontal?Math.max(2,Math.min(a,9)):5).tickPadding(this.tickPadding).tickSize(s).tickSizeOuter(0).tickFormat((t=>t.toLocaleString()))),h.selectAll("line").attr("stroke","lightgray"),this.afVariation===y.Vertical&&this._yAxisHandle.select(".domain").attr("display","none")},this.hover=t=>{n(t.target).transition("hover").duration(20).attr("fill","rect"===t.target.tagName?"#4C4C8B":"var(--digi--color--text--link-hover)")},this.hoverOut=t=>{n(t.target).transition("hover").duration(this.defaultDuration).attr("fill","rect"===t.target.tagName?"#00005a":"#333333")},this.openTooltip=(...[,t])=>{this._tooltipData="string"==typeof t?this._barChartContainer.select(`#barGroup${t.replace(/[^A-Z0-9]+/gi,"_")}`).datum():t;const i=this._tooltip.select(".tooltipBody");i.select(this._tooltipHeading).style("margin","0 0.75rem 0 0 ").style("font-weight",500).html(this._tooltipData.key),i.selectAll("div").data([this._tooltipData]).join("div").style("display","flex").style("flex-direction","row").style("flex-wrap","nowrap").style("white-space","nowrap").style("justify-content","space-between").html((t=>t.value.toLocaleString())),this._tooltip.style("display","flex"),this.positionTooltip(this._tooltipData)},this.closeTooltip=()=>{this._tooltip.style("display","none")},this.positionTooltip=t=>{const i=this._tooltip.node().getBoundingClientRect().width,s=this._tooltip.node().getBoundingClientRect().height+8,h=this._xScale(t.value)/2-i/2;this.afVariation===y.Horizontal?(this._tooltip.style("transform",`translate(${this._margin.left+this.tickPadding+Math.max(h,-4)}px, ${this._yScale(t.key)+this._yScale.bandwidth()+this._yScale.paddingInner()*this._yScale.bandwidth()}px )`).style("max-width",this._xScale.range()[1]+"px"),this._tooltip.select("digi-icon-caret-up").style("position","absolute").style("--digi--icon--color","white").style("top","-11px").style("left","0").style("transform",`translate(${h>0?i/2-10:this._xScale(t.value)/2}px,0)`)):(this._tooltip.style("transform",`translate(${this._margin.left+this.tickPadding+this._xScale(t.key)+this._xScale.bandwidth()/2-i/2}px, ${this._yScale(t.value)-s}px )`).style("max-width",this._xScale.range()[1]+"px"),this._tooltip.select("digi-icon-caret-down").style("position","absolute").style("--digi--icon--color","white").style("left","0").style("bottom","-11px").style("transform",`translate(${i/2-6}px,0)`))},this.recomputeTextSize=()=>{var t;this.afVariation==y.Horizontal&&(this._tickWidth=this.getLargestText(this._xScale.ticks().map((t=>t.toLocaleString())))),this.tickSizes(),this._barChartContainer.selectAll(".barGroup").data(this.reshapeData),(null===(t=this._chartData.meta)||void 0===t?void 0:t.valueLabels)&&this._textSelection.remove(),this.initBarText()},this.activateTable=t=>{this.closeTooltip(),this.barChartObserver.disconnect(),this.tableObserver.observe(this._chartDiv),this._status.innerHTML="<p>Visas som tabell</p>",n(this._host).select(".tableButton").style("display","none"),n(this._host).select(".chartButton").style("display",null),t.target.nextSibling.lastChild.focus(),this._svg.attr("opacity",1).transition("fadeout").duration(150).attr("opacity",0).on("end",(()=>{this._svg.remove(),this._legendDiv.style.display="none",this._tableDiv.style.display="block",this.setTableContent(),this.setTableDimensions(),n(this._tableDiv).style("opacity",0).transition("fadein").duration(150).style("opacity",1)})),n(this._legendDiv).style("opacity",1).transition("fadeout").duration(150).style("opacity",0)},this.reInitChart=t=>{this.tableObserver.disconnect(),this._status.innerHTML="<p>Visas som diagram</p>",n(this._host).select(".tableButton").style("display",null),n(this._host).select(".chartButton").style("display","none"),t.target.previousSibling.lastChild.focus();const i=n(this._tableDiv);i.style("opacity",1).transition().duration(150).style("opacity",0).on("end",(()=>{i.style("display","none"),this.initChain(),this._svg.attr("opacity",0).transition().duration(150).attr("opacity",1)}))},this.afVariation=y.Vertical,this.afHeadingLevel="h3",this.afId=m("tooltip"),this.afChartData=void 0}afChartDataUpdate(t){this._chartData="string"!=typeof t?t:JSON.parse(t)}initSvg(){var t,i,s,h;this._numberFormat={maximumSignificantDigits:null===(i=null===(t=this._chartData.meta)||void 0===t?void 0:t.labelProperties)||void 0===i?void 0:i.significantDigits,notation:(null===(h=null===(s=this._chartData.meta)||void 0===s?void 0:s.labelProperties)||void 0===h?void 0:h.shortHand)?"compact":"standard"},n(this._chartDiv).select("svg").remove(),this._maxHeight=n(this._host).node().parentNode.getBoundingClientRect().height,this.barChartObserver.observe(this._chartDiv),this._rem=parseFloat(getComputedStyle(document.documentElement).fontSize),this.setMinMax(),this.setDims(),this.setMargins(),this._svg=n(this._chartDiv).append("svg").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this._svg.attr("width",this._dims.width).attr("height",this._dims.height)}initToolTip(){this._tooltip=n("#"+this.afId),this._tooltip.select(".close").on("click",this.closeTooltip),this._tooltipHeading="h"+(parseInt(this.afHeadingLevel.replace(/\D/g,""))+1),this._tooltip.selectAll(".tooltipBody").append(this._tooltipHeading).attr("class","tooltipHeading").style("font-size","1rem").style("margin","0 0.75rem").style("font-weight","500")}initEmpty(){n(this._chartDiv).select("svg").remove(),this._maxHeight=n(this._host).node().parentNode.getBoundingClientRect().height,this.barChartObserver.observe(this._chartDiv),this._rem=parseFloat(getComputedStyle(document.documentElement).fontSize),this.setDims(),this.setMargins(),this._svg=n(this._chartDiv).append("svg").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this._svg.attr("width",this._dims.width).attr("height",this._dims.height),n(this._titleDiv).select(this.afHeadingLevel).html(`${u.loading}...`),this.initYAxis(!0),this.initXAxis(!0),this.loadingState(!0)}loadingState(t){this._loading=!0,this._tooltip&&this.closeTooltip(),n(this._host).select(".tableButton").style("display","none");const i=this.setDims();this.transitionTitle(),this._xAxisHandle.selectAll(".tick").remove(),this._xAxisHandle.select("path").remove(),this._svg.transition().duration(400).attr("width",this._dims.width).attr("height",this._dims.height).attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this.setMargins(!0),n(this._titleDiv).select(this.afHeadingLevel).html(`${u.loading}...`),this._barChartContainer.transition("position").duration(this.defaultDuration).ease(c).attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),i&&(this._yScale.range(this.afVariation===y.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`));const s=()=>{this._barChartContainer.selectAll(".barGroup").remove(),this._barSelection=this._barChartContainer.selectAll("barGroup").data(this.reshapeData).join("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))).append("rect").attr("class","bar").style("cursor","pointer"),this._barSelection.attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("ry",4).attr("rx",4).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(()=>0)).attr("fill","gray").transition().duration(400).delay(((...[,t])=>150*t)).attr("y",(t=>this._yScale(this.afVariation===y.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===y.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))),this._barSelection.transition().duration(400).ease(f).delay(((...[,t])=>150*t+400)).attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>{t===this._placeholderTicks.length-1&&s()}))};t?s():(()=>{this._barChartContainer.selectAll("rect").transition().duration(200).ease(f).attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>{0==t&&(this.setYScale(!0),this.setValueTicks(),this.setXScale(!0),this.barChartObserver.observe(this._chartDiv),s())}))})()}transitionTitle(){const t=n(this._titleDiv).style("height");n(this._titleDiv).style("height",this._prevHeight).transition("adjust").duration(400).style("height",t).on("end",(()=>n(this._titleDiv).style("height",null)))}initYAxis(t){this.setYScale(t),this._barChartContainer=this._svg.append("g").attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._yAxisHandle=this._barChartContainer.append("g"),this.afVariation===y.Horizontal?(this.tickSizes(),this.setNamedTicks(),this.setTickInteraction()):this.setValueTicks()}setMinMax(){var t;this._maxVal=g(this._chartData.data.series[0].yValues),this._minVal=b([0,b(this._chartData.data.series[0].yValues)]),this._tempScale=l().domain([this._minVal,this._maxVal]).nice((null===(t=this._chartData.meta)||void 0===t?void 0:t.numberOfReferenceLines)?this._chartData.meta.numberOfReferenceLines:3).domain()}initXAxis(t){this.setXScale(t),this._xAxisHandle=this._barChartContainer.append("g").attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`),this.afVariation===y.Horizontal?(this.setValueTicks(),this._xAxisHandle.select(".tick").select("line").remove()):t||(this.tickSizes(),this.setNamedTicks(),this.setTickInteraction())}initBars(){this._barSelection=this._barChartContainer.selectAll("barGroup").data(this.reshapeData).join("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))).append("rect").attr("class","bar").style("cursor","pointer"),this._barSelection.attr("y",(t=>this._yScale(this.afVariation===y.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("ry",4).attr("rx",4).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===y.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a").on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip)}initBarText(){this._textSelection=this._barChartContainer.selectAll(".barGroup").append("text"),this._textSelection.text((t=>t.value.toLocaleString(void 0,this._numberFormat))).attr("class","barText").attr("font-size",this.fontSize).attr("font-weight","600").attr("text-anchor","end").attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("x",(t=>this.afVariation===y.Horizontal?this._xScale(t):this._xScale(t.key)+this._xScale.bandwidth())).attr("dy",(()=>this.afVariation==y.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").style("display",(()=>{var t;return(null===(t=this._chartData.meta)||void 0===t?void 0:t.valueLabels)?null:"none"})),this.adjustBarText()}initChain(){this.initSvg(),this.initToolTip(),this.initYAxis(),this.initXAxis(),this.initBars(),this.initBarText()}async updateChain(){var t,i,s,h;if(this._numberFormat={maximumSignificantDigits:null===(i=null===(t=this._chartData.meta)||void 0===t?void 0:t.labelProperties)||void 0===i?void 0:i.significantDigits,notation:(null===(h=null===(s=this._chartData.meta)||void 0===s?void 0:s.labelProperties)||void 0===h?void 0:h.shortHand)?"compact":"standard"},this._tooltip&&this.closeTooltip(),"block"==this._tableDiv.style.display)this._chartData.title?(this.setTableContent(),this.setTableDimensions()):n(this._titleDiv).select(this.afHeadingLevel).html(`${u.loading}...`),this.transitionTitle();else{this._loading&&(n(this._host).select(".tableButton").style("display",null),n(this._legendDiv).style("display",null),this.initToolTip()),this.barChartObserver.disconnect(),this.setMinMax();const t=this.setDims();this.transitionTitle(),this._svg.transition().duration(400).attr("width",this._dims.width).attr("height",this._dims.height).attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this.setMargins(),this._barChartContainer.transition("position").duration(this.defaultDuration).ease(c).attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._loading||this._barChartContainer.on("end",(()=>this.barChartObserver.observe(this._chartDiv))),t&&(this._yScale.range(this.afVariation===y.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`)),this.tickSizes(),this.setYScale(),this.setXScale(),this.setTickInteraction(),this._tickWidth=this.getLargestText(this.afVariation==y.Horizontal?this._xScale.ticks().map((t=>t.toLocaleString())):this._yScale.ticks().map((t=>t.toLocaleString()))),this.setValueTicks(!0),this._loading?(n(this._legendDiv).style("opacity",0).transition().duration(400).ease(c).style("opacity",1),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this.setNamedTicks(!0),this._barSelection.selectAll(".barGroup").on("end",null),this._loading=!1,this._barSelection.transition().duration(this.defaultDuration).attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>t===this._placeholderTicks.length-1?this.updateBars(!0):null)),this.setTickInteraction()):(this.setNamedTicks(!0),this.updateBars())}}resize(){const t=this.setDims();this.setMargins(),this._svg.attr("width",this._dims.width).attr("height",this._dims.height),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,t&&(this._yScale.range(this.afVariation===y.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`)),this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this.setNamedTicks(),this.setValueTicks(),this.adjustBarSize(),this.adjustBarText(),this._tooltipData&&this.positionTooltip(this._tooltipData)}getLargestText(t){let i=0;return t.forEach((t=>{const s=this.getTextSize(t);s>i&&(i=s)})),i}componentWillLoad(){this.afChartDataUpdate(this.afChartData)}componentDidLoad(){if(0===Object.keys(this._chartData).length)return this._loading=!0,this.initEmpty();this.initChain(),document.fonts.ready.then((()=>{this.recomputeTextSize(),this.setNamedTicks(),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`)}))}disconnectedCallback(){this.barChartObserver.disconnect()}componentWillUpdate(){this._prevHeight=n(this._titleDiv).style("height")}componentDidUpdate(){if("block"!=this._tableDiv.style.display&&0===Object.keys(this._chartData).length)return this.barChartObserver.disconnect(),this.loadingState();this.updateChain()}getTextSize(t){const i=[],s=n(this._chartDiv).append("svg");return s.selectAll("dummyText").data([t]).join("text").attr("font-size",this.fontSize).text((t=>t)).each(((...[,t,s])=>{const h=s[t].getComputedTextLength();i.push(h),s[t].remove()})),s.remove().exit(),i[0]}setTableContent(){this._tableDiv.innerHTML=`<digi-table af-size="small" af-variation="primary"> <table><caption>${this._chartData.title}</caption><thead><tr>${this.headings()}</tr></thead><tbody>${this.tableBody()}</tbody></table></digi-table>`}setTableDimensions(){const t=n(this._tableDiv);t.style("height",this._dims.height+"px"),t.style("width",this._dims.width-.65*this._rem+"px")}headings(){let t=`<th scope="col">${this._chartData.x}</th>`;return this._chartData.data.series.forEach((i=>{t=t.concat(`<th scope="col">${i.title}</th>`)})),t}tableBody(){let t="";return(this._chartData.data.xValueNames?this._chartData.data.xValueNames:this._chartData.data.xValues).forEach(((i,s)=>{let h="";this._chartData.data.series.forEach((t=>{h=h.concat(`<td>${null!=t.yValues[s]?t.yValues[s].toLocaleString():"-"}</td>`)})),t=t.concat(`<tr><th scope='row'>${i}${h}</th></tr>`)})),t}render(){let t="";return t=this._chartData.subTitle?this._chartData.infoText?`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}\n\t\t\t\t<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`:`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`:`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`,i(s,{key:"0d5eb5792e8d25a8fad9ebbda37ee8647cf9b84a",ref:t=>this._host=t},i("div",{key:"738ee52c5e65e6d59c43e026e107831e98dcb556",class:"topWrapper",ref:t=>this._titleDiv=t},i("digi-typography",{key:"271fdeb27b9a2fcb9c7b95efd99c9bd8d1f759d9",class:"chartTitle",innerHTML:t}),i("digi-button",{key:"79757e4842d07012606260d5d8cb42fb167e12bc",class:"buttonWrapper tableButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.activateTable,afAriaLabel:`Visa tabell ${this._chartData.title?this._chartData.title.toLowerCase():""}`},i("digi-icon-table",{key:"6680d0631ad83420af0d83092c903ad80589c0f8",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"235ce1a9720421389ec75badd84063160ea1287c",style:{display:"none"},class:"buttonWrapper chartButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.reInitChart,afAriaLabel:`Visa diagram ${this._chartData.title?this._chartData.title.toLowerCase():""}`},i("digi-icon-chart",{key:"a5cb22ffb739b5a8b6df149839093e50126d5695",slot:"icon"}),"Visa diagram"),i("div",{key:"b99d25897ac6fbe3573dfd674ebe87300087afdc",class:"scChartStatus",role:"status",ref:t=>this._status=t})),i("div",{key:"8cdfc4c6275a796c222724b6ada958caa7ee52a3",class:"chartTooltip",id:this.afId},i("div",{key:"390c549f11664dad62033e9ff0d214597a7610ee",class:"tooltipBody"}),i("digi-icon-x",{key:"d9ec5ef1cc984ed75660fa8b5d75b118c36b2246",class:"close"}),i(this.afVariation===y.Horizontal?"digi-icon-caret-up":"digi-icon-caret-down",null)),i("div",{key:"60e68bb115ba913b4bf65209f09b38064e68b6a4",ref:t=>this._chartDiv=t}," "),i("div",{key:"4e1236c68e6fb74fbd7149b02db6435bcde25e31",class:"legend",ref:t=>this._legendDiv=t}),i("div",{key:"4597cab3173e312db11c062548adcf01e4f74c29",class:"table",ref:t=>this._tableDiv=t}," "))}get hostElement(){return h(this)}static get watchers(){return{afChartData:["afChartDataUpdate"]}}};v.style=".sc-digi-bar-chart-h .digi-bar-chart.sc-digi-bar-chart{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-bar-chart-h .chartTitle.sc-digi-bar-chart{--digi--typography--h2--margin:0.5rem;--digi--typography--h3--margin:0.5rem;--digi--typography--h4--margin:0.5rem;--digi--typography--h5--margin:0.5rem;--digi--typography--h6--margin:0.5rem;display:flex;justify-content:flex-start;flex-direction:column;align-items:left;text-align:left;padding-bottom:1rem;margin-right:0.5rem;flex-grow:2}.sc-digi-bar-chart-h .buttonWrapper.sc-digi-bar-chart{--digi--button--padding--medium:4px 4px 0.8125rem 0}.sc-digi-bar-chart-h .chartTooltip.sc-digi-bar-chart{box-sizing:border-box;position:absolute;background-color:rgba(250, 250, 250, 0.98);color:black;padding:5px 10px;padding-right:5px;border-radius:4px;display:flex;flex-direction:row;align-items:flex-start;box-shadow:rgba(60, 64, 67, 0.4) 0px 1px 2px 0px, rgba(60, 64, 67, 0.2) 0px 2px 6px 2px;font-size:0.875rem;display:none}.sc-digi-bar-chart-h .close.sc-digi-bar-chart{--digi--icon--color:black;cursor:pointer;margin-top:-5px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar{height:10px;width:10px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar-track,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar-track{background:whitesmoke;border-radius:4px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar-thumb,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar-thumb{background-color:lightgray;border-radius:4px;border:0}.sc-digi-bar-chart-h .scChartStatus.sc-digi-bar-chart{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-bar-chart-h .table.sc-digi-bar-chart{display:none;overflow-y:scroll;height:fit-content;border-radius:4px;padding:0.25rem;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;background-repeat:no-repeat;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}.sc-digi-bar-chart-h .topWrapper.sc-digi-bar-chart{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}";export{v as digi_bar_chart}
+import{r as t,h as i,H as s,g as h}from"./p-f1de4bf6.js";import{o as a,i as e,r,s as o,a as n,l,b as d,p as c,c as p,m as f,d as g,e as b}from"./p-c2ee26cb.js";import{_ as u}from"./p-08cf2c0e.js";import{r as m}from"./p-ffe5c0e8.js";import{B as y}from"./p-dcdffb3c.js";function v(){var t,i,s=a().unknown(void 0),h=s.domain,o=s.range,n=0,l=1,d=!1,c=0,p=0,f=.5;function g(){var s=h().length,a=l<n,e=a?l:n,g=a?n:l;t=(g-e)/Math.max(1,s-c+2*p),d&&(t=Math.floor(t)),e+=(g-e-t*(s-c))*f,i=t*(1-c),d&&(e=Math.round(e),i=Math.round(i));var b=r(s).map((function(i){return e+t*i}));return o(a?b.reverse():b)}return delete s.unknown,s.domain=function(t){return arguments.length?(h(t),g()):h()},s.range=function(t){return arguments.length?([n,l]=t,n=+n,l=+l,g()):[n,l]},s.rangeRound=function(t){return[n,l]=t,n=+n,l=+l,d=!0,g()},s.bandwidth=function(){return i},s.step=function(){return t},s.round=function(t){return arguments.length?(d=!!t,g()):d},s.padding=function(t){return arguments.length?(c=Math.min(1,p=+t),g()):c},s.paddingInner=function(t){return arguments.length?(c=Math.min(1,t),g()):c},s.paddingOuter=function(t){return arguments.length?(p=+t,g()):p},s.align=function(t){return arguments.length?(f=Math.max(0,Math.min(1,t)),g()):f},s.copy=function(){return v(h(),[n,l]).round(d).paddingInner(c).paddingOuter(p).align(f)},e.apply(g(),arguments)}const x=class{constructor(i){t(this,i),this._loading=!1,this._placeholderTicks=["0","1","2","3","4","5","6","7"],this._dims={},this._margin={bottom:0,top:6,left:5,right:15,ellipsis:!1},this.tickPadding=8,this.yTickSize=0,this.xTickSize=5,this._tickWidth=1,this.defaultDuration=400,this.fontSize="0.875rem",this.barChartObserver=new ResizeObserver((t=>{t.forEach((()=>{if(this._loading)return this.loadingResize();this.resize()}))})),this.tableObserver=new ResizeObserver((t=>{t.forEach((()=>{o(this._legendDiv).style("width",this._dims.width+"px"),this.resizeTable()}))})),this.loadingResize=()=>{const t=this.setDims();this.setMargins(!0),this._svg.attr("width",this._dims.width).attr("height",this._dims.height),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,t&&(this._yScale.range(this.afVariation===y.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`)),this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this._barSelection.attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())),this.setValueTicks()},this.setTickInteraction=()=>{this.afVariation===y.Horizontal?this._yAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.hover).on("mouseleave",this.hoverOut):this._xAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.hover).on("mouseleave",this.hoverOut)},this.setYScale=t=>{var i;this.afVariation==y.Horizontal?(this._yScale=v(t?["0","1","2","3","4","5","6","7"]:this._chartData.data.xValueNames,[this._margin.top,this._dims.height-this._margin.bottom]).paddingOuter(.1).paddingInner(.1),this._yAxis=n(this._yScale)):(this._yScale=l().domain(t?[0,10]:[this._minVal,this._maxVal]).nice((null===(i=this._chartData.meta)||void 0===i?void 0:i.numberOfReferenceLines)?this._chartData.meta.numberOfReferenceLines:3),this._yScale.range([this._dims.height-this._margin.bottom,this._margin.top]),this._yAxis=n(this._yScale))},this.setXScale=t=>{this.afVariation==y.Horizontal?(this._xScale=l().domain(t?[0,10]:[this._minVal,this._maxVal]).nice(3),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this._xAxis=d(this._xScale),this._tickWidth=this.getLargestText(this._xScale.ticks().map((t=>t.toLocaleString())))):(this._xScale=v().domain(t?this._placeholderTicks:this._chartData.data.xValueNames).range([0,this._dims.width-this._margin.right-this._margin.left]).paddingOuter(.1).paddingInner(.1),this._xAxis=d(this._xScale))},this.tickSizes=()=>{this._namedTickSizes=[],this._ellipsisSize=this.getTextSize("...");for(let t=0;t<this._chartData.data.xValueNames.length;t++)this._namedTickSizes.push(Math.ceil(this.getTextSize(this._chartData.data.xValueNames[t])))},this.updateBars=t=>{this._barChartContainer.selectAll(".barGroup").data(this.reshapeData).join((t=>{var i;const s=t.append("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_")));return s.append("rect").attr("class","bar").style("cursor","pointer").attr("ry",4).attr("rx",4).attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("width",(()=>this.afVariation===y.Horizontal?0:this._xScale.bandwidth())).attr("height",(()=>this.afVariation===y.Horizontal?this._yScale.bandwidth():0)).on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip).transition().duration(this.defaultDuration).ease(c).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("y",(t=>this._yScale(this.afVariation===y.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===y.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a"),(null===(i=this._chartData.meta)||void 0===i?void 0:i.valueLabels)?(s.append("text").text((t=>t.value.toLocaleString())).attr("class","barText").attr("font-size",this.fontSize).attr("font-weight","600").attr("text-anchor","end").style("pointer-events","none").attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key)+this._xScale.bandwidth()/2)).transition().duration(this.defaultDuration).ease(c).attr("font-size",this.fontSize).attr("font-weight","600").attr("x",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale(t.key)+this._xScale.bandwidth()/2)).attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("text-anchor",(t=>this.afVariation===y.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end")).attr("dx",(t=>this.afVariation===y.Horizontal?this._xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===y.Vertical||this._xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("dy",(()=>this.afVariation==y.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").attrTween("text",((t,i,s)=>{const h=parseFloat(s[i].textContent.replace(/\s/g,""))?parseFloat(s[i].textContent.replace(/\s/g,"")):0,a=p(h,t.value);return t=>s[i].textContent=parseInt(a(t)).toLocaleString(void 0,this._numberFormat)})),s):s}),(i=>(i.attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))),t?i.select("rect").on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(()=>this.afVariation===y.Horizontal?this._yScale.bandwidth():0)).attr("fill","#00005a").transition().duration(this.defaultDuration).ease(c).attr("y",(t=>this._yScale(this.afVariation===y.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===y.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).on("end",(()=>this.barChartObserver.observe(this._chartDiv))):i.select("rect").transition().duration(this.defaultDuration).ease(c).attr("y",(t=>this._yScale(this.afVariation===y.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===y.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a"),i.select("text").style("display",(()=>{var t;return(null===(t=this._chartData.meta)||void 0===t?void 0:t.valueLabels)?null:"none"})).transition().duration(this.defaultDuration).ease(c).attr("font-size",this.fontSize).attr("font-weight","600").attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("x",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale(t.key)+this._xScale.bandwidth()/2)).attr("text-anchor",(t=>this.afVariation===y.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end")).attr("dx",(t=>this.afVariation===y.Horizontal?this._xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===y.Vertical||this._xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("dy",(()=>this.afVariation==y.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").attrTween("text",((t,i,s)=>{const h=parseFloat(s[i].textContent.replace(/\s/g,""))?parseFloat(s[i].textContent.replace(/\s/g,"")):0,a=p(h,t.value);return t=>s[i].textContent=parseInt(a(t)).toLocaleString(void 0,this._numberFormat)})))),(t=>t.remove())),this._barSelection=this._barChartContainer.selectAll("rect"),this._textSelection=this._barChartContainer.selectAll(".barText")},this.adjustBarText=()=>{var t;(null===(t=this._chartData.meta)||void 0===t?void 0:t.valueLabels)&&this._textSelection.attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("x",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale(t.key)+this._xScale.bandwidth()/2)).attr("dx",(t=>this.afVariation===y.Horizontal?this._xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===y.Vertical||this._xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("text-anchor",(t=>this.afVariation===y.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end"))},this.reshapeData=()=>{const t=[];return this._loading?(this._placeholderTicks.forEach((i=>{t.push({key:i,value:Math.floor(8*Math.random()+2),len:"1"})})),t):(this._chartData.data.xValueNames.forEach(((i,s)=>{t.push({key:i,value:this._chartData.data.series[0].yValues[s],len:this.getTextSize(this._chartData.data.series[0].yValues[s].toLocaleString())})})),t)},this.adjustBarSize=()=>{this._barSelection.attr("y",(t=>this._yScale(this.afVariation===y.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===y.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value)))},this.resizeTable=()=>{this.setDims(),this.setTableDimensions()},this.setDims=(t=!1)=>{const i=o(this._titleDiv).node().getBoundingClientRect(),s=o(this._legendDiv).node().getBoundingClientRect(),h=this._dims.height;return t||(this._dims=o(this._chartDiv).node().getBoundingClientRect()),this._dims.height=this._maxHeight-s.height-i.height-1.75*this._rem,h!=this._dims.height},this.setMargins=t=>{this._pixelSize=Number(window.getComputedStyle(document.body).getPropertyValue("font-size").match(/\d+/)[0])*Number(this.fontSize.replace(/[^\d.]|\.(?=.*\.)/g,"")),this._margin.left=this.getLargestText(this.afVariation===y.Horizontal?this._chartData.data.xValueNames:t?["0","10"]:[this._minVal?this._tempScale[0].toLocaleString():"0",this._maxVal?this._tempScale[1].toLocaleString():"10"]),this._margin.left>this._dims.width/4?(this._margin.left=Math.floor(this._dims.width/4),this._margin.ellipsis=!0):this._margin.ellipsis=!1,this._margin.bottom=this._pixelSize+this.tickPadding+this.xTickSize},this.setNamedTicks=(t=!1)=>{if(this.afVariation==y.Horizontal)t?this._yAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").transition().duration(this.defaultDuration).call(this._yAxis.tickPadding(this.tickPadding).tickSize(this.yTickSize).tickSizeOuter(0).tickFormat(((t,i)=>{if(!this._margin.ellipsis)return t;const s=this._namedTickSizes[i]+this.tickPadding+this.yTickSize,h=this._margin.left;if(s<h)return t;const a=this.getTextSize(t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length),3)).trim()+"...");let e=0;return a>h&&(e=Math.ceil((a-h)/(s/t.length))),t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length)-e,3)).trim()+"..."}))):this._yAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").call(this._yAxis.tickPadding(this.tickPadding).tickSize(this.yTickSize).tickSizeOuter(0).tickFormat(((t,i)=>{if(!this._margin.ellipsis)return t.toLocaleString();const s=this._namedTickSizes[i]+this.tickPadding+this.yTickSize,h=this._margin.left;if(s<h)return t.toLocaleString();const a=this.getTextSize(t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length),3))+"...");let e=0;return a>h&&(e=Math.ceil((a-h)/(s/t.length))),t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length)-e,3)).trim()+"..."})));else{let i=Math.round(this._chartData.data.xValues.length/((this._dims.width-this._margin.left-this._margin.right)/90-1));Math.floor(this._chartData.data.xValues.length/i)<4&&(i=Math.round(this._chartData.data.xValues.length/4));const s=(this._dims.width-this._margin.left-this._margin.right)/Math.floor(this._chartData.data.xValues.length/i+1);t?this._xAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").transition().duration(this.defaultDuration).call(this._xAxis.tickValues(this._xScale.domain().filter(((...[,t])=>0==t||t%i==0))).tickPadding(this.tickPadding).tickSize(this.xTickSize).tickSizeOuter(0).tickFormat(((t,h)=>{const a=h*i;return this._namedTickSizes[a]<s?t:t.slice(0,Math.max(Math.floor(s/(this._namedTickSizes[a]+this._ellipsisSize+5)*t.length),3))+"..."}))):this._xAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").call(this._xAxis.tickValues(this._xScale.domain().filter(((...[,t])=>0==t||t%i==0))).tickPadding(this.tickPadding).tickSize(this.xTickSize).tickSizeOuter(0).tickFormat(((t,h)=>{const a=h*i;return this._namedTickSizes[a]<s?t:t.slice(0,Math.max(Math.floor(s/(this._namedTickSizes[a]+this._ellipsisSize+5)*t.length),3))+"..."})))}},this.setValueTicks=(t=!1)=>{if(this._chartData.meta&&this._chartData.meta.hideXAxis)return void(this.afVariation===y.Horizontal?this._xAxisHandle.attr("display","none"):this._yAxisHandle.attr("display","none"));let i,s,h;this.afVariation===y.Horizontal?(this._xAxisHandle.attr("display",null),i=this._xAxis,s=-(this._dims.height-this._margin.top-this._margin.bottom),h=this._xAxisHandle):(this._yAxisHandle.attr("display",null),i=this._yAxis,s=-(this._dims.width-this._margin.left-this._margin.right),h=this._yAxisHandle);const a=Math.min(Math.floor((this._dims.width-this._margin.left-this._margin.right)/(this._tickWidth+this.xTickSize))-2,this.afVariation==y.Horizontal?this._xScale.ticks().length:this._yScale.ticks().length);t?h.style("font-size",this.fontSize).style("font-family","Open Sans").transition("newScale").duration(this.defaultDuration).call(i.ticks(this.afVariation===y.Horizontal?Math.max(2,Math.min(a,9)):5).tickPadding(this.tickPadding).tickSize(s).tickSizeOuter(0).tickFormat((t=>t.toLocaleString()))):h.style("font-size",this.fontSize).style("font-family","Open Sans").call(i.ticks(this.afVariation===y.Horizontal?Math.max(2,Math.min(a,9)):5).tickPadding(this.tickPadding).tickSize(s).tickSizeOuter(0).tickFormat((t=>t.toLocaleString()))),h.selectAll("line").attr("stroke","lightgray"),this.afVariation===y.Vertical&&this._yAxisHandle.select(".domain").attr("display","none")},this.hover=t=>{o(t.target).transition("hover").duration(20).attr("fill","rect"===t.target.tagName?"#4C4C8B":"var(--digi--color--text--link-hover)")},this.hoverOut=t=>{o(t.target).transition("hover").duration(this.defaultDuration).attr("fill","rect"===t.target.tagName?"#00005a":"#333333")},this.openTooltip=(...[,t])=>{this._tooltipData="string"==typeof t?this._barChartContainer.select(`#barGroup${t.replace(/[^A-Z0-9]+/gi,"_")}`).datum():t;const i=this._tooltip.select(".tooltipBody");i.select(this._tooltipHeading).style("margin","0 0.75rem 0 0 ").style("font-weight",500).html(this._tooltipData.key),i.selectAll("div").data([this._tooltipData]).join("div").style("display","flex").style("flex-direction","row").style("flex-wrap","nowrap").style("white-space","nowrap").style("justify-content","space-between").html((t=>t.value.toLocaleString())),this._tooltip.style("display","flex"),this.positionTooltip(this._tooltipData)},this.closeTooltip=()=>{this._tooltip.style("display","none")},this.positionTooltip=t=>{const i=this._tooltip.node().getBoundingClientRect().width,s=this._tooltip.node().getBoundingClientRect().height+8,h=this._xScale(t.value)/2-i/2;this.afVariation===y.Horizontal?(this._tooltip.style("transform",`translate(${this._margin.left+this.tickPadding+Math.max(h,-4)}px, ${this._yScale(t.key)+this._yScale.bandwidth()+this._yScale.paddingInner()*this._yScale.bandwidth()}px )`).style("max-width",this._xScale.range()[1]+"px"),this._tooltip.select("digi-icon-caret-up").style("position","absolute").style("--digi--icon--color","white").style("top","-11px").style("left","0").style("transform",`translate(${h>0?i/2-10:this._xScale(t.value)/2}px,0)`)):(this._tooltip.style("transform",`translate(${this._margin.left+this.tickPadding+this._xScale(t.key)+this._xScale.bandwidth()/2-i/2}px, ${this._yScale(t.value)-s}px )`).style("max-width",this._xScale.range()[1]+"px"),this._tooltip.select("digi-icon-caret-down").style("position","absolute").style("--digi--icon--color","white").style("left","0").style("bottom","-11px").style("transform",`translate(${i/2-6}px,0)`))},this.recomputeTextSize=()=>{var t;this.afVariation==y.Horizontal&&(this._tickWidth=this.getLargestText(this._xScale.ticks().map((t=>t.toLocaleString())))),this.tickSizes(),this._barChartContainer.selectAll(".barGroup").data(this.reshapeData),(null===(t=this._chartData.meta)||void 0===t?void 0:t.valueLabels)&&this._textSelection.remove(),this.initBarText()},this.activateTable=t=>{this.closeTooltip(),this.barChartObserver.disconnect(),this.tableObserver.observe(this._chartDiv),this._status.innerHTML="<p>Visas som tabell</p>",o(this._host).select(".tableButton").style("display","none"),o(this._host).select(".chartButton").style("display",null),t.target.nextSibling.lastChild.focus(),this._svg.attr("opacity",1).transition("fadeout").duration(150).attr("opacity",0).on("end",(()=>{this._svg.remove(),this._legendDiv.style.display="none",this._tableDiv.style.display="block",this.setTableContent(),this.setTableDimensions(),o(this._tableDiv).style("opacity",0).transition("fadein").duration(150).style("opacity",1)})),o(this._legendDiv).style("opacity",1).transition("fadeout").duration(150).style("opacity",0)},this.reInitChart=t=>{this.tableObserver.disconnect(),this._status.innerHTML="<p>Visas som diagram</p>",o(this._host).select(".tableButton").style("display",null),o(this._host).select(".chartButton").style("display","none"),t.target.previousSibling.lastChild.focus();const i=o(this._tableDiv);i.style("opacity",1).transition().duration(150).style("opacity",0).on("end",(()=>{i.style("display","none"),this.initChain(),this._svg.attr("opacity",0).transition().duration(150).attr("opacity",1)}))},this.afVariation=y.Vertical,this.afHeadingLevel="h3",this.afId=m("tooltip"),this.afChartData=void 0}afChartDataUpdate(t){this._chartData="string"!=typeof t?t:JSON.parse(t)}initSvg(){var t,i,s,h;this._numberFormat={maximumSignificantDigits:null===(i=null===(t=this._chartData.meta)||void 0===t?void 0:t.labelProperties)||void 0===i?void 0:i.significantDigits,notation:(null===(h=null===(s=this._chartData.meta)||void 0===s?void 0:s.labelProperties)||void 0===h?void 0:h.shortHand)?"compact":"standard"},o(this._chartDiv).select("svg").remove(),this._maxHeight=o(this._host).node().parentNode.getBoundingClientRect().height,this.barChartObserver.observe(this._chartDiv),this._rem=parseFloat(getComputedStyle(document.documentElement).fontSize),this.setMinMax(),this.setDims(),this.setMargins(),this._svg=o(this._chartDiv).append("svg").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this._svg.attr("width",this._dims.width).attr("height",this._dims.height)}initToolTip(){this._tooltip=o("#"+this.afId),this._tooltip.select(".close").on("click",this.closeTooltip),this._tooltipHeading="h"+(parseInt(this.afHeadingLevel.replace(/\D/g,""))+1),this._tooltip.selectAll(".tooltipBody").append(this._tooltipHeading).attr("class","tooltipHeading").style("font-size","1rem").style("margin","0 0.75rem").style("font-weight","500")}initEmpty(){o(this._chartDiv).select("svg").remove(),this._maxHeight=o(this._host).node().parentNode.getBoundingClientRect().height,this.barChartObserver.observe(this._chartDiv),this._rem=parseFloat(getComputedStyle(document.documentElement).fontSize),this.setDims(),this.setMargins(),this._svg=o(this._chartDiv).append("svg").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this._svg.attr("width",this._dims.width).attr("height",this._dims.height),o(this._titleDiv).select(this.afHeadingLevel).html(`${u.loading}...`),this.initYAxis(!0),this.initXAxis(!0),this.loadingState(!0)}loadingState(t){this._loading=!0,this._tooltip&&this.closeTooltip(),o(this._host).select(".tableButton").style("display","none");const i=this.setDims();this.transitionTitle(),this._xAxisHandle.selectAll(".tick").remove(),this._xAxisHandle.select("path").remove(),this._svg.transition().duration(400).attr("width",this._dims.width).attr("height",this._dims.height).attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this.setMargins(!0),o(this._titleDiv).select(this.afHeadingLevel).html(`${u.loading}...`),this._barChartContainer.transition("position").duration(this.defaultDuration).ease(c).attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),i&&(this._yScale.range(this.afVariation===y.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`));const s=()=>{this._barChartContainer.selectAll(".barGroup").remove(),this._barSelection=this._barChartContainer.selectAll("barGroup").data(this.reshapeData).join("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))).append("rect").attr("class","bar").style("cursor","pointer"),this._barSelection.attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("ry",4).attr("rx",4).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(()=>0)).attr("fill","gray").transition().duration(400).delay(((...[,t])=>150*t)).attr("y",(t=>this._yScale(this.afVariation===y.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===y.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))),this._barSelection.transition().duration(400).ease(b).delay(((...[,t])=>150*t+400)).attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>{t===this._placeholderTicks.length-1&&s()}))};t?s():(()=>{this._barChartContainer.selectAll("rect").transition().duration(200).ease(b).attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>{0==t&&(this.setYScale(!0),this.setValueTicks(),this.setXScale(!0),this.barChartObserver.observe(this._chartDiv),s())}))})()}transitionTitle(){const t=o(this._titleDiv).style("height");o(this._titleDiv).style("height",this._prevHeight).transition("adjust").duration(400).style("height",t).on("end",(()=>o(this._titleDiv).style("height",null)))}initYAxis(t){this.setYScale(t),this._barChartContainer=this._svg.append("g").attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._yAxisHandle=this._barChartContainer.append("g"),this.afVariation===y.Horizontal?(this.tickSizes(),this.setNamedTicks(),this.setTickInteraction()):this.setValueTicks()}setMinMax(){var t;this._maxVal=f(this._chartData.data.series[0].yValues),this._minVal=g([0,g(this._chartData.data.series[0].yValues)]),this._tempScale=l().domain([this._minVal,this._maxVal]).nice((null===(t=this._chartData.meta)||void 0===t?void 0:t.numberOfReferenceLines)?this._chartData.meta.numberOfReferenceLines:3).domain()}initXAxis(t){this.setXScale(t),this._xAxisHandle=this._barChartContainer.append("g").attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`),this.afVariation===y.Horizontal?(this.setValueTicks(),this._xAxisHandle.select(".tick").select("line").remove()):t||(this.tickSizes(),this.setNamedTicks(),this.setTickInteraction())}initBars(){this._barSelection=this._barChartContainer.selectAll("barGroup").data(this.reshapeData).join("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))).append("rect").attr("class","bar").style("cursor","pointer"),this._barSelection.attr("y",(t=>this._yScale(this.afVariation===y.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===y.Horizontal?2:this._xScale(t.key))).attr("ry",4).attr("rx",4).attr("width",(t=>this.afVariation===y.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===y.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a").on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip)}initBarText(){this._textSelection=this._barChartContainer.selectAll(".barGroup").append("text"),this._textSelection.text((t=>t.value.toLocaleString(void 0,this._numberFormat))).attr("class","barText").attr("font-size",this.fontSize).attr("font-weight","600").attr("text-anchor","end").attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("x",(t=>this.afVariation===y.Horizontal?this._xScale(t):this._xScale(t.key)+this._xScale.bandwidth())).attr("dy",(()=>this.afVariation==y.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").style("display",(()=>{var t;return(null===(t=this._chartData.meta)||void 0===t?void 0:t.valueLabels)?null:"none"})),this.adjustBarText()}initChain(){this.initSvg(),this.initToolTip(),this.initYAxis(),this.initXAxis(),this.initBars(),this.initBarText()}async updateChain(){var t,i,s,h;if(this._numberFormat={maximumSignificantDigits:null===(i=null===(t=this._chartData.meta)||void 0===t?void 0:t.labelProperties)||void 0===i?void 0:i.significantDigits,notation:(null===(h=null===(s=this._chartData.meta)||void 0===s?void 0:s.labelProperties)||void 0===h?void 0:h.shortHand)?"compact":"standard"},this._tooltip&&this.closeTooltip(),"block"==this._tableDiv.style.display)this._chartData.title?(this.setTableContent(),this.setTableDimensions()):o(this._titleDiv).select(this.afHeadingLevel).html(`${u.loading}...`),this.transitionTitle();else{this._loading&&(o(this._host).select(".tableButton").style("display",null),o(this._legendDiv).style("display",null),this.initToolTip()),this.barChartObserver.disconnect(),this.setMinMax();const t=this.setDims();this.transitionTitle(),this._svg.transition().duration(400).attr("width",this._dims.width).attr("height",this._dims.height).attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this.setMargins(),this._barChartContainer.transition("position").duration(this.defaultDuration).ease(c).attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._loading||this._barChartContainer.on("end",(()=>this.barChartObserver.observe(this._chartDiv))),t&&(this._yScale.range(this.afVariation===y.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`)),this.tickSizes(),this.setYScale(),this.setXScale(),this.setTickInteraction(),this._tickWidth=this.getLargestText(this.afVariation==y.Horizontal?this._xScale.ticks().map((t=>t.toLocaleString())):this._yScale.ticks().map((t=>t.toLocaleString()))),this.setValueTicks(!0),this._loading?(o(this._legendDiv).style("opacity",0).transition().duration(400).ease(c).style("opacity",1),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this.setNamedTicks(!0),this._barSelection.selectAll(".barGroup").on("end",null),this._loading=!1,this._barSelection.transition().duration(this.defaultDuration).attr("y",(t=>this.afVariation===y.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>t===this._placeholderTicks.length-1?this.updateBars(!0):null)),this.setTickInteraction()):(this.setNamedTicks(!0),this.updateBars())}}resize(){const t=this.setDims();this.setMargins(),this._svg.attr("width",this._dims.width).attr("height",this._dims.height),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,t&&(this._yScale.range(this.afVariation===y.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`)),this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this.setNamedTicks(),this.setValueTicks(),this.adjustBarSize(),this.adjustBarText(),this._tooltipData&&this.positionTooltip(this._tooltipData)}getLargestText(t){let i=0;return t.forEach((t=>{const s=this.getTextSize(t);s>i&&(i=s)})),i}componentWillLoad(){this.afChartDataUpdate(this.afChartData)}componentDidLoad(){if(this._chartData&&0===Object.keys(this._chartData).length)return this._loading=!0,this.initEmpty();this.initChain(),document.fonts.ready.then((()=>{this.recomputeTextSize(),this.setNamedTicks(),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`)}))}disconnectedCallback(){this.barChartObserver.disconnect()}componentWillUpdate(){this._prevHeight=o(this._titleDiv).style("height")}componentDidUpdate(){if("block"!=this._tableDiv.style.display&&0===Object.keys(this._chartData).length)return this.barChartObserver.disconnect(),this.loadingState();this.updateChain()}getTextSize(t){const i=[],s=o(this._chartDiv).append("svg");return s.selectAll("dummyText").data([t]).join("text").attr("font-size",this.fontSize).text((t=>t)).each(((...[,t,s])=>{const h=s[t].getComputedTextLength();i.push(h),s[t].remove()})),s.remove().exit(),i[0]}setTableContent(){this._tableDiv.innerHTML=`<digi-table af-size="small" af-variation="primary"> <table><caption>${this._chartData.title}</caption><thead><tr>${this.headings()}</tr></thead><tbody>${this.tableBody()}</tbody></table></digi-table>`}setTableDimensions(){const t=o(this._tableDiv);t.style("height",this._dims.height+"px"),t.style("width",this._dims.width-.65*this._rem+"px")}headings(){let t=`<th scope="col">${this._chartData.x}</th>`;return this._chartData.data.series.forEach((i=>{t=t.concat(`<th scope="col">${i.title}</th>`)})),t}tableBody(){let t="";return(this._chartData.data.xValueNames?this._chartData.data.xValueNames:this._chartData.data.xValues).forEach(((i,s)=>{let h="";this._chartData.data.series.forEach((t=>{h=h.concat(`<td>${null!=t.yValues[s]?t.yValues[s].toLocaleString():"-"}</td>`)})),t=t.concat(`<tr><th scope='row'>${i}${h}</th></tr>`)})),t}render(){var t,h,a,e,r,o,n,l,d,c,p,f;let g="";return g=(null===(t=this._chartData)||void 0===t?void 0:t.subTitle)?(null===(a=this._chartData)||void 0===a?void 0:a.infoText)?`<${this.afHeadingLevel}>${null===(o=this._chartData)||void 0===o?void 0:o.title}</${this.afHeadingLevel}><p>${null===(n=this._chartData)||void 0===n?void 0:n.subTitle}\n\t\t\t\t<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${null===(l=this._chartData)||void 0===l?void 0:l.infoText}</span></p>`:`<${this.afHeadingLevel}>${null===(e=this._chartData)||void 0===e?void 0:e.title}</${this.afHeadingLevel}><p>${null===(r=this._chartData)||void 0===r?void 0:r.subTitle}</p>`:`<${this.afHeadingLevel}>${null===(h=this._chartData)||void 0===h?void 0:h.title}</${this.afHeadingLevel}>`,i(s,{key:"56616ba6de982303837c0ca8056b5f9424a8fb88",ref:t=>this._host=t},i("div",{key:"d36bf391991c7b572088db1eac508f5d9cedad1d",class:"topWrapper",ref:t=>this._titleDiv=t},i("digi-typography",{key:"9eef6dc5581421d46ddef3400e1ecdd9f08d2337",class:"chartTitle",innerHTML:g}),i("digi-button",{key:"8188d61f76ddf6ae4ffc41fd86035301abb2ec10",class:"buttonWrapper tableButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.activateTable,afAriaLabel:`Visa tabell ${(null===(d=this._chartData)||void 0===d?void 0:d.title)?null===(c=this._chartData)||void 0===c?void 0:c.title.toLowerCase():""}`},i("digi-icon-table",{key:"c8fdf6e4033d95af72b48e7e4ec697bb28604789",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"406c0ebe5c7477cc46400962863288d665b9943a",style:{display:"none"},class:"buttonWrapper chartButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.reInitChart,afAriaLabel:`Visa diagram ${(null===(p=this._chartData)||void 0===p?void 0:p.title)?null===(f=this._chartData)||void 0===f?void 0:f.title.toLowerCase():""}`},i("digi-icon-chart",{key:"58250125115d7f14a0788aed4facd01cacfe3997",slot:"icon"}),"Visa diagram"),i("div",{key:"de2e0e599a0e30676e9eba4cd962542bec4fa80f",class:"scChartStatus",role:"status",ref:t=>this._status=t})),i("div",{key:"8f4aa73c6c5d29a1318390bf1ced0b3435addabd",class:"chartTooltip",id:this.afId},i("div",{key:"fc523b65f9561b0b596af5c0d44bc6936a08e199",class:"tooltipBody"}),i("digi-icon-x",{key:"3671074723e282fded024af8b2d384cecce24d27",class:"close"}),i(this.afVariation===y.Horizontal?"digi-icon-caret-up":"digi-icon-caret-down",null)),i("div",{key:"5f84faff0f0c6ba9bbcbbdf305e5fb2fe76ed73c",ref:t=>this._chartDiv=t}," "),i("div",{key:"9ba86eabdb4071af01b6decaa070f10ffbf9eb9a",class:"legend",ref:t=>this._legendDiv=t}),i("div",{key:"40c4aa91405fddbf4785fe27b278aa91d5d06d0d",class:"table",ref:t=>this._tableDiv=t}," "))}get hostElement(){return h(this)}static get watchers(){return{afChartData:["afChartDataUpdate"]}}};x.style=".sc-digi-bar-chart-h .digi-bar-chart.sc-digi-bar-chart{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-bar-chart-h .chartTitle.sc-digi-bar-chart{--digi--typography--h2--margin:0.5rem;--digi--typography--h3--margin:0.5rem;--digi--typography--h4--margin:0.5rem;--digi--typography--h5--margin:0.5rem;--digi--typography--h6--margin:0.5rem;display:flex;justify-content:flex-start;flex-direction:column;align-items:left;text-align:left;padding-bottom:1rem;margin-right:0.5rem;flex-grow:2}.sc-digi-bar-chart-h .buttonWrapper.sc-digi-bar-chart{--digi--button--padding--medium:4px 4px 0.8125rem 0}.sc-digi-bar-chart-h .chartTooltip.sc-digi-bar-chart{box-sizing:border-box;position:absolute;background-color:rgba(250, 250, 250, 0.98);color:black;padding:5px 10px;padding-right:5px;border-radius:4px;display:flex;flex-direction:row;align-items:flex-start;box-shadow:rgba(60, 64, 67, 0.4) 0px 1px 2px 0px, rgba(60, 64, 67, 0.2) 0px 2px 6px 2px;font-size:0.875rem;display:none}.sc-digi-bar-chart-h .close.sc-digi-bar-chart{--digi--icon--color:black;cursor:pointer;margin-top:-5px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar{height:10px;width:10px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar-track,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar-track{background:whitesmoke;border-radius:4px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar-thumb,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar-thumb{background-color:lightgray;border-radius:4px;border:0}.sc-digi-bar-chart-h .scChartStatus.sc-digi-bar-chart{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-bar-chart-h .table.sc-digi-bar-chart{display:none;overflow-y:scroll;height:fit-content;border-radius:4px;padding:0.25rem;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;background-repeat:no-repeat;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}.sc-digi-bar-chart-h .topWrapper.sc-digi-bar-chart{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}";export{x as digi_bar_chart}

package/dist/esm/digi-bar-chart.entry.js

@@ -1377,9 +1377,11 @@ const barChart = class {
         this.afChartDataUpdate(this.afChartData);
     }
     componentDidLoad() {
-        if (Object.keys(this._chartData).length === 0) {
-            this._loading = true;
-            return this.initEmpty();
+        if (this._chartData) {
+            if (Object.keys(this._chartData).length === 0) {
+                this._loading = true;
+                return this.initEmpty();
+            }
         }
         this.initChain();
         document.fonts.ready.then(() => {
@@ -1463,18 +1465,19 @@ const barChart = class {
         return body;
     }
     render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         // Setting header
         let heading = '';
-        if (!this._chartData.subTitle)
-            heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
+        if (!((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.subTitle))
+            heading = `<${this.afHeadingLevel}>${(_b = this._chartData) === null || _b === void 0 ? void 0 : _b.title}</${this.afHeadingLevel}>`;
         else {
-            if (!this._chartData.infoText)
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
+            if (!((_c = this._chartData) === null || _c === void 0 ? void 0 : _c.infoText))
+                heading = `<${this.afHeadingLevel}>${(_d = this._chartData) === null || _d === void 0 ? void 0 : _d.title}</${this.afHeadingLevel}><p>${(_e = this._chartData) === null || _e === void 0 ? void 0 : _e.subTitle}</p>`;
             else
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}
-				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`;
+                heading = `<${this.afHeadingLevel}>${(_f = this._chartData) === null || _f === void 0 ? void 0 : _f.title}</${this.afHeadingLevel}><p>${(_g = this._chartData) === null || _g === void 0 ? void 0 : _g.subTitle}
+				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${(_h = this._chartData) === null || _h === void 0 ? void 0 : _h.infoText}</span></p>`;
         }
-        return (h(Host, { key: '0d5eb5792e8d25a8fad9ebbda37ee8647cf9b84a', ref: (el) => (this._host = el) }, h("div", { key: '738ee52c5e65e6d59c43e026e107831e98dcb556', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '271fdeb27b9a2fcb9c7b95efd99c9bd8d1f759d9', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '79757e4842d07012606260d5d8cb42fb167e12bc', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '6680d0631ad83420af0d83092c903ad80589c0f8', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '235ce1a9720421389ec75badd84063160ea1287c', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: 'a5cb22ffb739b5a8b6df149839093e50126d5695', slot: "icon" }), "Visa diagram"), h("div", { key: 'b99d25897ac6fbe3573dfd674ebe87300087afdc', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '8cdfc4c6275a796c222724b6ada958caa7ee52a3', class: "chartTooltip", id: this.afId }, h("div", { key: '390c549f11664dad62033e9ff0d214597a7610ee', class: "tooltipBody" }), h("digi-icon-x", { key: 'd9ec5ef1cc984ed75660fa8b5d75b118c36b2246', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", null)) : (h("digi-icon-caret-down", null))), h("div", { key: '60e68bb115ba913b4bf65209f09b38064e68b6a4', ref: (el) => (this._chartDiv = el) }, " "), h("div", { key: '4e1236c68e6fb74fbd7149b02db6435bcde25e31', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '4597cab3173e312db11c062548adcf01e4f74c29', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h(Host, { key: '56616ba6de982303837c0ca8056b5f9424a8fb88', ref: (el) => (this._host = el) }, h("div", { key: 'd36bf391991c7b572088db1eac508f5d9cedad1d', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '9eef6dc5581421d46ddef3400e1ecdd9f08d2337', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '8188d61f76ddf6ae4ffc41fd86035301abb2ec10', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_j = this._chartData) === null || _j === void 0 ? void 0 : _j.title) ? (_k = this._chartData) === null || _k === void 0 ? void 0 : _k.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: 'c8fdf6e4033d95af72b48e7e4ec697bb28604789', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '406c0ebe5c7477cc46400962863288d665b9943a', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_l = this._chartData) === null || _l === void 0 ? void 0 : _l.title) ? (_m = this._chartData) === null || _m === void 0 ? void 0 : _m.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '58250125115d7f14a0788aed4facd01cacfe3997', slot: "icon" }), "Visa diagram"), h("div", { key: 'de2e0e599a0e30676e9eba4cd962542bec4fa80f', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '8f4aa73c6c5d29a1318390bf1ced0b3435addabd', class: "chartTooltip", id: this.afId }, h("div", { key: 'fc523b65f9561b0b596af5c0d44bc6936a08e199', class: "tooltipBody" }), h("digi-icon-x", { key: '3671074723e282fded024af8b2d384cecce24d27', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", null)) : (h("digi-icon-caret-down", null))), h("div", { key: '5f84faff0f0c6ba9bbcbbdf305e5fb2fe76ed73c', ref: (el) => (this._chartDiv = el) }, " "), h("div", { key: '9ba86eabdb4071af01b6decaa070f10ffbf9eb9a', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '40c4aa91405fddbf4785fe27b278aa91d5d06d0d', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/hydrate/index.js

@@ -36845,9 +36845,11 @@ class barChart {
         this.afChartDataUpdate(this.afChartData);
     }
     componentDidLoad() {
-        if (Object.keys(this._chartData).length === 0) {
-            this._loading = true;
-            return this.initEmpty();
+        if (this._chartData) {
+            if (Object.keys(this._chartData).length === 0) {
+                this._loading = true;
+                return this.initEmpty();
+            }
         }
         this.initChain();
         document.fonts.ready.then(() => {
@@ -36931,18 +36933,19 @@ class barChart {
         return body;
     }
     render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         // Setting header
         let heading = '';
-        if (!this._chartData.subTitle)
-            heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
+        if (!((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.subTitle))
+            heading = `<${this.afHeadingLevel}>${(_b = this._chartData) === null || _b === void 0 ? void 0 : _b.title}</${this.afHeadingLevel}>`;
         else {
-            if (!this._chartData.infoText)
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
+            if (!((_c = this._chartData) === null || _c === void 0 ? void 0 : _c.infoText))
+                heading = `<${this.afHeadingLevel}>${(_d = this._chartData) === null || _d === void 0 ? void 0 : _d.title}</${this.afHeadingLevel}><p>${(_e = this._chartData) === null || _e === void 0 ? void 0 : _e.subTitle}</p>`;
             else
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}
-				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`;
+                heading = `<${this.afHeadingLevel}>${(_f = this._chartData) === null || _f === void 0 ? void 0 : _f.title}</${this.afHeadingLevel}><p>${(_g = this._chartData) === null || _g === void 0 ? void 0 : _g.subTitle}
+				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${(_h = this._chartData) === null || _h === void 0 ? void 0 : _h.infoText}</span></p>`;
         }
-        return (hAsync(Host, { key: '0d5eb5792e8d25a8fad9ebbda37ee8647cf9b84a', ref: (el) => (this._host = el) }, hAsync("div", { key: '738ee52c5e65e6d59c43e026e107831e98dcb556', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '271fdeb27b9a2fcb9c7b95efd99c9bd8d1f759d9', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: '79757e4842d07012606260d5d8cb42fb167e12bc', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: '6680d0631ad83420af0d83092c903ad80589c0f8', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '235ce1a9720421389ec75badd84063160ea1287c', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: 'a5cb22ffb739b5a8b6df149839093e50126d5695', slot: "icon" }), "Visa diagram"), hAsync("div", { key: 'b99d25897ac6fbe3573dfd674ebe87300087afdc', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '8cdfc4c6275a796c222724b6ada958caa7ee52a3', class: "chartTooltip", id: this.afId }, hAsync("div", { key: '390c549f11664dad62033e9ff0d214597a7610ee', class: "tooltipBody" }), hAsync("digi-icon-x", { key: 'd9ec5ef1cc984ed75660fa8b5d75b118c36b2246', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", null)) : (hAsync("digi-icon-caret-down", null))), hAsync("div", { key: '60e68bb115ba913b4bf65209f09b38064e68b6a4', ref: (el) => (this._chartDiv = el) }, " "), hAsync("div", { key: '4e1236c68e6fb74fbd7149b02db6435bcde25e31', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '4597cab3173e312db11c062548adcf01e4f74c29', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (hAsync(Host, { key: '56616ba6de982303837c0ca8056b5f9424a8fb88', ref: (el) => (this._host = el) }, hAsync("div", { key: 'd36bf391991c7b572088db1eac508f5d9cedad1d', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '9eef6dc5581421d46ddef3400e1ecdd9f08d2337', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: '8188d61f76ddf6ae4ffc41fd86035301abb2ec10', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_j = this._chartData) === null || _j === void 0 ? void 0 : _j.title) ? (_k = this._chartData) === null || _k === void 0 ? void 0 : _k.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: 'c8fdf6e4033d95af72b48e7e4ec697bb28604789', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '406c0ebe5c7477cc46400962863288d665b9943a', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_l = this._chartData) === null || _l === void 0 ? void 0 : _l.title) ? (_m = this._chartData) === null || _m === void 0 ? void 0 : _m.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: '58250125115d7f14a0788aed4facd01cacfe3997', slot: "icon" }), "Visa diagram"), hAsync("div", { key: 'de2e0e599a0e30676e9eba4cd962542bec4fa80f', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '8f4aa73c6c5d29a1318390bf1ced0b3435addabd', class: "chartTooltip", id: this.afId }, hAsync("div", { key: 'fc523b65f9561b0b596af5c0d44bc6936a08e199', class: "tooltipBody" }), hAsync("digi-icon-x", { key: '3671074723e282fded024af8b2d384cecce24d27', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", null)) : (hAsync("digi-icon-caret-down", null))), hAsync("div", { key: '5f84faff0f0c6ba9bbcbbdf305e5fb2fe76ed73c', ref: (el) => (this._chartDiv = el) }, " "), hAsync("div", { key: '9ba86eabdb4071af01b6decaa070f10ffbf9eb9a', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '40c4aa91405fddbf4785fe27b278aa91d5d06d0d', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/hydrate/index.mjs

@@ -36841,9 +36841,11 @@ class barChart {
         this.afChartDataUpdate(this.afChartData);
     }
     componentDidLoad() {
-        if (Object.keys(this._chartData).length === 0) {
-            this._loading = true;
-            return this.initEmpty();
+        if (this._chartData) {
+            if (Object.keys(this._chartData).length === 0) {
+                this._loading = true;
+                return this.initEmpty();
+            }
         }
         this.initChain();
         document.fonts.ready.then(() => {
@@ -36927,18 +36929,19 @@ class barChart {
         return body;
     }
     render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         // Setting header
         let heading = '';
-        if (!this._chartData.subTitle)
-            heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
+        if (!((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.subTitle))
+            heading = `<${this.afHeadingLevel}>${(_b = this._chartData) === null || _b === void 0 ? void 0 : _b.title}</${this.afHeadingLevel}>`;
         else {
-            if (!this._chartData.infoText)
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
+            if (!((_c = this._chartData) === null || _c === void 0 ? void 0 : _c.infoText))
+                heading = `<${this.afHeadingLevel}>${(_d = this._chartData) === null || _d === void 0 ? void 0 : _d.title}</${this.afHeadingLevel}><p>${(_e = this._chartData) === null || _e === void 0 ? void 0 : _e.subTitle}</p>`;
             else
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}
-				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`;
+                heading = `<${this.afHeadingLevel}>${(_f = this._chartData) === null || _f === void 0 ? void 0 : _f.title}</${this.afHeadingLevel}><p>${(_g = this._chartData) === null || _g === void 0 ? void 0 : _g.subTitle}
+				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${(_h = this._chartData) === null || _h === void 0 ? void 0 : _h.infoText}</span></p>`;
         }
-        return (hAsync(Host, { key: '0d5eb5792e8d25a8fad9ebbda37ee8647cf9b84a', ref: (el) => (this._host = el) }, hAsync("div", { key: '738ee52c5e65e6d59c43e026e107831e98dcb556', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '271fdeb27b9a2fcb9c7b95efd99c9bd8d1f759d9', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: '79757e4842d07012606260d5d8cb42fb167e12bc', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: '6680d0631ad83420af0d83092c903ad80589c0f8', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '235ce1a9720421389ec75badd84063160ea1287c', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: 'a5cb22ffb739b5a8b6df149839093e50126d5695', slot: "icon" }), "Visa diagram"), hAsync("div", { key: 'b99d25897ac6fbe3573dfd674ebe87300087afdc', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '8cdfc4c6275a796c222724b6ada958caa7ee52a3', class: "chartTooltip", id: this.afId }, hAsync("div", { key: '390c549f11664dad62033e9ff0d214597a7610ee', class: "tooltipBody" }), hAsync("digi-icon-x", { key: 'd9ec5ef1cc984ed75660fa8b5d75b118c36b2246', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", null)) : (hAsync("digi-icon-caret-down", null))), hAsync("div", { key: '60e68bb115ba913b4bf65209f09b38064e68b6a4', ref: (el) => (this._chartDiv = el) }, " "), hAsync("div", { key: '4e1236c68e6fb74fbd7149b02db6435bcde25e31', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '4597cab3173e312db11c062548adcf01e4f74c29', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (hAsync(Host, { key: '56616ba6de982303837c0ca8056b5f9424a8fb88', ref: (el) => (this._host = el) }, hAsync("div", { key: 'd36bf391991c7b572088db1eac508f5d9cedad1d', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '9eef6dc5581421d46ddef3400e1ecdd9f08d2337', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: '8188d61f76ddf6ae4ffc41fd86035301abb2ec10', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_j = this._chartData) === null || _j === void 0 ? void 0 : _j.title) ? (_k = this._chartData) === null || _k === void 0 ? void 0 : _k.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: 'c8fdf6e4033d95af72b48e7e4ec697bb28604789', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '406c0ebe5c7477cc46400962863288d665b9943a', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_l = this._chartData) === null || _l === void 0 ? void 0 : _l.title) ? (_m = this._chartData) === null || _m === void 0 ? void 0 : _m.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: '58250125115d7f14a0788aed4facd01cacfe3997', slot: "icon" }), "Visa diagram"), hAsync("div", { key: 'de2e0e599a0e30676e9eba4cd962542bec4fa80f', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '8f4aa73c6c5d29a1318390bf1ced0b3435addabd', class: "chartTooltip", id: this.afId }, hAsync("div", { key: 'fc523b65f9561b0b596af5c0d44bc6936a08e199', class: "tooltipBody" }), hAsync("digi-icon-x", { key: '3671074723e282fded024af8b2d384cecce24d27', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", null)) : (hAsync("digi-icon-caret-down", null))), hAsync("div", { key: '5f84faff0f0c6ba9bbcbbdf305e5fb2fe76ed73c', ref: (el) => (this._chartDiv = el) }, " "), hAsync("div", { key: '9ba86eabdb4071af01b6decaa070f10ffbf9eb9a', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '40c4aa91405fddbf4785fe27b278aa91d5d06d0d', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designsystem-se/af",
   "author": "Arbetsförmedlingen",
-  "version": "34.2.1-beta.0",
+  "version": "34.2.1-beta.2",
   "description": "Web Components for Digi Designsystem",
   "license": "Apache-2.0",
   "main": "./dist/index.cjs.js",