@designsystem-se/af 38.0.1-beta.0 → 38.0.1-beta.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 +170 -70
- package/components/digi-calendar-datepicker.js +6 -5
- package/components/digi-chart-line.js +12 -8
- package/components/digi-code-block.js +1 -1
- package/components/digi-code-example.js +2 -2
- package/components/digi-dialog.js +1 -0
- package/components/digi-footer.js +1 -0
- package/components/digi-form-checkbox.js +1 -1
- package/components/digi-form-error-list.js +3 -4
- package/components/digi-form-filter.js +1 -1
- package/components/digi-form-radiobutton.js +1 -1
- package/components/digi-form-receipt.js +1 -0
- package/components/digi-form-select-filter.js +1 -0
- package/components/digi-header-navigation.js +1 -0
- package/components/digi-header.js +1 -0
- package/components/digi-navigation-pagination.js +1 -0
- package/components/digi-notification-alert.js +1 -1
- package/components/digi-notification-error-page.js +1 -0
- package/components/digi-progress-circle.js +1 -6
- package/components/digi-tablist.js +5 -5
- package/components/digi-tag.js +1 -1
- package/components/digi-title-logo.js +1 -0
- package/components/digi-tools-feedback.js +1 -0
- package/components/index.js +1 -0
- package/components/{p-57a1c472.js → p-13c09880.js} +2 -2
- package/components/{p-4d2d082d.js → p-75c8d67e.js} +1 -0
- package/components/{p-b24c2842.js → p-77d8d575.js} +2 -2
- package/components/{p-195ca01d.js → p-bc5b7057.js} +1 -0
- package/components/p-be4fd246.js +7 -0
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/digi-bar-chart.cjs.entry.js +170 -70
- package/dist/cjs/digi-button_27.cjs.entry.js +1 -0
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +6 -5
- package/dist/cjs/digi-chart-line.cjs.entry.js +12 -8
- package/dist/cjs/digi-code-block_3.cjs.entry.js +3 -2
- package/dist/cjs/digi-dialog.cjs.entry.js +1 -0
- package/dist/cjs/digi-form-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-receipt.cjs.entry.js +1 -0
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +1 -0
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +1 -0
- package/dist/cjs/digi-notification-alert.cjs.entry.js +1 -0
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +1 -0
- package/dist/cjs/digi-progress-circle.cjs.entry.js +4 -9
- package/dist/cjs/digi-tablist.cjs.entry.js +5 -5
- package/dist/cjs/digi-tag.cjs.entry.js +1 -1
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +1 -0
- package/dist/cjs/index.cjs.js +7 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/progress-circle-role.enum-b7fdcf0c.js +7 -0
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js +5 -5
- package/dist/collection/components/_chart/bar-chart/bar-chart.js +171 -70
- package/dist/collection/components/_chart/chart-line/chart-line.js +12 -8
- package/dist/collection/components/_form/form-checkbox/form-checkbox.js +2 -2
- package/dist/collection/components/_form/form-error-list/form-error-list.js +1 -7
- package/dist/collection/components/_form/form-radiobutton/form-radiobutton.js +2 -2
- package/dist/collection/components/_navigation/navigation-tablist/navigation-tablist.js +5 -5
- package/dist/collection/components/_tag/tag/tag.js +1 -1
- package/dist/collection/enums.js +7 -0
- package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +0 -2
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/{p-60738889.entry.js → p-01874a31.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-18880083.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-d71c33d8.entry.js → p-37c0ea9e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-39468f49.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-501f9b16.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-d670e0e0.entry.js → p-54d5aa93.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-59073668.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-8833044b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-97f66789.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-9dae073c.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a186888d.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-be4fd246.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-0a6d26f7.entry.js → p-cea5ef63.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-67ba87db.entry.js → p-d3e14568.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-ddd659bf.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-e5bd5a7e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-ef689144.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f0a405ca.entry.js +1 -0
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/digi-bar-chart.entry.js +170 -70
- package/dist/esm/digi-button_27.entry.js +1 -0
- package/dist/esm/digi-calendar-datepicker.entry.js +6 -5
- package/dist/esm/digi-chart-line.entry.js +12 -8
- package/dist/esm/digi-code-block_3.entry.js +3 -2
- package/dist/esm/digi-dialog.entry.js +1 -0
- package/dist/esm/digi-form-checkbox.entry.js +2 -2
- package/dist/esm/digi-form-error-list.entry.js +2 -2
- package/dist/esm/digi-form-receipt.entry.js +1 -0
- package/dist/esm/digi-form-select-filter.entry.js +1 -0
- package/dist/esm/digi-navigation-pagination.entry.js +1 -0
- package/dist/esm/digi-notification-alert.entry.js +1 -0
- package/dist/esm/digi-notification-error-page.entry.js +1 -0
- package/dist/esm/digi-progress-circle.entry.js +1 -6
- package/dist/esm/digi-tablist.entry.js +5 -5
- package/dist/esm/digi-tag.entry.js +1 -1
- package/dist/esm/digi-tools-feedback.entry.js +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/progress-circle-role.enum-7737a2c6.js +7 -0
- package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts +2 -2
- package/dist/types/components/_form/form-error-list/form-error-list.d.ts +0 -1
- package/dist/types/enums.d.ts +7 -0
- package/hydrate/index.js +204 -102
- package/hydrate/index.mjs +204 -102
- package/package.json +1 -1
- package/dist/digi-arbetsformedlingen/p-20693fa2.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3566b732.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3cda17e1.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4d84c470.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-50b32151.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-54b6eb3f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5ad6d46d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6324c9bf.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9062da9b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9a456d55.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a26333e9.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e347aae8.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as s}from"./p-52e3bb32.js";import{_ as h}from"./p-903a27d9.js";import{s as e,e as n,r as a,a as r,f as o,p as l,b as c,l as d,m as u,c as f,o as p,g,d as b}from"./p-f9a1a787.js";import{r as m}from"./p-ffe5c0e8.js";function y(t,i){if(t=function(t){let i;for(;i=t.sourceEvent;)t=i;return t}(t),void 0===i&&(i=t.currentTarget),i){var s=i.ownerSVGElement||i;if(s.createSVGPoint){var h=s.createSVGPoint();return h.x=t.clientX,h.y=t.clientY,[(h=h.matrixTransform(i.getScreenCTM().inverse())).x,h.y]}if(i.getBoundingClientRect){var e=i.getBoundingClientRect();return[t.clientX-e.left-i.clientLeft,t.clientY-e.top-i.clientTop]}}return[t.pageX,t.pageY]}const x={passive:!1},w={capture:!0,passive:!1};function v(t){t.stopImmediatePropagation()}function $(t){t.preventDefault(),t.stopImmediatePropagation()}const k=t=>()=>t;function M(t,{sourceEvent:i,subject:s,target:h,identifier:e,active:n,x:a,y:r,dx:o,dy:l,dispatch:c}){Object.defineProperties(this,{type:{value:t,enumerable:!0,configurable:!0},sourceEvent:{value:i,enumerable:!0,configurable:!0},subject:{value:s,enumerable:!0,configurable:!0},target:{value:h,enumerable:!0,configurable:!0},identifier:{value:e,enumerable:!0,configurable:!0},active:{value:n,enumerable:!0,configurable:!0},x:{value:a,enumerable:!0,configurable:!0},y:{value:r,enumerable:!0,configurable:!0},dx:{value:o,enumerable:!0,configurable:!0},dy:{value:l,enumerable:!0,configurable:!0},_:{value:c}})}function N(t){return!t.ctrlKey&&!t.button}function T(){return this.parentNode}function A(t,i){return null==i?{x:t.x,y:t.y}:i}function P(){return navigator.maxTouchPoints||"ontouchstart"in this}function S(t){return((t*=2)<=1?t*t:--t*(2-t)+1)/2}M.prototype.on=function(){var t=this._.on.apply(this._,arguments);return t===this._?this:t};const j=Math.PI,E=2*j,z=1e-6,G=E-z;function C(t){this._+=t[0];for(let i=1,s=t.length;i<s;++i)this._+=arguments[i]+t[i]}class B{constructor(t){this._x0=this._y0=this._x1=this._y1=null,this._="",this._append=null==t?C:function(t){let i=Math.floor(t);if(!(i>=0))throw new Error(`invalid digits: ${t}`);if(i>15)return C;const s=10**i;return function(t){this._+=t[0];for(let i=1,h=t.length;i<h;++i)this._+=Math.round(arguments[i]*s)/s+t[i]}}(t)}moveTo(t,i){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+i}`}closePath(){null!==this._x1&&(this._x1=this._x0,this._y1=this._y0,this._append`Z`)}lineTo(t,i){this._append`L${this._x1=+t},${this._y1=+i}`}quadraticCurveTo(t,i,s,h){this._append`Q${+t},${+i},${this._x1=+s},${this._y1=+h}`}bezierCurveTo(t,i,s,h,e,n){this._append`C${+t},${+i},${+s},${+h},${this._x1=+e},${this._y1=+n}`}arcTo(t,i,s,h,e){if(t=+t,i=+i,s=+s,h=+h,(e=+e)<0)throw new Error(`negative radius: ${e}`);let n=this._x1,a=this._y1,r=s-t,o=h-i,l=n-t,c=a-i,d=l*l+c*c;if(null===this._x1)this._append`M${this._x1=t},${this._y1=i}`;else if(d>z)if(Math.abs(c*r-o*l)>z&&e){let u=s-n,f=h-a,p=r*r+o*o,g=u*u+f*f,b=Math.sqrt(p),m=Math.sqrt(d),y=e*Math.tan((j-Math.acos((p+d-g)/(2*b*m)))/2),x=y/m,w=y/b;Math.abs(x-1)>z&&this._append`L${t+x*l},${i+x*c}`,this._append`A${e},${e},0,0,${+(c*u>l*f)},${this._x1=t+w*r},${this._y1=i+w*o}`}else this._append`L${this._x1=t},${this._y1=i}`}arc(t,i,s,h,e,n){if(t=+t,i=+i,n=!!n,(s=+s)<0)throw new Error(`negative radius: ${s}`);let a=s*Math.cos(h),r=s*Math.sin(h),o=t+a,l=i+r,c=1^n,d=n?h-e:e-h;null===this._x1?this._append`M${o},${l}`:(Math.abs(this._x1-o)>z||Math.abs(this._y1-l)>z)&&this._append`L${o},${l}`,s&&(d<0&&(d=d%E+E),d>G?this._append`A${s},${s},0,1,${c},${t-a},${i-r}A${s},${s},0,1,${c},${this._x1=o},${this._y1=l}`:d>z&&this._append`A${s},${s},0,${+(d>=j)},${c},${this._x1=t+s*Math.cos(e)},${this._y1=i+s*Math.sin(e)}`)}rect(t,i,s,h){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+i}h${s=+s}v${+h}h${-s}Z`}toString(){return this._}}function D(t){return function(){return t}}const L=Math.sqrt,I=Math.PI,O=2*I;function H(t){let i=3;return t.digits=function(s){if(!arguments.length)return i;if(null==s)i=null;else{const t=Math.floor(s);if(!(t>=0))throw new RangeError(`invalid digits: ${s}`);i=t}return t},()=>new B(i)}function R(t){this._context=t}function F(t){return new R(t)}function W(t){return t[0]}function V(t){return t[1]}function J(t,i){var s=D(!0),h=null,e=F,n=null,a=H(r);function r(r){var o,l,c,d=(r=function(t){return"object"==typeof t&&"length"in t?t:Array.from(t)}(r)).length,u=!1;for(null==h&&(n=e(c=a())),o=0;o<=d;++o)!(o<d&&s(l=r[o],o,r))===u&&((u=!u)?n.lineStart():n.lineEnd()),u&&n.point(+t(l,o,r),+i(l,o,r));if(c)return n=null,c+""||null}return t="function"==typeof t?t:void 0===t?W:D(t),i="function"==typeof i?i:void 0===i?V:D(i),r.x=function(i){return arguments.length?(t="function"==typeof i?i:D(+i),r):t},r.y=function(t){return arguments.length?(i="function"==typeof t?t:D(+t),r):i},r.defined=function(t){return arguments.length?(s="function"==typeof t?t:D(!!t),r):s},r.curve=function(t){return arguments.length?(e=t,null!=h&&(n=e(h)),r):e},r.context=function(t){return arguments.length?(null==t?h=n=null:n=e(h=t),r):h},r}R.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._point=0},lineEnd:function(){(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(t,i){switch(t=+t,i=+i,this._point){case 0:this._point=1,this._line?this._context.lineTo(t,i):this._context.moveTo(t,i);break;case 1:this._point=2;default:this._context.lineTo(t,i)}}};const U={draw(t,i){const s=L(i/I);t.moveTo(s,0),t.arc(0,0,s,0,O)}},Y={draw(t,i){const s=.62625*L(i);t.moveTo(0,-s),t.lineTo(s,0),t.lineTo(0,s),t.lineTo(-s,0),t.closePath()}},_={draw(t,i){const s=L(i),h=-s/2;t.rect(h,h,s,s)}},Z=L(3),q={draw(t,i){const s=-L(i/(3*Z));t.moveTo(0,2*s),t.lineTo(-Z*s,-s),t.lineTo(Z*s,-s),t.closePath()}},Q=-.5,K=L(3)/2,X=1/L(12),tt=3*(X/2+1),it={draw(t,i){const s=L(i/tt),h=s/2,e=s*X,n=h,a=s*X+s,r=-n,o=a;t.moveTo(h,e),t.lineTo(n,a),t.lineTo(r,o),t.lineTo(Q*h-K*e,K*h+Q*e),t.lineTo(Q*n-K*a,K*n+Q*a),t.lineTo(Q*r-K*o,K*r+Q*o),t.lineTo(Q*h+K*e,Q*e-K*h),t.lineTo(Q*n+K*a,Q*a-K*n),t.lineTo(Q*r+K*o,Q*o-K*r),t.closePath()}};function st(t,i){let s=null,h=H(e);function e(){let e;if(s||(s=e=h()),t.apply(this,arguments).draw(s,+i.apply(this,arguments)),e)return s=null,e+""||null}return t="function"==typeof t?t:D(t||U),i="function"==typeof i?i:D(void 0===i?64:+i),e.type=function(i){return arguments.length?(t="function"==typeof i?i:D(i),e):t},e.size=function(t){return arguments.length?(i="function"==typeof t?t:D(+t),e):i},e.context=function(t){return arguments.length?(s=null==t?null:t,e):s},e}function ht(t,i,s){t._context.bezierCurveTo((2*t._x0+t._x1)/3,(2*t._y0+t._y1)/3,(t._x0+2*t._x1)/3,(t._y0+2*t._y1)/3,(t._x0+4*t._x1+i)/6,(t._y0+4*t._y1+s)/6)}function et(t){this._context=t}function nt(t){return new et(t)}et.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._y0=this._y1=NaN,this._point=0},lineEnd:function(){switch(this._point){case 3:ht(this,this._x1,this._y1);case 2:this._context.lineTo(this._x1,this._y1)}(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(t,i){switch(t=+t,i=+i,this._point){case 0:this._point=1,this._line?this._context.lineTo(t,i):this._context.moveTo(t,i);break;case 1:this._point=2;break;case 2:this._point=3,this._context.lineTo((5*this._x0+this._x1)/6,(5*this._y0+this._y1)/6);default:ht(this,t,i)}this._x0=this._x1,this._x1=t,this._y0=this._y1,this._y1=i}};const at=class{constructor(i){t(this,i),this._lineTypes=[null,"18, 7","8,7","2,6"],this._strokeWidth=2.75,this._lineCap="round",this._strokeGlyphs=[U,q,_,it,Y],this._toggled=!1,this._tickSize=0,this._selectedLines=[],this._dragStart=0,this._dragDir=0,this._loading=!1,this.margin={bottom:0,top:6,left:5,right:15},this.fontSize="0.875rem",this.xPadding=5,this.yPadding=8,this.xTickSize=5,this.formatStyle=",d",this.axisNumberFormat={decimal:",",thousands:" ",grouping:[3],currency:["","kr"]},this.lineChartObserver=new ResizeObserver((t=>{t.forEach((()=>{this.resizeSvg(),this.resizeLines(),this.repositionTooltip(),e(this._legendDiv).style("width",this.dims.width+"px")}))})),this.tableObserver=new ResizeObserver((t=>{t.forEach((()=>{e(this._legendDiv).style("width",this.dims.width+"px"),this.resizeTable()}))})),this.dragStart=t=>{const i=e(this._legendDiv).node();this._dragStart=t.x-i.offsetLeft,this._scrollLeft=i.scrollLeft},this.drag=t=>{const i=e(this._legendDiv);this._dragDir=t.x;const s=this._dragDir-i.node().offsetLeft;i.property("scrollLeft",this._scrollLeft-1*(s-this._dragStart))},this.setYTicks=(t=!1)=>{const i=this._chartData.meta&&this._chartData.meta.numberOfReferenceLines?this._chartData.meta.numberOfReferenceLines:5,s=this._yAxis.domain()[0],h=this._yAxis.domain()[1],e=(h-s)/(i-1),n=a(s,h+e,e);t?this._yAxisHandle.style("font-size",this.fontSize).call(r(this._yAxis).ticks(i).tickPadding(this.yPadding).tickValues(n).tickSize(-(this.dims.width-this.margin.left)).tickFormat((t=>o(this.axisNumberFormat).format(this.formatStyle)(t)))):this._yAxisHandle.style("font-size",this.fontSize).transition().duration(400).call(r(this._yAxis).ticks(i).tickPadding(this.yPadding).tickValues(n).tickSize(-(this.dims.width-this.margin.left)).tickFormat((t=>o(this.axisNumberFormat).format(this.formatStyle)(t)))).on("end",(()=>this.leftSetAxis())),this._yAxisHandle.selectAll("line").attr("stroke","#BDBDBD"),this._yAxisHandle.select(".domain").attr("display","none"),t&&this.leftSetAxis(t)},this.addListenersToChart=()=>{this._Tipbox.style("cursor","pointer").on("mousemove",this.drawTooltipLine).on("touchmove","ontouchstart"in window||window.navigator.maxTouchPoints?this.drawTooltip:null).on("mouseup",this.drawTooltip).on("mouseleave",(()=>{this._secondaryLine.attr("display","none"),this._toggled||(this._TooltipLine.attr("display","none"),this._Circles.selectAll("circle").attr("display","none"))}))},this.initLegend=()=>{const t=e(this._legendDiv);e(this._legendDiv).style("width",this.dims.width+"px"),t.selectAll(".chip").remove(),t.call(function(){var t,i,s,h,a=N,r=T,o=A,l=P,c={},d=n("start","drag","end"),u=0,f=0;function p(t){t.on("mousedown.drag",g).filter(l).on("touchstart.drag",S).on("touchmove.drag",j,x).on("touchend.drag touchcancel.drag",E).style("touch-action","none").style("-webkit-tap-highlight-color","rgba(0,0,0,0)")}function g(n,o){if(!h&&a.call(this,n,o)){var l,c,d,u=z(this,r.call(this,n,o),n,o,"mouse");u&&(e(n.view).on("mousemove.drag",b,w).on("mouseup.drag",m,w),c=(l=n.view).document.documentElement,d=e(l).on("dragstart.drag",$,w),"onselectstart"in c?d.on("selectstart.drag",$,w):(c.__noselect=c.style.MozUserSelect,c.style.MozUserSelect="none"),v(n),s=!1,t=n.clientX,i=n.clientY,u("start",n))}}function b(h){if($(h),!s){var e=h.clientX-t,n=h.clientY-i;s=e*e+n*n>f}c.mouse("drag",h)}function m(t){var i,h,n,a;e(t.view).on("mousemove.drag mouseup.drag",null),h=s,n=(i=t.view).document.documentElement,a=e(i).on("dragstart.drag",null),h&&(a.on("click.drag",$,w),setTimeout((function(){a.on("click.drag",null)}),0)),"onselectstart"in n?a.on("selectstart.drag",null):(n.style.MozUserSelect=n.__noselect,delete n.__noselect),$(t),c.mouse("end",t)}function S(t,i){if(a.call(this,t,i)){var s,h,e=t.changedTouches,n=r.call(this,t,i),o=e.length;for(s=0;s<o;++s)(h=z(this,n,t,i,e[s].identifier,e[s]))&&(v(t),h("start",t,e[s]))}}function j(t){var i,s,h=t.changedTouches,e=h.length;for(i=0;i<e;++i)(s=c[h[i].identifier])&&($(t),s("drag",t,h[i]))}function E(t){var i,s,e=t.changedTouches,n=e.length;for(h&&clearTimeout(h),h=setTimeout((function(){h=null}),500),i=0;i<n;++i)(s=c[e[i].identifier])&&(v(t),s("end",t,e[i]))}function z(t,i,s,h,e,n){var a,r,l,f=d.copy(),g=y(n||s,i);if(null!=(l=o.call(t,new M("beforestart",{sourceEvent:s,target:p,identifier:e,active:u,x:g[0],y:g[1],dx:0,dy:0,dispatch:f}),h)))return a=l.x-g[0]||0,r=l.y-g[1]||0,function s(n,o,d){var b,m=g;switch(n){case"start":c[e]=s,b=u++;break;case"end":delete c[e],--u;case"drag":g=y(d||o,i),b=u}f.call(n,t,new M(n,{sourceEvent:o,subject:l,target:p,identifier:e,active:b,x:g[0]+a,y:g[1]+r,dx:g[0]-m[0],dy:g[1]-m[1],dispatch:f}),h)}}return p.filter=function(t){return arguments.length?(a="function"==typeof t?t:k(!!t),p):a},p.container=function(t){return arguments.length?(r="function"==typeof t?t:k(t),p):r},p.subject=function(t){return arguments.length?(o="function"==typeof t?t:k(t),p):o},p.touchable=function(t){return arguments.length?(l="function"==typeof t?t:k(!!t),p):l},p.on=function(){var t=d.on.apply(d,arguments);return t===d?p:t},p.clickDistance=function(t){return arguments.length?(f=(t=+t)*t,p):Math.sqrt(f)},p}().on("start",this.dragStart).on("drag",this.drag)),t.selectAll("legendChips").data(this._chartData.data.series).join("button").attr("class","chip").attr("type","button").attr("aria-pressed",!1).style("padding","0.15rem 0.75rem").style("border","2px solid white").style("border-radius","6px").style("display","flex").style("flex-direction","row").style("gap","0.5rem").style("align-items","center").style("flex-wrap","nowrap").style("min-width","fit-content").style("height","calc(2rem - 2px)").style("font-size",this.fontSize).style("white-space","nowrap").style("box-sizing","border-box").style("background-color","white").style("cursor","pointer").html((t=>'<span style="pointer-events:none;">'+t.title+"</span>")).on("click",this.togglePath).on("mouseover",this.highlightPath).on("focus",this.highlightPath).on("mouseleave",this.colorLines).on("blur",this.colorLines).datum((t=>t)).insert("svg","span").attr("class","legendSvg").attr("pointer-events","none").attr("width",32).attr("height",28).append("line").attr("stroke",(t=>this.colorFunction(t))).attr("stroke-linecap",this._lineCap).attr("stroke-width",4).attr("stroke-dasharray",((t,i)=>this.dashFunction(t,i))).attr("x1",3).attr("x2",29).attr("y1","50%").attr("y2","50%"),this._chartData.data.series.length<=this._lineTypes.length||t.selectAll(".legendSvg").filter(((...[,t])=>t>this._lineTypes.length-1)).append("path").attr("d",((...[,t])=>this.symbolType(t,70))).attr("fill",(t=>this.colorFunction(t))).attr("transform","translate(16,14)")},this.highlightPath=(t,i)=>{"chip"==t.target.className&&(e(t.target).style("border",(t=>"2px solid "+this.colorFunction(t))),this._lineChartContainer.selectAll(".linePath").transition("highlight").duration(150).attr("stroke",((t,s,h)=>t.title===i.title?(e(h[s]).raise(),this.colorFunction(t)):"#E3E3E3")).attr("stroke-width",(t=>t.title===i.title?1.25*this._strokeWidth:this._strokeWidth)),this._lineChartContainer.selectAll(".symbolGroup").attr("fill",((t,s,h)=>{t.title===i.title&&e(h[s]).raise()})),this._lineChartContainer.selectAll(".symbolGroup").selectAll(".symbol").transition("highlight").duration(150).attr("fill",(t=>{if(t)return t.title===i.title?this.colorFunction(t):"#E3E3E3"})))},this.togglePath=t=>{if("chip"!=t.target.className)return;const i=e(t.target),s="white"===i.style("color");i.style("border",(t=>"2px solid "+this.colorFunction(t))).style("background-color",(t=>s?"white":this.colorFunction(t))).style("color",(()=>s?"black":"white")).attr("aria-pressed","false"==i.attr("aria-pressed")).select("line").attr("stroke",(t=>s?this.colorFunction(t):"white")),i.select("path").attr("fill",(t=>s?this.colorFunction(t):"white")),s?this._selectedLines=this._selectedLines.filter((t=>t.title!==i.datum().title)):this._selectedLines.push(this._coreSeries.filter((t=>t.title===i.datum().title))[0]),this._selectedLines.length<1?this._chartData.data.series=JSON.parse(JSON.stringify(this._coreSeries)):this._chartData.data.series.map((t=>{const i=this._selectedLines.findIndex((i=>t.title===i.title));t.yValues=-1!=i?this._selectedLines[i].yValues:[]})),this.updateSvg()},this.colorLines=t=>{e(t.target).style("border","2px solid white"),this._lineChartContainer.selectAll(".linePath").transition("highlight").duration(150).attr("stroke",(t=>this.colorFunction(t))).attr("stroke-width",this._strokeWidth),this._lineChartContainer.selectAll(".symbolGroup").selectAll(".symbol").transition("highlight").duration(150).attr("fill",(t=>t?this.colorFunction(t):null))},this.dashFunction=(...[,t])=>this._lineTypes[t%this._lineTypes.length],this.initLines=()=>{this.defineLineAndScale(),this._lineChartContainer.selectAll("linePath").data(this.reshapeData(this._chartData.data.series)).join("path").attr("class","linePath").attr("stroke",(t=>this.colorFunction(t))).attr("stroke-linecap",this._lineCap).attr("stroke-width",(t=>t.length>1?this._strokeWidth:4)).attr("stroke-dasharray",((t,i)=>t.length>1?this.dashFunction(t,i):null)).attr("fill","none").attr("d",(t=>this._LineFunc(t.line))),this.addSymbols()},this.defineLineAndScale=()=>{this._LineFunc=J().defined((t=>null!=t[1]&&null!=t[1]&&!isNaN(t[1]))).x((t=>this._lineScale(t[0]))).y((t=>this._yAxis(t[1])))},this.reshapeData=t=>t.map((t=>(t.line=this._chartData.data.xValues.map(((i,s)=>[i,t.yValues[s]])),t.length=t.yValues.filter((t=>null!=t&&null!=t)).length,t))),this.addSymbols=(t=!1)=>{this._lineChartContainer.selectAll(".symbolGroup").data(this.reshapeData(this._chartData.data.series.filter(((...[,t])=>t>this._lineTypes.length-1)))).join((i=>{t?i.append("g").attr("class","symbolGroup").selectAll("symbol").data(((t,i)=>t.line.map((s=>null!=s[1]?{val:s[1],x:s[0],title:t.title,colorToken:t.colorToken,index:i}:null)))).join("path").attr("class","symbol").attr("d",(t=>t?this.symbolType(t.index):null)).attr("fill",(t=>t?this.colorFunction(t):null)).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(t.val)})`:null)):i.append("g").attr("class","symbolGroup").selectAll("symbols").data(((t,i)=>t.line.map((s=>null!=s[1]?{val:s[1],x:s[0],title:t.title,colorToken:t.colorToken,index:i}:null)))).join("path").attr("class","symbol").attr("d",(t=>t?this.symbolType(t.index):null)).attr("fill",(t=>t?this.colorFunction(t):null)).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(t.val)})`:null))}),(i=>{t?i.selectAll("path").data(((t,i)=>t.line.map((s=>null!=s[1]?{val:s[1],x:s[0],title:t.title,colorToken:t.colorToken,index:i}:null)).filter((t=>t)))).join((t=>{t.append("path").attr("class","symbol").attr("d",(t=>t?this.symbolType(t.index):null)).attr("fill",(t=>t?this.colorFunction(t):null)).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(t.val)})`:null)).attr("opacity",0).transition().duration(400).ease(l).attr("opacity",1)}),(t=>{t.transition().duration(400).ease(l).attr("d",(t=>t?this.symbolType(t.index):null)).attr("fill",(t=>t?this.colorFunction(t):null)).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(t.val)})`:null))}),(t=>t.remove())):i.selectAll(".symbol").data(((t,i)=>t.line.map((s=>(console.log(t.title,i),null!=s[1]?{val:s[1],x:s[0],title:t.title,colorToken:t.colorToken,index:i}:null))))).join("path").attr("class","symbol").attr("d",(t=>t?this.symbolType(t.index):null)).attr("fill",(t=>t?this.colorFunction(t):null)).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(t.val)})`:null))}),(t=>t.remove()))},this.symbolType=(t,i)=>st().type(this._strokeGlyphs[Math.trunc(t/this._lineTypes.length)]).size(i||60)(),this.setDims=(t=!1)=>{const i=e(this._titleDiv).node().getBoundingClientRect(),s=e(this._legendDiv).node().getBoundingClientRect(),h=parseFloat(getComputedStyle(document.documentElement).fontSize);t||(this.dims=e(this._chartDiv).node().getBoundingClientRect()),this.dims.height=this._maxHeight-s.height-i.height-1.75*h},this.resizeSvg=()=>{if(this._loading)return this.loadingResize();this.setDims(),this._svg.attr("width",this.dims.width).attr("height",this.dims.height),this._yAxis.range([this.dims.height-this.margin.bottom,this.margin.top]),this.setYTicks(!0),this._xAxis.range([0,this.dims.width-this.margin.left-this.margin.right]);const t=Math.min(Math.max(Math.floor((this.dims.width-this.margin.left-this.margin.right)/this._tickSize)-2,1),this._chartData.data.xValues.length);this._xAxisHandle.attr("transform","translate(0,"+(this.dims.height-this.margin.bottom)+")").call(c(this._xAxis).ticks(t).tickPadding(this.xPadding).tickFormat((t=>this._chartData.data.xValueNames?this._chartData.data.xValueNames[this._chartData.data.xValues.indexOf(t)]:t))),this._Tipbox.attr("width",this.dims.width-this.margin.left/2).attr("height",this.dims.height-this.margin.top-this.margin.bottom).attr("transform",`translate(${this.margin.left/2},${this.margin.top})`)},this.loadingResize=()=>{this.setDims(),this._svg.attr("width",this.dims.width),this.setYTicks(),this._xAxis.range([0,this.dims.width-this.margin.left-this.margin.right]);const t=Math.min(Math.floor((this.dims.width-this.margin.left-this.margin.right)/this._tickSize)-2,this._xAxis.domain()[1]);this._xAxisHandle.call(c(this._xAxis).ticks(t).tickPadding(this.xPadding).tickFormat((t=>this._chartData.data&&this._chartData.data.xValueNames?this._chartData.data.xValueNames[this._chartData.data.xValues.indexOf(t)]:t))),this._lineScale.range([0,this.dims.width-this.margin.left-this.margin.right]);const i=J().defined((t=>null!=t[1])).x((t=>this._lineScale(t[0]))).y((t=>this._yAxis(t[1]))).curve(nt);this._lineChartContainer.selectAll(".linePath").attr("d",(t=>i(t)))},this.resizeLines=()=>{this._loading||(this._lineScale.range([0,this.dims.width-this.margin.left-this.margin.right]),this.defineLineAndScale(),this._lineChartContainer.selectAll(".linePath").attr("stroke",(t=>this.colorFunction(t))).attr("d",(t=>this._LineFunc(t.line))),this._lineChartContainer.selectAll(".symbolGroup").selectAll(".symbol").attr("transform",((t,i)=>t?`translate(${this._lineScale(this._chartData.data.xValues[i])},${this._yAxis(t.val)})`:null)))},this.colorFunction=t=>t.colorToken?getComputedStyle(document.documentElement).getPropertyValue(t.colorToken).trim().toLocaleLowerCase():this._Color(t.title),this.drawTooltipLine=t=>{if(this._toggled)return this.drawDottedLine(t);this.drawMainLineAndCircles(t)},this.closeTooltip=()=>{this._toggled=!1,this._tooltip.style("display","none"),this._secondaryLine.attr("display","none"),this._TooltipLine.attr("display","none"),this._Circles.selectAll("circle").attr("display","none"),this._Circles.selectAll("circle").attr("fill","white").attr("stroke",(t=>this.colorFunction(t))),this._svg.select(".tooltipPointer").remove()},this.drawDottedLine=t=>{if(this._hoverPoint=this.closest(Math.round(this._lineScale.invert(y(t,this._Tipbox.node())[0]-this.margin.left/2))),this._hoverPoint===this._tooltipPoint)return this._secondaryLine.attr("display","none");this._secondaryLine.attr("display",null).attr("stroke","gray").attr("stroke-dasharray",4).attr("x1",this._xAxis(this._hoverPoint.toString())+this.margin.left).attr("x2",this._xAxis(this._hoverPoint.toString())+this.margin.left).attr("y1",this._yAxis(this._maxVal)).attr("y2",this.dims.height-this.margin.bottom).style("pointer-events","none")},this.drawMainLineAndCircles=t=>{this._hoverPoint=this.touchPosition(t);const i=this._hoverPoint.toString();this._TooltipLine.attr("display",null).attr("stroke","gray").attr("x1",this._xAxis(i)+this.margin.left).attr("x2",this._xAxis(i)+this.margin.left).attr("y1",this._yAxis(this._maxVal)).attr("y2",this.dims.height-this.margin.bottom).style("pointer-events","none"),this._Circles.selectAll("circle").attr("display",null).attr("pointer-events","none"),this.positionCircles(i)},this.touchPosition=t=>"touchmove"===t.type?(t.preventDefault(),this.closest(Math.round(this._lineScale.invert(y(t.touches[0],this._Tipbox.node())[0]-this.margin.left/2)))):this.closest(Math.round(this._lineScale.invert(y(t,this._Tipbox.node())[0]-this.margin.left/2))),this.drawTooltip=t=>{this.drawMainLineAndCircles(t),this._toggled=!0,this._tooltipPoint=this.touchPosition(t),this._tooltipDataIndex=this._chartData.data.xValues.indexOf(this._tooltipPoint),this._tooltip.style("display","flex");const i=this._tooltip.select(".tooltipBody");this._tooltip.select(".tooltipHead").select(this._tooltipHeading).style("margin","0 0.75rem 0 0 ").html((()=>this._chartData.data.xValueNames?this._chartData.data.xValueNames[this._chartData.data.xValues.indexOf(this._tooltipPoint)]:this._tooltipPoint)),i.selectAll("div").data(this._chartData.data.series).join("div").style("display","flex").style("flex-direction","row").style("flex-wrap","nowrap").style("white-space","nowrap").style("justify-content","space-between").html((t=>null!=t.yValues[this._tooltipDataIndex]?"<span>"+t.title+'</span><span style="margin-left:0.75rem;">'+o(this.axisNumberFormat).format(this.formatStyle)(t.yValues[this._tooltipDataIndex])+"</span>":null)),this.positionTooltipWithinBounds(this._xAxis(this._tooltipPoint.toString())+this.margin.left),this._Circles.selectAll("circle").attr("fill",(t=>this.colorFunction(t))).attr("stroke","white"),this._svg.select(".tooltipPointer").remove();const s=st().type(q).size(60);this._svg.append("path").attr("d",s).attr("class","tooltipPointer").attr("fill","rgba(10, 10, 10, 0.90)").style("filter","drop-shadow(gray 0px -1px 1px)").attr("transform",`translate(${this._xAxis(this._tooltipPoint.toString())+this.margin.left},${this._yAxis(this._maxVal)-7}) rotate(180) scale(1.5,1.0)`)},this.initYAxis=t=>{this._yAxis=d().domain([0,t?10:this._maxVal]).nice(3).range([this.dims.height-this.margin.bottom,this.margin.top]),this.margin.left=this.getTextSize(o(this.axisNumberFormat).format(this.formatStyle)(this._yAxis.domain()[1]))+this.yPadding+3,this._lineChartContainer=this._svg.append("g").attr("transform",`translate(${this.margin.left},0)`),this._yAxisHandle=this._lineChartContainer.append("g").attr("class","yAxis"),this.setYTicks(!0)},this.initXAxis=t=>{this._lineChartContainer.select(".xAxis").remove(),t||(this.margin.right=this._chartData.data.xValueNames?this.getTextSize(this._chartData.data.xValueNames[this._chartData.data.xValueNames.length-1])/2+1:this.getTextSize(u(this._chartData.data.xValues).toString())/2+1),this._xAxis=d().domain([t?1:f(this._chartData.data.xValues),t?10:u(this._chartData.data.xValues)]).range([0,this.dims.width-this.margin.left-this.margin.right]),this._lineScale=d().domain([t?1:f(this._chartData.data.xValues),t?10:u(this._chartData.data.xValues)]).range([0,this.dims.width-this.margin.left-this.margin.right]);const i=Math.min(Math.max(Math.floor((this.dims.width-this.margin.left-this.margin.right)/this._tickSize)-2,2),t?10:this._chartData.data.xValues.length);this._xAxisHandle=this._lineChartContainer.append("g").attr("transform","translate(0,"+(this.dims.height-this.margin.bottom)+")").attr("class","xAxis").style("font-size",this.fontSize).call(c(this._xAxis).ticks(i).tickSize(this.xTickSize).tickPadding(this.xPadding).tickFormat((i=>!t&&this._chartData.data.xValueNames?this._chartData.data.xValueNames[this._chartData.data.xValues.indexOf(i)]:i))),this._xAxisHandle.select(".domain").attr("display","none"),this._xAxisHandle.selectAll("line").attr("stroke-linecap",this._lineCap).attr("stroke","#757575")},this.positionCircles=(t,i)=>{i?this._Circles.selectAll("circle").transition("positioncircles").duration(i).attr("cx",(()=>this._xAxis(t)+this.margin.left)).attr("cy",((i,s,h)=>{const n=i.yValues[this._chartData.data.xValues.indexOf(parseInt(t))];return this._yAxis(n)?this._yAxis(n):(e(h[s]).attr("display","none"),null)})):this._Circles.selectAll("circle").attr("cx",(()=>this._xAxis(t)+this.margin.left)).attr("cy",((i,s,h)=>{const n=i.yValues[this._chartData.data.xValues.indexOf(parseInt(t))];return this._yAxis(n)?this._yAxis(n):(e(h[s]).attr("display","none"),null)}))},this.repositionTooltip=()=>{if(!this._toggled)return;const t=this._chartData.data.xValues[this._tooltipDataIndex].toString();this._TooltipLine.attr("stroke","gray").attr("x1",this._xAxis(t)+this.margin.left).attr("x2",this._xAxis(t)+this.margin.left).attr("y1",this._yAxis(this._maxVal)).attr("y2",this.dims.height-this.margin.bottom),this.positionTooltipWithinBounds(this._xAxis(t)+this.margin.left),this._svg.select(".tooltipPointer").attr("transform",`translate(${this._xAxis(this._tooltipPoint.toString())+this.margin.left},${this._yAxis(this._maxVal)-7}) rotate(180) scale(1.5,1.0)`),this.positionCircles(t)},this.positionTooltipWithinBounds=(t,i)=>{this._tooltip.style("transform",(()=>`translateY(${this._yAxis(this._maxVal)-this._tooltip.node().getBoundingClientRect().height-9}px)`));const s=this._chartDiv.getBoundingClientRect(),h=t+s.left,e=this._tooltip.node().getBoundingClientRect().width/2;s.left<h-e&&s.right>h+e?this._tooltip.style("left",t-e+"px"):s.right<h+e?this._tooltip.style("left",t-this._tooltip.node().getBoundingClientRect().width+Math.max(this.margin.right,10)+"px"):s.left>h-e?i?this._tooltip.transition("moveTooltip").duration(i).ease(l).style("left",t-this.margin.left+"px"):this._tooltip.style("left",t-this.margin.left+"px"):this._tooltip.style("left",t-document.getElementById(this.afId).getBoundingClientRect().width/2+"px")},this.mapColorToLine=()=>{this._Color=p().domain(this._chartData.data.series.map((function(t){return t.title}))).range(["#00005a","#D43372","#058470","#0058A3","#556D22","#1616B2","#AA295B","#035548"])},this.computeMaxVal=()=>{this._maxVal=parseFloat(u(this._chartData.data.series,(t=>u(t.yValues))))},this.checkPercentage=()=>{this.formatStyle=this._chartData.meta&&this._chartData.meta.percentage?".1%":",d"},this.closest=t=>this._chartData.data.xValues.reduce((function(i,s){return Math.abs(s-t)<Math.abs(i-t)?s:i})),this.activateTable=t=>{this.closeTooltip(),this.lineChartObserver.disconnect(),this.tableObserver.observe(this._chartDiv),this._status.innerHTML="<p>Visas som tabell</p>",e(this._host).select(".tableButton").style("display","none"),e(this._host).select(".chartButton").style("display",null),t.target.nextSibling.lastChild.focus(),this._svg.attr("opacity",1).transition("fadeout").duration(150).attr("opacity",0).on("end",(()=>{this._svg.remove(),this._legendDiv.style.display="none",this._tableDiv.style.display="block",this.setTableContent(),this.setTableDimensions(),e(this._tableDiv).style("opacity",0).transition("fadein").duration(150).style("opacity",1)})),e(this._legendDiv).style("opacity",1).transition("fadeout").duration(150).style("opacity",0)},this.resizeTable=()=>{this.setDims(),this.setTableDimensions()},this.reInitChart=t=>{this.tableObserver.disconnect(),this._status.innerHTML="<p>Visas som diagram</p>",e(this._host).select(".tableButton").style("display",null),e(this._host).select(".chartButton").style("display","none"),t.target.previousSibling.lastChild.focus();const i=e(this._tableDiv);i.style("opacity",1).transition().duration(150).style("opacity",0).on("end",(()=>{i.style("display","none"),this.initSvg(),this.initLines(),this._svg.attr("opacity",0).transition().duration(150).attr("opacity",1),e(this._legendDiv).style("display",null).style("opacity",0).transition().duration(150).style("opacity",1)}))},this.afHeadingLevel=void 0,this.afId=m("tooltip"),this.afChartData=void 0}afChartDataUpdate(){const t=this.afChartData;"object"!=typeof t?(this._chartData=JSON.parse(t),this._chartData.data&&(this._coreSeries=JSON.parse(JSON.stringify(this._chartData.data.series)))):this._chartData=Object.assign({},t)}initSvg(){this.margin.bottom=Number(window.getComputedStyle(document.body).getPropertyValue("font-size").match(/\d+/)[0])*Number(this.fontSize.replace(/[^\d.]|\.(?=.*\.)/g,""))+this.xPadding+this.xTickSize,this.lineChartObserver.observe(this._chartDiv),e(this._chartDiv).select("svg").remove(),this._tooltip=e("#"+this.afId),this._tooltip.select(".close").on("click",this.closeTooltip),this._tooltipHeading="h"+(parseInt(this.afHeadingLevel.replace(/\D/g,""))+1),this._tooltip.selectAll(".tooltipHead").insert(this._tooltipHeading,":first-child").style("margin","0 0.75rem").style("font-weight","500"),this._maxHeight=e(this._host).node().parentNode.getBoundingClientRect().height,this.setDims(),this.setTickSize(),this.checkPercentage(),e(this._chartDiv).attr("height",this.dims.height+"px"),this._svg=e(this._chartDiv).append("svg").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this._chartData&&this._chartData.title?"Linjediagram om "+this._chartData.title.toLowerCase():"Linjediagram"),this._svg.attr("width",this.dims.width).attr("height",this.dims.height),this.mapColorToLine(),this._TooltipLine=this._svg.append("line").attr("id","toolTipLine"+this.afId),this._secondaryLine=this._svg.append("line").attr("id","secondaryLine"+this.afId),this.computeMaxVal(),this.initYAxis(),this.initXAxis(),this._Tipbox=this._svg.append("rect").attr("class","svgRect").attr("width",this.dims.width-this.margin.left/2).attr("height",this.dims.height-this.margin.top-this.margin.bottom).attr("opacity",0).attr("transform",`translate(${this.margin.left/2},0)`),this.addListenersToChart(),this._Circles=this._svg.append("g").attr("class","circleGroup").on("mousemove",this.drawTooltipLine),this._Circles.selectAll("circle").data(this._chartData.data.series).join("circle").attr("stroke",(t=>this.colorFunction(t))).attr("fill","white").attr("stroke-width","1px").attr("r",7).attr("display","none"),e(window).on("resize."+this.afId,this.repositionTooltip)}initEmpty(){this.margin.bottom=Number(window.getComputedStyle(document.body).getPropertyValue("font-size").match(/\d+/)[0])*Number(this.fontSize.replace(/[^\d.]|\.(?=.*\.)/g,""))+this.xPadding+this.xTickSize,e(this._chartDiv).select("svg").remove(),this._tooltip=e("#"+this.afId),e("digi-icon-x").on("click",this.closeTooltip),this._tooltipHeading="h"+(parseInt(this.afHeadingLevel.replace(/\D/g,""))+1),this._tooltip.selectAll(".tooltipHead").insert(this._tooltipHeading,":first-child").style("margin","0 0.75rem").style("font-weight","500"),this._maxHeight=e(this._host).node().parentNode.getBoundingClientRect().height,this.setDims(),e(this._chartDiv).attr("height",this.dims.height+"px"),this._svg=e(this._chartDiv).append("svg").attr("aria-hidden",!0),this._svg.attr("width",this.dims.width).attr("height",this.dims.height),this._TooltipLine=this._svg.append("line").attr("id","toolTipLine"+this.afId),this._secondaryLine=this._svg.append("line").attr("id","secondaryLine"+this.afId),this.initYAxis(!0),this.initXAxis(!0),this._Tipbox=this._svg.append("rect").attr("class","svgRect").attr("width",this.dims.width-this.margin.left/2).attr("height",this.dims.height-this.margin.top-this.margin.bottom).attr("opacity",0).attr("transform",`translate(${this.margin.left/2},0)`),this._Circles=this._svg.append("g").attr("class","circleGroup").on("mousemove",this.drawTooltipLine),this.defineLineAndScale(),this.lineChartObserver.observe(this._chartDiv),this.loadingState(!0)}loadingState(t){this._loading=!0,e(".tableButton").style("display","none");const i=J().defined((t=>null!=t[1])).x((t=>this._lineScale(t[0]))).y((t=>this._yAxis(t[1]))).curve(nt);this.closeTooltip(),this._Tipbox.style("cursor","wait").on("mousemove",null).on("touchmove",null).on("mouseup",null).on("mouseleave",null),e(this._titleDiv).select(this.afHeadingLevel).html(`${h.loading}...`);const s=e(this._titleDiv).style("height");e(this._titleDiv).style("height",this._prevHeight).transition("adjust").duration(400).style("height",s).on("end",(()=>e(this._titleDiv).style("height",null))),e(this._legendDiv).style("display","none");const n=()=>{let t=this._xAxis.domain()[0];const s=[...Array(this._xAxis.domain()[1])].map((()=>{const i=[t,Math.round(Math.random()*this._yAxis.domain()[1]*100)/100];return t++,i}));this._lineChartContainer.selectAll(".linePath").remove(),this._lineChartContainer.selectAll("linePath").data([s]).join("path").attr("class","linePath").attr("stroke","lightgray").attr("stroke-linecap",this._lineCap).attr("stroke-width",this._strokeWidth).attr("fill","none").attr("d",(t=>i(t))).transition().duration(1200).ease(S).attrTween("stroke-dasharray",(function(){const t=this.getTotalLength();return g(`0,${t}`,`${t},${t}`)})).on("end",(()=>{this._lineChartContainer.selectAll(".linePath").attr("stroke-dasharray",(function(){const t=this.getTotalLength();return t+" "+t})).attr("stroke-dashoffset",0).transition().duration(1200).ease(S).attr("stroke-dashoffset",(function(){return-this.getTotalLength()})).on("end",(()=>n()))}))};t?n():(()=>{const t=this._lineChartContainer.selectAll(".linePath").data().map((t=>(t.line=t.line.map((t=>t[1]?[t[0],this._yAxis.domain()[0]]:[t[0],void 0])),t)));this._lineChartContainer.selectAll(".linePath").data(t).transition().duration(400).ease(l).attr("d",(t=>this._LineFunc(t.line))).on("end",((...[,t])=>0===t?n():null)),this._lineChartContainer.selectAll(".symbolGroup").selectAll(".symbol").transition().duration(400).ease(b).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(this._yAxis.domain()[0])})`:null)).attr("opacity",0)})()}updateSvg(){this._loading&&(e(this._host).select(".tableButton").style("display",null),e(this._legendDiv).style("display",null),e(this._titleDiv).style("height",null)),this.margin.right=this._chartData.data.xValueNames?this.getTextSize(this._chartData.data.xValueNames[this._chartData.data.xValueNames.length-1])/2+1:this.getTextSize(u(this._chartData.data.xValues).toString())/2+1,this.checkPercentage(),this.setDims(!0),this.mapColorToLine(),this.computeMaxVal(),this.setTickSize(),e(this._chartDiv).attr("height",this.dims.height+"px"),this._svg.attr("width",this.dims.width+"px").attr("height",this.dims.height+"px").attr("aria-label",this._chartData&&this._chartData.title?"Linjediagram om "+this._chartData.title.toLowerCase():"Linjediagram"),this._yAxis=d().domain([0,this._maxVal]).nice(3).range([this.dims.height-this.margin.bottom,this.margin.top]),this.margin.left=this.getTextSize(o(this.axisNumberFormat).format(this.formatStyle)(this._yAxis.domain()[1]))+this.yPadding+3;const t=this._xAxis.domain();if(this.initXAxis(),this._lineChartContainer.transition("position").duration(400).ease(l).attr("width",this.dims.width).attr("height",this.dims.height).attr("transform",`translate(${this.margin.left},0)`),this.setYTicks(),this.defineLineAndScale(),this.addSymbols(!0),this._loading){e(this._host).select(".tableButton").style("display",null),this.addListenersToChart();const t=e(this._titleDiv).style("height");e(this._titleDiv).style("height",this._prevHeight).transition("adjust").duration(400).style("height",t).on("end",(()=>e(this._titleDiv).style("height",null))),e(this._legendDiv).style("opacity",0).transition().duration(400).ease(l).style("opacity",1),this._lineChartContainer.selectAll(".linePath").on("end",null),this._lineChartContainer.selectAll(".symbolGroup").selectAll(".symbol").attr("opacity",0).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(this._yAxis.domain()[0])})`:null)),this._lineChartContainer.selectAll(".linePath").transition().duration(400).ease(S).attr("stroke-dashoffset",(function(){return-this.getTotalLength()})).on("end",(()=>{this._lineChartContainer.selectAll(".linePath").data(this.reshapeData(this._chartData.data.series)).join("path").attr("class","linePath").attr("stroke",(t=>this.colorFunction(t))).attr("stroke-linecap",this._lineCap).attr("stroke-width",this._strokeWidth).attr("fill","none").attr("stroke-dasharray",this.dashFunction).attr("stroke-dashoffset",null).attr("d",(t=>this._LineFunc(t.line.map((t=>[t[0],this._yAxis.domain()[0]]))))),this._lineChartContainer.selectAll(".linePath").transition().duration(400).ease(l).attr("d",(t=>this._LineFunc(t.line))),this._lineChartContainer.selectAll(".symbolGroup").selectAll(".symbol").transition().duration(400).ease(l).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(t.val)})`:null)).attr("opacity",1),this._loading=!1}))}else this._lineChartContainer.selectAll(".linePath").data(this.reshapeData(this._chartData.data.series)).join("path").transition().duration(400).ease(l).attr("class","linePath").attr("stroke",(t=>this.colorFunction(t))).attr("stroke-linecap",this._lineCap).attr("stroke-width",(t=>t.length>1?this._strokeWidth:4)).attr("fill","none").attr("stroke-dasharray",((t,i)=>t.length>1?this.dashFunction(t,i):null)).attr("d",(t=>this._LineFunc(t.line)));if(this._toggled&&t===this._xAxis.domain()){const t=this._chartData.data.xValues[this._tooltipDataIndex].toString();this._Circles.selectAll("circle").data(this._chartData.data.series).join("circle").transition("New circles").duration(400).ease(l).attr("stroke","white").attr("fill",(t=>this.colorFunction(t))).attr("stroke-width","1px").attr("r",7),this.positionCircles(t,400);const i=this._TooltipLine.attr("y1");this._TooltipLine.transition().duration(400).ease(l).attr("x1",this._xAxis(t)+this.margin.left).attr("x2",this._xAxis(t)+this.margin.left).attr("y1",this._yAxis(this._maxVal)).attr("y2",this.dims.height-this.margin.bottom);const s=this._tooltip.select(".tooltipBody");this._tooltip.select(".tooltipHead").select(this._tooltipHeading).style("margin","0 0.75rem").html((()=>this._chartData.data.xValueNames?this._chartData.data.xValueNames[this._tooltipPoint-1]:this._tooltipPoint)),s.selectAll("div").data(this._chartData.data.series).join("div").style("display","flex").style("flex-direction","row").style("flex-wrap","nowrap").style("white-space","nowrap").style("justify-content","space-between").html((t=>"<span>"+t.title+': </span><span class="tooltipVal">'+t.yValues[this._tooltipDataIndex]+"</span>")),this.positionTooltipWithinBounds(this._xAxis(t)+this.margin.left,400),this._tooltip.style("transform",(()=>`translateY(${i-this._tooltip.node().getBoundingClientRect().height-9}px)`)).transition().duration(400).ease(l).style("transform",(()=>`translateY(${this._yAxis(this._maxVal)-this._tooltip.node().getBoundingClientRect().height-9}px)`)),this._svg.select(".tooltipPointer").transition().duration(400).ease(l).attr("transform",`translate(${this._xAxis(t)+this.margin.left},${this._yAxis(this._maxVal)-7}) rotate(180) scale(1.5,1.0)`)}else this._Circles.selectAll("circle").data(this._chartData.data.series).join("circle").attr("stroke",(t=>this.colorFunction(t))).attr("fill","white").attr("stroke-width","1px").attr("r",7).attr("display","none"),this.closeTooltip()}componentWillLoad(){this.afChartDataUpdate()}componentDidLoad(){if(0===Object.keys(this._chartData).length)return this.initEmpty();this._selectedLines=[],this.initSvg(),this.initLegend(),this.initLines(),document.fonts.onloadingdone=()=>{this.setTickSize(),this.resizeSvg()}}componentWillUpdate(){this._prevHeight=e(this._titleDiv).style("height")}componentDidUpdate(){if(0===Object.keys(this._chartData).length)return this.loadingState();this._selectedLines=[],this.updateSvg(),this.initLegend(),this.updateTableContent()}disconnectedCallback(){this.lineChartObserver.disconnect()}getTextSize(t){const i=[],s=e(this._chartDiv).append("svg");return s.selectAll("dummyText").data([t]).join("text").attr("font-size",this.fontSize).attr("font-family","sans-serif").text((t=>t)).each(((...[,t,s])=>{const h=s[t].getComputedTextLength()+5;i.push(h),s[t].remove()})),s.remove().exit(),i[0]}setTickSize(){if(this._chartData.data.xValueNames)for(const t of this._chartData.data.xValueNames){const i=this.getTextSize(t)+25;i>this._tickSize&&(this._tickSize=i)}else for(const t of this._chartData.data.xValues){const i=this.getTextSize(t.toString())+25;i>this._tickSize&&(this._tickSize=i)}}leftSetAxis(t=!1){const i=[];t?(this._yAxisHandle.selectAll("text").attr("transform",((...[,t,s])=>{const h=s[t].getComputedTextLength();return i.push(h),`translate(${-1*(this.margin.left-(h+this.yPadding))},0)`})),this._yAxisHandle.selectAll("line").attr("x1",((...[,t])=>-1*(this.margin.left-(i[t]+this.yPadding))))):(this._yAxisHandle.selectAll("text").transition("shuffle text").duration(400).attr("transform",((...[,t,s])=>{const h=s[t].getComputedTextLength();return i.push(h),`translate(${-1*(this.margin.left-(h+this.yPadding))},0)`})),this._yAxisHandle.selectAll("line").transition("shuffle line").duration(400).attr("x1",((...[,t])=>-1*(this.margin.left-(i[t]+this.yPadding)))))}updateTableContent(){""!==this._tableDiv.style.display&&"none"!==this._tableDiv.style.display&&(this.setTableContent(),this.animateTableDimensions())}setTableContent(){this._tableDiv.innerHTML=`<digi-table af-size="small" af-variation="primary"> <table><caption>${this._chartData.title}</caption><thead><tr>${this.headings()}</tr></thead><tbody>${this.tableBody()}</tbody></table></digi-table>`}setTableDimensions(){const t=e(this._tableDiv);t.style("height",this._maxHeight-e(this._titleDiv).node().getBoundingClientRect().height-.65*parseFloat(getComputedStyle(document.documentElement).fontSize)+"px"),t.style("width",this.dims.width-.65*parseFloat(getComputedStyle(document.documentElement).fontSize)+"px")}animateTableDimensions(){const t=e(this._titleDiv).style("height");e(this._titleDiv).style("height",this._prevHeight).transition("adjust").duration(400).style("height",t).on("end",(()=>e(this._titleDiv).style("height",null)));const i=e(this._tableDiv);i.transition("adjustHeight").duration(400).style("height",this._maxHeight-(parseFloat(t)+1.25*parseFloat(getComputedStyle(document.documentElement).fontSize))-.65*parseFloat(getComputedStyle(document.documentElement).fontSize)+"px"),i.style("width",this.dims.width-.65*parseFloat(getComputedStyle(document.documentElement).fontSize)+"px")}headings(){let t=`<th scope="col">${this._chartData.x}</th>`;return this._coreSeries.forEach((i=>{t=t.concat(`<th scope="col">${i.title}</th>`)})),t}tableBody(){let t="";return(this._chartData.data.xValueNames?this._chartData.data.xValueNames:this._chartData.data.xValues).forEach(((i,s)=>{let h="";this._coreSeries.forEach((t=>{h=h.concat(`<td>${null!=t.yValues[s]?o(this.axisNumberFormat).format(this.formatStyle)(t.yValues[s]):"-"}</td>`)})),t=t.concat(`<tr><th scope='row'>${i}${h}</th></tr>`)})),t}render(){let t="";return t=this._chartData.subTitle?`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`:`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`,i("host",{key:"eedf8d79973aa2d15f474e93134acbdfb9ef3d0c",ref:t=>this._host=t},i("div",{key:"d8500c2d3ca271fac9ebf5ec35c4c4da9aef0abd",class:"topWrapper",ref:t=>this._titleDiv=t},i("digi-typography",{key:"5c9b87f00f5bba14becd10154e3b13cac48124b7",class:"chartTitle",innerHTML:t}),i("digi-button",{key:"859a31da8c6afc1c07474ea4914af732588cef5b",class:"buttonWrapper tableButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.activateTable,afAriaLabel:`Visa tabell ${this._chartData.title?this._chartData.title.toLowerCase():""}`},i("digi-icon-table",{key:"3852def8d78f96314ee1a304a8b4b5d787e6f456",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"b4c53c45553bce7c77d20653d52a39c431597491",style:{display:"none"},class:"buttonWrapper chartButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.reInitChart,afAriaLabel:`Visa diagram ${this._chartData.title?this._chartData.title.toLowerCase():""}`},i("digi-icon-chart",{key:"8f5fabf6d507e5e664dcf9c89a73a2bfb5572645",slot:"icon"}),"Visa diagram"),i("div",{key:"7678960d000f436d5b0a9dce2f4489f9b48a0fee",class:"scChartStatus",role:"status",ref:t=>this._status=t})),i("div",{key:"64edcbc78f51256719674dc4f9dc01af0ee7998a",class:"chartTooltip",id:this.afId},i("div",{key:"0e9d9ffed55146e7aef132df07eea7ff2f5996c0",class:"tooltipHead"},i("digi-icon-x",{key:"0463a7d4892199fb684f536a07a45132ad458c62",class:"close"})," "),i("div",{key:"a703ec0152cee394b60a9110dfba8090c8e2e0bb",class:"tooltipBody"})),i("div",{key:"36fe4d1b5ede71ff5fd0e04be1ce33a6a5dfa7bd",class:"chart",ref:t=>this._chartDiv=t}),i("div",{key:"558f1c0c8d1c6921d76a2e017197914af3b4e83c",class:"legend",ref:t=>this._legendDiv=t}),i("div",{key:"f003d37dd680bf77a0fda37ba976edce57a7fcfe",class:"table",ref:t=>this._tableDiv=t}," "))}get element(){return s(this)}static get watchers(){return{afChartData:["afChartDataUpdate"]}}};at.style=".sc-digi-chart-line-h{display:block;height:100%;width:100%;position:relative}.sc-digi-chart-line-h .digi-chart-line.sc-digi-chart-line{color:var(--MY-PROP);height:100%;width:100%;min-height:fit-content}.chart.sc-digi-chart-line{box-sizing:content-box;width:auto}.topWrapper.sc-digi-chart-line,.chartTitle.sc-digi-chart-line .digi-typography.sc-digi-chart-line{display:flex;flex-direction:column;gap:0.75rem}.topWrapper.sc-digi-chart-line{margin-bottom:0.75rem}.chartTitle.sc-digi-chart-line{--MARGIN--HEADING-2:0;--MARGIN--HEADING-3:0;--MARGIN--HEADING-4:0;--MARGIN--HEADING-5:0;--MARGIN--HEADING-6:0}.buttonWrapper.sc-digi-chart-line{--digi--button--padding--medium:0 0 0.75rem 0}.close.sc-digi-chart-line{--digi--icon--color:rgb(245, 245, 245);cursor:pointer;margin-top:-5px}.legend.sc-digi-chart-line{display:flex;flex-direction:row;flex-wrap:no-wrap;gap:0.5rem;margin:0.5rem 0 0.25rem 0;height:2.675rem;overflow-x:auto;overflow-y:hidden;cursor:default;max-width:100%}.chip.sc-digi-chart-line{box-sizing:border-box}.legend.sc-digi-chart-line::-webkit-scrollbar,.table.sc-digi-chart-line::-webkit-scrollbar{height:10px;width:10px}.legend.sc-digi-chart-line::-webkit-scrollbar-track,.table.sc-digi-chart-line::-webkit-scrollbar-track{background:whitesmoke;border-radius:4px}.legend.sc-digi-chart-line::-webkit-scrollbar-thumb,.table.sc-digi-chart-line::-webkit-scrollbar-thumb{background-color:lightgray;border-radius:4px;border:0}.chartTooltip.sc-digi-chart-line{box-sizing:border-box;position:absolute;background-color:rgba(10, 10, 10, 0.9);color:white;padding:5px 10px;padding-right:5px;border-radius:4px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;font-size:14px;display:none}.scChartStatus.sc-digi-chart-line{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}.table.sc-digi-chart-line{display:none;overflow-y:scroll;height:fit-content;border-radius:4px;padding:0.25rem;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;background-repeat:no-repeat;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}.tableIcon.sc-digi-chart-line{--digi--icon--color:var(--digi--global--color--neutral--grayscale--darker);width:26px;height:26px;pointer-events:none}.tableIcon.sc-digi-chart-line:hover{--digi--icon--color:var(\n --digi--global--color--neutral--grayscale--darkest-3\n )}.tooltipHead.sc-digi-chart-line{display:flex;width:100%;justify-content:space-between;margin-bottom:0.25rem;flex-direction:row}.tooltipBody.sc-digi-chart-line{display:flex;flex-direction:column;padding-right:5px;max-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(245, 245, 245) transparent}";export{at as digi_chart_line}
|
|
1
|
+
import{r as t,h as i,g as s}from"./p-52e3bb32.js";import{_ as h}from"./p-903a27d9.js";import{s as e,e as n,r as a,a as r,f as o,p as l,b as c,l as d,m as u,c as p,o as f,g,d as b}from"./p-f9a1a787.js";import{r as m}from"./p-ffe5c0e8.js";function y(t,i){if(t=function(t){let i;for(;i=t.sourceEvent;)t=i;return t}(t),void 0===i&&(i=t.currentTarget),i){var s=i.ownerSVGElement||i;if(s.createSVGPoint){var h=s.createSVGPoint();return h.x=t.clientX,h.y=t.clientY,[(h=h.matrixTransform(i.getScreenCTM().inverse())).x,h.y]}if(i.getBoundingClientRect){var e=i.getBoundingClientRect();return[t.clientX-e.left-i.clientLeft,t.clientY-e.top-i.clientTop]}}return[t.pageX,t.pageY]}const x={passive:!1},w={capture:!0,passive:!1};function v(t){t.stopImmediatePropagation()}function $(t){t.preventDefault(),t.stopImmediatePropagation()}const k=t=>()=>t;function M(t,{sourceEvent:i,subject:s,target:h,identifier:e,active:n,x:a,y:r,dx:o,dy:l,dispatch:c}){Object.defineProperties(this,{type:{value:t,enumerable:!0,configurable:!0},sourceEvent:{value:i,enumerable:!0,configurable:!0},subject:{value:s,enumerable:!0,configurable:!0},target:{value:h,enumerable:!0,configurable:!0},identifier:{value:e,enumerable:!0,configurable:!0},active:{value:n,enumerable:!0,configurable:!0},x:{value:a,enumerable:!0,configurable:!0},y:{value:r,enumerable:!0,configurable:!0},dx:{value:o,enumerable:!0,configurable:!0},dy:{value:l,enumerable:!0,configurable:!0},_:{value:c}})}function N(t){return!t.ctrlKey&&!t.button}function T(){return this.parentNode}function A(t,i){return null==i?{x:t.x,y:t.y}:i}function P(){return navigator.maxTouchPoints||"ontouchstart"in this}function S(t){return((t*=2)<=1?t*t:--t*(2-t)+1)/2}M.prototype.on=function(){var t=this._.on.apply(this._,arguments);return t===this._?this:t};const j=Math.PI,E=2*j,z=1e-6,G=E-z;function C(t){this._+=t[0];for(let i=1,s=t.length;i<s;++i)this._+=arguments[i]+t[i]}class B{constructor(t){this._x0=this._y0=this._x1=this._y1=null,this._="",this._append=null==t?C:function(t){let i=Math.floor(t);if(!(i>=0))throw new Error(`invalid digits: ${t}`);if(i>15)return C;const s=10**i;return function(t){this._+=t[0];for(let i=1,h=t.length;i<h;++i)this._+=Math.round(arguments[i]*s)/s+t[i]}}(t)}moveTo(t,i){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+i}`}closePath(){null!==this._x1&&(this._x1=this._x0,this._y1=this._y0,this._append`Z`)}lineTo(t,i){this._append`L${this._x1=+t},${this._y1=+i}`}quadraticCurveTo(t,i,s,h){this._append`Q${+t},${+i},${this._x1=+s},${this._y1=+h}`}bezierCurveTo(t,i,s,h,e,n){this._append`C${+t},${+i},${+s},${+h},${this._x1=+e},${this._y1=+n}`}arcTo(t,i,s,h,e){if(t=+t,i=+i,s=+s,h=+h,(e=+e)<0)throw new Error(`negative radius: ${e}`);let n=this._x1,a=this._y1,r=s-t,o=h-i,l=n-t,c=a-i,d=l*l+c*c;if(null===this._x1)this._append`M${this._x1=t},${this._y1=i}`;else if(d>z)if(Math.abs(c*r-o*l)>z&&e){let u=s-n,p=h-a,f=r*r+o*o,g=u*u+p*p,b=Math.sqrt(f),m=Math.sqrt(d),y=e*Math.tan((j-Math.acos((f+d-g)/(2*b*m)))/2),x=y/m,w=y/b;Math.abs(x-1)>z&&this._append`L${t+x*l},${i+x*c}`,this._append`A${e},${e},0,0,${+(c*u>l*p)},${this._x1=t+w*r},${this._y1=i+w*o}`}else this._append`L${this._x1=t},${this._y1=i}`}arc(t,i,s,h,e,n){if(t=+t,i=+i,n=!!n,(s=+s)<0)throw new Error(`negative radius: ${s}`);let a=s*Math.cos(h),r=s*Math.sin(h),o=t+a,l=i+r,c=1^n,d=n?h-e:e-h;null===this._x1?this._append`M${o},${l}`:(Math.abs(this._x1-o)>z||Math.abs(this._y1-l)>z)&&this._append`L${o},${l}`,s&&(d<0&&(d=d%E+E),d>G?this._append`A${s},${s},0,1,${c},${t-a},${i-r}A${s},${s},0,1,${c},${this._x1=o},${this._y1=l}`:d>z&&this._append`A${s},${s},0,${+(d>=j)},${c},${this._x1=t+s*Math.cos(e)},${this._y1=i+s*Math.sin(e)}`)}rect(t,i,s,h){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+i}h${s=+s}v${+h}h${-s}Z`}toString(){return this._}}function D(t){return function(){return t}}const L=Math.sqrt,I=Math.PI,O=2*I;function H(t){let i=3;return t.digits=function(s){if(!arguments.length)return i;if(null==s)i=null;else{const t=Math.floor(s);if(!(t>=0))throw new RangeError(`invalid digits: ${s}`);i=t}return t},()=>new B(i)}function R(t){this._context=t}function F(t){return new R(t)}function W(t){return t[0]}function V(t){return t[1]}function J(t,i){var s=D(!0),h=null,e=F,n=null,a=H(r);function r(r){var o,l,c,d=(r=function(t){return"object"==typeof t&&"length"in t?t:Array.from(t)}(r)).length,u=!1;for(null==h&&(n=e(c=a())),o=0;o<=d;++o)!(o<d&&s(l=r[o],o,r))===u&&((u=!u)?n.lineStart():n.lineEnd()),u&&n.point(+t(l,o,r),+i(l,o,r));if(c)return n=null,c+""||null}return t="function"==typeof t?t:void 0===t?W:D(t),i="function"==typeof i?i:void 0===i?V:D(i),r.x=function(i){return arguments.length?(t="function"==typeof i?i:D(+i),r):t},r.y=function(t){return arguments.length?(i="function"==typeof t?t:D(+t),r):i},r.defined=function(t){return arguments.length?(s="function"==typeof t?t:D(!!t),r):s},r.curve=function(t){return arguments.length?(e=t,null!=h&&(n=e(h)),r):e},r.context=function(t){return arguments.length?(null==t?h=n=null:n=e(h=t),r):h},r}R.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._point=0},lineEnd:function(){(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(t,i){switch(t=+t,i=+i,this._point){case 0:this._point=1,this._line?this._context.lineTo(t,i):this._context.moveTo(t,i);break;case 1:this._point=2;default:this._context.lineTo(t,i)}}};const U={draw(t,i){const s=L(i/I);t.moveTo(s,0),t.arc(0,0,s,0,O)}},Y={draw(t,i){const s=.62625*L(i);t.moveTo(0,-s),t.lineTo(s,0),t.lineTo(0,s),t.lineTo(-s,0),t.closePath()}},_={draw(t,i){const s=L(i),h=-s/2;t.rect(h,h,s,s)}},Z=L(3),q={draw(t,i){const s=-L(i/(3*Z));t.moveTo(0,2*s),t.lineTo(-Z*s,-s),t.lineTo(Z*s,-s),t.closePath()}},Q=-.5,K=L(3)/2,X=1/L(12),tt=3*(X/2+1),it={draw(t,i){const s=L(i/tt),h=s/2,e=s*X,n=h,a=s*X+s,r=-n,o=a;t.moveTo(h,e),t.lineTo(n,a),t.lineTo(r,o),t.lineTo(Q*h-K*e,K*h+Q*e),t.lineTo(Q*n-K*a,K*n+Q*a),t.lineTo(Q*r-K*o,K*r+Q*o),t.lineTo(Q*h+K*e,Q*e-K*h),t.lineTo(Q*n+K*a,Q*a-K*n),t.lineTo(Q*r+K*o,Q*o-K*r),t.closePath()}};function st(t,i){let s=null,h=H(e);function e(){let e;if(s||(s=e=h()),t.apply(this,arguments).draw(s,+i.apply(this,arguments)),e)return s=null,e+""||null}return t="function"==typeof t?t:D(t||U),i="function"==typeof i?i:D(void 0===i?64:+i),e.type=function(i){return arguments.length?(t="function"==typeof i?i:D(i),e):t},e.size=function(t){return arguments.length?(i="function"==typeof t?t:D(+t),e):i},e.context=function(t){return arguments.length?(s=null==t?null:t,e):s},e}function ht(t,i,s){t._context.bezierCurveTo((2*t._x0+t._x1)/3,(2*t._y0+t._y1)/3,(t._x0+2*t._x1)/3,(t._y0+2*t._y1)/3,(t._x0+4*t._x1+i)/6,(t._y0+4*t._y1+s)/6)}function et(t){this._context=t}function nt(t){return new et(t)}et.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._y0=this._y1=NaN,this._point=0},lineEnd:function(){switch(this._point){case 3:ht(this,this._x1,this._y1);case 2:this._context.lineTo(this._x1,this._y1)}(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(t,i){switch(t=+t,i=+i,this._point){case 0:this._point=1,this._line?this._context.lineTo(t,i):this._context.moveTo(t,i);break;case 1:this._point=2;break;case 2:this._point=3,this._context.lineTo((5*this._x0+this._x1)/6,(5*this._y0+this._y1)/6);default:ht(this,t,i)}this._x0=this._x1,this._x1=t,this._y0=this._y1,this._y1=i}};const at=class{constructor(i){t(this,i),this._lineTypes=[null,"18, 7","8,7","2,6"],this._strokeWidth=2.75,this._lineCap="round",this._strokeGlyphs=[U,q,_,it,Y],this._toggled=!1,this._tickSize=0,this._selectedLines=[],this._dragStart=0,this._dragDir=0,this._loading=!1,this.margin={bottom:0,top:6,left:5,right:15},this.fontSize="0.875rem",this.xPadding=5,this.yPadding=8,this.xTickSize=5,this.formatStyle=",d",this.axisNumberFormat={decimal:",",thousands:" ",grouping:[3],currency:["","kr"]},this.lineChartObserver=new ResizeObserver((t=>{t.forEach((()=>{this.resizeSvg(),this.resizeLines(),this.repositionTooltip(),e(this._legendDiv).style("width",this.dims.width+"px")}))})),this.tableObserver=new ResizeObserver((t=>{t.forEach((()=>{e(this._legendDiv).style("width",this.dims.width+"px"),this.resizeTable()}))})),this.dragStart=t=>{const i=e(this._legendDiv).node();this._dragStart=t.x-i.offsetLeft,this._scrollLeft=i.scrollLeft},this.drag=t=>{const i=e(this._legendDiv);this._dragDir=t.x;const s=this._dragDir-i.node().offsetLeft;i.property("scrollLeft",this._scrollLeft-1*(s-this._dragStart))},this.setYTicks=(t=!1)=>{const i=this._chartData.meta&&this._chartData.meta.numberOfReferenceLines?this._chartData.meta.numberOfReferenceLines:5,s=this._yAxis.domain()[0],h=this._yAxis.domain()[1],e=(h-s)/(i-1),n=a(s,h+e,e);t?this._yAxisHandle.style("font-size",this.fontSize).call(r(this._yAxis).ticks(i).tickPadding(this.yPadding).tickValues(n).tickSize(-(this.dims.width-this.margin.left)).tickFormat((t=>o(this.axisNumberFormat).format(this.formatStyle)(t)))):this._yAxisHandle.style("font-size",this.fontSize).transition().duration(400).call(r(this._yAxis).ticks(i).tickPadding(this.yPadding).tickValues(n).tickSize(-(this.dims.width-this.margin.left)).tickFormat((t=>o(this.axisNumberFormat).format(this.formatStyle)(t)))).on("end",(()=>this.leftSetAxis())),this._yAxisHandle.selectAll("line").attr("stroke","#BDBDBD"),this._yAxisHandle.select(".domain").attr("display","none"),t&&this.leftSetAxis(t)},this.addListenersToChart=()=>{this._Tipbox.style("cursor","pointer").on("mousemove",this.drawTooltipLine).on("touchmove","ontouchstart"in window||window.navigator.maxTouchPoints?this.drawTooltip:null).on("mouseup",this.drawTooltip).on("mouseleave",(()=>{this._secondaryLine.attr("display","none"),this._toggled||(this._TooltipLine.attr("display","none"),this._Circles.selectAll("circle").attr("display","none"))}))},this.initLegend=()=>{const t=e(this._legendDiv);e(this._legendDiv).style("width",this.dims.width+"px"),t.selectAll(".chip").remove(),t.call(function(){var t,i,s,h,a=N,r=T,o=A,l=P,c={},d=n("start","drag","end"),u=0,p=0;function f(t){t.on("mousedown.drag",g).filter(l).on("touchstart.drag",S).on("touchmove.drag",j,x).on("touchend.drag touchcancel.drag",E).style("touch-action","none").style("-webkit-tap-highlight-color","rgba(0,0,0,0)")}function g(n,o){if(!h&&a.call(this,n,o)){var l,c,d,u=z(this,r.call(this,n,o),n,o,"mouse");u&&(e(n.view).on("mousemove.drag",b,w).on("mouseup.drag",m,w),c=(l=n.view).document.documentElement,d=e(l).on("dragstart.drag",$,w),"onselectstart"in c?d.on("selectstart.drag",$,w):(c.__noselect=c.style.MozUserSelect,c.style.MozUserSelect="none"),v(n),s=!1,t=n.clientX,i=n.clientY,u("start",n))}}function b(h){if($(h),!s){var e=h.clientX-t,n=h.clientY-i;s=e*e+n*n>p}c.mouse("drag",h)}function m(t){var i,h,n,a;e(t.view).on("mousemove.drag mouseup.drag",null),h=s,n=(i=t.view).document.documentElement,a=e(i).on("dragstart.drag",null),h&&(a.on("click.drag",$,w),setTimeout((function(){a.on("click.drag",null)}),0)),"onselectstart"in n?a.on("selectstart.drag",null):(n.style.MozUserSelect=n.__noselect,delete n.__noselect),$(t),c.mouse("end",t)}function S(t,i){if(a.call(this,t,i)){var s,h,e=t.changedTouches,n=r.call(this,t,i),o=e.length;for(s=0;s<o;++s)(h=z(this,n,t,i,e[s].identifier,e[s]))&&(v(t),h("start",t,e[s]))}}function j(t){var i,s,h=t.changedTouches,e=h.length;for(i=0;i<e;++i)(s=c[h[i].identifier])&&($(t),s("drag",t,h[i]))}function E(t){var i,s,e=t.changedTouches,n=e.length;for(h&&clearTimeout(h),h=setTimeout((function(){h=null}),500),i=0;i<n;++i)(s=c[e[i].identifier])&&(v(t),s("end",t,e[i]))}function z(t,i,s,h,e,n){var a,r,l,p=d.copy(),g=y(n||s,i);if(null!=(l=o.call(t,new M("beforestart",{sourceEvent:s,target:f,identifier:e,active:u,x:g[0],y:g[1],dx:0,dy:0,dispatch:p}),h)))return a=l.x-g[0]||0,r=l.y-g[1]||0,function s(n,o,d){var b,m=g;switch(n){case"start":c[e]=s,b=u++;break;case"end":delete c[e],--u;case"drag":g=y(d||o,i),b=u}p.call(n,t,new M(n,{sourceEvent:o,subject:l,target:f,identifier:e,active:b,x:g[0]+a,y:g[1]+r,dx:g[0]-m[0],dy:g[1]-m[1],dispatch:p}),h)}}return f.filter=function(t){return arguments.length?(a="function"==typeof t?t:k(!!t),f):a},f.container=function(t){return arguments.length?(r="function"==typeof t?t:k(t),f):r},f.subject=function(t){return arguments.length?(o="function"==typeof t?t:k(t),f):o},f.touchable=function(t){return arguments.length?(l="function"==typeof t?t:k(!!t),f):l},f.on=function(){var t=d.on.apply(d,arguments);return t===d?f:t},f.clickDistance=function(t){return arguments.length?(p=(t=+t)*t,f):Math.sqrt(p)},f}().on("start",this.dragStart).on("drag",this.drag)),t.selectAll("legendChips").data(this._chartData.data.series).join("button").attr("class","chip").attr("type","button").attr("aria-pressed",!1).style("padding","0.15rem 0.75rem").style("border","2px solid white").style("border-radius","6px").style("display","flex").style("flex-direction","row").style("gap","0.5rem").style("align-items","center").style("flex-wrap","nowrap").style("min-width","fit-content").style("height","calc(2rem - 2px)").style("font-size",this.fontSize).style("white-space","nowrap").style("box-sizing","border-box").style("background-color","white").style("cursor","pointer").html((t=>'<span style="pointer-events:none;">'+t.title+"</span>")).on("click",this.togglePath).on("mouseover",this.highlightPath).on("focus",this.highlightPath).on("mouseleave",this.colorLines).on("blur",this.colorLines).datum((t=>t)).insert("svg","span").attr("class","legendSvg").attr("pointer-events","none").attr("width",32).attr("height",28).append("line").attr("stroke",(t=>this.colorFunction(t))).attr("stroke-linecap",this._lineCap).attr("stroke-width",4).attr("stroke-dasharray",((t,i)=>this.dashFunction(t,i))).attr("x1",3).attr("x2",29).attr("y1","50%").attr("y2","50%"),this._chartData.data.series.length<=this._lineTypes.length||t.selectAll(".legendSvg").filter(((...[,t])=>t>this._lineTypes.length-1)).append("path").attr("d",((...[,t])=>this.symbolType(t,70))).attr("fill",(t=>this.colorFunction(t))).attr("transform","translate(16,14)")},this.highlightPath=(t,i)=>{"chip"==t.target.className&&(e(t.target).style("border",(t=>"2px solid "+this.colorFunction(t))),this._lineChartContainer.selectAll(".linePath").transition("highlight").duration(150).attr("stroke",((t,s,h)=>t.title===i.title?(e(h[s]).raise(),this.colorFunction(t)):"#E3E3E3")).attr("stroke-width",(t=>t.title===i.title?1.25*this._strokeWidth:this._strokeWidth)),this._lineChartContainer.selectAll(".symbolGroup").attr("fill",((t,s,h)=>{t.title===i.title&&e(h[s]).raise()})),this._lineChartContainer.selectAll(".symbolGroup").selectAll(".symbol").transition("highlight").duration(150).attr("fill",(t=>{if(t)return t.title===i.title?this.colorFunction(t):"#E3E3E3"})))},this.togglePath=t=>{if("chip"!=t.target.className)return;const i=e(t.target),s="white"===i.style("color");i.style("border",(t=>"2px solid "+this.colorFunction(t))).style("background-color",(t=>s?"white":this.colorFunction(t))).style("color",(()=>s?"black":"white")).attr("aria-pressed","false"==i.attr("aria-pressed")).select("line").attr("stroke",(t=>s?this.colorFunction(t):"white")),i.select("path").attr("fill",(t=>s?this.colorFunction(t):"white")),s?this._selectedLines=this._selectedLines.filter((t=>t.title!==i.datum().title)):this._selectedLines.push(this._coreSeries.filter((t=>t.title===i.datum().title))[0]),this._selectedLines.length<1?this._chartData.data.series=JSON.parse(JSON.stringify(this._coreSeries)):this._chartData.data.series.map((t=>{const i=this._selectedLines.findIndex((i=>t.title===i.title));t.yValues=-1!=i?this._selectedLines[i].yValues:[]})),this.updateSvg()},this.colorLines=t=>{e(t.target).style("border","2px solid white"),this._lineChartContainer.selectAll(".linePath").transition("highlight").duration(150).attr("stroke",(t=>this.colorFunction(t))).attr("stroke-width",this._strokeWidth),this._lineChartContainer.selectAll(".symbolGroup").selectAll(".symbol").transition("highlight").duration(150).attr("fill",(t=>t?this.colorFunction(t):null))},this.dashFunction=(...[,t])=>this._lineTypes[t%this._lineTypes.length],this.initLines=()=>{this.defineLineAndScale(),this._lineChartContainer.selectAll("linePath").data(this.reshapeData(this._chartData.data.series)).join("path").attr("class","linePath").attr("stroke",(t=>this.colorFunction(t))).attr("stroke-linecap",this._lineCap).attr("stroke-width",(t=>t.length>1?this._strokeWidth:4)).attr("stroke-dasharray",((t,i)=>t.length>1?this.dashFunction(t,i):null)).attr("fill","none").attr("d",(t=>this._LineFunc(t.line))),this.addSymbols()},this.defineLineAndScale=()=>{this._LineFunc=J().defined((t=>null!=t[1]&&null!=t[1]&&!isNaN(t[1]))).x((t=>this._lineScale(t[0]))).y((t=>this._yAxis(t[1])))},this.reshapeData=t=>t.map((t=>(t.line=this._chartData.data.xValues.map(((i,s)=>[i,t.yValues[s]])),t.length=t.yValues.filter((t=>null!=t&&null!=t)).length,t))),this.addSymbols=(t=!1)=>{this._lineChartContainer.selectAll(".symbolGroup").data(this.reshapeData(this._chartData.data.series.filter(((...[,t])=>t>this._lineTypes.length-1)))).join((i=>{t?i.append("g").attr("class","symbolGroup").selectAll("symbol").data(((t,i)=>t.line.map((s=>null!=s[1]?{val:s[1],x:s[0],title:t.title,colorToken:t.colorToken,index:i}:null)))).join("path").attr("class","symbol").attr("d",(t=>t?this.symbolType(t.index):null)).attr("fill",(t=>t?this.colorFunction(t):null)).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(t.val)})`:null)):i.append("g").attr("class","symbolGroup").selectAll("symbols").data(((t,i)=>t.line.map((s=>null!=s[1]?{val:s[1],x:s[0],title:t.title,colorToken:t.colorToken,index:i}:null)))).join("path").attr("class","symbol").attr("d",(t=>t?this.symbolType(t.index):null)).attr("fill",(t=>t?this.colorFunction(t):null)).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(t.val)})`:null))}),(i=>{t?i.selectAll("path").data(((t,i)=>t.line.map((s=>null!=s[1]?{val:s[1],x:s[0],title:t.title,colorToken:t.colorToken,index:i}:null)).filter((t=>t)))).join((t=>{t.append("path").attr("class","symbol").attr("d",(t=>t?this.symbolType(t.index):null)).attr("fill",(t=>t?this.colorFunction(t):null)).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(t.val)})`:null)).attr("opacity",0).transition().duration(400).ease(l).attr("opacity",1)}),(t=>{t.transition().duration(400).ease(l).attr("d",(t=>t?this.symbolType(t.index):null)).attr("fill",(t=>t?this.colorFunction(t):null)).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(t.val)})`:null))}),(t=>t.remove())):i.selectAll(".symbol").data(((t,i)=>t.line.map((s=>(console.log(t.title,i),null!=s[1]?{val:s[1],x:s[0],title:t.title,colorToken:t.colorToken,index:i}:null))))).join("path").attr("class","symbol").attr("d",(t=>t?this.symbolType(t.index):null)).attr("fill",(t=>t?this.colorFunction(t):null)).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(t.val)})`:null))}),(t=>t.remove()))},this.symbolType=(t,i)=>st().type(this._strokeGlyphs[Math.trunc(t/this._lineTypes.length)]).size(i||60)(),this.setDims=(t=!1)=>{const i=e(this._titleDiv).node().getBoundingClientRect(),s=e(this._legendDiv).node().getBoundingClientRect(),h=parseFloat(getComputedStyle(document.documentElement).fontSize);t||(this.dims=e(this._chartDiv).node().getBoundingClientRect()),this.dims.height=this._maxHeight-s.height-i.height-1.75*h},this.resizeSvg=()=>{if(this._loading)return this.loadingResize();this.setDims(),this._svg.attr("width",this.dims.width).attr("height",this.dims.height),this._yAxis.range([this.dims.height-this.margin.bottom,this.margin.top]),this.setYTicks(!0),this._xAxis.range([0,this.dims.width-this.margin.left-this.margin.right]);const t=Math.min(Math.max(Math.floor((this.dims.width-this.margin.left-this.margin.right)/this._tickSize)-2,1),this._chartData.data.xValues.length);this._xAxisHandle.attr("transform","translate(0,"+(this.dims.height-this.margin.bottom)+")").call(c(this._xAxis).ticks(t).tickPadding(this.xPadding).tickFormat((t=>this._chartData.data.xValueNames?this._chartData.data.xValueNames[this._chartData.data.xValues.indexOf(t)]:t))),this._Tipbox.attr("width",this.dims.width-this.margin.left/2).attr("height",this.dims.height-this.margin.top-this.margin.bottom).attr("transform",`translate(${this.margin.left/2},${this.margin.top})`)},this.loadingResize=()=>{this.setDims(),this._svg.attr("width",this.dims.width),this.setYTicks(),this._xAxis.range([0,this.dims.width-this.margin.left-this.margin.right]);const t=Math.min(Math.floor((this.dims.width-this.margin.left-this.margin.right)/this._tickSize)-2,this._xAxis.domain()[1]);this._xAxisHandle.call(c(this._xAxis).ticks(t).tickPadding(this.xPadding).tickFormat((t=>this._chartData.data&&this._chartData.data.xValueNames?this._chartData.data.xValueNames[this._chartData.data.xValues.indexOf(t)]:t))),this._lineScale.range([0,this.dims.width-this.margin.left-this.margin.right]);const i=J().defined((t=>null!=t[1])).x((t=>this._lineScale(t[0]))).y((t=>this._yAxis(t[1]))).curve(nt);this._lineChartContainer.selectAll(".linePath").attr("d",(t=>i(t)))},this.resizeLines=()=>{this._loading||(this._lineScale.range([0,this.dims.width-this.margin.left-this.margin.right]),this.defineLineAndScale(),this._lineChartContainer.selectAll(".linePath").attr("stroke",(t=>this.colorFunction(t))).attr("d",(t=>this._LineFunc(t.line))),this._lineChartContainer.selectAll(".symbolGroup").selectAll(".symbol").attr("transform",((t,i)=>t?`translate(${this._lineScale(this._chartData.data.xValues[i])},${this._yAxis(t.val)})`:null)))},this.colorFunction=t=>t.colorToken?getComputedStyle(document.documentElement).getPropertyValue(t.colorToken).trim().toLocaleLowerCase():this._Color(t.title),this.drawTooltipLine=t=>{if(this._toggled)return this.drawDottedLine(t);this.drawMainLineAndCircles(t)},this.closeTooltip=()=>{this._toggled=!1,this._tooltip.style("display","none"),this._secondaryLine.attr("display","none"),this._TooltipLine.attr("display","none"),this._Circles.selectAll("circle").attr("display","none"),this._Circles.selectAll("circle").attr("fill","white").attr("stroke",(t=>this.colorFunction(t))),this._svg.select(".tooltipPointer").remove()},this.drawDottedLine=t=>{if(this._hoverPoint=this.closest(Math.round(this._lineScale.invert(y(t,this._Tipbox.node())[0]-this.margin.left/2))),this._hoverPoint===this._tooltipPoint)return this._secondaryLine.attr("display","none");this._secondaryLine.attr("display",null).attr("stroke","gray").attr("stroke-dasharray",4).attr("x1",this._xAxis(this._hoverPoint.toString())+this.margin.left).attr("x2",this._xAxis(this._hoverPoint.toString())+this.margin.left).attr("y1",this._yAxis(this._maxVal)).attr("y2",this.dims.height-this.margin.bottom).style("pointer-events","none")},this.drawMainLineAndCircles=t=>{this._hoverPoint=this.touchPosition(t);const i=this._hoverPoint.toString();this._TooltipLine.attr("display",null).attr("stroke","gray").attr("x1",this._xAxis(i)+this.margin.left).attr("x2",this._xAxis(i)+this.margin.left).attr("y1",this._yAxis(this._maxVal)).attr("y2",this.dims.height-this.margin.bottom).style("pointer-events","none"),this._Circles.selectAll("circle").attr("display",null).attr("pointer-events","none"),this.positionCircles(i)},this.touchPosition=t=>"touchmove"===t.type?(t.preventDefault(),this.closest(Math.round(this._lineScale.invert(y(t.touches[0],this._Tipbox.node())[0]-this.margin.left/2)))):this.closest(Math.round(this._lineScale.invert(y(t,this._Tipbox.node())[0]-this.margin.left/2))),this.drawTooltip=t=>{this.drawMainLineAndCircles(t),this._toggled=!0,this._tooltipPoint=this.touchPosition(t),this._tooltipDataIndex=this._chartData.data.xValues.indexOf(this._tooltipPoint),this._tooltip.style("display","flex");const i=this._tooltip.select(".tooltipBody");this._tooltip.select(".tooltipHead").select(this._tooltipHeading).style("margin","0 0.75rem 0 0 ").html((()=>this._chartData.data.xValueNames?this._chartData.data.xValueNames[this._chartData.data.xValues.indexOf(this._tooltipPoint)]:this._tooltipPoint)),i.selectAll("div").data(this._chartData.data.series).join("div").style("display","flex").style("flex-direction","row").style("flex-wrap","nowrap").style("white-space","nowrap").style("justify-content","space-between").html((t=>null!=t.yValues[this._tooltipDataIndex]?"<span>"+t.title+'</span><span style="margin-left:0.75rem;">'+o(this.axisNumberFormat).format(this.formatStyle)(t.yValues[this._tooltipDataIndex])+"</span>":null)),this.positionTooltipWithinBounds(this._xAxis(this._tooltipPoint.toString())+this.margin.left),this._Circles.selectAll("circle").attr("fill",(t=>this.colorFunction(t))).attr("stroke","white"),this._svg.select(".tooltipPointer").remove();const s=st().type(q).size(60);this._svg.append("path").attr("d",s).attr("class","tooltipPointer").attr("fill","rgba(10, 10, 10, 0.90)").style("filter","drop-shadow(gray 0px -1px 1px)").attr("transform",`translate(${this._xAxis(this._tooltipPoint.toString())+this.margin.left},${this._yAxis(this._maxVal)-7}) rotate(180) scale(1.5,1.0)`)},this.initYAxis=t=>{this._yAxis=d().domain([0,t?10:this._maxVal]).nice(3).range([this.dims.height-this.margin.bottom,this.margin.top]),this.margin.left=this.getTextSize(o(this.axisNumberFormat).format(this.formatStyle)(this._yAxis.domain()[1]))+this.yPadding+3,this._lineChartContainer=this._svg.append("g").attr("transform",`translate(${this.margin.left},0)`),this._yAxisHandle=this._lineChartContainer.append("g").attr("class","yAxis"),this.setYTicks(!0)},this.initXAxis=t=>{this._lineChartContainer.select(".xAxis").remove(),t||(this.margin.right=this._chartData.data.xValueNames?this.getTextSize(this._chartData.data.xValueNames[this._chartData.data.xValueNames.length-1])/2+1:this.getTextSize(u(this._chartData.data.xValues).toString())/2+1),this._xAxis=d().domain([t?1:p(this._chartData.data.xValues),t?10:u(this._chartData.data.xValues)]).range([0,this.dims.width-this.margin.left-this.margin.right]),this._lineScale=d().domain([t?1:p(this._chartData.data.xValues),t?10:u(this._chartData.data.xValues)]).range([0,this.dims.width-this.margin.left-this.margin.right]);const i=Math.min(Math.max(Math.floor((this.dims.width-this.margin.left-this.margin.right)/this._tickSize)-2,2),t?10:this._chartData.data.xValues.length);this._xAxisHandle=this._lineChartContainer.append("g").attr("transform","translate(0,"+(this.dims.height-this.margin.bottom)+")").attr("class","xAxis").style("font-size",this.fontSize).call(c(this._xAxis).ticks(i).tickSize(this.xTickSize).tickPadding(this.xPadding).tickFormat((i=>!t&&this._chartData.data.xValueNames?this._chartData.data.xValueNames[this._chartData.data.xValues.indexOf(i)]:i))),this._xAxisHandle.select(".domain").attr("display","none"),this._xAxisHandle.selectAll("line").attr("stroke-linecap",this._lineCap).attr("stroke","#757575")},this.positionCircles=(t,i)=>{i?this._Circles.selectAll("circle").transition("positioncircles").duration(i).attr("cx",(()=>this._xAxis(t)+this.margin.left)).attr("cy",((i,s,h)=>{const n=i.yValues[this._chartData.data.xValues.indexOf(parseInt(t))];return this._yAxis(n)?this._yAxis(n):(e(h[s]).attr("display","none"),null)})):this._Circles.selectAll("circle").attr("cx",(()=>this._xAxis(t)+this.margin.left)).attr("cy",((i,s,h)=>{const n=i.yValues[this._chartData.data.xValues.indexOf(parseInt(t))];return this._yAxis(n)?this._yAxis(n):(e(h[s]).attr("display","none"),null)}))},this.repositionTooltip=()=>{if(!this._toggled)return;const t=this._chartData.data.xValues[this._tooltipDataIndex].toString();this._TooltipLine.attr("stroke","gray").attr("x1",this._xAxis(t)+this.margin.left).attr("x2",this._xAxis(t)+this.margin.left).attr("y1",this._yAxis(this._maxVal)).attr("y2",this.dims.height-this.margin.bottom),this.positionTooltipWithinBounds(this._xAxis(t)+this.margin.left),this._svg.select(".tooltipPointer").attr("transform",`translate(${this._xAxis(this._tooltipPoint.toString())+this.margin.left},${this._yAxis(this._maxVal)-7}) rotate(180) scale(1.5,1.0)`),this.positionCircles(t)},this.positionTooltipWithinBounds=(t,i)=>{this._tooltip.style("transform",(()=>`translateY(${this._yAxis(this._maxVal)-this._tooltip.node().getBoundingClientRect().height-9}px)`));const s=this._chartDiv.getBoundingClientRect(),h=t+s.left,e=this._tooltip.node().getBoundingClientRect().width/2;s.left<h-e&&s.right>h+e?this._tooltip.style("left",t-e+"px"):s.right<h+e?this._tooltip.style("left",t-this._tooltip.node().getBoundingClientRect().width+Math.max(this.margin.right,10)+"px"):s.left>h-e?i?this._tooltip.transition("moveTooltip").duration(i).ease(l).style("left",t-this.margin.left+"px"):this._tooltip.style("left",t-this.margin.left+"px"):this._tooltip.style("left",t-document.getElementById(this.afId).getBoundingClientRect().width/2+"px")},this.mapColorToLine=()=>{this._Color=f().domain(this._chartData.data.series.map((function(t){return t.title}))).range(["#00005a","#D43372","#058470","#0058A3","#556D22","#1616B2","#AA295B","#035548"])},this.computeMaxVal=()=>{this._maxVal=parseFloat(u(this._chartData.data.series,(t=>u(t.yValues))))},this.checkPercentage=()=>{this.formatStyle=this._chartData.meta&&this._chartData.meta.percentage?".1%":",d"},this.closest=t=>this._chartData.data.xValues.reduce((function(i,s){return Math.abs(s-t)<Math.abs(i-t)?s:i})),this.activateTable=t=>{this.closeTooltip(),this.lineChartObserver.disconnect(),this.tableObserver.observe(this._chartDiv),this._status.innerHTML="<p>Visas som tabell</p>",e(this._host).select(".tableButton").style("display","none"),e(this._host).select(".chartButton").style("display",null),t.target.nextSibling.lastChild.focus(),this._svg.attr("opacity",1).transition("fadeout").duration(150).attr("opacity",0).on("end",(()=>{this._svg.remove(),this._legendDiv.style.display="none",this._tableDiv.style.display="block",this.setTableContent(),this.setTableDimensions(),e(this._tableDiv).style("opacity",0).transition("fadein").duration(150).style("opacity",1)})),e(this._legendDiv).style("opacity",1).transition("fadeout").duration(150).style("opacity",0)},this.resizeTable=()=>{this.setDims(),this.setTableDimensions()},this.reInitChart=t=>{this.tableObserver.disconnect(),this._status.innerHTML="<p>Visas som diagram</p>",e(this._host).select(".tableButton").style("display",null),e(this._host).select(".chartButton").style("display","none"),t.target.previousSibling.lastChild.focus();const i=e(this._tableDiv);i.style("opacity",1).transition().duration(150).style("opacity",0).on("end",(()=>{i.style("display","none"),this.initSvg(),this.initLines(),this._svg.attr("opacity",0).transition().duration(150).attr("opacity",1),e(this._legendDiv).style("display",null).style("opacity",0).transition().duration(150).style("opacity",1)}))},this.afHeadingLevel=void 0,this.afId=m("tooltip"),this.afChartData=void 0}afChartDataUpdate(){const t=this.afChartData;"object"!=typeof t?(this._chartData=JSON.parse(t),this._chartData.data&&(this._coreSeries=JSON.parse(JSON.stringify(this._chartData.data.series)))):this._chartData=Object.assign({},t)}initSvg(){this.margin.bottom=Number(window.getComputedStyle(document.body).getPropertyValue("font-size").match(/\d+/)[0])*Number(this.fontSize.replace(/[^\d.]|\.(?=.*\.)/g,""))+this.xPadding+this.xTickSize,this.lineChartObserver.observe(this._chartDiv),e(this._chartDiv).select("svg").remove(),this._tooltip=e("#"+this.afId),this._tooltip.select(".close").on("click",this.closeTooltip),this._tooltipHeading="h"+(parseInt(this.afHeadingLevel.replace(/\D/g,""))+1),this._tooltip.selectAll(".tooltipHead").insert(this._tooltipHeading,":first-child").style("margin","0 0.75rem").style("font-weight","500"),this._maxHeight=e(this._host).node().parentNode.getBoundingClientRect().height,this.setDims(),this.setTickSize(),this.checkPercentage(),e(this._chartDiv).attr("height",this.dims.height+"px"),this._svg=e(this._chartDiv).append("svg").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this._chartData&&this._chartData.title?"Linjediagram om "+this._chartData.title.toLowerCase():"Linjediagram"),this._svg.attr("width",this.dims.width).attr("height",this.dims.height),this.mapColorToLine(),this._TooltipLine=this._svg.append("line").attr("id","toolTipLine"+this.afId),this._secondaryLine=this._svg.append("line").attr("id","secondaryLine"+this.afId),this.computeMaxVal(),this.initYAxis(),this.initXAxis(),this._Tipbox=this._svg.append("rect").attr("class","svgRect").attr("width",this.dims.width-this.margin.left/2).attr("height",this.dims.height-this.margin.top-this.margin.bottom).attr("opacity",0).attr("transform",`translate(${this.margin.left/2},0)`),this.addListenersToChart(),this._Circles=this._svg.append("g").attr("class","circleGroup").on("mousemove",this.drawTooltipLine),this._Circles.selectAll("circle").data(this._chartData.data.series).join("circle").attr("stroke",(t=>this.colorFunction(t))).attr("fill","white").attr("stroke-width","1px").attr("r",7).attr("display","none"),e(window).on("resize."+this.afId,this.repositionTooltip)}initEmpty(){this.margin.bottom=Number(window.getComputedStyle(document.body).getPropertyValue("font-size").match(/\d+/)[0])*Number(this.fontSize.replace(/[^\d.]|\.(?=.*\.)/g,""))+this.xPadding+this.xTickSize,e(this._chartDiv).select("svg").remove(),this._tooltip=e("#"+this.afId),e("digi-icon-x").on("click",this.closeTooltip),this._tooltipHeading="h"+(parseInt(this.afHeadingLevel.replace(/\D/g,""))+1),this._tooltip.selectAll(".tooltipHead").insert(this._tooltipHeading,":first-child").style("margin","0 0.75rem").style("font-weight","500"),this._maxHeight=e(this._host).node().parentNode.getBoundingClientRect().height,this.setDims(),e(this._chartDiv).attr("height",this.dims.height+"px"),this._svg=e(this._chartDiv).append("svg").attr("aria-hidden",!0),this._svg.attr("width",this.dims.width).attr("height",this.dims.height),this._TooltipLine=this._svg.append("line").attr("id","toolTipLine"+this.afId),this._secondaryLine=this._svg.append("line").attr("id","secondaryLine"+this.afId),this.initYAxis(!0),this.initXAxis(!0),this._Tipbox=this._svg.append("rect").attr("class","svgRect").attr("width",this.dims.width-this.margin.left/2).attr("height",this.dims.height-this.margin.top-this.margin.bottom).attr("opacity",0).attr("transform",`translate(${this.margin.left/2},0)`),this._Circles=this._svg.append("g").attr("class","circleGroup").on("mousemove",this.drawTooltipLine),this.defineLineAndScale(),this.lineChartObserver.observe(this._chartDiv),this.loadingState(!0)}loadingState(t){this._loading=!0,e(".tableButton").style("display","none");const i=J().defined((t=>null!=t[1])).x((t=>this._lineScale(t[0]))).y((t=>this._yAxis(t[1]))).curve(nt);this.closeTooltip(),this._Tipbox.style("cursor","wait").on("mousemove",null).on("touchmove",null).on("mouseup",null).on("mouseleave",null),e(this._titleDiv).select(this.afHeadingLevel).html(`${h.loading}...`);const s=e(this._titleDiv).style("height");e(this._titleDiv).style("height",this._prevHeight).transition("adjust").duration(400).style("height",s).on("end",(()=>e(this._titleDiv).style("height",null))),e(this._legendDiv).style("display","none");const n=()=>{let t=this._xAxis.domain()[0];const s=[...Array(this._xAxis.domain()[1])].map((()=>{const i=[t,Math.round(Math.random()*this._yAxis.domain()[1]*100)/100];return t++,i}));this._lineChartContainer.selectAll(".linePath").remove(),this._lineChartContainer.selectAll("linePath").data([s]).join("path").attr("class","linePath").attr("stroke","lightgray").attr("stroke-linecap",this._lineCap).attr("stroke-width",this._strokeWidth).attr("fill","none").attr("d",(t=>i(t))).transition().duration(1200).ease(S).attrTween("stroke-dasharray",(function(){const t=this.getTotalLength();return g(`0,${t}`,`${t},${t}`)})).on("end",(()=>{this._lineChartContainer.selectAll(".linePath").attr("stroke-dasharray",(function(){const t=this.getTotalLength();return t+" "+t})).attr("stroke-dashoffset",0).transition().duration(1200).ease(S).attr("stroke-dashoffset",(function(){return-this.getTotalLength()})).on("end",(()=>n()))}))};t?n():(()=>{const t=this._lineChartContainer.selectAll(".linePath").data().map((t=>(t.line=t.line.map((t=>t[1]?[t[0],this._yAxis.domain()[0]]:[t[0],void 0])),t)));this._lineChartContainer.selectAll(".linePath").data(t).transition().duration(400).ease(l).attr("d",(t=>this._LineFunc(t.line))).on("end",((...[,t])=>0===t?n():null)),this._lineChartContainer.selectAll(".symbolGroup").selectAll(".symbol").transition().duration(400).ease(b).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(this._yAxis.domain()[0])})`:null)).attr("opacity",0)})()}updateSvg(){this._loading&&(e(this._host).select(".tableButton").style("display",null),e(this._legendDiv).style("display",null),e(this._titleDiv).style("height",null)),this.margin.right=this._chartData.data.xValueNames?this.getTextSize(this._chartData.data.xValueNames[this._chartData.data.xValueNames.length-1])/2+1:this.getTextSize(u(this._chartData.data.xValues).toString())/2+1,this.checkPercentage(),this.setDims(!0),this.mapColorToLine(),this.computeMaxVal(),this.setTickSize(),e(this._chartDiv).attr("height",this.dims.height+"px"),this._svg.attr("width",this.dims.width+"px").attr("height",this.dims.height+"px").attr("aria-label",this._chartData&&this._chartData.title?"Linjediagram om "+this._chartData.title.toLowerCase():"Linjediagram"),this._yAxis=d().domain([0,this._maxVal]).nice(3).range([this.dims.height-this.margin.bottom,this.margin.top]),this.margin.left=this.getTextSize(o(this.axisNumberFormat).format(this.formatStyle)(this._yAxis.domain()[1]))+this.yPadding+3;const t=this._xAxis.domain();if(this.initXAxis(),this._lineChartContainer.transition("position").duration(400).ease(l).attr("width",this.dims.width).attr("height",this.dims.height).attr("transform",`translate(${this.margin.left},0)`),this.setYTicks(),this.defineLineAndScale(),this.addSymbols(!0),this._loading){e(this._host).select(".tableButton").style("display",null),this.addListenersToChart();const t=e(this._titleDiv).style("height");e(this._titleDiv).style("height",this._prevHeight).transition("adjust").duration(400).style("height",t).on("end",(()=>e(this._titleDiv).style("height",null))),e(this._legendDiv).style("opacity",0).transition().duration(400).ease(l).style("opacity",1),this._lineChartContainer.selectAll(".linePath").on("end",null),this._lineChartContainer.selectAll(".symbolGroup").selectAll(".symbol").attr("opacity",0).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(this._yAxis.domain()[0])})`:null)),this._lineChartContainer.selectAll(".linePath").transition().duration(400).ease(S).attr("stroke-dashoffset",(function(){return-this.getTotalLength()})).on("end",(()=>{this._lineChartContainer.selectAll(".linePath").data(this.reshapeData(this._chartData.data.series)).join("path").attr("class","linePath").attr("stroke",(t=>this.colorFunction(t))).attr("stroke-linecap",this._lineCap).attr("stroke-width",this._strokeWidth).attr("fill","none").attr("stroke-dasharray",this.dashFunction).attr("stroke-dashoffset",null).attr("d",(t=>this._LineFunc(t.line.map((t=>[t[0],this._yAxis.domain()[0]]))))),this._lineChartContainer.selectAll(".linePath").transition().duration(400).ease(l).attr("d",(t=>this._LineFunc(t.line))),this._lineChartContainer.selectAll(".symbolGroup").selectAll(".symbol").transition().duration(400).ease(l).attr("transform",(t=>t?`translate(${this._lineScale(t.x)},${this._yAxis(t.val)})`:null)).attr("opacity",1),this._loading=!1}))}else this._lineChartContainer.selectAll(".linePath").data(this.reshapeData(this._chartData.data.series)).join("path").transition().duration(400).ease(l).attr("class","linePath").attr("stroke",(t=>this.colorFunction(t))).attr("stroke-linecap",this._lineCap).attr("stroke-width",(t=>t.length>1?this._strokeWidth:4)).attr("fill","none").attr("stroke-dasharray",((t,i)=>t.length>1?this.dashFunction(t,i):null)).attr("d",(t=>this._LineFunc(t.line)));if(this._toggled&&t===this._xAxis.domain()){const t=this._chartData.data.xValues[this._tooltipDataIndex].toString();this._Circles.selectAll("circle").data(this._chartData.data.series).join("circle").transition("New circles").duration(400).ease(l).attr("stroke","white").attr("fill",(t=>this.colorFunction(t))).attr("stroke-width","1px").attr("r",7),this.positionCircles(t,400);const i=this._TooltipLine.attr("y1");this._TooltipLine.transition().duration(400).ease(l).attr("x1",this._xAxis(t)+this.margin.left).attr("x2",this._xAxis(t)+this.margin.left).attr("y1",this._yAxis(this._maxVal)).attr("y2",this.dims.height-this.margin.bottom);const s=this._tooltip.select(".tooltipBody");this._tooltip.select(".tooltipHead").select(this._tooltipHeading).style("margin","0 0.75rem").html((()=>this._chartData.data.xValueNames?this._chartData.data.xValueNames[this._tooltipPoint-1]:this._tooltipPoint)),s.selectAll("div").data(this._chartData.data.series).join("div").style("display","flex").style("flex-direction","row").style("flex-wrap","nowrap").style("white-space","nowrap").style("justify-content","space-between").html((t=>"<span>"+t.title+': </span><span class="tooltipVal">'+t.yValues[this._tooltipDataIndex]+"</span>")),this.positionTooltipWithinBounds(this._xAxis(t)+this.margin.left,400),this._tooltip.style("transform",(()=>`translateY(${i-this._tooltip.node().getBoundingClientRect().height-9}px)`)).transition().duration(400).ease(l).style("transform",(()=>`translateY(${this._yAxis(this._maxVal)-this._tooltip.node().getBoundingClientRect().height-9}px)`)),this._svg.select(".tooltipPointer").transition().duration(400).ease(l).attr("transform",`translate(${this._xAxis(t)+this.margin.left},${this._yAxis(this._maxVal)-7}) rotate(180) scale(1.5,1.0)`)}else this._Circles.selectAll("circle").data(this._chartData.data.series).join("circle").attr("stroke",(t=>this.colorFunction(t))).attr("fill","white").attr("stroke-width","1px").attr("r",7).attr("display","none"),this.closeTooltip()}componentWillLoad(){this.afChartDataUpdate()}componentDidLoad(){if(0===Object.keys(this._chartData).length)return this.initEmpty();this._selectedLines=[],this.initSvg(),this.initLegend(),this.initLines(),document.fonts.onloadingdone=()=>{this.setTickSize(),this.resizeSvg()}}componentWillUpdate(){this._prevHeight=e(this._titleDiv).style("height")}componentDidUpdate(){if(0===Object.keys(this._chartData).length)return this.loadingState();this._selectedLines=[],this.updateSvg(),this.initLegend(),this.updateTableContent()}disconnectedCallback(){this.lineChartObserver.disconnect()}getTextSize(t){const i=[],s=e(this._chartDiv).append("svg");return s.selectAll("dummyText").data([t]).join("text").attr("font-size",this.fontSize).attr("font-family","sans-serif").text((t=>t)).each(((...[,t,s])=>{const h=s[t].getComputedTextLength()+5;i.push(h),s[t].remove()})),s.remove().exit(),i[0]}setTickSize(){if(this._chartData.data.xValueNames)for(const t of this._chartData.data.xValueNames){const i=this.getTextSize(t)+25;i>this._tickSize&&(this._tickSize=i)}else for(const t of this._chartData.data.xValues){const i=this.getTextSize(t.toString())+25;i>this._tickSize&&(this._tickSize=i)}}leftSetAxis(t=!1){const i=[];t?(this._yAxisHandle.selectAll("text").attr("transform",((...[,t,s])=>{const h=s[t].getComputedTextLength();return i.push(h),`translate(${-1*(this.margin.left-(h+this.yPadding))},0)`})),this._yAxisHandle.selectAll("line").attr("x1",((...[,t])=>-1*(this.margin.left-(i[t]+this.yPadding))))):(this._yAxisHandle.selectAll("text").transition("shuffle text").duration(400).attr("transform",((...[,t,s])=>{const h=s[t].getComputedTextLength();return i.push(h),`translate(${-1*(this.margin.left-(h+this.yPadding))},0)`})),this._yAxisHandle.selectAll("line").transition("shuffle line").duration(400).attr("x1",((...[,t])=>-1*(this.margin.left-(i[t]+this.yPadding)))))}updateTableContent(){""!==this._tableDiv.style.display&&"none"!==this._tableDiv.style.display&&(this.setTableContent(),this.animateTableDimensions())}setTableContent(){this._tableDiv.innerHTML=`<digi-table af-size="small" af-variation="primary"> <table><caption>${this._chartData.title}</caption><thead><tr>${this.headings()}</tr></thead><tbody>${this.tableBody()}</tbody></table></digi-table>`}setTableDimensions(){const t=e(this._tableDiv);t.style("height",this._maxHeight-e(this._titleDiv).node().getBoundingClientRect().height-.65*parseFloat(getComputedStyle(document.documentElement).fontSize)+"px"),t.style("width",this.dims.width-.65*parseFloat(getComputedStyle(document.documentElement).fontSize)+"px")}animateTableDimensions(){const t=e(this._titleDiv).style("height");e(this._titleDiv).style("height",this._prevHeight).transition("adjust").duration(400).style("height",t).on("end",(()=>e(this._titleDiv).style("height",null)));const i=e(this._tableDiv);i.transition("adjustHeight").duration(400).style("height",this._maxHeight-(parseFloat(t)+1.25*parseFloat(getComputedStyle(document.documentElement).fontSize))-.65*parseFloat(getComputedStyle(document.documentElement).fontSize)+"px"),i.style("width",this.dims.width-.65*parseFloat(getComputedStyle(document.documentElement).fontSize)+"px")}headings(){let t=`<th scope="col">${this._chartData.x}</th>`;return this._coreSeries.forEach((i=>{t=t.concat(`<th scope="col">${i.title}</th>`)})),t}tableBody(){let t="";return(this._chartData.data.xValueNames?this._chartData.data.xValueNames:this._chartData.data.xValues).forEach(((i,s)=>{let h="";this._coreSeries.forEach((t=>{h=h.concat(`<td>${null!=t.yValues[s]?o(this.axisNumberFormat).format(this.formatStyle)(t.yValues[s]):"-"}</td>`)})),t=t.concat(`<tr><th scope='row'>${i}${h}</th></tr>`)})),t}render(){let t="";return t=this._chartData.subTitle?`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`:`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`,i("host",{key:"a21c09ee91ccabf90f91d2344d301d26710f9a60",ref:t=>this._host=t},i("div",{key:"c97af6a0bbc28675a19c843a3c355b35397e5804",class:"topWrapper",ref:t=>this._titleDiv=t},i("digi-typography",{key:"76085c6924fd317d4a281e93ca4623b85f0fb867",class:"chartTitle",innerHTML:t}),i("digi-button",{key:"241e30b3094e8eea86c7c24bb2a90f67ea04ef6f",class:"buttonWrapper tableButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.activateTable,afAriaLabel:`Visa tabell ${this._chartData.title?this._chartData.title.toLowerCase():""}`},i("digi-icon-table",{key:"5cc0d03d40d076481d14d0478390b131cdaa61f7",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"241d3e97b9a21f556b3e46cebc63c77ce106d26c",style:{display:"none"},class:"buttonWrapper chartButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.reInitChart,afAriaLabel:`Visa diagram ${this._chartData.title?this._chartData.title.toLowerCase():""}`},i("digi-icon-chart",{key:"f0a5c78bc5e04db994559f2ce1a13c0e7285c36d",slot:"icon"}),"Visa diagram"),i("div",{key:"f7ebab0f90d1a9f9a306470c93ccaaaf0461a9a7",class:"scChartStatus",role:"status",ref:t=>this._status=t})),i("div",{key:"75672c02d61a14741348dc183782df71f3a4db19",class:"chartTooltip",id:this.afId},i("div",{key:"b4e03381d825d68af2bdbf859458896c639b6559",class:"tooltipHead"},i("digi-icon-x",{key:"1301ab00ff3818e0940e69f17aa09b296c04a86c",class:"close"})," "),i("div",{key:"eb01d362db4495c0a3d4396ad4c71c2a952114ad",class:"tooltipBody"})),i("div",{key:"accd6776d3db14c662ff84b2e826f6cf713ff38d",class:"chart",ref:t=>this._chartDiv=t}),i("div",{key:"507dfba00c88d5b371fd8304053b9b7762506d25",class:"legend",ref:t=>this._legendDiv=t}),i("div",{key:"cb3fc091c6a557bfd62e8f7d59863e973da0ee53",class:"table",ref:t=>this._tableDiv=t}," "))}get element(){return s(this)}static get watchers(){return{afChartData:["afChartDataUpdate"]}}};at.style=".sc-digi-chart-line-h{display:block;height:100%;width:100%;position:relative}.sc-digi-chart-line-h .digi-chart-line.sc-digi-chart-line{color:var(--MY-PROP);height:100%;width:100%;min-height:fit-content}.chart.sc-digi-chart-line{box-sizing:content-box;width:auto}.topWrapper.sc-digi-chart-line,.chartTitle.sc-digi-chart-line .digi-typography.sc-digi-chart-line{display:flex;flex-direction:column;gap:0.75rem}.topWrapper.sc-digi-chart-line{margin-bottom:0.75rem}.chartTitle.sc-digi-chart-line{--MARGIN--HEADING-2:0;--MARGIN--HEADING-3:0;--MARGIN--HEADING-4:0;--MARGIN--HEADING-5:0;--MARGIN--HEADING-6:0}.buttonWrapper.sc-digi-chart-line{--digi--button--padding--medium:0 0 0.75rem 0}.close.sc-digi-chart-line{--digi--icon--color:rgb(245, 245, 245);cursor:pointer;margin-top:-5px}.legend.sc-digi-chart-line{display:flex;flex-direction:row;flex-wrap:no-wrap;gap:0.5rem;margin:0.5rem 0 0.25rem 0;height:2.675rem;overflow-x:auto;overflow-y:hidden;cursor:default;max-width:100%}.chip.sc-digi-chart-line{box-sizing:border-box}.legend.sc-digi-chart-line::-webkit-scrollbar,.table.sc-digi-chart-line::-webkit-scrollbar{height:10px;width:10px}.legend.sc-digi-chart-line::-webkit-scrollbar-track,.table.sc-digi-chart-line::-webkit-scrollbar-track{background:whitesmoke;border-radius:4px}.legend.sc-digi-chart-line::-webkit-scrollbar-thumb,.table.sc-digi-chart-line::-webkit-scrollbar-thumb{background-color:lightgray;border-radius:4px;border:0}.chartTooltip.sc-digi-chart-line{box-sizing:border-box;position:absolute;background-color:rgba(10, 10, 10, 0.9);color:white;padding:5px 10px;padding-right:5px;border-radius:4px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;font-size:14px;display:none}.scChartStatus.sc-digi-chart-line{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}.table.sc-digi-chart-line{display:none;overflow-y:scroll;height:fit-content;border-radius:4px;padding:0.25rem;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;background-repeat:no-repeat;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}.tableIcon.sc-digi-chart-line{--digi--icon--color:var(--digi--global--color--neutral--grayscale--darker);width:26px;height:26px;pointer-events:none}.tableIcon.sc-digi-chart-line:hover{--digi--icon--color:var(\n --digi--global--color--neutral--grayscale--darkest-3\n )}.tooltipHead.sc-digi-chart-line{display:flex;width:100%;justify-content:space-between;margin-bottom:0.25rem;flex-direction:row}.tooltipBody.sc-digi-chart-line{display:flex;flex-direction:column;padding-right:5px;max-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(245, 245, 245) transparent}";export{at as digi_chart_line}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as s,g as h}from"./p-52e3bb32.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-f9a1a787.js";import{_ as u}from"./p-903a27d9.js";import{r as b}from"./p-ffe5c0e8.js";import{B as v}from"./p-dcdffb3c.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 u=r(s).map((function(i){return e+t*i}));return o(a?u.reverse():u)}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.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)}))},this.afVariation=v.Vertical,this.afHeadingLevel="h3",this.afId=b("tooltip"),this.afChartData=void 0}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(`${u.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(`${u.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(`${u.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:"d39019eecd4013769648a7cdb1e5dc48712de934",ref:t=>this.host=t},i("svg",{key:"9e4dbfcd19038c6b9c8cfe26b4e8b3c5ef624896",xmlns:"http://www.w3.org/2000/svg",width:"0",height:"0"},i("defs",{key:"9ed2bc8b3064642d01e9028fa91c55577ed2da1c"},i("pattern",{key:"ca867a03dac364d29de422bc074c7ff3a8bac858",id:"prognosis",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"2f2169ba84fcbb198a8f109bc57971beb3c3ca09",width:"8",height:"8",fill:"white"}),i("line",{key:"ad51412cb272233eb58a82a293643c4e865e34e9",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.evalColorVar(this.colorPalettes[0]),"stroke-width":"8"})),i("pattern",{key:"ecc0ffeb0eda0d84102678c17163d0afc472cde5",id:"prognosisInactive",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"ca9a51785850ea8e26f4ca3b84dc28401325af63",width:"8",height:"8",fill:"white"}),i("line",{key:"d7dd225c20b588f74bff91d44ff5abc8839bc445",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.evalColorVar("--digi--color--background--secondary-accent"),"stroke-width":"8"})),i("pattern",{key:"654a002d89f6ce33fc4958afe3997829511b867e",id:"prognosisHighlight",patternUnits:"userSpaceOnUse",width:"8",height:"8",patternTransform:"rotate(45)"},i("rect",{key:"6d0286f1d11de92c88083618d4acb3300f36857d",width:"8",height:"8",fill:"white"}),i("line",{key:"4acd94253dbdb1fc85090d677d246028a6e595d6",x1:"0",y:"0",x2:"0",y2:"12",stroke:this.adjustColor(this.colorFunction(0),50),"stroke-width":"8"})))),i("div",{key:"9022c75fa8077b2c025aac91b8c1a565b50ad8f0",class:"topWrapper",ref:t=>this.titleDiv=t},i("digi-typography",{key:"4a28b8506806ca2418fd21512460baebe84614d5",class:"chartTitle",innerHTML:r}),i("digi-button",{key:"69f4603b0fde842906e17abee241c6e3b4de1059",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:"803f63ac1912c5979c43e7c58d28591a1d6ce461",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"7d87badd6ae3df65127bdfe4c4308c0d38d5ccb7",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:"f92c2eb9f08bf7f13a7eaea287b80a233efd95ef",slot:"icon"}),"Visa diagram"),i("div",{key:"ee5b3ad8cdcfcf00891f56f7a7e738adf76f36c1",class:"scChartStatus",role:"status",ref:t=>this.status=t})),i("div",{key:"cbc0c8724ac73a07a4f2d01044d4928214e63f43",class:"svgWrap",ref:t=>this.chartDiv=t},i("div",{key:"52cb24ae1a29f5381860031513b7b9e835044935",class:"chartTooltip",id:this.afId},i("div",{key:"17c4c08dcf63cd263db4f32fecae7ec5216e3014",class:"tooltipHead"},i("digi-icon-x",{key:"f44a9a534ae02fe674fc0f9161e5c4b5a3eecb30",class:"tooltipClose"})),i("div",{key:"ffbe44f6a8db4dc67d6980bd69ca2209e4a75745",class:"tooltipBody"}),i(this.afVariation===v.Horizontal?"digi-icon-caret-up":"digi-icon-caret-down",{class:"caret"}))),i("div",{key:"5d9cce591ea02a7b8ebdb42af55f378ee064a48a",class:"legendWrap",ref:t=>this.legendDiv=t},i("div",{key:"8b8b7cd614e5d6202bfce04e57c98ee040f15dab",class:"legend"})),i("div",{key:"64a35d431e28638ffece4dd12bdf04678ed13768",class:"table",ref:t=>this.tableDiv=t}," "))}get hostElement(){return h(this)}static get watchers(){return{afChartData:["afChartDataUpdate"]}}};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
|
+
import{r as t,h as i,H as s,g as h}from"./p-52e3bb32.js";import{o as a,i as e,r,s as o,a as n,l,b as d,m as c,p,c as f,d as g}from"./p-f9a1a787.js";import{_ as b}from"./p-903a27d9.js";import{r as u}from"./p-ffe5c0e8.js";import{B as v}from"./p-dcdffb3c.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,f=.5;function g(){var s=h().length,a=l<n,e=a?l:n,g=a?n:l;t=(g-e)/Math.max(1,s-c+2*p),d&&(t=Math.floor(t)),e+=(g-e-t*(s-c))*f,i=t*(1-c),d&&(e=Math.round(e),i=Math.round(i));var b=r(s).map((function(i){return e+t*i}));return o(a?b.reverse():b)}return delete s.unknown,s.domain=function(t){return arguments.length?(h(t),g()):h()},s.range=function(t){return arguments.length?([n,l]=t,n=+n,l=+l,g()):[n,l]},s.rangeRound=function(t){return[n,l]=t,n=+n,l=+l,d=!0,g()},s.bandwidth=function(){return i},s.step=function(){return t},s.round=function(t){return arguments.length?(d=!!t,g()):d},s.padding=function(t){return arguments.length?(c=Math.min(1,p=+t),g()):c},s.paddingInner=function(t){return arguments.length?(c=Math.min(1,t),g()):c},s.paddingOuter=function(t){return arguments.length?(p=+t,g()):p},s.align=function(t){return arguments.length?(f=Math.max(0,Math.min(1,t)),g()):f},s.copy=function(){return m(h(),[n,l]).round(d).paddingInner(c).paddingOuter(p).align(f)},e.apply(g(),arguments)}const y=class{constructor(i){t(this,i),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)}))},this.afVariation=v.Vertical,this.afHeadingLevel="h3",this.afId=u("tooltip"),this.afChartData=void 0}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(g).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(g).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=f([0,f(null===(s=this.chartData)||void 0===s?void 0:s.data.series[0].yValues)])?f([0,f(null===(h=this.chartData)||void 0===h?void 0:h.data.series[0].yValues)]):0;this.maxVal=o,this.minVal=n,this.tempScale=l().domain([this.minVal,this.maxVal]).nice((null===(e=null===(a=this.chartData)||void 0===a?void 0:a.meta)||void 0===e?void 0:e.numberOfReferenceLines)?null===(r=this.chartData)||void 0===r?void 0:r.meta.numberOfReferenceLines:3).domain()}initXAxis(t){this.setXScale(t),this.xAxisHandle=this.barChartContainer.append("g").attr("transform",`translate(0,${this.dims.height-this.margin.bottom})`),this.afVariation===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"]}}};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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as r,g as e}from"./p-52e3bb32.js";import{l as t,k as p,j as o}from"./p-d595e8a3.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import"./p-53d9556b.js";import"./p-4841b4e1.js";import"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-24fe2189.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import{L as d}from"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-be4fd246.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const c=class{constructor(r){i(this,r),this.afText="",this.afVariation=t.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===t.FULLWIDTH,"digi-form-receipt--grid":this.afVariation===t.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:"a657922108a6318f7abfc6a3b942dea48ec77b33",class:Object.assign({"digi-form-receipt":!0},this.cssModifiers)},this.afVariation===t.FULLWIDTH?r("digi-layout-block",{afVariation:d.TRANSPARENT},this.content):this.content)}get hostElement(){return e(this)}};c.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{c as digi_form_receipt}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as a,h as t}from"./p-52e3bb32.js";import{r as n}from"./p-ffe5c0e8.js";import"./p-717306ef.js";import"./p-d595e8a3.js";import"./p-a4a001e1.js";import"./p-53d9556b.js";import"./p-4841b4e1.js";import{B as g}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-24fe2189.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-be4fd246.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const o=class{constructor(t){i(this,t),this.afOnPageChange=a(this,"afOnPageChange",7),this.afOnReady=a(this,"afOnReady",3),this.currentPage=void 0,this.twoRows=void 0,this.limit=6,this.afInitActivePage=1,this.afTotalPages=void 0,this.afCurrentResultStart=void 0,this.afId=n("digi-navigation-pagination"),this.afCurrentResultEnd=void 0,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}
|