@designsystem-se/af 34.2.1-beta.1 → 34.2.1-beta.3

package/dist/digi-arbetsformedlingen/p-0399153b.entry.js

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

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

@@ -1 +0,0 @@
-import{r as o,h as t,H as i,g as e}from"./p-f1de4bf6.js";import{F as r}from"./p-c15ba44e.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import"./p-cdf86efc.js";import"./p-ee9589e6.js";import"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5a602122.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-3887bb40.js";import"./p-d4a341f4.js";import"./p-9c5a93d8.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import{L as s}from"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-85914c7f.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const n=class{constructor(t){o(this,t),this.afVariation=r.LARGE}get cssModifiers(){return{"digi-footer--small":this.afVariation==r.SMALL}}render(){return t(i,{key:"27eaaeb6323b8eab2c9e676e52baff22e3931b59"},t("footer",{key:"a18d1fbd40129804018f9768db4f3aa27cd3ecdf",class:Object.assign({"digi-footer":!0},this.cssModifiers)},t("digi-typography",{key:"87b429e38f0eb8d589b7522cff7130f0cbf30634"},t("digi-layout-block",{key:"d983d8d03811df520b946e701e50f8a7d88259aa",afVariation:s.PROFILE},t("digi-layout-container",{key:"3213388b3b270fedbb848c1d6d129d693f8876cd","af-no-gutter":!0},t("div",{key:"4b8725eaead3c4b9ce57d7b77af3fcb3fa3522da",class:"digi-footer__content-top"},t("slot",{key:"c21f38065a406da56631f1f9345eb92e8d8f834d",name:"content-top"})),t("div",{key:"b3fc3c7fc7f8f6ba18865c5e58b7cda17ccc38ca",class:"digi-footer__content-bottom"},t("slot",{key:"f16a990a7608e2f673b39e1bc7191024afdfaac4",name:"content-bottom-left"}),t("slot",{key:"848d34e8d04affe50fab869bba06fb03625db725",name:"content-bottom-right"})))))))}get hostElement(){return e(this)}};n.style=".sc-digi-footer-h {\n  --digi--footer--text--color: var(--digi--color--text--secondary);\n  --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);\n  --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);\n  --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);\n  --digi--footer--link--color--default: var(--digi--color--text--secondary);\n  --digi--footer--link--color--hover: var(--digi--color--text--secondary);\n  --digi--footer--link--border-color--default: var(--digi--color--text--secondary);\n  --digi--footer--link--border-color--hover: var(--digi--color--text--secondary);\n  --digi--footer--padding-top: var(--digi--container-gutter--largest);\n  --digi--footer--margin-top: var(--digi--container-gutter--large);\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer {\n  --MARGIN-TOP: var(--digi--footer--margin-top);\n  color: var(--digi--footer--text--color);\n  font-family: var(--digi--footer--text--font-family);\n  font-size: var(--digi--footer--text--font-size);\n  font-weight: var(--digi--footer--text--font-weight);\n  line-height: normal;\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n  grid-template-columns: repeat(1, 1fr);\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n    grid-template-columns: repeat(4, 1fr);\n  }\n  .sc-digi-footer-h .digi-footer--small.sc-digi-footer-s > [slot^=content-top] > *:first-child, .sc-digi-footer-h .digi-footer--small .sc-digi-footer-s > [slot^=content-top] > *:first-child {\n    grid-column: 1/3;\n  }\n}\n@container (max-width: 600px) {\n  .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n    grid-template-columns: repeat(1, 1fr);\n  }\n}\n.sc-digi-footer-h .digi-footer__content-top.sc-digi-footer {\n  container-type: inline-size;\n  padding-top: var(--digi--footer--padding-top);\n}\n.sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  padding: var(--digi--footer--padding-top) 0;\n}\n@media (max-width: 61.9375rem) {\n  .sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n    justify-content: center;\n  }\n}\n@container (max-width: 600px) {\n  .sc-digi-footer-h .digi-footer__content-bottom {\n    justify-content: center;\n  }\n}\n.sc-digi-footer-h .sc-digi-footer-s  digi-logo  {\n  --digi--logo--padding--large--wide: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-top] {\n  display: grid;\n  grid-template-rows: repeat(2, auto);\n  column-gap: var(--digi--gutter--largest);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n  display: flex;\n  align-items: flex-end;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin-top: var(--MARGIN-TOP);\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n    --MARGIN-TOP: 0;\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n  color: var(--digi--footer--text--color);\n  padding: var(--digi--gutter--small);\n  margin: 0;\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n    padding: var(--digi--gutter--largest-2) var(--digi--gutter--small);\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n  color: var(--digi--footer--link--color--default);\n  border-color: var(--digi--footer--link--border-color--default);\n  margin: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:visited, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:visited {\n  color: var(--digi--footer--link--color--default);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:active, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:active {\n  background: transparent;\n  color: var(--digi--footer--link--color--hover);\n  border-color: var(--digi--footer--link--border-color--hover);\n}";export{n as digi_footer}

package/dist/digi-arbetsformedlingen/p-1158702e.entry.js

@@ -1 +0,0 @@
-import{r as i,c as a,h as e,g as t}from"./p-f1de4bf6.js";import"./p-717306ef.js";import{H as d}from"./p-c15ba44e.js";import"./p-a4a001e1.js";import"./p-cdf86efc.js";import"./p-ee9589e6.js";import"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5a602122.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-3887bb40.js";import"./p-d4a341f4.js";import"./p-9c5a93d8.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-85914c7f.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import{U as n}from"./p-cdcaf0eb.js";const o=class{constructor(e){i(this,e),this.afOnClose=a(this,"afOnClose",7),this.afOnEsc=a(this,"afOnEsc",7),this.afOnBackdropClick=a(this,"afOnBackdropClick",7),this.afOnToggle=a(this,"afOnToggle",7),this._focusableElementsSelectors='a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]',this.focusableElements=[],this.isMobile=void 0,this.isVisible=void 0,this.afCloseButtonText=void 0,this.afNavAriaLabel=void 0,this.afCloseButtonAriaLabel=void 0,this.afFocusableElement=void 0,this.afCloseFocusableElement=void 0,this.afActive=!1,this.afBackdrop=!0,this.afCentered=d.DEFAULT}enablePageScroll(){document.body.style.height="",document.body.style.overflowY="",document.body.style.paddingRight=""}disablePageScroll(){document.body.style.height="100vh",document.body.style.overflowY="hidden"}toggleHandler(i){const a=i.target;this._closeFocusableElement=a.querySelector(".digi-navigation-sidebar-button button"),a.matches("digi-navigation-sidebar-button")&&(this.afActive=!0)}get shouldUseFocusTrap(){return this.isMobile&&this.focusableElements.length>0}closeHandler(i){this.afActive=!1,this.afOnClose.emit(i)}escHandler(i){this.isMobile&&(this.afActive=!1,this.afOnClose.emit(i))}tabHandler(i){this.shouldUseFocusTrap&&document.activeElement===this.lastFocusableEl&&(i.detail.preventDefault(),this.firstFocusableEl.focus())}backdropClickHandler(i){this.afActive=!1,this.afOnClose.emit(i)}shiftHandler(i){this.shouldUseFocusTrap&&document.activeElement===this.firstFocusableEl&&(i.detail.preventDefault(),this.lastFocusableEl.focus())}clickHandler(i){this.shouldUseFocusTrap&&"button"===i.detail.target.tagName.toLowerCase()&&setTimeout((()=>{this.getFocusableItems()}),100)}setMobileView(i){i&&this.afActive?(this.disablePageScroll(),this.getFocusableItems()):this.enablePageScroll()}breakpointChange(i){this.isVisible=!1,"digi-util-breakpoint-observer"===i.target.nodeName.toLowerCase()&&(this.isMobile=i.detail.value===n.SMALL),setTimeout((()=>{this.isVisible=!0}),100)}componentDidLoad(){this._wrapper.addEventListener("transitionend",(()=>{this.getFocusableItems(),this.setFocus()}))}getFocusableItems(){const i=this._wrapper.querySelectorAll(this._focusableElementsSelectors);this.focusableElements=Array.prototype.slice.call(i).filter((function(i){return null!==i.offsetParent})),this.focusableElements.length>0&&(this.firstFocusableEl=this.focusableElements[0],this.lastFocusableEl=this.focusableElements[this.focusableElements.length-1])}setFocus(){if(this.afActive){let i;const a=this.firstFocusableEl;i=this.afFocusableElement?this.hostElement.querySelector(`${this.afFocusableElement}`):a,i&&i.focus()}else this.afCloseFocusableElement?document.querySelector(`${this.afCloseFocusableElement}`).focus():this._closeFocusableElement&&this._closeFocusableElement.focus()}get cssModifiers(){return{"digi-header-navigation--open":this.afActive,"digi-header-navigation--mobile":this.isMobile,"digi-header-navigation--visible":this.isVisible}}render(){return e("div",{key:"fb9799e806c7d3206d7ddcf49ad0bd8e7ca6ffe2",class:Object.assign({"digi-header-navigation":!0},this.cssModifiers)},e("digi-util-breakpoint-observer",{key:"562777731f122a7a2912e5b1775bb562b774ff71",onAfOnChange:i=>this.isMobile=i.detail.value===n.SMALL},e("digi-util-keydown-handler",{key:"7c84be7716a54d1d83e54ef6526d038e356a4fd2",onAfOnEsc:i=>this.escHandler(i),onAfOnTab:i=>this.tabHandler(i),onAfOnShiftTab:i=>this.shiftHandler(i)},e("div",{key:"4afd16f7da455f883f77dab67de218a8a950116f"},this.isMobile&&e("div",{key:"c35304399f6fabb8d030555cff53fffa147c27c4",class:"digi-header-navigation__backdrop",onClick:i=>this.backdropClickHandler(i)}),e("nav",{key:"b55416c51335f005d3670e3cac4e3918a118b790",class:"digi-header-navigation__wrapper","aria-label":this.afNavAriaLabel,"af-centered":this.afCentered,ref:i=>{this._wrapper=i}},this.isMobile&&e("digi-button",{key:"6ef4bc09d8c93f1077b1c3e2fc962c02b0f4b012",onClick:i=>this.closeHandler(i),"af-variation":"function","af-aria-label":this.afCloseButtonAriaLabel,class:"digi-header-navigation__close-button"},this.afCloseButtonText,e("digi-icon-x",{key:"8ede0075c443e4c818591a4bc9c708e0433fffef",slot:"icon-secondary"})),this.afCentered!==d.DEFAULT?e("digi-layout-container",{"af-max-width":this.afCentered},e("div",{role:"list",class:"digi-header-navigation__inner"},e("slot",null))):e("div",{role:"list",class:"digi-header-navigation__inner"},e("slot",null)))))))}get hostElement(){return t(this)}static get watchers(){return{isMobile:["setMobileView"]}}};o.style=".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--secondary-muted);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:var(--digi--padding--medium)}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--interactive--hover--quarternary)}";export{o as digi_header_navigation}

