@designsystem-se/af 35.3.1 → 35.4.0

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.
Files changed (42) hide show
  1. package/components/digi-bar-chart.js +1 -1
  2. package/components/digi-chart-line.js +1 -1
  3. package/components/digi-code-block.js +1 -1
  4. package/components/digi-code-example.js +1 -1
  5. package/components/digi-info-card.js +1 -1
  6. package/components/digi-link-button.js +3 -1
  7. package/components/p-472bc7d3.js +129 -0
  8. package/custom-elements.json +6 -2
  9. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  10. package/dist/cjs/digi-bar-chart.cjs.entry.js +1 -1
  11. package/dist/cjs/digi-chart-line.cjs.entry.js +1 -1
  12. package/dist/cjs/digi-code-block_3.cjs.entry.js +1 -1
  13. package/dist/cjs/digi-info-card.cjs.entry.js +1 -1
  14. package/dist/cjs/digi-link-button.cjs.entry.js +2 -1
  15. package/dist/cjs/loader.cjs.js +1 -1
  16. package/dist/collection/components/_chart/bar-chart/bar-chart.css +13 -19
  17. package/dist/collection/components/_chart/chart-line/chart-line.css +19 -23
  18. package/dist/collection/components/_code/code-block/code-block.css +2 -2
  19. package/dist/collection/components/_info-card/info-card/info-card.js +5 -5
  20. package/dist/collection/components/_link/link-button/link-button.js +24 -1
  21. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  22. package/dist/digi-arbetsformedlingen/p-07fd5ccf.entry.js +1 -0
  23. package/dist/digi-arbetsformedlingen/p-5aae7437.entry.js +1 -0
  24. package/dist/digi-arbetsformedlingen/{p-c04b06a2.entry.js → p-5ac3d7a9.entry.js} +1 -1
  25. package/dist/digi-arbetsformedlingen/{p-f1a6524e.entry.js → p-83b3f053.entry.js} +1 -1
  26. package/dist/digi-arbetsformedlingen/{p-0c271457.entry.js → p-cb8e7e0a.entry.js} +1 -1
  27. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  28. package/dist/esm/digi-bar-chart.entry.js +1 -1
  29. package/dist/esm/digi-chart-line.entry.js +1 -1
  30. package/dist/esm/digi-code-block_3.entry.js +1 -1
  31. package/dist/esm/digi-info-card.entry.js +1 -1
  32. package/dist/esm/digi-link-button.entry.js +2 -1
  33. package/dist/esm/loader.js +1 -1
  34. package/dist/types/components/_info-card/info-card/info-card.d.ts +4 -4
  35. package/dist/types/components/_link/link-button/link-button.d.ts +5 -0
  36. package/dist/types/components.d.ts +18 -8
  37. package/hydrate/index.js +7 -5
  38. package/hydrate/index.mjs +7 -5
  39. package/package.json +1 -1
  40. package/components/p-2bc16106.js +0 -129
  41. package/dist/digi-arbetsformedlingen/p-bd6e0b22.entry.js +0 -1
  42. package/dist/digi-arbetsformedlingen/p-d8b9b535.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as i,c as d,h as a,g as r}from"./p-52e3bb32.js";import{b as o,a as n,I as c,c as g}from"./p-814ca2ad.js";import{l as e}from"./p-e3d2e899.js";const t=class{constructor(a){i(this,a),this.afOnClickLink=d(this,"afOnClickLink",7),this.afHeading=void 0,this.afHeadingLevel=void 0,this.afType=o.TIP,this.afSize=n.STANDARD,this.afBorderPosition=c.TOP,this.afVariation=g.PRIMARY,this.afLinkText=void 0,this.afLinkHref=void 0,this.hideVisitedColor=void 0,this.activeLink=!1,this.afSvgAriaHidden=void 0,this.hasListIcon=!1}setHasListIcon(){this.hostElement.querySelector("digi-list")&&(this.hasListIcon=!0)}componentWillLoad(){this.validateHeading(),this.setHasListIcon()}validateHeading(){this.afHeading&&this.afHeadingLevel||e.warn("digi-info-card must have a heading and a heading level. Please add af-heading and af-heading-level",this.hostElement)}clickLinkHandler(i){this.afOnClickLink.emit(i)}get shouldRenderInternalLink(){return this.afType!==this.afLinkText&&this.afLinkHref}get cssModifiers(){return{"digi-info-card--primary":this.afVariation===g.PRIMARY&&this.afType===o.TIP,"digi-info-card--secondary":this.afVariation===g.SECONDARY,"digi-info-card--tip":this.afType===o.TIP,"digi-info-card--related":this.afType===o.RELATED,"digi-info-card--standard":this.afSize===n.STANDARD,"digi-info-card--border-top":this.afBorderPosition===c.TOP&&this.afType===o.RELATED,"digi-info-card--border-left":this.afBorderPosition===c.LEFT&&this.afType===o.RELATED,"digi-info-card--active-link":!0===this.activeLink}}render(){return a("div",{key:"599ab94c2cd57bf47b9aa9d4ef1d4872b765a4ee",class:Object.assign({"digi-info-card":!0},this.cssModifiers)},a("div",{key:"8c03931edf08190044429cc784a78c795705c3ef",class:"digi-info-card__content"},a("div",{key:"e17ff930b2e0185e2f1fcbac57c1a7d7fea72e6d",class:"digi-info-card__icon"},this.hasListIcon&&a("span",{key:"6229283bf582298ca6979f2815effd21281e9b29",class:"digi-info-card__icon"},a("slot",{key:"c474cc478505c1408d3a642da71d188e9e377748",name:"icon"}))),a(this.afHeadingLevel,{key:"a24efa82b07245240cd8b2f309b600c29077f449",class:"digi-info-card__heading"},this.afHeading),a("digi-typography",{key:"538428ecae3c6f2228bf7b431d62582927ea4c56"},a("slot",{key:"6b6a2864991d9411da62185ab27e8d73c0163650"})),this.shouldRenderInternalLink&&a("digi-link-internal",{key:"f4079d2efed0e0f0a38428049b1773260a184e2a",class:"digi-info-card__link",afHref:this.afLinkHref,onAfOnClick:i=>this.clickLinkHandler(i),hideVisitedColor:this.hideVisitedColor},this.afLinkText)))}get hostElement(){return r(this)}static get watchers(){return{afHeading:["validateHeading"],afHeadingLevel:["validateHeading"]}}};t.style=".sc-digi-info-card-h{--digi--info-card--background-color--primary:var(--digi--color--background--pop-out);--digi--info-card--background-color--secondary:var(--digi--color--background--secondary);--digi--info-card--background-color--related:var(--digi--color--background--primary);--digi--info-card--color--heading:var(--digi--color--text--primary);--digi--info-card--color--heading--multi:var(--digi--color--text--interactive--primary);--digi--info-card--border:var(--digi--border-width--complementary-2) solid var(--digi--color--border--accent--primary);--digi--info-card--padding:var(--digi--padding--large) var(--digi--padding--medium) var(--digi--padding--largest) var(--digi--padding--medium);--digi--info-card--padding--desktop:var(--digi--padding--largest-2) var(--digi--padding--largest) var(--digi--padding--largest-3) var(--digi--padding--largest);--digi--info-card--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--info-card--heading--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--info-card--heading--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--BACKGROUND-COLOR:var(--digi--info-card--background-color--single)}.sc-digi-info-card-h .digi-info-card.sc-digi-info-card{background-color:var(--BACKGROUND-COLOR);height:100%;display:grid;position:relative}.sc-digi-info-card-h .digi-info-card--primary.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--primary)}.sc-digi-info-card-h .digi-info-card--tip.sc-digi-info-card{--COLOR--HEADING:var(--digi--info-card--color--heading);--PADDING:var(--digi--info-card--padding);--MARGIN-TOP:var(--digi--margin--medium)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card--tip.sc-digi-info-card{--PADDING:var(--digi--info-card--padding--desktop)}}.sc-digi-info-card-h .digi-info-card--related.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--related);--COLOR--HEADING:var(--digi--info-card--color--heading);--PADDING:var(--digi--info-card--padding);--MARGIN-TOP:var(--digi--margin--medium)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card--related.sc-digi-info-card{--PADDING:var(--digi--info-card--padding--desktop)}}.sc-digi-info-card-h .digi-info-card--secondary.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--secondary)}.sc-digi-info-card-h .digi-info-card--border-top.sc-digi-info-card{border-top:var(--digi--info-card--border)}.sc-digi-info-card-h .digi-info-card--border-left.sc-digi-info-card{border-left:var(--digi--info-card--border)}.sc-digi-info-card-h .digi-info-card__content.sc-digi-info-card{grid-column:1;grid-row:1;padding:var(--PADDING)}.sc-digi-info-card-h .digi-info-card__icon.sc-digi-info-card{position:absolute;top:0;right:0;transform:translateY(-50%)}.sc-digi-info-card-h .digi-info-card__heading.sc-digi-info-card{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--info-card--heading--font-size--mobile);margin-top:0;margin-bottom:0.5rem;font-weight:var(--digi--info-card--heading--font-weight);display:block;color:var(--COLOR--HEADING)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card__heading.sc-digi-info-card{font-size:var(--digi--info-card--heading--font-size--desktop);margin-bottom:1rem}}.sc-digi-info-card-h .digi-info-card--active-link.sc-digi-info-card .digi-info-card__heading.sc-digi-info-card{text-decoration:underline}.sc-digi-info-card-h .digi-info-card__link.sc-digi-info-card{margin-top:var(--MARGIN-TOP);display:block;font-size:inherit;line-height:inherit;font-weight:inherit}.sc-digi-info-card-h .digi-info-card__link-overlay.sc-digi-info-card{grid-column:1;grid-row:1;opacity:0}";export{t as digi_info_card}
