@designsystem-se/af 39.2.1 → 39.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/digi-bar-chart.js +67 -17
- package/components/digi-calendar-datepicker.js +1 -1
- package/components/digi-calendar-week-view.js +51 -6
- package/components/digi-calendar.js +1 -1
- package/components/digi-chart-line.js +57 -14
- package/components/digi-navigation-vertical-menu.js +27 -13
- package/components/digi-tablist.js +36 -13
- package/components/{p-CrUxQ9d0.js → p-C5A2t93y.js} +1 -1
- package/dist/cjs/{calendar-week-view-heading-level.enum-NEkm5SUq.js → calendar-week-view-heading-level.enum-BI2f9bbk.js} +7 -0
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/{digi-button_5.cjs.entry.js → digi-badge-notification_8.cjs.entry.js} +436 -7
- package/dist/cjs/digi-bar-chart.cjs.entry.js +67 -17
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +1 -2
- package/dist/cjs/digi-calendar_2.cjs.entry.js +1 -1
- package/dist/cjs/digi-chart-line.cjs.entry.js +57 -14
- package/dist/cjs/digi-code-block_3.cjs.entry.js +1 -2
- package/dist/cjs/digi-dialog.cjs.entry.js +1 -2
- package/dist/cjs/digi-footer.cjs.entry.js +1 -2
- package/dist/cjs/digi-form-error-list.cjs.entry.js +1 -2
- package/dist/cjs/digi-form-receipt.cjs.entry.js +1 -2
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +1 -2
- package/dist/cjs/digi-header-navigation.cjs.entry.js +1 -2
- package/dist/cjs/digi-header.cjs.entry.js +1 -2
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +1 -2
- package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +27 -13
- package/dist/cjs/digi-notification-alert.cjs.entry.js +1 -2
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +1 -2
- package/dist/cjs/digi-title-logo.cjs.entry.js +1 -2
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +1 -2
- package/dist/cjs/index-Cn1hHaSy.js +2 -14
- package/dist/cjs/index.cjs.js +6 -7
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/_calendar/calendar/calendar.css +5 -6
- package/dist/collection/components/_calendar/week-view/calendar-week-view.js +53 -8
- package/dist/collection/components/_chart/bar-chart/bar-chart.css +1 -1
- package/dist/collection/components/_chart/bar-chart/bar-chart.js +66 -16
- package/dist/collection/components/_chart/chart-line/chart-line.js +57 -14
- package/dist/collection/components/_navigation/navigation-tablist/navigation-tablist.js +36 -13
- package/dist/collection/components/_navigation/navigation-vertical-menu/navigation-vertical-menu.js +27 -13
- package/dist/collection/design-tokens/components/_logo.variables.scss +2 -0
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/p-0f7e995a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-26f6a310.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-3b42582a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-4384644b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-47513f97.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-569c628c.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-668d38d9.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-66f34ca5.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-6cb1c6ea.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-6e256f0c.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-71a8478d.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-9df345c4.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-BBOpiDGx.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a1deddb1.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-beebbc90.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-ee58a938.entry.js → p-c7ade486.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-d065e751.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-d150094c.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-df8efa59.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-e2b0b070.entry.js +1 -0
- package/dist/esm/{calendar-week-view-heading-level.enum-DH_-wpLB.js → calendar-week-view-heading-level.enum-BBOpiDGx.js} +8 -1
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/{digi-button_5.entry.js → digi-badge-notification_8.entry.js} +435 -9
- package/dist/esm/digi-bar-chart.entry.js +67 -17
- package/dist/esm/digi-calendar-datepicker.entry.js +1 -2
- package/dist/esm/digi-calendar_2.entry.js +1 -1
- package/dist/esm/digi-chart-line.entry.js +57 -14
- package/dist/esm/digi-code-block_3.entry.js +1 -2
- package/dist/esm/digi-dialog.entry.js +1 -2
- package/dist/esm/digi-footer.entry.js +1 -2
- package/dist/esm/digi-form-error-list.entry.js +1 -2
- package/dist/esm/digi-form-receipt.entry.js +1 -2
- package/dist/esm/digi-form-select-filter.entry.js +1 -2
- package/dist/esm/digi-header-navigation.entry.js +1 -2
- package/dist/esm/digi-header.entry.js +1 -2
- package/dist/esm/digi-navigation-pagination.entry.js +1 -2
- package/dist/esm/digi-navigation-vertical-menu.entry.js +27 -13
- package/dist/esm/digi-notification-alert.entry.js +1 -2
- package/dist/esm/digi-notification-error-page.entry.js +1 -2
- package/dist/esm/digi-title-logo.entry.js +1 -2
- package/dist/esm/digi-tools-feedback.entry.js +1 -2
- package/dist/esm/index-BnKuq1L7.js +2 -14
- package/dist/esm/index.js +1 -2
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/_calendar/week-view/calendar-week-view.d.ts +4 -2
- package/dist/types/components/_chart/bar-chart/bar-chart.d.ts +4 -2
- package/dist/types/components/_chart/chart-line/chart-line.d.ts +3 -1
- package/dist/types/components/_navigation/navigation-tablist/navigation-tablist.d.ts +4 -2
- package/dist/types/components/_navigation/navigation-vertical-menu/navigation-vertical-menu.d.ts +7 -2
- package/dist/types/components.d.ts +3 -3
- package/hydrate/index.js +236 -64
- package/hydrate/index.mjs +236 -64
- package/package.json +1 -1
- package/dist/cjs/badge-notification-shape.enum-CEyEo2G5.js +0 -8
- package/dist/cjs/digi-badge-notification.cjs.entry.js +0 -65
- package/dist/cjs/digi-tablist-panel.cjs.entry.js +0 -20
- package/dist/cjs/digi-tablist.cjs.entry.js +0 -289
- package/dist/digi-arbetsformedlingen/p-0394e694.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-09b52191.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0c88f210.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-151248bf.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-26099889.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-52a27991.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5ee5766d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-626c1bf5.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-674a7a94.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6c1fd994.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7682ad6f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7f180ce2.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-88bec555.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-CKoZU0-H.js +0 -1
- package/dist/digi-arbetsformedlingen/p-DH_-wpLB.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a556608d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-b3410fbd.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e002ceb8.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e6ee5a17.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ec6dd177.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-eee1b91f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-fea63204.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ff73fa2f.entry.js +0 -1
- package/dist/esm/badge-notification-shape.enum-CKoZU0-H.js +0 -8
- package/dist/esm/digi-badge-notification.entry.js +0 -63
- package/dist/esm/digi-tablist-panel.entry.js +0 -18
- package/dist/esm/digi-tablist.entry.js +0 -287
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,a as s,d as h}from"./p-BnKuq1L7.js";import{o as a,i as e,r,s as o,a as n,l,b as d,m as c,p,c as g,d as f}from"./p-lPbx4RHH.js";import{_ as b}from"./p-DsO1BTml.js";import{r as u}from"./p-BGaIliX6.js";import{B as v}from"./p-DPeoHh1J.js";function m(){var t,i,s=a().unknown(void 0),h=s.domain,o=s.range,n=0,l=1,d=!1,c=0,p=0,g=.5;function f(){var s=h().length,a=l<n,e=a?l:n,f=a?n:l;t=(f-e)/Math.max(1,s-c+2*p),d&&(t=Math.floor(t)),e+=(f-e-t*(s-c))*g,i=t*(1-c),d&&(e=Math.round(e),i=Math.round(i));var b=r(s).map((function(i){return e+t*i}));return o(a?b.reverse():b)}return delete s.unknown,s.domain=function(t){return arguments.length?(h(t),f()):h()},s.range=function(t){return arguments.length?([n,l]=t,n=+n,l=+l,f()):[n,l]},s.rangeRound=function(t){return[n,l]=t,n=+n,l=+l,d=!0,f()},s.bandwidth=function(){return i},s.step=function(){return t},s.round=function(t){return arguments.length?(d=!!t,f()):d},s.padding=function(t){return arguments.length?(c=Math.min(1,p=+t),f()):c},s.paddingInner=function(t){return arguments.length?(c=Math.min(1,t),f()):c},s.paddingOuter=function(t){return arguments.length?(p=+t,f()):p},s.align=function(t){return arguments.length?(g=Math.max(0,Math.min(1,t)),f()):g},s.copy=function(){return m(h(),[n,l]).round(d).paddingInner(c).paddingOuter(p).align(g)},e.apply(f(),arguments)}const y=class{constructor(i){t(this,i),this.afVariation=v.Vertical,this.afHeadingLevel="h3",this.afId=u("tooltip"),this.loading=!1,this.placeholderTicks=["0","1","2","3","4","5","6","7"],this.dataWidth=1,this.barGap=0,this.dims={},this.margin={bottom:0,top:6,left:5,right:15,ellipsis:!1},this.tickPadding=8,this.yTickSize=0,this.xTickSize=5,this.tickWidth=1,this.defaultDuration=400,this.fontSize="0.875rem",this.colorPalettes=["--digi--color--background--brand-primary","--digi--color--infographic--brand--primary","--digi--color--background--sentiment--beta--primary","--digi--color--text--interactive--visited","--digi--color--icon--validation--error"],this.barChartObserver=new ResizeObserver((t=>{t.forEach((()=>{if(this.loading)return this.loadingResize();this.resize()}))})),this.highlightBars=t=>{this.barChartContainer.selectAll(".bar").attr("fill",(t=>this.colorFunction(t.serie))).transition("color").duration(150).attr("fill",(i=>{var s;return i.serie===t?this.colorFunction(i.serie):(null===(s=this.chartData.meta)||void 0===s?void 0:s.prognosisPattern)&&this.series.indexOf(i.serie)>0?"url(#prognosisInactive)":this.evalColorVar("--digi--color--background--secondary-accent")})),o(this.legendDiv).selectAll(".legendChip").transition("colorLegend").duration(150).style("opacity",(i=>i===t?1:.25))},this.resetBarColor=()=>{this.barChartContainer.selectAll(".bar").transition("color").duration(150).attr("fill",(t=>this.colorFunction(t.serie))),o(this.legendDiv).selectAll(".legendChip").transition("colorLegend").duration(150).style("opacity",1),this.chartData.data.averageLine&&this.barChartContainer.selectAll(".averageLine").transition("avgLine").style("mix-blend-mode","plus-lighter").style("filter","contrast(0.5)")},this.highlightAverageLine=t=>{this.barChartContainer.selectAll(".bar").transition("color").duration(150).attr("fill",(t=>{var i;return(null===(i=this.chartData.meta)||void 0===i?void 0:i.prognosisPattern)&&this.series.indexOf(t.serie)>0?"url(#prognosisInactive)":this.evalColorVar("--digi--color--background--secondary-accent")})),this.barChartContainer.selectAll(".averageLine").transition("avgLine").duration(150).style("mix-blend-mode",null).style("filter",null),o(this.legendDiv).selectAll(".legendChip").transition("colorLegend").duration(150).style("opacity",(i=>i===t?1:.25))},this.averageLine=()=>{this.chartData.data.averageLine&&this.barChartContainer.select(".interactiveElements").selectAll(".averageLineGroup").data([this.chartData.data.averageLine]).join("g").attr("class","averageLineGroup").selectAll(".averageLine").data((t=>[t.value])).join("line").attr("class","averageLine").attr("x1",this.xScale.range()[0]).attr("y1",(t=>this.yScale(t))).attr("x2",this.xScale.range()[1]).attr("y2",(t=>this.yScale(t))).attr("stroke","var(--digi--color--infographic--lineart)").attr("stroke-width",2).attr("stroke-dasharray","12, 7").attr("stroke-linecap","round").style("mix-blend-mode","plus-lighter").style("filter","contrast(0.5)").style("pointer-events","none")},this.loadingResize=()=>{const t=this.setDims();this.barChartContainer.attr("transform",`translate(${this.margin.left+this.tickPadding+this.yTickSize},0)`),this.margin.right=this.getTextSize(this.xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,t&&(this.yScale.range(this.afVariation===v.Horizontal?[this.margin.top,this.dims.height-this.margin.bottom]:[this.dims.height-this.margin.bottom,this.margin.top]),this.xAxisHandle.attr("transform",`translate(0,${this.dims.height-this.margin.bottom})`)),this.xScale.range([0,this.dims.width-this.margin.right-this.margin.left]),this.setValueTicks(),this.adjustBarSize()},this.highlightBarGroup=(t,i)=>{if("string"==typeof i){const t="#"+this.barGroupID(i);this.barChartContainer.select(t).selectAll(".bar").transition("color").duration(20).attr("fill",(t=>{var i;return(null===(i=this.chartData.meta)||void 0===i?void 0:i.prognosisPattern)&&this.series.indexOf(t.serie)>0?"url(#prognosisHighlight)":this.adjustColor(this.colorFunction(t.serie),50)}))}},this.unHighlightBarGroup=()=>{this.barSelection.selectAll(".bar").transition("color").duration(100).attr("fill",(t=>this.colorFunction(t.serie)))},this.setTickInteraction=()=>{this.afVariation===v.Horizontal?this.yAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.highlightBarGroup).on("mouseleave",this.unHighlightBarGroup):this.xAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.highlightBarGroup).on("mouseleave",this.unHighlightBarGroup)},this.setYScale=t=>{var i,s,h;this.afVariation==v.Horizontal?(this.yScale=m(t?["0","1","2","3","4","5","6","7"]:this.chartData.data.xValueNames,[this.margin.top,this.dims.height-this.margin.bottom]).paddingOuter(.1).paddingInner(.1),this.yAxis=n(this.yScale)):(this.yScale=l().domain(t?[0,10]:[this.minVal,this.maxVal]).nice((null===(s=null===(i=this.chartData)||void 0===i?void 0:i.meta)||void 0===s?void 0:s.numberOfReferenceLines)?null===(h=this.chartData)||void 0===h?void 0:h.meta.numberOfReferenceLines:3),this.yScale.range([this.dims.height-this.margin.bottom,this.margin.top]),this.yAxis=n(this.yScale))},this.setXScale=t=>{this.afVariation==v.Horizontal?(this.xScale=l().domain(t?[0,10]:[this.minVal,this.maxVal]).nice(3),this.margin.right=this.getTextSize(this.xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,this.xScale.range([0,this.dims.width-this.margin.right-this.margin.left]),this.xAxis=d(this.xScale),this.tickWidth=this.getLargestText(this.xScale.ticks().map((t=>t.toLocaleString())))):(this.xScale=m().domain(t?this.placeholderTicks:this.chartData.data.xValueNames).range([0,this.dims.width-this.margin.right-this.margin.left]).paddingOuter(.1).paddingInner(.1),this.xAxis=d(this.xScale))},this.tickSizes=()=>{if(this.namedTickSizes=[],this.ellipsisSize=this.getTextSize("..."),this.chartData&&this.chartData.data)for(let t=0;t<this.chartData.data.xValueNames.length;t++)this.namedTickSizes.push(Math.ceil(this.getTextSize(this.chartData.data.xValueNames[t])))},this.barGroupID=t=>"barGroup"+t.replace(/[^A-Z0-9]+/gi,""),this.updateBars=()=>{this.barSelection=this.barChartContainer.select(".interactiveElements").selectAll(".barGroup").data(this.mappedData).join("g").attr("class","barGroup").attr("id",(t=>this.barGroupID(t.key))),this.barSelection.selectAll(".bar").data((t=>t.series)).join("rect").attr("class","bar").style("cursor","pointer").attr("x",this.xFunction).attr("y",this.yFunction).attr("ry",4).attr("rx",4).attr("width",this.widthFunction).attr("height",this.heightFunction).attr("fill",(t=>this.colorFunction(t.serie))).on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip),this.barSelection=this.barChartContainer.selectAll(".barGroup"),this.textSelection=this.barChartContainer.selectAll(".barText")},this.adjustBarText=()=>{var t,i;(null===(i=null===(t=this.chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)&&this.textSelection.attr("y",(t=>this.afVariation===v.Horizontal?this.yScale(t.key)+this.yScale.bandwidth()/2:this.yScale(t.value))).attr("x",(t=>this.afVariation===v.Horizontal?this.xScale(t.value):this.xScale(t.key)+this.xScale.bandwidth()/2)).attr("dx",(t=>this.afVariation===v.Horizontal?this.xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===v.Vertical||this.xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("text-anchor",(t=>this.afVariation===v.Vertical?"middle":this.xScale(t.value)<t.len+2*this.tickPadding?"start":"end"))},this.reshapeData=()=>{const t=[];return this.chartData?(this.chartData.data.xValueNames?this.chartData.data.xValueNames.forEach(((i,s)=>{const h={key:i,series:[]};this.chartData.data.series.forEach((t=>{t.yValues[s]&&h.series.push({key:i,serie:t.title,value:t.yValues[s],len:t.yValues[s]?this.getTextSize(t.yValues[s].toLocaleString()):0})})),t.push(h)})):this.chartData.data.xValues.forEach(((i,s)=>{const h={key:i.toString(),series:[]};this.chartData.data.series.forEach((t=>{t.yValues[s]&&h.series.push({key:i.toString(),serie:t.title,value:t.yValues[s],len:t.yValues[s]?this.getTextSize(t.yValues[s].toLocaleString()):0})})),t.push(h)})),t):(this.placeholderTicks.forEach((i=>{const s={key:i,series:[]};s.series.push({key:i,serie:"loading",value:Math.floor(8*Math.random()+2),len:0}),t.push(s)})),t)},this.adjustBarSize=()=>{this.barSelection.selectAll(".bar").attr("x",this.xFunction).attr("y",this.yFunction).attr("width",this.widthFunction).attr("height",this.heightFunction)},this.evalColorVar=t=>getComputedStyle(document.documentElement).getPropertyValue(t).trim().toLocaleLowerCase(),this.xFunction=(t,i)=>this.afVariation===v.Horizontal?this.xScale(t.value>0?0:t.value):this.xScale(t.key)+(this.xScale.bandwidth()/this.dataWidth*i+this.barGap*i),this.yFunction=(t,i)=>t.value?this.afVariation===v.Horizontal?this.yScale(t.key)+(this.yScale.bandwidth()/this.dataWidth*i+this.barGap*i):this.yScale(t.value<0?0:t.value):0,this.heightFunction=t=>t.value?this.afVariation===v.Horizontal?this.yScale.bandwidth()/this.dataWidth-this.barGap:t.value<0?this.yScale(t.value)-this.yScale(0):this.yScale(0)-this.yScale(t.value):0,this.widthFunction=t=>this.afVariation===v.Horizontal?Math.abs(this.xScale(0)-this.xScale(t.value)):this.xScale.bandwidth()/this.dataWidth-this.barGap,this.setDims=(t=!1)=>{const i=o(this.titleDiv).node().getBoundingClientRect(),s=o(this.legendDiv).node().getBoundingClientRect(),h=this.dims.height;return t||(this.dims=o(this.chartDiv).node().getBoundingClientRect()),this.dims.height=this.maxHeight-s.height-i.height-1.75*this.rem,this.dims.height=Number.isNaN(this.dims.height)?10:this.dims.height,this.dims.width=Number.isNaN(this.dims.width)?10:this.dims.width,h!==this.dims.height},this.setMargins=t=>{var i;if(this.pixelSize=Number(window.getComputedStyle(document.body).getPropertyValue("font-size").match(/\d+/)[0])*Number(this.fontSize.replace(/[^\d.]|\.(?=.*\.)/g,"")),this.afVariation===v.Horizontal){const t=(null===(i=this.chartData)||void 0===i?void 0:i.data)&&this.getLargestText(this.chartData.data.xValueNames)?this.getLargestText(this.chartData.data.xValueNames):0;this.margin.left=t,this.margin.bottom=this.pixelSize+this.tickPadding+this.xTickSize}else this.margin.left=this.getLargestText(t?["0","10"]:[this.minVal?this.tempScale[0].toLocaleString():"0",this.maxVal?this.tempScale[1].toLocaleString():"10"]),this.margin.bottom=this.pixelSize;this.margin.left>this.dims.width/4?(this.margin.left=Math.floor(this.dims.width/4),this.margin.ellipsis=!0):this.margin.ellipsis=!1},this.setNamedTicks=(t=!1)=>{if(this.afVariation==v.Horizontal)t?this.yAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").transition().duration(this.defaultDuration).call(this.yAxis.tickPadding(this.tickPadding).tickSize(this.yTickSize).tickSizeOuter(0).tickFormat(((t,i)=>{if(!this.margin.ellipsis)return t;const s=this.namedTickSizes[i]+this.tickPadding+this.yTickSize,h=this.margin.left;if(s<h)return t;const a=this.getTextSize(t.slice(0,Math.max(Math.floor(h/(s+this.ellipsisSize)*t.length),3)).trim()+"...");let e=0;return a>h&&(e=Math.ceil((a-h)/(s/t.length))),t.slice(0,Math.max(Math.floor(h/(s+this.ellipsisSize)*t.length)-e,3)).trim()+"..."}))):this.yAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").call(this.yAxis.tickPadding(this.tickPadding).tickSize(this.yTickSize).tickSizeOuter(0).tickFormat(((t,i)=>{if(!this.margin.ellipsis)return t.toLocaleString();const s=this.namedTickSizes[i]+this.tickPadding+this.yTickSize,h=this.margin.left;if(s<h)return t.toLocaleString();const a=this.getTextSize(t.slice(0,Math.max(Math.floor(h/(s+this.ellipsisSize)*t.length),3))+"...");let e=0;return a>h&&(e=Math.ceil((a-h)/(s/t.length))),t.slice(0,Math.max(Math.floor(h/(s+this.ellipsisSize)*t.length)-e,3)).trim()+"..."})));else{let i=Math.max(Math.round(this.chartData.data.xValues.length/((this.dims.width-this.margin.left-this.margin.right)/90-1)),1);Math.floor(this.chartData.data.xValues.length/i)<4&&(i=Math.round(this.chartData.data.xValues.length/4));const s=(this.dims.width-this.margin.left-this.margin.right)/Math.floor(this.chartData.data.xValues.length/i+1);t?this.xAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").transition().duration(this.defaultDuration).call(this.xAxis.tickValues(this.xScale.domain().filter(((...[,t])=>0==t||t%i==0))).tickPadding(this.tickPadding).tickSize(this.xTickSize).tickSizeOuter(0).tickFormat(((t,h)=>{const a=h*i;return this.namedTickSizes[a]<s?t:t.slice(0,Math.max(Math.floor(s/(this.namedTickSizes[a]+this.ellipsisSize+5)*t.length),3))+"..."}))):this.xAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").call(this.xAxis.tickValues(this.xScale.domain().filter(((...[,t])=>0==t||t%i==0))).tickPadding(this.tickPadding).tickSize(this.xTickSize).tickSizeOuter(0).tickFormat(((t,h)=>{const a=h*i;return this.namedTickSizes[a]<s?t:t.slice(0,Math.max(Math.floor(s/(this.namedTickSizes[a]+this.ellipsisSize+5)*t.length),3))+"..."})))}},this.setValueTicks=(t=!1)=>{var i,s;if((null===(i=this.chartData)||void 0===i?void 0:i.meta)&&(null===(s=this.chartData)||void 0===s?void 0:s.meta.hideXAxis))return void(this.afVariation===v.Horizontal?this.xAxisHandle.attr("display","none"):this.yAxisHandle.attr("display","none"));let h,a,e;this.afVariation===v.Horizontal?(this.xAxisHandle.attr("display",null),h=this.xAxis,a=-(this.dims.height-this.margin.top-this.margin.bottom),e=this.xAxisHandle):(this.yAxisHandle.attr("display",null),h=this.yAxis,a=-(this.dims.width-this.margin.left-this.margin.right),e=this.yAxisHandle);const r=Math.min(Math.floor((this.dims.width-this.margin.left-this.margin.right)/(this.tickWidth+this.xTickSize))-2,this.afVariation==v.Horizontal?this.xScale.ticks().length:this.yScale.ticks().length);t?e.style("font-size",this.fontSize).style("font-family","Open Sans").transition("newScale").duration(this.defaultDuration).call(h.ticks(this.afVariation===v.Horizontal?Math.max(2,Math.min(r,9)):5).tickPadding(this.tickPadding).tickSize(a).tickSizeOuter(0).tickFormat((t=>t.toLocaleString()))):e.style("font-size",this.fontSize).style("font-family","Open Sans").call(h.ticks(this.afVariation===v.Horizontal?Math.max(2,Math.min(r,9)):5).tickPadding(this.tickPadding).tickSize(a).tickSizeOuter(0).tickFormat((t=>t.toLocaleString()))),e.selectAll("line").attr("stroke","lightgray"),this.afVariation===v.Vertical&&this.yAxisHandle.select(".domain").attr("display","none")},this.hover=t=>{o(t.target).transition("color").duration(20).attr("fill",(i=>{var s;return"rect"===t.target.tagName?(null===(s=this.chartData.meta)||void 0===s?void 0:s.prognosisPattern)&&this.series.indexOf(i.serie)>0?"url(#prognosisHighlight)":this.adjustColor(this.colorFunction(i.serie),50):this.evalColorVar("--digi--color--background--interactive--hover--tertiary")}))},this.hoverOut=t=>{o(t.target).transition("color").duration(this.defaultDuration).attr("fill",(i=>"rect"===t.target.tagName?this.colorFunction(i.serie):"#333333"))},this.openTooltip=(...[,t])=>{this.tooltipData="string"==typeof t?this.barChartContainer.select(`#${this.barGroupID(t)}`).datum():t;const i=this.tooltip.select(".tooltipBody");this.tooltip.select(".tooltipHeading").html(this.tooltipData.key),i.selectAll("div").data(this.tooltipData.series?this.tooltipData.series:[this.tooltipData]).join("div").style("display","flex").style("flex-direction","row").style("flex-wrap","nowrap").style("white-space","nowrap").style("justify-content","space-between").style("margin","0.25rem 0").html((t=>`<span>${t.serie}: <b style="font-weight:600;">${t.value.toLocaleString(void 0,this.numberFormat)}</b></span>`)),this.tooltip.style("display",null),this.positionTooltip(this.tooltipData)},this.closeTooltip=()=>{this.tooltip.style("display","none")},this.positionTooltip=t=>{var i;const s=this.tooltip.node().getBoundingClientRect().width;if("serie"in t)if(this.afVariation===v.Horizontal){const i=this.xScale(t.value)/2-s/2;this.tooltip.style("transform",`translate(${this.margin.left+this.tickPadding+Math.max(i,-4)}px, ${this.yScale(t.key)+this.yScale.bandwidth()+this.yScale.paddingInner()*this.yScale.bandwidth()}px )`).style("max-width",this.xScale.range()[1]+"px"),this.tooltip.select("digi-icon-caret-up").style("position","absolute").style("top","-11px").style("left","0").style("transform",`translate(${i>0?s/2-10:this.xScale(t.value)/2}px,0)`)}else{const h=null===(i=this.mappedData.find((i=>i.key===t.key)))||void 0===i?void 0:i.series.findIndex((i=>i.serie===t.serie)),a=this.xScale.bandwidth()/this.dataWidth*(h?h+1:1)-this.xScale.bandwidth()/this.dataWidth/2,e=this.margin.left+this.tickPadding+this.yTickSize,r=5,o=this.dims.width-r<this.xScale(t.key)+e+a+s/2?(this.xScale(t.key)+e+a+s/2-(this.dims.width-r))/s*100:0;this.tooltip.style("transform",`translate( calc(${this.xScale(t.key)+e+a}px - ${50+o}%), calc(-100% + ${this.yScale(t.value>0?t.value:0)-2}px) )`),this.tooltip.select("digi-icon-caret-down").style("position","absolute").style("left",`calc(${50+o}% - 6px)`).style("bottom","-11.5px")}else if(this.afVariation===v.Horizontal)this.tooltip.style("transform",`translate(${this.tickPadding}px, ${this.yScale(t.key)+this.series.length*this.yScale.bandwidth()+5}px )`),this.tooltip.select("digi-icon-caret-up").style("position","absolute").style("top","-11px").style("left","0").style("transform","translate(50%,0)");else{const i=this.margin.left+this.tickPadding+this.yTickSize,h=this.xScale(t.key)+i+this.xScale.bandwidth()/2,a=c(t.series.map((t=>t.value))),e=5,r=this.dims.width-e<h+s/2?(h+s/2-(this.dims.width-e))/s*100:0;this.tooltip.style("transform",`translate( calc(${this.xScale(t.key)+i+this.xScale.bandwidth()/2}px - ${50+r}%), calc(-100% + ${this.yScale(a&&a>0?a:0)-1}px) )`),this.tooltip.select("digi-icon-caret-down").style("position","absolute").style("left",`calc(${50+r}% - 6px)`).style("bottom","-11.5px")}},this.recomputeTextSize=()=>{var t,i;this.afVariation==v.Horizontal&&(this.tickWidth=this.getLargestText(this.xScale.ticks().map((t=>t.toLocaleString())))),this.tickSizes(),this.barChartContainer.selectAll(".barGroup").data(this.mappedData),(null===(i=null===(t=this.chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)&&this.textSelection.remove(),this.initBarText()},this.activateTable=t=>{this.closeTooltip(),this.barChartObserver.disconnect(),this.status.innerHTML="<p>Visas som tabell</p>",o(this.host).select(".tableButton").style("display","none"),o(this.host).select(".chartButton").style("display",null),t.target.nextSibling.lastChild.focus(),this.svg.attr("opacity",1).transition("fadeout").duration(150).attr("opacity",0).on("end",(()=>{this.svg.remove(),o(this.legendDiv).select(".legend").selectAll(".legendChip").remove(),this.legendDiv.style.display="none",this.tableDiv.style.display="block",this.setTableContent(),this.setTableDimensions(),o(this.tableDiv).style("opacity",0).transition("fadein").duration(150).style("opacity",1),this.chartDiv.style.display="none"})),o(this.legendDiv).style("opacity",1).transition("fadeout").duration(150).style("opacity",0)},this.reInitChart=t=>{this.status.innerHTML="<p>Visas som diagram</p>",o(this.host).select(".tableButton").style("display",null),o(this.host).select(".chartButton").style("display","none"),t.target.previousSibling.lastChild.focus();const i=o(this.tableDiv);i.style("opacity",1).transition().duration(150).style("opacity",0).on("end",(()=>{i.style("display","none"),this.chartDiv.style.display="flex",this.legendDiv.style.display="grid",this.initChain(),this.svg.attr("opacity",0).transition().duration(150).attr("opacity",1),o(this.legendDiv).style("opacity",0).transition("fadeout").duration(150).style("opacity",1)}))}}afChartDataUpdate(t){("string"==typeof t&&Object.keys(JSON.parse(t)).length>0||"string"!=typeof t&&Object.keys(t).length>0)&&(this.chartData="string"!=typeof t?t:JSON.parse(t),this.series=this.chartData.data.series.map((t=>t.title))),this.mappedData=this.reshapeData(),this.mappedData.forEach((t=>{t.series.length>this.dataWidth&&(this.dataWidth=t.series.length)})),this.dataWidth>1&&(this.barGap=1)}initSvg(){var t,i,s,h,a,e,r;this.numberFormat={maximumSignificantDigits:null===(s=null===(i=null===(t=this.chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.labelProperties)||void 0===s?void 0:s.significantDigits,notation:(null===(e=null===(a=null===(h=this.chartData)||void 0===h?void 0:h.meta)||void 0===a?void 0:a.labelProperties)||void 0===e?void 0:e.shortHand)?"compact":"standard"},o(this.chartDiv).select(".chartSVG").remove(),this.maxHeight=null===(r=o(this.host).node().parentNode)||void 0===r?void 0:r.getBoundingClientRect().height,this.barChartObserver.observe(this.chartDiv),this.rem=parseFloat(getComputedStyle(document.documentElement).fontSize),this.setDims(),this.setMinMax(),this.setMargins(),this.svg=o(this.chartDiv).append("svg").attr("class","chartSVG").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this.chartData&&this.chartData.title?"Stapeldiagram om "+this.chartData.title.toLowerCase():"Stapeldiagram").attr("style","display: flex;min-width: 0;width: 100%;height: auto;")}initLegend(){const t=this.chartData.data.series.map((t=>t.title));this.chartData.data.averageLine&&t.push(this.chartData.data.averageLine.text);const i=o(this.legendDiv).select(".legend").style("margin-left",`${this.margin.left+this.tickPadding+this.yTickSize}px`).style("margin-top","0.5rem").selectAll(".legendChip").data(t).join("div").attr("class","legendChip").style("display","flex").style("flex-direction","row").style("align-items","center").style("gap","0.25rem").style("cursor","default").on("mouseenter",((t,i)=>this.highlightBars(i))).on("mouseleave",this.resetBarColor);if(i.append("svg").attr("width",19).attr("height",19).append("rect").attr("x",0).attr("y",0).attr("width",18).attr("height",18).attr("rx",4).attr("ry",4).attr("fill",(t=>this.colorFunction(t))),i.append("span").style("text-wrap","nowrap").style("font-size","0.875rem").text((t=>t)),this.chartData.data.averageLine){const t=i.filter(":last-child").on("mouseenter",((t,i)=>this.highlightAverageLine(i))).select("svg").attr("width",36);t.select("rect").remove(),t.append("line").attr("x1",1).attr("x2",35).attr("y1",10).attr("y2",10).attr("stroke","var(--digi--color--infographic--lineart)").attr("stroke-linecap","round").attr("stroke-dasharray","12, 7")}}initToolTip(){this.tooltip=o("#"+this.afId),this.tooltip.select(".tooltipClose").on("click",this.closeTooltip),this.tooltip.selectAll(".tooltipHeading").remove(),this.tooltip.select(".tooltipHead").insert("h"+(parseInt(this.afHeadingLevel.replace(/\D/g,""))+1),":first-child").attr("class","tooltipHeading").style("text-wrap","wrap").style("font-size","1rem").style("margin","0 0.75rem 0.25rem 0 ").style("font-weight","500"),this.tooltip.style("display","none")}initEmpty(){o(this.chartDiv).select(".chartSVG").remove(),this.maxHeight=o(this.host).node().parentNode.getBoundingClientRect().height,this.barChartObserver.observe(this.chartDiv),this.setDims(),this.rem=parseFloat(getComputedStyle(document.documentElement).fontSize),this.setMargins(),this.svg=o(this.chartDiv).append("svg").attr("class","chartSVG").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this.chartData&&this.chartData.title?"Stapeldiagram om "+this.chartData.title.toLowerCase():"Stapeldiagram").attr("style","display: flex;min-width: 0;width: 100%;height: auto;"),o(this.titleDiv).select(this.afHeadingLevel).html(`${b.loading}...`),this.initYAxis(!0),this.initXAxis(!0),this.tooltip=o("#"+this.afId),this.tooltip.style("display","none"),this.loadingState(!0)}loadingState(t){this.loading=!0,this.tooltip&&this.closeTooltip(),o(this.host).select(".tableButton").style("display","none");const i=this.setDims();this.transitionTitle(),this.xAxisHandle.selectAll(".tick").remove(),this.xAxisHandle.select("path").remove(),this.svg.transition().duration(400).attr("aria-label",this.chartData&&this.chartData.title?"Stapeldiagram om "+this.chartData.title.toLowerCase():"Stapeldiagram"),this.setMargins(!0),o(this.titleDiv).select(this.afHeadingLevel).html(`${b.loading}...`),this.barChartContainer.transition("position").duration(this.defaultDuration).ease(p).attr("transform",`translate(${this.margin.left+this.tickPadding+this.yTickSize},0)`),i&&(this.yScale.range(this.afVariation===v.Horizontal?[this.margin.top,this.dims.height-this.margin.bottom]:[this.dims.height-this.margin.bottom,this.margin.top]),this.xAxisHandle.attr("transform",`translate(0,${this.dims.height-this.margin.bottom})`));const s=()=>{this.barChartContainer.selectAll(".interactiveElements").remove(),this.barSelection=this.barChartContainer.append("g").attr("class","interactiveElements").style("isolation","isolate").selectAll("barGroup").data(this.mappedData).join("g").attr("class","barGroup").attr("id",(t=>this.barGroupID(t.key))),this.barSelection.selectAll("bar").data((t=>t.series)).join("rect").attr("class","bar").attr("y",(t=>this.afVariation===v.Horizontal?this.yScale(t.key):this.dims.height-this.margin.bottom)).attr("x",this.xFunction).attr("ry",4).attr("rx",4).attr("width",this.widthFunction).attr("height",(()=>0)).attr("fill","gray"),this.barChartContainer.selectAll(".bar").transition("animateBar").duration(400).delay(((...[,t])=>150*t)).attr("y",this.yFunction).attr("height",this.heightFunction),this.barChartContainer.selectAll(".bar").transition("animateBar").duration(400).ease(f).delay(((...[,t])=>150*t+400)).attr("y",(t=>this.afVariation===v.Horizontal?this.yScale(t.key):this.dims.height-this.margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>{t===this.placeholderTicks.length-1&&s()}))};t?s():(()=>{this.barChartContainer.selectAll(".bar").transition("animateBar").duration(200).ease(f).attr("y",(t=>this.afVariation===v.Horizontal?this.yScale(t.key):this.dims.height-this.margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>{0==t&&(this.setYScale(!0),this.setValueTicks(),this.setXScale(!0),this.barChartObserver.observe(this.chartDiv),s())}))})()}transitionTitle(){const t=o(this.titleDiv).style("height");o(this.titleDiv).style("height",this.prevHeight).transition("adjust").duration(400).style("height",t).on("end",(()=>o(this.titleDiv).style("height",null)))}initYAxis(t){this.setYScale(t),this.barChartContainer=this.svg.append("g").attr("transform",`translate(${this.margin.left+this.tickPadding+this.yTickSize},0)`),this.yAxisHandle=this.barChartContainer.append("g"),this.afVariation===v.Horizontal?(this.tickSizes(),this.setNamedTicks(),this.setTickInteraction()):this.setValueTicks()}setMinMax(){var t,i,s,h,a,e,r;const o=c(null===(t=this.chartData)||void 0===t?void 0:t.data.series[0].yValues)?c(null===(i=this.chartData)||void 0===i?void 0:i.data.series[0].yValues):0,n=g([0,g(null===(s=this.chartData)||void 0===s?void 0:s.data.series[0].yValues)])?g([0,g(null===(h=this.chartData)||void 0===h?void 0:h.data.series[0].yValues)]):0;this.maxVal=o,this.minVal=n,this.tempScale=l().domain([this.minVal,this.maxVal]).nice((null===(e=null===(a=this.chartData)||void 0===a?void 0:a.meta)||void 0===e?void 0:e.numberOfReferenceLines)?null===(r=this.chartData)||void 0===r?void 0:r.meta.numberOfReferenceLines:3).domain()}initXAxis(t){this.setXScale(t),this.xAxisHandle=this.barChartContainer.append("g").attr("transform",`translate(0,${this.dims.height-this.margin.bottom})`),this.afVariation===v.Horizontal?this.setValueTicks():t||(this.tickSizes(),this.setNamedTicks(),this.setTickInteraction())}initBars(){this.barSelection=this.barChartContainer.append("g").attr("class","interactiveElements").style("isolation","isolate").selectAll("barGroup").data(this.mappedData).join("g").attr("class","barGroup").attr("id",(t=>this.barGroupID(t.key))),this.barSelection.selectAll(".barGroup").data((t=>t.series)).join("rect").attr("class","bar").style("cursor","pointer").attr("x",this.xFunction).attr("y",this.yFunction).attr("ry",4).attr("rx",4).attr("width",this.widthFunction).attr("height",this.heightFunction).attr("fill",(t=>this.colorFunction(t.serie))).on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip)}initBarText(){var t,i;(null===(i=null===(t=this.chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)&&(this.textSelection=this.barChartContainer.selectAll(".barGroup").append("text"),this.textSelection.text((t=>t.value?t.value.toLocaleString(void 0,this.numberFormat):void 0)).attr("class","barText").attr("font-size",this.fontSize).attr("font-weight","600").attr("text-anchor","end").attr("y",(t=>this.afVariation===v.Horizontal?this.yScale(t.key)+this.yScale.bandwidth()/2:this.yScale(t.value))).attr("x",(t=>this.afVariation===v.Horizontal?this.xScale(t):this.xScale(t.key)+this.xScale.bandwidth())).attr("dy",(()=>this.afVariation==v.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").style("display",(()=>{var t,i;return(null===(i=null===(t=this.chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)?null:"none"})),this.adjustBarText())}initChain(){this.initSvg(),this.initLegend(),this.initToolTip(),this.initYAxis(),this.initXAxis(),this.initBars(),this.averageLine(),this.initBarText()}async updateChain(){var t,i,s,h,a,e;if(this.numberFormat={maximumSignificantDigits:null===(s=null===(i=null===(t=this.chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.labelProperties)||void 0===s?void 0:s.significantDigits,notation:(null===(e=null===(a=null===(h=this.chartData)||void 0===h?void 0:h.meta)||void 0===a?void 0:a.labelProperties)||void 0===e?void 0:e.shortHand)?"compact":"standard"},this.tooltip&&this.closeTooltip(),"block"==this.tableDiv.style.display)this.chartData.title?(this.setTableContent(),this.setTableDimensions()):o(this.titleDiv).select(this.afHeadingLevel).html(`${b.loading}...`),this.transitionTitle();else{this.loading&&(o(this.host).select(".tableButton").style("display",null),o(this.legendDiv).style("display",null),this.initToolTip(),this.initLegend()),this.barChartObserver.disconnect(),this.setMinMax();const t=this.setDims();this.transitionTitle(),this.svg.attr("aria-label",this.chartData&&this.chartData.title?"Stapeldiagram om "+this.chartData.title.toLowerCase():"Stapeldiagram"),this.setMargins(),this.barChartContainer.transition("position").duration(this.defaultDuration).ease(p).attr("transform",`translate(${this.margin.left+this.tickPadding+this.yTickSize},0)`),this.loading||this.barChartContainer.on("end",(()=>this.barChartObserver.observe(this.chartDiv))),t&&(this.yScale.range(this.afVariation===v.Horizontal?[this.margin.top,this.dims.height-this.margin.bottom]:[this.dims.height-this.margin.bottom,this.margin.top]),this.xAxisHandle.attr("transform",`translate(0,${this.dims.height-this.margin.bottom})`)),this.tickSizes(),this.setYScale(),this.setXScale(),this.setTickInteraction(),this.tickWidth=this.getLargestText(this.afVariation==v.Horizontal?this.xScale.ticks().map((t=>t.toLocaleString())):this.yScale.ticks().map((t=>t.toLocaleString()))),this.setValueTicks(!0),this.loading?(o(this.legendDiv).style("opacity",0).transition().duration(400).ease(p).style("opacity",1),this.margin.right=this.getTextSize(this.xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,this.xScale.range([0,this.dims.width-this.margin.right-this.margin.left]),this.setNamedTicks(!0),this.barChartContainer.selectAll(".barGroup").on("end",null),o(this.titleDiv).select(".loadingHeader").remove(),this.loading=!1,this.barChartContainer.selectAll(".bar").interrupt("animateBar"),this.barChartContainer.selectAll(".bar").transition().duration(this.defaultDuration).attr("y",(t=>this.afVariation===v.Horizontal?this.yScale(t.key):this.dims.height-this.margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>{t===this.placeholderTicks.length-1&&(this.updateBars(),this.barChartObserver.observe(this.chartDiv))})),this.setTickInteraction()):(this.setNamedTicks(!0),this.updateBars())}}colorFunction(t){var i;if("number"==typeof t)return this.evalColorVar(this.colorPalettes[t]);{const s=this.chartData.data.series.findIndex((i=>i.title===t));return s>0?(null===(i=this.chartData.meta)||void 0===i?void 0:i.prognosisPattern)?"url(#prognosis)":this.evalColorVar(this.colorPalettes[s]):this.evalColorVar(this.colorPalettes[0])}}resize(){const t=this.setDims();this.barChartContainer.attr("transform",`translate(${this.margin.left+this.tickPadding+this.yTickSize},0)`),this.margin.right=this.getTextSize(this.xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,t&&(this.yScale.range(this.afVariation===v.Horizontal?[this.margin.top,this.dims.height-this.margin.bottom]:[this.dims.height-this.margin.bottom,this.margin.top]),this.xAxisHandle.attr("transform",`translate(0,${this.dims.height-this.margin.bottom})`)),this.xScale.range([0,this.dims.width-this.margin.right-this.margin.left]),this.setNamedTicks(),this.setValueTicks(),this.setTickInteraction(),this.averageLine(),this.adjustBarSize(),this.adjustBarText(),"none"!==this.tooltip.style("display")&&this.positionTooltip(this.tooltipData)}getLargestText(t){let i=0;return t.forEach((t=>{const s=this.getTextSize(t);s>i&&(i=s)})),i}adjustColor(t,i){return"#"+t.replace(/^#/,"").replace(/../g,(t=>("0"+Math.min(255,Math.max(0,parseInt(t,16)+i)).toString(16)).substr(-2)))}componentWillLoad(){this.afChartDataUpdate(this.afChartData)}componentDidLoad(){if(!this.chartData||0===Object.keys(this.chartData).length)return this.loading=!0,this.initEmpty();this.initChain(),document.fonts.ready.then((()=>{this.recomputeTextSize(),this.setNamedTicks(),this.barChartContainer.attr("transform",`translate(${this.margin.left+this.tickPadding+this.yTickSize},0)`)}))}disconnectedCallback(){this.barChartObserver.disconnect()}componentWillUpdate(){this.prevHeight=o(this.titleDiv).style("height")}componentDidUpdate(){if("block"!=this.tableDiv.style.display&&0===Object.keys(this.chartData).length)return this.barChartObserver.disconnect(),this.loadingState();this.updateChain()}getTextSize(t){const i=[],s=o(this.chartDiv).append("svg");return s.selectAll("dummyText").data([t]).join("text").attr("font-size",this.fontSize).text((t=>t)).each(((...[,t,s])=>{const h=s[t].getComputedTextLength();i.push(h),s[t].remove()})),s.remove().exit(),i[0]}setTableContent(){this.tableDiv.innerHTML=`<digi-table af-size="small" style="width:100%" af-variation="primary"> <table><caption>${this.chartData.title}</caption><thead><tr>${this.headings()}</tr></thead><tbody>${this.tableBody()}</tbody></table></digi-table>`}setTableDimensions(){o(this.tableDiv).style("display","flex").style("height","100%").style("width","100%")}headings(){let t=`<th scope="col">${this.chartData.x}</th>`;return this.chartData.data.series.forEach((i=>{t=t.concat(`<th scope="col">${i.title}</th>`)})),t}tableBody(){let t="";return this.chartData&&this.chartData.data&&(this.chartData.data.xValueNames?this.chartData.data.xValueNames:this.chartData.data.xValues).forEach(((i,s)=>{let h="";this.chartData.data.series.forEach((t=>{h=h.concat(`<td>${null!=t.yValues[s]?t.yValues[s].toLocaleString():"-"}</td>`)})),t=t.concat(`<tr><th scope='row'>${i}${h}</th></tr>`)})),t}render(){var t,h,a,e;let r="";return this.chartData&&(r=this.chartData.subTitle?`<${this.afHeadingLevel}>${this.chartData.title}</${this.afHeadingLevel}><p>${this.chartData.subTitle}</p>`:`<${this.afHeadingLevel}>${this.chartData.title}</${this.afHeadingLevel}>`,this.chartData.infoText&&(r=`${r}<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this.chartData.infoText}</span>`)),i(s,{key:"cb70095467051cf1142891bc63694623e707d92f",ref:t=>this.host=t},i("svg",{key:"c040fe2f27d9a5e3de1471fe7e4d853757f6a754",xmlns:"http://www.w3.org/2000/svg",width:"0",height:"0"},i("defs",{key:"17fd52f2cac5a3225e097aee80e8dc1a99909840"},i("pattern",{key:"2940e729359dad1acc4635363cd5a8f3ee4d8ea1",id:"prognosis",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"4b47d41ea9f4699a4bcc7b0f04d00b8bbd124946",width:"8",height:"8",fill:"white"}),i("line",{key:"d5c3a32fb715a5271a784771d9812ea599390fc3",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.evalColorVar(this.colorPalettes[0]),"stroke-width":"8"})),i("pattern",{key:"8038bb4d62fd87a118e0bcf4e750165eed48f789",id:"prognosisInactive",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"b1247b7d27e73836c7b5a05fb77a872e89853d3b",width:"8",height:"8",fill:"white"}),i("line",{key:"14265bcba469f08b890654315a86d6278271d64d",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.evalColorVar("--digi--color--background--secondary-accent"),"stroke-width":"8"})),i("pattern",{key:"4069999fd742795379f093c83c00cca488b6139c",id:"prognosisHighlight",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"c525ae39e05acf3e7522f1b92feffdfe5221e528",width:"8",height:"8",fill:"white"}),i("line",{key:"fa183e0678f6f3794e094b97975fe96955b49e0a",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.adjustColor(this.colorFunction(0),50),"stroke-width":"8"})))),i("div",{key:"b6e46d7f4701775a177b02a98f46ca40308e9938",class:"topWrapper",ref:t=>this.titleDiv=t},i("digi-typography",{key:"88d49833d43776a2bc23d7f73bb8cc9442350634",class:"chartTitle",innerHTML:r}),i("digi-button",{key:"75e2ef09c3f9f91a08b3596d02ad308b244586bb",class:"buttonWrapper tableButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.activateTable,afAriaLabel:`Visa tabell ${(null===(t=this.chartData)||void 0===t?void 0:t.title)?null===(h=this.chartData)||void 0===h?void 0:h.title.toLowerCase():""}`},i("digi-icon-table",{key:"7712b56f991bb5214aa3bebb9e380221156b6bbf",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"b9d442ea0b62303c2bf1018651ce3206063f3b35",style:{display:"none"},class:"buttonWrapper chartButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.reInitChart,afAriaLabel:`Visa diagram ${(null===(a=this.chartData)||void 0===a?void 0:a.title)?null===(e=this.chartData)||void 0===e?void 0:e.title.toLowerCase():""}`},i("digi-icon-chart",{key:"260c432d04f8ea00216cd485b5ec3a29df4b4db1",slot:"icon"}),"Visa diagram"),i("div",{key:"a7fd6276b5738e9cf040f0e9b99e983b27ec25cf",class:"scChartStatus",role:"status",ref:t=>this.status=t})),i("div",{key:"705ec9e3931b91009ff565bbd8f4ba300bd8dbd7",class:"svgWrap",ref:t=>this.chartDiv=t},i("div",{key:"242fd5b7afba36df00aa7fb256bd8578712d25e7",class:"chartTooltip",id:this.afId},i("div",{key:"6417cc30962396164fe4840ecfef62c4ef7591d6",class:"tooltipHead"},i("digi-icon-x",{key:"dc4edb442bfb342fbdb64b06e70f1e19ccc5ffb1",class:"tooltipClose"})),i("div",{key:"da625c879d4c0eebffa02193dc36d794c755b768",class:"tooltipBody"}),i(this.afVariation===v.Horizontal?"digi-icon-caret-up":"digi-icon-caret-down",{class:"caret"}))),i("div",{key:"a003a616c2ee8b848d402b38009261539ebf0c50",class:"legendWrap",ref:t=>this.legendDiv=t},i("div",{key:"44a6db8daa836ccf910aafd6fd996f153c337bf4",class:"legend"})),i("div",{key:"a872281035f2799fe8aa9128a953d0c5d9f6b2cc",class:"table",ref:t=>this.tableDiv=t}," "))}get hostElement(){return h(this)}static get watchers(){return{afChartData:[{afChartDataUpdate:0}]}}};y.style=".sc-digi-bar-chart-h{width:100%;display:flex;flex-direction:column;min-width:0}.sc-digi-bar-chart-h .digi-bar-chart.sc-digi-bar-chart{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-bar-chart-h .svgWrap.sc-digi-bar-chart{position:relative;display:flex;min-height:20px;min-width:20px;width:100%;height:100%}.sc-digi-bar-chart-h .topWrapper.sc-digi-bar-chart,.sc-digi-bar-chart-h .chartTitle.sc-digi-bar-chart .digi-typography.sc-digi-bar-chart{display:flex;flex-direction:column;gap:0.75rem}.sc-digi-bar-chart-h .topWrapper.sc-digi-bar-chart{margin-bottom:0.75rem}.sc-digi-bar-chart-h .chartTitle.sc-digi-bar-chart{--MARGIN--HEADING-2:0;--MARGIN--HEADING-3:0;--MARGIN--HEADING-4:0;--MARGIN--HEADING-5:0;--MARGIN--HEADING-6:0;--MARGIN--BODY:0}.sc-digi-bar-chart-h .buttonWrapper.sc-digi-bar-chart{--digi--button--padding--medium:0 0 0.75rem 0}.sc-digi-bar-chart-h .chartTooltip.sc-digi-bar-chart{top:-5px;position:absolute;background-color:var(--digi--color--background--primary);color:black;padding:5px 10px;padding-right:5px;border-radius:4px;display:block;width:max-content;white-space:nowrap;filter:drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px);font-size:0.875rem}.sc-digi-bar-chart-h .tooltipBody.sc-digi-bar-chart{display:inline-block}.sc-digi-bar-chart-h .tooltipHead.sc-digi-bar-chart{display:flex;flex-direction:row;justify-content:space-between}.sc-digi-bar-chart-h .tooltipClose.sc-digi-bar-chart{display:inline-block;vertical-align:top;--digi--color--icon--primary:#333;cursor:pointer}.sc-digi-bar-chart-h .tooltipClose.sc-digi-bar-chart:hover{--digi--color--icon--primary:gray}.sc-digi-bar-chart-h .legendWrap.sc-digi-bar-chart{display:grid}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart{display:flex;flex-direction:row;gap:1rem;min-width:0;overflow-x:auto;scrollbar-gutter:stable}.sc-digi-bar-chart-h .caret.sc-digi-bar-chart{--digi--icon--color:var(--digi--color--background--primary)}.sc-digi-bar-chart-h .scChartStatus.sc-digi-bar-chart{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-bar-chart-h .table.sc-digi-bar-chart{display:none;overflow-y:auto;height:auto;border-radius:4px;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;background-repeat:no-repeat;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}";export{y as digi_bar_chart}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as e,h as o,d}from"./p-BnKuq1L7.js";import{r as t}from"./p-BGaIliX6.js";import{t as s,s as a,r}from"./p-4smNltRI.js";import{L as n}from"./p-CWFirwyE.js";import"./p-CKoZU0-H.js";import"./p-C0A-p3cU.js";import{a as c,B as l}from"./p-BMQm4N5I.js";import"./p-DShzaNrQ.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"./p-BSJH8Lpg.js";import"./p-DfWZa2Wv.js";import"./p-DcnvI7UR.js";import"./p-DCS1KcvC.js";import"./p-DogB9kfH.js";import"./p-B8hpiXmh.js";import"./p-CkIb3cUS.js";import"./p-_ycZeBN4.js";import"./p-CuhrrYGE.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";const g=class{constructor(o){i(this,o),this.afOnReady=e(this,"afOnReady",3),this.afVariation=s.PRIMARY,this.afType=a.FULLWIDTH,this.afCloseButtonText="Stäng",this.afHeadingLevel=r.H4,this.afId=t("digi-tools-feedback"),this.afIsDone=!1,this.currentStep=1}afIsDoneHandler(){this.currentStep=3}async afMReset(){this.currentStep=1}async afMSetStep(i){this.currentStep=i}get cssModifiers(){return{"digi-tools-feedback--primary":this.afVariation===s.PRIMARY,"digi-tools-feedback--secondary":this.afVariation===s.SECONDARY,"digi-tools-feedback--step-one":1===this.currentStep,"digi-tools-feedback--step-two":2===this.currentStep,"digi-tools-feedback--step-three":3===this.currentStep,"digi-tools-feedback--fullwidth":this.afType===a.FULLWIDTH,"digi-tools-feedback--grid":this.afType===a.GRID}}get icon(){return o("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",viewBox:"0 0 60 48",version:"1.1",width:"58",height:"48"},o("title",null,"Chat"),o("g",{id:"Mainpage",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},o("g",{id:"Översikt-moduler-feedback-design-v1",transform:"translate(-1121.000000, -1074.000000)"},o("g",{id:"Group-27-Copy-2",transform:"translate(1122.000000, 1075.000000)"},o("path",{d:"M31.3351987,35.0796454 C31.3351987,37.3388621 33.1498711,39.1874113 35.3679732,39.1874113 L43.2325677,39.1874113 L49.7962813,44.9840831 L49.7962813,39.1874113 L52.6602616,39.1874113 C54.8781464,39.1874113 56.6928188,37.3388621 56.6928188,35.0796454 L56.6928188,17.9415266 C56.6928188,15.6820918 54.8781464,13.8335426 52.6602616,13.8335426 L37.4687612,13.8335426 C37.4687612,13.8335426 37.5319804,25.5217561 37.5319804,27.0499279 C37.5319804,28.5778817 36.1843911,32.189488 31.3351987,32.189488 C31.3043495,34.4120652 31.3351987,35.0796454 31.3351987,35.0796454",id:"Fill-1",class:"digi-tools-feedback__infographic-secondary"}),o("path",{d:"M38.1172465,13.8645553 L53.9081341,13.8645553 C56.158606,13.8645553 58,15.7131045 58,17.9723213 L58,36.0955623 C58,38.3547791 56.158606,40.2033283 53.9081341,40.2033283 L51.0022249,40.2033283 L51.0022249,46 L44.341836,40.2033283 L36.3618827,40.2033283 C34.1111935,40.2033283 32.2697995,38.3547791 32.2697995,36.0955623 L32.2697995,32.521904",id:"Stroke-3",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("g",{id:"Group-8"},o("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Fill-5",fill:"#FFFFFF"}),o("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Stroke-7",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})),o("line",{x1:"28.4671558",y1:"9.19912763",x2:"9.71648163",y2:"9.19912763",id:"Stroke-9",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"51.0653789",y1:"23.3170842",x2:"47.8731369",y2:"23.3170842",id:"Stroke-11",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"46.5029755",y1:"23.3170842",x2:"43.3107335",y2:"23.3170842",id:"Stroke-13",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"41.9405939",y1:"23.3170842",x2:"38.7483519",y2:"23.3170842",id:"Stroke-15",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"51.0653789",y1:"27.7662735",x2:"46.4946984",y2:"27.7662735",id:"Stroke-17",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"43.2358916",y1:"27.7662735",x2:"38.4564358",y2:"27.7662735",id:"Stroke-19",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"28.4671558",y1:"13.9050986",x2:"9.71648163",y2:"13.9050986",id:"Stroke-21",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"28.4671558",y1:"18.6110914",x2:"9.71648163",y2:"18.6110914",id:"Stroke-23",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"21.4671558",y1:"23.3170842",x2:"9.72",y2:"23.3170842",id:"Stroke-25",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})))))}get responseIcon(){return o("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",version:"1.1",viewBox:"0 0 35 29",width:"31",height:"25"},o("title",null,"Check mark"),o("g",{fill:"none","fill-rule":"evenodd"},o("g",{transform:"translate(-170 -32)"},o("g",{transform:"translate(170 32.325)"},o("g",{transform:"translate(0 .77495)"},o("mask",{id:"b",fill:"white"},o("polygon",{points:"0 0 26.685 0 26.685 27.689 0 27.689"})),o("path",{d:"m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556",fill:"#333",mask:"url(#b)"})),o("g",{transform:"translate(4.2177)"},o("mask",{id:"a",fill:"white"},o("polygon",{points:"0 0 30.425 0 30.425 23.496 0 23.496"})),o("path",{d:"m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324",class:"digi-tools-feedback__infographic-primary",mask:"url(#a)"}))))))}get content(){return o("div",null,1===this.currentStep&&o("div",{class:"digi-tools-feedback__container"},o("div",{class:"digi-tools-feedback__container-header"},this.icon,o(this.afHeadingLevel,{class:"digi-tools-feedback__container-header-title"},this.afText)),o("div",{class:"digi-tools-feedback__container-btns"},o("digi-button",{"af-size":l.MEDIUM,"af-variation":c.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=3}},"Ja"),o("digi-button",{"af-size":l.MEDIUM,"af-variation":c.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=2}},"Nej"))),2===this.currentStep&&o("div",{class:"digi-tools-feedback__container"},o("div",{class:"digi-tools-feedback__container-header"}," ",this.icon,o("div",{class:"digi-tools-feedback__container-header-title"},"Hur kan vi bli bättre?"))),o("div",{class:"digi-tools-feedback__container-forms"},o("slot",{name:"form"})),3===this.currentStep&&o("div",{class:"digi-tools-feedback__container-header"},this.responseIcon,o("div",{class:"digi-tools-feedback__container-header-title"},"Tack för din återkoppling!")))}componentDidLoad(){this.afOnReady.emit()}render(){return o("div",{key:"f0f5510a11313227c03079a425d187013ffa6b44",class:Object.assign({"digi-tools-feedback":!0},this.cssModifiers)},this.afType===a.FULLWIDTH&&o("digi-layout-block",{key:"e04c0a4b68c1a78e611b7cc5b5a65d528ba2cb7a",afVariation:n.TRANSPARENT},this.content),this.afType!==a.FULLWIDTH&&this.content)}get hostElement(){return d(this)}static get watchers(){return{afIsDone:[{afIsDoneHandler:0}]}}};g.style=".sc-digi-tools-feedback-h{--digi--tools-feedback--background-color--primary:var(--digi--color--background--pop-out);--digi--tools-feedback--background-color--secondary:var(--digi--color--background--primary);--digi--tools-feedback--padding:var(--digi--padding--large);--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--tools-feedback--heading--font-family:var(--digi--global--typography--font-family--default);--digi--tools-feedback--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop)}.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{background-color:var(--BACKGROUND-COLOR);font-family:var(--digi--tools-feedback--heading--font-family)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:0;padding-bottom:3rem}}.sc-digi-tools-feedback-h .digi-tools-feedback--primary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback--secondary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback{display:grid;padding-inline:var(--digi--padding--medium)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{grid-column:1;grid-row:1}.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:row;align-items:center;padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:0;padding-top:0;padding-bottom:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{display:flex;flex-direction:row;padding-inline-end:var(--digi--padding--largest-3);font-size:var(--digi--tools-feedback--font-size--desktop)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{padding-inline-start:0;padding-inline-end:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{margin-top:0.4rem;font-size:var(--digi--tools-feedback--font-size--desktop);margin-bottom:0 !important;font-weight:var(--digi--tools-feedback--heading--font-weight)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{font-size:var(--digi--tools-feedback--font-size--mobile)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.4rem;padding-inline-end:var(--digi--padding--large);flex-shrink:0}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{padding-inline-end:var(--digi--padding--medium)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{display:flex;column-gap:var(--digi--padding--smaller)}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback digi-button.sc-digi-tools-feedback{--digi--button--width:5.625rem;text-align:center}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:calc(58px + 1rem)}}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-secondary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--brand--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-primary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback__close-button.sc-digi-tools-feedback{visibility:hidden}.sc-digi-tools-feedback-h .digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{padding-bottom:0}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:var(--digi--padding--medium);padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:0}}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.65rem}.sc-digi-tools-feedback-s>[slot=form]{display:none}.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{display:grid;justify-content:end;padding-top:var(--digi--padding--medium);padding-inline-end:var(--digi--padding--smaller);visibility:visible}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{padding-top:0;padding-bottom:var(--digi--padding--medium)}}.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{display:flex;flex-direction:column;padding-top:var(--digi--padding--large);padding-bottom:3.563rem;max-width:37.5rem}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{padding-inline-start:0}}";export{g as digi_tools_feedback}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as e,d}from"./p-BnKuq1L7.js";import"./p-CKoZU0-H.js";import{H as r}from"./p-4smNltRI.js";import"./p-C0A-p3cU.js";import"./p-BMQm4N5I.js";import"./p-DShzaNrQ.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"./p-BSJH8Lpg.js";import"./p-DfWZa2Wv.js";import"./p-DcnvI7UR.js";import"./p-DCS1KcvC.js";import"./p-DogB9kfH.js";import"./p-B8hpiXmh.js";import"./p-CkIb3cUS.js";import"./p-_ycZeBN4.js";import{L as a}from"./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{U as t}from"./p-DPq588Q4.js";const o=class{constructor(e){i(this,e),this.afCentered=r.DEFAULT}toggleHandler(i){i.target.matches("digi-navigation-sidebar-button")&&(this.afActive=!0)}closeHandler(){this.afActive=!1}get cssModifiers(){return{"digi-header--af-centered":this.afCentered!==r.DEFAULT,"digi-header--has-navigation":this.hasNavigation}}handleBreakpointObserver(i){this.isMobile=i.detail.value===t.SMALL}checkNavigation(){this.hasNavigation=!!this.hostElement.querySelector('[slot="header-navigation"]')}componentWillLoad(){this.checkNavigation()}componentWillRender(){const i=this.hostElement.querySelector("digi-logo");i&&(i.afOnlySymbol=this.isMobile||i.afOnlySymbol)}renderContent(){return e("div",{class:"digi-header__wrapper"},e("slot",{name:"header-logo"}),e("slot",{name:"header-content"}),this.hasNavigation&&this.isMobile&&e("digi-navigation-sidebar-button",{"aria-hidden":this.afActive?"true":"false","af-text":this.afMenuButtonText}))}render(){return e("header",{key:"39fda33a8f16ff6b1f3d65331e9d90fbb9bc7335","aria-label":this.afAriaLabel,class:Object.assign({"digi-header":!0},this.cssModifiers)},e("digi-util-breakpoint-observer",{key:"ead665097072a0853d27f85aa72bc104d6af9c49",onAfOnChange:i=>this.handleBreakpointObserver(i)}),e("digi-layout-block",{key:"1b360b35ade13061ae477304d34da8f387a63a1e",afContainer:a.NONE},this.afCentered!==r.DEFAULT?e("digi-layout-container",{"af-max-width":this.afCentered},this.renderContent()):this.renderContent(),e("div",{key:"6e949a03eb7c2332e2b4b7a5ac80df0906d2a82d",class:"digi-header__border"}),e("slot",{key:"7c147f8795238074425518e663610f2da2b71183",name:"header-navigation"})))}get hostElement(){return d(this)}};o.style=".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{display:flex;align-items:center;flex:1;justify-content:flex-end;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}";export{o as digi_header}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as e,h as t,F as r,a as o,d as l}from"./p-BnKuq1L7.js";import{r as s}from"./p-BGaIliX6.js";import{l as d}from"./p-DdB9j8uV.js";import{d as f}from"./p-CZrDWyoh.js";import{d as c}from"./p-C4cIvg7J.js";import{_ as a}from"./p-DsO1BTml.js";import"./p-CKoZU0-H.js";import{l as g}from"./p-4smNltRI.js";import"./p-C0A-p3cU.js";import"./p-BMQm4N5I.js";import"./p-DShzaNrQ.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-CkIb3cUS.js";import"./p-_ycZeBN4.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){f(i.target,`#${this.afId}-identifier`)&&this.isOpen&&this.emitFilterClosedEvent()}focusoutHandler(i){const e=i.target;c(e,`#${this.afId}-identifier`)&&this.isOpen?this.emitFilterClosedEvent():this.focusInList=!c(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(){return t(o,{key:"2e7276930637366cbcb14168102afb82393708f5",tabindex:-1},t("div",{key:"a5620907d2399c0561b6b3b604220c3bf82ded6b",class:Object.assign({"digi-form-select-filter":!0},this.cssModifiers),role:"application",id:`${this.afId}-identifier`},t("digi-form-label",{key:"151c3656f03d8b8b7639daf0e26631722a1f6878",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}),t("digi-util-keydown-handler",{key:"035ffc46a22218d42d892c89592993a7694b2be2",onAfOnEsc:()=>this.escHandler()},t("button",{key:"b8fedc87ecf0b1cf26e2b123c97fcd7ff6287e0b",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} ${this.afId}--validation-message`,"aria-controls":`${this.afId}-dropdown-menu`,"aria-expanded":this.isOpen},t("div",{key:"8bb88747afac881b3667ecb60c4adbe36c1325f8",class:Object.assign({"digi-form-filter__toggle-button-wrapper":!0},this.cssModifiersToggleButtonWrapper)},t("digi-icon-check",{key:"a809c5fa00dd4d2a50662aeed3d673cda0289d80",class:Object.assign({"digi-form-select-filter__toggle-button-indicator":!0},this.cssModifiersToggleButtonIndicator),slot:"icon"}),t("span",{key:"a5e7f4b998d38a7d912a25b2d7fb0b852b920dc3",class:"digi-form-select-filter__toggle-button-text"},this.renderButtonLabel)),t("digi-icon-chevron-down",{key:"ef852d8060bacbdef9707dcb23ed3ae1f98cc33f",class:"digi-form-select-filter__toggle-icon"})),t("div",{key:"5c5e41376cf7264e837bed3905c971dd0adee156",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:"daa4e02e97f5907fc89aeb7a337bd97ceba1c148"},t("div",{key:"99cd8af83d9b1410610f4e49a6759fac20c6955f",class:"digi-form-select-filter__header"},t("legend",{key:"0ed1e17842e0795194c4b74d9600f17c3d2e63b0",class:"digi-form-select-filter__legend"},this.afFilterButtonTextLabel),t("digi-form-input",{key:"c35f93cb680c6f6e902f281ff597108a9106b016",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:"4e2c4a6e6039f8f3efe8cfc75bb302214704073e",class:"digi-form-select-filter__scroll"},t("digi-util-keydown-handler",{key:"751ad128164783be9f7d32d5418d8b99a2be24e3",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:"2879b7c081ea2097bd17a9c0f0967b78b9a5d665",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:"0d51a466af769e3b687805b4cb8027bcac8b5112",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:"84264b690e6a8b4cd792f6543f00a7f5e559fe06",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:"79def162604c33d3c6acffd7464f2d44f4cf6229",class:"digi-form-select-filter__footer"},!this.afHideResetButton&&t("digi-button",{key:"3ee850fa06c38590c50dcfba11251bd6a4ed5626","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:"0fe5d9f9d899d3ddeaf6447485bf5f655e6270ff",onAfOnUp:()=>this.setFocusItem()},t("digi-button",{key:"0c14fea74bd16712355a8fafdc17408674ae0489",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:"eb9dd0d0150b043458211e89c1311d9c7103d46f",class:"digi-form-select__footer"},t("div",{key:"f7aca001f6b2580600c1e823e307a4352811bb66","aria-atomic":"true",role:this.errorMessageIsAlert?"alert":null,id:`${this.afId}--validation-message`},this.showValidation()&&t("digi-form-validation-message",{key:"5802021f469405694a75378fc8830720a9275d41","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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as r,d as t}from"./p-BnKuq1L7.js";import{k as e,j as p,i as o}from"./p-4smNltRI.js";import"./p-CKoZU0-H.js";import"./p-C0A-p3cU.js";import"./p-BMQm4N5I.js";import"./p-DShzaNrQ.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"./p-BSJH8Lpg.js";import"./p-DfWZa2Wv.js";import"./p-DcnvI7UR.js";import"./p-DCS1KcvC.js";import"./p-DogB9kfH.js";import"./p-B8hpiXmh.js";import"./p-CkIb3cUS.js";import"./p-_ycZeBN4.js";import"./p-CuhrrYGE.js";import{L as d}from"./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";const g=class{constructor(r){i(this,r),this.afText="",this.afVariation=e.FULLWIDTH,this.afType=p.CENTER,this.afHeadingLevel=o.H2,this.hasDefaultSlot=!1}componentDidLoad(){this.checkSlotContent()}checkSlotContent(){var i;const r=null===(i=this.hostElement)||void 0===i?void 0:i.querySelector(".digi-form-receipt__slot-wrapper");if(r&&(this.hasDefaultSlot=""!==r.innerHTML.trim(),this.afType===p.CENTER)){const i=r.querySelectorAll(":scope > .hydrated");r.querySelectorAll(":scope > .sc-digi-button-h").forEach((i=>{i.classList.add("digi-form-receipt__slot-wrapper-center-text")})),i.forEach((i=>{const r=i.querySelector(":scope > .digi-typography");r&&r.classList.add("digi-form-receipt__slot-wrapper-center-text")}))}}get cssModifiers(){return{"digi-form-receipt--fullwidth":this.afVariation===e.FULLWIDTH,"digi-form-receipt--grid":this.afVariation===e.GRID,"digi-form-receipt--center":this.afType===p.CENTER,"digi-form-receipt--start":this.afType===p.START}}get slotContent(){return r("div",{class:{"digi-form-receipt__slot-wrapper":!0,"digi-form-receipt__slot-wrapper-has-content":this.hasDefaultSlot}},r("slot",null))}get content(){return r("div",{class:"digi-form-receipt__content"},r("svg",{class:"digi-form-receipt__icon","aria-hidden":"true",version:"1.1",viewBox:"0 0 35 29"},r("title",null,"Check mark"),r("g",{fill:"none","fill-rule":"evenodd"},r("g",{transform:"translate(-170 -32)"},r("g",{transform:"translate(170 32.325)"},r("g",{transform:"translate(0 .77495)"},r("mask",{id:"b",fill:"white"},r("polygon",{points:"0 0 26.685 0 26.685 27.689 0 27.689"})),r("path",{d:"m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556",fill:"#333",mask:"url(#b)"})),r("g",{transform:"translate(4.2177)"},r("mask",{id:"a",fill:"white"},r("polygon",{points:"0 0 30.425 0 30.425 23.496 0 23.496"})),r("path",{class:"digi-form-receipt__infographic-primary",d:"m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324",fill:"#95C13E",mask:"url(#a)"})))))),r(this.afHeadingLevel,{class:"digi-form-receipt__heading",tabIndex:-1},this.afText),this.slotContent)}render(){return r("div",{key:"f28dea64d4e1d8600757d7c5afcaca5c33b596c9",class:Object.assign({"digi-form-receipt":!0},this.cssModifiers)},this.afVariation===e.FULLWIDTH?r("digi-layout-block",{afVariation:d.TRANSPARENT},this.content):this.content)}get hostElement(){return t(this)}};g.style=".sc-digi-form-receipt-h{--digi--receipt--background-color:var(--digi--color--background--pop-out);--digi--receipt--margin:var(--digi--padding--small);--digi--receipt--padding-top:var(--digi--padding--large);--digi--receipt--padding-bottom:var(--digi--padding--largest);--digi--receipt--padding-top--desktop:var(--digi--padding--largest-2);--digi--receipt--padding-bottom--desktop:var(--digi--padding--largest-3);--digi--receipt--padding-horizontal:var(--digi--padding--medium);--digi--receipt--heading--color:var(--digi--color--text--primary);--digi--receipt--heading--font-size:var(--digi--typography--heading-2--font-size--mobile);--digi--receipt--heading--font-size--desktop:var(--digi--typography--heading-1--font-size--desktop-large);--digi--receipt--heading--font-weight:var(--digi--typography--heading-2--font-weight--mobile);--digi--receipt--heading--font-weight--desktop:var(--digi--typography--heading-1--font-weight--desktop);--digi--receipt--heading--font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{background-color:var(--digi--receipt--background-color);display:grid;padding-top:var(--digi--receipt--padding-top);padding-bottom:var(--digi--receipt--padding-bottom)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{padding-top:var(--digi--receipt--padding-top--desktop);padding-bottom:var(--digi--receipt--padding-bottom--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt--grid.sc-digi-form-receipt{padding-left:var(--digi--receipt--padding-horizontal);padding-right:var(--digi--receipt--padding-horizontal)}.sc-digi-form-receipt-h .digi-form-receipt--center.sc-digi-form-receipt .digi-form-receipt__content.sc-digi-form-receipt{display:flex;flex-direction:column;align-items:center}.sc-digi-form-receipt-h .digi-form-receipt__content.sc-digi-form-receipt{grid-column:1;grid-row:1}.sc-digi-form-receipt-h .digi-form-receipt__body.sc-digi-form-receipt{display:flex;flex-direction:column}.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-family:var(--digi--receipt--heading--font-family);font-size:var(--digi--receipt--heading--font-size);font-weight:var(--digi--receipt--heading--font-weight);margin-top:0;margin-bottom:0;display:block;color:var(--digi--receipt--heading--color)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-size:var(--digi--receipt--heading--font-size--desktop);font-weight:var(--digi--receipt--heading--font-weight--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.125rem;height:1.75rem;margin-bottom:var(--digi--receipt--margin)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.75rem;height:2.25rem}}.sc-digi-form-receipt-h .digi-form-receipt__infographic-primary.sc-digi-form-receipt{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper.sc-digi-form-receipt{display:flex;flex-direction:column;gap:1rem}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper-has-content.sc-digi-form-receipt{padding-top:1.5rem}.sc-digi-form-receipt-s .digi-form-receipt__slot-wrapper-center-text{text-align:center}";export{g as digi_form_receipt}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as o,d as t}from"./p-BnKuq1L7.js";import"./p-CKoZU0-H.js";import{T as l}from"./p-4smNltRI.js";import"./p-C0A-p3cU.js";import"./p-BMQm4N5I.js";import"./p-DShzaNrQ.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"./p-BSJH8Lpg.js";import"./p-DfWZa2Wv.js";import"./p-DcnvI7UR.js";import"./p-DCS1KcvC.js";import"./p-DogB9kfH.js";import"./p-B8hpiXmh.js";import"./p-CkIb3cUS.js";import"./p-_ycZeBN4.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{U as e}from"./p-DPq588Q4.js";const g=class{constructor(o){i(this,o),this.handleWindowResize=()=>{this.titleLogoVariation=this.setLogoVariation(window.innerWidth)}}setLogoVariation(i){return this.isMobile?l.MOBILE:(this.afLogoBreakpoint?i<this.afLogoBreakpoint:this.isTablet)?this.hasTwoRowLogoName?l.TWO_ROWS:l.ONE_ROW:this.hasOneRowLogoName?l.ONE_ROW:l.TWO_ROWS}componentWillLoad(){if(this.hasOneRowLogoName=!!this.hostElement.querySelector('[slot="logo-one-row"]'),this.hasTwoRowLogoName=!!this.hostElement.querySelector('[slot="logo-two-rows"]'),!this.hasOneRowLogoName&&!this.hasTwoRowLogoName)throw new Error("Du behöver ange minst en variant av logo-text")}componentDidLoad(){window&&(this.handleWindowResize(),window.addEventListener("resize",this.handleWindowResize,{passive:!0}))}disconnectedCallback(){window&&window.removeEventListener("resize",this.handleWindowResize)}handleBreakpointObserver(i){this.isMobile=i.detail.value===e.SMALL,this.isTablet=i.detail.value===e.MEDIUM}get cssModifiers(){return{"digi-title-logo--mobile":this.titleLogoVariation===l.MOBILE,"digi-title-logo--one-row":this.titleLogoVariation===l.ONE_ROW,"digi-title-logo--two-rows":this.titleLogoVariation===l.TWO_ROWS}}render(){return o("div",{key:"a6b4469ef950c515fed566d2ae896e97b47cc913",class:Object.assign({"digi-title-logo":!0},this.cssModifiers)},o("digi-util-breakpoint-observer",{key:"ab48388d57bf01f711c1954d6d4bfbe979d25349",onAfOnChange:i=>this.handleBreakpointObserver(i)}),o("div",{key:"57513832c5ae8d09b6578fe7fa9084ff26fae145",class:"digi-title-logo-symbol"},o("svg",{key:"1bf2e94d0bebcfc84d0ca9ad1c70e1b96ae479a7",height:"44px",width:"44px",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img"},o("path",{key:"b1795d919f4f412e996b632e1f3cfead50190715","fill-rule":"evenodd","clip-rule":"evenodd",d:"M15.0076 6.97426V0C31.0194 0 44 12.9056 44 28.8261C44 34.3951 42.4073 39.5923 39.6561 44L33.8019 40.1595C35.822 36.8551 36.9855 32.9758 36.9855 28.8261C36.9855 16.7575 27.1458 6.97426 15.0076 6.97426ZM6.99059 28.8257C6.99059 33.2284 10.5795 36.7972 15.0076 36.7972C19.4356 36.7972 23.0245 33.2284 23.0245 28.8257C23.0245 24.4235 19.4356 20.8548 15.0076 20.8548C10.5795 20.8548 6.99059 24.4235 6.99059 28.8257ZM0 28.8257C0 20.5853 6.71916 13.9047 15.0076 13.9047C23.296 13.9047 30.0151 20.5853 30.0151 28.8257C30.0151 37.0666 23.296 43.7472 15.0076 43.7472C6.71916 43.7472 0 37.0666 0 28.8257Z",class:"main-symbol"}))),o("div",{key:"aa07057fb3255f3c93b3c36672a63ee637ed54c1",class:"digi-title-logo-name-wrapper"},o("slot",{key:"73f73fbad0f148d7a45296db645f9a4bb18b348e",name:"logo-one-row"}),o("slot",{key:"317ee5205fd79adee52676fc4c556d65315ce5b9",name:"logo-two-rows"})))}get hostElement(){return t(this)}};g.style=".sc-digi-title-logo-h{display:block;--digi--title-logo-text-color:var(--digi--color--text--primary);--digi--title-logo-font-weight:var(--digi--global--typography--font-weight--bold);--digi--title-logo-font-size:var(--digi--typography--title-logo--font-size--mobile);--digi--title-logo-font-size-small:var(--digi--global--typography--font-size--large);--digi--title-logo-line-height-small:1.25rem;--digi--title-logo-symbol-color:var(--digi--color--logotype--primary--symbol);--digi--title-logo-symbol-width:36px;--digi--title-logo-symbol-height:36px;--digi--title-logo-symbol-width-mobile:44px;--digi--title-logo-symbol-height-mobile:44px;--digi--title-logo-text-height:40px;--digi--title-logo-border-width:var(--digi--global--border-width--base);--digi--title-logo-vertical-padding:1.375rem;--digi--title-logo-gap:9px}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;align-items:center;padding:var(--digi--title-logo-vertical-padding) 0}@media (min-width: 48rem){.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{--digi--title-logo-vertical-padding:1.5rem}}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo{height:var(--digi--title-logo-symbol-height);width:var(--digi--title-logo-symbol-width);display:flex;flex-shrink:0;align-items:center}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo svg.sc-digi-title-logo{fill:var(--digi--title-logo-symbol-color)}.sc-digi-title-logo-h .digi-title-logo-name-wrapper.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;flex-direction:column;justify-content:center;height:var(--digi--title-logo-text-height);border-left:var(--digi--title-logo-border-width) solid;margin-left:var(--digi--title-logo-gap);padding-left:var(--digi--title-logo-gap);font-weight:var(--digi--title-logo-font-weight);font-size:var(--digi--title-logo-font-size)}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo .sc-digi-title-logo-s>[slot=logo-two-rows]{display:flex;flex-direction:column;font-size:var(--digi--title-logo-font-size-small);line-height:var(--digi--title-logo-line-height-small)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo{--digi--title-logo-symbol-height:var(--digi--title-logo-symbol-height-mobile);--digi--title-logo-symbol-width:var(--digi--title-logo-symbol-width-mobile)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo .digi-title-logo-name-wrapper.sc-digi-title-logo{display:none}.sc-digi-title-logo-h .digi-title-logo--one-row.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo--one-row .sc-digi-title-logo-s>[slot=logo-two-rows]{display:none}.sc-digi-title-logo-h .digi-title-logo--two-rows.sc-digi-title-logo-s>[slot=logo-one-row],.sc-digi-title-logo-h .digi-title-logo--two-rows .sc-digi-title-logo-s>[slot=logo-one-row]{display:none}";export{g as digi_title_logo}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var l;!function(l){l.CIRCLE="circle",l.OVAL="oval",l.PILL="pill"}(l||(l={}));export{l as B}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var h;!function(h){h.H1="h1",h.H2="h2",h.H3="h3",h.H4="h4",h.H5="h5",h.H6="h6"}(h||(h={}));export{h as C}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as a,h as t}from"./p-BnKuq1L7.js";import{r as n}from"./p-BGaIliX6.js";import"./p-CKoZU0-H.js";import"./p-4smNltRI.js";import"./p-C0A-p3cU.js";import{a as g}from"./p-BMQm4N5I.js";import"./p-DShzaNrQ.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"./p-BSJH8Lpg.js";import"./p-DfWZa2Wv.js";import"./p-DcnvI7UR.js";import"./p-DCS1KcvC.js";import"./p-DogB9kfH.js";import"./p-B8hpiXmh.js";import"./p-CkIb3cUS.js";import"./p-_ycZeBN4.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";const o=class{constructor(t){i(this,t),this.afOnPageChange=a(this,"afOnPageChange",7),this.afOnReady=a(this,"afOnReady",3),this.limit=6,this.afInitActivePage=1,this.afId=n("digi-navigation-pagination"),this.afTotalResults=0,this.afResultName="",this.afLimit=6}setTwoRows(i){this.twoRows=i}setLimit(i){this.limit=i}async afMSetCurrentPage(i){this.setCurrentPage(i,!1)}getPagination(i,a,t){let n=Math.max(i-Math.floor(t/2),1),g=n+t-1;g>a&&(g=a,n=Math.max(g-t+1,1));const o=[];for(let i=n;i<=g;i++)o.push(i);return n>1&&(o.shift(),o.unshift("1…")),g<a&&(o.pop(),o.push("…"+a)),o}get currentInterval(){return this.getPagination(this.currentPage,this.afTotalPages,this.limit)}prevPage(){this.setCurrentPage(this.currentPage-1,!0)}nextPage(){this.setCurrentPage(this.currentPage+1,!0)}setCurrentPage(i=this.currentPage,a=!0){i!==this.currentPage&&(this.currentPage=i<=1?1:i<=this.afTotalPages?i:this.afTotalPages,a&&this.afOnPageChange.emit(this.currentPage))}buttonAriaLabel(i){return`${i}`}handleResizeObserver(i){const a=Math.round(i.detail.contentRect.width);if(!isNaN(a)){const i=570;if(a>i){const t=Math.floor((a-i)/52);this.setLimit(Math.min(6+t,this.afLimit)),this.setTwoRows(!1)}else this.setTwoRows(!0)}}componentDidLoad(){this.afOnReady.emit()}componentWillLoad(){this.setCurrentPage(this.afInitActivePage,!1)}isCurrentPage(i,a){if(i===a)return"page"}labelledby(){return this.afTotalResults>0?`\n ${this.afId}-aria-label\n ${this.afId}-result-show\n ${this.afId}-result-current\n ${this.afId}-result-of\n ${this.afId}-result-total\n ${this.afId}-result-name\n `:`${this.afId}-aria-label`}render(){return t("div",{key:"3b630788a5b8742d4227c392b1c38bb2ad7ebb9c",class:"digi-navigation-pagination"},t("digi-util-resize-observer",{key:"56b769efec4df90ab7c342b14817e531c9f7a99e",onAfOnChange:i=>{this.handleResizeObserver(i)}}),t("span",{key:"fa471092c53bd161a46a1be2fada00bebe34cdae",id:`${this.afId}-aria-label`,"aria-hidden":"true",class:"digi-navigation-pagination__aria-label"},"Paginering"),t("nav",{key:"0478997569a03a6b4f23caf0b6bcf981e2bb7211","aria-labelledby":this.labelledby(),class:"digi-navigation-pagination__pagination "+(this.twoRows?"digi-navigation-pagination--two-rows":"")},t("digi-button",{key:"c47b1868ccf14713b7b8b0603e8cabc691f963e3",onClick:()=>this.prevPage(),class:{"digi-navigation-pagination__button digi-navigation-pagination__button--previous":!0,"digi-navigation-pagination__button--hidden":1===this.currentPage},afVariation:"secondary",afAriaLabel:"Föregående"},t("digi-icon-chevron-left",{key:"f0aa5556407a54e36c3b5ef4638bf39321e5fb54",slot:"icon"}),t("span",{key:"69c943c55fbe6ff3b1468ca05ae78d49523749bb"},"Föregående")),t("digi-button",{key:"044af3583e4d6e2ae034209051e486603e748075",onClick:()=>this.nextPage(),class:{"digi-navigation-pagination__button digi-navigation-pagination__button--next":!0,"digi-navigation-pagination__button--hidden":this.currentPage===this.afTotalPages},afVariation:"secondary",afAriaLabel:"Nästa"},t("digi-icon-chevron-right",{key:"e8052553ce2edcf0a6734991b2242d14b4627be1",slot:"icon-secondary"}),t("span",{key:"3719c3863d8408e5d7a81891cc4194b3cf8f09e2"},"Nästa")),t("div",{key:"d490cba5e0a51a3e3da1ea811d6f7745c74d6eb3",class:"digi-navigation-pagination__pages"},t("ol",{key:"998d03e6d1873e387715519ecbf9a5dfec3902ba",class:"digi-navigation-pagination__page-list"},this.currentInterval.map((i=>{const a=isNaN(i)?parseInt(i.replace("…","")):i;return t("li",{class:"digi-navigation-pagination__page-list-item "+(isNaN(i)?1===a?"ellipsis-first":"ellipsis-last":"")},t("digi-button",{onClick:()=>this.setCurrentPage(a),afAriaLabel:this.buttonAriaLabel(a),afAriaCurrent:this.isCurrentPage(this.currentPage,a),class:{"digi-navigation-pagination__button":!0,"digi-navigation-pagination__page-button":!0,"digi-navigation-pagination__page-button--active":this.currentPage===a},afVariation:this.currentPage===a?g.PRIMARY:g.SECONDARY},t("span",{class:"digi-navigation-pagination__page-text"},a)))}))))),this.afTotalResults>0&&t("div",{key:"c8defae7c6d0fc88165491ea109abc5778019db7",class:{"digi-navigation-pagination__result":!0,"digi-navigation-pagination__result--pages":this.afTotalPages>1},"aria-hidden":this.afTotalPages>1?"true":"false",id:`${this.afId}-result`},t("digi-typography",{key:"eb6e956c231a168b19b8c9094c54bb3b36dad8e6"},t("span",{key:"5b17935a90bde0d01c9641fd1e9bdf955c8441a4",id:`${this.afId}-result-show`},"Visar "),t("strong",{key:"908e4763194c24c6b61b85a5ffc7a4d21ae4a4c5",id:`${this.afId}-result-current`},this.afCurrentResultStart,"-",this.afCurrentResultEnd),t("span",{key:"93c07c1cd5473ba110336592113942aea103791e",id:`${this.afId}-result-of`}," av "),t("strong",{key:"b04064122f9bf39c31adf964681c7287173383ae",id:`${this.afId}-result-total`},this.afTotalResults),this.afResultName&&t("span",{key:"d67fd999cffb2dcdba43148573a56612e28ff19b",id:`${this.afId}-result-name`},` ${this.afResultName}`))))}};o.style='@charset "UTF-8";.sc-digi-navigation-pagination-h{--digi--navigation-pagination--button--padding:calc(var(--digi--gutter--small) + 1px) var(--digi--gutter--largest-2);--digi--navigation-pagination--button--icon--width:var(--digi--gutter--medium);--digi--navigation-pagination--button--width:8.750rem;--digi--navigation-pagination--button--margin:0.125rem;--digi--navigation-pagination--button--display:flex;--digi--navigation-pagination--button--justify-content--default:center;--digi--navigation-pagination--button--keep-right--margin:8.375rem;--digi--navigation-pagination--button--previous-button--border-radius:var(--digi--global--border-radius--base) 0 0 var(--digi--global--border-radius--base);--digi--navigation-pagination--button--next-button--border-radius:0 var(--digi--global--border-radius--base) var(--digi--global--border-radius--base) 0;--digi--navigation-pagination--button--page-button--padding:calc(var(--digi--gutter--medium) - 1px) calc(var(--digi--gutter--largest) - 1px);--digi--navigation-pagination--button--page-button--padding--compressed:calc(var(--digi--gutter--medium) - 1px) calc(var(--digi--gutter--medium) - 1px);--digi--navigation-pagination--button--page-button--margin:0 2px;--digi--navigation-pagination--button--page-button--width:2.750rem;--digi--navigation-pagination--button--page-button--height:2.750rem;--digi--navigation-pagination--button--page-button--border-radius:0;--digi--navigation-pagination--pages--margin:0 0 var(--digi--global--spacing--smallest-4) 0;--digi--navigation-pagination--result--pages--margin:var(--digi--margin--smaller) 0 0 0;--digi--navigation-pagination--result--margin:0;--digi--navigation-pagination--result--strong--font-weight:600;--digi--navigation-pagination--result--text-align:center;--digi--navigation-pagination--page-list--padding:0;--digi--navigation-pagination--page-list--margin:0}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result.sc-digi-navigation-pagination{font-family:var(--digi--global--typography--font-family--default);text-align:var(--digi--navigation-pagination--result--text-align);font-size:var(--digi--typography--tag--font-size--desktop);margin:var(--digi--navigation-pagination--result--margin)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result--pages.sc-digi-navigation-pagination{--digi--navigation-pagination--result--margin:var(--digi--navigation-pagination--result--pages--margin)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result.sc-digi-navigation-pagination strong.sc-digi-navigation-pagination{font-weight:var(--digi--navigation-pagination--result--strong--font-weight)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.sc-digi-navigation-pagination{display:flex;flex-wrap:wrap;justify-content:center;min-width:290px;gap:4px}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.sc-digi-navigation-pagination .digi-navigation-pagination__pages.sc-digi-navigation-pagination{order:2}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.digi-navigation-pagination--two-rows.sc-digi-navigation-pagination .digi-navigation-pagination__pages.sc-digi-navigation-pagination{order:-1;flex:1 0 100%;margin:var(--digi--navigation-pagination--pages--margin);display:flex;justify-content:center}.digi-navigation-pagination__button.sc-digi-navigation-pagination{--digi--button--padding--medium:var(--digi--navigation-pagination--button--padding);--digi--button--display:var(--digi--navigation-pagination--button--display);--digi--button--width:var(--digi--navigation-pagination--button--width);--digi--button--min-height--small:var(--digi--navigation-pagination--button--page-button--height);--digi--button--justify-content--default:var(--digi--navigation-pagination--button--justify-content--default)}.digi-navigation-pagination__button--hidden.sc-digi-navigation-pagination{visibility:hidden}.digi-navigation-pagination__button--previous.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--previous-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--previous-button--border-radius);order:1}.digi-navigation-pagination__button--next.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--next-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--next-button--border-radius);order:3}.digi-navigation-pagination__button.sc-digi-navigation-pagination-s>[slot^=icon],.digi-navigation-pagination__button .sc-digi-navigation-pagination-s>[slot^=icon]{--digi--icon--width:var(--digi--navigation-pagination--button--icon--width)}.digi-navigation-pagination__page-button.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--primary--default:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--primary--hover:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--width:var(--digi--navigation-pagination--button--page-button--width);--digi--button--font-size--medium:14px;--digi--button--padding--medium:calc(var(--digi--gutter--medium) - 1px) 0;--digi--button--align-items:center;display:inline-block;text-align:center;letter-spacing:-1px}.ellipsis-first.sc-digi-navigation-pagination .digi-navigation-pagination__page-button.sc-digi-navigation-pagination .digi-navigation-pagination__page-text.sc-digi-navigation-pagination:after{content:"…"}.ellipsis-last.sc-digi-navigation-pagination .digi-navigation-pagination__page-button.sc-digi-navigation-pagination .digi-navigation-pagination__page-text.sc-digi-navigation-pagination:before{content:"…"}.sc-digi-navigation-pagination-h .digi-navigation-pagination__page-list.sc-digi-navigation-pagination{display:flex;list-style:none;padding:var(--digi--navigation-pagination--page-list--padding);margin:var(--digi--navigation-pagination--page-list--margin);gap:4px}.digi-navigation-pagination__aria-label.sc-digi-navigation-pagination{clip:rect(0 0 0 0);height:1px;padding:0;white-space:nowrap;width:1px;overflow:hidden;position:absolute}';export{o as digi_navigation_pagination}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as s,a}from"./p-BnKuq1L7.js";import{O as l,D as e}from"./p-Ua3MxeBh.js";const o=class{constructor(s){i(this,s),this.afTabChange=t(this,"afTabChange",7),this.afTabFocusChange=t(this,"afTabFocusChange",7),this.tabRefs={},this.activeTab=0,this.selectedTab=0,this.windowTab=0,this.tabs=[],this.listOverflows=!1,this.showPrev=!1,this.showNext=!1,this.afOverflowMode=l.Controls,this.handleResize=()=>{this.tablistRef&&(this._requestAnimationFrame&&cancelAnimationFrame(this._requestAnimationFrame),this._requestAnimationFrame=requestAnimationFrame((()=>{var i,t;const s=this.tablistRef,a=s.clientWidth,l=s.scrollWidth,e=1/((null===window||void 0===window?void 0:window.devicePixelRatio)||1),o=Math.max(null!==(t=null===(i=this.tabs)||void 0===i?void 0:i.length)&&void 0!==t?t:0,1),d=Math.floor((a+e)/(l/o));this.tabsPerWindow=Math.max(1,Math.min(d,o));const c=Math.max(0,o-this.tabsPerWindow);this.windowTab>c&&(this.windowTab=c),this.listOverflows=l-a>e,this.showPrev=s.scrollLeft>e,this.showNext=s.scrollLeft+s.clientWidth<s.scrollWidth-e})))}}handleKey(i){if(this.focusCaptured()){let t=!0;switch(i.key){case" ":case"Enter":return this.setActiveTabAndFocus(this.selectedTab);case"ArrowLeft":i.shiftKey?this.handleTabControl(e.Previous):this.focusTab(this.selectedTab-1);break;case"ArrowRight":i.shiftKey?this.handleTabControl(e.Next):this.focusTab(this.selectedTab+1);break;case"Home":return i.shiftKey?this.focusTab(0):this.moveWindow(0);case"End":return i.shiftKey?this.focusTab(this.tabs.length-1):this.moveWindow(this.tabs.length-1);default:t=!1}t&&i.preventDefault()}}syncPanels(){if(null!=this.panelsRef){const i=this.panelsRef.querySelectorAll(":scope>digi-tablist-panel");for(let t=0;t<i.length;t++){const s=i[t];s.isVisible=s.tab===this.tabs[this.activeTab].id}}}handleTabPropChange(i){this.setActiveTabById(i)}syncControls(){const i=Math.floor(this.windowTab/this.tabsPerWindow),t=Math.ceil(this.tabs.length/this.tabsPerWindow);this.showPrev=i>0,this.showNext=i<t-1}syncWindow(i){const t=this.tabRefs[this.tabs[i].id],s=this.tablistRef.getBoundingClientRect(),a=t.getBoundingClientRect(),l=Math.max(Math.min(t.offsetLeft-s.width/2+a.width/2,this.tablistRef.scrollWidth-s.width),0);this.tablistRef.scrollTo({left:l,behavior:"smooth"})}syncFocus(i){this.tabRefs[this.tabs[i].id].focus({preventScroll:!0}),this.windowTab=i}setupTabs(i){if("string"==typeof i)this.tabs=JSON.parse(i);else{if(!Array.isArray(i))throw new Error("Invalid format or no tabs supplied");this.tabs=i}}setActiveTabById(i){const t=this.tabs.findIndex((t=>t.id===i));t>-1&&(this.activeTab=t)}setupInitialTab(){return null!=this.afActiveTab?this.setActiveTabById(this.afActiveTab):null!=this.afInitialTab?this.setActiveTabById(this.afInitialTab):void 0}setupResizeHandler(){this.resizeObserver=new ResizeObserver((()=>this.handleResize())),this.resizeObserver.observe(this.tablistRef)}handleTabChange(i){const t=this.tabs.findIndex((({id:t})=>t===i.id));this.setActiveTabAndFocus(t),this.afTabChange.emit(i)}handleTabControl(i){const t=Math.floor(this.windowTab/this.tabsPerWindow),s=Math.ceil(this.tabs.length/this.tabsPerWindow);let a;a=i===e.Next?Math.min(t+1,s-1):Math.max(t-1,0),this.moveWindow(a*this.tabsPerWindow)}setActiveTabAndFocus(i){this.activeTab=i,this.focusTab(i)}focusTab(i){this.selectedTab=this.nextTabIdx(i),this.afTabFocusChange.emit(this.tabs[this.selectedTab])}moveWindow(i){i=Math.max(0,Math.min(i,this.tabs.length-1)),this.windowTab=i}nextTabIdx(i){return i>=this.tabs.length?0:i<0?this.tabs.length-1:i}focusCaptured(){return this.tabs.some((i=>this.tabRefs[i.id]===document.activeElement))}componentWillLoad(){this.setupTabs(this.afTabs),this.setupInitialTab()}componentDidLoad(){var i,t,s;window&&window.addEventListener("resize",this.handleResize,{passive:!0}),null===(s=null===(t=null===(i=document.fonts)||void 0===i?void 0:i.ready)||void 0===t?void 0:t.then)||void 0===s||s.call(t,(()=>this.handleResize())),this.setupResizeHandler(),this.handleResize(),this.syncPanels(),this.syncControls()}disconnectedCallback(){var i;window&&window.removeEventListener("resize",this.handleResize),null===(i=this.resizeObserver)||void 0===i||i.disconnect(),this._requestAnimationFrame&&cancelAnimationFrame(this._requestAnimationFrame)}render(){return s(a,{key:"8bdab05cd034b9940aefcb9f38b16d09b6f0b0c7"},s("div",{key:"2d2266a9600dcc5817130ed4ece38868779e0b69",class:{"digi-tablist":!0,"digi-tablist--overflow-scroll":this.afOverflowMode===l.Scroll,"digi-tablist--overflow-controls":this.afOverflowMode===l.Controls}},s("div",{key:"a96cd5d9a2eec5b2b52f0d1a00b2810c28e8d4bd",class:"control-wrapper",style:{left:"0",visibility:this.showPrev?"visible":"hidden"}},s("button",{key:"7a9810781c300bd44aa7ce3f3f76f651b1799023",tabIndex:-1,type:"button","aria-hidden":"true",class:{"tab-control-button":!0},onClick:()=>this.handleTabControl(e.Previous)},s("digi-icon-chevron-left",{key:"8f65c019aa2a60f8d10025c147ad2448d30cdf1d"}))),s("div",{key:"7be08fe744f17f71fab7358d63d010f17e5c977d",role:"tablist",ref:i=>this.tablistRef=i,"aria-labelledby":this.afAriaLabelledby,"aria-label":this.afAriaLabel},this.tabs.map((i=>{const t=i.id===this.tabs[this.activeTab].id,a=`digi-icon-${i.icon}`,l=i.badgeValue;return s("button",{ref:t=>this.tabRefs[i.id]=t,class:{"digi-tab":!0,"is-active":t},id:`tab-${i.id}`,role:"tab",type:"button",tabindex:i.id===this.tabs[this.selectedTab].id?"0":"-1","aria-label":i.ariaLabel,"aria-selected":t.toString(),"aria-controls":`tabpanel-${i.id}`,onClick:()=>this.handleTabChange(i)},s("div",{class:"content-wrapper"},s("span",{class:"tablist-content"},i.icon&&s(a,{"aria-hidden":"true"}),s("span",{class:"title","data-text":i.title},i.title),i.badgeValue&&s("digi-badge-notification",{afValue:l,"aria-hidden":"true"})),s("div",{class:"indicator"})))}))),s("div",{key:"b79ea56eb945fe5c4b2e34529d8b1985018ac46c",class:"control-wrapper",style:{right:"0",visibility:this.showNext?"visible":"hidden"}},s("button",{key:"3d581fe07f9591f21fef85e700259d3b44332631",tabIndex:-1,type:"button","aria-hidden":"true",class:{"tab-control-button":!0},onClick:()=>this.handleTabControl(e.Next)},s("digi-icon-chevron-right",{key:"1f3a564d4eff7851ad13901c492e663c5c43d384"})))),s("div",{key:"2cd9aa7d409b36395febee9dfd26eb6e82b02f35",ref:i=>this.panelsRef=i,role:"presentation"},s("slot",{key:"b9f82031b00032dfb1df2358546a8a35934033a0"})))}static get watchers(){return{activeTab:[{syncPanels:0}],afActiveTab:[{handleTabPropChange:0}],windowTab:[{syncControls:0},{syncWindow:0}],listOverflows:[{syncControls:0}],selectedTab:[{syncFocus:0}],afTabs:[{setupTabs:0}]}}};o.style='.sc-digi-tablist-h{--tab-active-border-color:var(--digi--color--marking--navigation--selected);--tab-text-color:var(--digi--color--text--primary);--tab-icon-primary--color:var(--digi--color--icon--primary);--tab-icon-primary--color-hover:var(--digi--color--icon--primary);--tab-icon-primary--color-active:var(--digi--color--icon--primary)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist{font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);position:relative;display:flex;gap:1rem;background-color:var(--digi--color--background--primary);margin-bottom:2.875rem;border-bottom:1px solid var(--digi--color--divider--secondary)}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist .control-wrapper.sc-digi-tablist{display:none !important}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:auto}.sc-digi-tablist-h .digi-tablist--overflow-controls.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:hidden}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist button.sc-digi-tablist{background:none;border:none;padding:0;font-family:inherit}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist [role=tablist].sc-digi-tablist{display:flex;font-weight:bold;flex-grow:1;width:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;height:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist{display:flex;align-items:center;justify-content:center;background-color:var(--digi--color--background--interactive--default--tertiary);border-radius:6px;min-height:auto;padding:0.75rem;aspect-ratio:1;cursor:pointer}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-right.sc-digi-tablist,.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-left.sc-digi-tablist{--digi--icon--color:var(--digi--color--icon--cta)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist{cursor:pointer;white-space:nowrap}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .content-wrapper.sc-digi-tablist{position:relative;height:2.75rem;display:flex;flex-direction:column;transition:background-color 0.1s linear}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .tablist-content.sc-digi-tablist{flex:1;display:flex;padding-right:0.75rem;padding-left:0.75rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--digi--icon--width:1rem;--digi--icon--color:var(--tab-icon-primary--color);padding-right:var(--digi--gutter--smaller)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist digi-badge-notification.sc-digi-tablist{margin-left:-0.125rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist{font-size:1rem;flex-direction:column;display:flex;align-items:center;justify-content:center;font-weight:normal;color:var(--tab-text-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist::after{content:attr(data-text);content:attr(data-text)/"";height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .indicator.sc-digi-tablist{height:0.25rem;width:100%;visibility:hidden;background-color:var(--tab-active-border-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus{outline:none;box-shadow:none}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus-visible{z-index:10;outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) .title.sc-digi-tablist{color:var(--digi--color--text--interactive--primary);text-decoration:underline}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-hover)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .title.sc-digi-tablist{font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist svg.sc-digi-tablist{transform:translateX(-0.125rem)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-active)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .indicator.sc-digi-tablist{visibility:visible}';export{o as digi_tablist}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as a,h as e,d as t}from"./p-BnKuq1L7.js";import"./p-CKoZU0-H.js";import{H as n}from"./p-4smNltRI.js";import"./p-C0A-p3cU.js";import"./p-BMQm4N5I.js";import"./p-DShzaNrQ.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"./p-BSJH8Lpg.js";import"./p-DfWZa2Wv.js";import"./p-DcnvI7UR.js";import"./p-DCS1KcvC.js";import"./p-DogB9kfH.js";import"./p-B8hpiXmh.js";import"./p-CkIb3cUS.js";import"./p-_ycZeBN4.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{U as d}from"./p-DPq588Q4.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.afActive=!1,this.afBackdrop=!0,this.afCentered=n.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===d.SMALL),this.isMobile?setTimeout((()=>{this.isVisible=!0}),100):this.isVisible=!0}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,"digi-header-navigation--centered":this.afCentered!==n.DEFAULT}}render(){return e("div",{key:"3be80ab43e1ae17dd233ba2a31b5fc601e7cc521",class:Object.assign({"digi-header-navigation":!0},this.cssModifiers)},e("digi-util-breakpoint-observer",{key:"f789fc0f1bd7088d503329f85ec508a8e35a43e2",onAfOnChange:i=>this.isMobile=i.detail.value===d.SMALL},e("digi-util-keydown-handler",{key:"a73be4385a92409d6e2178174d665d0d3f651d09",onAfOnEsc:i=>this.escHandler(i),onAfOnTab:i=>this.tabHandler(i),onAfOnShiftTab:i=>this.shiftHandler(i)},e("div",{key:"c216bca6f79fd8bb886b3bc4db43a6477eb784cb"},this.isMobile&&e("div",{key:"7a8afdb717bb6c5d0279fe18cb49494f41674eab",class:"digi-header-navigation__backdrop",onClick:i=>this.backdropClickHandler(i)}),e("nav",{key:"665b62c8051483822e9c0a969117f375432a34f6",class:"digi-header-navigation__wrapper","aria-label":this.afNavAriaLabel,"af-centered":this.afCentered,ref:i=>{this._wrapper=i}},this.isMobile&&e("digi-button",{key:"9965dccb51151c021fbd3e0d0082ad3491b98045",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:"d3772b9b37551d82c3fb1b0151f193b6c398703d",slot:"icon-secondary"})),this.afCentered!==n.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:0}]}}};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--centered.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{padding-left:0;padding-right:0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin-left:calc(var(--digi--global--spacing--base) * -1);margin-right:calc(var(--digi--global--spacing--base) * -1)}.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;--digi--header-navigation--horizontal-padding:0}.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{margin:0;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: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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as o,d as a}from"./p-BnKuq1L7.js";import{r as n}from"./p-BGaIliX6.js";import{N as r,p as e,q as c,u as d}from"./p-4smNltRI.js";import"./p-CKoZU0-H.js";import"./p-C0A-p3cU.js";import{a as s}from"./p-BMQm4N5I.js";import"./p-DShzaNrQ.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"./p-BSJH8Lpg.js";import"./p-DfWZa2Wv.js";import"./p-DcnvI7UR.js";import"./p-DCS1KcvC.js";import"./p-DogB9kfH.js";import"./p-B8hpiXmh.js";import"./p-CkIb3cUS.js";import"./p-_ycZeBN4.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";const g=class{constructor(o){i(this,o),this.afOnClose=t(this,"afOnClose",7),this.afOnReady=t(this,"afOnReady",3),this.listItems=[],this.afHeadingLevel=r.H2,this.afSize=e.LARGE,this.afVariation=c.INFO,this.afCloseable=!1,this.afCloseAriaLabel="Stäng meddelandet",this.afId=n("digi-notification-alert")}async afMGetHeadingElement(){return this._heading}clickHandler(i){this.afOnClose.emit(i)}componentDidLoad(){this.afOnReady.emit()}get cssModifiers(){return{[`digi-notification-alert--size-${this.afSize}`]:!!this.afSize,[`digi-notification-alert--variation-${this.afVariation}`]:!!this.afVariation,"digi-notification-alert--closeable":this.afCloseable}}get icon(){switch(this.afVariation){case c.SUCCESS:return o("digi-icon-notification-succes",null);case c.WARNING:return o("digi-icon-notification-warning",null);case c.DANGER:return o("digi-icon-notification-error",null);default:return o("digi-icon-notification-info",null)}}render(){return o("div",{key:"3297ae5ddb9efe2729baa229781a33a9aac1d55a",class:Object.assign({"digi-notification-alert":!0},this.cssModifiers)},o("div",{key:"ad2c19f2c08f0105e32b8bc8da5e2dea81cb1541",class:"digi-notification-alert__layout"},o("div",{key:"018f007c7ec9632f44dd6502c474215f9fbc12b6",class:"digi-notification-alert__icon-wrapper"},o("div",{key:"1a565a732bff9906db703af8a8950a50a61eb6e2",class:"digi-notification-alert__icon",slot:"media"},this.icon)),o("div",{key:"cfc5175c9be878e673bf8c7d7b716e88e98c9cf1",class:"digi-notification-alert__main-wrapper"},o("div",{key:"94362e524d06ece62a966659f0924a1443fc2c6e",class:"digi-notification-alert__wrapper"},this.afCloseable&&o("digi-button",{key:"d564b594e19b69139a02f1df211959bcf7689d8a","af-aria-label":this.afCloseAriaLabel,"af-variation":s.FUNCTION,onAfOnClick:i=>this.clickHandler(i),class:"digi-notification-alert__close-button"},o("span",{key:"b4971294f4a93d60dd9b06bb9937ca2533db10a9",class:"digi-notification-alert__close-button__text"},"Stäng"),o("digi-icon-x",{key:"ccc9123308baf1c77c402f6132404a9f88e01d4d",slot:"icon-secondary","aria-hidden":"true"})),o("div",{key:"1d0c1d474feb154ee3b2c5f5ca146f8c92ce95c1",class:"digi-notification-alert__text"},this.afHeading&&this.afSize===e.LARGE&&o(this.afHeadingLevel,{key:"6e9630c5ccfcf5afc36b2a752363802f79d9fdd3",ref:i=>this._heading=i,tabindex:"-1",class:"digi-notification-alert__heading"},this.afHeading),o("div",{key:"b9cbdca0fc92cd898c4fd5e4cee615201d0ba561",class:"digi-notification-alert__content"},o("digi-typography",{key:"436522235ec6fbcce4aa4b204378d58ccac1d2e6","af-variation":d.SMALL},o("slot",{key:"3c5bd933115d6919cbfb9580f2972b32a6e55904"}))))))))}get hostElement(){return a(this)}};g.style=".sc-digi-notification-alert-h{--digi--notification-alert--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--notification-alert--heading--font-size:var(--digi--typography--heading-3--font-size--desktop);--digi--notification-alert--heading--font-size--large:var(--digi--typography--heading-3--font-size--desktop-large);--digi--notification-alert--icon--padding--large:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--medium:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--small:var(--digi--gutter--large);--digi--notification-alert--icon--width--large:2.25rem;--digi--notification-alert--icon--width--medium:1.4375rem;--digi--notification-alert--icon--width--small:1.4375rem;--digi--notification-alert--max-width--large:100%;--digi--notification-alert--max-width--medium:31.25rem;--digi--notification-alert--max-width--small:18.75rem;--digi--notification-alert--border--informative:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--info);--digi--notification-alert--icon--color--informative:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--informative:var(--digi--color--background--sentiment--info--primary);--digi--notification-alert--border--success:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--success);--digi--notification-alert--icon--color--success:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--success:var(--digi--color--background--sentiment--success--primary);--digi--notification-alert--border--warning:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--warning);--digi--notification-alert--icon--color--warning:var(--digi--color--icon--primary);--digi--notification-alert--icon--background--warning:var(--digi--color--background--sentiment--warning--primary);--digi--notification-alert--border--danger:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--error);--digi--notification-alert--icon--color--danger:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--danger:var(--digi--color--background--sentiment--error--primary)}.sc-digi-notification-alert-h .digi-notification-alert.sc-digi-notification-alert{position:relative;max-width:var(--MAX-WIDTH)}.sc-digi-notification-alert-h .digi-notification-alert--variation-info.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--informative);--ICON--COLOR:var(--digi--notification-alert--icon--color--informative);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--informative)}.sc-digi-notification-alert-h .digi-notification-alert--variation-success.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--success);--ICON--COLOR:var(--digi--notification-alert--icon--color--success);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--success)}.sc-digi-notification-alert-h .digi-notification-alert--variation-danger.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--danger);--ICON--COLOR:var(--digi--notification-alert--icon--color--danger);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--danger)}.sc-digi-notification-alert-h .digi-notification-alert--variation-warning.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--warning);--ICON--COLOR:var(--digi--notification-alert--icon--color--warning);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--warning)}.sc-digi-notification-alert-h .digi-notification-alert--size-large.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--large);--ICON--PADDING:var(--digi--notification-alert--icon--padding--large);--ICON--WIDTH:var(--digi--notification-alert--icon--width--large)}.sc-digi-notification-alert-h .digi-notification-alert--size-medium.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--medium);--ICON--PADDING:var(--digi--notification-alert--icon--padding--medium);--ICON--WIDTH:var(--digi--notification-alert--icon--width--medium)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--small);--ICON--PADDING:var(--digi--notification-alert--icon--padding--small);--ICON--WIDTH:var(--digi--notification-alert--icon--width--small)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert .digi-notification-alert__close-button__text.sc-digi-notification-alert{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-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;justify-content:space-between;flex-direction:row-reverse}.sc-digi-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__text.sc-digi-notification-alert{padding-right:0}.sc-digi-notification-alert-h .digi-notification-alert__layout.sc-digi-notification-alert{display:flex;align-items:stretch;gap:0}.sc-digi-notification-alert-h .digi-notification-alert__icon-wrapper.sc-digi-notification-alert{align-items:stretch}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert{background:var(--ICON--BACKGROUND);padding:var(--ICON--PADDING);display:flex;align-items:center;justify-content:center;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--icon--width:var(--ICON--WIDTH);--digi--icon--color:var(--ICON--COLOR)}.sc-digi-notification-alert-h .digi-notification-alert__main-wrapper.sc-digi-notification-alert{flex:1}.sc-digi-notification-alert-h .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;border:var(--BORDER);background-color:var(--digi--color--background--primary);border-left:none;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__text.sc-digi-notification-alert{padding:var(--digi--gutter--largest)}.sc-digi-notification-alert-h .digi-notification-alert__close-button.sc-digi-notification-alert{--digi--button--color--function:var(--digi--color--text--primary);--digi--button--color--function--hover:var(--digi--color--text--primary)}@media screen and (max-width: 36rem){.sc-digi-notification-alert-h .digi-notification-alert__close-button__text.sc-digi-notification-alert{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-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--notification-alert--heading--font-size);font-weight:var(--digi--notification-alert--heading--font-weight);color:var(--digi--color--text--primary);margin:0;display:block}@media (min-width: 61.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-size:var(--digi--notification-alert--heading--font-size--large)}}.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert:focus{outline:none}.sc-digi-notification-alert-h .digi-notification-alert__content.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--typography--max-width:var(--MAX-WIDTH);--digi--typography--margin-top--text:var(--digi--gutter--small)}";export{g as digi_notification_alert}
|