package/dist/digi-arbetsformedlingen/p-2496eee3.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as o,H as a,g as d}from"./p-f1de4bf6.js";import{c as r,b as e,D as s}from"./p-c15ba44e.js";import{r as n}from"./p-ffe5c0e8.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import{B as g}from"./p-cdf86efc.js";import"./p-ee9589e6.js";import{B as c}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5a602122.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-3887bb40.js";import"./p-d4a341f4.js";import"./p-9c5a93d8.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-85914c7f.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const l=class{constructor(o){i(this,o),this.afPrimaryButtonClick=t(this,"afPrimaryButtonClick",7),this.afSecondaryButtonClick=t(this,"afSecondaryButtonClick",7),this.afOnClose=t(this,"afOnClose",7),this._focusableElementsSelectors='a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]',this.focusableElements=[],this.afId=n("digi-dialog"),this.afVariation=r.PRIMARY,this.afSize=e.MEDIUM,this.afShowDialog=void 0,this.afCloseButtonText="Stäng",this.afHeadingLevel=s.H2,this.afHeading=void 0,this.afPrimaryButtonText=void 0,this.afSecondaryButtonText=void 0,this.afFallbackElementSelector=void 0}primaryClickHandler(i){this.afPrimaryButtonClick.emit(i)}secondaryClickHandler(i){this.afSecondaryButtonClick.emit(i)}escHandler(i){this._closeButton&&this.closeDialog(i)}shiftHandler(i){let t;t="DIGI-DIALOG"===document.activeElement.tagName?document.activeElement.shadowRoot.activeElement:document.activeElement,this.shouldUseFocusTrap?t===this._dialogHeading&&this.closeButtonEl||t===this.firstFocusableEl&&this.closeButtonEl?(i.detail.preventDefault(),this.closeButtonEl.focus()):(t===this._dialogHeading&&!this.closeButtonEl||t===this.firstFocusableEl&&!this.closeButtonEl||t===this.closeButtonEl)&&(i.detail.preventDefault(),this.lastFocusableEl.focus()):i.detail.preventDefault()}tabHandler(i){let t;t="DIGI-DIALOG"===document.activeElement.tagName?document.activeElement.shadowRoot.activeElement:document.activeElement,this.shouldUseFocusTrap?t===this.lastFocusableEl&&this.closeButtonEl?(i.detail.preventDefault(),this.closeButtonEl.focus()):t!==this.closeButtonEl&&t!==this.lastFocusableEl||(i.detail.preventDefault(),this.firstFocusableEl.focus()):i.detail.preventDefault()}onActive(){document.body.style.overflow="hidden",this.afCloseButtonText||(this._wrapper.style.paddingTop="25px"),this._dialogHeading&&(this._dialogHeading.style.marginTop="0"),this.onResize(),setTimeout((()=>{this.setFallback(),this.getFocusableItems(),this.setFocus()}),50)}buttonWidthMaxContent(){this._primaryButton&&(this._primaryButton.style.width="max-content",this._primaryButton.querySelector("button").style.width="max-content"),this._secondaryButton&&(this._secondaryButton.style.width="max-content",this._secondaryButton.querySelector("button").style.width="max-content")}buttonWidth100Percent(){this._primaryButton&&(this._primaryButton.style.width="100%",this._primaryButton.querySelector("button").style.width="100%"),this._secondaryButton&&(this._secondaryButton.style.width="100%",this._secondaryButton.querySelector("button").style.width="100%")}onResize(){this.buttonContainerObserver=new ResizeObserver((()=>{this._buttonContainer.clientWidth<=313?this.buttonWidth100Percent():this.buttonWidthMaxContent()})),this.buttonContainerObserver.observe(this._buttonContainer)}onInactive(){const i=this.fallbackElement;i&&i.focus(),this.buttonContainerObserver.disconnect(),document.body.style.overflow=""}closeDialog(i){this.afShowDialog=!1,this.afOnClose.emit(i)}setFallback(){this.afFallbackElementSelector&&document.querySelector(this.afFallbackElementSelector)?(this.fallbackElement=document.querySelector(this.afFallbackElementSelector),this.fallbackElement instanceof HTMLHeadingElement&&this.fallbackElement.setAttribute("tabindex","-1")):this.fallbackElement=document.activeElement}setFocus(){if(this.afShowDialog){let i;this.afHeading?(i=this._dialogHeading,this._dialogHeading.style.outline="none"):this.firstFocusableEl?(i=this.firstFocusableEl,i.getAttribute("tabindex")||i.setAttribute("tabindex","0")):this.closeButtonEl?i=this.closeButtonEl:(i=this._wrapper,i.setAttribute("tabindex","0")),i&&i.focus()}}getFocusableItems(){let i;const t=this._host.querySelectorAll(this._focusableElementsSelectors),o=this._wrapper.querySelectorAll(this._focusableElementsSelectors);if(this._closeButton){this.closeButtonEl=this._closeButton.children[0];const a=Array.prototype.slice.call(o);a.shift(),i=Array.from(t).concat(Array.from(a))}else i=Array.from(t).concat(Array.from(o));this.focusableElements=i,this.focusableElements.length>0&&(this.firstFocusableEl=this.focusableElements[0],this.lastFocusableEl=this.focusableElements[this.focusableElements.length-1])}componentDidLoad(){this.afShowDialog&&this.onActive()}componentDidUpdate(){this.afShowDialog?this.onActive():!this.afShowDialog&&this.fallbackElement&&this.onInactive()}get shouldUseFocusTrap(){return this.afShowDialog&&this.focusableElements.length>0}get cssModifiers(){return{"digi-dialog--primary":this.afVariation==r.PRIMARY,"digi-dialog--secondary":this.afVariation==r.SECONDARY,"digi-dialog--small":this.afSize==e.SMALL,"digi-dialog--medium":this.afSize==e.MEDIUM,"digi-dialog--large":this.afSize==e.LARGE}}render(){return o(a,{key:"b6fa143b71709908623eda3f8fda037f523a4f90",ref:i=>{this._host=i}},this.afShowDialog&&o("div",{key:"46ae05735ed8f54c75a82b5cc5e23effae77e745",class:Object.assign({"digi-dialog":!0},this.cssModifiers)},o("digi-util-keydown-handler",{key:"0740b3466fc4a3ac52bfe0a3d5d58fe2399c4474",onAfOnEsc:i=>this.escHandler(i),onAfOnTab:i=>this.tabHandler(i),onAfOnShiftTab:i=>this.shiftHandler(i),class:"digi-dialog__keydown-handler"},o("div",{key:"d6da8ca0633774200dff4ade8fb170f2fd19b6b9",ref:i=>{this._wrapper=i},role:"dialog","aria-modal":"true",class:"digi-dialog__content"},o("digi-typography",{key:"e5532e07a112ba5cadc4f4ee012c7c0b1ebc7eac"},this.afCloseButtonText&&o("digi-button",{key:"e52c53a254adfca3c0e7d22500f381877feb798d",ref:i=>this._closeButton=i,class:"digi-dialog__close-button",afAriaLabel:this.afCloseButtonText,afSize:g.MEDIUM,"af-variation":"function",onAfOnClick:i=>this.closeDialog(i)},this.afCloseButtonText,o("digi-icon-x",{key:"78b867c769a5f170a7b09270f0a466358febd0df",class:"digi-dialog__close-icon",slot:"icon-secondary"})),o("slot",{key:"20b204bea4212367ed6202e73185ee0f63ab85f3",name:"over-heading"}),this.afHeadingLevel&&this.afHeading&&o(this.afHeadingLevel,{key:"20b227dc35ebe307589e097cb64bcd7c47913729",tabindex:"-1",ref:i=>this._dialogHeading=i},this.afHeading),o("slot",{key:"2c5f707d8a5db9957a252e1a6a454824521b6541"}),o("div",{key:"167c44e5b9827f66b9355180d6af6a9fc8f783ad",ref:i=>this._buttonContainer=i,class:"digi-dialog__button-container"},this.afSecondaryButtonText&&o("digi-button",{key:"bca5ce02a71c2c4b43ec7eaebcc70016c5ea1d98",ref:i=>this._secondaryButton=i,afVariation:c.SECONDARY,onAfOnClick:i=>this.secondaryClickHandler(i)},this.afSecondaryButtonText),this.afPrimaryButtonText&&o("digi-button",{key:"1208655a175f323aa4bff70b0cf8daa28e2f3e86",ref:i=>this._primaryButton=i,afVariation:c.PRIMARY,onAfOnClick:i=>this.primaryClickHandler(i)},this.afPrimaryButtonText)))))))}get hostElement(){return d(this)}};l.style=":host{--digi--dialog--backdrop--position:fixed;--digi--dialog--backdrop--opacity:1;--digi--dialog--backdrop--z--index:999;--digi--dialog--backdrop--left:0;--digi--dialog--backdrop--top:0;--digi--dialog--backdrop--width:100vw;--digi--dialog--backdrop--height:100vh;--digi--dialog--backdrop--display:flex;--digi--dialog--backdrop--justify--content:center;--digi--dialog--backdrop--align--items:center;--digi--dialog--close--button--display:grid;--digi--dialog--close--button--justify--content:end;--digi--dialog--close--button--margin--right:-1rem;--digi--dialog--button--container--display:flex;--digi--dialog--button--container--flex-wrap:wrap;--digi--dialog--button--container--gap:var(--digi--gutter--large);--digi--dialog--button--container--padding--top:var(--digi--gutter--largest-2);--digi--dialog--button--text--align--mobile:center;--digi--dialog--content--gutter:var(--digi--gutter--largest);--digi--dialog--content--margin:var(--digi--margin--large) auto;--digi--dialog--content--padding:var(--digi--padding--large);--digi--dialog--content--width--small:28.75rem;--digi--dialog--content--width--medium:42.1875rem;--digi--dialog--content--width--large:56.25rem;--digi--dialog--content--color--primary:var(--digi--color--text--primary);--digi--dialog--content--color--background--primary:var(--digi--color--background--primary);--digi--dialog--icon--color--primary:var(--digi--color--icon--primary);--digi--dialog--icon--color--primary--hover:var(--digi--color--icon--primary)}:host .digi-dialog{background:rgba(0, 0, 0, 0.7);overflow-x:hidden;overflow-y:auto;position:var(--digi--dialog--backdrop--position);opacity:var(--digi--dialog--backdrop--opacity);z-index:var(--digi--dialog--backdrop--z--index);left:var(--digi--dialog--backdrop--left);top:var(--digi--dialog--backdrop--top);width:var(--digi--dialog--backdrop--width);height:var(--digi--dialog--backdrop--height);display:var(--digi--dialog--backdrop--display);justify-content:var(--digi--dialog--backdrop--justify--content);align-items:var(--digi--dialog--backdrop--align--items);padding:var(--digi--padding--medium);box-sizing:border-box}:host .digi-dialog--primary{--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--primary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--primary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:initial}:host .digi-dialog--secondary{--digi--dialog--content--color--secondary:var(\n    --digi--global--color--profile--white--base\n  );--digi--dialog--content--color--background--secondary:var(\n    --digi--global--color--profile--blue--base\n  );--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--secondary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--secondary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:#b7b7ff;--digi--color--text--primary:var(--digi--dialog--content--color--secondary)}:host .digi-dialog--small{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--small)}:host .digi-dialog--medium{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--medium)}:host .digi-dialog--large{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--large)}:host .digi-dialog__keydown-handler{width:100%;max-height:100%}:host .digi-dialog__content{background:var(--DIGI--DIALOG--COLOR--BACKGROUND);color:var(--DIGI--DIALOG--COLOR);max-width:var(--DIGI--DIALOG--CONTENT--WIDTH);width:100%;margin:var(--digi--dialog--content--margin);padding:var(--digi--padding--smaller) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding);box-sizing:border-box}:host .digi-dialog__close-button{--digi--button--color--text--function--default:var(--DIGI--DIALOG--COLOR);--digi--button--color--text--function--hover:var(--DIGI--DIALOG--COLOR);--digi--button--color--icon--function--default:var(--digi--dialog--icon--color--primary);--digi--button--color--icon--function--hover:var(--digi--dialog--icon--color--primary--hover);display:var(--digi--dialog--close--button--display);justify-content:var(--digi--dialog--close--button--justify--content);margin-right:var(--digi--dialog--close--button--margin--right)}:host .digi-dialog__button-container{display:var(--digi--dialog--button--container--display);flex-wrap:var(--digi--dialog--button--container--flex-wrap);gap:var(--digi--dialog--button--container--gap);padding-top:var(--digi--dialog--button--container--padding--top)}:host .digi-dialog__button-container digi-button,:host .digi-dialog__button-container .digi-button--medium{text-align:var(--digi--dialog--button--text--align--mobile)}:host .digi-dialog__button-container digi-button :first-of-type,:host .digi-dialog__button-container .digi-button--medium :first-of-type{--digi--button--color--border--primary--default:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY);--digi--button--color--border--primary--hover:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY)}";export{l as digi_dialog}

package/dist/digi-arbetsformedlingen/p-3887bb40.js

@@ -1 +0,0 @@
-var a,n,s,e;!function(a){a.H1="h1",a.H2="h2",a.H3="h3",a.H4="h4",a.H5="h5",a.H6="h6"}(a||(a={})),function(a){a.ENABLED="enabled",a.DISABLED="disabled"}(n||(n={})),function(a){a.SMALL="small",a.MEDIUM="medium",a.LARGE="large"}(s||(s={})),function(a){a.SUCCESS="success",a.ERROR="error",a.WARNING="warning"}(e||(e={}));export{a as F,n as a,s as b,e as c}