@designsystem-se/af 39.2.1-beta.3 → 39.2.1-beta.4

package/dist/digi-arbetsformedlingen/p-0a6ed5b4.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,a as s,d as h}from"./p-je-Yppuf.js";import{o as a,i as e,r,s as o,a as n,l,b as d,m as c,p,c as g,d as f}from"./p-lPbx4RHH.js";import{_ as b}from"./p-DsO1BTml.js";import{r as u}from"./p-BGaIliX6.js";import{B as v}from"./p-DPeoHh1J.js";function m(){var t,i,s=a().unknown(void 0),h=s.domain,o=s.range,n=0,l=1,d=!1,c=0,p=0,g=.5;function f(){var s=h().length,a=l<n,e=a?l:n,f=a?n:l;t=(f-e)/Math.max(1,s-c+2*p),d&&(t=Math.floor(t)),e+=(f-e-t*(s-c))*g,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),f()):h()},s.range=function(t){return arguments.length?([n,l]=t,n=+n,l=+l,f()):[n,l]},s.rangeRound=function(t){return[n,l]=t,n=+n,l=+l,d=!0,f()},s.bandwidth=function(){return i},s.step=function(){return t},s.round=function(t){return arguments.length?(d=!!t,f()):d},s.padding=function(t){return arguments.length?(c=Math.min(1,p=+t),f()):c},s.paddingInner=function(t){return arguments.length?(c=Math.min(1,t),f()):c},s.paddingOuter=function(t){return arguments.length?(p=+t,f()):p},s.align=function(t){return arguments.length?(g=Math.max(0,Math.min(1,t)),f()):g},s.copy=function(){return m(h(),[n,l]).round(d).paddingInner(c).paddingOuter(p).align(g)},e.apply(f(),arguments)}const y=class{constructor(i){t(this,i),this.afVariation=v.Vertical,this.afHeadingLevel="h3",this.afId=u("tooltip"),this.loading=!1,this.placeholderTicks=["0","1","2","3","4","5","6","7"],this.dataWidth=1,this.barGap=0,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.colorPalettes=["--digi--color--background--brand-primary","--digi--color--infographic--brand--primary","--digi--color--background--sentiment--beta--primary","--digi--color--text--interactive--visited","--digi--color--icon--validation--error"],this.barChartObserver=new ResizeObserver((t=>{t.forEach((()=>{if(this.loading)return this.loadingResize();this.resize()}))})),this.highlightBars=t=>{this.barChartContainer.selectAll(".bar").attr("fill",(t=>this.colorFunction(t.serie))).transition("color").duration(150).attr("fill",(i=>{var s;return i.serie===t?this.colorFunction(i.serie):(null===(s=this.chartData.meta)||void 0===s?void 0:s.prognosisPattern)&&this.series.indexOf(i.serie)>0?"url(#prognosisInactive)":this.evalColorVar("--digi--color--background--secondary-accent")})),o(this.legendDiv).selectAll(".legendChip").transition("colorLegend").duration(150).style("opacity",(i=>i===t?1:.25))},this.resetBarColor=()=>{this.barChartContainer.selectAll(".bar").transition("color").duration(150).attr("fill",(t=>this.colorFunction(t.serie))),o(this.legendDiv).selectAll(".legendChip").transition("colorLegend").duration(150).style("opacity",1),this.chartData.data.averageLine&&this.barChartContainer.selectAll(".averageLine").transition("avgLine").style("mix-blend-mode","plus-lighter").style("filter","contrast(0.5)")},this.highlightAverageLine=t=>{this.barChartContainer.selectAll(".bar").transition("color").duration(150).attr("fill",(t=>{var i;return(null===(i=this.chartData.meta)||void 0===i?void 0:i.prognosisPattern)&&this.series.indexOf(t.serie)>0?"url(#prognosisInactive)":this.evalColorVar("--digi--color--background--secondary-accent")})),this.barChartContainer.selectAll(".averageLine").transition("avgLine").duration(150).style("mix-blend-mode",null).style("filter",null),o(this.legendDiv).selectAll(".legendChip").transition("colorLegend").duration(150).style("opacity",(i=>i===t?1:.25))},this.averageLine=()=>{this.chartData.data.averageLine&&this.barChartContainer.select(".interactiveElements").selectAll(".averageLineGroup").data([this.chartData.data.averageLine]).join("g").attr("class","averageLineGroup").selectAll(".averageLine").data((t=>[t.value])).join("line").attr("class","averageLine").attr("x1",this.xScale.range()[0]).attr("y1",(t=>this.yScale(t))).attr("x2",this.xScale.range()[1]).attr("y2",(t=>this.yScale(t))).attr("stroke","var(--digi--color--infographic--lineart)").attr("stroke-width",2).attr("stroke-dasharray","12, 7").attr("stroke-linecap","round").style("mix-blend-mode","plus-lighter").style("filter","contrast(0.5)").style("pointer-events","none")},this.loadingResize=()=>{const t=this.setDims();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===v.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.setValueTicks(),this.adjustBarSize()},this.highlightBarGroup=(t,i)=>{if("string"==typeof i){const t="#"+this.barGroupID(i);this.barChartContainer.select(t).selectAll(".bar").transition("color").duration(20).attr("fill",(t=>{var i;return(null===(i=this.chartData.meta)||void 0===i?void 0:i.prognosisPattern)&&this.series.indexOf(t.serie)>0?"url(#prognosisHighlight)":this.adjustColor(this.colorFunction(t.serie),50)}))}},this.unHighlightBarGroup=()=>{this.barSelection.selectAll(".bar").transition("color").duration(100).attr("fill",(t=>this.colorFunction(t.serie)))},this.setTickInteraction=()=>{this.afVariation===v.Horizontal?this.yAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.highlightBarGroup).on("mouseleave",this.unHighlightBarGroup):this.xAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.highlightBarGroup).on("mouseleave",this.unHighlightBarGroup)},this.setYScale=t=>{var i,s,h;this.afVariation==v.Horizontal?(this.yScale=m(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===(s=null===(i=this.chartData)||void 0===i?void 0:i.meta)||void 0===s?void 0:s.numberOfReferenceLines)?null===(h=this.chartData)||void 0===h?void 0:h.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==v.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=m().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=()=>{if(this.namedTickSizes=[],this.ellipsisSize=this.getTextSize("..."),this.chartData&&this.chartData.data)for(let t=0;t<this.chartData.data.xValueNames.length;t++)this.namedTickSizes.push(Math.ceil(this.getTextSize(this.chartData.data.xValueNames[t])))},this.barGroupID=t=>"barGroup"+t.replace(/[^A-Z0-9]+/gi,""),this.updateBars=()=>{this.barSelection=this.barChartContainer.select(".interactiveElements").selectAll(".barGroup").data(this.mappedData).join("g").attr("class","barGroup").attr("id",(t=>this.barGroupID(t.key))),this.barSelection.selectAll(".bar").data((t=>t.series)).join("rect").attr("class","bar").style("cursor","pointer").attr("x",this.xFunction).attr("y",this.yFunction).attr("ry",4).attr("rx",4).attr("width",this.widthFunction).attr("height",this.heightFunction).attr("fill",(t=>this.colorFunction(t.serie))).on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip),this.barSelection=this.barChartContainer.selectAll(".barGroup"),this.textSelection=this.barChartContainer.selectAll(".barText")},this.adjustBarText=()=>{var t,i;(null===(i=null===(t=this.chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)&&this.textSelection.attr("y",(t=>this.afVariation===v.Horizontal?this.yScale(t.key)+this.yScale.bandwidth()/2:this.yScale(t.value))).attr("x",(t=>this.afVariation===v.Horizontal?this.xScale(t.value):this.xScale(t.key)+this.xScale.bandwidth()/2)).attr("dx",(t=>this.afVariation===v.Horizontal?this.xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===v.Vertical||this.xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("text-anchor",(t=>this.afVariation===v.Vertical?"middle":this.xScale(t.value)<t.len+2*this.tickPadding?"start":"end"))},this.reshapeData=()=>{const t=[];return this.chartData?(this.chartData.data.xValueNames?this.chartData.data.xValueNames.forEach(((i,s)=>{const h={key:i,series:[]};this.chartData.data.series.forEach((t=>{t.yValues[s]&&h.series.push({key:i,serie:t.title,value:t.yValues[s],len:t.yValues[s]?this.getTextSize(t.yValues[s].toLocaleString()):0})})),t.push(h)})):this.chartData.data.xValues.forEach(((i,s)=>{const h={key:i.toString(),series:[]};this.chartData.data.series.forEach((t=>{t.yValues[s]&&h.series.push({key:i.toString(),serie:t.title,value:t.yValues[s],len:t.yValues[s]?this.getTextSize(t.yValues[s].toLocaleString()):0})})),t.push(h)})),t):(this.placeholderTicks.forEach((i=>{const s={key:i,series:[]};s.series.push({key:i,serie:"loading",value:Math.floor(8*Math.random()+2),len:0}),t.push(s)})),t)},this.adjustBarSize=()=>{this.barSelection.selectAll(".bar").attr("x",this.xFunction).attr("y",this.yFunction).attr("width",this.widthFunction).attr("height",this.heightFunction)},this.evalColorVar=t=>getComputedStyle(document.documentElement).getPropertyValue(t).trim().toLocaleLowerCase(),this.xFunction=(t,i)=>this.afVariation===v.Horizontal?this.xScale(t.value>0?0:t.value):this.xScale(t.key)+(this.xScale.bandwidth()/this.dataWidth*i+this.barGap*i),this.yFunction=(t,i)=>t.value?this.afVariation===v.Horizontal?this.yScale(t.key)+(this.yScale.bandwidth()/this.dataWidth*i+this.barGap*i):this.yScale(t.value<0?0:t.value):0,this.heightFunction=t=>t.value?this.afVariation===v.Horizontal?this.yScale.bandwidth()/this.dataWidth-this.barGap:t.value<0?this.yScale(t.value)-this.yScale(0):this.yScale(0)-this.yScale(t.value):0,this.widthFunction=t=>this.afVariation===v.Horizontal?Math.abs(this.xScale(0)-this.xScale(t.value)):this.xScale.bandwidth()/this.dataWidth-this.barGap,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,this.dims.height=Number.isNaN(this.dims.height)?10:this.dims.height,this.dims.width=Number.isNaN(this.dims.width)?10:this.dims.width,h!==this.dims.height},this.setMargins=t=>{var i;if(this.pixelSize=Number(window.getComputedStyle(document.body).getPropertyValue("font-size").match(/\d+/)[0])*Number(this.fontSize.replace(/[^\d.]|\.(?=.*\.)/g,"")),this.afVariation===v.Horizontal){const t=(null===(i=this.chartData)||void 0===i?void 0:i.data)&&this.getLargestText(this.chartData.data.xValueNames)?this.getLargestText(this.chartData.data.xValueNames):0;this.margin.left=t,this.margin.bottom=this.pixelSize+this.tickPadding+this.xTickSize}else this.margin.left=this.getLargestText(t?["0","10"]:[this.minVal?this.tempScale[0].toLocaleString():"0",this.maxVal?this.tempScale[1].toLocaleString():"10"]),this.margin.bottom=this.pixelSize;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.setNamedTicks=(t=!1)=>{if(this.afVariation==v.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.max(Math.round(this.chartData.data.xValues.length/((this.dims.width-this.margin.left-this.margin.right)/90-1)),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)=>{var i,s;if((null===(i=this.chartData)||void 0===i?void 0:i.meta)&&(null===(s=this.chartData)||void 0===s?void 0:s.meta.hideXAxis))return void(this.afVariation===v.Horizontal?this.xAxisHandle.attr("display","none"):this.yAxisHandle.attr("display","none"));let h,a,e;this.afVariation===v.Horizontal?(this.xAxisHandle.attr("display",null),h=this.xAxis,a=-(this.dims.height-this.margin.top-this.margin.bottom),e=this.xAxisHandle):(this.yAxisHandle.attr("display",null),h=this.yAxis,a=-(this.dims.width-this.margin.left-this.margin.right),e=this.yAxisHandle);const r=Math.min(Math.floor((this.dims.width-this.margin.left-this.margin.right)/(this.tickWidth+this.xTickSize))-2,this.afVariation==v.Horizontal?this.xScale.ticks().length:this.yScale.ticks().length);t?e.style("font-size",this.fontSize).style("font-family","Open Sans").transition("newScale").duration(this.defaultDuration).call(h.ticks(this.afVariation===v.Horizontal?Math.max(2,Math.min(r,9)):5).tickPadding(this.tickPadding).tickSize(a).tickSizeOuter(0).tickFormat((t=>t.toLocaleString()))):e.style("font-size",this.fontSize).style("font-family","Open Sans").call(h.ticks(this.afVariation===v.Horizontal?Math.max(2,Math.min(r,9)):5).tickPadding(this.tickPadding).tickSize(a).tickSizeOuter(0).tickFormat((t=>t.toLocaleString()))),e.selectAll("line").attr("stroke","lightgray"),this.afVariation===v.Vertical&&this.yAxisHandle.select(".domain").attr("display","none")},this.hover=t=>{o(t.target).transition("color").duration(20).attr("fill",(i=>{var s;return"rect"===t.target.tagName?(null===(s=this.chartData.meta)||void 0===s?void 0:s.prognosisPattern)&&this.series.indexOf(i.serie)>0?"url(#prognosisHighlight)":this.adjustColor(this.colorFunction(i.serie),50):this.evalColorVar("--digi--color--background--interactive--hover--tertiary")}))},this.hoverOut=t=>{o(t.target).transition("color").duration(this.defaultDuration).attr("fill",(i=>"rect"===t.target.tagName?this.colorFunction(i.serie):"#333333"))},this.openTooltip=(...[,t])=>{this.tooltipData="string"==typeof t?this.barChartContainer.select(`#${this.barGroupID(t)}`).datum():t;const i=this.tooltip.select(".tooltipBody");this.tooltip.select(".tooltipHeading").html(this.tooltipData.key),i.selectAll("div").data(this.tooltipData.series?this.tooltipData.series:[this.tooltipData]).join("div").style("display","flex").style("flex-direction","row").style("flex-wrap","nowrap").style("white-space","nowrap").style("justify-content","space-between").style("margin","0.25rem 0").html((t=>`<span>${t.serie}: <b style="font-weight:600;">${t.value.toLocaleString(void 0,this.numberFormat)}</b></span>`)),this.tooltip.style("display",null),this.positionTooltip(this.tooltipData)},this.closeTooltip=()=>{this.tooltip.style("display","none")},this.positionTooltip=t=>{var i;const s=this.tooltip.node().getBoundingClientRect().width;if("serie"in t)if(this.afVariation===v.Horizontal){const i=this.xScale(t.value)/2-s/2;this.tooltip.style("transform",`translate(${this.margin.left+this.tickPadding+Math.max(i,-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("top","-11px").style("left","0").style("transform",`translate(${i>0?s/2-10:this.xScale(t.value)/2}px,0)`)}else{const h=null===(i=this.mappedData.find((i=>i.key===t.key)))||void 0===i?void 0:i.series.findIndex((i=>i.serie===t.serie)),a=this.xScale.bandwidth()/this.dataWidth*(h?h+1:1)-this.xScale.bandwidth()/this.dataWidth/2,e=this.margin.left+this.tickPadding+this.yTickSize,r=5,o=this.dims.width-r<this.xScale(t.key)+e+a+s/2?(this.xScale(t.key)+e+a+s/2-(this.dims.width-r))/s*100:0;this.tooltip.style("transform",`translate( calc(${this.xScale(t.key)+e+a}px - ${50+o}%), calc(-100% + ${this.yScale(t.value>0?t.value:0)-2}px) )`),this.tooltip.select("digi-icon-caret-down").style("position","absolute").style("left",`calc(${50+o}% - 6px)`).style("bottom","-11.5px")}else if(this.afVariation===v.Horizontal)this.tooltip.style("transform",`translate(${this.tickPadding}px, ${this.yScale(t.key)+this.series.length*this.yScale.bandwidth()+5}px )`),this.tooltip.select("digi-icon-caret-up").style("position","absolute").style("top","-11px").style("left","0").style("transform","translate(50%,0)");else{const i=this.margin.left+this.tickPadding+this.yTickSize,h=this.xScale(t.key)+i+this.xScale.bandwidth()/2,a=c(t.series.map((t=>t.value))),e=5,r=this.dims.width-e<h+s/2?(h+s/2-(this.dims.width-e))/s*100:0;this.tooltip.style("transform",`translate( calc(${this.xScale(t.key)+i+this.xScale.bandwidth()/2}px - ${50+r}%), calc(-100% + ${this.yScale(a&&a>0?a:0)-1}px) )`),this.tooltip.select("digi-icon-caret-down").style("position","absolute").style("left",`calc(${50+r}% - 6px)`).style("bottom","-11.5px")}},this.recomputeTextSize=()=>{var t,i;this.afVariation==v.Horizontal&&(this.tickWidth=this.getLargestText(this.xScale.ticks().map((t=>t.toLocaleString())))),this.tickSizes(),this.barChartContainer.selectAll(".barGroup").data(this.mappedData),(null===(i=null===(t=this.chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)&&this.textSelection.remove(),this.initBarText()},this.activateTable=t=>{this.closeTooltip(),this.barChartObserver.disconnect(),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(),o(this.legendDiv).select(".legend").selectAll(".legendChip").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),this.chartDiv.style.display="none"})),o(this.legendDiv).style("opacity",1).transition("fadeout").duration(150).style("opacity",0)},this.reInitChart=t=>{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.chartDiv.style.display="flex",this.legendDiv.style.display="grid",this.initChain(),this.svg.attr("opacity",0).transition().duration(150).attr("opacity",1),o(this.legendDiv).style("opacity",0).transition("fadeout").duration(150).style("opacity",1)}))}}afChartDataUpdate(t){("string"==typeof t&&Object.keys(JSON.parse(t)).length>0||"string"!=typeof t&&Object.keys(t).length>0)&&(this.chartData="string"!=typeof t?t:JSON.parse(t),this.series=this.chartData.data.series.map((t=>t.title))),this.mappedData=this.reshapeData(),this.mappedData.forEach((t=>{t.series.length>this.dataWidth&&(this.dataWidth=t.series.length)})),this.dataWidth>1&&(this.barGap=1)}initSvg(){var t,i,s,h,a,e,r;this.numberFormat={maximumSignificantDigits:null===(s=null===(i=null===(t=this.chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.labelProperties)||void 0===s?void 0:s.significantDigits,notation:(null===(e=null===(a=null===(h=this.chartData)||void 0===h?void 0:h.meta)||void 0===a?void 0:a.labelProperties)||void 0===e?void 0:e.shortHand)?"compact":"standard"},o(this.chartDiv).select(".chartSVG").remove(),this.maxHeight=null===(r=o(this.host).node().parentNode)||void 0===r?void 0:r.getBoundingClientRect().height,this.barChartObserver.observe(this.chartDiv),this.rem=parseFloat(getComputedStyle(document.documentElement).fontSize),this.setDims(),this.setMinMax(),this.setMargins(),this.svg=o(this.chartDiv).append("svg").attr("class","chartSVG").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this.chartData&&this.chartData.title?"Stapeldiagram om "+this.chartData.title.toLowerCase():"Stapeldiagram").attr("style","display: flex;min-width: 0;width: 100%;height: auto;")}initLegend(){const t=this.chartData.data.series.map((t=>t.title));this.chartData.data.averageLine&&t.push(this.chartData.data.averageLine.text);const i=o(this.legendDiv).select(".legend").style("margin-left",`${this.margin.left+this.tickPadding+this.yTickSize}px`).style("margin-top","0.5rem").selectAll(".legendChip").data(t).join("div").attr("class","legendChip").style("display","flex").style("flex-direction","row").style("align-items","center").style("gap","0.25rem").style("cursor","default").on("mouseenter",((t,i)=>this.highlightBars(i))).on("mouseleave",this.resetBarColor);if(i.append("svg").attr("width",19).attr("height",19).append("rect").attr("x",0).attr("y",0).attr("width",18).attr("height",18).attr("rx",4).attr("ry",4).attr("fill",(t=>this.colorFunction(t))),i.append("span").style("text-wrap","nowrap").style("font-size","0.875rem").text((t=>t)),this.chartData.data.averageLine){const t=i.filter(":last-child").on("mouseenter",((t,i)=>this.highlightAverageLine(i))).select("svg").attr("width",36);t.select("rect").remove(),t.append("line").attr("x1",1).attr("x2",35).attr("y1",10).attr("y2",10).attr("stroke","var(--digi--color--infographic--lineart)").attr("stroke-linecap","round").attr("stroke-dasharray","12, 7")}}initToolTip(){this.tooltip=o("#"+this.afId),this.tooltip.select(".tooltipClose").on("click",this.closeTooltip),this.tooltip.selectAll(".tooltipHeading").remove(),this.tooltip.select(".tooltipHead").insert("h"+(parseInt(this.afHeadingLevel.replace(/\D/g,""))+1),":first-child").attr("class","tooltipHeading").style("text-wrap","wrap").style("font-size","1rem").style("margin","0 0.75rem 0.25rem 0 ").style("font-weight","500"),this.tooltip.style("display","none")}initEmpty(){o(this.chartDiv).select(".chartSVG").remove(),this.maxHeight=o(this.host).node().parentNode.getBoundingClientRect().height,this.barChartObserver.observe(this.chartDiv),this.setDims(),this.rem=parseFloat(getComputedStyle(document.documentElement).fontSize),this.setMargins(),this.svg=o(this.chartDiv).append("svg").attr("class","chartSVG").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this.chartData&&this.chartData.title?"Stapeldiagram om "+this.chartData.title.toLowerCase():"Stapeldiagram").attr("style","display: flex;min-width: 0;width: 100%;height: auto;"),o(this.titleDiv).select(this.afHeadingLevel).html(`${b.loading}...`),this.initYAxis(!0),this.initXAxis(!0),this.tooltip=o("#"+this.afId),this.tooltip.style("display","none"),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("aria-label",this.chartData&&this.chartData.title?"Stapeldiagram om "+this.chartData.title.toLowerCase():"Stapeldiagram"),this.setMargins(!0),o(this.titleDiv).select(this.afHeadingLevel).html(`${b.loading}...`),this.barChartContainer.transition("position").duration(this.defaultDuration).ease(p).attr("transform",`translate(${this.margin.left+this.tickPadding+this.yTickSize},0)`),i&&(this.yScale.range(this.afVariation===v.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(".interactiveElements").remove(),this.barSelection=this.barChartContainer.append("g").attr("class","interactiveElements").style("isolation","isolate").selectAll("barGroup").data(this.mappedData).join("g").attr("class","barGroup").attr("id",(t=>this.barGroupID(t.key))),this.barSelection.selectAll("bar").data((t=>t.series)).join("rect").attr("class","bar").attr("y",(t=>this.afVariation===v.Horizontal?this.yScale(t.key):this.dims.height-this.margin.bottom)).attr("x",this.xFunction).attr("ry",4).attr("rx",4).attr("width",this.widthFunction).attr("height",(()=>0)).attr("fill","gray"),this.barChartContainer.selectAll(".bar").transition("animateBar").duration(400).delay(((...[,t])=>150*t)).attr("y",this.yFunction).attr("height",this.heightFunction),this.barChartContainer.selectAll(".bar").transition("animateBar").duration(400).ease(f).delay(((...[,t])=>150*t+400)).attr("y",(t=>this.afVariation===v.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(".bar").transition("animateBar").duration(200).ease(f).attr("y",(t=>this.afVariation===v.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===v.Horizontal?(this.tickSizes(),this.setNamedTicks(),this.setTickInteraction()):this.setValueTicks()}setMinMax(){var t,i,s,h,a,e,r;const o=c(null===(t=this.chartData)||void 0===t?void 0:t.data.series[0].yValues)?c(null===(i=this.chartData)||void 0===i?void 0:i.data.series[0].yValues):0,n=g([0,g(null===(s=this.chartData)||void 0===s?void 0:s.data.series[0].yValues)])?g([0,g(null===(h=this.chartData)||void 0===h?void 0:h.data.series[0].yValues)]):0;this.maxVal=o,this.minVal=n,this.tempScale=l().domain([this.minVal,this.maxVal]).nice((null===(e=null===(a=this.chartData)||void 0===a?void 0:a.meta)||void 0===e?void 0:e.numberOfReferenceLines)?null===(r=this.chartData)||void 0===r?void 0:r.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===v.Horizontal?this.setValueTicks():t||(this.tickSizes(),this.setNamedTicks(),this.setTickInteraction())}initBars(){this.barSelection=this.barChartContainer.append("g").attr("class","interactiveElements").style("isolation","isolate").selectAll("barGroup").data(this.mappedData).join("g").attr("class","barGroup").attr("id",(t=>this.barGroupID(t.key))),this.barSelection.selectAll(".barGroup").data((t=>t.series)).join("rect").attr("class","bar").style("cursor","pointer").attr("x",this.xFunction).attr("y",this.yFunction).attr("ry",4).attr("rx",4).attr("width",this.widthFunction).attr("height",this.heightFunction).attr("fill",(t=>this.colorFunction(t.serie))).on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip)}initBarText(){var t,i;(null===(i=null===(t=this.chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)&&(this.textSelection=this.barChartContainer.selectAll(".barGroup").append("text"),this.textSelection.text((t=>t.value?t.value.toLocaleString(void 0,this.numberFormat):void 0)).attr("class","barText").attr("font-size",this.fontSize).attr("font-weight","600").attr("text-anchor","end").attr("y",(t=>this.afVariation===v.Horizontal?this.yScale(t.key)+this.yScale.bandwidth()/2:this.yScale(t.value))).attr("x",(t=>this.afVariation===v.Horizontal?this.xScale(t):this.xScale(t.key)+this.xScale.bandwidth())).attr("dy",(()=>this.afVariation==v.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").style("display",(()=>{var t,i;return(null===(i=null===(t=this.chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)?null:"none"})),this.adjustBarText())}initChain(){this.initSvg(),this.initLegend(),this.initToolTip(),this.initYAxis(),this.initXAxis(),this.initBars(),this.averageLine(),this.initBarText()}async updateChain(){var t,i,s,h,a,e;if(this.numberFormat={maximumSignificantDigits:null===(s=null===(i=null===(t=this.chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.labelProperties)||void 0===s?void 0:s.significantDigits,notation:(null===(e=null===(a=null===(h=this.chartData)||void 0===h?void 0:h.meta)||void 0===a?void 0:a.labelProperties)||void 0===e?void 0:e.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(`${b.loading}...`),this.transitionTitle();else{this.loading&&(o(this.host).select(".tableButton").style("display",null),o(this.legendDiv).style("display",null),this.initToolTip(),this.initLegend()),this.barChartObserver.disconnect(),this.setMinMax();const t=this.setDims();this.transitionTitle(),this.svg.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(p).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===v.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==v.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(p).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.barChartContainer.selectAll(".barGroup").on("end",null),o(this.titleDiv).select(".loadingHeader").remove(),this.loading=!1,this.barChartContainer.selectAll(".bar").interrupt("animateBar"),this.barChartContainer.selectAll(".bar").transition().duration(this.defaultDuration).attr("y",(t=>this.afVariation===v.Horizontal?this.yScale(t.key):this.dims.height-this.margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>{t===this.placeholderTicks.length-1&&(this.updateBars(),this.barChartObserver.observe(this.chartDiv))})),this.setTickInteraction()):(this.setNamedTicks(!0),this.updateBars())}}colorFunction(t){var i;if("number"==typeof t)return this.evalColorVar(this.colorPalettes[t]);{const s=this.chartData.data.series.findIndex((i=>i.title===t));return s>0?(null===(i=this.chartData.meta)||void 0===i?void 0:i.prognosisPattern)?"url(#prognosis)":this.evalColorVar(this.colorPalettes[s]):this.evalColorVar(this.colorPalettes[0])}}resize(){const t=this.setDims();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===v.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.setTickInteraction(),this.averageLine(),this.adjustBarSize(),this.adjustBarText(),"none"!==this.tooltip.style("display")&&this.positionTooltip(this.tooltipData)}getLargestText(t){let i=0;return t.forEach((t=>{const s=this.getTextSize(t);s>i&&(i=s)})),i}adjustColor(t,i){return"#"+t.replace(/^#/,"").replace(/../g,(t=>("0"+Math.min(255,Math.max(0,parseInt(t,16)+i)).toString(16)).substr(-2)))}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" style="width:100%" af-variation="primary"> <table><caption>${this.chartData.title}</caption><thead><tr>${this.headings()}</tr></thead><tbody>${this.tableBody()}</tbody></table></digi-table>`}setTableDimensions(){o(this.tableDiv).style("display","flex").style("height","100%").style("width","100%")}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&&this.chartData.data&&(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;let r="";return this.chartData&&(r=this.chartData.subTitle?`<${this.afHeadingLevel}>${this.chartData.title}</${this.afHeadingLevel}><p>${this.chartData.subTitle}</p>`:`<${this.afHeadingLevel}>${this.chartData.title}</${this.afHeadingLevel}>`,this.chartData.infoText&&(r=`${r}<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>`)),i(s,{key:"cb70095467051cf1142891bc63694623e707d92f",ref:t=>this.host=t},i("svg",{key:"c040fe2f27d9a5e3de1471fe7e4d853757f6a754",xmlns:"http://www.w3.org/2000/svg",width:"0",height:"0"},i("defs",{key:"17fd52f2cac5a3225e097aee80e8dc1a99909840"},i("pattern",{key:"2940e729359dad1acc4635363cd5a8f3ee4d8ea1",id:"prognosis",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"4b47d41ea9f4699a4bcc7b0f04d00b8bbd124946",width:"8",height:"8",fill:"white"}),i("line",{key:"d5c3a32fb715a5271a784771d9812ea599390fc3",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.evalColorVar(this.colorPalettes[0]),"stroke-width":"8"})),i("pattern",{key:"8038bb4d62fd87a118e0bcf4e750165eed48f789",id:"prognosisInactive",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"b1247b7d27e73836c7b5a05fb77a872e89853d3b",width:"8",height:"8",fill:"white"}),i("line",{key:"14265bcba469f08b890654315a86d6278271d64d",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.evalColorVar("--digi--color--background--secondary-accent"),"stroke-width":"8"})),i("pattern",{key:"4069999fd742795379f093c83c00cca488b6139c",id:"prognosisHighlight",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"c525ae39e05acf3e7522f1b92feffdfe5221e528",width:"8",height:"8",fill:"white"}),i("line",{key:"fa183e0678f6f3794e094b97975fe96955b49e0a",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.adjustColor(this.colorFunction(0),50),"stroke-width":"8"})))),i("div",{key:"b6e46d7f4701775a177b02a98f46ca40308e9938",class:"topWrapper",ref:t=>this.titleDiv=t},i("digi-typography",{key:"88d49833d43776a2bc23d7f73bb8cc9442350634",class:"chartTitle",innerHTML:r}),i("digi-button",{key:"75e2ef09c3f9f91a08b3596d02ad308b244586bb",class:"buttonWrapper tableButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.activateTable,afAriaLabel:`Visa tabell ${(null===(t=this.chartData)||void 0===t?void 0:t.title)?null===(h=this.chartData)||void 0===h?void 0:h.title.toLowerCase():""}`},i("digi-icon-table",{key:"7712b56f991bb5214aa3bebb9e380221156b6bbf",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"b9d442ea0b62303c2bf1018651ce3206063f3b35",style:{display:"none"},class:"buttonWrapper chartButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.reInitChart,afAriaLabel:`Visa diagram ${(null===(a=this.chartData)||void 0===a?void 0:a.title)?null===(e=this.chartData)||void 0===e?void 0:e.title.toLowerCase():""}`},i("digi-icon-chart",{key:"260c432d04f8ea00216cd485b5ec3a29df4b4db1",slot:"icon"}),"Visa diagram"),i("div",{key:"a7fd6276b5738e9cf040f0e9b99e983b27ec25cf",class:"scChartStatus",role:"status",ref:t=>this.status=t})),i("div",{key:"705ec9e3931b91009ff565bbd8f4ba300bd8dbd7",class:"svgWrap",ref:t=>this.chartDiv=t},i("div",{key:"242fd5b7afba36df00aa7fb256bd8578712d25e7",class:"chartTooltip",id:this.afId},i("div",{key:"6417cc30962396164fe4840ecfef62c4ef7591d6",class:"tooltipHead"},i("digi-icon-x",{key:"dc4edb442bfb342fbdb64b06e70f1e19ccc5ffb1",class:"tooltipClose"})),i("div",{key:"da625c879d4c0eebffa02193dc36d794c755b768",class:"tooltipBody"}),i(this.afVariation===v.Horizontal?"digi-icon-caret-up":"digi-icon-caret-down",{class:"caret"}))),i("div",{key:"a003a616c2ee8b848d402b38009261539ebf0c50",class:"legendWrap",ref:t=>this.legendDiv=t},i("div",{key:"44a6db8daa836ccf910aafd6fd996f153c337bf4",class:"legend"})),i("div",{key:"a872281035f2799fe8aa9128a953d0c5d9f6b2cc",class:"table",ref:t=>this.tableDiv=t}," "))}get hostElement(){return h(this)}static get watchers(){return{afChartData:[{afChartDataUpdate:0}]}}};y.style=".sc-digi-bar-chart-h{width:100%;display:flex;flex-direction:column;min-width:0}.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 .svgWrap.sc-digi-bar-chart{position:relative;display:flex;min-height:20px;min-width:20px;width:100%;height:100%}.sc-digi-bar-chart-h .topWrapper.sc-digi-bar-chart,.sc-digi-bar-chart-h .chartTitle.sc-digi-bar-chart .digi-typography.sc-digi-bar-chart{display:flex;flex-direction:column;gap:0.75rem}.sc-digi-bar-chart-h .topWrapper.sc-digi-bar-chart{margin-bottom:0.75rem}.sc-digi-bar-chart-h .chartTitle.sc-digi-bar-chart{--MARGIN--HEADING-2:0;--MARGIN--HEADING-3:0;--MARGIN--HEADING-4:0;--MARGIN--HEADING-5:0;--MARGIN--HEADING-6:0;--MARGIN--BODY:0}.sc-digi-bar-chart-h .buttonWrapper.sc-digi-bar-chart{--digi--button--padding--medium:0 0 0.75rem 0}.sc-digi-bar-chart-h .chartTooltip.sc-digi-bar-chart{top:-5px;position:absolute;background-color:var(--digi--color--background--primary);color:black;padding:5px 10px;padding-right:5px;border-radius:4px;display:block;width:max-content;white-space:nowrap;filter:drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px);font-size:0.875rem}.sc-digi-bar-chart-h .tooltipBody.sc-digi-bar-chart{display:inline-block}.sc-digi-bar-chart-h .tooltipHead.sc-digi-bar-chart{display:flex;flex-direction:row;justify-content:space-between}.sc-digi-bar-chart-h .tooltipClose.sc-digi-bar-chart{display:inline-block;vertical-align:top;--digi--color--icon--primary:#333;cursor:pointer}.sc-digi-bar-chart-h .tooltipClose.sc-digi-bar-chart:hover{--digi--color--icon--primary:gray}.sc-digi-bar-chart-h .legendWrap.sc-digi-bar-chart{display:grid}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart{display:flex;flex-direction:row;gap:1rem;min-width:0;overflow-x:auto;scrollbar-gutter:stable}.sc-digi-bar-chart-h .caret.sc-digi-bar-chart{--digi--icon--color:var(--digi--color--background--primary)}.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:auto;height:auto;border-radius:4px;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}";export{y as digi_bar_chart}