npm - @designsystem-se/af - Versions diffs - 32.3.1-beta.1 → 33.0.0 - Mend

@designsystem-se/af 32.3.1-beta.1 → 33.0.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 (400) hide show

package/dist/digi-arbetsformedlingen/{p-816ed242.entry.js → p-3fde4aec.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as i,c as a,h as t,g as n}from"./p-e35cae7b.js";import{r as g}from"./p-ffe5c0e8.js";import{l as e}from"./p-e3d2e899.js";import{a as r,N as l}from"./p-3b20ec86.js";const d=class{constructor(t){i(this,t),this.afOnReady=a(this,"afOnReady",3),this.listItems=[],this.afId=g("digi-navigation-vertical-menu"),this.afVariation=r.PRIMARY,this.afActiveIndicatorSize=l.PRIMARY,this.afAriaLabel=void 0}linkClickHandler(i){this.setCurrentActiveLevel(i.target),this.setClasses(i.target)}setClasses(i){const a="digi-navigation-vertical-menu__item--deep-active",t="digi-navigation-vertical-menu__item--active",n=this.hostElement.querySelector(".digi-navigation-vertical-menu__list");function g(i){const n=Array.from(i.children).filter((i=>"UL"===i.tagName))[0],r=Array.from(n.children).filter((i=>i.classList.contains(t)));0!=r.length?r.forEach((i=>{i.classList.add(a),g(i)})):e(n)}function e(i,t=!0){const n=i.closest("li");if(!n)return;t\|\|n.classList.remove(a);const g=n.closest("ul");g&&e(g,!1)}Array.from(n.children).filter((i=>i.classList.contains(t))).forEach((i=>{i.classList.add(a),g(i)})),this.hostElement.querySelectorAll(`.${a}:not(.${t})`).forEach((i=>{i.classList.remove(a)})),i.matches(".digi-navigation-vertical-menu-item--has-subnav")\|\|e(i)}componentWillLoad(){this.getListItems(),this.initNav(),this.setLevelClass()}componentDidLoad(){this.initCurrentActiveLevel(),this.afOnReady.emit()}componentWillUpdate(){this.getListItems(),this.initNav(),this.setLevelClass()}initCurrentActiveLevel(){let i=this.hostElement.querySelector('digi-navigation-vertical-menu-item[af-active-subnav="true"]');if(i){function a(i){return i.closest("li").querySelector("ul").querySelector('digi-navigation-vertical-menu-item[af-active-subnav="true"]')\|\|null}function t(n){const g=a(n);g?(i=g,t(g)):i=n}t(i),this.setCurrentActiveLevel(i)}}setCurrentActiveLevel(i){const a="digi-navigation-vertical-menu__item--current-level",t=i;this.hostElement.querySelectorAll(".digi-navigation-vertical-menu__item--current-level").forEach((i=>{i.classList.remove(a)}));let n=t.closest("li").querySelector("ul");if(t.matches(".digi-navigation-vertical-menu-item--has-subnav"))return n=t.closest("ul"),void n.classList.add(a);n\|\|(n=t.closest("ul")),n.classList.add(a)}setLevelClass(){this.hostElement.querySelector("ul").classList.remove("primary","secondary"),this.hostElement.querySelector("ul").classList.add("digi-navigation-vertical-menu__list--root",this.afVariation)}initNav(){const i=this.hostElement.querySelectorAll("ul"),a=this.hostElement.querySelectorAll("li");i.forEach((i=>i.classList.add("digi-navigation-vertical-menu__list"))),a.forEach((i=>i.classList.add("digi-navigation-vertical-menu__item")))}async afMSetCurrentActiveLevel(i){this.setCurrentActiveLevel(i),this.initNav(),this.setClasses(i)}getListItems(){const i=this.hostElement.children;!i\|\|i.length<=0?e.warn("The slot contains no children elements.",this.hostElement):this.listItems=[...Array.from(i)].map((i=>({outerHTML:i.outerHTML})))}get cssModifiers(){return{"digi-navigation-vertical-menu":!1,"digi-navigation-vertical-menu--primary":this.afVariation===r.PRIMARY,"digi-navigation-vertical-menu--secondary":this.afVariation===r.SECONDARY,"digi-navigation-vertical-menu--indicator--secondary":this.afActiveIndicatorSize===l.SECONDARY}}render(){return t("nav",{key:"e7dd90acdde937b4474ffc6d615aa32324e60437",class:Object.assign({"digi-navigation-vertical-menu":!0},this.cssModifiers),id:this.afId,"aria-label":this.afAriaLabel},t("slot",{key:"e060c8c7455c3db6bd7c18a9ceb52ee0d13cc6ac"}))}get hostElement(){return n(this)}};d.style='.digi--util--fs--xs.sc-digi-navigation-vertical-menu{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-navigation-vertical-menu{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-navigation-vertical-menu{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-navigation-vertical-menu{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-navigation-vertical-menu{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-navigation-vertical-menu{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-navigation-vertical-menu{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-navigation-vertical-menu{padding-top:5rem !important}.digi--util--pb--1.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-navigation-vertical-menu{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-navigation-vertical-menu{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-navigation-vertical-menu{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-navigation-vertical-menu{padding:2.5rem !important}.digi--util--p--60.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-navigation-vertical-menu{padding:4.5rem !important}.digi--util--p--90.sc-digi-navigation-vertical-menu{padding:5rem !important}.digi--util--ptb--1.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-navigation-vertical-menu{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-navigation-vertical-menu{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-navigation-vertical-menu{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-navigation-vertical-menu{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-navigation-vertical-menu{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-navigation-vertical-menu{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-navigation-vertical-menu{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-navigation-vertical-menu{display:none}.sc-digi-navigation-vertical-menu-h{--digi--navigation-vertical-menu--background:transparent;--digi--navigation-vertical-menu--item--border-top:solid var(--digi--border-width--primary) var(--digi--color--border--neutral-4)}.sc-digi-navigation-vertical-menu-h .digi-navigation-vertical-menu.sc-digi-navigation-vertical-menu{display:block;background:var(--digi--navigation-vertical-menu--background)}.sc-digi-navigation-vertical-menu-s>.digi-navigation-vertical-menu--indicator--secondary ul.digi-navigation-vertical-menu__list--root.secondary{--subnav-indicator--width:var(--subnav-indicator--width--xl)}.sc-digi-navigation-vertical-menu-s>.digi-navigation-vertical-menu--indicator--secondary ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-width:var(\n --subnav-indicator--width--xl\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root{--subnav-indicator--left:var(--digi--padding--medium);--subnav-indicator--width:1px;--subnav-indicator--width--l:4px;--subnav-indicator--width--xl:6px;--subnav-indicator--background-color:var(--digi--color--border--neutral-4);--subnav-indicator--background-color--default:var(\n --digi--color--border--neutral-4\n );--subnav-indicator--background-color--current:var(\n --digi--color--border--neutral-1\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root ul,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root li{list-style:none;padding:0;margin:0}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root>li:not(:first-child){border-top:var(--digi--navigation-vertical-menu--item--border-top)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root>li ul digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--font-size:var(\n --digi--typography--tag--font-size--desktop\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary>.digi-navigation-vertical-menu__item--active{padding-bottom:var(--digi--padding--small)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level{--subnav-indicator--background-color:var(\n --subnav-indicator--background-color--current\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level ul{--subnav-indicator--background-color:var(\n --subnav-indicator--background-color--default\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-width:4px}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul::before{content:"";display:inline-block;position:absolute;top:0;bottom:0;z-index:1;left:var(--subnav-indicator--left);width:var(--subnav-indicator--width);background-color:var(--subnav-indicator--background-color)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:var(\n --digi--padding--medium\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul{--subnav-indicator--left:var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:var(\n --digi--padding--largest\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul{--subnav-indicator--left:calc(\n var(--digi--padding--largest-2) + var(--digi--padding--smaller)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(\n var(--digi--padding--largest-2) + var(--digi--padding--smaller)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul{--subnav-indicator--left:calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul ul{--subnav-indicator--left:calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest-2)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest-2)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary.digi-navigation-vertical-menu__item--current-level::before,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level::before{--subnav-indicator--width:var(--subnav-indicator--width--l)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--medium) var(--digi--padding--small)\n calc(\n var(--digi--padding--largest-2) + var(--digi--padding--smaller)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--medium) var(--digi--padding--small)\n calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--medium) var(--digi--padding--small)\n calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest-2)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary{--subnav-indicator--width:var(--subnav-indicator--width--l)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary>.digi-navigation-vertical-menu__item--active{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary>.digi-navigation-vertical-menu__item--active::before{content:"";display:inline-block;position:absolute;top:0;bottom:0;width:var(--subnav-indicator--width);background-color:var(--digi--color--background--neutral-7);z-index:1}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu__item--deep-active{background-color:var(--digi--color--background--neutral-5)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu__item--deep-active>ul>li>digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--toggle-icon--background:var(\n --digi--color--background--primary\n );--digi--navigation-vertical-menu-item--toggle-icon--background--active:var(\n --digi--color--background--primary\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--medium) var(--digi--padding--small)\n calc(\n var(--digi--padding--largest-2) + var(--digi--padding--smaller)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--medium) var(--digi--padding--small)\n calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--medium) var(--digi--padding--small)\n calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest-2)\n )}.sc-digi-navigation-vertical-menu-s li.digi-navigation-vertical-menu__item--highlight>digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__button:first-child .digi-navigation-vertical-menu-item__text::after,.sc-digi-navigation-vertical-menu-s li.digi-navigation-vertical-menu__item--highlight>digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__link:first-child .digi-navigation-vertical-menu-item__text::after{display:inline-flex;position:relative;align-items:center;justify-content:center;overflow:hidden;content:"";width:0.625rem;height:0.625rem;border-radius:0.625rem;line-height:1;transform:translateY(-5px);margin-left:var(--digi--padding--smaller);background:var(--digi--color--background--neutral-5)}';export{d as digi_navigation_vertical_menu}
1	+ import{r as i,c as a,h as t,g as n}from"./p-e35cae7b.js";import{r as g}from"./p-ffe5c0e8.js";import{l as e}from"./p-e3d2e899.js";import{a as r,N as l}from"./p-3b20ec86.js";const d=class{constructor(t){i(this,t),this.afOnReady=a(this,"afOnReady",3),this.listItems=[],this.afId=g("digi-navigation-vertical-menu"),this.afVariation=r.PRIMARY,this.afActiveIndicatorSize=l.PRIMARY,this.afAriaLabel=void 0}linkClickHandler(i){this.setCurrentActiveLevel(i.target),this.setClasses(i.target)}setClasses(i){const a="digi-navigation-vertical-menu__item--deep-active",t="digi-navigation-vertical-menu__item--active",n=this.hostElement.querySelector(".digi-navigation-vertical-menu__list");function g(i){const n=Array.from(i.children).filter((i=>"UL"===i.tagName))[0],r=Array.from(n.children).filter((i=>i.classList.contains(t)));0!=r.length?r.forEach((i=>{i.classList.add(a),g(i)})):e(n)}function e(i,t=!0){const n=i.closest("li");if(!n)return;t\|\|n.classList.remove(a);const g=n.closest("ul");g&&e(g,!1)}Array.from(n.children).filter((i=>i.classList.contains(t))).forEach((i=>{i.classList.add(a),g(i)})),this.hostElement.querySelectorAll(`.${a}:not(.${t})`).forEach((i=>{i.classList.remove(a)})),i.matches(".digi-navigation-vertical-menu-item--has-subnav")\|\|e(i)}componentWillLoad(){this.getListItems(),this.initNav(),this.setLevelClass()}componentDidLoad(){this.initCurrentActiveLevel(),this.afOnReady.emit()}componentWillUpdate(){this.getListItems(),this.initNav(),this.setLevelClass()}initCurrentActiveLevel(){let i=this.hostElement.querySelector('digi-navigation-vertical-menu-item[af-active-subnav="true"]');if(i){function a(i){return i.closest("li").querySelector("ul").querySelector('digi-navigation-vertical-menu-item[af-active-subnav="true"]')\|\|null}function t(n){const g=a(n);g?(i=g,t(g)):i=n}t(i),this.setCurrentActiveLevel(i)}}setCurrentActiveLevel(i){const a="digi-navigation-vertical-menu__item--current-level",t=i;this.hostElement.querySelectorAll(".digi-navigation-vertical-menu__item--current-level").forEach((i=>{i.classList.remove(a)}));let n=t.closest("li").querySelector("ul");if(t.matches(".digi-navigation-vertical-menu-item--has-subnav"))return n=t.closest("ul"),void n.classList.add(a);n\|\|(n=t.closest("ul")),n.classList.add(a)}setLevelClass(){this.hostElement.querySelector("ul").classList.remove("primary","secondary"),this.hostElement.querySelector("ul").classList.add("digi-navigation-vertical-menu__list--root",this.afVariation)}initNav(){const i=this.hostElement.querySelectorAll("ul"),a=this.hostElement.querySelectorAll("li");i.forEach((i=>i.classList.add("digi-navigation-vertical-menu__list"))),a.forEach((i=>i.classList.add("digi-navigation-vertical-menu__item")))}async afMSetCurrentActiveLevel(i){this.setCurrentActiveLevel(i),this.initNav(),this.setClasses(i)}getListItems(){const i=this.hostElement.children;!i\|\|i.length<=0?e.warn("The slot contains no children elements.",this.hostElement):this.listItems=[...Array.from(i)].map((i=>({outerHTML:i.outerHTML})))}get cssModifiers(){return{"digi-navigation-vertical-menu":!1,"digi-navigation-vertical-menu--primary":this.afVariation===r.PRIMARY,"digi-navigation-vertical-menu--secondary":this.afVariation===r.SECONDARY,"digi-navigation-vertical-menu--indicator--secondary":this.afActiveIndicatorSize===l.SECONDARY}}render(){return t("nav",{key:"fbfc0638443d0632580c4ae2c53090b4e3f1e5a6",class:Object.assign({"digi-navigation-vertical-menu":!0},this.cssModifiers),id:this.afId,"aria-label":this.afAriaLabel},t("slot",{key:"755eafab9d245bf601b28f3b5b5777920f344156"}))}get hostElement(){return n(this)}};d.style='.digi--util--fs--xs.sc-digi-navigation-vertical-menu{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-navigation-vertical-menu{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-navigation-vertical-menu{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-navigation-vertical-menu{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-navigation-vertical-menu{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-navigation-vertical-menu{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-navigation-vertical-menu{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-navigation-vertical-menu{padding-top:5rem !important}.digi--util--pb--1.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-navigation-vertical-menu{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-navigation-vertical-menu{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-navigation-vertical-menu{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-navigation-vertical-menu{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-navigation-vertical-menu{padding:2.5rem !important}.digi--util--p--60.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-navigation-vertical-menu{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-navigation-vertical-menu{padding:4.5rem !important}.digi--util--p--90.sc-digi-navigation-vertical-menu{padding:5rem !important}.digi--util--ptb--1.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-navigation-vertical-menu{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-navigation-vertical-menu{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-navigation-vertical-menu{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-navigation-vertical-menu{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-navigation-vertical-menu{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-navigation-vertical-menu{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-navigation-vertical-menu{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-navigation-vertical-menu{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-navigation-vertical-menu{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-navigation-vertical-menu{display:none}.sc-digi-navigation-vertical-menu-h{--digi--navigation-vertical-menu--background:transparent;--digi--navigation-vertical-menu--item--border-top:solid var(--digi--border-width--primary) var(--digi--color--border--neutral-4)}.sc-digi-navigation-vertical-menu-h .digi-navigation-vertical-menu.sc-digi-navigation-vertical-menu{display:block;background:var(--digi--navigation-vertical-menu--background)}.sc-digi-navigation-vertical-menu-s>.digi-navigation-vertical-menu--indicator--secondary ul.digi-navigation-vertical-menu__list--root.secondary{--subnav-indicator--width:var(--subnav-indicator--width--xl)}.sc-digi-navigation-vertical-menu-s>.digi-navigation-vertical-menu--indicator--secondary ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-width:var(\n --subnav-indicator--width--xl\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root{--subnav-indicator--left:var(--digi--padding--medium);--subnav-indicator--width:1px;--subnav-indicator--width--l:4px;--subnav-indicator--width--xl:6px;--subnav-indicator--background-color:var(--digi--color--border--neutral-4);--subnav-indicator--background-color--default:var(\n --digi--color--border--neutral-4\n );--subnav-indicator--background-color--current:var(\n --digi--color--border--neutral-1\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root ul,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root li{list-style:none;padding:0;margin:0}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root>li:not(:first-child){border-top:var(--digi--navigation-vertical-menu--item--border-top)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root>li ul digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--font-size:var(\n --digi--typography--tag--font-size--desktop\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary>.digi-navigation-vertical-menu__item--active{padding-bottom:var(--digi--padding--small)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level{--subnav-indicator--background-color:var(\n --subnav-indicator--background-color--current\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level ul{--subnav-indicator--background-color:var(\n --subnav-indicator--background-color--default\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-width:4px}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul::before{content:"";display:inline-block;position:absolute;top:0;bottom:0;z-index:1;left:var(--subnav-indicator--left);width:var(--subnav-indicator--width);background-color:var(--subnav-indicator--background-color)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:var(\n --digi--padding--medium\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul{--subnav-indicator--left:var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:var(\n --digi--padding--largest\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul{--subnav-indicator--left:calc(\n var(--digi--padding--largest-2) + var(--digi--padding--smaller)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(\n var(--digi--padding--largest-2) + var(--digi--padding--smaller)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul{--subnav-indicator--left:calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul ul{--subnav-indicator--left:calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest-2)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--active>ul ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--active-indicator-left:calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest-2)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary.digi-navigation-vertical-menu__item--current-level::before,.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary .digi-navigation-vertical-menu__item--current-level::before{--subnav-indicator--width:var(--subnav-indicator--width--l)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--medium) var(--digi--padding--small)\n calc(\n var(--digi--padding--largest-2) + var(--digi--padding--smaller)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--medium) var(--digi--padding--small)\n calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.primary ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--medium) var(--digi--padding--small)\n calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest-2)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary{--subnav-indicator--width:var(--subnav-indicator--width--l)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary>.digi-navigation-vertical-menu__item--active{position:relative}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary>.digi-navigation-vertical-menu__item--active::before{content:"";display:inline-block;position:absolute;top:0;bottom:0;width:var(--subnav-indicator--width);background-color:var(--digi--color--background--neutral-7);z-index:1}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu__item--deep-active{background-color:var(--digi--color--background--neutral-5)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary .digi-navigation-vertical-menu__item--deep-active>ul>li>digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--toggle-icon--background:var(\n --digi--color--background--primary\n );--digi--navigation-vertical-menu-item--toggle-icon--background--active:var(\n --digi--color--background--primary\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--largest)}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--medium) var(--digi--padding--small)\n calc(\n var(--digi--padding--largest-2) + var(--digi--padding--smaller)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--medium) var(--digi--padding--small)\n calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest)\n )}.sc-digi-navigation-vertical-menu-s ul.digi-navigation-vertical-menu__list--root.secondary ul ul ul ul .digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--padding:var(\n --digi--padding--small\n )\n var(--digi--padding--medium) var(--digi--padding--small)\n calc(\n var(--digi--padding--largest-2) + var(--digi--padding--largest-2)\n )}.sc-digi-navigation-vertical-menu-s li.digi-navigation-vertical-menu__item--highlight>digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__button:first-child .digi-navigation-vertical-menu-item__text::after,.sc-digi-navigation-vertical-menu-s li.digi-navigation-vertical-menu__item--highlight>digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__link:first-child .digi-navigation-vertical-menu-item__text::after{display:inline-flex;position:relative;align-items:center;justify-content:center;overflow:hidden;content:"";width:0.625rem;height:0.625rem;border-radius:0.625rem;line-height:1;transform:translateY(-5px);margin-left:var(--digi--padding--smaller);background:var(--digi--color--background--neutral-5)}';export{d as digi_navigation_vertical_menu}

