@designsystem-se/af 39.4.0 → 39.5.0

package/dist/digi-arbetsformedlingen/{p-4ffde3b9.entry.js → p-57ffa93a.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,a as s,d as h}from"./p-BXG8DzZe.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 f,d as u}from"./p-lPbx4RHH.js";import{_ as g}from"./p-DsO1BTml.js";import{r as b}from"./p-BGaIliX6.js";import{l as v}from"./p-DdB9j8uV.js";import{B as m}from"./p-DPeoHh1J.js";function y(){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 u(){var s=h().length,a=l<n,e=a?l:n,u=a?n:l;t=(u-e)/Math.max(1,s-c+2*p),d&&(t=Math.floor(t)),e+=(u-e-t*(s-c))*f,i=t*(1-c),d&&(e=Math.round(e),i=Math.round(i));var g=r(s).map((function(i){return e+t*i}));return o(a?g.reverse():g)}return delete s.unknown,s.domain=function(t){return arguments.length?(h(t),u()):h()},s.range=function(t){return arguments.length?([n,l]=t,n=+n,l=+l,u()):[n,l]},s.rangeRound=function(t){return[n,l]=t,n=+n,l=+l,d=!0,u()},s.bandwidth=function(){return i},s.step=function(){return t},s.round=function(t){return arguments.length?(d=!!t,u()):d},s.padding=function(t){return arguments.length?(c=Math.min(1,p=+t),u()):c},s.paddingInner=function(t){return arguments.length?(c=Math.min(1,t),u()):c},s.paddingOuter=function(t){return arguments.length?(p=+t,u()):p},s.align=function(t){return arguments.length?(f=Math.max(0,Math.min(1,t)),u()):f},s.copy=function(){return y(h(),[n,l]).round(d).paddingInner(c).paddingOuter(p).align(f)},e.apply(u(),arguments)}const x=class{constructor(i){t(this,i),this.afVariation=m.Vertical,this.afHeadingLevel="h3",this.afId=b("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=()=>{if(!this.barSelection||!this.xScale)return;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===m.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===m.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==m.Horizontal?(this.yScale=y(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==m.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=y().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===m.Horizontal?this.yScale(t.key)+this.yScale.bandwidth()/2:this.yScale(t.value))).attr("x",(t=>this.afVariation===m.Horizontal?this.xScale(t.value):this.xScale(t.key)+this.xScale.bandwidth()/2)).attr("dx",(t=>this.afVariation===m.Horizontal?this.xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===m.Vertical||this.xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("text-anchor",(t=>this.afVariation===m.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&&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===m.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===m.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===m.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===m.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===m.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==m.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===m.Horizontal?this.xAxisHandle.attr("display","none"):this.yAxisHandle.attr("display","none"));let h,a,e;this.afVariation===m.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==m.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===m.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===m.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===m.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===m.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===m.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==m.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=()=>{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),this.focusHostButton(".chartButton"),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=()=>{this.status.innerHTML="<p>Visas som diagram</p>",o(this.host).select(".tableButton").style("display",null),o(this.host).select(".chartButton").style("display","none"),this.focusHostButton(".tableButton");const t=o(this.tableDiv);t.style("opacity",1).transition().duration(150).style("opacity",0).on("end",(()=>{t.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(){const t=this.afChartData;if(null!=t&&""!==t){try{let i;if("string"==typeof t)i=JSON.parse(t);else{if("object"!=typeof t)return void(this.mappedData=this.reshapeData());i=t}i&&Object.keys(i).length>0&&(this.chartData=i,this.series=this.chartData.data.series.map((t=>t.title)))}catch(t){return void v.warn('Invalid JSON in "af-chart-data" attribute',this.hostElement)}this.mappedData=this.reshapeData(),this.mappedData.forEach((t=>{t.series.length>this.dataWidth&&(this.dataWidth=t.series.length)})),this.dataWidth>1&&(this.barGap=1)}else this.mappedData=this.reshapeData()}hasChartData(){return!!this.chartData&&Object.keys(this.chartData).length>0}focusHostButton(t){var i,s;const h=this.host,a=null!==(s=null===(i=null==h?void 0:h.querySelector(t))||void 0===i?void 0:i.querySelector("button"))&&void 0!==s?s:null==h?void 0:h.querySelector(t);a&&"function"==typeof a.focus&&a.focus()}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(`${g.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(`${g.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===m.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===m.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(u).delay(((...[,t])=>150*t+400)).attr("y",(t=>this.afVariation===m.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(u).attr("y",(t=>this.afVariation===m.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===m.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=f([0,f(null===(s=this.chartData)||void 0===s?void 0:s.data.series[0].yValues)])?f([0,f(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===m.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===m.Horizontal?this.yScale(t.key)+this.yScale.bandwidth()/2:this.yScale(t.value))).attr("x",(t=>this.afVariation===m.Horizontal?this.xScale(t):this.xScale(t.key)+this.xScale.bandwidth())).attr("dy",(()=>this.afVariation==m.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(`${g.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===m.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==m.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===m.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===m.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(){if(this.afChartDataUpdate(),!this.hasChartData())return new Promise((t=>{requestAnimationFrame((()=>{this.afChartDataUpdate(),t()}))}))}componentDidLoad(){if(this.hasChartData()||this.afChartDataUpdate(),!this.hasChartData())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&&!this.hasChartData())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:"003845ddc03e2027721d5e75c82816faae5bde63",ref:t=>this.host=t},i("svg",{key:"054049009c8618211f9009961d238992c3d03c0e",xmlns:"http://www.w3.org/2000/svg",width:"0",height:"0"},i("defs",{key:"16f32628ffd79e24b66e749666eccd6ae283a5b8"},i("pattern",{key:"8aa5e0923086f740eeb02d71690ed16086205b0a",id:"prognosis",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"237569e79095a4a7c084aa91fd637dfbe385ca8b",width:"8",height:"8",fill:"white"}),i("line",{key:"6edeac6a60cef51561c8fd803b2e277b19b740bf",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.evalColorVar(this.colorPalettes[0]),"stroke-width":"8"})),i("pattern",{key:"bd40402b6fd33d50fc4dca709380108fe054f74c",id:"prognosisInactive",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"a5dcf48112b024982f3410bc51eb05002c8c8dcc",width:"8",height:"8",fill:"white"}),i("line",{key:"b76b6ae15b8a0ee9c37c28bf3f66613c9df1e9b8",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.evalColorVar("--digi--color--background--secondary-accent"),"stroke-width":"8"})),i("pattern",{key:"ef4782b914f2599424d5f3e6715cb69c4f0e4728",id:"prognosisHighlight",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"6501ba8a46f53b6c3309486d0795d348a8ec1fff",width:"8",height:"8",fill:"white"}),i("line",{key:"b184212878587e1e15ebf40a472333851270b287",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.adjustColor(this.colorFunction(0),50),"stroke-width":"8"})))),i("div",{key:"02b5c9c63c327995f9603ffc84ab0455137ff43d",class:"topWrapper",ref:t=>this.titleDiv=t},i("digi-typography",{key:"d8944066ab1a86ed71af7de4a018ef422cea75e9",class:"chartTitle",innerHTML:r}),i("digi-button",{key:"6bc1e5870432720980fc8dad25abc5f2cb474daf",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:"5a8b44b3a201b4866b89fc4328ff0b46ac47c6e1",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"cd0d60a025d5fa0e62cb5f6a322cf3f97c0bd02e",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:"8f4e4f1bdabffd7ffd1532453b534a823ef65006",slot:"icon"}),"Visa diagram"),i("div",{key:"22535e8bfb69f96152e61295019d463cb69b70c3",class:"scChartStatus",role:"status",ref:t=>this.status=t})),i("div",{key:"55e25140585469497ec501cd133cfc710bb88b43",class:"svgWrap",ref:t=>this.chartDiv=t},i("div",{key:"4d8cd2eb832770f94fdff5eec2f084e4ba5c96b8",class:"chartTooltip",id:this.afId},i("div",{key:"b805b20b746ce940ae5c20ef34898c3409cffecd",class:"tooltipHead"},i("digi-icon-x",{key:"c162d2b1e6e7aafddf0ac194705b436a5b02b392",class:"tooltipClose"})),i("div",{key:"cdc876d4c88f50c7d95c22f4d0f683c2a5564235",class:"tooltipBody"}),i(this.afVariation===m.Horizontal?"digi-icon-caret-up":"digi-icon-caret-down",{class:"caret"}))),i("div",{key:"8cb986f7466fdb42f6dc840c1371b25978ae4c66",class:"legendWrap",ref:t=>this.legendDiv=t},i("div",{key:"6761a567c03c8ade4206fb89cf9e7bd792c36e71",class:"legend"})),i("div",{key:"ac251b6078602f9319447cfaa6444f0129e46c0f",class:"table",ref:t=>this.tableDiv=t}," "))}get hostElement(){return h(this)}static get watchers(){return{afChartData:[{afChartDataUpdate:0}]}}};x.style=".sc-digi-bar-chart-h{height: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{x as digi_bar_chart}
+import{r as t,h as i,a as s,c as h}from"./p-B8OxDoWx.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 u,d as g}from"./p-lPbx4RHH.js";import{_ as f}from"./p-DsO1BTml.js";import{r as b}from"./p-BGaIliX6.js";import{l as v}from"./p-DdB9j8uV.js";import{B as m}from"./p-DPeoHh1J.js";function y(){var t,i,s=a().unknown(void 0),h=s.domain,o=s.range,n=0,l=1,d=!1,c=0,p=0,u=.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))*u,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 o(a?f.reverse():f)}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?(u=Math.max(0,Math.min(1,t)),g()):u},s.copy=function(){return y(h(),[n,l]).round(d).paddingInner(c).paddingOuter(p).align(u)},e.apply(g(),arguments)}const x=class{constructor(i){t(this,i),this.afVariation=m.Vertical,this.afHeadingLevel="h3",this.afId=b("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=()=>{if(!this.barSelection||!this.xScale)return;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===m.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===m.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==m.Horizontal?(this.yScale=y(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==m.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=y().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===m.Horizontal?this.yScale(t.key)+this.yScale.bandwidth()/2:this.yScale(t.value))).attr("x",(t=>this.afVariation===m.Horizontal?this.xScale(t.value):this.xScale(t.key)+this.xScale.bandwidth()/2)).attr("dx",(t=>this.afVariation===m.Horizontal?this.xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===m.Vertical||this.xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("text-anchor",(t=>this.afVariation===m.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&&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===m.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===m.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===m.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===m.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===m.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==m.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===m.Horizontal?this.xAxisHandle.attr("display","none"):this.yAxisHandle.attr("display","none"));let h,a,e;this.afVariation===m.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==m.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===m.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===m.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===m.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===m.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===m.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==m.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=()=>{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),this.focusHostButton(".chartButton"),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=()=>{this.status.innerHTML="<p>Visas som diagram</p>",o(this.host).select(".tableButton").style("display",null),o(this.host).select(".chartButton").style("display","none"),this.focusHostButton(".tableButton");const t=o(this.tableDiv);t.style("opacity",1).transition().duration(150).style("opacity",0).on("end",(()=>{t.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(){const t=this.afChartData;if(null!=t&&""!==t){try{let i;if("string"==typeof t)i=JSON.parse(t);else{if("object"!=typeof t)return void(this.mappedData=this.reshapeData());i=t}i&&Object.keys(i).length>0&&(this.chartData=i,this.series=this.chartData.data.series.map((t=>t.title)))}catch(t){return void v.warn('Invalid JSON in "af-chart-data" attribute',this.hostElement)}this.mappedData=this.reshapeData(),this.mappedData.forEach((t=>{t.series.length>this.dataWidth&&(this.dataWidth=t.series.length)})),this.dataWidth>1&&(this.barGap=1)}else this.mappedData=this.reshapeData()}hasChartData(){return!!this.chartData&&Object.keys(this.chartData).length>0}focusHostButton(t){var i,s;const h=this.host,a=null!==(s=null===(i=null==h?void 0:h.querySelector(t))||void 0===i?void 0:i.querySelector("button"))&&void 0!==s?s:null==h?void 0:h.querySelector(t);a&&"function"==typeof a.focus&&a.focus()}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(`${f.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(`${f.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===m.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===m.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(g).delay(((...[,t])=>150*t+400)).attr("y",(t=>this.afVariation===m.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(g).attr("y",(t=>this.afVariation===m.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===m.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=u([0,u(null===(s=this.chartData)||void 0===s?void 0:s.data.series[0].yValues)])?u([0,u(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===m.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===m.Horizontal?this.yScale(t.key)+this.yScale.bandwidth()/2:this.yScale(t.value))).attr("x",(t=>this.afVariation===m.Horizontal?this.xScale(t):this.xScale(t.key)+this.xScale.bandwidth())).attr("dy",(()=>this.afVariation==m.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(`${f.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===m.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==m.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===m.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===m.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(){if(this.afChartDataUpdate(),!this.hasChartData())return new Promise((t=>{requestAnimationFrame((()=>{this.afChartDataUpdate(),t()}))}))}componentDidLoad(){if(this.hasChartData()||this.afChartDataUpdate(),!this.hasChartData())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&&!this.hasChartData())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:"ae562dbf9bfd5a9c4e9308100546758de7e79366",ref:t=>this.host=t},i("svg",{key:"04ce1bb3e0c0002fd742d3cc835d722481d08e51",xmlns:"http://www.w3.org/2000/svg",width:"0",height:"0"},i("defs",{key:"6948ff9e88e25097aa31492f6f0189027d5a71c0"},i("pattern",{key:"38ef5c3244f9701aec1092c4bb22b43ccb2549b5",id:"prognosis",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"12a841cfe695a1639b5d8781809639f8a5a01d20",width:"8",height:"8",fill:"white"}),i("line",{key:"fc6c2d64e58fc7e5970eb9fd7ddbd10fc6cc3052",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.evalColorVar(this.colorPalettes[0]),"stroke-width":"8"})),i("pattern",{key:"748691b1e5aa624ed72a2a72981273bc136bcedc",id:"prognosisInactive",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"69a97ad067616c79395af4ef42b030728236f3a6",width:"8",height:"8",fill:"white"}),i("line",{key:"0be0573c5ad97f819856cb6eb6672a18ee478d92",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.evalColorVar("--digi--color--background--secondary-accent"),"stroke-width":"8"})),i("pattern",{key:"751a6845fca071fe8a0c6f026b46fd70b8645206",id:"prognosisHighlight",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"89c6e675c5869896e745a245864f9747c08695d4",width:"8",height:"8",fill:"white"}),i("line",{key:"4beb9d281f46d8184ce4de6d6cbd2751fb54fa97",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.adjustColor(this.colorFunction(0),50),"stroke-width":"8"})))),i("div",{key:"850fbb8fe23c54e791eb61fd6af5a61b5fc3ac37",class:"topWrapper",ref:t=>this.titleDiv=t},i("digi-typography",{key:"c93f0d233f306529b847d3435b412ee8b8302353",class:"chartTitle",innerHTML:r}),i("digi-button",{key:"0fdbd771ba102e36279fe19d5e618b96a7251eae",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:"5c2901e9286eecd4ab0ca403e8a5a1ab16dc1384",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"76148a5c8713006d53b44d3f3eb6c0bc59011c58",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:"65b76249ebd0cb0ef28d930e5d54adc53790b9e3",slot:"icon"}),"Visa diagram"),i("div",{key:"e4a6bf6c23c9347b3e1c92023997c89bd4392561",class:"scChartStatus",role:"status",ref:t=>this.status=t})),i("div",{key:"25340435da0fb67260aeb86182002584e5a586c7",class:"svgWrap",ref:t=>this.chartDiv=t},i("div",{key:"4fc443267fa5790dd5dfb494409256cee0e5b849",class:"chartTooltip",id:this.afId},i("div",{key:"69ed73b389820ac7c26e8ea950f5a8cba3eb6321",class:"tooltipHead"},i("digi-icon-x",{key:"62daa46e00c8e5a8930b4ec4f15ef6976075dec0",class:"tooltipClose"})),i("div",{key:"5281c5a0474c83c4a9c6a74c1ddb366f6edc1d0d",class:"tooltipBody"}),i(this.afVariation===m.Horizontal?"digi-icon-caret-up":"digi-icon-caret-down",{class:"caret"}))),i("div",{key:"972843423edc2093619c2458e1ab26ada4525658",class:"legendWrap",ref:t=>this.legendDiv=t},i("div",{key:"ef3c36c663f47e65cc8789698ffbbc7e13efa2f0",class:"legend"})),i("div",{key:"7de7374282138cd174706426d9c5466135973687",class:"table",ref:t=>this.tableDiv=t}," "))}get hostElement(){return h(this)}static get watchers(){return{afChartData:[{afChartDataUpdate:0}]}}};x.style=".sc-digi-bar-chart-h{height: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{x as digi_bar_chart}

package/dist/digi-arbetsformedlingen/{p-f19f825c.entry.js → p-58d566c1.entry.js}

@@ -1 +1 @@
-import{r as e,c as i,h as r,a as t,d as s}from"./p-BXG8DzZe.js";import{U as a}from"./p-DPq588Q4.js";const o=class{constructor(r){e(this,r),this.afOnChange=i(this,"afOnChange",7),this.afOnSmall=i(this,"afOnSmall",7),this.afOnMedium=i(this,"afOnMedium",7),this.afOnLarge=i(this,"afOnLarge",7),this.afOnXLarge=i(this,"afOnXLarge",7)}componentDidLoad(){this.handleBreakpoint()}handleBreakpoint(e){const i=window.getComputedStyle(this._observer).getPropertyValue("--digi--util-breakpoint-observer--breakpoint");switch(this.afOnChange.emit({value:i,e}),i){case a.SMALL:this.afOnSmall.emit({value:i,e});break;case a.MEDIUM:this.afOnMedium.emit({value:i,e});break;case a.LARGE:this.afOnLarge.emit({value:i,e});break;case a.XLARGE:this.afOnXLarge.emit({value:i,e})}}render(){return r(t,{key:"ba5398acadf2b4176d14141b58730584cf4e257e"},r("div",{key:"7631a229fcc854c038204c7629371f897c081c39",class:"digi-util-breakpoint-observer"},r("div",{key:"f41adcb1dd9d6e79015e144a11861bd8be980827",ref:e=>this._observer=e,onTransitionEnd:e=>this.handleBreakpoint(e),class:"digi-util-breakpoint-observer__observer"}),r("slot",{key:"11adf8b8d66e375e9bdb67eb3d70c777200d14ed"})))}get hostElement(){return s(this)}};o.style=".sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer.sc-digi-util-breakpoint-observer{--SMALL:small;--MEDIUM:medium;--LARGE:large;--XLARGE:xlarge}.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--SMALL);border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;pointer-events:none;transition:transform 0.01s;transform:rotate(0deg)}@media (min-width: 48rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--MEDIUM);transform:rotate(10deg)}}@media (min-width: 61.9375rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--LARGE);transform:rotate(20deg)}}@media (min-width: 75rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--XLARGE);transform:rotate(30deg)}}";export{o as digi_util_breakpoint_observer}
+import{r as e,d as i,h as r,a as t,c as s}from"./p-B8OxDoWx.js";import{U as a}from"./p-DPq588Q4.js";const o=class{constructor(r){e(this,r),this.afOnChange=i(this,"afOnChange",7),this.afOnSmall=i(this,"afOnSmall",7),this.afOnMedium=i(this,"afOnMedium",7),this.afOnLarge=i(this,"afOnLarge",7),this.afOnXLarge=i(this,"afOnXLarge",7)}componentDidLoad(){this.handleBreakpoint()}handleBreakpoint(e){const i=window.getComputedStyle(this._observer).getPropertyValue("--digi--util-breakpoint-observer--breakpoint");switch(this.afOnChange.emit({value:i,e}),i){case a.SMALL:this.afOnSmall.emit({value:i,e});break;case a.MEDIUM:this.afOnMedium.emit({value:i,e});break;case a.LARGE:this.afOnLarge.emit({value:i,e});break;case a.XLARGE:this.afOnXLarge.emit({value:i,e})}}render(){return r(t,{key:"6d7d7f6f97015280cfe8f5c08cfd5d7c589267b3"},r("div",{key:"32731a5a8a7c6458ca1c1dba0283c2f814925707",class:"digi-util-breakpoint-observer"},r("div",{key:"026ee52f66e17e8ed2d4d0b5564783f1d1535503",ref:e=>this._observer=e,onTransitionEnd:e=>this.handleBreakpoint(e),class:"digi-util-breakpoint-observer__observer"}),r("slot",{key:"304b8d3b6bce375ae2f8fe05bd4090bf0273d4b9"})))}get hostElement(){return s(this)}};o.style=".sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer.sc-digi-util-breakpoint-observer{--SMALL:small;--MEDIUM:medium;--LARGE:large;--XLARGE:xlarge}.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--SMALL);border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;pointer-events:none;transition:transform 0.01s;transform:rotate(0deg)}@media (min-width: 48rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--MEDIUM);transform:rotate(10deg)}}@media (min-width: 61.9375rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--LARGE);transform:rotate(20deg)}}@media (min-width: 75rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--XLARGE);transform:rotate(30deg)}}";export{o as digi_util_breakpoint_observer}

package/dist/digi-arbetsformedlingen/{p-f9c927cd.entry.js → p-591b39c9.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,d as e}from"./p-BXG8DzZe.js";import{r}from"./p-BGaIliX6.js";import{d as c}from"./p-CZrDWyoh.js";import"./p-DwBvm-Nc.js";const o=class{constructor(s){t(this,s),this.afOnClickOutside=i(this,"afOnClickOutside",7),this.afOnClickInside=i(this,"afOnClickInside",7),this.afDataIdentifier=r("data-digi-util-detect-click-outside")}componentWillLoad(){this.$el.setAttribute(this.afDataIdentifier,"")}clickHandler(t){c(t.target,`[${this.afDataIdentifier}]`)?this.afOnClickOutside.emit(t):this.afOnClickInside.emit(t)}render(){return s("slot",{key:"b03263404bb4c4e57ba4fc2150082a51d7a74696"})}get $el(){return e(this)}};export{o as digi_util_detect_click_outside}
+import{r as t,d as i,h as s,c as e}from"./p-B8OxDoWx.js";import{r}from"./p-BGaIliX6.js";import{d as c}from"./p-CZrDWyoh.js";import"./p-DwBvm-Nc.js";const o=class{constructor(s){t(this,s),this.afOnClickOutside=i(this,"afOnClickOutside",7),this.afOnClickInside=i(this,"afOnClickInside",7),this.afDataIdentifier=r("data-digi-util-detect-click-outside")}componentWillLoad(){this.$el.setAttribute(this.afDataIdentifier,"")}clickHandler(t){c(t.target,`[${this.afDataIdentifier}]`)?this.afOnClickOutside.emit(t):this.afOnClickInside.emit(t)}render(){return s("slot",{key:"38d5e13d8efb38e633c6adc92df5f2ff115ea1e7"})}get $el(){return e(this)}};export{o as digi_util_detect_click_outside}

package/dist/digi-arbetsformedlingen/p-5a083009.entry.js

@@ -0,0 +1 @@
+import{r as i,d as e,h as t,F as r,a as o,c as l}from"./p-B8OxDoWx.js";import{r as s}from"./p-BGaIliX6.js";import{l as d}from"./p-DdB9j8uV.js";import{d as c}from"./p-CZrDWyoh.js";import{d as f}from"./p-C4cIvg7J.js";import{_ as a}from"./p-DsO1BTml.js";import"./p-CKoZU0-H.js";import{l as g}from"./p-D0J6vKy3.js";import"./p-C0A-p3cU.js";import"./p-C7xgnp99.js";import"./p-DShzaNrQ.js";import"./p-y5Nm4oWF.js";import"./p-DH_-wpLB.js";import"./p-DPeoHh1J.js";import"./p-DGI7Jkg2.js";import"./p-qc6KRZue.js";import"./p-DwNlf6Sh.js";import"./p-C6B2KRZo.js";import"./p-CES5gUEo.js";import"./p-DzSu1-K0.js";import"./p-6-MpaVf8.js";import"./p-BfyJgcLA.js";import"./p-BvWKyXb_.js";import{a as n}from"./p-BSJH8Lpg.js";import{a as m,b as h}from"./p-DfWZa2Wv.js";import"./p-DcnvI7UR.js";import"./p-DCS1KcvC.js";import"./p-DogB9kfH.js";import"./p-B8hpiXmh.js";import"./p-u37CGyZ9.js";import"./p-PuRFa9pe.js";import"./p-CuhrrYGE.js";import"./p-CWFirwyE.js";import"./p-DJCufAhy.js";import"./p-CPzcg9n3.js";import"./p-CsNHGpkJ.js";import"./p-D_VIx0pC.js";import"./p-ArGkfrXt.js";import"./p-Chk3GCYK.js";import"./p-evtVuhQt.js";import"./p-V-HTxO5a.js";import"./p-DPkRL9Bv.js";import"./p-D0CENVum.js";import"./p-DE6sqPn9.js";import"./p-DXqRzyRP.js";import"./p-DoZkBEe8.js";import"./p-m9xS70Ez.js";import"./p-CmH9mJ43.js";import"./p-DBcU_EnL.js";import"./p-BvcVTm_t.js";import"./p-bQJ38En_.js";import"./p-DrVSK7Ws.js";import"./p-CAmn5qzb.js";import"./p-DpDyNuVC.js";import"./p-DNjGvZvz.js";import"./p-CHxBAbI8.js";import"./p-rhVqmQwC.js";import"./p-DPq588Q4.js";import"./p-DwBvm-Nc.js";const p=class{constructor(t){i(this,t),this.afOnFocusout=e(this,"afOnFocusout",7),this.afOnSubmitFilters=e(this,"afOnSubmitFilters",7),this.afOnFilterClosed=e(this,"afOnFilterClosed",7),this.afOnResetFilters=e(this,"afOnResetFilters",7),this.afOnSelect=e(this,"afOnSelect",7),this.afOnQueryChanged=e(this,"afOnQueryChanged",7),this.isOpen=!1,this.focusListItemIndex=0,this.focusInList=!1,this._filteredResult=[],this._selectedItems=[],this._searchQuery="",this._valueIsMaster=!1,this._updatingValueInternally=!1,this.afValidation=g.NEUTRAL,this.afAnnounceIfOptional=!1,this.sortAlphabetically=!0,this.value=[],this.afMultipleItems=!1,this.afId=s("digi-form-select-filter"),this.afResetButtonText=a.clear,this.afHideResetButton=!1,this.afEmptySearchMessage="Inga sökträffar för",this.afErrorMessageIsAlert=!0}onValueChanged(i){let e;e="string"==typeof i?i?JSON.parse(i):[]:i||[],this._updatingValueInternally||(this._valueIsMaster=!0),this.value=e,this.syncValueAndSelectedListItems("valueChange")}handleListItems(){if(this.afListItems)try{if(this.afListItems.constructor===Array)this._afListItems=this.afListItems;else{if("string"!=typeof this.afListItems)throw'Invalid type in "af-list-items" attribute';this._afListItems=JSON.parse(this.afListItems)}this.giveItemsValueIfNoneExist(),this.sortListAlphabetically(),this.syncValueAndSelectedListItems("afListItemsChange"),this.filterResults()}catch(i){return void d.warn('Invalid JSON in "af-list-items" attribute',this.hostElement,i)}}get errorMessageIsAlert(){return!1!==this.afErrorMessageIsAlert&&"false"!==this.afErrorMessageIsAlert}async afMReset(){this.resetSelectItems()}async afMCloseDropdown(){this.setClosed()}clickHandler(i){c(i.target,`#${this.afId}-identifier`)&&this.isOpen&&this.emitFilterClosedEvent()}focusoutHandler(i){const e=i.target;f(e,`#${this.afId}-identifier`)&&this.isOpen?this.emitFilterClosedEvent():this.focusInList=!f(e,`#${this.afId}-select-filter-list`)}focusOnElement(){this._toggleButton.focus()}componentWillLoad(){if(this.bootstrapInitialValue(),this.handleListItems(),!this.afListItems)return new Promise((i=>{requestAnimationFrame((()=>{this.bootstrapInitialValue(),this.handleListItems(),i()}))}))}bootstrapInitialValue(){if("string"==typeof this.value){const i=this.value?JSON.parse(this.value):[];this._updatingValueInternally=!0,this.value=i,this._updatingValueInternally=!1}Array.isArray(this.value)&&this.value.length>0&&(this._valueIsMaster=!0)}syncValueAndSelectedListItems(i){this._afListItems&&("afListItemsChange"!==i||this._valueIsMaster?this.applyValueToListItems(this.value):(this._selectedItems=this._afListItems.filter((i=>i.selected)),this.setValueInternally([...this._selectedItems])))}applyValueToListItems(i){const e=new Set((null!=i?i:[]).map((i=>i.value)));this._afListItems.forEach((i=>{i.selected=e.has(i.value)})),this._selectedItems=this._afListItems.filter((i=>e.has(i.value)))}setValueInternally(i){this._updatingValueInternally=!0,this.value=i,this._updatingValueInternally=!1}setClosed(i=!1){this.isOpen=!1,i&&document.getElementById(`${this.afId}`).focus(),this.setScroll(0),this._searchQuery="",this.afOnQueryChanged.emit(""),this.afOnSubmitFilters.emit(this._selectedItems),this.filterResults()}setScroll(i){document.querySelector(`#${this.afId}-dropdown-menu .digi-form-select-filter__scroll`).scrollTop=i}setOpen(){this.isOpen=!0,this.focusListItemIndex=0,setTimeout((()=>{this.setFocusSearch()}),50)}giveItemsValueIfNoneExist(){this._afListItems.filter((i=>void 0===i.value)).forEach((i=>{i.value=i.label}))}sortListAlphabetically(){this.sortAlphabetically&&this._afListItems.sort(((i,e)=>i.label<e.label?-1:i.label>e.label?1:0))}toggleDropdown(){return this.isOpen?this.setClosed():this.setOpen()}inputItem(i,e){return this.hostElement.querySelectorAll(`#${i} .digi-form-select-filter__item`).item(e)}emitFilterClosedEvent(){this.setClosed(!0),this.afOnFilterClosed.emit()}setFocusItem(){const i=this.inputItem(`${this.afId}-select-filter-list`,this.focusListItemIndex);i&&i.focus()}setFocusSearch(){const i=this.hostElement.querySelector("input");i&&i.focus()}incrementFocusItem(){return this.focusListItemIndex<(this.showNeutralValue?this._filteredResult.length:this._filteredResult.length-1)?(this.focusListItemIndex=this.focusListItemIndex+1,void this.setFocusItem()):this.afMultipleItems?void this.tabHandler():(this.focusListItemIndex=0,void this.setFocusItem())}decrementFocusItem(){0!==this.focusListItemIndex?(this.focusListItemIndex>0&&(this.focusListItemIndex=this.focusListItemIndex-1),this.setFocusItem()):this.setFocusSearch()}downHandler(i){i.detail.preventDefault(),"ArrowDown"!==i.detail.code&&"ArrowRight"!==i.detail.code||this.incrementFocusItem()}upHandler(i){i.detail.preventDefault(),"ArrowUp"!==i.detail.code&&"ArrowLeft"!==i.detail.code||this.decrementFocusItem()}homeHandler(i){i.detail.preventDefault(),this.focusListItemIndex=0,this.setFocusItem()}endHandler(i){i.detail.preventDefault(),this.focusListItemIndex=this.showNeutralValue?this._filteredResult.length:this._filteredResult.length-1,this.setFocusItem()}enterHandler(i){i.detail.preventDefault(),i.detail.target.click()}spaceHandler(i){i.detail.preventDefault(),i.detail.target.click()}escHandler(){this.isOpen&&this.setClosed(!0)}tabHandler(){this.isOpen&&this.focusInList&&(this.afMultipleItems&&this._submitButton?setTimeout((()=>{var i;this._submitButton&&(null===(i=this._submitButton.querySelector("button"))||void 0===i||i.focus())}),10):this.setClosed(!0))}shiftHandler(){this.isOpen&&this.focusInList&&(this.afMultipleItems&&this._toggleButton?this._toggleButton.querySelector("button").focus():this.setFocusSearch())}filterResults(){this._filteredResult=this._searchQuery&&this._searchQuery.length>0?this._afListItems.filter((i=>i.label.toLowerCase().includes(this._searchQuery.toLowerCase()))):this._afListItems}inputSearchKeyboardHandler(i){"ArrowDown"===i.code&&(i.preventDefault(),this.setFocusItem()),"Enter"===i.code&&""!==this._searchQuery&&(i.preventDefault(),this.setFocusItem())}inputSearchInputHandler(i){this._searchQuery=i.target.value,this.afOnQueryChanged.emit(this._searchQuery),this.filterResults()}resetSelectItems(i=!1){this._selectedItems=[],this.setValueInternally([]),this.afOnSelect.emit([]),this._searchQuery="",this.filterResults(),i&&this.emitFilterClosedEvent(),this.afOnResetFilters.emit()}selectItemHandler(i){this.afMultipleItems?(i.selected=!i.selected,this._selectedItems.filter((e=>e.value===i.value)).length>0?this._selectedItems.splice(this._selectedItems.findIndex((e=>e.value===i.value)),1):this._selectedItems=[...this._selectedItems,i]):(this._selectedItems.forEach((i=>{i.selected=!1})),i.selected=!0,this._selectedItems=[i],this.emitFilterClosedEvent()),this.setValueInternally([...this._selectedItems]),this.afOnSelect.emit(this._selectedItems),this.filterResults()}isSelected(i){return!!(i&&this._selectedItems&&this._selectedItems.length>0)&&this._selectedItems.filter((e=>e.value===i)).length>0}get cssModifiers(){return{"digi-form-select-filter--open":this.isOpen,"digi-form-select-filter--neutral":this.afValidation===g.NEUTRAL,"digi-form-select-filter--success":this.afValidation===g.SUCCESS,"digi-form-select-filter--warning":this.afValidation===g.WARNING,"digi-form-select-filter--error":this.afValidation===g.ERROR}}get cssModifiersToggleButtonIndicator(){return{"digi-form-select-filter__toggle-button-indicator--active":this._selectedItems.length>0}}get cssModifiersToggleButtonWrapper(){return{"digi-form-select-filter__toggle-button-wrapper--activated":this._selectedItems.length>0}}buttonText(i){const e=(e="")=>i?e:"";return this._selectedItems&&1===this._selectedItems.length?e(this.afFilterButtonTextLabel+": ")+this._selectedItems[0].label:this._selectedItems&&this._selectedItems.length>0&&this.afMultipleItems?this.afFilterButtonTextMultipleValues?e(this.afFilterButtonTextLabel+": ")+this.afFilterButtonTextMultipleValues.replace("{count}",this._selectedItems.length.toString()):e(this.afFilterButtonTextLabel+": ")+`${this._selectedItems.length} valda`:e(this.afFilterButtonTextLabel?this.afFilterButtonTextLabel+": ":"")+this.afFilterButtonText}get renderButtonLabel(){return this.buttonText(!1)}get ariaLabel(){return this.buttonText(!0)}get showNeutralValue(){return!this.afMultipleItems&&this.afFilterButtonText&&0===this._searchQuery.length}showValidation(){return!(this.afDisableValidation||this.afValidation===g.NEUTRAL||!this.afValidationText)}renderEmptyStateBox(){let i="";return this._filteredResult&&this._filteredResult.length>0?i=`${this._filteredResult.length} sökträff${this._filteredResult.length>1?"ar":""}`:0===this._filteredResult.length&&(i=`${this.afEmptySearchMessage} ${this._searchQuery}`),t(r,null,t("div",{role:"status",id:`${this.afId}-searchstatus`,class:{"digi-form-select-filter__search-status":!0,"digi--a11y--sr-only":this._filteredResult&&this._filteredResult.length>0}},t("span",null," ",i," "),t("div",{class:{hidden:this._filteredResult&&this._filteredResult.length>0}},t("slot",{name:"empty-search-result"}))))}render(){const i=this.afDescription?this.afId+"--label--description":"";return t(o,{key:"2a9caf2b209d1b1e3d85a5262cce8cd77dfef968",tabindex:-1},t("div",{key:"da6dcbd61901b58ecd362581495ecc474438733c",class:Object.assign({"digi-form-select-filter":!0},this.cssModifiers),id:`${this.afId}-identifier`},t("digi-form-label",{key:"f29652cf72b83e16cdc90d1d61ecb0cb6ab6d45b",afLabel:this.afFilterButtonTextLabel,afFor:`${this.afId}`,afId:`${this.afId}-label`,class:"digi-form-select-filter__label",afDescription:this.afDescription,afRequired:this.afRequired,afAnnounceIfOptional:this.afAnnounceIfOptional,afRequiredText:this.afRequiredText,afAnnounceIfOptionalText:this.afAnnounceIfOptionalText}),this.afDescription&&t("span",{key:"cb01e23401ea5ad9dbcb10c1f6ff9f714ce2a1cd",id:i,class:"digi--a11y--sr-only"},this.afDescription),t("digi-util-keydown-handler",{key:"cf0deab9ef31ee70ea410b216f8d9757deb5fac1",onAfOnEsc:()=>this.escHandler()},t("button",{key:"3778d0264382bcf1efefeac5ce65e35cf1836690",type:"button",id:`${this.afId}`,class:"digi-form-select-filter__toggle-button",onClick:()=>this.toggleDropdown(),ref:i=>this._toggleButton=i,"aria-haspopup":"true","aria-label":this.ariaLabel,"aria-describedby":`${this.afFilterButtonAriaDescribedby} ${i} ${this.afId}--validation-message`,"aria-controls":`${this.afId}-dropdown-menu`,"aria-expanded":this.isOpen},t("div",{key:"80876bde416cce53c5c7da803e290bcc83c64a49",class:Object.assign({"digi-form-filter__toggle-button-wrapper":!0},this.cssModifiersToggleButtonWrapper)},t("digi-icon-check",{key:"7e93ffda63c8e2a71153788b8a491b823165fed1",class:Object.assign({"digi-form-select-filter__toggle-button-indicator":!0},this.cssModifiersToggleButtonIndicator),slot:"icon"}),t("span",{key:"6872087d56f18567de8e452a989a4e3c865ef223",class:"digi-form-select-filter__toggle-button-text"},this.renderButtonLabel)),t("digi-icon-chevron-down",{key:"27ea1f61142a00f4052bc33ef5b571937bea6f34",class:"digi-form-select-filter__toggle-icon"})),t("div",{key:"3065f237d133dc92ad99d5496dfb8a98d5f9dde8",id:`${this.afId}-dropdown-menu`,tabindex:this.isOpen?"-1":void 0,class:{"digi-form-select-filter__dropdown":!0,"digi-form-select-filter__dropdown--right":this.afAlignRight,"digi-form-select-filter__dropdown--hidden":!this.isOpen}},t("fieldset",{key:"478c29f0ac8b248617eee4a22fd9a72ab81ab43d"},t("div",{key:"dba0b4e1fb6e34ed7960eede1b35dce737fedb96",class:"digi-form-select-filter__header"},t("legend",{key:"24bc61b2e662d4b04f34ef3c9a5004156eb4b22a",class:"digi-form-select-filter__legend"},this.afFilterButtonTextLabel),t("digi-form-input",{key:"c1586477ad2cf859dbc0608d2abbb59537550594",afLabel:this.afName,afId:`${this.afId}-search`,afVariation:h.MEDIUM,afType:n.SEARCH,afValidation:m.NEUTRAL,onAfOnFocus:()=>{this.focusListItemIndex=0},onAfOnKeyup:i=>{this.inputSearchKeyboardHandler(i.detail)},onAfOnInput:i=>this.inputSearchInputHandler(i.detail),afValue:this._searchQuery,class:"digi-form-select-filter__search-input",afAriaControls:`${this.afId}-select-filter-list`,afAutocomplete:"off",afAriaAutocomplete:"none"}),this.renderEmptyStateBox()),t("div",{key:"c8318c598c63201f78b59ba5b6cc6045d0a3ec56",class:"digi-form-select-filter__scroll"},t("digi-util-keydown-handler",{key:"8dca77e8ce78ff52bc51cb0e564892c2f7667710",onAfOnDown:i=>this.downHandler(i),onAfOnRight:i=>this.downHandler(i),onAfOnUp:i=>this.upHandler(i),onAfOnLeft:i=>this.upHandler(i),onAfOnHome:i=>this.homeHandler(i),onAfOnEnd:i=>this.endHandler(i),onAfOnEnter:i=>this.enterHandler(i),onAfOnSpace:i=>this.spaceHandler(i),onAfOnTab:()=>this.tabHandler(),onAfOnShiftTab:()=>this.shiftHandler()},t("ul",{key:"444d497f869307049e752a10f50d530264159464",class:"digi-form-select-filter__list","aria-labelledby":`${this.afId}`,id:`${this.afId}-select-filter-list`,role:this.afMultipleItems?"":"radiogroup","aria-invalid":this.afMultipleItems?"false":this.afValidation===g.ERROR?"true":"false","aria-errormessage":`${this.afId}--validation-message`,"aria-required":!this.afMultipleItems&&(this.afRequired?"true":"false")},this.showNeutralValue&&t("li",{key:"61f023e424638532a1706681c2a1e0859ecf94e0",class:"digi-form-select-filter__item",role:"radio","aria-required":this.afMultipleItems?"false":this.afRequired?"true":"false","aria-checked":0===this._selectedItems.length?"true":"false",onClick:()=>this.resetSelectItems(!0),tabIndex:0,"aria-label":this.afFilterButtonText},0===this._selectedItems.length&&t("digi-icon-check",{key:"1823dd11cf660c297a5fb544026b8401862522fe",class:"digi-form-select-filter__item__icon","aria-hidden":"true"}),this.afFilterButtonText),this._filteredResult&&this._filteredResult.map(((i,e)=>t("li",{class:"digi-form-select-filter__item",key:e,dir:i.dir,lang:i.lang,"aria-checked":this.isSelected(i.value)?"true":"false",role:this.afMultipleItems?"checkbox":"radio","aria-required":this.afMultipleItems?"false":this.afRequired?"true":"false","aria-invalid":this.afMultipleItems&&this.afValidation===g.ERROR?"true":"false","aria-errormessage":`${this.afId}--validation-message`,onClick:()=>this.selectItemHandler(i),tabIndex:this.showNeutralValue?-1:0===e?0:-1},this.isSelected(i.value)&&t("digi-icon-check",{class:"digi-form-select-filter__item__icon","aria-hidden":"true"}),i.label))))))),this.afMultipleItems&&t("div",{key:"1afb2b5292f8119b47ab41f35e553911b61aeb30",class:"digi-form-select-filter__footer"},!this.afHideResetButton&&t("digi-button",{key:"3e2e62cfc4239de0643976bebd6ef6230837b883","af-variation":"secondary","af-aria-label":this.afResetButtonTextAriaLabel,onClick:()=>this.resetSelectItems(),class:"digi-form-select-filter__reset-button"},this.afResetButtonText),t("digi-util-keydown-handler",{key:"a8327831448fb9b838e49d2274156b498321dd9e",onAfOnUp:()=>this.setFocusItem()},t("digi-button",{key:"4dff33fcc465b5f06f26c0b2eb894bb9423217aa",ref:i=>this._submitButton=i,"af-variation":"primary","af-aria-label":this.afSubmitButtonTextAriaLabel,onClick:()=>{this.setClosed(!0)},class:"digi-form-select-filter__submit-button"},this.afSubmitButtonText))))),t("div",{key:"3f6c9f2ab1a504730698de030e7cbf4d4040ee17",class:"digi-form-select__footer"},t("div",{key:"0a38a874d3c9eeb8d072c613d5d22e7c2dfe9372","aria-atomic":"true",role:this.errorMessageIsAlert?"alert":null,id:`${this.afId}--validation-message`},this.showValidation()&&t("digi-form-validation-message",{key:"a1fd8044a788b52383ffb37cbac576dd768c8c57","af-variation":this.afValidation},this.afValidationText)))))}get hostElement(){return l(this)}static get watchers(){return{value:[{onValueChanged:0}],afListItems:[{handleListItems:0}]}}};p.style='.sc-digi-form-select-filter-h{--digi--form-select-filter--footer--background:var(--digi--color--background--secondary);--digi--form-select-filter--scroll--max-height:10.625rem;--digi--form-select-filter--scroll--padding:var(--digi--padding--small);--digi--form-select-filter--reset-button--margin-right:var(--digi--padding--small);--digi--form-select-filter--legend__border-bottom:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);--digi--form-select-filter--list--margin:0;--digi--form-select-filter--list--padding:var(--digi--gutter--small) 0 0 0;--digi--form-select-filter--item--margin:var(--digi--gutter--small) 0;--digi--form-select-filter--toggle-icon--transition:ease-in-out 0.2s all;--digi--form-select-filter--dropdown--border-radius:var(--digi--border-radius--input);--digi--form-select-filter--dropdown--background:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--dropdown--min-width:18.75rem;--digi--form-select-filter--dropdown--margin-top:var(--digi--gutter--small);--digi--form-select-filter--dropdown--z-index:999;--digi--form-select-filter--dropdown--header--background:var(--digi--color--background--secondary-accent);--digi--form-select-filter--dropdown--item--cursor:pointer;--digi--form-select-filter--dropdown--item--height:auto;--digi--form-select-filter--dropdown--item--min-height:1.5rem;--digi--form-select-filter--dropdown--item--color:var(--digi--color--text--primary);--digi--form-select-filter--dropdown--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select-filter--dropdown--item--font-family:var(--digi--global--typography--font-family--default);--digi--form-select-filter--dropdown--item--font-weight--default:var(--digi--typography--link--font-weight--desktop);--digi--form-select-filter--dropdown--item--font-weight--selected:var(--digi--typography--link-bold--font-weight--desktop);--digi--form-select-filter--dropdown--item--font-weight--hover:var(--digi--typography--link-bold--font-weight--desktop);--digi--form-select-filter--dropdown--item--letter-spacing:0px;--digi--form-select-filter--dropdown--item--line-height:1.5;--digi--form-select-filter--dropdown--item--margin-bottom:0px;--digi--form-select-filter--dropdown--item--border-width:var(--digi--border-width--primary);--digi--form-select-filter--dropdown--item--border-type:var(--digi--border-style--primary);--digi--form-select-filter--dropdown--item--border-color:var(--digi--color--divider--primary);--digi--form-select-filter--dropdown--item--padding-y:var(--digi--margin--small);--digi--form-select-filter--dropdown--item--padding-x:var(--digi--margin--largest);--digi--form-select-filter--dropdown--item--multiple--padding-y:var(--digi--margin--small);--digi--form-select-filter--dropdown--item--multiple--padding-x:var(--digi--padding--largest-2);--digi--form-select-filter--dropdown--item--background-color--default:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--dropdown--item--background-color--focus:var(--digi--color--background--interactive--hover--quarternary);--digi--form-select-filter--dropdown--item--background-color--hover:var(--digi--color--background--interactive--hover--quarternary);--digi--form-select-filter--dropdown--item--background-color--active:var(--digi--color--background--interactive--selected--tertiary);--digi--form-select-filter--dropdown--item--background-color--selected:var(--digi--color--background--interactive--selected--tertiary);--digi--form-select-filter--dropdown--item--checkbox--background-color:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--dropdown--item--checkbox--background-color--selected:var(--digi--color--marking--indication--primary);--digi--form-select-filter--dropdown--item--checkbox--border-color:var(--digi--color--border--interactive--default--on-input);--digi--form-select-filter--dropdown--item--checkbox--border-width:var(--digi--border-width--primary);--digi--form-select-filter--dropdown--item--checkbox--border-style:var(--digi--border-style--primary);--digi--form-select-filter--dropdown--item--checkbox--border-radius:var(--digi--border-radius--tertiary);--digi--form-select-filter--dropdown--item--checkbox--width:1.25rem;--digi--form-select-filter--dropdown--item--checkbox--height:1.25rem;--digi--form-select-filter--toggle-button-indicator--color--default:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--toggle-button-indicator--color--active:var(--digi--color--marking--indication--primary);--digi--form-select-filter--toggle-button-indicator--width:1rem;--digi--form-select-filter--toggle-button-indicator--height:1rem;--digi--form-select-filter--toggle-button-indicator--margin-right:var(--digi--margin--small);--digi--form-select-filter--toggle-button-indicator--margin-left:calc(var(--digi--margin--smaller) * -1);--digi--form-select-filter--toggle-button--text--margin-right:var(--digi--margin--smaller);--digi--form-select-filter--toggle-button-indicator--color:var(--digi--color--marking--indication--primary);--digi--form-select-filter--toggle-icon--width:0.875rem;--digi--form-select-filter--toggle-icon--height:0.875rem;--digi--form-select-filter--search-input--border-radius:var(--digi--border-radius--input);--digi--form-select-filter--search-input--border-width:var(--digi--border-width--input-regular);--digi--form-select-filter--search-input--border-style:var(--digi--border-style--primary);--digi--form-select-filter--search-input--border-color:var(--digi--form-select-filter--toggle-button--border-width--neutral);--digi--form-select-filter--search-input--height:var(--digi--input-height--medium);--digi--form-select-filter--search-input--width:100%;--digi--form-select-filter--legend--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--form-select-filter--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-select-filter--legend--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--form-select-filter--toggle-button--border-width--neutral:var(--digi--border-width--input-regular);--digi--form-select-filter--toggle-button--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-select-filter--toggle-button--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-select-filter--toggle-button--border-width--success:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-select-filter--toggle-button--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-select-filter--toggle-button--border-width--warning:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-select-filter--toggle-button--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-select-filter--toggle-button--border-width--error:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-select-filter--toggle-button--background--error:var(--digi--color--background--interactive--validation--error);box-sizing:content-box}.sc-digi-form-select-filter-h .digi--a11y--sr-only.sc-digi-form-select-filter{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-form-select-filter-h .digi-form-select-filter.sc-digi-form-select-filter{display:flex;flex-direction:column;gap:0.4em;position:relative;--INDICATOR--BACKGROUND:var(--digi--form-select-filter--toggle-button-indicator--color--default);--SCROLL--MAX-HEIGHT:var(--digi--form-select-filter--scroll--max-height)}.sc-digi-form-select-filter-h .digi-form-select-filter--neutral.sc-digi-form-select-filter{--BORDER-WIDTH:var(     --digi--form-select-filter--toggle-button--border-width--neutral   );--BORDER-COLOR:var(     --digi--form-select-filter--toggle-button--border-color--neutral   );--BACKGROUND:var(     --digi--form-select-filter--toggle-button--background--neutral   )}.sc-digi-form-select-filter-h .digi-form-select-filter--success.sc-digi-form-select-filter{--BORDER-WIDTH:var(     --digi--form-select-filter--toggle-button--border-width--success   );--BORDER-COLOR:var(     --digi--form-select-filter--toggle-button--border-color--success   );--BACKGROUND:var(     --digi--form-select-filter--toggle-button--background--success   )}.sc-digi-form-select-filter-h .digi-form-select-filter--warning.sc-digi-form-select-filter{--BORDER-WIDTH:var(     --digi--form-select-filter--toggle-button--border-width--warning   );--BORDER-COLOR:var(     --digi--form-select-filter--toggle-button--border-color--warning   );--BACKGROUND:var(     --digi--form-select-filter--toggle-button--background--warning   )}.sc-digi-form-select-filter-h .digi-form-select-filter--error.sc-digi-form-select-filter{--BORDER-WIDTH:var(     --digi--form-select-filter--toggle-button--border-width--error   );--BORDER-COLOR:var(     --digi--form-select-filter--toggle-button--border-color--error   );--BACKGROUND:var(     --digi--form-select-filter--toggle-button--background--error   )}.sc-digi-form-select-filter-h .digi-form-select-filter--open.sc-digi-form-select-filter .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter{transform:rotate(-180deg)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter{background:var(--BACKGROUND);border:var(--BORDER-WIDTH) solid var(--BORDER-COLOR);border-radius:var(--digi--border-radius--input);color:var(--digi--color--text--primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--digi--typography--body--font-size--desktop);width:100%;padding:0 var(--digi--gutter--medium);min-height:var(--digi--input-height--medium);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter:focus-visible,.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter:focus{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter{transition:var(--digi--form-select-filter--toggle-icon--transition)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter-s>[slot^=icon],.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon .sc-digi-form-select-filter-s>[slot^=icon]{--digi--icon--width:var(--digi--form-select-filter--toggle-icon--width);--digi--icon--height:var(--digi--form-select-filter--toggle-icon--height)}.sc-digi-form-select-filter-h .digi-form-select-filter__legend.sc-digi-form-select-filter{font-weight:var(--digi--form-select-filter--legend--font-weight);font-family:var(--digi--form-select-filter--legend--font-family);font-size:var(--digi--form-select-filter--legend--font-size);border:0;padding:0;margin:0;border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-form-select-filter-h .digi-form-select-filter__scroll.sc-digi-form-select-filter{max-height:var(--SCROLL--MAX-HEIGHT);overflow-y:auto}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter{background-color:var(--digi--form-select-filter--dropdown--header--background);padding:12px 12px 22px}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter input.sc-digi-form-select-filter{border-radius:var(--digi--form-select-filter--search-input--border-radius);border-width:var(--digi--form-select-filter--search-input--border-width);border-style:var(--digi--form-select-filter--search-input--border-style);border-color:var(--digi--form-select-filter--search-input--border-color);height:var(--digi--form-select-filter--search-input--height);width:var(--digi--form-select-filter--search-input--width)}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter legend.sc-digi-form-select-filter{width:100%;border-bottom:var(--digi--form-select-filter--legend__border-bottom)}.sc-digi-form-select-filter-h .digi-form-select-filter__footer.sc-digi-form-select-filter{display:flex;align-items:center;justify-content:center;background:var(--digi--form-select-filter--footer--background);padding:var(--digi--form-select-filter--scroll--padding)}.sc-digi-form-select-filter-h .digi-form-select-filter__reset-button.sc-digi-form-select-filter{display:inline-block;margin-right:var(--digi--form-select-filter--reset-button--margin-right)}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown.sc-digi-form-select-filter{box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.7);min-width:var(--digi--form-select-filter--dropdown--min-width);width:100%;position:absolute;z-index:var(--digi--form-select-filter--dropdown--z-index);background:var(--digi--form-select-filter--dropdown--background);border-radius:var(--digi--form-select-filter--dropdown--border-radius);overflow:hidden;margin-top:var(--digi--form-select-filter--dropdown--margin-top)}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown.sc-digi-form-select-filter fieldset.sc-digi-form-select-filter{border:none;padding:0;margin:0}@media (min-width: 48rem){.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown--right.sc-digi-form-select-filter{right:0}}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown--hidden.sc-digi-form-select-filter{display:none}.sc-digi-form-select-filter-h .digi-form-select-filter__label.sc-digi-form-select-filter{display:block}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-wrapper--activated.sc-digi-form-select-filter{display:flex;align-items:center}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-indicator.sc-digi-form-select-filter{display:none;--digi--icon--color:var(--digi--form-select-filter--toggle-button-indicator--color)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-indicator--active.sc-digi-form-select-filter{display:flex;margin-right:var(--digi--form-select-filter--toggle-button-indicator--margin-right);width:var(--digi--form-select-filter--toggle-button-indicator--width);height:var(--digi--form-select-filter--toggle-button-indicator--height)}.sc-digi-form-select-filter-h .digi-form-select-filter__search-status.sc-digi-form-select-filter{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--label--font-size--desktop);color:var(--digi--color--text--primary)}.sc-digi-form-select-filter-h .digi-form-select-filter__list.sc-digi-form-select-filter{margin:var(--digi--form-select-filter--list--margin);padding:0;max-width:100%}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter{background-color:var(--digi--form-select-filter--dropdown--item--background-color--default);border-width:0;box-sizing:border-box;border-bottom-width:var(--digi--form-select-filter--dropdown--item--border-width);border-style:var(--digi--form-select-filter--dropdown--item--border-type);border-color:var(--digi--form-select-filter--dropdown--item--border-color);cursor:var(--digi--form-select-filter--dropdown--item--cursor);color:var(--digi--form-select-filter--dropdown--item--color);display:block;font-size:var(--digi--form-select-filter--dropdown--item--font-size);font-family:var(--digi--form-select-filter--dropdown--item--font-family);font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--default);padding:var(--digi--form-select-filter--dropdown--item--padding-y) var(--digi--form-select-filter--dropdown--item--padding-x);position:relative;height:var(--digi--form-select-filter--dropdown--item--height);min-height:var(--digi--form-select-filter--dropdown--item--min-height);margin-bottom:var(--digi--form-select-filter--dropdown--item--margin-bottom);letter-spacing:var(--digi--form-select-filter--dropdown--item--letter-spacing);line-height:var(--digi--form-select-filter--dropdown--item--line-height)}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:focus-visible{background-color:var(--digi--form-select-filter--dropdown--item--background-color--focus);outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:hover{background-color:var(--digi--form-select-filter--dropdown--item--background-color--hover);font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--hover)}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:active{background-color:var(--digi--form-select-filter--dropdown--item--background-color--active)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[aria-checked=true].sc-digi-form-select-filter{font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--selected);background-color:var(--digi--form-select-filter--dropdown--item--background-color--selected)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[dir=rtl].sc-digi-form-select-filter{text-align:right}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{position:absolute;width:13px;height:25px;left:7px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio][dir=rtl].sc-digi-form-select-filter::before{right:3px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio][dir=rtl].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{left:auto;right:7px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter{padding:var(--digi--form-select-filter--dropdown--item--multiple--padding-y) var(--digi--form-select-filter--dropdown--item--multiple--padding-x)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][aria-checked=true].sc-digi-form-select-filter:before{background:var(--digi--form-select-filter--dropdown--item--checkbox--background-color--selected);border-color:var(--digi--form-select-filter--dropdown--item--checkbox--background-color--selected)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter::before{content:"";position:absolute;background-color:var(--digi--form-select-filter--dropdown--item--checkbox--background-color);border-color:var(--digi--form-select-filter--dropdown--item--checkbox--border-color);border-width:var(--digi--form-select-filter--dropdown--item--checkbox--border-width);border-style:var(--digi--form-select-filter--dropdown--item--checkbox--border-style);height:var(--digi--form-select-filter--dropdown--item--checkbox--width);width:var(--digi--form-select-filter--dropdown--item--checkbox--height);border-radius:var(--digi--form-select-filter--dropdown--item--checkbox--border-radius);left:12px;transform:translateY(1px)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{position:absolute;width:13px;left:16px;--digi--icon--color:white}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][dir=rtl].sc-digi-form-select-filter::before{right:12px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][dir=rtl].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{left:auto;right:16px}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-text.sc-digi-form-select-filter{margin-right:var(--digi--form-select-filter--toggle-button--text--margin-right)}.sc-digi-form-select-filter-h .hidden.sc-digi-form-select-filter{display:none}';export{p as digi_form_select_filter}

package/dist/digi-arbetsformedlingen/{p-ab6a9462.entry.js → p-5a714feb.entry.js}

@@ -1 +1 @@
-import{r as i,h as e}from"./p-BXG8DzZe.js";import{r as c}from"./p-BGaIliX6.js";const t=class{constructor(e){i(this,e),this.afSvgAriaHidden=!0,this.titleId=c("icontitle")}render(){return e("svg",{key:"67d3180a56a47e9a9c5853c42e16e9c025548d3d",class:"digi-icon-move",width:"62px",height:"62px",viewBox:"0 0 62 62","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0,xmlns:"http://www.w3.org/2000/svg",fill:"currentColor"},this.afTitle&&e("title",{key:"f794c605f425008d1025d23a83728ff64281ff16",id:this.titleId},this.afTitle),this.afDesc&&e("desc",{key:"7e5c213c3a427e6c53f828eacd4f08d1fc73c486"},this.afDesc),e("defs",{key:"e272bcd5f1cb2ab47bd257e2a8080bff048033e8"},e("polygon",{key:"0caa3d155f943f69e61d217a30c2bffae51b4f4c",points:"0 0 62 0 62 62 0 62"})),e("g",{key:"adb353f00420ceb605fd76f437870513b722735e",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},e("g",{key:"74cefc52aa088eaf5fc8a008d4d2c2b04fc477da",transform:"translate(-40, -972)"},e("g",{key:"e28190cd919944f44eca091b1bc415e95ed16758",transform:"translate(40, 972)"},e("path",{key:"d6473a2da262e7f8cbedf97e616c9cec8bdedbae",d:"M62,30.627194 C61.9983684,30.0659456 61.6753158,29.586274 61.2086842,29.3448067 L49.8414737,21.9147917 L49.8333158,21.9196863 C49.5102632,21.7385858 49.1431579,21.6276414 48.7466842,21.6276414 C47.5099474,21.6276414 46.5065263,22.627773 46.5,23.8628457 L46.5,23.8628457 L46.5,23.8710034 L46.5,27.8698982 L33.9743684,27.8698982 L33.9743684,15.5012237 L38.1381579,15.4995921 C39.3732632,15.493066 40.3734211,14.4913029 40.3734211,13.2545986 C40.3734211,12.8565038 40.2608421,12.4910397 40.0813684,12.1679956 L40.0862632,12.1582064 L32.6544211,0.792926502 C32.4145789,0.324675666 31.93,0 31.3671053,0 L30.628,0.00163153601 C30.0667368,0.00326307202 29.5854211,0.326307202 29.3455789,0.792926502 L21.9137368,12.1582064 L21.9186316,12.1679956 C21.7391579,12.4910397 21.6265789,12.8565038 21.6265789,13.2545986 C21.6265789,14.4913029 22.6267368,15.493066 23.8618421,15.4995921 L23.8634737,15.5012237 L23.8716316,15.5012237 L27.8706316,15.5012237 L27.8706316,27.8698982 L15.5,27.8698982 L15.5,23.8628457 C15.4934737,22.627773 14.4916842,21.6276414 13.2549474,21.6276414 C12.8584737,21.6276414 12.4913684,21.7385858 12.1683158,21.9196863 L12.1585263,21.9147917 L0.792947368,29.336649 L0.792947368,29.3448067 C0.324684211,29.586274 0,30.0692087 0,30.6320886 L0,31.372806 C0.00326315789,31.9340544 0.326315789,32.413726 0.792947368,32.6551933 L0.792947368,32.663351 L12.1585263,40.0852083 L12.1683158,40.0803137 C12.4913684,40.2614142 12.8584737,40.3723586 13.2549474,40.3723586 C14.4916842,40.3723586 15.4934737,39.372227 15.5,38.1371543 L15.5,38.1371543 L15.5,38.1289966 L15.5,33.9751059 L27.8706316,33.9751059 L27.8706316,46.4987763 L23.8618421,46.5004079 C22.6267368,46.5053025 21.6265789,47.5086971 21.6265789,48.7454014 C21.6265789,49.1418647 21.7391579,49.5089603 21.9186316,49.8320044 L21.9137368,49.8401621 L29.3374211,61.2070735 L29.3455789,61.2070735 C29.5870526,61.6753243 30.07,62 30.6328947,62 L31.3736316,61.9983685 C31.9332632,61.9967369 32.4145789,61.6736928 32.6544211,61.2070735 L32.6625789,61.2070735 L40.0862632,49.8401621 L40.0813684,49.8320044 C40.2608421,49.5089603 40.3734211,49.1418647 40.3734211,48.7454014 C40.3734211,47.5086971 39.3732632,46.5053025 38.1381579,46.5004079 L38.1381579,46.4987763 L38.1283684,46.4987763 L33.9743684,46.4987763 L33.9743684,33.9751059 L46.5,33.9751059 L46.5,38.1371543 C46.5065263,39.372227 47.5099474,40.3723586 48.7466842,40.3723586 C49.1431579,40.3723586 49.5102632,40.2614142 49.8333158,40.0803137 L49.8414737,40.0852083 L61.2086842,32.6551933 C61.6769474,32.413726 62,31.9307913 62,31.3679114 L62,30.627194 Z",fill:"currentColor"})))))}};t.style=".sc-digi-icon-move-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-move-h svg.sc-digi-icon-move{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";export{t as digi_icon_move}
+import{r as i,h as e}from"./p-B8OxDoWx.js";import{r as d}from"./p-BGaIliX6.js";const t=class{constructor(e){i(this,e),this.afSvgAriaHidden=!0,this.titleId=d("icontitle")}render(){return e("svg",{key:"23c58edcecd130229bcd5bed30da46049bd4a66f",class:"digi-icon-move",width:"62px",height:"62px",viewBox:"0 0 62 62","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0,xmlns:"http://www.w3.org/2000/svg",fill:"currentColor"},this.afTitle&&e("title",{key:"5fe50d4c27cf15fc5fa817538bd261826f9f2617",id:this.titleId},this.afTitle),this.afDesc&&e("desc",{key:"4842fd1ed7fa489ffede2568e915952d7dbbffa0"},this.afDesc),e("defs",{key:"1de0775dad0857870c9ac31501e7ef9b9b4bd502"},e("polygon",{key:"a9679de99496f31797b7173978edb9f9803797c4",points:"0 0 62 0 62 62 0 62"})),e("g",{key:"cfa0404b285576243e8512e08365007d9a34f235",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},e("g",{key:"261bc6b51d91475ed54d9ba345a1f1d7d00f0118",transform:"translate(-40, -972)"},e("g",{key:"b704da4ada5f7c2df738d1cc1ecddbda6a11a6b6",transform:"translate(40, 972)"},e("path",{key:"17e704db4989eeea67377e14da8a1026564b3a14",d:"M62,30.627194 C61.9983684,30.0659456 61.6753158,29.586274 61.2086842,29.3448067 L49.8414737,21.9147917 L49.8333158,21.9196863 C49.5102632,21.7385858 49.1431579,21.6276414 48.7466842,21.6276414 C47.5099474,21.6276414 46.5065263,22.627773 46.5,23.8628457 L46.5,23.8628457 L46.5,23.8710034 L46.5,27.8698982 L33.9743684,27.8698982 L33.9743684,15.5012237 L38.1381579,15.4995921 C39.3732632,15.493066 40.3734211,14.4913029 40.3734211,13.2545986 C40.3734211,12.8565038 40.2608421,12.4910397 40.0813684,12.1679956 L40.0862632,12.1582064 L32.6544211,0.792926502 C32.4145789,0.324675666 31.93,0 31.3671053,0 L30.628,0.00163153601 C30.0667368,0.00326307202 29.5854211,0.326307202 29.3455789,0.792926502 L21.9137368,12.1582064 L21.9186316,12.1679956 C21.7391579,12.4910397 21.6265789,12.8565038 21.6265789,13.2545986 C21.6265789,14.4913029 22.6267368,15.493066 23.8618421,15.4995921 L23.8634737,15.5012237 L23.8716316,15.5012237 L27.8706316,15.5012237 L27.8706316,27.8698982 L15.5,27.8698982 L15.5,23.8628457 C15.4934737,22.627773 14.4916842,21.6276414 13.2549474,21.6276414 C12.8584737,21.6276414 12.4913684,21.7385858 12.1683158,21.9196863 L12.1585263,21.9147917 L0.792947368,29.336649 L0.792947368,29.3448067 C0.324684211,29.586274 0,30.0692087 0,30.6320886 L0,31.372806 C0.00326315789,31.9340544 0.326315789,32.413726 0.792947368,32.6551933 L0.792947368,32.663351 L12.1585263,40.0852083 L12.1683158,40.0803137 C12.4913684,40.2614142 12.8584737,40.3723586 13.2549474,40.3723586 C14.4916842,40.3723586 15.4934737,39.372227 15.5,38.1371543 L15.5,38.1371543 L15.5,38.1289966 L15.5,33.9751059 L27.8706316,33.9751059 L27.8706316,46.4987763 L23.8618421,46.5004079 C22.6267368,46.5053025 21.6265789,47.5086971 21.6265789,48.7454014 C21.6265789,49.1418647 21.7391579,49.5089603 21.9186316,49.8320044 L21.9137368,49.8401621 L29.3374211,61.2070735 L29.3455789,61.2070735 C29.5870526,61.6753243 30.07,62 30.6328947,62 L31.3736316,61.9983685 C31.9332632,61.9967369 32.4145789,61.6736928 32.6544211,61.2070735 L32.6625789,61.2070735 L40.0862632,49.8401621 L40.0813684,49.8320044 C40.2608421,49.5089603 40.3734211,49.1418647 40.3734211,48.7454014 C40.3734211,47.5086971 39.3732632,46.5053025 38.1381579,46.5004079 L38.1381579,46.4987763 L38.1283684,46.4987763 L33.9743684,46.4987763 L33.9743684,33.9751059 L46.5,33.9751059 L46.5,38.1371543 C46.5065263,39.372227 47.5099474,40.3723586 48.7466842,40.3723586 C49.1431579,40.3723586 49.5102632,40.2614142 49.8333158,40.0803137 L49.8414737,40.0852083 L61.2086842,32.6551933 C61.6769474,32.413726 62,31.9307913 62,31.3679114 L62,30.627194 Z",fill:"currentColor"})))))}};t.style=".sc-digi-icon-move-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-move-h svg.sc-digi-icon-move{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";export{t as digi_icon_move}

package/dist/digi-arbetsformedlingen/{p-5cc2f6ca.entry.js → p-5be311d7.entry.js}

@@ -1 +1 @@
-import{r as i,h as c}from"./p-BXG8DzZe.js";import{r as e}from"./p-BGaIliX6.js";const t=class{constructor(c){i(this,c),this.afSvgAriaHidden=!0,this.titleId=e("icontitle")}render(){return c("svg",{key:"7e7362c73d293709e74cbb58d41ee14588d2a6b6",class:"digi-icon-check",width:"23",height:"18",viewBox:"0 0 23 18",xmlns:"http://www.w3.org/2000/svg","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0},this.afTitle&&c("title",{key:"0b6cad5ad89e4df27945f378275265d370a7de32",id:this.titleId},this.afTitle),this.afDesc&&c("desc",{key:"b1ae6ed14da198fdbe4c924240de976382c749c0"},this.afDesc),c("path",{key:"c9e70d7b31bc6588142208eb8acb84f8b3902820",class:"digi-icon-check__shape",d:"M20.547.18L7.315 13.627 2.453 8.686a.597.597 0 00-.853 0L.177 10.132a.62.62 0 000 .868l6.711 6.82c.236.24.618.24.854 0L22.823 2.493a.62.62 0 000-.867L21.4.18a.597.597 0 00-.853 0z",fill:"currentColor","fill-rule":"nonzero"}))}};t.style=".sc-digi-icon-check-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-check-h svg.sc-digi-icon-check{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";export{t as digi_icon_check}
+import{r as i,h as c}from"./p-B8OxDoWx.js";import{r as a}from"./p-BGaIliX6.js";const e=class{constructor(c){i(this,c),this.afSvgAriaHidden=!0,this.titleId=a("icontitle")}render(){return c("svg",{key:"9decd569832a1fbe6982a817e988bd03b6fad72f",class:"digi-icon-check",width:"23",height:"18",viewBox:"0 0 23 18",xmlns:"http://www.w3.org/2000/svg","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0},this.afTitle&&c("title",{key:"d5a25e96e4c330229dfbd210c8a0a0857fb9a7b7",id:this.titleId},this.afTitle),this.afDesc&&c("desc",{key:"0151ffa3f2795a496a631461a1a17ac9c3a575f1"},this.afDesc),c("path",{key:"d7494edd3881562e7325ee761d52d43cb29297c8",class:"digi-icon-check__shape",d:"M20.547.18L7.315 13.627 2.453 8.686a.597.597 0 00-.853 0L.177 10.132a.62.62 0 000 .868l6.711 6.82c.236.24.618.24.854 0L22.823 2.493a.62.62 0 000-.867L21.4.18a.597.597 0 00-.853 0z",fill:"currentColor","fill-rule":"nonzero"}))}};e.style=".sc-digi-icon-check-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-check-h svg.sc-digi-icon-check{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";export{e as digi_icon_check}