1
+ import{r as i,c as d,h as a,g as r}from"./p-52e3bb32.js";import{b as o,a as n,I as c,c as g}from"./p-814ca2ad.js";import{l as e}from"./p-e3d2e899.js";const t=class{constructor(a){i(this,a),this.afOnClickLink=d(this,"afOnClickLink",7),this.afHeading=void 0,this.afHeadingLevel=void 0,this.afType=o.TIP,this.afSize=n.STANDARD,this.afBorderPosition=c.TOP,this.afVariation=g.PRIMARY,this.afLinkText=void 0,this.afLinkHref=void 0,this.hideVisitedColor=void 0,this.activeLink=!1,this.afSvgAriaHidden=void 0,this.hasListIcon=!1}setHasListIcon(){this.hostElement.querySelector("digi-list")&&(this.hasListIcon=!0)}componentWillLoad(){this.validateHeading(),this.setHasListIcon()}validateHeading(){this.afHeading&&this.afHeadingLevel||e.warn("digi-info-card must have a heading and a heading level. Please add af-heading and af-heading-level",this.hostElement)}clickLinkHandler(i){this.afOnClickLink.emit(i)}get shouldRenderInternalLink(){return this.afType!==this.afLinkText&&this.afLinkHref}get cssModifiers(){return{"digi-info-card--primary":this.afVariation===g.PRIMARY&&this.afType===o.TIP,"digi-info-card--secondary":this.afVariation===g.SECONDARY,"digi-info-card--tip":this.afType===o.TIP,"digi-info-card--related":this.afType===o.RELATED,"digi-info-card--standard":this.afSize===n.STANDARD,"digi-info-card--border-top":this.afBorderPosition===c.TOP&&this.afType===o.RELATED,"digi-info-card--border-left":this.afBorderPosition===c.LEFT&&this.afType===o.RELATED,"digi-info-card--active-link":!0===this.activeLink}}render(){return a("div",{key:"b87aaf790c4736075233c8cf0d15e16e757e67f1",class:Object.assign({"digi-info-card":!0},this.cssModifiers)},a("div",{key:"4f645a39d73a782d44ce58d6027805daa07ce6b6",class:"digi-info-card__content"},a("div",{key:"3c0e7f91e3ac681c051eb24688c88fb28a1cf6bf",class:"digi-info-card__icon"},this.hasListIcon&&a("span",{key:"53ddc991ebbd95b6a2076f491187a4c8de274b58",class:"digi-info-card__icon"},a("slot",{key:"182ee887c37e7dea4a4ab98189ea08af15418944",name:"icon"}))),a(this.afHeadingLevel,{key:"8a2b1fbd4cf78cc706daf2fc74157587c16e43b8",class:"digi-info-card__heading"},this.afHeading),a("digi-typography",{key:"6c0ccbf7115dd68e2f7e6e0b55daac41d9285c2d"},a("slot",{key:"34f5f0b4526721271edd8095ae78e8812142ea10"})),this.shouldRenderInternalLink&&a("digi-link-internal",{key:"c4f3442b1b6c22ecc6d0cd12f37af5f4707244b1",class:"digi-info-card__link",afHref:this.afLinkHref,onAfOnClick:i=>this.clickLinkHandler(i),hideVisitedColor:this.hideVisitedColor},this.afLinkText)))}get hostElement(){return r(this)}static get watchers(){return{afHeading:["validateHeading"],afHeadingLevel:["validateHeading"]}}};t.style=".sc-digi-info-card-h{--digi--info-card--background-color--primary:var(--digi--color--background--pop-out);--digi--info-card--background-color--secondary:var(--digi--color--background--secondary);--digi--info-card--background-color--related:var(--digi--color--background--primary);--digi--info-card--color--heading:var(--digi--color--text--primary);--digi--info-card--color--heading--multi:var(--digi--color--text--interactive--primary);--digi--info-card--border:var(--digi--border-width--complementary-2) solid var(--digi--color--border--accent--primary);--digi--info-card--padding:var(--digi--padding--large) var(--digi--padding--medium) var(--digi--padding--largest) var(--digi--padding--medium);--digi--info-card--padding--desktop:var(--digi--padding--largest-2) var(--digi--padding--largest) var(--digi--padding--largest-3) var(--digi--padding--largest);--digi--info-card--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--info-card--heading--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--info-card--heading--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--BACKGROUND-COLOR:var(--digi--info-card--background-color--single)}.sc-digi-info-card-h .digi-info-card.sc-digi-info-card{background-color:var(--BACKGROUND-COLOR);height:100%;display:grid;position:relative}.sc-digi-info-card-h .digi-info-card--primary.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--primary)}.sc-digi-info-card-h .digi-info-card--tip.sc-digi-info-card{--COLOR--HEADING:var(--digi--info-card--color--heading);--PADDING:var(--digi--info-card--padding);--MARGIN-TOP:var(--digi--margin--medium)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card--tip.sc-digi-info-card{--PADDING:var(--digi--info-card--padding--desktop)}}.sc-digi-info-card-h .digi-info-card--related.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--related);--COLOR--HEADING:var(--digi--info-card--color--heading);--PADDING:var(--digi--info-card--padding);--MARGIN-TOP:var(--digi--margin--medium)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card--related.sc-digi-info-card{--PADDING:var(--digi--info-card--padding--desktop)}}.sc-digi-info-card-h .digi-info-card--secondary.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--secondary)}.sc-digi-info-card-h .digi-info-card--border-top.sc-digi-info-card{border-top:var(--digi--info-card--border)}.sc-digi-info-card-h .digi-info-card--border-left.sc-digi-info-card{border-left:var(--digi--info-card--border)}.sc-digi-info-card-h .digi-info-card__content.sc-digi-info-card{grid-column:1;grid-row:1;padding:var(--PADDING)}.sc-digi-info-card-h .digi-info-card__icon.sc-digi-info-card{position:absolute;top:0;right:0;transform:translateY(-50%)}.sc-digi-info-card-h .digi-info-card__heading.sc-digi-info-card{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--info-card--heading--font-size--mobile);margin-top:0;margin-bottom:0.5rem;font-weight:var(--digi--info-card--heading--font-weight);display:block;color:var(--COLOR--HEADING)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card__heading.sc-digi-info-card{font-size:var(--digi--info-card--heading--font-size--desktop);margin-bottom:1rem}}.sc-digi-info-card-h .digi-info-card--active-link.sc-digi-info-card .digi-info-card__heading.sc-digi-info-card{text-decoration:underline}.sc-digi-info-card-h .digi-info-card__link.sc-digi-info-card{margin-top:var(--MARGIN-TOP);display:block;font-size:inherit;line-height:inherit;font-weight:inherit}.sc-digi-info-card-h .digi-info-card__link-overlay.sc-digi-info-card{grid-column:1;grid-row:1;opacity:0}";export{t as digi_info_card}
@@ -1 +1 @@
1
- import{r as t,h as i,g as s}from"./p-52e3bb32.js";import{_ as h}from"./p-08cf2c0e.js";import{s as e,f as n,r as a,a as r,g as o,p as l,b as c,l as d,m as u,d as p,o as f,c as g,e as b}from"./p-a47b6b5c.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 P(t){return!t.ctrlKey&&!t.button}function S(){return this.parentNode}function T(t,i){return null==i?{x:t.x,y:t.y}:i}function j(){return navigator.maxTouchPoints||"ontouchstart"in this}function z(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 C=Math.PI,B=2*C,E=1e-6,L=B-E;function N(t){this._+=t[0];for(let i=1,s=t.length;i<s;++i)this._+=arguments[i]+t[i]}class A{constructor(t){this._x0=this._y0=this._x1=this._y1=null,this._="",this._append=null==t?N:function(t){let i=Math.floor(t);if(!(i>=0))throw new Error(`invalid digits: ${t}`);if(i>15)return N;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>E)if(Math.abs(c*r-o*l)>E&&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((C-Math.acos((f+d-g)/(2*b*m)))/2),x=y/m,w=y/b;Math.abs(x-1)>E&&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)>E||Math.abs(this._y1-l)>E)&&this._append`L${o},${l}`,s&&(d<0&&(d=d%B+B),d>L?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>E&&this._append`A${s},${s},0,${+(d>=C)},${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 O=Math.sqrt,G=Math.PI,F=2*G;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 A(i)}function V(t){this._context=t}function W(t){return new V(t)}function I(t){return t[0]}function R(t){return t[1]}function J(t,i){var s=D(!0),h=null,e=W,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?I:D(t),i="function"==typeof i?i:void 0===i?R: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}V.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=O(i/G);t.moveTo(s,0),t.arc(0,0,s,0,F)}},Y={draw(t,i){const s=.62625*O(i);t.moveTo(0,-s),t.lineTo(s,0),t.lineTo(0,s),t.lineTo(-s,0),t.closePath()}},_={draw(t,i){const s=O(i),h=-s/2;t.rect(h,h,s,s)}},Z=O(3),q={draw(t,i){const s=-O(i/(3*Z));t.moveTo(0,2*s),t.lineTo(-Z*s,-s),t.lineTo(Z*s,-s),t.closePath()}},Q=-.5,K=O(3)/2,X=1/O(12),tt=3*(X/2+1),it={draw(t,i){const s=O(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=P,r=S,o=T,l=j,c={},d=n("start","drag","end"),u=0,p=0;function f(t){t.on("mousedown.drag",g).filter(l).on("touchstart.drag",z).on("touchmove.drag",C,x).on("touchend.drag touchcancel.drag",B).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=E(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 z(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=E(this,n,t,i,e[s].identifier,e[s]))&&(v(t),h("start",t,e[s]))}}function C(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 B(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 E(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(z).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(z).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(z).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+':&nbsp</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:"0aab34e11f412e3fea690e806cd2d9067bcafe09",ref:t=>this._host=t},i("div",{key:"941eef6b6e130641acec11ec4ee893611a811d75",class:"topWrapper",ref:t=>this._titleDiv=t},i("digi-typography",{key:"2f4a69e973def39e52ef01bea01d2c6fe9accc47",class:"chartTitle",innerHTML:t}),i("digi-button",{key:"e7b8e1e0a202b33b1a3a32af43d642fd925dff90",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:"5dbedd2ceed7ef62100f610c57496675a2b2254b",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"9a0d402143c1087582f88ec8b8a12152fe665a3d",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:"082bd94e92917727ed627cce01daf437f71fcf39",slot:"icon"}),"Visa diagram"),i("div",{key:"e0c445ff5e9c6832831d45ee1e8bd1c37c8c6ecc",class:"scChartStatus",role:"status",ref:t=>this._status=t})),i("div",{key:"f012774817ee966de745cc20dd2410a44c7562d7",class:"chartTooltip",id:this.afId},i("div",{key:"da2b1f257ff3fb7b6b141af96fd85ebf3442accd",class:"tooltipHead"},i("digi-icon-x",{key:"a50f73e003c912a4123a83f4c64cd5cc03bf6c68",class:"close"})," "),i("div",{key:"25013c3bd2d261beed1bafce41d599b7625b5bbe",class:"tooltipBody"})),i("div",{key:"7d8ee22026572d3c6cdce7200c98c3b665ba948b",class:"chart",ref:t=>this._chartDiv=t}),i("div",{key:"bf0d27d67c1c86d701401828ec59bd6f873a96f7",class:"legend",ref:t=>this._legendDiv=t}),i("div",{key:"b3539e60f97683d40b50e91be789eb78ab6d7061",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}.buttonWrapper.sc-digi-chart-line{--digi--button--padding--medium:0 0 0.75rem 0}.chart.sc-digi-chart-line{box-sizing:content-box;width:auto}.chartTitle.sc-digi-chart-line{--digi--typography--h2--margin:0.5rem;--digi--typography--h3--margin:0.5rem;--digi--typography--h4--margin:0.5rem;--digi--typography--h5--margin:0.5rem;--digi--typography--h6--margin:0.5rem;display:flex;justify-content:flex-start;flex-direction:column;align-items:left;text-align:left;padding-bottom:1rem;flex-grow:2}.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;margin-top:1.25rem;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}.topWrapper.sc-digi-chart-line{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}";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-08cf2c0e.js";import{s as e,f as n,r as a,a as r,g as o,p as l,b as c,l as d,m as u,d as p,o as f,c as g,e as b}from"./p-a47b6b5c.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+':&nbsp</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:"0aab34e11f412e3fea690e806cd2d9067bcafe09",ref:t=>this._host=t},i("div",{key:"941eef6b6e130641acec11ec4ee893611a811d75",class:"topWrapper",ref:t=>this._titleDiv=t},i("digi-typography",{key:"2f4a69e973def39e52ef01bea01d2c6fe9accc47",class:"chartTitle",innerHTML:t}),i("digi-button",{key:"e7b8e1e0a202b33b1a3a32af43d642fd925dff90",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:"5dbedd2ceed7ef62100f610c57496675a2b2254b",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"9a0d402143c1087582f88ec8b8a12152fe665a3d",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:"082bd94e92917727ed627cce01daf437f71fcf39",slot:"icon"}),"Visa diagram"),i("div",{key:"e0c445ff5e9c6832831d45ee1e8bd1c37c8c6ecc",class:"scChartStatus",role:"status",ref:t=>this._status=t})),i("div",{key:"f012774817ee966de745cc20dd2410a44c7562d7",class:"chartTooltip",id:this.afId},i("div",{key:"da2b1f257ff3fb7b6b141af96fd85ebf3442accd",class:"tooltipHead"},i("digi-icon-x",{key:"a50f73e003c912a4123a83f4c64cd5cc03bf6c68",class:"close"})," "),i("div",{key:"25013c3bd2d261beed1bafce41d599b7625b5bbe",class:"tooltipBody"})),i("div",{key:"7d8ee22026572d3c6cdce7200c98c3b665ba948b",class:"chart",ref:t=>this._chartDiv=t}),i("div",{key:"bf0d27d67c1c86d701401828ec59bd6f873a96f7",class:"legend",ref:t=>this._legendDiv=t}),i("div",{key:"b3539e60f97683d40b50e91be789eb78ab6d7061",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;margin-top:1.25rem;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,p as c,c as p,m as u,d as g,e as b}from"./p-a47b6b5c.js";import{_ as f}from"./p-08cf2c0e.js";import{r as m}from"./p-ffe5c0e8.js";import{B as v}from"./p-dcdffb3c.js";function y(){var t,i,s=a().unknown(void 0),h=s.domain,o=s.range,n=0,l=1,d=!1,c=0,p=0,u=.5;function g(){var s=h().length,a=l<n,e=a?l:n,g=a?n:l;t=(g-e)/Math.max(1,s-c+2*p),d&&(t=Math.floor(t)),e+=(g-e-t*(s-c))*u,i=t*(1-c),d&&(e=Math.round(e),i=Math.round(i));var 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?(u=Math.max(0,Math.min(1,t)),g()):u},s.copy=function(){return y(h(),[n,l]).round(d).paddingInner(c).paddingOuter(p).align(u)},e.apply(g(),arguments)}const x=class{constructor(i){t(this,i),this._loading=!1,this._placeholderTicks=["0","1","2","3","4","5","6","7"],this._dims={},this._margin={bottom:0,top:6,left:5,right:15,ellipsis:!1},this.tickPadding=8,this.yTickSize=0,this.xTickSize=5,this._tickWidth=1,this.defaultDuration=400,this.fontSize="0.875rem",this.barChartObserver=new ResizeObserver((t=>{t.forEach((()=>{if(this._loading)return this.loadingResize();this.resize()}))})),this.tableObserver=new ResizeObserver((t=>{t.forEach((()=>{o(this._legendDiv).style("width",this._dims.width+"px"),this.resizeTable()}))})),this.loadingResize=()=>{const t=this.setDims();this.setMargins(!0),this._svg.attr("width",this._dims.width).attr("height",this._dims.height),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,t&&(this._yScale.range(this.afVariation===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._barSelection.attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())),this.setValueTicks()},this.setTickInteraction=()=>{this.afVariation===v.Horizontal?this._yAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.hover).on("mouseleave",this.hoverOut):this._xAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.hover).on("mouseleave",this.hoverOut)},this.setYScale=t=>{var i,s,h;this.afVariation==v.Horizontal?(this._yScale=y(t?["0","1","2","3","4","5","6","7"]:this._chartData.data.xValueNames,[this._margin.top,this._dims.height-this._margin.bottom]).paddingOuter(.1).paddingInner(.1),this._yAxis=n(this._yScale)):(this._yScale=l().domain(t?[0,10]:[this._minVal,this._maxVal]).nice((null===(s=null===(i=this._chartData)||void 0===i?void 0:i.meta)||void 0===s?void 0:s.numberOfReferenceLines)?null===(h=this._chartData)||void 0===h?void 0:h.meta.numberOfReferenceLines:3),this._yScale.range([this._dims.height-this._margin.bottom,this._margin.top]),this._yAxis=n(this._yScale))},this.setXScale=t=>{this.afVariation==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=y().domain(t?this._placeholderTicks:this._chartData.data.xValueNames).range([0,this._dims.width-this._margin.right-this._margin.left]).paddingOuter(.1).paddingInner(.1),this._xAxis=d(this._xScale))},this.tickSizes=()=>{if(this._namedTickSizes=[],this._ellipsisSize=this.getTextSize("..."),this._chartData&&this._chartData.data)for(let t=0;t<this._chartData.data.xValueNames.length;t++)this._namedTickSizes.push(Math.ceil(this.getTextSize(this._chartData.data.xValueNames[t])))},this.updateBars=t=>{this._barChartContainer.selectAll(".barGroup").data(this.reshapeData).join((t=>{var i,s;const h=t.append("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_")));return h.append("rect").attr("class","bar").style("cursor","pointer").attr("ry",4).attr("rx",4).attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("width",(()=>this.afVariation===v.Horizontal?0:this._xScale.bandwidth())).attr("height",(()=>this.afVariation===v.Horizontal?this._yScale.bandwidth():0)).on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip).transition().duration(this.defaultDuration).ease(c).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("y",(t=>this._yScale(this.afVariation===v.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===v.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a"),(null===(s=null===(i=this._chartData)||void 0===i?void 0:i.meta)||void 0===s?void 0:s.valueLabels)?(h.append("text").text((t=>t.value.toLocaleString())).attr("class","barText").attr("font-size",this.fontSize).attr("font-weight","600").attr("text-anchor","end").style("pointer-events","none").attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key)+this._xScale.bandwidth()/2)).transition().duration(this.defaultDuration).ease(c).attr("font-size",this.fontSize).attr("font-weight","600").attr("x",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale(t.key)+this._xScale.bandwidth()/2)).attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("text-anchor",(t=>this.afVariation===v.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end")).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("dy",(()=>this.afVariation==v.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").attrTween("text",((t,i,s)=>{const h=parseFloat(s[i].textContent.replace(/\s/g,""))?parseFloat(s[i].textContent.replace(/\s/g,"")):0,a=p(h,t.value);return t=>s[i].textContent=parseInt(a(t)).toLocaleString(void 0,this._numberFormat)})),h):h}),(i=>(i.attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))),t?i.select("rect").on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(()=>this.afVariation===v.Horizontal?this._yScale.bandwidth():0)).attr("fill","#00005a").transition().duration(this.defaultDuration).ease(c).attr("y",(t=>this._yScale(this.afVariation===v.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===v.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).on("end",(()=>this.barChartObserver.observe(this._chartDiv))):i.select("rect").transition().duration(this.defaultDuration).ease(c).attr("y",(t=>this._yScale(this.afVariation===v.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===v.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a"),i.select("text").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"})).transition().duration(this.defaultDuration).ease(c).attr("font-size",this.fontSize).attr("font-weight","600").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("text-anchor",(t=>this.afVariation===v.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end")).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("dy",(()=>this.afVariation==v.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").attrTween("text",((t,i,s)=>{const h=parseFloat(s[i].textContent.replace(/\s/g,""))?parseFloat(s[i].textContent.replace(/\s/g,"")):0,a=p(h,t.value);return t=>s[i].textContent=parseInt(a(t)).toLocaleString(void 0,this._numberFormat)})))),(t=>t.remove())),this._barSelection=this._barChartContainer.selectAll("rect"),this._textSelection=this._barChartContainer.selectAll(".barText")},this.adjustBarText=()=>{var t,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._loading?(this._placeholderTicks.forEach((i=>{t.push({key:i,value:Math.floor(8*Math.random()+2),len:"1"})})),t):(this._chartData.data.xValueNames.forEach(((i,s)=>{t.push({key:i,value:this._chartData.data.series[0].yValues[s],len:this.getTextSize(this._chartData.data.series[0].yValues[s].toLocaleString())})})),t)},this.adjustBarSize=()=>{this._barSelection.attr("y",(t=>this._yScale(this.afVariation===v.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===v.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value)))},this.resizeTable=()=>{this.setDims(),this.setTableDimensions()},this.setDims=(t=!1)=>{const i=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,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}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.left>this._dims.width/4?(this._margin.left=Math.floor(this._dims.width/4),this._margin.ellipsis=!0):this._margin.ellipsis=!1,this._margin.bottom=this._pixelSize+this.tickPadding+this.xTickSize},this.setNamedTicks=(t=!1)=>{if(this.afVariation==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.round(this._chartData.data.xValues.length/((this._dims.width-this._margin.left-this._margin.right)/90-1));Math.floor(this._chartData.data.xValues.length/i)<4&&(i=Math.round(this._chartData.data.xValues.length/4));const s=(this._dims.width-this._margin.left-this._margin.right)/Math.floor(this._chartData.data.xValues.length/i+1);t?this._xAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").transition().duration(this.defaultDuration).call(this._xAxis.tickValues(this._xScale.domain().filter(((...[,t])=>0==t||t%i==0))).tickPadding(this.tickPadding).tickSize(this.xTickSize).tickSizeOuter(0).tickFormat(((t,h)=>{const a=h*i;return this._namedTickSizes[a]<s?t:t.slice(0,Math.max(Math.floor(s/(this._namedTickSizes[a]+this._ellipsisSize+5)*t.length),3))+"..."}))):this._xAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").call(this._xAxis.tickValues(this._xScale.domain().filter(((...[,t])=>0==t||t%i==0))).tickPadding(this.tickPadding).tickSize(this.xTickSize).tickSizeOuter(0).tickFormat(((t,h)=>{const a=h*i;return this._namedTickSizes[a]<s?t:t.slice(0,Math.max(Math.floor(s/(this._namedTickSizes[a]+this._ellipsisSize+5)*t.length),3))+"..."})))}},this.setValueTicks=(t=!1)=>{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("hover").duration(20).attr("fill","rect"===t.target.tagName?"#4C4C8B":"var(--digi--color--text--link-hover)")},this.hoverOut=t=>{o(t.target).transition("hover").duration(this.defaultDuration).attr("fill","rect"===t.target.tagName?"#00005a":"#333333")},this.openTooltip=(...[,t])=>{this._tooltipData="string"==typeof t?this._barChartContainer.select(`#barGroup${t.replace(/[^A-Z0-9]+/gi,"_")}`).datum():t;const i=this._tooltip.select(".tooltipBody");i.select(this._tooltipHeading).style("margin","0 0.75rem 0 0 ").style("font-weight",500).html(this._tooltipData.key),i.selectAll("div").data([this._tooltipData]).join("div").style("display","flex").style("flex-direction","row").style("flex-wrap","nowrap").style("white-space","nowrap").style("justify-content","space-between").html((t=>t.value.toLocaleString())),this._tooltip.style("display","flex"),this.positionTooltip(this._tooltipData)},this.closeTooltip=()=>{this._tooltip.style("display","none")},this.positionTooltip=t=>{const i=this._tooltip.node().getBoundingClientRect().width,s=this._tooltip.node().getBoundingClientRect().height+8,h=this._xScale(t.value)/2-i/2;this.afVariation===v.Horizontal?(this._tooltip.style("transform",`translate(${this._margin.left+this.tickPadding+Math.max(h,-4)}px, ${this._yScale(t.key)+this._yScale.bandwidth()+this._yScale.paddingInner()*this._yScale.bandwidth()}px )`).style("max-width",this._xScale.range()[1]+"px"),this._tooltip.select("digi-icon-caret-up").style("position","absolute").style("--digi--icon--color","white").style("top","-11px").style("left","0").style("transform",`translate(${h>0?i/2-10:this._xScale(t.value)/2}px,0)`)):(this._tooltip.style("transform",`translate(${this._margin.left+this.tickPadding+this._xScale(t.key)+this._xScale.bandwidth()/2-i/2}px, ${this._yScale(t.value)-s}px )`).style("max-width",this._xScale.range()[1]+"px"),this._tooltip.select("digi-icon-caret-down").style("position","absolute").style("--digi--icon--color","white").style("left","0").style("bottom","-11px").style("transform",`translate(${i/2-6}px,0)`))},this.recomputeTextSize=()=>{var t,i;this.afVariation==v.Horizontal&&(this._tickWidth=this.getLargestText(this._xScale.ticks().map((t=>t.toLocaleString())))),this.tickSizes(),this._barChartContainer.selectAll(".barGroup").data(this.reshapeData),(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.tableObserver.observe(this._chartDiv),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(),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)})),o(this._legendDiv).style("opacity",1).transition("fadeout").duration(150).style("opacity",0)},this.reInitChart=t=>{this.tableObserver.disconnect(),this._status.innerHTML="<p>Visas som diagram</p>",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.initChain(),this._svg.attr("opacity",0).transition().duration(150).attr("opacity",1)}))},this.afVariation=v.Vertical,this.afHeadingLevel="h3",this.afId=m("tooltip"),this.afChartData=void 0}afChartDataUpdate(t){this._chartData="string"!=typeof t?t:JSON.parse(t)}initSvg(){var t,i,s,h,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("svg").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.setMinMax(),this.setDims(),this.setMargins(),this._svg=o(this._chartDiv).append("svg").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this._svg.attr("width",this._dims.width).attr("height",this._dims.height)}initToolTip(){this._tooltip=o("#"+this.afId),this._tooltip.select(".close").on("click",this.closeTooltip),this._tooltipHeading="h"+(parseInt(this.afHeadingLevel.replace(/\D/g,""))+1),this._tooltip.selectAll(".tooltipBody").append(this._tooltipHeading).attr("class","tooltipHeading").style("font-size","1rem").style("margin","0 0.75rem").style("font-weight","500")}initEmpty(){o(this._chartDiv).select("svg").remove(),this._maxHeight=o(this._host).node().parentNode.getBoundingClientRect().height,this.barChartObserver.observe(this._chartDiv),this._rem=parseFloat(getComputedStyle(document.documentElement).fontSize),this.setDims(),this.setMargins(),this._svg=o(this._chartDiv).append("svg").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this._svg.attr("width",this._dims.width).attr("height",this._dims.height),o(this._titleDiv).select(this.afHeadingLevel).html(`${f.loading}...`),this.initYAxis(!0),this.initXAxis(!0),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("width",this._dims.width).attr("height",this._dims.height).attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this.setMargins(!0),o(this._titleDiv).select(this.afHeadingLevel).html(`${f.loading}...`),this._barChartContainer.transition("position").duration(this.defaultDuration).ease(c).attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),i&&(this._yScale.range(this.afVariation===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(".barGroup").remove(),this._barSelection=this._barChartContainer.selectAll("barGroup").data(this.reshapeData).join("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))).append("rect").attr("class","bar").style("cursor","pointer"),this._barSelection.attr("y",(t=>this.afVariation===v.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("ry",4).attr("rx",4).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(()=>0)).attr("fill","gray").transition().duration(400).delay(((...[,t])=>150*t)).attr("y",(t=>this._yScale(this.afVariation===v.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===v.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))),this._barSelection.transition().duration(400).ease(b).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("rect").transition().duration(200).ease(b).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=u(null===(t=this._chartData)||void 0===t?void 0:t.data.series[0].yValues)?u(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(),this._xAxisHandle.select(".tick").select("line").remove()):t||(this.tickSizes(),this.setNamedTicks(),this.setTickInteraction())}initBars(){this._barSelection=this._barChartContainer.selectAll("barGroup").data(this.reshapeData).join("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))).append("rect").attr("class","bar").style("cursor","pointer"),this._barSelection.attr("y",(t=>this._yScale(this.afVariation===v.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===v.Horizontal?2:this._xScale(t.key))).attr("ry",4).attr("rx",4).attr("width",(t=>this.afVariation===v.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===v.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a").on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip)}initBarText(){this._textSelection=this._barChartContainer.selectAll(".barGroup").append("text"),this._textSelection.text((t=>t.value.toLocaleString(void 0,this._numberFormat))).attr("class","barText").attr("font-size",this.fontSize).attr("font-weight","600").attr("text-anchor","end").attr("y",(t=>this.afVariation===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.initToolTip(),this.initYAxis(),this.initXAxis(),this.initBars(),this.initBarText()}async updateChain(){var t,i,s,h,a,e;if(this._numberFormat={maximumSignificantDigits:null===(s=null===(i=null===(t=this._chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.labelProperties)||void 0===s?void 0:s.significantDigits,notation:(null===(e=null===(a=null===(h=this._chartData)||void 0===h?void 0:h.meta)||void 0===a?void 0:a.labelProperties)||void 0===e?void 0:e.shortHand)?"compact":"standard"},this._tooltip&&this.closeTooltip(),"block"==this._tableDiv.style.display)this._chartData.title?(this.setTableContent(),this.setTableDimensions()):o(this._titleDiv).select(this.afHeadingLevel).html(`${f.loading}...`),this.transitionTitle();else{this._loading&&(o(this._host).select(".tableButton").style("display",null),o(this._legendDiv).style("display",null),this.initToolTip()),this.barChartObserver.disconnect(),this.setMinMax();const t=this.setDims();this.transitionTitle(),this._svg.transition().duration(400).attr("width",this._dims.width).attr("height",this._dims.height).attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this.setMargins(),this._barChartContainer.transition("position").duration(this.defaultDuration).ease(c).attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._loading||this._barChartContainer.on("end",(()=>this.barChartObserver.observe(this._chartDiv))),t&&(this._yScale.range(this.afVariation===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(c).style("opacity",1),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this.setNamedTicks(!0),this._barSelection.selectAll(".barGroup").on("end",null),this._loading=!1,this._barSelection.transition().duration(this.defaultDuration).attr("y",(t=>this.afVariation===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(!0):null)),this.setTickInteraction()):(this.setNamedTicks(!0),this.updateBars())}}resize(){var t;const i=this.setDims();this.setMargins(),null===(t=this._svg)||void 0===t||t.attr("width",this._dims.width).attr("height",this._dims.height),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,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})`)),this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this.setNamedTicks(),this.setValueTicks(),this.adjustBarSize(),this.adjustBarText(),this._tooltipData&&this.positionTooltip(this._tooltipData)}getLargestText(t){let i=0;return t.forEach((t=>{const s=this.getTextSize(t);s>i&&(i=s)})),i}componentWillLoad(){this.afChartDataUpdate(this.afChartData)}componentDidLoad(){if(!this._chartData||0===Object.keys(this._chartData).length)return this._loading=!0,this.initEmpty();this.initChain(),document.fonts.ready.then((()=>{this.recomputeTextSize(),this.setNamedTicks(),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`)}))}disconnectedCallback(){this.barChartObserver.disconnect()}componentWillUpdate(){this._prevHeight=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" 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=o(this._tableDiv);t.style("height",this._dims.height+"px"),t.style("width",this._dims.width-.65*this._rem+"px")}headings(){let t=`<th scope="col">${this._chartData.x}</th>`;return this._chartData.data.series.forEach((i=>{t=t.concat(`<th scope="col">${i.title}</th>`)})),t}tableBody(){let t="";return this._chartData&&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,r;let o="";return this._chartData&&(o=this._chartData.subTitle?this._chartData.infoText?`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${null===(t=this._chartData)||void 0===t?void 0:t.subTitle}\n\t\t\t\t<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`:`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`:`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`),i(s,{key:"7659fcc4817cdfb3f19f2bd11a41464c13b5e19e",ref:t=>this._host=t},i("div",{key:"063611cf8dbb2554904d972ed3fc1f89d714772e",class:"topWrapper",ref:t=>this._titleDiv=t},i("digi-typography",{key:"ad58c43c2629e7b2b97e3ad1658646e5171b1531",class:"chartTitle",innerHTML:o}),i("digi-button",{key:"2234460c0ffab8e7d251f099f4f2d38e1e5ebede",class:"buttonWrapper tableButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.activateTable,afAriaLabel:`Visa tabell ${(null===(h=this._chartData)||void 0===h?void 0:h.title)?null===(a=this._chartData)||void 0===a?void 0:a.title.toLowerCase():""}`},i("digi-icon-table",{key:"b82a89d578d997ab878d44a2928e5e31773bd34f",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"b5dc532f7655bd383d0dcf42f8851edbc81b448c",style:{display:"none"},class:"buttonWrapper chartButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.reInitChart,afAriaLabel:`Visa diagram ${(null===(e=this._chartData)||void 0===e?void 0:e.title)?null===(r=this._chartData)||void 0===r?void 0:r.title.toLowerCase():""}`},i("digi-icon-chart",{key:"f868d9fd2c37c247e8abdd59cf2b9342ad120fef",slot:"icon"}),"Visa diagram"),i("div",{key:"6a0f7838d86a43b46d9a036ad935f50ebb2b523f",class:"scChartStatus",role:"status",ref:t=>this._status=t})),i("div",{key:"5f37b9eaf1030cd1d5b1b0360cdaaa61f953b624",class:"chartTooltip",id:this.afId},i("div",{key:"a89608cb64620456a165ba4fb57db823870d2231",class:"tooltipBody"}),i("digi-icon-x",{key:"e842c2b42f6bc7d6dfdad1d1b8a7acb9f8df5a1a",class:"close"}),i(this.afVariation===v.Horizontal?"digi-icon-caret-up":"digi-icon-caret-down",null)),i("div",{key:"f07154ab370a948016aa30a2547c4c9b25fae03b",ref:t=>this._chartDiv=t}," "),i("div",{key:"385151df18d373779257040d298bf8c108184500",class:"legend",ref:t=>this._legendDiv=t}),i("div",{key:"d5f07fc01a628aa2035a96d86621b6bab1e73f01",class:"table",ref:t=>this._tableDiv=t}," "))}get hostElement(){return h(this)}static get watchers(){return{afChartData:["afChartDataUpdate"]}}};x.style=".sc-digi-bar-chart-h .digi-bar-chart.sc-digi-bar-chart{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-bar-chart-h .chartTitle.sc-digi-bar-chart{--digi--typography--h2--margin:0.5rem;--digi--typography--h3--margin:0.5rem;--digi--typography--h4--margin:0.5rem;--digi--typography--h5--margin:0.5rem;--digi--typography--h6--margin:0.5rem;display:flex;justify-content:flex-start;flex-direction:column;align-items:left;text-align:left;padding-bottom:1rem;margin-right:0.5rem;flex-grow:2}.sc-digi-bar-chart-h .buttonWrapper.sc-digi-bar-chart{--digi--button--padding--medium:4px 4px 0.8125rem 0}.sc-digi-bar-chart-h .chartTooltip.sc-digi-bar-chart{box-sizing:border-box;position:absolute;background-color:rgba(250, 250, 250, 0.98);color:black;padding:5px 10px;padding-right:5px;border-radius:4px;display:flex;flex-direction:row;align-items:flex-start;box-shadow:rgba(60, 64, 67, 0.4) 0px 1px 2px 0px, rgba(60, 64, 67, 0.2) 0px 2px 6px 2px;font-size:0.875rem;display:none}.sc-digi-bar-chart-h .close.sc-digi-bar-chart{--digi--icon--color:black;cursor:pointer;margin-top:-5px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar{height:10px;width:10px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar-track,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar-track{background:whitesmoke;border-radius:4px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar-thumb,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar-thumb{background-color:lightgray;border-radius:4px;border:0}.sc-digi-bar-chart-h .scChartStatus.sc-digi-bar-chart{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-bar-chart-h .table.sc-digi-bar-chart{display:none;overflow-y:scroll;height:fit-content;border-radius:4px;padding:0.25rem;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;background-repeat:no-repeat;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}.sc-digi-bar-chart-h .topWrapper.sc-digi-bar-chart{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}";export{x 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,p as c,c as p,m as b,d as u,e as g}from"./p-a47b6b5c.js";import{_ as f}from"./p-08cf2c0e.js";import{r as v}from"./p-ffe5c0e8.js";import{B as m}from"./p-dcdffb3c.js";function y(){var t,i,s=a().unknown(void 0),h=s.domain,o=s.range,n=0,l=1,d=!1,c=0,p=0,b=.5;function u(){var s=h().length,a=l<n,e=a?l:n,u=a?n:l;t=(u-e)/Math.max(1,s-c+2*p),d&&(t=Math.floor(t)),e+=(u-e-t*(s-c))*b,i=t*(1-c),d&&(e=Math.round(e),i=Math.round(i));var g=r(s).map((function(i){return e+t*i}));return o(a?g.reverse():g)}return delete s.unknown,s.domain=function(t){return arguments.length?(h(t),u()):h()},s.range=function(t){return arguments.length?([n,l]=t,n=+n,l=+l,u()):[n,l]},s.rangeRound=function(t){return[n,l]=t,n=+n,l=+l,d=!0,u()},s.bandwidth=function(){return i},s.step=function(){return t},s.round=function(t){return arguments.length?(d=!!t,u()):d},s.padding=function(t){return arguments.length?(c=Math.min(1,p=+t),u()):c},s.paddingInner=function(t){return arguments.length?(c=Math.min(1,t),u()):c},s.paddingOuter=function(t){return arguments.length?(p=+t,u()):p},s.align=function(t){return arguments.length?(b=Math.max(0,Math.min(1,t)),u()):b},s.copy=function(){return y(h(),[n,l]).round(d).paddingInner(c).paddingOuter(p).align(b)},e.apply(u(),arguments)}const x=class{constructor(i){t(this,i),this._loading=!1,this._placeholderTicks=["0","1","2","3","4","5","6","7"],this._dims={},this._margin={bottom:0,top:6,left:5,right:15,ellipsis:!1},this.tickPadding=8,this.yTickSize=0,this.xTickSize=5,this._tickWidth=1,this.defaultDuration=400,this.fontSize="0.875rem",this.barChartObserver=new ResizeObserver((t=>{t.forEach((()=>{if(this._loading)return this.loadingResize();this.resize()}))})),this.tableObserver=new ResizeObserver((t=>{t.forEach((()=>{o(this._legendDiv).style("width",this._dims.width+"px"),this.resizeTable()}))})),this.loadingResize=()=>{const t=this.setDims();this.setMargins(!0),this._svg.attr("width",this._dims.width).attr("height",this._dims.height),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,t&&(this._yScale.range(this.afVariation===m.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`)),this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this._barSelection.attr("x",(t=>this.afVariation===m.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===m.Horizontal?this._xScale(t.value):this._xScale.bandwidth())),this.setValueTicks()},this.setTickInteraction=()=>{this.afVariation===m.Horizontal?this._yAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.hover).on("mouseleave",this.hoverOut):this._xAxisHandle.selectAll("text").style("cursor","pointer").on("click",this.openTooltip).on("mouseenter",this.hover).on("mouseleave",this.hoverOut)},this.setYScale=t=>{var i,s,h;this.afVariation==m.Horizontal?(this._yScale=y(t?["0","1","2","3","4","5","6","7"]:this._chartData.data.xValueNames,[this._margin.top,this._dims.height-this._margin.bottom]).paddingOuter(.1).paddingInner(.1),this._yAxis=n(this._yScale)):(this._yScale=l().domain(t?[0,10]:[this._minVal,this._maxVal]).nice((null===(s=null===(i=this._chartData)||void 0===i?void 0:i.meta)||void 0===s?void 0:s.numberOfReferenceLines)?null===(h=this._chartData)||void 0===h?void 0:h.meta.numberOfReferenceLines:3),this._yScale.range([this._dims.height-this._margin.bottom,this._margin.top]),this._yAxis=n(this._yScale))},this.setXScale=t=>{this.afVariation==m.Horizontal?(this._xScale=l().domain(t?[0,10]:[this._minVal,this._maxVal]).nice(3),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this._xAxis=d(this._xScale),this._tickWidth=this.getLargestText(this._xScale.ticks().map((t=>t.toLocaleString())))):(this._xScale=y().domain(t?this._placeholderTicks:this._chartData.data.xValueNames).range([0,this._dims.width-this._margin.right-this._margin.left]).paddingOuter(.1).paddingInner(.1),this._xAxis=d(this._xScale))},this.tickSizes=()=>{if(this._namedTickSizes=[],this._ellipsisSize=this.getTextSize("..."),this._chartData&&this._chartData.data)for(let t=0;t<this._chartData.data.xValueNames.length;t++)this._namedTickSizes.push(Math.ceil(this.getTextSize(this._chartData.data.xValueNames[t])))},this.updateBars=t=>{this._barChartContainer.selectAll(".barGroup").data(this.reshapeData).join((t=>{var i,s;const h=t.append("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_")));return h.append("rect").attr("class","bar").style("cursor","pointer").attr("ry",4).attr("rx",4).attr("y",(t=>this.afVariation===m.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===m.Horizontal?2:this._xScale(t.key))).attr("width",(()=>this.afVariation===m.Horizontal?0:this._xScale.bandwidth())).attr("height",(()=>this.afVariation===m.Horizontal?this._yScale.bandwidth():0)).on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip).transition().duration(this.defaultDuration).ease(c).attr("width",(t=>this.afVariation===m.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("y",(t=>this._yScale(this.afVariation===m.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===m.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a"),(null===(s=null===(i=this._chartData)||void 0===i?void 0:i.meta)||void 0===s?void 0:s.valueLabels)?(h.append("text").text((t=>t.value.toLocaleString())).attr("class","barText").attr("font-size",this.fontSize).attr("font-weight","600").attr("text-anchor","end").style("pointer-events","none").attr("y",(t=>this.afVariation===m.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===m.Horizontal?2:this._xScale(t.key)+this._xScale.bandwidth()/2)).transition().duration(this.defaultDuration).ease(c).attr("font-size",this.fontSize).attr("font-weight","600").attr("x",(t=>this.afVariation===m.Horizontal?this._xScale(t.value):this._xScale(t.key)+this._xScale.bandwidth()/2)).attr("y",(t=>this.afVariation===m.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("text-anchor",(t=>this.afVariation===m.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end")).attr("dx",(t=>this.afVariation===m.Horizontal?this._xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===m.Vertical||this._xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("dy",(()=>this.afVariation==m.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").attrTween("text",((t,i,s)=>{const h=parseFloat(s[i].textContent.replace(/\s/g,""))?parseFloat(s[i].textContent.replace(/\s/g,"")):0,a=p(h,t.value);return t=>s[i].textContent=parseInt(a(t)).toLocaleString(void 0,this._numberFormat)})),h):h}),(i=>(i.attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))),t?i.select("rect").on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip).attr("x",(t=>this.afVariation===m.Horizontal?2:this._xScale(t.key))).attr("y",(t=>this.afVariation===m.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("width",(t=>this.afVariation===m.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(()=>this.afVariation===m.Horizontal?this._yScale.bandwidth():0)).attr("fill","#00005a").transition().duration(this.defaultDuration).ease(c).attr("y",(t=>this._yScale(this.afVariation===m.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===m.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).on("end",(()=>this.barChartObserver.observe(this._chartDiv))):i.select("rect").transition().duration(this.defaultDuration).ease(c).attr("y",(t=>this._yScale(this.afVariation===m.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===m.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===m.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===m.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a"),i.select("text").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"})).transition().duration(this.defaultDuration).ease(c).attr("font-size",this.fontSize).attr("font-weight","600").attr("y",(t=>this.afVariation===m.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("x",(t=>this.afVariation===m.Horizontal?this._xScale(t.value):this._xScale(t.key)+this._xScale.bandwidth()/2)).attr("text-anchor",(t=>this.afVariation===m.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end")).attr("dx",(t=>this.afVariation===m.Horizontal?this._xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===m.Vertical||this._xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("dy",(()=>this.afVariation==m.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").attrTween("text",((t,i,s)=>{const h=parseFloat(s[i].textContent.replace(/\s/g,""))?parseFloat(s[i].textContent.replace(/\s/g,"")):0,a=p(h,t.value);return t=>s[i].textContent=parseInt(a(t)).toLocaleString(void 0,this._numberFormat)})))),(t=>t.remove())),this._barSelection=this._barChartContainer.selectAll("rect"),this._textSelection=this._barChartContainer.selectAll(".barText")},this.adjustBarText=()=>{var t,i;(null===(i=null===(t=this._chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)&&this._textSelection.attr("y",(t=>this.afVariation===m.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("x",(t=>this.afVariation===m.Horizontal?this._xScale(t.value):this._xScale(t.key)+this._xScale.bandwidth()/2)).attr("dx",(t=>this.afVariation===m.Horizontal?this._xScale(t.value)<t.len+2*this.tickPadding?this.tickPadding:-this.tickPadding:0)).attr("fill",(t=>this.afVariation===m.Vertical||this._xScale(t.value)<t.len+2*this.tickPadding?"black":"white")).attr("text-anchor",(t=>this.afVariation===m.Vertical?"middle":this._xScale(t.value)<t.len+2*this.tickPadding?"start":"end"))},this.reshapeData=()=>{const t=[];return this._loading?(this._placeholderTicks.forEach((i=>{t.push({key:i,value:Math.floor(8*Math.random()+2),len:"1"})})),t):(this._chartData.data.xValueNames.forEach(((i,s)=>{t.push({key:i,value:this._chartData.data.series[0].yValues[s],len:this.getTextSize(this._chartData.data.series[0].yValues[s].toLocaleString())})})),t)},this.adjustBarSize=()=>{this._barSelection.attr("y",(t=>this._yScale(this.afVariation===m.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===m.Horizontal?2:this._xScale(t.key))).attr("width",(t=>this.afVariation===m.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===m.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value)))},this.resizeTable=()=>{this.setDims(),this.setTableDimensions()},this.setDims=(t=!1)=>{const i=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,h!=this._dims.height},this.setMargins=t=>{var i;if(this._pixelSize=Number(window.getComputedStyle(document.body).getPropertyValue("font-size").match(/\d+/)[0])*Number(this.fontSize.replace(/[^\d.]|\.(?=.*\.)/g,"")),this.afVariation===m.Horizontal){const t=(null===(i=this._chartData)||void 0===i?void 0:i.data)&&this.getLargestText(this._chartData.data.xValueNames)?this.getLargestText(this._chartData.data.xValueNames):0;this._margin.left=t}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.left>this._dims.width/4?(this._margin.left=Math.floor(this._dims.width/4),this._margin.ellipsis=!0):this._margin.ellipsis=!1,this._margin.bottom=this._pixelSize+this.tickPadding+this.xTickSize},this.setNamedTicks=(t=!1)=>{if(this.afVariation==m.Horizontal)t?this._yAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").transition().duration(this.defaultDuration).call(this._yAxis.tickPadding(this.tickPadding).tickSize(this.yTickSize).tickSizeOuter(0).tickFormat(((t,i)=>{if(!this._margin.ellipsis)return t;const s=this._namedTickSizes[i]+this.tickPadding+this.yTickSize,h=this._margin.left;if(s<h)return t;const a=this.getTextSize(t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length),3)).trim()+"...");let e=0;return a>h&&(e=Math.ceil((a-h)/(s/t.length))),t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length)-e,3)).trim()+"..."}))):this._yAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").call(this._yAxis.tickPadding(this.tickPadding).tickSize(this.yTickSize).tickSizeOuter(0).tickFormat(((t,i)=>{if(!this._margin.ellipsis)return t.toLocaleString();const s=this._namedTickSizes[i]+this.tickPadding+this.yTickSize,h=this._margin.left;if(s<h)return t.toLocaleString();const a=this.getTextSize(t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length),3))+"...");let e=0;return a>h&&(e=Math.ceil((a-h)/(s/t.length))),t.slice(0,Math.max(Math.floor(h/(s+this._ellipsisSize)*t.length)-e,3)).trim()+"..."})));else{let i=Math.round(this._chartData.data.xValues.length/((this._dims.width-this._margin.left-this._margin.right)/90-1));Math.floor(this._chartData.data.xValues.length/i)<4&&(i=Math.round(this._chartData.data.xValues.length/4));const s=(this._dims.width-this._margin.left-this._margin.right)/Math.floor(this._chartData.data.xValues.length/i+1);t?this._xAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").transition().duration(this.defaultDuration).call(this._xAxis.tickValues(this._xScale.domain().filter(((...[,t])=>0==t||t%i==0))).tickPadding(this.tickPadding).tickSize(this.xTickSize).tickSizeOuter(0).tickFormat(((t,h)=>{const a=h*i;return this._namedTickSizes[a]<s?t:t.slice(0,Math.max(Math.floor(s/(this._namedTickSizes[a]+this._ellipsisSize+5)*t.length),3))+"..."}))):this._xAxisHandle.style("font-size",this.fontSize).style("font-family","Open Sans").call(this._xAxis.tickValues(this._xScale.domain().filter(((...[,t])=>0==t||t%i==0))).tickPadding(this.tickPadding).tickSize(this.xTickSize).tickSizeOuter(0).tickFormat(((t,h)=>{const a=h*i;return this._namedTickSizes[a]<s?t:t.slice(0,Math.max(Math.floor(s/(this._namedTickSizes[a]+this._ellipsisSize+5)*t.length),3))+"..."})))}},this.setValueTicks=(t=!1)=>{var i,s;if((null===(i=this._chartData)||void 0===i?void 0:i.meta)&&(null===(s=this._chartData)||void 0===s?void 0:s.meta.hideXAxis))return void(this.afVariation===m.Horizontal?this._xAxisHandle.attr("display","none"):this._yAxisHandle.attr("display","none"));let h,a,e;this.afVariation===m.Horizontal?(this._xAxisHandle.attr("display",null),h=this._xAxis,a=-(this._dims.height-this._margin.top-this._margin.bottom),e=this._xAxisHandle):(this._yAxisHandle.attr("display",null),h=this._yAxis,a=-(this._dims.width-this._margin.left-this._margin.right),e=this._yAxisHandle);const r=Math.min(Math.floor((this._dims.width-this._margin.left-this._margin.right)/(this._tickWidth+this.xTickSize))-2,this.afVariation==m.Horizontal?this._xScale.ticks().length:this._yScale.ticks().length);t?e.style("font-size",this.fontSize).style("font-family","Open Sans").transition("newScale").duration(this.defaultDuration).call(h.ticks(this.afVariation===m.Horizontal?Math.max(2,Math.min(r,9)):5).tickPadding(this.tickPadding).tickSize(a).tickSizeOuter(0).tickFormat((t=>t.toLocaleString()))):e.style("font-size",this.fontSize).style("font-family","Open Sans").call(h.ticks(this.afVariation===m.Horizontal?Math.max(2,Math.min(r,9)):5).tickPadding(this.tickPadding).tickSize(a).tickSizeOuter(0).tickFormat((t=>t.toLocaleString()))),e.selectAll("line").attr("stroke","lightgray"),this.afVariation===m.Vertical&&this._yAxisHandle.select(".domain").attr("display","none")},this.hover=t=>{o(t.target).transition("hover").duration(20).attr("fill","rect"===t.target.tagName?"#4C4C8B":"var(--digi--color--text--link-hover)")},this.hoverOut=t=>{o(t.target).transition("hover").duration(this.defaultDuration).attr("fill","rect"===t.target.tagName?"#00005a":"#333333")},this.openTooltip=(...[,t])=>{this._tooltipData="string"==typeof t?this._barChartContainer.select(`#barGroup${t.replace(/[^A-Z0-9]+/gi,"_")}`).datum():t;const i=this._tooltip.select(".tooltipBody");i.select(this._tooltipHeading).style("margin","0 0.75rem 0 0 ").style("font-weight",500).html(this._tooltipData.key),i.selectAll("div").data([this._tooltipData]).join("div").style("display","flex").style("flex-direction","row").style("flex-wrap","nowrap").style("white-space","nowrap").style("justify-content","space-between").html((t=>t.value.toLocaleString())),this._tooltip.style("display","flex"),this.positionTooltip(this._tooltipData)},this.closeTooltip=()=>{this._tooltip.style("display","none")},this.positionTooltip=t=>{const i=this._tooltip.node().getBoundingClientRect().width,s=this._tooltip.node().getBoundingClientRect().height+8,h=this._xScale(t.value)/2-i/2;this.afVariation===m.Horizontal?(this._tooltip.style("transform",`translate(${this._margin.left+this.tickPadding+Math.max(h,-4)}px, ${this._yScale(t.key)+this._yScale.bandwidth()+this._yScale.paddingInner()*this._yScale.bandwidth()}px )`).style("max-width",this._xScale.range()[1]+"px"),this._tooltip.select("digi-icon-caret-up").style("position","absolute").style("--digi--icon--color","white").style("top","-11px").style("left","0").style("transform",`translate(${h>0?i/2-10:this._xScale(t.value)/2}px,0)`)):(this._tooltip.style("transform",`translate(${this._margin.left+this.tickPadding+this._xScale(t.key)+this._xScale.bandwidth()/2-i/2}px, ${this._yScale(t.value)-s}px )`).style("max-width",this._xScale.range()[1]+"px"),this._tooltip.select("digi-icon-caret-down").style("position","absolute").style("--digi--icon--color","white").style("left","0").style("bottom","-11px").style("transform",`translate(${i/2-6}px,0)`))},this.recomputeTextSize=()=>{var t,i;this.afVariation==m.Horizontal&&(this._tickWidth=this.getLargestText(this._xScale.ticks().map((t=>t.toLocaleString())))),this.tickSizes(),this._barChartContainer.selectAll(".barGroup").data(this.reshapeData),(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.tableObserver.observe(this._chartDiv),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(),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)})),o(this._legendDiv).style("opacity",1).transition("fadeout").duration(150).style("opacity",0)},this.reInitChart=t=>{this.tableObserver.disconnect(),this._status.innerHTML="<p>Visas som diagram</p>",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.initChain(),this._svg.attr("opacity",0).transition().duration(150).attr("opacity",1)}))},this.afVariation=m.Vertical,this.afHeadingLevel="h3",this.afId=v("tooltip"),this.afChartData=void 0}afChartDataUpdate(t){this._chartData="string"!=typeof t?t:JSON.parse(t)}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("svg").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.setMinMax(),this.setDims(),this.setMargins(),this._svg=o(this._chartDiv).append("svg").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this._svg.attr("width",this._dims.width).attr("height",this._dims.height)}initToolTip(){this._tooltip=o("#"+this.afId),this._tooltip.select(".close").on("click",this.closeTooltip),this._tooltipHeading="h"+(parseInt(this.afHeadingLevel.replace(/\D/g,""))+1),this._tooltip.selectAll(".tooltipBody").append(this._tooltipHeading).attr("class","tooltipHeading").style("font-size","1rem").style("margin","0 0.75rem").style("font-weight","500")}initEmpty(){o(this._chartDiv).select("svg").remove(),this._maxHeight=o(this._host).node().parentNode.getBoundingClientRect().height,this.barChartObserver.observe(this._chartDiv),this._rem=parseFloat(getComputedStyle(document.documentElement).fontSize),this.setDims(),this.setMargins(),this._svg=o(this._chartDiv).append("svg").attr("aria-hidden",!0).attr("role","img").attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this._svg.attr("width",this._dims.width).attr("height",this._dims.height),o(this._titleDiv).select(this.afHeadingLevel).html(`${f.loading}...`),this.initYAxis(!0),this.initXAxis(!0),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("width",this._dims.width).attr("height",this._dims.height).attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this.setMargins(!0),o(this._titleDiv).select(this.afHeadingLevel).html(`${f.loading}...`),this._barChartContainer.transition("position").duration(this.defaultDuration).ease(c).attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),i&&(this._yScale.range(this.afVariation===m.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`));const s=()=>{this._barChartContainer.selectAll(".barGroup").remove(),this._barSelection=this._barChartContainer.selectAll("barGroup").data(this.reshapeData).join("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))).append("rect").attr("class","bar").style("cursor","pointer"),this._barSelection.attr("y",(t=>this.afVariation===m.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("x",(t=>this.afVariation===m.Horizontal?2:this._xScale(t.key))).attr("ry",4).attr("rx",4).attr("width",(t=>this.afVariation===m.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(()=>0)).attr("fill","gray").transition().duration(400).delay(((...[,t])=>150*t)).attr("y",(t=>this._yScale(this.afVariation===m.Horizontal?t.key:t.value))).attr("height",(t=>this.afVariation===m.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))),this._barSelection.transition().duration(400).ease(g).delay(((...[,t])=>150*t+400)).attr("y",(t=>this.afVariation===m.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>{t===this._placeholderTicks.length-1&&s()}))};t?s():(()=>{this._barChartContainer.selectAll("rect").transition().duration(200).ease(g).attr("y",(t=>this.afVariation===m.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>{0==t&&(this.setYScale(!0),this.setValueTicks(),this.setXScale(!0),this.barChartObserver.observe(this._chartDiv),s())}))})()}transitionTitle(){const t=o(this._titleDiv).style("height");o(this._titleDiv).style("height",this._prevHeight).transition("adjust").duration(400).style("height",t).on("end",(()=>o(this._titleDiv).style("height",null)))}initYAxis(t){this.setYScale(t),this._barChartContainer=this._svg.append("g").attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._yAxisHandle=this._barChartContainer.append("g"),this.afVariation===m.Horizontal?(this.tickSizes(),this.setNamedTicks(),this.setTickInteraction()):this.setValueTicks()}setMinMax(){var t,i,s,h,a,e,r;const o=b(null===(t=this._chartData)||void 0===t?void 0:t.data.series[0].yValues)?b(null===(i=this._chartData)||void 0===i?void 0:i.data.series[0].yValues):0,n=u([0,u(null===(s=this._chartData)||void 0===s?void 0:s.data.series[0].yValues)])?u([0,u(null===(h=this._chartData)||void 0===h?void 0:h.data.series[0].yValues)]):0;this._maxVal=o,this._minVal=n,this._tempScale=l().domain([this._minVal,this._maxVal]).nice((null===(e=null===(a=this._chartData)||void 0===a?void 0:a.meta)||void 0===e?void 0:e.numberOfReferenceLines)?null===(r=this._chartData)||void 0===r?void 0:r.meta.numberOfReferenceLines:3).domain()}initXAxis(t){this.setXScale(t),this._xAxisHandle=this._barChartContainer.append("g").attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`),this.afVariation===m.Horizontal?(this.setValueTicks(),this._xAxisHandle.select(".tick").select("line").remove()):t||(this.tickSizes(),this.setNamedTicks(),this.setTickInteraction())}initBars(){this._barSelection=this._barChartContainer.selectAll("barGroup").data(this.reshapeData).join("g").attr("class","barGroup").attr("id",(t=>"barGroup"+t.key.replace(/[^A-Z0-9]+/gi,"_"))).append("rect").attr("class","bar").style("cursor","pointer"),this._barSelection.attr("y",(t=>this._yScale(this.afVariation===m.Horizontal?t.key:t.value))).attr("x",(t=>this.afVariation===m.Horizontal?2:this._xScale(t.key))).attr("ry",4).attr("rx",4).attr("width",(t=>this.afVariation===m.Horizontal?this._xScale(t.value):this._xScale.bandwidth())).attr("height",(t=>this.afVariation===m.Horizontal?this._yScale.bandwidth():this._dims.height-this._margin.bottom-this._yScale(t.value))).attr("fill","#00005a").on("mouseenter",this.hover).on("mouseleave",this.hoverOut).on("click",this.openTooltip)}initBarText(){this._textSelection=this._barChartContainer.selectAll(".barGroup").append("text"),this._textSelection.text((t=>t.value.toLocaleString(void 0,this._numberFormat))).attr("class","barText").attr("font-size",this.fontSize).attr("font-weight","600").attr("text-anchor","end").attr("y",(t=>this.afVariation===m.Horizontal?this._yScale(t.key)+this._yScale.bandwidth()/2:this._yScale(t.value))).attr("x",(t=>this.afVariation===m.Horizontal?this._xScale(t):this._xScale(t.key)+this._xScale.bandwidth())).attr("dy",(()=>this.afVariation==m.Horizontal?"0.35em":"-0.25em")).style("pointer-events","none").style("display",(()=>{var t,i;return(null===(i=null===(t=this._chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.valueLabels)?null:"none"})),this.adjustBarText()}initChain(){this.initSvg(),this.initToolTip(),this.initYAxis(),this.initXAxis(),this.initBars(),this.initBarText()}async updateChain(){var t,i,s,h,a,e;if(this._numberFormat={maximumSignificantDigits:null===(s=null===(i=null===(t=this._chartData)||void 0===t?void 0:t.meta)||void 0===i?void 0:i.labelProperties)||void 0===s?void 0:s.significantDigits,notation:(null===(e=null===(a=null===(h=this._chartData)||void 0===h?void 0:h.meta)||void 0===a?void 0:a.labelProperties)||void 0===e?void 0:e.shortHand)?"compact":"standard"},this._tooltip&&this.closeTooltip(),"block"==this._tableDiv.style.display)this._chartData.title?(this.setTableContent(),this.setTableDimensions()):o(this._titleDiv).select(this.afHeadingLevel).html(`${f.loading}...`),this.transitionTitle();else{this._loading&&(o(this._host).select(".tableButton").style("display",null),o(this._legendDiv).style("display",null),this.initToolTip()),this.barChartObserver.disconnect(),this.setMinMax();const t=this.setDims();this.transitionTitle(),this._svg.transition().duration(400).attr("width",this._dims.width).attr("height",this._dims.height).attr("aria-label",this._chartData&&this._chartData.title?"Stapeldiagram om "+this._chartData.title.toLowerCase():"Stapeldiagram"),this.setMargins(),this._barChartContainer.transition("position").duration(this.defaultDuration).ease(c).attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._loading||this._barChartContainer.on("end",(()=>this.barChartObserver.observe(this._chartDiv))),t&&(this._yScale.range(this.afVariation===m.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`)),this.tickSizes(),this.setYScale(),this.setXScale(),this.setTickInteraction(),this._tickWidth=this.getLargestText(this.afVariation==m.Horizontal?this._xScale.ticks().map((t=>t.toLocaleString())):this._yScale.ticks().map((t=>t.toLocaleString()))),this.setValueTicks(!0),this._loading?(o(this._legendDiv).style("opacity",0).transition().duration(400).ease(c).style("opacity",1),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this.setNamedTicks(!0),this._barSelection.selectAll(".barGroup").on("end",null),this._loading=!1,this._barSelection.transition().duration(this.defaultDuration).attr("y",(t=>this.afVariation===m.Horizontal?this._yScale(t.key):this._dims.height-this._margin.bottom)).attr("height",(()=>0)).on("end",((...[,t])=>t===this._placeholderTicks.length-1?this.updateBars(!0):null)),this.setTickInteraction()):(this.setNamedTicks(!0),this.updateBars())}}resize(){var t;const i=this.setDims();this.setMargins(),null===(t=this._svg)||void 0===t||t.attr("width",this._dims.width).attr("height",this._dims.height),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`),this._margin.right=this.getTextSize(this._xScale.domain()[1].toLocaleString())/2+this.yTickSize+this.tickPadding,i&&(this._yScale.range(this.afVariation===m.Horizontal?[this._margin.top,this._dims.height-this._margin.bottom]:[this._dims.height-this._margin.bottom,this._margin.top]),this._xAxisHandle.attr("transform",`translate(0,${this._dims.height-this._margin.bottom})`)),this._xScale.range([0,this._dims.width-this._margin.right-this._margin.left]),this.setNamedTicks(),this.setValueTicks(),this.adjustBarSize(),this.adjustBarText(),this._tooltipData&&this.positionTooltip(this._tooltipData)}getLargestText(t){let i=0;return t.forEach((t=>{const s=this.getTextSize(t);s>i&&(i=s)})),i}componentWillLoad(){this.afChartDataUpdate(this.afChartData)}componentDidLoad(){if(!this._chartData||0===Object.keys(this._chartData).length)return this._loading=!0,this.initEmpty();this.initChain(),document.fonts.ready.then((()=>{this.recomputeTextSize(),this.setNamedTicks(),this._barChartContainer.attr("transform",`translate(${this._margin.left+this.tickPadding+this.yTickSize},0)`)}))}disconnectedCallback(){this.barChartObserver.disconnect()}componentWillUpdate(){this._prevHeight=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" 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=o(this._tableDiv);t.style("height",this._dims.height+"px"),t.style("width",this._dims.width-.65*this._rem+"px")}headings(){let t=`<th scope="col">${this._chartData.x}</th>`;return this._chartData.data.series.forEach((i=>{t=t.concat(`<th scope="col">${i.title}</th>`)})),t}tableBody(){let t="";return this._chartData&&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,r;let o="";return this._chartData&&(o=this._chartData.subTitle?this._chartData.infoText?`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${null===(t=this._chartData)||void 0===t?void 0:t.subTitle}\n\t\t\t\t<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`:`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`:`<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`),i(s,{key:"7659fcc4817cdfb3f19f2bd11a41464c13b5e19e",ref:t=>this._host=t},i("div",{key:"063611cf8dbb2554904d972ed3fc1f89d714772e",class:"topWrapper",ref:t=>this._titleDiv=t},i("digi-typography",{key:"ad58c43c2629e7b2b97e3ad1658646e5171b1531",class:"chartTitle",innerHTML:o}),i("digi-button",{key:"2234460c0ffab8e7d251f099f4f2d38e1e5ebede",class:"buttonWrapper tableButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.activateTable,afAriaLabel:`Visa tabell ${(null===(h=this._chartData)||void 0===h?void 0:h.title)?null===(a=this._chartData)||void 0===a?void 0:a.title.toLowerCase():""}`},i("digi-icon-table",{key:"b82a89d578d997ab878d44a2928e5e31773bd34f",slot:"icon"}),"Visa tabell"),i("digi-button",{key:"b5dc532f7655bd383d0dcf42f8851edbc81b448c",style:{display:"none"},class:"buttonWrapper chartButton","af-size":"medium","af-variation":"function","af-full-width":"false",onAfOnClick:this.reInitChart,afAriaLabel:`Visa diagram ${(null===(e=this._chartData)||void 0===e?void 0:e.title)?null===(r=this._chartData)||void 0===r?void 0:r.title.toLowerCase():""}`},i("digi-icon-chart",{key:"f868d9fd2c37c247e8abdd59cf2b9342ad120fef",slot:"icon"}),"Visa diagram"),i("div",{key:"6a0f7838d86a43b46d9a036ad935f50ebb2b523f",class:"scChartStatus",role:"status",ref:t=>this._status=t})),i("div",{key:"5f37b9eaf1030cd1d5b1b0360cdaaa61f953b624",class:"chartTooltip",id:this.afId},i("div",{key:"a89608cb64620456a165ba4fb57db823870d2231",class:"tooltipBody"}),i("digi-icon-x",{key:"e842c2b42f6bc7d6dfdad1d1b8a7acb9f8df5a1a",class:"close"}),i(this.afVariation===m.Horizontal?"digi-icon-caret-up":"digi-icon-caret-down",null)),i("div",{key:"f07154ab370a948016aa30a2547c4c9b25fae03b",ref:t=>this._chartDiv=t}," "),i("div",{key:"385151df18d373779257040d298bf8c108184500",class:"legend",ref:t=>this._legendDiv=t}),i("div",{key:"d5f07fc01a628aa2035a96d86621b6bab1e73f01",class:"table",ref:t=>this._tableDiv=t}," "))}get hostElement(){return h(this)}static get watchers(){return{afChartData:["afChartDataUpdate"]}}};x.style=".sc-digi-bar-chart-h .digi-bar-chart.sc-digi-bar-chart{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-bar-chart-h .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}.sc-digi-bar-chart-h .buttonWrapper.sc-digi-bar-chart{--digi--button--padding--medium:4px 4px 0.8125rem 0}.sc-digi-bar-chart-h .chartTooltip.sc-digi-bar-chart{box-sizing:border-box;position:absolute;background-color:rgba(250, 250, 250, 0.98);color:black;padding:5px 10px;padding-right:5px;border-radius:4px;display:flex;flex-direction:row;align-items:flex-start;box-shadow:rgba(60, 64, 67, 0.4) 0px 1px 2px 0px, rgba(60, 64, 67, 0.2) 0px 2px 6px 2px;font-size:0.875rem;display:none}.sc-digi-bar-chart-h .close.sc-digi-bar-chart{--digi--icon--color:black;cursor:pointer;margin-top:-5px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar{height:10px;width:10px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar-track,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar-track{background:whitesmoke;border-radius:4px}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart::-webkit-scrollbar-thumb,.sc-digi-bar-chart-h .table.sc-digi-bar-chart::-webkit-scrollbar-thumb{background-color:lightgray;border-radius:4px;border:0}.sc-digi-bar-chart-h .scChartStatus.sc-digi-bar-chart{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-bar-chart-h .table.sc-digi-bar-chart{display:none;overflow-y:scroll;height:fit-content;border-radius:4px;padding:0.25rem;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;background-repeat:no-repeat;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}";export{x as digi_bar_chart}