package/dist/digi-arbetsformedlingen/p-40a81c4a.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as i,c as a,h as t,g as d}from"./p-e35cae7b.js";import"./p-717306ef.js";import{H as g}from"./p-028dd0d4.js";import"./p-a4a001e1.js";import"./p-91d1344c.js";import"./p-ee9589e6.js";import"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-7e5ad05a.js";import"./p-dcdffb3c.js";import"./p-5a602122.js";import"./p-5d21a361.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-bc3d2778.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-2af9b440.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-c2a5da97.js";import"./p-85914c7f.js";import"./p-91f1460b.js";import"./p-4a9697a8.js";import"./p-62c7beb4.js";import"./p-ad9a707b.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f4248a7e.js";import"./p-95db5a30.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-00d6ab21.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import{U as n}from"./p-cdcaf0eb.js";const e=class{constructor(t){i(this,t),this.afOnClose=a(this,"afOnClose",7),this.afOnEsc=a(this,"afOnEsc",7),this.afOnBackdropClick=a(this,"afOnBackdropClick",7),this.afOnToggle=a(this,"afOnToggle",7),this._focusableElementsSelectors='a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]',this.focusableElements=[],this.isMobile=void 0,this.isVisible=void 0,this.afCloseButtonText=void 0,this.afNavAriaLabel=void 0,this.afCloseButtonAriaLabel=void 0,this.afFocusableElement=void 0,this.afCloseFocusableElement=void 0,this.afActive=!1,this.afBackdrop=!0,this.afCentered=g.DEFAULT}enablePageScroll(){document.body.style.height="",document.body.style.overflowY="",document.body.style.paddingRight=""}disablePageScroll(){document.body.style.height="100vh",document.body.style.overflowY="hidden"}toggleHandler(i){const a=i.target;this._closeFocusableElement=a.querySelector(".digi-navigation-sidebar-button button"),a.matches("digi-navigation-sidebar-button")&&(this.afActive=!0)}get shouldUseFocusTrap(){return this.isMobile&&this.focusableElements.length>0}closeHandler(i){this.afActive=!1,this.afOnClose.emit(i)}escHandler(i){this.isMobile&&(this.afActive=!1,this.afOnClose.emit(i))}tabHandler(i){this.shouldUseFocusTrap&&document.activeElement===this.lastFocusableEl&&(i.detail.preventDefault(),this.firstFocusableEl.focus())}backdropClickHandler(i){this.afActive=!1,this.afOnClose.emit(i)}shiftHandler(i){this.shouldUseFocusTrap&&document.activeElement===this.firstFocusableEl&&(i.detail.preventDefault(),this.lastFocusableEl.focus())}clickHandler(i){this.shouldUseFocusTrap&&"button"===i.detail.target.tagName.toLowerCase()&&setTimeout((()=>{this.getFocusableItems()}),100)}setMobileView(i){i&&this.afActive?(this.disablePageScroll(),this.getFocusableItems()):this.enablePageScroll()}breakpointChange(i){this.isVisible=!1,"digi-util-breakpoint-observer"===i.target.nodeName.toLowerCase()&&(this.isMobile=i.detail.value===n.SMALL),setTimeout((()=>{this.isVisible=!0}),100)}componentDidLoad(){this._wrapper.addEventListener("transitionend",(()=>{this.getFocusableItems(),this.setFocus()}))}getFocusableItems(){const i=this._wrapper.querySelectorAll(this._focusableElementsSelectors);this.focusableElements=Array.prototype.slice.call(i).filter((function(i){return null!==i.offsetParent})),this.focusableElements.length>0&&(this.firstFocusableEl=this.focusableElements[0],this.lastFocusableEl=this.focusableElements[this.focusableElements.length-1])}setFocus(){if(this.afActive){let i;const a=this.firstFocusableEl;i=this.afFocusableElement?this.hostElement.querySelector(`${this.afFocusableElement}`):a,i&&i.focus()}else this.afCloseFocusableElement?document.querySelector(`${this.afCloseFocusableElement}`).focus():this._closeFocusableElement&&this._closeFocusableElement.focus()}get cssModifiers(){return{"digi-header-navigation--open":this.afActive,"digi-header-navigation--mobile":this.isMobile,"digi-header-navigation--visible":this.isVisible}}render(){return t("div",{key:"466744f558b849c128d50d4d0139eaf5a3734771",class:Object.assign({"digi-header-navigation":!0},this.cssModifiers)},t("digi-util-breakpoint-observer",{key:"c7a3e2127b1f4cb1a5996f129b6605a2f5bf3e9c",onAfOnChange:i=>this.isMobile=i.detail.value===n.SMALL},t("digi-util-keydown-handler",{key:"479ec7596c9b0f933ef3e95bdd4e4f5086793bd9",onAfOnEsc:i=>this.escHandler(i),onAfOnTab:i=>this.tabHandler(i),onAfOnShiftTab:i=>this.shiftHandler(i)},t("div",{key:"97e08e1032c9dc36b605ccefe42471ca8ebca24b"},this.isMobile&&t("div",{key:"4b4ed23818b926d90d8f9ef83680e9dace653426",class:"digi-header-navigation__backdrop",onClick:i=>this.backdropClickHandler(i)}),t("nav",{key:"8d8c2a78e114b5c1652cb1ac7d82508eb317d77c",class:"digi-header-navigation__wrapper","aria-label":this.afNavAriaLabel,"af-centered":this.afCentered,ref:i=>{this._wrapper=i}},this.isMobile&&t("digi-button",{key:"bcc310f3bd30cd2269ec7a9f926a526b9447147e",onClick:i=>this.closeHandler(i),"af-variation":"function","af-aria-label":this.afCloseButtonAriaLabel,class:"digi-header-navigation__close-button"},this.afCloseButtonText,t("digi-icon-x",{key:"2b16ee3def72ff04568e65226635bd9ed736e5ad",slot:"icon-secondary"})),this.afCentered!==g.DEFAULT?t("digi-layout-container",{"af-max-width":this.afCentered},t("div",{role:"list",class:"digi-header-navigation__inner"},t("slot",null))):t("div",{role:"list",class:"digi-header-navigation__inner"},t("slot",null)))))))}get hostElement(){return d(this)}static get watchers(){return{isMobile:["setMobileView"]}}};e.style=".digi--util--fs--xs.sc-digi-header-navigation{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-header-navigation{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-header-navigation{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-header-navigation{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-header-navigation{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-header-navigation{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-header-navigation{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-header-navigation{padding-top:5rem !important}.digi--util--pb--1.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-header-navigation{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-header-navigation{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-header-navigation{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-header-navigation{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-header-navigation{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-header-navigation{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-header-navigation{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-header-navigation{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-header-navigation{padding:2.5rem !important}.digi--util--p--60.sc-digi-header-navigation{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-header-navigation{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-header-navigation{padding:4.5rem !important}.digi--util--p--90.sc-digi-header-navigation{padding:5rem !important}.digi--util--ptb--1.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-header-navigation{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-header-navigation{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-header-navigation{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-header-navigation{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-header-navigation{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-header-navigation{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-header-navigation{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-header-navigation{display:none}.sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--border--neutral-4);--digi--header--close-button--padding:var(--digi--padding--smaller);--digi--header--backdrop--background-color:rgba(0, 0, 0, 0.7);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background-color:var(--digi--header--backdrop--background-color);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--neutral-8);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:1rem}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link--active-link.sc-digi-header-navigation{font-weight:600;box-shadow:inset 0 -4px 0 0 #95C23E}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--neutral-6)}";export{e as digi_header_navigation}

package/dist/digi-arbetsformedlingen/{p-edda9cea.entry.js → p-419d99f0.entry.js} RENAMED Viewed

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

package/dist/digi-arbetsformedlingen/p-4638e6b1.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as i,c as t,h as e,F as r,g as o}from"./p-e35cae7b.js";import{r as l}from"./p-ffe5c0e8.js";import{l as d}from"./p-e3d2e899.js";import{d as s}from"./p-430607cb.js";import{d as a}from"./p-ee33960b.js";import{_ as g}from"./p-42aa440f.js";import"./p-717306ef.js";import{n as c}from"./p-028dd0d4.js";import"./p-a4a001e1.js";import"./p-91d1344c.js";import"./p-ee9589e6.js";import"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-7e5ad05a.js";import"./p-dcdffb3c.js";import"./p-5a602122.js";import"./p-5d21a361.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-bc3d2778.js";import{a as f}from"./p-88b4d03a.js";import{b as n,a as m}from"./p-1f956af8.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-2af9b440.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-c2a5da97.js";import"./p-85914c7f.js";import"./p-91f1460b.js";import"./p-4a9697a8.js";import"./p-62c7beb4.js";import"./p-ad9a707b.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f4248a7e.js";import"./p-95db5a30.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-00d6ab21.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";import"./p-bdd811bc.js";const p=class{constructor(e){i(this,e),this.afOnFocusout=t(this,"afOnFocusout",7),this.afOnSubmitFilters=t(this,"afOnSubmitFilters",7),this.afOnFilterClosed=t(this,"afOnFilterClosed",7),this.afOnResetFilters=t(this,"afOnResetFilters",7),this.afOnSelect=t(this,"afOnSelect",7),this.afOnQueryChanged=t(this,"afOnQueryChanged",7),this._searchQuery="",this.isOpen=!1,this.focusListItemIndex=0,this.focusInList=!1,this._afListItems=void 0,this._filteredResult=[],this._selectedItems=[],this.afDescription=void 0,this.afDisableValidation=void 0,this.afValidation=c.NEUTRAL,this.afValidationText=void 0,this.afRequired=void 0,this.afRequiredText=void 0,this.afAnnounceIfOptional=!1,this.afAnnounceIfOptionalText=void 0,this.sortAlphabetically=!0,this.value=[],this.afMultipleItems=!1,this.afListItems=void 0,this.afId=l("digi-form-select-filter"),this.afFilterButtonTextLabel=void 0,this.afFilterButtonText=void 0,this.afFilterButtonTextMultipleValues=void 0,this.afSubmitButtonText=void 0,this.afSubmitButtonTextAriaLabel=void 0,this.afResetButtonText=g.clear,this.afResetButtonTextAriaLabel=void 0,this.afHideResetButton=!1,this.afAlignRight=void 0,this.afName=void 0,this.afEmptySearchMessage="Inga sökträffar för",this.afFilterButtonAriaDescribedby=void 0}onValueChanged(i){const t=[...i,...this._selectedItems],e=t.filter(((i,e)=>t.indexOf(i)===e));e&&e.length>0&&(this._selectedItems=this.afMultipleItems?[...e]:[e[0]])}handleListItems(){if(this.afListItems)try{if(this.afListItems.constructor===Array)this._afListItems=this.afListItems;else{if("string"!=typeof this.afListItems)throw'Invalid type in "af-list-items" attribute';this._afListItems=JSON.parse(this.afListItems)}this.giveItemsValueIfNoneExist(),this.sortListAlphabetically();const i=this._afListItems.filter((i=>i.selected));i&&i.length>0?(this._selectedItems=[...i],this.afOnSelect.emit(this._selectedItems),this.value=this._selectedItems):this.value&&this.value.length>0&&(this._selectedItems=[...this.value]),this.filterResults()}catch(i){return void d.warn('Invalid JSON in "af-list-items" attribute',this.hostElement,i)}}async afMReset(){this.resetSelectItems()}async afMCloseDropdown(){this.setClosed()}clickHandler(i){s(i.target,`#${this.afId}-identifier`)&&this.isOpen&&this.emitFilterClosedEvent()}focusoutHandler(i){const t=i.target;a(t,`#${this.afId}-identifier`)&&this.isOpen?this.emitFilterClosedEvent():(this.focusInList=!a(t,`#${this.afId}-select-filter-list`),this.isOpen&&this.focusInList&&"LI"===t.tagName&&(this.setTabIndex(),this.updateTabIndex(t)))}debounce(i,t=300){let e;return(...r)=>{clearTimeout(e),e=setTimeout((()=>{i.apply(this,r)}),t)}}setClosed(i=!1){this.isOpen=!1,i&&document.getElementById(`${this.afId}`).focus(),this.setScroll(0),this._searchQuery="",this.afOnQueryChanged.emit(""),this.afOnSubmitFilters.emit(this._selectedItems),this.filterResults()}setScroll(i){document.querySelector(`#${this.afId}-dropdown-menu .digi-form-select-filter__scroll`).scrollTop=i}setOpen(){this.isOpen=!0,this.focusListItemIndex=0,setTimeout((()=>{this.setFocusSearch()}),50)}giveItemsValueIfNoneExist(){this._afListItems.filter((i=>void 0===i.value)).forEach((i=>{i.value=i.label}))}sortListAlphabetically(){this.sortAlphabetically&&this._afListItems.sort(((i,t)=>i.label<t.label?-1:i.label>t.label?1:0))}toggleDropdown(){return this.isOpen?this.setClosed():this.setOpen()}inputItem(i,t){return this.hostElement.querySelectorAll(`#${i} .digi-form-select-filter__item`).item(t)}emitFilterClosedEvent(){this.setClosed(!0),this.afOnFilterClosed.emit()}componentWillLoad(){this.handleListItems()}setFocusItem(){const i=this.inputItem(`${this.afId}-select-filter-list`,this.focusListItemIndex);i&&i.focus()}setFocusSearch(){const i=this.hostElement.querySelector("input");i&&i.focus()}setTabIndex(){const i=document.querySelectorAll(`#${this.afId}-dropdown-menu`);i?Array.from(i).map((i=>{i.setAttribute("tabindex","-1")})):d.warn("No input elements was found to set tabindex on.",this.hostElement)}updateTabIndex(i){i?i.setAttribute("tabindex","0"):d.warn("No input element was found to update tabindex on.",this.hostElement)}incrementFocusItem(){return this.focusListItemIndex<(this.showNeutralValue?this._filteredResult.length:this._filteredResult.length-1)?(this.focusListItemIndex=this.focusListItemIndex+1,void this.setFocusItem()):this.afMultipleItems?void this.tabHandler():(this.focusListItemIndex=0,void this.setFocusItem())}decrementFocusItem(){0!==this.focusListItemIndex?(this.focusListItemIndex>0&&(this.focusListItemIndex=this.focusListItemIndex-1),this.setFocusItem()):this.setFocusSearch()}downHandler(i){i.detail.preventDefault(),"ArrowDown"!==i.detail.code&&"ArrowRight"!==i.detail.code||this.incrementFocusItem()}upHandler(i){i.detail.preventDefault(),"ArrowUp"!==i.detail.code&&"ArrowLeft"!==i.detail.code||this.decrementFocusItem()}homeHandler(i){i.detail.preventDefault(),this.focusListItemIndex=0,this.setFocusItem()}endHandler(i){i.detail.preventDefault(),this.focusListItemIndex=this.showNeutralValue?this._filteredResult.length:this._filteredResult.length-1,this.setFocusItem()}enterHandler(i){i.detail.preventDefault(),i.detail.target.click()}spaceHandler(i){i.detail.preventDefault(),i.detail.target.click()}escHandler(){this.isOpen&&this.setClosed(!0)}tabHandler(){this.isOpen&&this.focusInList&&(this.afMultipleItems&&this._submitButton?setTimeout((()=>{var i;this._submitButton&&(null===(i=this._submitButton.querySelector("button"))||void 0===i||i.focus())}),10):this.setClosed(!0))}shiftHandler(){this.isOpen&&this.focusInList&&(this.afMultipleItems&&this._toggleButton?this._toggleButton.querySelector("button").focus():this.setFocusSearch())}filterResults(){this._filteredResult=this._searchQuery&&this._searchQuery.length>0?[...this._afListItems.filter((i=>i.label.toLowerCase().includes(this._searchQuery.toLowerCase())))]:[...this._afListItems]}inputSearchKeyboardHandler(i){"ArrowDown"===i.code&&(i.preventDefault(),this.setFocusItem()),"Enter"===i.code&&""!==this._searchQuery&&(i.preventDefault(),this.setFocusItem())}inputSearchInputHandler(i){this._searchQuery=i.target.value,this.afOnQueryChanged.emit(this._searchQuery),this.filterResults()}resetSelectItems(i=!1){this._selectedItems=[],this.value=[],this.afOnSelect.emit([]),this._searchQuery="",this.filterResults(),i&&this.emitFilterClosedEvent(),this.afOnResetFilters.emit()}selectItemHandler(i){this.afMultipleItems?(i.selected=!i.selected,this._selectedItems.filter((t=>t.value===i.value)).length>0?this._selectedItems.splice(this._selectedItems.findIndex((t=>t.value===i.value)),1):this._selectedItems=[...this._selectedItems,i]):(this._selectedItems.forEach((i=>{i.selected=!1})),i.selected=!0,this._selectedItems=[i],this.emitFilterClosedEvent()),this.value=this._selectedItems,this.afOnSelect.emit(this._selectedItems),this.filterResults()}isSelected(i){return!!(i&&this._selectedItems&&this._selectedItems.length>0)&&this._selectedItems.filter((t=>t.value===i)).length>0}get cssModifiers(){return{"digi-form-select-filter--open":this.isOpen,"digi-form-select-filter--neutral":this.afValidation===c.NEUTRAL,"digi-form-select-filter--success":this.afValidation===c.SUCCESS,"digi-form-select-filter--warning":this.afValidation===c.WARNING,"digi-form-select-filter--error":this.afValidation===c.ERROR}}get cssModifiersToggleButtonIndicator(){return{"digi-form-select-filter__toggle-button-indicator--active":this._selectedItems.length>0}}get cssModifiersToggleButtonWrapper(){return{"digi-form-select-filter__toggle-button-wrapper--activated":this._selectedItems.length>0}}buttonText(i){const t=(t="")=>i?t:"";return this._selectedItems&&1===this._selectedItems.length?t(this.afFilterButtonTextLabel+": ")+this._selectedItems[0].label:this._selectedItems&&this._selectedItems.length>0&&this.afMultipleItems?this.afFilterButtonTextMultipleValues?t(this.afFilterButtonTextLabel+": ")+this.afFilterButtonTextMultipleValues.replace("{count}",this._selectedItems.length.toString()):t(this.afFilterButtonTextLabel+": ")+`${this._selectedItems.length} valda`:t(this.afFilterButtonTextLabel?this.afFilterButtonTextLabel+": ":"")+this.afFilterButtonText}get renderButtonLabel(){return this.buttonText(!1)}get ariaLabel(){return this.buttonText(!0)}get showNeutralValue(){return!this.afMultipleItems&&this.afFilterButtonText&&0===this._searchQuery.length}showValidation(){return!(this.afDisableValidation||this.afValidation===c.NEUTRAL||!this.afValidationText)}renderEmptyStateBox(){let i="";return this._filteredResult&&this._filteredResult.length>0?i=`${this._filteredResult.length} sökträff${this._filteredResult.length>1?"ar":""}`:0===this._filteredResult.length&&(i=`${this.afEmptySearchMessage} ${this._searchQuery}`),e(r,null,e("div",{role:"status",id:`${this.afId}-searchstatus`,class:{"digi-form-select-filter__search-status":!0,"digi--util--sr-only":this._filteredResult&&this._filteredResult.length>0}},e("span",null," ",i," "),e("div",{class:{hidden:this._filteredResult&&this._filteredResult.length>0}},e("slot",{name:"empty-search-result"}))))}render(){return e("div",{key:"131d9bcd798a19ab4da264d59e7b2b938af39e4d",class:Object.assign({"digi-form-select-filter":!0},this.cssModifiers),role:"application",id:`${this.afId}-identifier`},e("digi-form-label",{key:"6ad325b665d8d23ffb8bc926cec923a4f43cec77",afLabel:this.afFilterButtonTextLabel,afFor:`${this.afId}`,afId:`${this.afId}-label`,class:"digi-form-select-filter__label",afDescription:this.afDescription,afRequired:this.afRequired,afAnnounceIfOptional:this.afAnnounceIfOptional,afRequiredText:this.afRequiredText,afAnnounceIfOptionalText:this.afAnnounceIfOptionalText}),e("digi-util-keydown-handler",{key:"d90ec9e07871d99e964036346a13d3dcf8bb98f3",onAfOnEsc:()=>this.escHandler()},e("button",{key:"1d64f4c3a76bc2d81a10b60e82ee7f5724192051",type:"button",id:`${this.afId}`,class:"digi-form-select-filter__toggle-button",onClick:()=>this.toggleDropdown(),ref:i=>this._toggleButton=i,"aria-haspopup":"true","aria-label":this.ariaLabel,"aria-labelledby":this.afFilterButtonAriaDescribedby,"aria-controls":`${this.afId}-dropdown-menu`,"aria-expanded":this.isOpen},e("div",{key:"4c82b8b3dfd9a6c66bcbd852498eeabcd4aa5ccb",class:Object.assign({"digi-form-filter__toggle-button-wrapper":!0},this.cssModifiersToggleButtonWrapper)},e("digi-icon-check",{key:"8b8d3ed48f8f7cfdc374ebf9d62da00891d15e06",class:Object.assign({"digi-form-select-filter__toggle-button-indicator":!0},this.cssModifiersToggleButtonIndicator),slot:"icon"}),e("span",{key:"e35d0ae711a81e43886707bffaed3b10ecffb25d",class:"digi-form-select-filter__toggle-button-text"},this.renderButtonLabel)),e("digi-icon-chevron-down",{key:"dfe447e717e5c99d400390aaaacad6160d188928",class:"digi-form-select-filter__toggle-icon"})),e("div",{key:"cd68ced3b7f00548e23a3d37e54bccbc3f7ca700",id:`${this.afId}-dropdown-menu`,class:{"digi-form-select-filter__dropdown":!0,"digi-form-select-filter__dropdown--right":this.afAlignRight,"digi-form-select-filter__dropdown--hidden":!this.isOpen}},e("fieldset",{key:"8cf2eedb7d23bcec85d761336f80c94665f8de8b"},e("div",{key:"9e791ab8c6eea058919f01e6819d64c84a1958a5",class:"digi-form-select-filter__header"},e("legend",{key:"8497b0c1517187628a3978697cf804fb4a647935",class:"digi-form-select-filter__legend"},this.afFilterButtonTextLabel),e("digi-form-input",{key:"934ae7bc9be7b0d3a312dea866e21065246c1a84",afLabel:this.afName,afId:`${this.afId}-search`,afVariation:n.MEDIUM,afType:f.SEARCH,afValidation:m.NEUTRAL,onAfOnFocus:()=>{this.focusListItemIndex=0},onAfOnKeyup:i=>{this.inputSearchKeyboardHandler(i.detail)},onAfOnInput:i=>this.inputSearchInputHandler(i.detail),afValue:this._searchQuery,class:"digi-form-select-filter__search-input",afAriaControls:`${this.afId}-select-filter-list`,afAutocomplete:"off",afAriaAutocomplete:"none"}),this.renderEmptyStateBox()),e("div",{key:"1768a9ad717b385f8a3c2c76d12c126009d97821",class:"digi-form-select-filter__scroll"},e("digi-util-keydown-handler",{key:"55527df2cae38577b555155a03f50b1167eb8c65",onAfOnDown:i=>this.downHandler(i),onAfOnRight:i=>this.downHandler(i),onAfOnUp:i=>this.upHandler(i),onAfOnLeft:i=>this.upHandler(i),onAfOnHome:i=>this.homeHandler(i),onAfOnEnd:i=>this.endHandler(i),onAfOnEnter:i=>this.enterHandler(i),onAfOnSpace:i=>this.spaceHandler(i),onAfOnTab:()=>this.tabHandler(),onAfOnShiftTab:()=>this.shiftHandler()},e("ul",{key:"7898741e2835ef7362a240feacd421aa843aedbb",class:"digi-form-select-filter__list","aria-labelledby":`${this.afId}`,id:`${this.afId}-select-filter-list`,role:this.afMultipleItems?"":"radiogroup","aria-invalid":this.afMultipleItems?"false":this.afValidation===c.ERROR?"true":"false","aria-errormessage":`${this.afId}--validation-message`,"aria-required":!this.afMultipleItems&&(this.afRequired?"true":"false")},this.showNeutralValue&&e("li",{key:"5cc7d76c73e0029bd050417798bfc9b023132ee5",class:"digi-form-select-filter__item",role:"radio","aria-required":this.afMultipleItems?"false":this.afRequired?"true":"false","aria-checked":0===this._selectedItems.length?"true":"false",onClick:()=>this.resetSelectItems(!0),tabIndex:0,"aria-label":this.afFilterButtonText},0===this._selectedItems.length&&e("digi-icon-check",{key:"01cfe3f21036a55b97644fb03d915a5eea506694",class:"digi-form-select-filter__item__icon","aria-hidden":"true"}),this.afFilterButtonText),this._filteredResult&&this._filteredResult.map(((i,t)=>e("li",{class:"digi-form-select-filter__item",key:t,dir:i.dir,lang:i.lang,"aria-checked":this.isSelected(i.value)?"true":"false",role:this.afMultipleItems?"checkbox":"radio","aria-required":this.afMultipleItems?"false":this.afRequired?"true":"false","aria-invalid":this.afMultipleItems&&this.afValidation===c.ERROR?"true":"false","aria-errormessage":`${this.afId}--validation-message`,onClick:()=>this.selectItemHandler(i),tabIndex:this.showNeutralValue?-1:0===t?0:-1},this.isSelected(i.value)&&e("digi-icon-check",{class:"digi-form-select-filter__item__icon","aria-hidden":"true"}),i.label))))))),this.afMultipleItems&&e("div",{key:"e0be65595bed741b5de8216ada9fe0d0de47ac3e",class:"digi-form-select-filter__footer"},!this.afHideResetButton&&e("digi-button",{key:"db69b04b4b2ab410a237198a23a3100b48ce6bdb","af-variation":"secondary","af-aria-label":this.afResetButtonTextAriaLabel,onClick:()=>this.resetSelectItems(),class:"digi-form-select-filter__reset-button"},this.afResetButtonText),e("digi-util-keydown-handler",{key:"192df90619ef17bbf77e11a2467f09d80bd5fc36",onAfOnUp:()=>this.setFocusItem()},e("digi-button",{key:"05f35b1ce6b839803b437f686802ac5caba52dc8",ref:i=>this._submitButton=i,"af-variation":"primary","af-aria-label":this.afSubmitButtonTextAriaLabel,onClick:()=>{this.setClosed(!0)},class:"digi-form-select-filter__submit-button"},this.afSubmitButtonText))))),e("div",{key:"d9e0abd51c768bd874bfaff6da2c6b13fe9d279d",class:"digi-form-select__footer"},e("div",{key:"b80b09a64b27eebed494a5f4978f527c24fed3b0","aria-atomic":"true",role:"alert",id:`${this.afId}--validation-message`},this.showValidation()&&e("digi-form-validation-message",{key:"b574f92b656755f9ee7f47d1c46dbff5e3b2ece8","af-variation":this.afValidation},this.afValidationText))))}get hostElement(){return o(this)}static get watchers(){return{value:["onValueChanged"],afListItems:["handleListItems"]}}};p.style='.digi--util--fs--xs.sc-digi-form-select-filter{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-form-select-filter{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-form-select-filter{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-form-select-filter{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-form-select-filter{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-form-select-filter{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-form-select-filter{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-form-select-filter{padding-top:5rem !important}.digi--util--pb--1.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-form-select-filter{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-form-select-filter{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-form-select-filter{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-form-select-filter{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-form-select-filter{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-form-select-filter{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-form-select-filter{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-form-select-filter{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-form-select-filter{padding:2.5rem !important}.digi--util--p--60.sc-digi-form-select-filter{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-form-select-filter{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-form-select-filter{padding:4.5rem !important}.digi--util--p--90.sc-digi-form-select-filter{padding:5rem !important}.digi--util--ptb--1.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-form-select-filter{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-form-select-filter{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-form-select-filter{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-form-select-filter{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-form-select-filter{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-form-select-filter{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-form-select-filter{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-form-select-filter{display:none}.sc-digi-form-select-filter-h{--digi--form-select-filter--footer--background:var(--digi--color--background--secondary);--digi--form-select-filter--scroll--max-height:10.625rem;--digi--form-select-filter--scroll--padding:var(--digi--padding--small);--digi--form-select-filter--reset-button--margin-right:var(--digi--padding--small);--digi--form-select-filter--legend__border-bottom:var(--digi--border-width--primary) solid var(--digi--color--border--neutral-2);--digi--form-select-filter--list--margin:0;--digi--form-select-filter--list--padding:var(--digi--gutter--small) 0 0 0;--digi--form-select-filter--item--margin:var(--digi--gutter--small) 0;--digi--form-select-filter--toggle-icon--transition:ease-in-out 0.2s all;--digi--form-select-filter--dropdown--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--form-select-filter--dropdown--border-radius:var(--digi--border-radius--input);--digi--form-select-filter--dropdown--background:var(--digi--color--background--primary);--digi--form-select-filter--dropdown--min-width:18.75rem;--digi--form-select-filter--dropdown--margin-top:var(--digi--gutter--small);--digi--form-select-filter--dropdown--z-index:999;--digi--form-select-filter--dropdown--header--background:var(--digi--color--border--neutral-2);--digi--form-select-filter--dropdown--item--cursor:pointer;--digi--form-select-filter--dropdown--item--height:auto;--digi--form-select-filter--dropdown--item--min-height:1.5rem;--digi--form-select-filter--dropdown--item--color:var(--digi--color--text--primary);--digi--form-select-filter--dropdown--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select-filter--dropdown--item--font-family:var(--digi--global--typography--font-family--default);--digi--form-select-filter--dropdown--item--font-weight--default:var(--digi--typography--link--font-weight--desktop);--digi--form-select-filter--dropdown--item--font-weight--selected:var(--digi--typography--link-bold--font-weight--desktop);--digi--form-select-filter--dropdown--item--font-weight--hover:var(--digi--typography--link-bold--font-weight--desktop);--digi--form-select-filter--dropdown--item--letter-spacing:0px;--digi--form-select-filter--dropdown--item--line-height:1.5;--digi--form-select-filter--dropdown--item--margin-bottom:0px;--digi--form-select-filter--dropdown--item--border-width:var(--digi--border-width--primary);--digi--form-select-filter--dropdown--item--border-type:var(--digi--border-style--primary);--digi--form-select-filter--dropdown--item--border-color:var(--digi--color--border--neutral-2);--digi--form-select-filter--dropdown--item--padding-y:var(--digi--margin--small);--digi--form-select-filter--dropdown--item--padding-x:var(--digi--margin--largest);--digi--form-select-filter--dropdown--item--multiple--padding-y:var(--digi--margin--small);--digi--form-select-filter--dropdown--item--multiple--padding-x:var(--digi--padding--largest-2);--digi--form-select-filter--dropdown--item--background-color--default:var(--digi--color--background--primary);--digi--form-select-filter--dropdown--item--background-color--focus:var(--digi--color--background--neutral-6);--digi--form-select-filter--dropdown--item--background-color--hover:var(--digi--color--background--neutral-6);--digi--form-select-filter--dropdown--item--background-color--active:var(--digi--color--background--neutral-6);--digi--form-select-filter--dropdown--item--background-color--selected:var(--digi--color--background--neutral-6);--digi--form-select-filter--dropdown--item--checkbox--background-color:var(--digi--color--background--primary);--digi--form-select-filter--dropdown--item--checkbox--background-color--selected:var(--digi--color--background--success-1);--digi--form-select-filter--dropdown--item--checkbox--border-color:var(--digi--color--border--primary);--digi--form-select-filter--dropdown--item--checkbox--border-width:var(--digi--border-width--primary);--digi--form-select-filter--dropdown--item--checkbox--border-style:var(--digi--border-style--primary);--digi--form-select-filter--dropdown--item--checkbox--border-radius:var(--digi--border-radius--tertiary);--digi--form-select-filter--dropdown--item--checkbox--width:1.25rem;--digi--form-select-filter--dropdown--item--checkbox--height:1.25rem;--digi--form-select-filter--toggle-button-indicator--color--default:transparent;--digi--form-select-filter--toggle-button-indicator--color--active:var(--digi--color--border--success);--digi--form-select-filter--toggle-button-indicator--width:1rem;--digi--form-select-filter--toggle-button-indicator--height:1rem;--digi--form-select-filter--toggle-button-indicator--margin-right:var(--digi--margin--small);--digi--form-select-filter--toggle-button-indicator--margin-left:calc(var(--digi--margin--smaller) * -1);--digi--form-select-filter--toggle-button--text--margin-right:var(--digi--margin--smaller);--digi--form-select-filter--toggle-button-indicator--color:var(--digi--color--background--success-1);--digi--form-select-filter--toggle-icon--width:0.875rem;--digi--form-select-filter--toggle-icon--height:0.875rem;--digi--form-select-filter--search-input--border-radius:var(--digi--border-radius--input);--digi--form-select-filter--search-input--border-width:var(--digi--border-width--input-regular);--digi--form-select-filter--search-input--border-style:var(--digi--border-style--primary);--digi--form-select-filter--search-input--border-color:var(--digi--form-select-filter--toggle-button--border-width--neutral);--digi--form-select-filter--search-input--height:var(--digi--input-height--medium);--digi--form-select-filter--search-input--width:100%;--digi--form-select-filter--legend--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--form-select-filter--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-select-filter--legend--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--form-select-filter--toggle-button--border-width--neutral:var(--digi--border-width--input-regular);--digi--form-select-filter--toggle-button--border-color--neutral:var(--digi--color--border--neutral-3);--digi--form-select-filter--toggle-button--background--neutral:var(--digi--color--background--input);--digi--form-select-filter--toggle-button--border-width--success:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--success:var(--digi--color--border--success);--digi--form-select-filter--toggle-button--background--success:var(--digi--color--background--success-2);--digi--form-select-filter--toggle-button--border-width--warning:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--warning:var(--digi--color--border--warning-2);--digi--form-select-filter--toggle-button--background--warning:var(--digi--color--background--warning-2);--digi--form-select-filter--toggle-button--border-width--error:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--error:var(--digi--color--border--danger);--digi--form-select-filter--toggle-button--background--error:var(--digi--color--background--danger-2);box-sizing:content-box}.sc-digi-form-select-filter-h .digi-form-select-filter.sc-digi-form-select-filter{display:flex;flex-direction:column;gap:0.4em;position:relative;--INDICATOR--BACKGROUND:var(\n --digi--form-select-filter--toggle-button-indicator--color--default\n );--SCROLL--MAX-HEIGHT:var(--digi--form-select-filter--scroll--max-height)}.sc-digi-form-select-filter-h .digi-form-select-filter--neutral.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n --digi--form-select-filter--toggle-button--border-width--neutral\n );--BORDER-COLOR:var(\n --digi--form-select-filter--toggle-button--border-color--neutral\n );--BACKGROUND:var(\n --digi--form-select-filter--toggle-button--background--neutral\n )}.sc-digi-form-select-filter-h .digi-form-select-filter--success.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n --digi--form-select-filter--toggle-button--border-width--success\n );--BORDER-COLOR:var(\n --digi--form-select-filter--toggle-button--border-color--success\n );--BACKGROUND:var(\n --digi--form-select-filter--toggle-button--background--success\n )}.sc-digi-form-select-filter-h .digi-form-select-filter--warning.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n --digi--form-select-filter--toggle-button--border-width--warning\n );--BORDER-COLOR:var(\n --digi--form-select-filter--toggle-button--border-color--warning\n );--BACKGROUND:var(\n --digi--form-select-filter--toggle-button--background--warning\n )}.sc-digi-form-select-filter-h .digi-form-select-filter--error.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n --digi--form-select-filter--toggle-button--border-width--error\n );--BORDER-COLOR:var(\n --digi--form-select-filter--toggle-button--border-color--error\n );--BACKGROUND:var(\n --digi--form-select-filter--toggle-button--background--error\n )}.sc-digi-form-select-filter-h .digi-form-select-filter--open.sc-digi-form-select-filter .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter{transform:rotate(-180deg)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter{background:var(--BACKGROUND);border:var(--BORDER-WIDTH) solid var(--BORDER-COLOR);border-radius:var(--digi--border-radius--input);color:var(--digi--color--text--primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--digi--typography--body--font-size--desktop);width:100%;padding:0 var(--digi--gutter--medium);min-height:var(--digi--input-height--medium);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter:focus-visible,.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter:focus{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter{transition:var(--digi--form-select-filter--toggle-icon--transition)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter-s>[slot^=icon],.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon .sc-digi-form-select-filter-s>[slot^=icon]{--digi--icon--width:var(\n --digi--form-select-filter--toggle-icon--width\n );--digi--icon--height:var(\n --digi--form-select-filter--toggle-icon--height\n )}.sc-digi-form-select-filter-h .digi-form-select-filter__legend.sc-digi-form-select-filter{font-weight:var(--digi--form-select-filter--legend--font-weight);font-family:var(--digi--form-select-filter--legend--font-family);font-size:var(--digi--form-select-filter--legend--font-size);border:0;padding:0;margin:0;border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-form-select-filter-h .digi-form-select-filter__scroll.sc-digi-form-select-filter{max-height:var(--SCROLL--MAX-HEIGHT);overflow-y:auto}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter{background-color:var(--digi--form-select-filter--dropdown--header--background);padding:12px 12px 22px}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter input.sc-digi-form-select-filter{border-radius:var(--digi--form-select-filter--search-input--border-radius);border-width:var(--digi--form-select-filter--search-input--border-width);border-style:var(--digi--form-select-filter--search-input--border-style);border-color:var(--digi--form-select-filter--search-input--border-color);height:var(--digi--form-select-filter--search-input--height);width:var(--digi--form-select-filter--search-input--width)}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter legend.sc-digi-form-select-filter{width:100%;border-bottom:var(--digi--form-select-filter--legend__border-bottom)}.sc-digi-form-select-filter-h .digi-form-select-filter__footer.sc-digi-form-select-filter{display:flex;align-items:center;justify-content:center;background:var(--digi--form-select-filter--footer--background);padding:var(--digi--form-select-filter--scroll--padding)}.sc-digi-form-select-filter-h .digi-form-select-filter__reset-button.sc-digi-form-select-filter{display:inline-block;margin-right:var(--digi--form-select-filter--reset-button--margin-right)}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown.sc-digi-form-select-filter{min-width:var(--digi--form-select-filter--dropdown--min-width);width:100%;position:absolute;z-index:var(--digi--form-select-filter--dropdown--z-index);background:var(--digi--form-select-filter--dropdown--background);border-radius:var(--digi--form-select-filter--dropdown--border-radius);box-shadow:var(--digi--form-select-filter--dropdown--box-shadow);overflow:hidden;margin-top:var(--digi--form-select-filter--dropdown--margin-top)}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown.sc-digi-form-select-filter fieldset.sc-digi-form-select-filter{border:none;padding:0;margin:0}@media (min-width: 48rem){.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown--right.sc-digi-form-select-filter{right:0}}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown--hidden.sc-digi-form-select-filter{display:none}.sc-digi-form-select-filter-h .digi-form-select-filter__label.sc-digi-form-select-filter{display:block}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-wrapper--activated.sc-digi-form-select-filter{display:flex;align-items:center}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-indicator.sc-digi-form-select-filter{display:none;--digi--icon--color:var(\n --digi--form-select-filter--toggle-button-indicator--color\n )}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-indicator--active.sc-digi-form-select-filter{display:flex;margin-right:var(--digi--form-select-filter--toggle-button-indicator--margin-right);width:var(--digi--form-select-filter--toggle-button-indicator--width);height:var(--digi--form-select-filter--toggle-button-indicator--height)}.sc-digi-form-select-filter-h .digi-form-select-filter__search-status.sc-digi-form-select-filter{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--label--font-size--desktop);color:var(--digi--color--text--primary)}.sc-digi-form-select-filter-h .digi-form-select-filter__list.sc-digi-form-select-filter{margin:var(--digi--form-select-filter--list--margin);padding:0;max-width:100%}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter{background-color:var(--digi--form-select-filter--dropdown--item--background-color--default);border-width:0;box-sizing:content-box;border-bottom-width:var(--digi--form-select-filter--dropdown--item--border-width);border-style:var(--digi--form-select-filter--dropdown--item--border-type);border-color:var(--digi--form-select-filter--dropdown--item--border-color);cursor:var(--digi--form-select-filter--dropdown--item--cursor);color:var(--digi--form-select-filter--dropdown--item--color);display:block;font-size:var(--digi--form-select-filter--dropdown--item--font-size);font-family:var(--digi--form-select-filter--dropdown--item--font-family);font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--default);padding:var(--digi--form-select-filter--dropdown--item--padding-y) var(--digi--form-select-filter--dropdown--item--padding-x);position:relative;height:var(--digi--form-select-filter--dropdown--item--height);min-height:var(--digi--form-select-filter--dropdown--item--min-height);margin-bottom:var(--digi--form-select-filter--dropdown--item--margin-bottom);letter-spacing:var(--digi--form-select-filter--dropdown--item--letter-spacing);line-height:var(--digi--form-select-filter--dropdown--item--line-height)}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:focus-visible{background-color:var(--digi--form-select-filter--dropdown--item--background-color--focus);outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:hover{background-color:var(--digi--form-select-filter--dropdown--item--background-color--hover);font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--hover)}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:active{background-color:var(--digi--form-select-filter--dropdown--item--background-color--active)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[aria-checked=true].sc-digi-form-select-filter{font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--selected);background-color:var(--digi--form-select-filter--dropdown--item--background-color--selected)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[dir=rtl].sc-digi-form-select-filter{text-align:right}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{position:absolute;width:13px;height:25px;left:7px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio][dir=rtl].sc-digi-form-select-filter::before{right:3px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio][dir=rtl].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{left:auto;right:7px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter{padding:var(--digi--form-select-filter--dropdown--item--multiple--padding-y) var(--digi--form-select-filter--dropdown--item--multiple--padding-x)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][aria-checked=true].sc-digi-form-select-filter:before{background:var(--digi--form-select-filter--dropdown--item--checkbox--background-color--selected);border-color:var(--digi--form-select-filter--dropdown--item--checkbox--background-color--selected)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter::before{content:"";position:absolute;background-color:var(--digi--form-select-filter--dropdown--item--checkbox--background-color);border-color:var(--digi--form-select-filter--dropdown--item--checkbox--border-color);border-width:var(--digi--form-select-filter--dropdown--item--checkbox--border-width);border-style:var(--digi--form-select-filter--dropdown--item--checkbox--border-style);height:var(--digi--form-select-filter--dropdown--item--checkbox--width);width:var(--digi--form-select-filter--dropdown--item--checkbox--height);border-radius:var(--digi--form-select-filter--dropdown--item--checkbox--border-radius);left:12px;transform:translateY(1px)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{position:absolute;width:13px;left:16px;--digi--icon--color:white}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][dir=rtl].sc-digi-form-select-filter::before{right:12px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][dir=rtl].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{left:auto;right:16px}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-text.sc-digi-form-select-filter{margin-right:var(--digi--form-select-filter--toggle-button--text--margin-right)}.sc-digi-form-select-filter-h .hidden.sc-digi-form-select-filter{display:none}';export{p as digi_form_select_filter}

package/dist/digi-arbetsformedlingen/{p-c2bec230.entry.js → p-48664690.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,h as a}from"./p-e35cae7b.js";import{T as i}from"./p-a6ca40fc.js";const e=class{constructor(a){t(this,a),this.afVariation=i.PRIMARY}get cssModifiers(){return{[`digi-typography-meta--variation-${this.afVariation}`]:!!this.afVariation}}render(){return a("div",{key:"~~68ed39f4419998b77200b8de39eb86922eb57e01~~",class:Object.assign({"digi-typography-meta":!0},this.cssModifiers)},a("div",{key:"~~1374a7845ae0ac6b93e7cdfd188f68eeb5e68eff~~",class:"digi-typography-meta__meta"},a("slot",{key:"~~71fdaf00ef8a791cd0d12ffd870314c52aedee0b~~"})),a("div",{key:"~~840b64685d31677920ef4f6049457dba531d13ce~~",class:"digi-typography-meta__meta-secondary"},a("slot",{key:"~~7901abbbb5a25606103b4a06be7a04f68a42a2e0~~",name:"secondary"})))}};e.style=".sc-digi-typography-meta-h{--digi--typography-meta--font-weight--semibold:var(--digi--typography--preamble--font-weight--desktop);--digi--typography-meta--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--typography-meta--font-family:var(--digi--global--typography--font-family--default);--digi--typography-meta--meta--font-weight:var(--digi--typography--body--font-weight--desktop);--digi--typography-meta--meta-secondary--font-weight:var(--digi--typography--body--font-weight--desktop)}.sc-digi-typography-meta-h .digi-typography-meta__meta.sc-digi-typography-meta,.sc-digi-typography-meta-h .digi-typography-meta__meta.sc-digi-typography-meta-s>{font-weight:var(--digi--typography-meta--meta--font-weight)}.sc-digi-typography-meta-h .digi-typography-meta__meta-secondary.sc-digi-typography-meta,.sc-digi-typography-meta-h .digi-typography-meta__meta-secondary.sc-digi-typography-meta-s>{font-weight:var(--digi--typography-meta--meta-secondary--font-weight)}.sc-digi-typography-meta-h .digi-typography-meta.sc-digi-typography-meta{font-size:var(--digi--typography-meta--font-size);font-family:var(--digi--typography-meta--font-family)}.sc-digi-typography-meta-h .digi-typography-meta--variation-primary.sc-digi-typography-meta .digi-typography-meta__meta.sc-digi-typography-meta{--digi--typography-meta--meta--font-weight:var(\n --digi--typography-meta--font-weight--semibold\n )}.sc-digi-typography-meta-h .digi-typography-meta--variation-secondary.sc-digi-typography-meta .digi-typography-meta__meta-secondary.sc-digi-typography-meta{--digi--typography-meta--meta-secondary--font-weight:var(\n --digi--typography-meta--font-weight--semibold\n )}";export{e as digi_typography_meta}
1	+ import{r as t,h as a}from"./p-e35cae7b.js";import{T as i}from"./p-a6ca40fc.js";const e=class{constructor(a){t(this,a),this.afVariation=i.PRIMARY}get cssModifiers(){return{[`digi-typography-meta--variation-${this.afVariation}`]:!!this.afVariation}}render(){return a("div",{key:"3ee5dded39b2d51658341da17e292d3068762787",class:Object.assign({"digi-typography-meta":!0},this.cssModifiers)},a("div",{key:"f71d213cc1dfad7e7516e96599d05bf76605eadf",class:"digi-typography-meta__meta"},a("slot",{key:"853e4fd578eff23c9ed34da3ec5f01406e12e854"})),a("div",{key:"f47e062ff4fd82c68c9fc6dff4f623ca2c94f201",class:"digi-typography-meta__meta-secondary"},a("slot",{key:"1b76d4139b3a44248acdd45dfd63d7cd348ae0e8",name:"secondary"})))}};e.style=".sc-digi-typography-meta-h{--digi--typography-meta--font-weight--semibold:var(--digi--typography--preamble--font-weight--desktop);--digi--typography-meta--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--typography-meta--font-family:var(--digi--global--typography--font-family--default);--digi--typography-meta--meta--font-weight:var(--digi--typography--body--font-weight--desktop);--digi--typography-meta--meta-secondary--font-weight:var(--digi--typography--body--font-weight--desktop)}.sc-digi-typography-meta-h .digi-typography-meta__meta.sc-digi-typography-meta,.sc-digi-typography-meta-h .digi-typography-meta__meta.sc-digi-typography-meta-s>{font-weight:var(--digi--typography-meta--meta--font-weight)}.sc-digi-typography-meta-h .digi-typography-meta__meta-secondary.sc-digi-typography-meta,.sc-digi-typography-meta-h .digi-typography-meta__meta-secondary.sc-digi-typography-meta-s>{font-weight:var(--digi--typography-meta--meta-secondary--font-weight)}.sc-digi-typography-meta-h .digi-typography-meta.sc-digi-typography-meta{font-size:var(--digi--typography-meta--font-size);font-family:var(--digi--typography-meta--font-family)}.sc-digi-typography-meta-h .digi-typography-meta--variation-primary.sc-digi-typography-meta .digi-typography-meta__meta.sc-digi-typography-meta{--digi--typography-meta--meta--font-weight:var(\n --digi--typography-meta--font-weight--semibold\n )}.sc-digi-typography-meta-h .digi-typography-meta--variation-secondary.sc-digi-typography-meta .digi-typography-meta__meta-secondary.sc-digi-typography-meta{--digi--typography-meta--meta-secondary--font-weight:var(\n --digi--typography-meta--font-weight--semibold\n )}";export{e as digi_typography_meta}

package/dist/digi-arbetsformedlingen/p-4fa41b6b.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as e,h as t,H as a,g as s}from"./p-e35cae7b.js";const i=class{constructor(t){e(this,t),this.tab=void 0,this.isVisible=!1}render(){return t(a,{key:"86f137cc5e2a52c59307d8efd21981606c84478e"},t("div",{key:"642ae49a6b9c667b786acd732d30b5e62f0a629e",id:`tabpanel-${this.tab}`,role:"tabpanel","aria-labelledby":`tab-${this.tab}`,style:{display:this.isVisible?"initial":"none",overflowX:"hidden",overflowY:"auto"}},t("slot",{key:"01cdafb4516423f5561fdf8d8128fc7370e4f9ec"})))}get hostElement(){return s(this)}};export{i as digi_tablist_panel}