@aarhus-university/au-designsystem-delphinus 0.34.10 → 0.34.12

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+## 0.34.12 (February 14, 2023)
+
+### Core Delphinus Updates
+* Fixes an issue with positioning of submit button in `.form__inline-submit` that was introduced in 0.34.11
+* Updates z-index of `.toolbar__popout`
+
+### Delphinus Projects Updates
+#### Typo3
+Fine tunings of `.profile-header` component:
+* Optimize margins for various page layouts.
+* Optimize for long emails and long subject-areas.
+* Adds use of `<picture>` element for the profile picture, in order to serve the image resource in various sizes.
+
+Optimized image sizes in cards.
+
+
+
+## 0.34.11 (February 10, 2023)
+
+### Core Delphinus Updates
+* Adds javascript for [Tabbed Content](https://delphinus.au.dk/components/tabbed-content) component using [Switch](https://delphinus.au.dk/components/switch) component as tabs.
+
+### Delphinus Projects Updates
+#### Typo3
+* Many fine tunings of `.profile-header` component.
+
+
 ## 0.34.10 (February 1, 2023)
 
 ### Core Delphinus Updates

package/build/changelog.html

@@ -17,7 +17,39 @@ a(href="/components" class= active_nav_item=="components" ? "nav__item--active"
 a(href="/atom-fonts.html" class= active_nav_item=="atoms" ? "nav__item--active" : "").nav__item Atoms
 a(href="/code.html" class= active_nav_item=="code" ? "nav__item--active" : "").nav__item Code
 a(href="/projects" class= active_nav_item=="projects" ? "nav__item--active" : "").nav__item Projects
-a(href="/changelog.html" class= active_nav_item=="changelog" ? "nav__item--active" : "").nav__item Changelog--><!--button(title="Show full menu" aria-label="Show full menu" aria-haspopup="true" aria-expanded="false" aria-controls="nav-items-global").nav__toggle Menu--></div></nav></header><main class="page__content theme--normal" id="content"><div class="page__content__block"><h1> <strong>Changelog</strong></h1><div class="changelog"><h2>0.34.9 (February 1, 2023)</h2>
+a(href="/changelog.html" class= active_nav_item=="changelog" ? "nav__item--active" : "").nav__item Changelog--><!--button(title="Show full menu" aria-label="Show full menu" aria-haspopup="true" aria-expanded="false" aria-controls="nav-items-global").nav__toggle Menu--></div></nav></header><main class="page__content theme--normal" id="content"><div class="page__content__block"><h1> <strong>Changelog</strong></h1><div class="changelog"><h2>0.34.12 (February 14, 2023)</h2>
+<h3>Core Delphinus Updates</h3>
+<ul>
+<li>Fixes an issue with positioning of submit button in <code>.form__inline-submit</code> that was introduced in 0.34.11</li>
+<li>Updates z-index of <code>.toolbar__popout</code></li>
+</ul>
+<h3>Delphinus Projects Updates</h3>
+<h4>Typo3</h4>
+<p>Fine tunings of <code>.profile-header</code> component:</p>
+<ul>
+<li>Optimize margins for various page layouts.</li>
+<li>Optimize for long emails and long subject-areas.</li>
+<li>Adds use of <code>&lt;picture&gt;</code> element for the profile picture, in order to serve the image resource in various sizes.</li>
+</ul>
+<p>Optimized image sizes in cards.</p>
+<h2>0.34.11 (February 10, 2023)</h2>
+<h3>Core Delphinus Updates</h3>
+<ul>
+<li>Adds javascript for <a href="https://delphinus.au.dk/components/tabbed-content">Tabbed Content</a> component using <a href="https://delphinus.au.dk/components/switch">Switch</a> component as tabs.</li>
+</ul>
+<h3>Delphinus Projects Updates</h3>
+<h4>Typo3</h4>
+<ul>
+<li>Many fine tunings of <code>.profile-header</code> component.</li>
+</ul>
+<h2>0.34.10 (February 1, 2023)</h2>
+<h3>Core Delphinus Updates</h3>
+<ul>
+<li>Fix issue where Fact list component would cause horizontal overflow i default viewport width.</li>
+</ul>
+<h3>Delphinus Projects Updates</h3>
+<p>None</p>
+<h2>0.34.9 (February 1, 2023)</h2>
 <h3>Core Delphinus Updates</h3>
 <ul>
 <li>Fix color in <code>.icon--heading</code></li>

package/build/js/app.js

@@ -1,2 +1,2 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";n.r(t);const o=(e,t)=>{let n=!1;return e.composedPath().forEach(e=>{e.classList&&e.classList.contains(t)&&(n=!0)}),n},r=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),l=e=>{return Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)<r(parseInt(getComputedStyle(document.documentElement).getPropertyValue(e).replace("rem",""),10))},a=e=>{const t=e.parentElement;return t?t.classList.contains("nav")?t:a(t):e},c=(e,t=null)=>{e.forEach(e=>{const n=e.querySelector(".nav__toggle");e!==t&&(e.classList.contains("nav--toggled")&&(n.focus(),n.setAttribute("aria-expanded","false")),e.classList.remove("nav--toggled"))})},i=e=>{const t=[];return document.querySelectorAll(".nav__toggle").forEach(n=>{const o=()=>{const t=(e=>{const t=a(e),n=t.querySelector(".nav__items"),o=null==n?void 0:n.querySelector(".nav__item:last-of-type");null==n||n.classList.add("nav__items--fadeout");const r=null==n?void 0:n.querySelector(".nav__item--is-overflown");r&&r.focus();const l=()=>{t.classList.toggle("nav--toggled"),null==n||n.classList.remove("nav__items--fadeout"),null==o||o.removeEventListener("transitionend",l)};return null==o||o.addEventListener("transitionend",l),t})(n),o=n.getAttribute("aria-expanded");n.setAttribute("aria-expanded","false"===o?"true":"false"),c(e,t)};t.push({element:n,clickEvent:o}),n.addEventListener("click",o)}),t},s=(e,t)=>{var n;t.classList.remove("nav--toggled");const r=t.querySelector(".nav__items");if(r){const e=r.querySelectorAll(".nav__item"),n="nav__item--is-overflown",o="nav--has-overflow",l="nav__item--active";let a=!1;for(let r=e.length-1;r>=0;r-=1){const c=e[r];c.offsetTop>0?(c.classList.add(n),t.classList.add(o),a=!0):c.classList.contains(l)||c.classList.remove(n)}if(!a){t.classList.remove(o);const e=t.querySelector(`.${l}`);e&&e.classList.remove(n)}}const l=t=>{t.target.classList.contains("nav__toggle")||o(t,"nav__items")||c(e)};return null===(n=document.querySelector("body"))||void 0===n||n.addEventListener("click",l),{element:document.querySelector("body"),clickEvent:l}},d=e=>{const t=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/(()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10))(),n=(e=>e.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):e.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1)(e);return!(n>-1)||t<n},u=(e,t,n,o,r,l=!0,a=(e=>console.log(e)))=>{l&&o.focus(),o.removeAttribute("tabindex"),o.setAttribute("aria-selected","true"),o.classList.add("nav__item--active"),n&&(n.removeAttribute("aria-selected"),n.setAttribute("tabindex","-1"),n.classList.remove("nav__item--active"));const c=Array.prototype.indexOf.call(e,o);if(t[c].hidden=!1,n){t[Array.prototype.indexOf.call(e,n)].hidden=!0}o.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:c}})),a(c)},m=e=>{e.querySelectorAll(".content-toggle__toggle").forEach(e=>{var t;const n=null===(t=e.parentElement)||void 0===t?void 0:t.querySelector(".content-toggle__content");e.setAttribute("aria-expanded","false"),null==n||n.setAttribute("hidden","hidden")})},p=e=>{const t=e.parentElement;return t?t.classList.contains("toolbar")?t:p(t):e};let f=0;const v=[],b=()=>{v.forEach((e,t)=>{const{rendered:n,domElement:o}=e;if(d(o.classList)){if(!n){const n=o.getAttribute("data-focus-onload"),r=o.getAttribute("data-initial-tab");((e,t,n=0,o=!0,r=(e=>console.log(e)))=>{const l=t.querySelector(".nav__items"),a=l.querySelectorAll("a"),c=[];t.querySelectorAll("section").forEach(e=>{e.parentNode===t&&c.push(e)});const i=t.querySelector("button.tabbed-content__expand-all");if(i){const e=()=>{l.hidden=!0,c.forEach(e=>{e.hidden=!1})};i.removeEventListener("click",e),i.addEventListener("click",e)}l.setAttribute("role","tablist"),a.forEach((n,o)=>{var i;n.setAttribute("role","tab"),n.setAttribute("id",`tab${e}_${o+1}`),n.setAttribute("tabindex","-1"),null===(i=n.parentElement)||void 0===i||i.setAttribute("role","presentation");const s=e=>{e.preventDefault();const n=l.querySelector("[aria-selected]");e.currentTarget!==n&&u(a,c,n,e.currentTarget,t.classList,!0,e=>{r(e)})};n.removeEventListener("click",s),n.addEventListener("click",s);const d=e=>{const n=Array.prototype.indexOf.call(a,e.currentTarget);let l=null;"ArrowLeft"===e.key&&(l=n-1),"ArrowRight"===e.key&&(l=n+1),"ArrowDown"===e.key&&(l="down"),null!==l&&(e.preventDefault(),"down"===l?c[o].focus():a[l]&&u(a,c,e.currentTarget,a[l],t.classList,!0,e=>{r(e)}))};n.removeEventListener("keydown",d),n.addEventListener("keydown",d)}),c.forEach((e,t)=>{e.setAttribute("tabindex","-1"),e.setAttribute("aria-labelledby",a[t].id),e.hidden=!0,e.setAttribute("role","tabpanel")}),n>-1&&u(a,c,null,a[n],t.classList,o)})(t,o,r?parseInt(r,10):0,"false"!==n),e.rendered=!0}}else n&&((e=>{const t=e.querySelector(".nav__items"),n=null==t?void 0:t.querySelectorAll("a"),o=[];e.querySelectorAll("section").forEach(t=>{t.parentNode===e&&o.push(t)}),null==n||n.forEach(e=>{e.removeAttribute("aria-selected"),e.classList.remove("nav__item--active")}),o.forEach(e=>{e.hidden=!1,e.removeAttribute("role")})})(o),e.rendered=!1)})};(e=>{"loading"!==document.readyState?e():document.addEventListener("DOMContentLoaded",e)})(()=>{document.querySelectorAll(".tabbed-content").forEach(e=>v.push({domElement:e,rendered:!1})),b(),(()=>{const e=document.querySelector("body");if(e){const t=window.getComputedStyle(e).getPropertyValue("--color-background"),n=document.querySelector('meta[name="theme-color"]');if(n)n.content=t;else{const e=document.createElement("meta");e.name="theme-color",e.content=t,document.getElementsByTagName("head")[0].appendChild(e)}}})();const e=document.querySelectorAll(".nav:not(.nav--vertical)");e.forEach(t=>s(e,t)),i(e),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(e=>(e=>{const t=e.querySelector("thead"),n=e.querySelector("tbody"),o=e.querySelector("tfoot");if(t){const e=[];t.querySelectorAll("th").forEach(t=>{t.classList.contains("table__cell--self-explanatory")?e.push(""):e.push(t.innerHTML)});const r=[];n&&r.push(n),o&&r.push(o),r.forEach(t=>{t.querySelectorAll("tr").forEach(t=>{t.querySelectorAll("td, th").forEach((t,n)=>{e[n]&&t.setAttribute("data-label",e[n])})})})}})(e)),document.querySelectorAll(".content-toggle__content").forEach(e=>{((e,t,n,o)=>{var r;const l=[],a=(t,n,o)=>{o&&n.focus();const r=()=>{e.setAttribute("hidden","hidden"),t.removeAttribute("hidden"),t.setAttribute("aria-expanded","false"),t.focus()};return n.addEventListener("click",r),r},c=null==e?void 0:null===(r=e.parentElement)||void 0===r?void 0:r.querySelector(".content-toggle__toggle"),i=e.querySelectorAll(".content-toggle__close");if(c){const r=()=>{const r=c.getAttribute("aria-expanded");"function"==typeof n&&"false"===r&&n(e,c),c.setAttribute("aria-expanded","false"===r?"true":"false"),"true"===r?e.setAttribute("hidden","hidden"):e.removeAttribute("hidden"),"function"==typeof t&&t(e,c),c.hasAttribute("aria-haspopup")&&(c.setAttribute("hidden","hidden"),i.forEach(e=>{a(c,e,!0)})),"function"==typeof o&&o(e,c)};c.addEventListener("click",r),l.push({element:c,clickEvent:r}),i.forEach(e=>{const t=a(c,e,!1);l.push({element:e,clickEvent:t})})}})(e,e=>{(e=>{if(!l("--bp-medium")&&!l("--bp-low-height")){const t=r(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),n=parseInt(getComputedStyle(e).width.replace("px",""),10),o=e.getBoundingClientRect().x,l=document.body.offsetWidth-t-n-o;l<0&&e.style.setProperty("--toolbar-popout-edge-overflow",`${l}px`)}})(e),(()=>{const e=document.querySelector("body");(l("--bp-medium")||l("--bp-low-height"))&&(null==e||e.classList.add("body--no-scroll"))})()},e=>m(p(e)),(e,t)=>{const n=t.getAttribute("aria-expanded"),r=p(e);"true"===n?null==r||r.classList.add("toolbar--has-popout"):null==r||r.classList.remove("toolbar--has-popout"),e.addEventListener("click",e=>{e.target.classList.contains("toolbar__popout")&&!o(e,"toolbar__filter__content")&&(m(r),(()=>{const e=document.querySelector("body");null==e||e.classList.remove("body--no-scroll")})())})})}),window.addEventListener("load",()=>{f=window.innerWidth}),window.addEventListener("resize",()=>{f>0&&window.innerWidth!==f&&(f=window.innerWidth,e.forEach(t=>s(e,t)),b())})})}])}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";n.r(t);const o=(e,t)=>{let n=!1;return e.composedPath().forEach(e=>{e.classList&&e.classList.contains(t)&&(n=!0)}),n},r=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),l=e=>{return Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)<r(parseInt(getComputedStyle(document.documentElement).getPropertyValue(e).replace("rem",""),10))},a=e=>{const t=e.parentElement;return t?t.classList.contains("nav")?t:a(t):e},c=(e,t=null)=>{e.forEach(e=>{const n=e.querySelector(".nav__toggle");e!==t&&(e.classList.contains("nav--toggled")&&(n.focus(),n.setAttribute("aria-expanded","false")),e.classList.remove("nav--toggled"))})},i=e=>{const t=[];return document.querySelectorAll(".nav__toggle").forEach(n=>{const o=()=>{const t=(e=>{const t=a(e),n=t.querySelector(".nav__items"),o=null==n?void 0:n.querySelector(".nav__item:last-of-type");null==n||n.classList.add("nav__items--fadeout");const r=null==n?void 0:n.querySelector(".nav__item--is-overflown");r&&r.focus();const l=()=>{t.classList.toggle("nav--toggled"),null==n||n.classList.remove("nav__items--fadeout"),null==o||o.removeEventListener("transitionend",l)};return null==o||o.addEventListener("transitionend",l),t})(n),o=n.getAttribute("aria-expanded");n.setAttribute("aria-expanded","false"===o?"true":"false"),c(e,t)};t.push({element:n,clickEvent:o}),n.addEventListener("click",o)}),t},s=(e,t)=>{var n;t.classList.remove("nav--toggled");const r=t.querySelector(".nav__items");if(r){const e=r.querySelectorAll(".nav__item"),n="nav__item--is-overflown",o="nav--has-overflow",l="nav__item--active";let a=!1;for(let r=e.length-1;r>=0;r-=1){const c=e[r];c.offsetTop>0?(c.classList.add(n),t.classList.add(o),a=!0):c.classList.contains(l)||c.classList.remove(n)}if(!a){t.classList.remove(o);const e=t.querySelector(`.${l}`);e&&e.classList.remove(n)}}const l=t=>{t.target.classList.contains("nav__toggle")||o(t,"nav__items")||c(e)};return null===(n=document.querySelector("body"))||void 0===n||n.addEventListener("click",l),{element:document.querySelector("body"),clickEvent:l}},d=e=>{const t=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/(()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10))(),n=(e=>e.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):e.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1)(e);return!(n>-1)||t<n},u=(e,t,n,o,r,l=!0,a=(e=>console.log(e)))=>{l&&o.focus(),o.removeAttribute("tabindex"),o.setAttribute("aria-selected","true"),o.classList.contains("switch__segment")?o.classList.add("switch__segment--active"):o.classList.add("nav__item--active"),n&&(n.removeAttribute("aria-selected"),n.setAttribute("tabindex","-1"),n.classList.contains("switch__segment")?n.classList.remove("switch__segment--active"):n.classList.remove("nav__item--active"));const c=Array.prototype.indexOf.call(e,o);if(Array.from(document.querySelectorAll(`[data-for="${t[c].id}"]`)).forEach(e=>{e.classList.add("tabbed-content-peripheral--active"),e.hidden=!1}),t[c].hidden=!1,n){const o=Array.prototype.indexOf.call(e,n);Array.from(document.querySelectorAll(`[data-for="${t[o].id}"]`)).forEach(e=>{e.classList.remove("tabbed-content-peripheral--active"),e.hidden=!0}),t[o].hidden=!0}o.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:c}})),a(c)},m=e=>{e.querySelectorAll(".content-toggle__toggle").forEach(e=>{var t;const n=null===(t=e.parentElement)||void 0===t?void 0:t.querySelector(".content-toggle__content");e.setAttribute("aria-expanded","false"),null==n||n.setAttribute("hidden","hidden")})},p=e=>{const t=e.parentElement;return t?t.classList.contains("toolbar")?t:p(t):e};let f=0;const v=[],b=()=>{v.forEach((e,t)=>{const{rendered:n,domElement:o}=e;if(d(o.classList)){if(!n){const n=o.getAttribute("data-focus-onload"),r=o.getAttribute("data-initial-tab");((e,t,n=0,o=!0,r=(e=>console.log(e)))=>{const l=t.querySelector(".switch,.nav__items"),a=l.querySelectorAll("a"),c=[];t.querySelectorAll("section").forEach(e=>{e.parentNode===t&&c.push(e)});const i=t.querySelector("button.tabbed-content__expand-all");if(i){const e=()=>{l.hidden=!0,c.forEach(e=>{e.hidden=!1})};i.removeEventListener("click",e),i.addEventListener("click",e)}l.setAttribute("role","tablist"),a.forEach((n,o)=>{var i;n.setAttribute("role","tab"),n.setAttribute("id",`tab${e}_${o+1}`),n.setAttribute("tabindex","-1"),null===(i=n.parentElement)||void 0===i||i.setAttribute("role","presentation");const s=e=>{e.preventDefault();const n=l.querySelector("[aria-selected]");e.currentTarget!==n&&u(a,c,n,e.currentTarget,t.classList,!0,e=>{r(e)})};n.removeEventListener("click",s),n.addEventListener("click",s);const d=e=>{const n=Array.prototype.indexOf.call(a,e.currentTarget);let l=null;"ArrowLeft"===e.key&&(l=n-1),"ArrowRight"===e.key&&(l=n+1),"ArrowDown"===e.key&&(l="down"),null!==l&&(e.preventDefault(),"down"===l?c[o].focus():a[l]&&u(a,c,e.currentTarget,a[l],t.classList,!0,e=>{r(e)}))};n.removeEventListener("keydown",d),n.addEventListener("keydown",d)}),c.forEach((e,t)=>{e.setAttribute("tabindex","-1"),e.setAttribute("aria-labelledby",a[t].id),e.hidden=!0,e.setAttribute("role","tabpanel")}),n>-1&&u(a,c,null,a[n],t.classList,o)})(t,o,r?parseInt(r,10):0,"false"!==n),e.rendered=!0}}else n&&((e=>{const t=e.querySelector(".nav__items"),n=null==t?void 0:t.querySelectorAll("a"),o=[];e.querySelectorAll("section").forEach(t=>{t.parentNode===e&&o.push(t)}),null==n||n.forEach(e=>{e.removeAttribute("aria-selected"),e.classList.remove("nav__item--active")}),o.forEach(e=>{e.hidden=!1,e.removeAttribute("role")})})(o),e.rendered=!1)})};(e=>{"loading"!==document.readyState?e():document.addEventListener("DOMContentLoaded",e)})(()=>{document.querySelectorAll(".tabbed-content").forEach(e=>v.push({domElement:e,rendered:!1})),b(),(()=>{const e=document.querySelector("body");if(e){const t=window.getComputedStyle(e).getPropertyValue("--color-background"),n=document.querySelector('meta[name="theme-color"]');if(n)n.content=t;else{const e=document.createElement("meta");e.name="theme-color",e.content=t,document.getElementsByTagName("head")[0].appendChild(e)}}})();const e=document.querySelectorAll(".nav:not(.nav--vertical)");e.forEach(t=>s(e,t)),i(e),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(e=>(e=>{const t=e.querySelector("thead"),n=e.querySelector("tbody"),o=e.querySelector("tfoot");if(t){const e=[];t.querySelectorAll("th").forEach(t=>{t.classList.contains("table__cell--self-explanatory")?e.push(""):e.push(t.innerHTML)});const r=[];n&&r.push(n),o&&r.push(o),r.forEach(t=>{t.querySelectorAll("tr").forEach(t=>{t.querySelectorAll("td, th").forEach((t,n)=>{e[n]&&t.setAttribute("data-label",e[n])})})})}})(e)),document.querySelectorAll(".content-toggle__content").forEach(e=>{((e,t,n,o)=>{var r;const l=[],a=(t,n,o)=>{o&&n.focus();const r=()=>{e.setAttribute("hidden","hidden"),t.removeAttribute("hidden"),t.setAttribute("aria-expanded","false"),t.focus()};return n.addEventListener("click",r),r},c=null==e?void 0:null===(r=e.parentElement)||void 0===r?void 0:r.querySelector(".content-toggle__toggle"),i=e.querySelectorAll(".content-toggle__close");if(c){const r=()=>{const r=c.getAttribute("aria-expanded");"function"==typeof n&&"false"===r&&n(e,c),c.setAttribute("aria-expanded","false"===r?"true":"false"),"true"===r?e.setAttribute("hidden","hidden"):e.removeAttribute("hidden"),"function"==typeof t&&t(e,c),c.hasAttribute("aria-haspopup")&&(c.setAttribute("hidden","hidden"),i.forEach(e=>{a(c,e,!0)})),"function"==typeof o&&o(e,c)};c.addEventListener("click",r),l.push({element:c,clickEvent:r}),i.forEach(e=>{const t=a(c,e,!1);l.push({element:e,clickEvent:t})})}})(e,e=>{(e=>{if(!l("--bp-medium")&&!l("--bp-low-height")){const t=r(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),n=parseInt(getComputedStyle(e).width.replace("px",""),10),o=e.getBoundingClientRect().x,l=document.body.offsetWidth-t-n-o;l<0&&e.style.setProperty("--toolbar-popout-edge-overflow",`${l}px`)}})(e),(()=>{const e=document.querySelector("body");(l("--bp-medium")||l("--bp-low-height"))&&(null==e||e.classList.add("body--no-scroll"))})()},e=>m(p(e)),(e,t)=>{const n=t.getAttribute("aria-expanded"),r=p(e);"true"===n?null==r||r.classList.add("toolbar--has-popout"):null==r||r.classList.remove("toolbar--has-popout"),e.addEventListener("click",e=>{e.target.classList.contains("toolbar__popout")&&!o(e,"toolbar__filter__content")&&(m(r),(()=>{const e=document.querySelector("body");null==e||e.classList.remove("body--no-scroll")})())})})}),window.addEventListener("load",()=>{f=window.innerWidth}),window.addEventListener("resize",()=>{f>0&&window.innerWidth!==f&&(f=window.innerWidth,e.forEach(t=>s(e,t)),b())})})}])}));
 //# sourceMappingURL=app.js.map

package/build/js/app.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap","webpack:///./source/js/components/helpers.ts","webpack:///./source/js/components/nav.ts","webpack:///./source/js/components/tabs.ts","webpack:///./source/js/components/toolbar.ts","webpack:///./source/js/production/app.ts","webpack:///./source/js/components/ready.ts","webpack:///./source/js/components/table.ts","webpack:///./source/js/components/content-toggle.ts"],"names":["root","factory","exports","module","define","amd","a","i","window","installedModules","__webpack_require__","moduleId","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","isElementWithClassNameInEventPath","event","className","found","composedPath","forEach","classList","contains","convertRemToPixels","rem","parseFloat","getComputedStyle","document","documentElement","fontSize","isViewportBelow","mediaQuery","Math","max","clientWidth","innerWidth","parseInt","getPropertyValue","replace","findNav","element","parent","parentElement","closeResponsiveNav","navElements","keepOpen","button","querySelector","focus","setAttribute","remove","setResponsiveToggle","cleanUp","querySelectorAll","clickEvent","nav","navItems","lastNavItem","add","firstElement","transitionListener","toggle","removeEventListener","addEventListener","toggleMenu","ariaExpanded","getAttribute","push","setResponsiveNav","navElement","navItemsParent","isOverflownClass","hasOverflowClass","isActiveClass","hasOverflown","length","offsetTop","isActive","bodyClickEvent","e","target","isBelowViewportLimit","widthInRem","getBaseFontSize","mediaWidth","getMediaWidthBasedOnModifier","switchTab","tabs","panels","oldTab","newTab","_","callback","index","console","log","removeAttribute","Array","indexOf","hidden","dispatchEvent","CustomEvent","bubbles","detail","tab","closeAllContentTogglesInToolbar","toolbar","content","findToolbar","windowInnerWidth","tabbedObjects","setTabs","tabObject","rendered","domElement","dataInitial","tabbed","initial","tablist","section","parentNode","expandAll","expandAllEvent","panel","tabClickEvent","preventDefault","currentTab","currentTarget","tabIndex","tabKeyEvent","dir","id","setTabbedContent","destroyTabs","fn","readyState","ready","body","bgColor","existingMeta","meta","createElement","getElementsByTagName","appendChild","setMetaThemeColor","table","head","foot","headers","h","innerHTML","rowContainers","rc","tr","cell","setResponsiveTable","onClick","beforeCallback","afterCallback","setContentClose","contentClose","click","hasAttribute","cc","btnClick","setContentToggle","popout","allowedDistance","popoutX","width","popoutWidth","getBoundingClientRect","x","distance","offsetWidth","style","setProperty","contentToggleEdgeHandling","lockBodyScroll","unlockBodyScroll"],"mappings":"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","file":"app.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse {\n\t\tvar a = factory();\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(window, function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n","/* eslint-disable wrap-iife */\n/* eslint-disable import/prefer-default-export */\n/* eslint-env browser */\nconst copyToClipboard = (str: string): void => {\n  // eslint-disable-next-line no-console\n  navigator.clipboard.writeText(str).then(() => console.log(`${str} written to clipboard`));\n};\n\nconst isElementWithClassNameInEventPath = (event: MouseEvent, className: string): boolean => {\n  let found = false;\n  const path = event.composedPath();\n  path.forEach((p: EventTarget): void => {\n    if ((p as HTMLElement).classList) {\n      if ((p as HTMLElement).classList.contains(className)) {\n        found = true;\n      }\n    }\n  });\n  return found;\n};\n\nconst setMetaThemeColor = (): void => {\n  const body = document.querySelector('body');\n  if (body) {\n    const bgColor = window.getComputedStyle(body).getPropertyValue('--color-background');\n    const existingMeta = document.querySelector('meta[name=\"theme-color\"]') as HTMLMetaElement;\n    if (existingMeta) {\n      existingMeta.content = bgColor;\n    } else {\n      const meta = document.createElement('meta');\n      meta.name = 'theme-color';\n      meta.content = bgColor;\n      document.getElementsByTagName('head')[0].appendChild(meta);\n    }\n  }\n};\n\nconst getBaseFontSize = (): number => parseInt(window.getComputedStyle(document.documentElement).fontSize.replace('px', ''), 10);\n\n// eslint-disable-next-line max-len\nconst convertRemToPixels = (rem: number): number => rem * parseFloat(getComputedStyle(document.documentElement).fontSize);\n\nconst isViewportBelow = (mediaQuery: string): boolean => {\n  const viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n  const mediaQueryValue = convertRemToPixels(parseInt(getComputedStyle(document.documentElement).getPropertyValue(mediaQuery).replace('rem', ''), 10));\n  return viewportWidth < mediaQueryValue;\n};\n\nconst setScrollbarWidthVariable = (): void => {\n  const scrollbarWidth = window.innerWidth - document.body.clientWidth;\n  document.documentElement.style.setProperty('--vertical-scrollbar-width', `${scrollbarWidth}px`);\n};\n\nconst overflowsY = (element: HTMLElement): boolean => element.offsetHeight !== element.scrollHeight;\nconst overflowsX = (element: HTMLElement): boolean => element.offsetWidth !== element.scrollWidth;\n// eslint-disable-next-line max-len\nconst elementOverflows = (element: HTMLElement): boolean => overflowsY(element) || overflowsX(element);\n\nconst setHorizontalScroll = (element: HTMLElement): void => {\n  const content = element.querySelector('.horizontal-scroll__scrollable-content');\n  if (!overflowsX(content as HTMLElement)) {\n    element.classList.add('horizontal-scroll--no-overflow');\n    content?.removeAttribute('tabindex');\n  } else {\n    content?.setAttribute('tabindex', '0');\n  }\n};\n\nexport {\n  copyToClipboard,\n  isElementWithClassNameInEventPath,\n  getBaseFontSize,\n  setMetaThemeColor,\n  isViewportBelow,\n  convertRemToPixels,\n  setScrollbarWidthVariable,\n  overflowsX,\n  overflowsY,\n  elementOverflows,\n  setHorizontalScroll,\n};\n","/* eslint-env browser */\nimport { copyToClipboard, isElementWithClassNameInEventPath } from './helpers';\n\nconst findNav = (element: HTMLElement): HTMLElement => {\n  const parent = element.parentElement;\n  if (parent) {\n    if (parent.classList.contains('nav')) {\n      return parent;\n    }\n    return findNav(parent);\n  }\n  return element;\n};\n\n// eslint-disable-next-line max-len\nconst closeResponsiveNav = (navElements: NodeListOf<Element>, keepOpen: HTMLElement | null = null): void => {\n  const navToggledClass = 'nav--toggled';\n  navElements.forEach((n) => {\n    const button = n.querySelector('.nav__toggle') as HTMLElement;\n    if (n !== keepOpen) {\n      if (n.classList.contains(navToggledClass)) {\n        button.focus();\n        button.setAttribute('aria-expanded', 'false');\n      }\n      n.classList.remove(navToggledClass);\n    }\n  });\n};\n\nconst setResponsiveToggle = (navElements: NodeListOf<Element>): CleanUpPair[] => {\n  const toggleMenu = (button: HTMLElement) => {\n    const parent = findNav(button);\n\n    const navItems = parent.querySelector('.nav__items');\n    const lastNavItem = navItems?.querySelector('.nav__item:last-of-type');\n    navItems?.classList.add('nav__items--fadeout');\n    const firstElement = navItems?.querySelector('.nav__item--is-overflown') as HTMLElement;\n    if (firstElement) {\n      firstElement.focus();\n    }\n\n    const transitionListener = () => {\n      parent.classList.toggle('nav--toggled');\n      navItems?.classList.remove('nav__items--fadeout');\n      lastNavItem?.removeEventListener('transitionend', transitionListener);\n    };\n\n    lastNavItem?.addEventListener('transitionend', transitionListener);\n    return parent;\n  };\n\n  const cleanUp: CleanUpPair[] = [];\n\n  const toggle = document.querySelectorAll('.nav__toggle');\n  toggle.forEach((button) => {\n    const clickEvent = () => {\n      const nav = toggleMenu(button as HTMLElement);\n      const ariaExpanded = button.getAttribute('aria-expanded');\n      button.setAttribute('aria-expanded', ariaExpanded === 'false' ? 'true' : 'false');\n      closeResponsiveNav(navElements, nav);\n    };\n\n    cleanUp.push({\n      element: button,\n      clickEvent,\n    });\n\n    button.addEventListener('click', clickEvent);\n  });\n\n  return cleanUp;\n};\n\nconst setResponsiveNav = (\n  navElements: NodeListOf<Element>,\n  navElement: Element,\n): SetResponsiveNavCleanUp => {\n  const navToggledClass = 'nav--toggled';\n  const navItemsClass = 'nav__items';\n  // gitlab #117\n  navElement.classList.remove(navToggledClass);\n  const navItemsParent = navElement.querySelector(`.${navItemsClass}`);\n\n  if (navItemsParent) {\n    const navItems = navItemsParent.querySelectorAll('.nav__item');\n    const isOverflownClass = 'nav__item--is-overflown';\n    const hasOverflowClass = 'nav--has-overflow';\n    const isActiveClass = 'nav__item--active';\n    let hasOverflown = false;\n\n    for (let i = navItems.length - 1; i >= 0; i -= 1) {\n      const nav = navItems[i] as HTMLElement;\n      const top = nav.offsetTop;\n\n      if (top > 0) {\n        nav.classList.add(isOverflownClass);\n        navElement.classList.add(hasOverflowClass);\n        hasOverflown = true;\n      } else if (!nav.classList.contains(isActiveClass)) {\n        nav.classList.remove(isOverflownClass);\n      }\n    }\n\n    if (!hasOverflown) {\n      navElement.classList.remove(hasOverflowClass);\n      const isActive = navElement.querySelector(`.${isActiveClass}`);\n      if (isActive) {\n        isActive.classList.remove(isOverflownClass);\n      }\n    }\n  }\n\n  // gitlab #115\n  const bodyClickEvent = (e: Event) => {\n    if (!(e.target as HTMLElement).classList.contains('nav__toggle')\n      && !isElementWithClassNameInEventPath(e as MouseEvent, navItemsClass)) {\n      closeResponsiveNav(navElements);\n    }\n  };\n\n  document.querySelector('body')?.addEventListener('click', bodyClickEvent);\n\n  return {\n    element: document.querySelector('body'),\n    clickEvent: bodyClickEvent,\n  };\n};\n\nconst closeSubNav = (buttons: NodeListOf<Element>, keepOpen: Element | null = null) => {\n  const subNavClass = 'sub-nav--toggled';\n  buttons.forEach((button) => {\n    if (button !== keepOpen) {\n      if (button?.parentElement?.classList.contains(subNavClass)) {\n        (button as HTMLElement).focus();\n        button.setAttribute('aria-expanded', 'false');\n      }\n      button?.parentElement?.classList.remove(subNavClass);\n    }\n  });\n};\n\nconst setSubNavToggle = (buttons: NodeListOf<Element>, button: Element): SetSubNavToggleCleanUp => {\n  const subNavClass = 'sub-nav--toggled';\n  const buttonClickEvent = () => {\n    button?.parentElement?.classList.toggle(subNavClass);\n    if (button?.parentElement?.classList.contains(subNavClass)) {\n      button.setAttribute('aria-expanded', 'true');\n    } else {\n      button.setAttribute('aria-expanded', 'false');\n    }\n    closeSubNav(buttons, button);\n  };\n\n  button.addEventListener('click', buttonClickEvent);\n\n  // gitlab #115\n  const bodyClickEvent = (e: Event) => {\n    if (!isElementWithClassNameInEventPath(e as MouseEvent, 'sub-nav')) {\n      closeSubNav(buttons);\n    }\n  };\n\n  document.querySelector('body')?.addEventListener('click', bodyClickEvent);\n  return {\n    buttonClickEvent,\n    element: document.querySelector('body'),\n    bodyClickEvent,\n  };\n};\n\nconst setClickMessage = ((\n  text: string,\n  copyElement: Element,\n  clickElement: Element | null,\n  ctcThis: HTMLElement | null,\n  listener: () => void,\n): void => {\n  if (ctcThis && clickElement) {\n    // Vi kopierer teksten til clipboard\n    copyToClipboard(ctcThis.innerText);\n    copyElement.classList.add('copy-to-clipboard--confirm');\n    if (copyElement === clickElement) {\n      copyElement.classList.add('copy-to-clipboard--done');\n    }\n    // Laver en span, der viser, at teksten er kopieret\n    const ctcThisMessage = document.createElement('span');\n    ctcThisMessage.classList.add('copy-to-clipboard__this__confirm-message');\n    ctcThisMessage.innerText = text;\n    ctcThis.appendChild(ctcThisMessage);\n\n    // Efter 1,2 sekunder fjerner vi beskeden igen\n    clickElement.removeEventListener('click', listener);\n    setTimeout(() => {\n      copyElement.classList.remove('copy-to-clipboard--confirm');\n      ctcThisMessage.remove();\n      clickElement.addEventListener('click', listener);\n    }, 1200);\n  }\n});\n\nconst setCopyToClipboard = (element: HTMLElement, text = 'Kopieret!'): void => {\n  const ctcThis = <HTMLElement>element.querySelector('.copy-to-clipboard__this');\n  // Hvis det er en knap, så sætter vi click event på knappen\n  if ((element as HTMLButtonElement).type === 'button') {\n    const listener = (): void => {\n      setClickMessage(text, element, element, ctcThis, listener);\n    };\n    element.addEventListener('click', listener);\n    // Hvis det ikke er en knap, finder vi knappen \"inde i\" elementet\n  } else {\n    const btn = element.querySelector('.copy-to-clipboard__execute');\n    const listener = (): void => {\n      setClickMessage(text, element, btn, ctcThis, listener);\n    };\n    btn?.addEventListener('click', listener);\n  }\n};\n\nconst setSearchToggle = (navSearch: Element, button: Element): void => {\n  const toggleClass = 'nav__search--toggled';\n  button.addEventListener('click', () => {\n    if (navSearch.classList.contains(toggleClass)) {\n      button.setAttribute('aria-expanded', 'false');\n      navSearch.classList.remove(toggleClass);\n    } else {\n      button.setAttribute('aria-expanded', 'true');\n      navSearch.classList.add(toggleClass);\n    }\n  });\n};\n\nexport {\n  findNav,\n  setResponsiveToggle,\n  setResponsiveNav,\n  setSubNavToggle,\n  setCopyToClipboard,\n  setSearchToggle,\n};\n","/* eslint-disable @typescript-eslint/no-empty-function */\n/* eslint-env browser */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable no-param-reassign */\nimport { getBaseFontSize } from './helpers';\n\nconst getMediaWidthBasedOnModifier = (classList: DOMTokenList): number => {\n  if (classList.contains('tabbed-content--hide-tabs-on-medium-width')) {\n    return parseInt(getComputedStyle(document.documentElement).getPropertyValue('--bp-medium').replace('rem', ''), 10);\n  }\n  if (classList.contains('tabbed-content--hide-tabs-on-wide-width')) {\n    return parseInt(getComputedStyle(document.documentElement).getPropertyValue('--bp-wide').replace('rem', ''), 10);\n  }\n\n  return -1;\n};\n\nconst isBelowViewportLimit = (classList: DOMTokenList): boolean => {\n  const viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n  const widthInRem = viewportWidth / getBaseFontSize();\n  const mediaWidth = getMediaWidthBasedOnModifier(classList);\n  if (mediaWidth > -1) {\n    return widthInRem < mediaWidth;\n  }\n  return true;\n};\n\nconst destroyTabs = (tabbed: Element): void => {\n  const tablist = tabbed.querySelector('.nav__items');\n  const tabs = tablist?.querySelectorAll('a');\n  const panels: HTMLElement[] = [];\n  const sections = tabbed.querySelectorAll('section');\n  sections.forEach((section) => {\n    if (section.parentNode === tabbed) {\n      panels.push(section);\n    }\n  });\n  tabs?.forEach((tab) => {\n    tab.removeAttribute('aria-selected');\n    tab.classList.remove('nav__item--active');\n  });\n\n  panels.forEach((panel) => {\n    panel.hidden = false;\n    panel.removeAttribute('role');\n  });\n};\n\nconst switchTab = (\n  tabs: NodeListOf<HTMLAnchorElement>,\n  panels: HTMLElement[],\n  oldTab: Element | null,\n  newTab: HTMLElement,\n  _: DOMTokenList,\n  focus = true,\n  // eslint-disable-next-line no-console\n  callback = (index: number): void => console.log(index),\n): void => {\n  if (focus) {\n    newTab.focus();\n  }\n  // Make the active tab focusable by the user (Tab key)\n  newTab.removeAttribute('tabindex');\n  // Set the selected state\n  newTab.setAttribute('aria-selected', 'true');\n  newTab.classList.add('nav__item--active');\n  if (oldTab) {\n    oldTab.removeAttribute('aria-selected');\n    oldTab.setAttribute('tabindex', '-1');\n    oldTab.classList.remove('nav__item--active');\n  }\n\n  const index = Array.prototype.indexOf.call(tabs, newTab);\n\n  // Get the indices of the new and old tabs to find the correct\n  // tab panels to show and hide\n  panels[index].hidden = false;\n  if (oldTab) {\n    const oldIndex = Array.prototype.indexOf.call(tabs, oldTab);\n    panels[oldIndex].hidden = true;\n  }\n\n  // Dispatches custom event on every tab change\n  newTab.dispatchEvent(new CustomEvent('switch-tab', {\n    bubbles: true,\n    detail: { tab: index },\n  }));\n  callback(index);\n};\n\nconst setTabbedContent = (\n  key: number,\n  tabbed: Element,\n  initial = 0,\n  focus = true,\n  // eslint-disable-next-line no-console\n  callback = (index: number) => console.log(index),\n): void => {\n  const tablist = tabbed.querySelector('.nav__items') as HTMLElement;\n  const tabs = tablist.querySelectorAll('a');\n  const panels: HTMLElement[] = [];\n  const sections = tabbed.querySelectorAll('section');\n  sections.forEach((section) => {\n    if (section.parentNode === tabbed) {\n      panels.push(section);\n    }\n  });\n\n  const expandAll = tabbed.querySelector('button.tabbed-content__expand-all');\n  if (expandAll) {\n    const expandAllEvent = () => {\n      tablist.hidden = true;\n      panels.forEach((panel: HTMLElement) => {\n        panel.hidden = false;\n      });\n    };\n\n    expandAll.removeEventListener('click', expandAllEvent);\n    expandAll.addEventListener('click', expandAllEvent);\n  }\n\n  // Add the tablist role to the first <ul> in the .tabbed container\n  tablist.setAttribute('role', 'tablist');\n\n  // Add semantics are remove user focusability for each tab\n  tabs.forEach((tab, i) => {\n    tab.setAttribute('role', 'tab');\n    tab.setAttribute('id', `tab${key}_${(i + 1)}`);\n    tab.setAttribute('tabindex', '-1');\n    tab.parentElement?.setAttribute('role', 'presentation');\n\n    // Handle clicking of tabs for mouse users\n    const tabClickEvent = (e: MouseEvent) => {\n      e.preventDefault();\n      const currentTab = tablist.querySelector('[aria-selected]');\n      if (e.currentTarget !== currentTab) {\n        // eslint-disable-next-line max-len\n        switchTab(tabs, panels, currentTab, e.currentTarget as HTMLElement, tabbed.classList, true, (tabIndex) => {\n          callback(tabIndex);\n        });\n      }\n    };\n\n    tab.removeEventListener('click', tabClickEvent);\n    tab.addEventListener('click', tabClickEvent);\n\n    // Handle keydown events for keyboard users\n    const tabKeyEvent = (e: KeyboardEvent) => {\n      // Get the index of the current tab in the tabs node list\n      const index = Array.prototype.indexOf.call(tabs, e.currentTarget);\n      // Work out which key the user is pressing and\n      // Calculate the new tab's index where appropriate\n      let dir: number | string | null = null;\n      if (e.key === 'ArrowLeft') {\n        dir = index - 1;\n      }\n      if (e.key === 'ArrowRight') {\n        dir = index + 1;\n      }\n      if (e.key === 'ArrowDown') {\n        dir = 'down';\n      }\n      if (dir !== null) {\n        e.preventDefault();\n        // If the down key is pressed, move focus to the open panel,\n        // otherwise switch to the adjacent tab\n        if (dir === 'down') {\n          panels[i].focus();\n        } else if (tabs[dir]) {\n          // eslint-disable-next-line max-len\n          switchTab(tabs, panels, e.currentTarget as Element, tabs[dir], tabbed.classList, true, (tabIndex) => {\n            callback(tabIndex);\n          });\n        }\n      }\n    };\n    tab.removeEventListener('keydown', tabKeyEvent);\n    tab.addEventListener('keydown', tabKeyEvent);\n  });\n\n  // Add tab panel semantics and hide them all\n  panels.forEach((panel: HTMLElement, i: number) => {\n    panel.setAttribute('tabindex', '-1');\n    panel.setAttribute('aria-labelledby', tabs[i].id);\n    // eslint-disable-next-line no-param-reassign\n    panel.hidden = true;\n    panel.setAttribute('role', 'tabpanel');\n  });\n\n  // Initially activate the first tab and reveal the first tab panel\n  if (initial > -1) {\n    switchTab(tabs, panels, null, tabs[initial], tabbed.classList, focus);\n  }\n};\n\nexport {\n  setTabbedContent,\n  isBelowViewportLimit,\n  destroyTabs,\n};\n","/* eslint-disable max-len */\nimport { convertRemToPixels, isElementWithClassNameInEventPath, isViewportBelow } from './helpers';\n\nconst lockBodyScroll = (): void => {\n  const body = document.querySelector('body');\n  if (isViewportBelow('--bp-medium') || isViewportBelow('--bp-low-height')) {\n    body?.classList.add('body--no-scroll');\n  }\n};\n\nconst unlockBodyScroll = (): void => {\n  const body = document.querySelector('body');\n  body?.classList.remove('body--no-scroll');\n};\n\n/* eslint-env browser */\nconst closeAllContentTogglesInToolbar = (toolbar: HTMLElement): void => {\n  const contentToggles = toolbar.querySelectorAll('.content-toggle__toggle');\n  contentToggles.forEach((toggle) => {\n    const content = toggle.parentElement?.querySelector('.content-toggle__content');\n    toggle.setAttribute('aria-expanded', 'false');\n    content?.setAttribute('hidden', 'hidden');\n  });\n};\n\nconst setOverflow = (toolbarElement: Element): void => {\n  if (!toolbarElement.classList.contains('toolbar--no-collapse')) {\n    toolbarElement.classList.remove('toolbar--toggled');\n  }\n  toolbarElement.classList.remove('toolbar--fully-overflown');\n  toolbarElement.classList.remove('toolbar--has-popout');\n  const toolbarItemsParent = toolbarElement.querySelector('.toolbar__items');\n  const toolbarItems = toolbarItemsParent?.children as HTMLCollection;\n  const isOverflownClass = 'toolbar__item--is-overflown';\n  const hasOverflowClass = 'toolbar--has-overflow';\n  let hasOverflown = false;\n\n  let overflownCount = 0;\n  const addOverflowClass = (item: HTMLElement, index: number) => {\n    if (item) {\n      const top = item.offsetTop;\n      if (top > 25) {\n        item.classList.add(isOverflownClass);\n        toolbarElement.classList.add(hasOverflowClass);\n        hasOverflown = true;\n        overflownCount += 1;\n      } else {\n        item.classList.remove(isOverflownClass);\n      }\n\n      if (!hasOverflown) {\n        toolbarElement.classList.remove(hasOverflowClass);\n      } else if (index - 1 >= 0) {\n        addOverflowClass(toolbarItems[index - 1] as HTMLElement, index - 1);\n      }\n    }\n  };\n\n  addOverflowClass(toolbarItems[toolbarItems.length - 1] as HTMLElement, toolbarItems.length - 1);\n\n  if (overflownCount > 0 && overflownCount === toolbarItems.length) {\n    toolbarElement.classList.add('toolbar--fully-overflown');\n  }\n};\n\nconst setToolbarToggle = (toolbar: HTMLElement): ExtendedCleanUpPair[] => {\n  const cleanUp: ExtendedCleanUpPair[] = [];\n  const buttons = toolbar.querySelectorAll('.toolbar__toggle');\n  buttons.forEach((button) => {\n    const clickEvent = () => {\n      button?.parentElement?.classList.toggle('toolbar--toggled');\n      const ariaExpanded = button.getAttribute('aria-expanded');\n      if (ariaExpanded !== 'true') {\n        const focusable = 'a.toolbar__item--is-overflown, button.toolbar__item--is-overflown, input.toolbar__item--is-overflown, select.toolbar__item--is-overflown, .toolbar__item--is-overflown a, .toolbar__item--is-overflown button, .toolbar__item--is-overflown input, .toolbar__item--is-overflown select';\n        const firstWithOverflow = button?.parentElement?.querySelector(focusable) as HTMLElement;\n        if (firstWithOverflow) {\n          setTimeout(() => {\n            firstWithOverflow.focus();\n          }, 0);\n        }\n      }\n      button.setAttribute('aria-expanded', ariaExpanded === 'false' ? 'true' : 'false');\n    };\n\n    cleanUp.push({\n      element: button,\n      clickEvent,\n    });\n    button.addEventListener('click', clickEvent);\n  });\n  return cleanUp;\n};\n\nconst setToolbar = (\n  toolbar: HTMLElement,\n  onCloseContentToggle: (toolbarElement: HTMLElement) => void,\n  setOverflowOnly = true,\n): ExtendedCleanUpPair[] => {\n  let cleanUp: ExtendedCleanUpPair[] = [];\n\n  setOverflow(toolbar);\n  onCloseContentToggle(toolbar);\n  cleanUp = cleanUp.concat(setToolbarToggle(toolbar));\n\n  if (!setOverflowOnly) {\n    const bodyClickEvent = (event: Event) => {\n      if (!(event.target as HTMLElement).classList.contains('content-toggle__toggle')\n        && !isElementWithClassNameInEventPath(event as MouseEvent, 'content-toggle__content')) {\n        onCloseContentToggle(toolbar);\n      }\n    };\n\n    const escKeyEvent = (event: Event) => {\n      if ((event as KeyboardEvent).key === 'Escape') {\n        if (event.target && (event.target as HTMLElement).getAttribute('type') !== 'search') {\n          onCloseContentToggle(toolbar);\n        }\n      }\n    };\n\n    const body = document.querySelector('body');\n\n    cleanUp.push({\n      element: body as Element,\n      clickEvent: bodyClickEvent,\n    });\n\n    cleanUp.push({\n      element: window,\n      keyUpEvent: escKeyEvent,\n    });\n\n    body?.addEventListener('click', bodyClickEvent);\n    window.addEventListener('keyup', escKeyEvent);\n  }\n\n  return cleanUp;\n};\n\nconst findToolbar = (element: HTMLElement): HTMLElement => {\n  const parent = element.parentElement;\n  if (parent) {\n    if (parent.classList.contains('toolbar')) {\n      return parent;\n    }\n    return findToolbar(parent);\n  }\n  return element;\n};\n\nconst contentToggleEdgeHandling = (element: HTMLElement): void => {\n  if (!isViewportBelow('--bp-medium') && !isViewportBelow('--bp-low-height')) {\n    const allowedDistance = convertRemToPixels(parseInt(getComputedStyle(document.documentElement).getPropertyValue('--toolbar-popout-allowed-edge-distance').replace('rem,', ''), 10));\n    const popoutX = parseInt(getComputedStyle(element).width.replace('px', ''), 10);\n    const popoutWidth = element.getBoundingClientRect().x;\n\n    const distance = document.body.offsetWidth - allowedDistance - popoutX - popoutWidth;\n\n    if (distance < 0) {\n      element.style.setProperty('--toolbar-popout-edge-overflow', `${distance}px`);\n    }\n  }\n};\n\nexport {\n  setToolbar,\n  setOverflow,\n  findToolbar,\n  closeAllContentTogglesInToolbar,\n  contentToggleEdgeHandling,\n  lockBodyScroll,\n  unlockBodyScroll,\n};\n","/* eslint-disable no-param-reassign */\n/* eslint-env browser */\nimport ready from '../components/ready';\nimport {\n  setResponsiveNav,\n  setResponsiveToggle,\n} from '../components/nav';\nimport { isElementWithClassNameInEventPath, setMetaThemeColor } from '../components/helpers';\nimport { setResponsiveTable } from '../components/table';\nimport { setTabbedContent, isBelowViewportLimit, destroyTabs } from '../components/tabs';\nimport { setContentToggle } from '../components/content-toggle';\nimport {\n  closeAllContentTogglesInToolbar,\n  contentToggleEdgeHandling,\n  findToolbar,\n  lockBodyScroll,\n  unlockBodyScroll,\n} from '../components/toolbar';\n\nlet windowInnerWidth = 0;\n\nconst tabbedObjects: ITabbedObject[] = [];\n\nconst setTabs = (): void => {\n  tabbedObjects.forEach((tabObject: ITabbedObject, key: number): void => {\n    const { rendered, domElement } = tabObject;\n    if (isBelowViewportLimit(domElement.classList)) {\n      if (!rendered) {\n        const focus = domElement.getAttribute('data-focus-onload');\n        const dataInitial = domElement.getAttribute('data-initial-tab');\n        const initial = dataInitial ? parseInt(dataInitial, 10) : 0;\n        setTabbedContent(key, domElement, initial, focus !== 'false');\n        tabObject.rendered = true;\n      }\n    } else if (rendered) {\n      destroyTabs(domElement);\n      tabObject.rendered = false;\n    }\n  });\n};\n\nready(() => {\n  const tabbedContent = document.querySelectorAll('.tabbed-content');\n  tabbedContent.forEach((tab) => tabbedObjects.push({\n    domElement: tab,\n    rendered: false,\n  }));\n  setTabs();\n  setMetaThemeColor();\n\n  const navElements = document.querySelectorAll('.nav:not(.nav--vertical)');\n  navElements.forEach((n) => setResponsiveNav(navElements, n));\n  setResponsiveToggle(navElements);\n\n  const tables = document.querySelectorAll('.table--wrap-medium-width, .table--wrap-default-width');\n  tables.forEach((table) => setResponsiveTable(table));\n\n  const toggles = document.querySelectorAll('.content-toggle__content');\n  toggles.forEach((toggle) => {\n    setContentToggle(\n      toggle,\n      (popout: HTMLElement) => {\n        contentToggleEdgeHandling(popout);\n        lockBodyScroll();\n      },\n      (content: HTMLElement) => closeAllContentTogglesInToolbar(findToolbar(content)),\n      (content: HTMLElement, button: HTMLButtonElement) => {\n        const ariaExpanded = button.getAttribute('aria-expanded');\n        const toolbar = findToolbar(content);\n        if (ariaExpanded === 'true') {\n          toolbar?.classList.add('toolbar--has-popout');\n        } else {\n          toolbar?.classList.remove('toolbar--has-popout');\n        }\n\n        content.addEventListener('click', (event: MouseEvent) => {\n          if ((event.target as HTMLElement).classList.contains('toolbar__popout')\n            && !isElementWithClassNameInEventPath(event as MouseEvent, 'toolbar__filter__content')) {\n            closeAllContentTogglesInToolbar(toolbar);\n            unlockBodyScroll();\n          }\n        });\n      },\n    );\n  });\n\n  window.addEventListener('load', () => {\n    windowInnerWidth = window.innerWidth;\n  });\n\n  window.addEventListener('resize', () => {\n    if (windowInnerWidth > 0 && window.innerWidth !== windowInnerWidth) {\n      windowInnerWidth = window.innerWidth;\n      navElements.forEach((n) => setResponsiveNav(navElements, n));\n      setTabs();\n    }\n  });\n});\n","/* eslint-env browser */\nconst ready = (fn: () => void): void => {\n  if (document.readyState !== 'loading') {\n    fn();\n  } else {\n    document.addEventListener('DOMContentLoaded', fn);\n  }\n};\n\nexport default ready;\n","/* eslint-disable import/prefer-default-export */\nconst setResponsiveTable = (table: Element): void => {\n  const head = table.querySelector('thead');\n  const body = table.querySelector('tbody');\n  const foot = table.querySelector('tfoot');\n\n  if (head) {\n    const headers: string[] = [];\n    const ths = head.querySelectorAll('th');\n    ths.forEach((h) => {\n      if (!h.classList.contains('table__cell--self-explanatory')) {\n        headers.push(h.innerHTML); // Because innerText inherits stuff like text-transform\n      } else {\n        headers.push(''); // If header is self explanatory we do not add it\n      }\n    });\n\n    const rowContainers: HTMLTableSectionElement[] = [];\n    // Table elements that possibly contains <tr>'s\n    if (body) {\n      rowContainers.push(body);\n    }\n    if (foot) {\n      rowContainers.push(foot);\n    }\n\n    rowContainers.forEach((rc) => {\n      const rows = rc.querySelectorAll('tr');\n      rows.forEach((tr) => {\n        const cells = tr.querySelectorAll('td, th');\n        cells.forEach((cell, i) => {\n          if (headers[i]) {\n            // if header is self explanatory we skip (value of array index is '' which is falsy)\n            cell.setAttribute('data-label', headers[i]);\n          }\n        });\n      });\n    });\n  }\n};\n\nexport {\n  setResponsiveTable,\n};\n","/* eslint-disable max-len */\n/* eslint-env browser */\n/* eslint-disable import/prefer-default-export */\nconst setContentToggle = (\n  content: Element,\n  onClick: ((content: HTMLElement, button: HTMLButtonElement) => void) | undefined,\n  beforeCallback: ((content: HTMLElement, button: HTMLButtonElement) => void) | undefined,\n  afterCallback: ((content: HTMLElement, button: HTMLButtonElement) => void) | undefined,\n): CleanUpPair[] => {\n  const cleanUp: CleanUpPair[] = [];\n  const setContentClose = (button: HTMLElement, contentClose: HTMLElement, focus: boolean): () => void => {\n    if (focus) {\n      contentClose.focus();\n    }\n    const click = () => {\n      content.setAttribute('hidden', 'hidden');\n      button.removeAttribute('hidden');\n      button.setAttribute('aria-expanded', 'false');\n      button.focus();\n    };\n    contentClose.addEventListener('click', click);\n    return click;\n  };\n\n  const button = content?.parentElement?.querySelector('.content-toggle__toggle') as HTMLElement;\n  const contentClose = content.querySelectorAll('.content-toggle__close');\n\n  if (button) {\n    const clickEvent = () => {\n      const ariaExpanded = button.getAttribute('aria-expanded');\n      // Til toolbar: hvis man klikker på en knap, der ikke er foldet ud\n      // Så lukker vi alle åbne content-toggles\n      if (typeof beforeCallback === 'function' && ariaExpanded === 'false') {\n        beforeCallback(content as HTMLElement, button as HTMLButtonElement);\n      }\n      // Og så går vi i gang med folde-ud-logikken\n      button.setAttribute('aria-expanded', ariaExpanded === 'false' ? 'true' : 'false');\n      if (ariaExpanded === 'true') {\n        content.setAttribute('hidden', 'hidden');\n      } else {\n        content.removeAttribute('hidden');\n      }\n\n      if (typeof onClick === 'function') {\n        onClick(content as HTMLElement, button as HTMLButtonElement);\n      }\n\n      if (button.hasAttribute('aria-haspopup')) {\n        button.setAttribute('hidden', 'hidden');\n        contentClose.forEach((cc) => {\n          setContentClose(button, cc as HTMLElement, true);\n        });\n      }\n\n      // Det der sker efter folde-logikken\n      if (typeof afterCallback === 'function') {\n        afterCallback(content as HTMLElement, button as HTMLButtonElement);\n      }\n    };\n\n    button.addEventListener('click', clickEvent);\n    // Altid tilføj denne først!\n    cleanUp.push({\n      element: button,\n      clickEvent,\n    });\n\n    contentClose.forEach((cc) => {\n      const btnClick = setContentClose(button, cc as HTMLElement, false);\n      cleanUp.push({\n        element: cc,\n        clickEvent: btnClick,\n      });\n    });\n  }\n  return cleanUp;\n};\n\nexport {\n  setContentToggle,\n};\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap","webpack:///./source/js/components/helpers.ts","webpack:///./source/js/components/nav.ts","webpack:///./source/js/components/tabs.ts","webpack:///./source/js/components/toolbar.ts","webpack:///./source/js/production/app.ts","webpack:///./source/js/components/ready.ts","webpack:///./source/js/components/table.ts","webpack:///./source/js/components/content-toggle.ts"],"names":["root","factory","exports","module","define","amd","a","i","window","installedModules","__webpack_require__","moduleId","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","isElementWithClassNameInEventPath","event","className","found","composedPath","forEach","classList","contains","convertRemToPixels","rem","parseFloat","getComputedStyle","document","documentElement","fontSize","isViewportBelow","mediaQuery","Math","max","clientWidth","innerWidth","parseInt","getPropertyValue","replace","findNav","element","parent","parentElement","closeResponsiveNav","navElements","keepOpen","button","querySelector","focus","setAttribute","remove","setResponsiveToggle","cleanUp","querySelectorAll","clickEvent","nav","navItems","lastNavItem","add","firstElement","transitionListener","toggle","removeEventListener","addEventListener","toggleMenu","ariaExpanded","getAttribute","push","setResponsiveNav","navElement","navItemsParent","isOverflownClass","hasOverflowClass","isActiveClass","hasOverflown","length","offsetTop","isActive","bodyClickEvent","e","target","isBelowViewportLimit","widthInRem","getBaseFontSize","mediaWidth","getMediaWidthBasedOnModifier","switchTab","tabs","panels","oldTab","newTab","_","callback","index","console","log","removeAttribute","Array","indexOf","from","id","link","hidden","oldIndex","dispatchEvent","CustomEvent","bubbles","detail","tab","closeAllContentTogglesInToolbar","toolbar","content","findToolbar","windowInnerWidth","tabbedObjects","setTabs","tabObject","rendered","domElement","dataInitial","tabbed","initial","tablist","section","parentNode","expandAll","expandAllEvent","panel","tabClickEvent","preventDefault","currentTab","currentTarget","tabIndex","tabKeyEvent","dir","setTabbedContent","destroyTabs","fn","readyState","ready","body","bgColor","existingMeta","meta","createElement","getElementsByTagName","appendChild","setMetaThemeColor","table","head","foot","headers","h","innerHTML","rowContainers","rc","tr","cell","setResponsiveTable","onClick","beforeCallback","afterCallback","setContentClose","contentClose","click","hasAttribute","cc","btnClick","setContentToggle","popout","allowedDistance","popoutX","width","popoutWidth","getBoundingClientRect","x","distance","offsetWidth","style","setProperty","contentToggleEdgeHandling","lockBodyScroll","unlockBodyScroll"],"mappings":"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","file":"app.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse {\n\t\tvar a = factory();\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(window, function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n","/* eslint-disable wrap-iife */\n/* eslint-disable import/prefer-default-export */\n/* eslint-env browser */\nconst copyToClipboard = (str: string): void => {\n  // eslint-disable-next-line no-console\n  navigator.clipboard.writeText(str).then(() => console.log(`${str} written to clipboard`));\n};\n\nconst isElementWithClassNameInEventPath = (event: MouseEvent, className: string): boolean => {\n  let found = false;\n  const path = event.composedPath();\n  path.forEach((p: EventTarget): void => {\n    if ((p as HTMLElement).classList) {\n      if ((p as HTMLElement).classList.contains(className)) {\n        found = true;\n      }\n    }\n  });\n  return found;\n};\n\nconst setMetaThemeColor = (): void => {\n  const body = document.querySelector('body');\n  if (body) {\n    const bgColor = window.getComputedStyle(body).getPropertyValue('--color-background');\n    const existingMeta = document.querySelector('meta[name=\"theme-color\"]') as HTMLMetaElement;\n    if (existingMeta) {\n      existingMeta.content = bgColor;\n    } else {\n      const meta = document.createElement('meta');\n      meta.name = 'theme-color';\n      meta.content = bgColor;\n      document.getElementsByTagName('head')[0].appendChild(meta);\n    }\n  }\n};\n\nconst getBaseFontSize = (): number => parseInt(window.getComputedStyle(document.documentElement).fontSize.replace('px', ''), 10);\n\n// eslint-disable-next-line max-len\nconst convertRemToPixels = (rem: number): number => rem * parseFloat(getComputedStyle(document.documentElement).fontSize);\n\nconst isViewportBelow = (mediaQuery: string): boolean => {\n  const viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n  const mediaQueryValue = convertRemToPixels(parseInt(getComputedStyle(document.documentElement).getPropertyValue(mediaQuery).replace('rem', ''), 10));\n  return viewportWidth < mediaQueryValue;\n};\n\nconst setScrollbarWidthVariable = (): void => {\n  const scrollbarWidth = window.innerWidth - document.body.clientWidth;\n  document.documentElement.style.setProperty('--vertical-scrollbar-width', `${scrollbarWidth}px`);\n};\n\nconst overflowsY = (element: HTMLElement): boolean => element.offsetHeight !== element.scrollHeight;\nconst overflowsX = (element: HTMLElement): boolean => element.offsetWidth !== element.scrollWidth;\n// eslint-disable-next-line max-len\nconst elementOverflows = (element: HTMLElement): boolean => overflowsY(element) || overflowsX(element);\n\nconst setHorizontalScroll = (element: HTMLElement): void => {\n  const content = element.querySelector('.horizontal-scroll__scrollable-content');\n  if (!overflowsX(content as HTMLElement)) {\n    element.classList.add('horizontal-scroll--no-overflow');\n    content?.removeAttribute('tabindex');\n  } else {\n    content?.setAttribute('tabindex', '0');\n  }\n};\n\nexport {\n  copyToClipboard,\n  isElementWithClassNameInEventPath,\n  getBaseFontSize,\n  setMetaThemeColor,\n  isViewportBelow,\n  convertRemToPixels,\n  setScrollbarWidthVariable,\n  overflowsX,\n  overflowsY,\n  elementOverflows,\n  setHorizontalScroll,\n};\n","/* eslint-env browser */\nimport { copyToClipboard, isElementWithClassNameInEventPath } from './helpers';\n\nconst findNav = (element: HTMLElement): HTMLElement => {\n  const parent = element.parentElement;\n  if (parent) {\n    if (parent.classList.contains('nav')) {\n      return parent;\n    }\n    return findNav(parent);\n  }\n  return element;\n};\n\n// eslint-disable-next-line max-len\nconst closeResponsiveNav = (navElements: NodeListOf<Element>, keepOpen: HTMLElement | null = null): void => {\n  const navToggledClass = 'nav--toggled';\n  navElements.forEach((n) => {\n    const button = n.querySelector('.nav__toggle') as HTMLElement;\n    if (n !== keepOpen) {\n      if (n.classList.contains(navToggledClass)) {\n        button.focus();\n        button.setAttribute('aria-expanded', 'false');\n      }\n      n.classList.remove(navToggledClass);\n    }\n  });\n};\n\nconst setResponsiveToggle = (navElements: NodeListOf<Element>): CleanUpPair[] => {\n  const toggleMenu = (button: HTMLElement) => {\n    const parent = findNav(button);\n\n    const navItems = parent.querySelector('.nav__items');\n    const lastNavItem = navItems?.querySelector('.nav__item:last-of-type');\n    navItems?.classList.add('nav__items--fadeout');\n    const firstElement = navItems?.querySelector('.nav__item--is-overflown') as HTMLElement;\n    if (firstElement) {\n      firstElement.focus();\n    }\n\n    const transitionListener = () => {\n      parent.classList.toggle('nav--toggled');\n      navItems?.classList.remove('nav__items--fadeout');\n      lastNavItem?.removeEventListener('transitionend', transitionListener);\n    };\n\n    lastNavItem?.addEventListener('transitionend', transitionListener);\n    return parent;\n  };\n\n  const cleanUp: CleanUpPair[] = [];\n\n  const toggle = document.querySelectorAll('.nav__toggle');\n  toggle.forEach((button) => {\n    const clickEvent = () => {\n      const nav = toggleMenu(button as HTMLElement);\n      const ariaExpanded = button.getAttribute('aria-expanded');\n      button.setAttribute('aria-expanded', ariaExpanded === 'false' ? 'true' : 'false');\n      closeResponsiveNav(navElements, nav);\n    };\n\n    cleanUp.push({\n      element: button,\n      clickEvent,\n    });\n\n    button.addEventListener('click', clickEvent);\n  });\n\n  return cleanUp;\n};\n\nconst setResponsiveNav = (\n  navElements: NodeListOf<Element>,\n  navElement: Element,\n): SetResponsiveNavCleanUp => {\n  const navToggledClass = 'nav--toggled';\n  const navItemsClass = 'nav__items';\n  // gitlab #117\n  navElement.classList.remove(navToggledClass);\n  const navItemsParent = navElement.querySelector(`.${navItemsClass}`);\n\n  if (navItemsParent) {\n    const navItems = navItemsParent.querySelectorAll('.nav__item');\n    const isOverflownClass = 'nav__item--is-overflown';\n    const hasOverflowClass = 'nav--has-overflow';\n    const isActiveClass = 'nav__item--active';\n    let hasOverflown = false;\n\n    for (let i = navItems.length - 1; i >= 0; i -= 1) {\n      const nav = navItems[i] as HTMLElement;\n      const top = nav.offsetTop;\n\n      if (top > 0) {\n        nav.classList.add(isOverflownClass);\n        navElement.classList.add(hasOverflowClass);\n        hasOverflown = true;\n      } else if (!nav.classList.contains(isActiveClass)) {\n        nav.classList.remove(isOverflownClass);\n      }\n    }\n\n    if (!hasOverflown) {\n      navElement.classList.remove(hasOverflowClass);\n      const isActive = navElement.querySelector(`.${isActiveClass}`);\n      if (isActive) {\n        isActive.classList.remove(isOverflownClass);\n      }\n    }\n  }\n\n  // gitlab #115\n  const bodyClickEvent = (e: Event) => {\n    if (!(e.target as HTMLElement).classList.contains('nav__toggle')\n      && !isElementWithClassNameInEventPath(e as MouseEvent, navItemsClass)) {\n      closeResponsiveNav(navElements);\n    }\n  };\n\n  document.querySelector('body')?.addEventListener('click', bodyClickEvent);\n\n  return {\n    element: document.querySelector('body'),\n    clickEvent: bodyClickEvent,\n  };\n};\n\nconst closeSubNav = (buttons: NodeListOf<Element>, keepOpen: Element | null = null) => {\n  const subNavClass = 'sub-nav--toggled';\n  buttons.forEach((button) => {\n    if (button !== keepOpen) {\n      if (button?.parentElement?.classList.contains(subNavClass)) {\n        (button as HTMLElement).focus();\n        button.setAttribute('aria-expanded', 'false');\n      }\n      button?.parentElement?.classList.remove(subNavClass);\n    }\n  });\n};\n\nconst setSubNavToggle = (buttons: NodeListOf<Element>, button: Element): SetSubNavToggleCleanUp => {\n  const subNavClass = 'sub-nav--toggled';\n  const buttonClickEvent = () => {\n    button?.parentElement?.classList.toggle(subNavClass);\n    if (button?.parentElement?.classList.contains(subNavClass)) {\n      button.setAttribute('aria-expanded', 'true');\n    } else {\n      button.setAttribute('aria-expanded', 'false');\n    }\n    closeSubNav(buttons, button);\n  };\n\n  button.addEventListener('click', buttonClickEvent);\n\n  // gitlab #115\n  const bodyClickEvent = (e: Event) => {\n    if (!isElementWithClassNameInEventPath(e as MouseEvent, 'sub-nav')) {\n      closeSubNav(buttons);\n    }\n  };\n\n  document.querySelector('body')?.addEventListener('click', bodyClickEvent);\n  return {\n    buttonClickEvent,\n    element: document.querySelector('body'),\n    bodyClickEvent,\n  };\n};\n\nconst setClickMessage = ((\n  text: string,\n  copyElement: Element,\n  clickElement: Element | null,\n  ctcThis: HTMLElement | null,\n  listener: () => void,\n): void => {\n  if (ctcThis && clickElement) {\n    // Vi kopierer teksten til clipboard\n    copyToClipboard(ctcThis.innerText);\n    copyElement.classList.add('copy-to-clipboard--confirm');\n    if (copyElement === clickElement) {\n      copyElement.classList.add('copy-to-clipboard--done');\n    }\n    // Laver en span, der viser, at teksten er kopieret\n    const ctcThisMessage = document.createElement('span');\n    ctcThisMessage.classList.add('copy-to-clipboard__this__confirm-message');\n    ctcThisMessage.innerText = text;\n    ctcThis.appendChild(ctcThisMessage);\n\n    // Efter 1,2 sekunder fjerner vi beskeden igen\n    clickElement.removeEventListener('click', listener);\n    setTimeout(() => {\n      copyElement.classList.remove('copy-to-clipboard--confirm');\n      ctcThisMessage.remove();\n      clickElement.addEventListener('click', listener);\n    }, 1200);\n  }\n});\n\nconst setCopyToClipboard = (element: HTMLElement, text = 'Kopieret!'): void => {\n  const ctcThis = <HTMLElement>element.querySelector('.copy-to-clipboard__this');\n  // Hvis det er en knap, så sætter vi click event på knappen\n  if ((element as HTMLButtonElement).type === 'button') {\n    const listener = (): void => {\n      setClickMessage(text, element, element, ctcThis, listener);\n    };\n    element.addEventListener('click', listener);\n    // Hvis det ikke er en knap, finder vi knappen \"inde i\" elementet\n  } else {\n    const btn = element.querySelector('.copy-to-clipboard__execute');\n    const listener = (): void => {\n      setClickMessage(text, element, btn, ctcThis, listener);\n    };\n    btn?.addEventListener('click', listener);\n  }\n};\n\nconst setSearchToggle = (navSearch: Element, button: Element): void => {\n  const toggleClass = 'nav__search--toggled';\n  button.addEventListener('click', () => {\n    if (navSearch.classList.contains(toggleClass)) {\n      button.setAttribute('aria-expanded', 'false');\n      navSearch.classList.remove(toggleClass);\n    } else {\n      button.setAttribute('aria-expanded', 'true');\n      navSearch.classList.add(toggleClass);\n    }\n  });\n};\n\nexport {\n  findNav,\n  setResponsiveToggle,\n  setResponsiveNav,\n  setSubNavToggle,\n  setCopyToClipboard,\n  setSearchToggle,\n};\n","/* eslint-disable @typescript-eslint/no-empty-function */\n/* eslint-env browser */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable no-param-reassign */\nimport { getBaseFontSize } from './helpers';\n\nconst getMediaWidthBasedOnModifier = (classList: DOMTokenList): number => {\n  if (classList.contains('tabbed-content--hide-tabs-on-medium-width')) {\n    return parseInt(getComputedStyle(document.documentElement).getPropertyValue('--bp-medium').replace('rem', ''), 10);\n  }\n  if (classList.contains('tabbed-content--hide-tabs-on-wide-width')) {\n    return parseInt(getComputedStyle(document.documentElement).getPropertyValue('--bp-wide').replace('rem', ''), 10);\n  }\n\n  return -1;\n};\n\nconst isBelowViewportLimit = (classList: DOMTokenList): boolean => {\n  const viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n  const widthInRem = viewportWidth / getBaseFontSize();\n  const mediaWidth = getMediaWidthBasedOnModifier(classList);\n  if (mediaWidth > -1) {\n    return widthInRem < mediaWidth;\n  }\n  return true;\n};\n\nconst destroyTabs = (tabbed: Element): void => {\n  const tablist = tabbed.querySelector('.nav__items');\n  const tabs = tablist?.querySelectorAll('a');\n  const panels: HTMLElement[] = [];\n  const sections = tabbed.querySelectorAll('section');\n  sections.forEach((section) => {\n    if (section.parentNode === tabbed) {\n      panels.push(section);\n    }\n  });\n  tabs?.forEach((tab) => {\n    tab.removeAttribute('aria-selected');\n    tab.classList.remove('nav__item--active');\n  });\n\n  panels.forEach((panel) => {\n    panel.hidden = false;\n    panel.removeAttribute('role');\n  });\n};\n\nconst destroySwitches = (tabbed: Element): void => {\n  const switchlist = tabbed.querySelector('.switch');\n  const switches = switchlist?.querySelectorAll('a');\n  const panels: HTMLElement[] = [];\n  const sections = tabbed.querySelectorAll('section');\n  sections.forEach((section) => {\n    if (section.parentNode === tabbed) {\n      panels.push(section);\n    }\n  });\n  switches?.forEach((tab) => {\n    tab.removeAttribute('aria-selected');\n    tab.classList.remove('switch__segment--active');\n  });\n\n  panels.forEach((panel) => {\n    panel.hidden = false;\n    panel.removeAttribute('role');\n  });\n};\n\nconst switchTab = (\n  tabs: NodeListOf<HTMLAnchorElement>,\n  panels: HTMLElement[],\n  oldTab: Element | null,\n  newTab: HTMLElement,\n  _: DOMTokenList,\n  focus = true,\n  // eslint-disable-next-line no-console\n  callback = (index: number): void => console.log(index),\n): void => {\n  if (focus) {\n    newTab.focus();\n  }\n  // Make the active tab focusable by the user (Tab key)\n  newTab.removeAttribute('tabindex');\n  // Set the selected state\n  newTab.setAttribute('aria-selected', 'true');\n\n  // Check if switch // should this be more pretty?\n  if (newTab.classList.contains('switch__segment')) {\n    newTab.classList.add('switch__segment--active');\n  } else {\n    newTab.classList.add('nav__item--active');\n  }\n\n  if (oldTab) {\n    oldTab.removeAttribute('aria-selected');\n    oldTab.setAttribute('tabindex', '-1');\n\n    if (oldTab.classList.contains('switch__segment')) {\n      oldTab.classList.remove('switch__segment--active');\n    } else {\n      oldTab.classList.remove('nav__item--active');\n    }\n  }\n\n  const index = Array.prototype.indexOf.call(tabs, newTab);\n\n  // More links\n  /*let moreLinks;\n  var moreLink: HTMLElement;\n  moreLinks = document.querySelectorAll(`[data-for=\"${panels[index].id}\"]`);\n  moreLinks.forEach((moreLink) => {\n    moreLink.classList.add('tabbed-content-peripheral--active');\n    moreLink.hidden = false;\n  });*/\n  let moreLinks: HTMLElement[] = Array.from(document.querySelectorAll(`[data-for=\"${panels[index].id}\"]`));\n  moreLinks.forEach((link) => {\n    link.classList.add('tabbed-content-peripheral--active');\n    link.hidden = false;\n  });\n\n  // Get the indices of the new and old tabs to find the correct\n  // tab panels to show and hide\n  panels[index].hidden = false;\n  if (oldTab) {\n    const oldIndex = Array.prototype.indexOf.call(tabs, oldTab);\n\n    let oldMoreLinks: HTMLElement[] = Array.from(document.querySelectorAll(`[data-for=\"${panels[oldIndex].id}\"]`));\n    oldMoreLinks.forEach((link) => {\n      link.classList.remove('tabbed-content-peripheral--active');\n      link.hidden = true;\n    });\n\n   /* moreLinks.forEach((moreLink) => {\n      moreLink.classList.remove('tabbed-content-peripheral--active');\n      moreLink.hidden = true;\n    });*/\n\n    panels[oldIndex].hidden = true;\n  }\n\n  // Dispatches custom event on every tab change\n  newTab.dispatchEvent(new CustomEvent('switch-tab', {\n    bubbles: true,\n    detail: { tab: index },\n  }));\n  callback(index);\n};\n\nconst setTabbedContent = (\n  key: number,\n  tabbed: Element,\n  initial = 0,\n  focus = true,\n  // eslint-disable-next-line no-console\n  callback = (index: number) => console.log(index),\n): void => {\n  const tablist = tabbed.querySelector('.switch,.nav__items') as HTMLElement;\n  const tabs = tablist.querySelectorAll('a');\n  const panels: HTMLElement[] = [];\n  const sections = tabbed.querySelectorAll('section');\n  sections.forEach((section) => {\n    if (section.parentNode === tabbed) {\n      panels.push(section);\n    }\n  });\n\n  const expandAll = tabbed.querySelector('button.tabbed-content__expand-all');\n  if (expandAll) {\n    const expandAllEvent = () => {\n      tablist.hidden = true;\n      panels.forEach((panel: HTMLElement) => {\n        panel.hidden = false;\n      });\n    };\n\n    expandAll.removeEventListener('click', expandAllEvent);\n    expandAll.addEventListener('click', expandAllEvent);\n  }\n\n  // Add the tablist role to the first <ul> in the .tabbed container\n  tablist.setAttribute('role', 'tablist');\n\n  // Add semantics are remove user focusability for each tab\n  tabs.forEach((tab, i) => {\n    tab.setAttribute('role', 'tab');\n    tab.setAttribute('id', `tab${key}_${(i + 1)}`);\n    tab.setAttribute('tabindex', '-1');\n    tab.parentElement?.setAttribute('role', 'presentation');\n\n    // Handle clicking of tabs for mouse users\n    const tabClickEvent = (e: MouseEvent) => {\n      e.preventDefault();\n      const currentTab = tablist.querySelector('[aria-selected]');\n      if (e.currentTarget !== currentTab) {\n        // eslint-disable-next-line max-len\n        switchTab(tabs, panels, currentTab, e.currentTarget as HTMLElement, tabbed.classList, true, (tabIndex) => {\n          callback(tabIndex);\n        });\n      }\n    };\n\n    tab.removeEventListener('click', tabClickEvent);\n    tab.addEventListener('click', tabClickEvent);\n\n    // Handle keydown events for keyboard users\n    const tabKeyEvent = (e: KeyboardEvent) => {\n      // Get the index of the current tab in the tabs node list\n      const index = Array.prototype.indexOf.call(tabs, e.currentTarget);\n      // Work out which key the user is pressing and\n      // Calculate the new tab's index where appropriate\n      let dir: number | string | null = null;\n      if (e.key === 'ArrowLeft') {\n        dir = index - 1;\n      }\n      if (e.key === 'ArrowRight') {\n        dir = index + 1;\n      }\n      if (e.key === 'ArrowDown') {\n        dir = 'down';\n      }\n      if (dir !== null) {\n        e.preventDefault();\n        // If the down key is pressed, move focus to the open panel,\n        // otherwise switch to the adjacent tab\n        if (dir === 'down') {\n          panels[i].focus();\n        } else if (tabs[dir]) {\n          // eslint-disable-next-line max-len\n          switchTab(tabs, panels, e.currentTarget as Element, tabs[dir], tabbed.classList, true, (tabIndex) => {\n            callback(tabIndex);\n          });\n        }\n      }\n    };\n    tab.removeEventListener('keydown', tabKeyEvent);\n    tab.addEventListener('keydown', tabKeyEvent);\n  });\n\n  // Add tab panel semantics and hide them all\n  panels.forEach((panel: HTMLElement, i: number) => {\n    panel.setAttribute('tabindex', '-1');\n    panel.setAttribute('aria-labelledby', tabs[i].id);\n    // eslint-disable-next-line no-param-reassign\n    panel.hidden = true;\n    panel.setAttribute('role', 'tabpanel');\n  });\n\n  // Initially activate the first tab and reveal the first tab panel\n  if (initial > -1) {\n    switchTab(tabs, panels, null, tabs[initial], tabbed.classList, focus);\n  }\n};\n\nexport {\n  setTabbedContent,\n  isBelowViewportLimit,\n  destroyTabs,\n  destroySwitches,\n};\n","/* eslint-disable max-len */\nimport { convertRemToPixels, isElementWithClassNameInEventPath, isViewportBelow } from './helpers';\n\nconst lockBodyScroll = (): void => {\n  const body = document.querySelector('body');\n  if (isViewportBelow('--bp-medium') || isViewportBelow('--bp-low-height')) {\n    body?.classList.add('body--no-scroll');\n  }\n};\n\nconst unlockBodyScroll = (): void => {\n  const body = document.querySelector('body');\n  body?.classList.remove('body--no-scroll');\n};\n\n/* eslint-env browser */\nconst closeAllContentTogglesInToolbar = (toolbar: HTMLElement): void => {\n  const contentToggles = toolbar.querySelectorAll('.content-toggle__toggle');\n  contentToggles.forEach((toggle) => {\n    const content = toggle.parentElement?.querySelector('.content-toggle__content');\n    toggle.setAttribute('aria-expanded', 'false');\n    content?.setAttribute('hidden', 'hidden');\n  });\n};\n\nconst setOverflow = (toolbarElement: Element): void => {\n  if (!toolbarElement.classList.contains('toolbar--no-collapse')) {\n    toolbarElement.classList.remove('toolbar--toggled');\n  }\n  toolbarElement.classList.remove('toolbar--fully-overflown');\n  toolbarElement.classList.remove('toolbar--has-popout');\n  const toolbarItemsParent = toolbarElement.querySelector('.toolbar__items');\n  const toolbarItems = toolbarItemsParent?.children as HTMLCollection;\n  const isOverflownClass = 'toolbar__item--is-overflown';\n  const hasOverflowClass = 'toolbar--has-overflow';\n  let hasOverflown = false;\n\n  let overflownCount = 0;\n  const addOverflowClass = (item: HTMLElement, index: number) => {\n    if (item) {\n      const top = item.offsetTop;\n      if (top > 25) {\n        item.classList.add(isOverflownClass);\n        toolbarElement.classList.add(hasOverflowClass);\n        hasOverflown = true;\n        overflownCount += 1;\n      } else {\n        item.classList.remove(isOverflownClass);\n      }\n\n      if (!hasOverflown) {\n        toolbarElement.classList.remove(hasOverflowClass);\n      } else if (index - 1 >= 0) {\n        addOverflowClass(toolbarItems[index - 1] as HTMLElement, index - 1);\n      }\n    }\n  };\n\n  addOverflowClass(toolbarItems[toolbarItems.length - 1] as HTMLElement, toolbarItems.length - 1);\n\n  if (overflownCount > 0 && overflownCount === toolbarItems.length) {\n    toolbarElement.classList.add('toolbar--fully-overflown');\n  }\n};\n\nconst setToolbarToggle = (toolbar: HTMLElement): ExtendedCleanUpPair[] => {\n  const cleanUp: ExtendedCleanUpPair[] = [];\n  const buttons = toolbar.querySelectorAll('.toolbar__toggle');\n  buttons.forEach((button) => {\n    const clickEvent = () => {\n      button?.parentElement?.classList.toggle('toolbar--toggled');\n      const ariaExpanded = button.getAttribute('aria-expanded');\n      if (ariaExpanded !== 'true') {\n        const focusable = 'a.toolbar__item--is-overflown, button.toolbar__item--is-overflown, input.toolbar__item--is-overflown, select.toolbar__item--is-overflown, .toolbar__item--is-overflown a, .toolbar__item--is-overflown button, .toolbar__item--is-overflown input, .toolbar__item--is-overflown select';\n        const firstWithOverflow = button?.parentElement?.querySelector(focusable) as HTMLElement;\n        if (firstWithOverflow) {\n          setTimeout(() => {\n            firstWithOverflow.focus();\n          }, 0);\n        }\n      }\n      button.setAttribute('aria-expanded', ariaExpanded === 'false' ? 'true' : 'false');\n    };\n\n    cleanUp.push({\n      element: button,\n      clickEvent,\n    });\n    button.addEventListener('click', clickEvent);\n  });\n  return cleanUp;\n};\n\nconst setToolbar = (\n  toolbar: HTMLElement,\n  onCloseContentToggle: (toolbarElement: HTMLElement) => void,\n  setOverflowOnly = true,\n): ExtendedCleanUpPair[] => {\n  let cleanUp: ExtendedCleanUpPair[] = [];\n\n  setOverflow(toolbar);\n  onCloseContentToggle(toolbar);\n  cleanUp = cleanUp.concat(setToolbarToggle(toolbar));\n\n  if (!setOverflowOnly) {\n    const bodyClickEvent = (event: Event) => {\n      if (!(event.target as HTMLElement).classList.contains('content-toggle__toggle')\n        && !isElementWithClassNameInEventPath(event as MouseEvent, 'content-toggle__content')) {\n        onCloseContentToggle(toolbar);\n      }\n    };\n\n    const escKeyEvent = (event: Event) => {\n      if ((event as KeyboardEvent).key === 'Escape') {\n        if (event.target && (event.target as HTMLElement).getAttribute('type') !== 'search') {\n          onCloseContentToggle(toolbar);\n        }\n      }\n    };\n\n    const body = document.querySelector('body');\n\n    cleanUp.push({\n      element: body as Element,\n      clickEvent: bodyClickEvent,\n    });\n\n    cleanUp.push({\n      element: window,\n      keyUpEvent: escKeyEvent,\n    });\n\n    body?.addEventListener('click', bodyClickEvent);\n    window.addEventListener('keyup', escKeyEvent);\n  }\n\n  return cleanUp;\n};\n\nconst findToolbar = (element: HTMLElement): HTMLElement => {\n  const parent = element.parentElement;\n  if (parent) {\n    if (parent.classList.contains('toolbar')) {\n      return parent;\n    }\n    return findToolbar(parent);\n  }\n  return element;\n};\n\nconst contentToggleEdgeHandling = (element: HTMLElement): void => {\n  if (!isViewportBelow('--bp-medium') && !isViewportBelow('--bp-low-height')) {\n    const allowedDistance = convertRemToPixels(parseInt(getComputedStyle(document.documentElement).getPropertyValue('--toolbar-popout-allowed-edge-distance').replace('rem,', ''), 10));\n    const popoutX = parseInt(getComputedStyle(element).width.replace('px', ''), 10);\n    const popoutWidth = element.getBoundingClientRect().x;\n\n    const distance = document.body.offsetWidth - allowedDistance - popoutX - popoutWidth;\n\n    if (distance < 0) {\n      element.style.setProperty('--toolbar-popout-edge-overflow', `${distance}px`);\n    }\n  }\n};\n\nexport {\n  setToolbar,\n  setOverflow,\n  findToolbar,\n  closeAllContentTogglesInToolbar,\n  contentToggleEdgeHandling,\n  lockBodyScroll,\n  unlockBodyScroll,\n};\n","/* eslint-disable no-param-reassign */\n/* eslint-env browser */\nimport ready from '../components/ready';\nimport {\n  setResponsiveNav,\n  setResponsiveToggle,\n} from '../components/nav';\nimport { isElementWithClassNameInEventPath, setMetaThemeColor } from '../components/helpers';\nimport { setResponsiveTable } from '../components/table';\nimport { setTabbedContent, isBelowViewportLimit, destroyTabs } from '../components/tabs';\nimport { setContentToggle } from '../components/content-toggle';\nimport {\n  closeAllContentTogglesInToolbar,\n  contentToggleEdgeHandling,\n  findToolbar,\n  lockBodyScroll,\n  unlockBodyScroll,\n} from '../components/toolbar';\n\nlet windowInnerWidth = 0;\n\nconst tabbedObjects: ITabbedObject[] = [];\n\nconst setTabs = (): void => {\n  tabbedObjects.forEach((tabObject: ITabbedObject, key: number): void => {\n    const { rendered, domElement } = tabObject;\n    if (isBelowViewportLimit(domElement.classList)) {\n      if (!rendered) {\n        const focus = domElement.getAttribute('data-focus-onload');\n        const dataInitial = domElement.getAttribute('data-initial-tab');\n        const initial = dataInitial ? parseInt(dataInitial, 10) : 0;\n        setTabbedContent(key, domElement, initial, focus !== 'false');\n        tabObject.rendered = true;\n      }\n    } else if (rendered) {\n      destroyTabs(domElement);\n      tabObject.rendered = false;\n    }\n  });\n};\n\nready(() => {\n  const tabbedContent = document.querySelectorAll('.tabbed-content');\n  tabbedContent.forEach((tab) => tabbedObjects.push({\n    domElement: tab,\n    rendered: false,\n  }));\n  setTabs();\n  setMetaThemeColor();\n\n  const navElements = document.querySelectorAll('.nav:not(.nav--vertical)');\n  navElements.forEach((n) => setResponsiveNav(navElements, n));\n  setResponsiveToggle(navElements);\n\n  const tables = document.querySelectorAll('.table--wrap-medium-width, .table--wrap-default-width');\n  tables.forEach((table) => setResponsiveTable(table));\n\n  const toggles = document.querySelectorAll('.content-toggle__content');\n  toggles.forEach((toggle) => {\n    setContentToggle(\n      toggle,\n      (popout: HTMLElement) => {\n        contentToggleEdgeHandling(popout);\n        lockBodyScroll();\n      },\n      (content: HTMLElement) => closeAllContentTogglesInToolbar(findToolbar(content)),\n      (content: HTMLElement, button: HTMLButtonElement) => {\n        const ariaExpanded = button.getAttribute('aria-expanded');\n        const toolbar = findToolbar(content);\n        if (ariaExpanded === 'true') {\n          toolbar?.classList.add('toolbar--has-popout');\n        } else {\n          toolbar?.classList.remove('toolbar--has-popout');\n        }\n\n        content.addEventListener('click', (event: MouseEvent) => {\n          if ((event.target as HTMLElement).classList.contains('toolbar__popout')\n            && !isElementWithClassNameInEventPath(event as MouseEvent, 'toolbar__filter__content')) {\n            closeAllContentTogglesInToolbar(toolbar);\n            unlockBodyScroll();\n          }\n        });\n      },\n    );\n  });\n\n  window.addEventListener('load', () => {\n    windowInnerWidth = window.innerWidth;\n  });\n\n  window.addEventListener('resize', () => {\n    if (windowInnerWidth > 0 && window.innerWidth !== windowInnerWidth) {\n      windowInnerWidth = window.innerWidth;\n      navElements.forEach((n) => setResponsiveNav(navElements, n));\n      setTabs();\n    }\n  });\n});\n","/* eslint-env browser */\nconst ready = (fn: () => void): void => {\n  if (document.readyState !== 'loading') {\n    fn();\n  } else {\n    document.addEventListener('DOMContentLoaded', fn);\n  }\n};\n\nexport default ready;\n","/* eslint-disable import/prefer-default-export */\nconst setResponsiveTable = (table: Element): void => {\n  const head = table.querySelector('thead');\n  const body = table.querySelector('tbody');\n  const foot = table.querySelector('tfoot');\n\n  if (head) {\n    const headers: string[] = [];\n    const ths = head.querySelectorAll('th');\n    ths.forEach((h) => {\n      if (!h.classList.contains('table__cell--self-explanatory')) {\n        headers.push(h.innerHTML); // Because innerText inherits stuff like text-transform\n      } else {\n        headers.push(''); // If header is self explanatory we do not add it\n      }\n    });\n\n    const rowContainers: HTMLTableSectionElement[] = [];\n    // Table elements that possibly contains <tr>'s\n    if (body) {\n      rowContainers.push(body);\n    }\n    if (foot) {\n      rowContainers.push(foot);\n    }\n\n    rowContainers.forEach((rc) => {\n      const rows = rc.querySelectorAll('tr');\n      rows.forEach((tr) => {\n        const cells = tr.querySelectorAll('td, th');\n        cells.forEach((cell, i) => {\n          if (headers[i]) {\n            // if header is self explanatory we skip (value of array index is '' which is falsy)\n            cell.setAttribute('data-label', headers[i]);\n          }\n        });\n      });\n    });\n  }\n};\n\nexport {\n  setResponsiveTable,\n};\n","/* eslint-disable max-len */\n/* eslint-env browser */\n/* eslint-disable import/prefer-default-export */\nconst setContentToggle = (\n  content: Element,\n  onClick: ((content: HTMLElement, button: HTMLButtonElement) => void) | undefined,\n  beforeCallback: ((content: HTMLElement, button: HTMLButtonElement) => void) | undefined,\n  afterCallback: ((content: HTMLElement, button: HTMLButtonElement) => void) | undefined,\n): CleanUpPair[] => {\n  const cleanUp: CleanUpPair[] = [];\n  const setContentClose = (button: HTMLElement, contentClose: HTMLElement, focus: boolean): () => void => {\n    if (focus) {\n      contentClose.focus();\n    }\n    const click = () => {\n      content.setAttribute('hidden', 'hidden');\n      button.removeAttribute('hidden');\n      button.setAttribute('aria-expanded', 'false');\n      button.focus();\n    };\n    contentClose.addEventListener('click', click);\n    return click;\n  };\n\n  const button = content?.parentElement?.querySelector('.content-toggle__toggle') as HTMLElement;\n  const contentClose = content.querySelectorAll('.content-toggle__close');\n\n  if (button) {\n    const clickEvent = () => {\n      const ariaExpanded = button.getAttribute('aria-expanded');\n      // Til toolbar: hvis man klikker på en knap, der ikke er foldet ud\n      // Så lukker vi alle åbne content-toggles\n      if (typeof beforeCallback === 'function' && ariaExpanded === 'false') {\n        beforeCallback(content as HTMLElement, button as HTMLButtonElement);\n      }\n      // Og så går vi i gang med folde-ud-logikken\n      button.setAttribute('aria-expanded', ariaExpanded === 'false' ? 'true' : 'false');\n      if (ariaExpanded === 'true') {\n        content.setAttribute('hidden', 'hidden');\n      } else {\n        content.removeAttribute('hidden');\n      }\n\n      if (typeof onClick === 'function') {\n        onClick(content as HTMLElement, button as HTMLButtonElement);\n      }\n\n      if (button.hasAttribute('aria-haspopup')) {\n        button.setAttribute('hidden', 'hidden');\n        contentClose.forEach((cc) => {\n          setContentClose(button, cc as HTMLElement, true);\n        });\n      }\n\n      // Det der sker efter folde-logikken\n      if (typeof afterCallback === 'function') {\n        afterCallback(content as HTMLElement, button as HTMLButtonElement);\n      }\n    };\n\n    button.addEventListener('click', clickEvent);\n    // Altid tilføj denne først!\n    cleanUp.push({\n      element: button,\n      clickEvent,\n    });\n\n    contentClose.forEach((cc) => {\n      const btnClick = setContentClose(button, cc as HTMLElement, false);\n      cleanUp.push({\n        element: cc,\n        clickEvent: btnClick,\n      });\n    });\n  }\n  return cleanUp;\n};\n\nexport {\n  setContentToggle,\n};\n"],"sourceRoot":""}

package/build/js/components/tabs.ts

@@ -46,6 +46,27 @@ const destroyTabs = (tabbed: Element): void => {
   });
 };
 
+const destroySwitches = (tabbed: Element): void => {
+  const switchlist = tabbed.querySelector('.switch');
+  const switches = switchlist?.querySelectorAll('a');
+  const panels: HTMLElement[] = [];
+  const sections = tabbed.querySelectorAll('section');
+  sections.forEach((section) => {
+    if (section.parentNode === tabbed) {
+      panels.push(section);
+    }
+  });
+  switches?.forEach((tab) => {
+    tab.removeAttribute('aria-selected');
+    tab.classList.remove('switch__segment--active');
+  });
+
+  panels.forEach((panel) => {
+    panel.hidden = false;
+    panel.removeAttribute('role');
+  });
+};
+
 const switchTab = (
   tabs: NodeListOf<HTMLAnchorElement>,
   panels: HTMLElement[],
@@ -63,20 +84,58 @@ const switchTab = (
   newTab.removeAttribute('tabindex');
   // Set the selected state
   newTab.setAttribute('aria-selected', 'true');
-  newTab.classList.add('nav__item--active');
+
+  // Check if switch // should this be more pretty?
+  if (newTab.classList.contains('switch__segment')) {
+    newTab.classList.add('switch__segment--active');
+  } else {
+    newTab.classList.add('nav__item--active');
+  }
+
   if (oldTab) {
     oldTab.removeAttribute('aria-selected');
     oldTab.setAttribute('tabindex', '-1');
-    oldTab.classList.remove('nav__item--active');
+
+    if (oldTab.classList.contains('switch__segment')) {
+      oldTab.classList.remove('switch__segment--active');
+    } else {
+      oldTab.classList.remove('nav__item--active');
+    }
   }
 
   const index = Array.prototype.indexOf.call(tabs, newTab);
 
+  // More links
+  /*let moreLinks;
+  var moreLink: HTMLElement;
+  moreLinks = document.querySelectorAll(`[data-for="${panels[index].id}"]`);
+  moreLinks.forEach((moreLink) => {
+    moreLink.classList.add('tabbed-content-peripheral--active');
+    moreLink.hidden = false;
+  });*/
+  let moreLinks: HTMLElement[] = Array.from(document.querySelectorAll(`[data-for="${panels[index].id}"]`));
+  moreLinks.forEach((link) => {
+    link.classList.add('tabbed-content-peripheral--active');
+    link.hidden = false;
+  });
+
   // Get the indices of the new and old tabs to find the correct
   // tab panels to show and hide
   panels[index].hidden = false;
   if (oldTab) {
     const oldIndex = Array.prototype.indexOf.call(tabs, oldTab);
+
+    let oldMoreLinks: HTMLElement[] = Array.from(document.querySelectorAll(`[data-for="${panels[oldIndex].id}"]`));
+    oldMoreLinks.forEach((link) => {
+      link.classList.remove('tabbed-content-peripheral--active');
+      link.hidden = true;
+    });
+
+   /* moreLinks.forEach((moreLink) => {
+      moreLink.classList.remove('tabbed-content-peripheral--active');
+      moreLink.hidden = true;
+    });*/
+
     panels[oldIndex].hidden = true;
   }
 
@@ -96,7 +155,7 @@ const setTabbedContent = (
   // eslint-disable-next-line no-console
   callback = (index: number) => console.log(index),
 ): void => {
-  const tablist = tabbed.querySelector('.nav__items') as HTMLElement;
+  const tablist = tabbed.querySelector('.switch,.nav__items') as HTMLElement;
   const tabs = tablist.querySelectorAll('a');
   const panels: HTMLElement[] = [];
   const sections = tabbed.querySelectorAll('section');
@@ -197,4 +256,5 @@ export {
   setTabbedContent,
   isBelowViewportLimit,
   destroyTabs,
+  destroySwitches,
 };

package/build/projects/bachelor-applications/js/app.js

@@ -1,2 +1,2 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";n.r(t);const o=(e,t)=>{let n=!1;return e.composedPath().forEach(e=>{e.classList&&e.classList.contains(t)&&(n=!0)}),n},r=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),l=e=>{return Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)<r(parseInt(getComputedStyle(document.documentElement).getPropertyValue(e).replace("rem",""),10))},a=e=>{const t=e.parentElement;return t?t.classList.contains("nav")?t:a(t):e},c=(e,t=null)=>{e.forEach(e=>{const n=e.querySelector(".nav__toggle");e!==t&&(e.classList.contains("nav--toggled")&&(n.focus(),n.setAttribute("aria-expanded","false")),e.classList.remove("nav--toggled"))})},i=e=>{const t=[];return document.querySelectorAll(".nav__toggle").forEach(n=>{const o=()=>{const t=(e=>{const t=a(e),n=t.querySelector(".nav__items"),o=null==n?void 0:n.querySelector(".nav__item:last-of-type");null==n||n.classList.add("nav__items--fadeout");const r=null==n?void 0:n.querySelector(".nav__item--is-overflown");r&&r.focus();const l=()=>{t.classList.toggle("nav--toggled"),null==n||n.classList.remove("nav__items--fadeout"),null==o||o.removeEventListener("transitionend",l)};return null==o||o.addEventListener("transitionend",l),t})(n),o=n.getAttribute("aria-expanded");n.setAttribute("aria-expanded","false"===o?"true":"false"),c(e,t)};t.push({element:n,clickEvent:o}),n.addEventListener("click",o)}),t},s=(e,t)=>{var n;t.classList.remove("nav--toggled");const r=t.querySelector(".nav__items");if(r){const e=r.querySelectorAll(".nav__item"),n="nav__item--is-overflown",o="nav--has-overflow",l="nav__item--active";let a=!1;for(let r=e.length-1;r>=0;r-=1){const c=e[r];c.offsetTop>0?(c.classList.add(n),t.classList.add(o),a=!0):c.classList.contains(l)||c.classList.remove(n)}if(!a){t.classList.remove(o);const e=t.querySelector(`.${l}`);e&&e.classList.remove(n)}}const l=t=>{t.target.classList.contains("nav__toggle")||o(t,"nav__items")||c(e)};return null===(n=document.querySelector("body"))||void 0===n||n.addEventListener("click",l),{element:document.querySelector("body"),clickEvent:l}},d=e=>{const t=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/(()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10))(),n=(e=>e.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):e.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1)(e);return!(n>-1)||t<n},u=(e,t,n,o,r,l=!0,a=(e=>console.log(e)))=>{l&&o.focus(),o.removeAttribute("tabindex"),o.setAttribute("aria-selected","true"),o.classList.add("nav__item--active"),n&&(n.removeAttribute("aria-selected"),n.setAttribute("tabindex","-1"),n.classList.remove("nav__item--active"));const c=Array.prototype.indexOf.call(e,o);if(t[c].hidden=!1,n){t[Array.prototype.indexOf.call(e,n)].hidden=!0}o.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:c}})),a(c)},m=e=>{e.querySelectorAll(".content-toggle__toggle").forEach(e=>{var t;const n=null===(t=e.parentElement)||void 0===t?void 0:t.querySelector(".content-toggle__content");e.setAttribute("aria-expanded","false"),null==n||n.setAttribute("hidden","hidden")})},p=e=>{const t=e.parentElement;return t?t.classList.contains("toolbar")?t:p(t):e};let f=0;const v=[],b=()=>{v.forEach((e,t)=>{const{rendered:n,domElement:o}=e;if(d(o.classList)){if(!n){const n=o.getAttribute("data-focus-onload"),r=o.getAttribute("data-initial-tab");((e,t,n=0,o=!0,r=(e=>console.log(e)))=>{const l=t.querySelector(".nav__items"),a=l.querySelectorAll("a"),c=[];t.querySelectorAll("section").forEach(e=>{e.parentNode===t&&c.push(e)});const i=t.querySelector("button.tabbed-content__expand-all");if(i){const e=()=>{l.hidden=!0,c.forEach(e=>{e.hidden=!1})};i.removeEventListener("click",e),i.addEventListener("click",e)}l.setAttribute("role","tablist"),a.forEach((n,o)=>{var i;n.setAttribute("role","tab"),n.setAttribute("id",`tab${e}_${o+1}`),n.setAttribute("tabindex","-1"),null===(i=n.parentElement)||void 0===i||i.setAttribute("role","presentation");const s=e=>{e.preventDefault();const n=l.querySelector("[aria-selected]");e.currentTarget!==n&&u(a,c,n,e.currentTarget,t.classList,!0,e=>{r(e)})};n.removeEventListener("click",s),n.addEventListener("click",s);const d=e=>{const n=Array.prototype.indexOf.call(a,e.currentTarget);let l=null;"ArrowLeft"===e.key&&(l=n-1),"ArrowRight"===e.key&&(l=n+1),"ArrowDown"===e.key&&(l="down"),null!==l&&(e.preventDefault(),"down"===l?c[o].focus():a[l]&&u(a,c,e.currentTarget,a[l],t.classList,!0,e=>{r(e)}))};n.removeEventListener("keydown",d),n.addEventListener("keydown",d)}),c.forEach((e,t)=>{e.setAttribute("tabindex","-1"),e.setAttribute("aria-labelledby",a[t].id),e.hidden=!0,e.setAttribute("role","tabpanel")}),n>-1&&u(a,c,null,a[n],t.classList,o)})(t,o,r?parseInt(r,10):0,"false"!==n),e.rendered=!0}}else n&&((e=>{const t=e.querySelector(".nav__items"),n=null==t?void 0:t.querySelectorAll("a"),o=[];e.querySelectorAll("section").forEach(t=>{t.parentNode===e&&o.push(t)}),null==n||n.forEach(e=>{e.removeAttribute("aria-selected"),e.classList.remove("nav__item--active")}),o.forEach(e=>{e.hidden=!1,e.removeAttribute("role")})})(o),e.rendered=!1)})};(e=>{"loading"!==document.readyState?e():document.addEventListener("DOMContentLoaded",e)})(()=>{document.querySelectorAll(".tabbed-content").forEach(e=>v.push({domElement:e,rendered:!1})),b(),(()=>{const e=document.querySelector("body");if(e){const t=window.getComputedStyle(e).getPropertyValue("--color-background"),n=document.querySelector('meta[name="theme-color"]');if(n)n.content=t;else{const e=document.createElement("meta");e.name="theme-color",e.content=t,document.getElementsByTagName("head")[0].appendChild(e)}}})();const e=document.querySelectorAll(".nav:not(.nav--vertical)");e.forEach(t=>s(e,t)),i(e),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(e=>(e=>{const t=e.querySelector("thead"),n=e.querySelector("tbody"),o=e.querySelector("tfoot");if(t){const e=[];t.querySelectorAll("th").forEach(t=>{t.classList.contains("table__cell--self-explanatory")?e.push(""):e.push(t.innerHTML)});const r=[];n&&r.push(n),o&&r.push(o),r.forEach(t=>{t.querySelectorAll("tr").forEach(t=>{t.querySelectorAll("td, th").forEach((t,n)=>{e[n]&&t.setAttribute("data-label",e[n])})})})}})(e)),document.querySelectorAll(".content-toggle__content").forEach(e=>{((e,t,n,o)=>{var r;const l=[],a=(t,n,o)=>{o&&n.focus();const r=()=>{e.setAttribute("hidden","hidden"),t.removeAttribute("hidden"),t.setAttribute("aria-expanded","false"),t.focus()};return n.addEventListener("click",r),r},c=null==e?void 0:null===(r=e.parentElement)||void 0===r?void 0:r.querySelector(".content-toggle__toggle"),i=e.querySelectorAll(".content-toggle__close");if(c){const r=()=>{const r=c.getAttribute("aria-expanded");"function"==typeof n&&"false"===r&&n(e,c),c.setAttribute("aria-expanded","false"===r?"true":"false"),"true"===r?e.setAttribute("hidden","hidden"):e.removeAttribute("hidden"),"function"==typeof t&&t(e,c),c.hasAttribute("aria-haspopup")&&(c.setAttribute("hidden","hidden"),i.forEach(e=>{a(c,e,!0)})),"function"==typeof o&&o(e,c)};c.addEventListener("click",r),l.push({element:c,clickEvent:r}),i.forEach(e=>{const t=a(c,e,!1);l.push({element:e,clickEvent:t})})}})(e,e=>{(e=>{if(!l("--bp-medium")&&!l("--bp-low-height")){const t=r(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),n=parseInt(getComputedStyle(e).width.replace("px",""),10),o=e.getBoundingClientRect().x,l=document.body.offsetWidth-t-n-o;l<0&&e.style.setProperty("--toolbar-popout-edge-overflow",`${l}px`)}})(e),(()=>{const e=document.querySelector("body");(l("--bp-medium")||l("--bp-low-height"))&&(null==e||e.classList.add("body--no-scroll"))})()},e=>m(p(e)),(e,t)=>{const n=t.getAttribute("aria-expanded"),r=p(e);"true"===n?null==r||r.classList.add("toolbar--has-popout"):null==r||r.classList.remove("toolbar--has-popout"),e.addEventListener("click",e=>{e.target.classList.contains("toolbar__popout")&&!o(e,"toolbar__filter__content")&&(m(r),(()=>{const e=document.querySelector("body");null==e||e.classList.remove("body--no-scroll")})())})})}),window.addEventListener("load",()=>{f=window.innerWidth}),window.addEventListener("resize",()=>{f>0&&window.innerWidth!==f&&(f=window.innerWidth,e.forEach(t=>s(e,t)),b())})})}])}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";n.r(t);const o=(e,t)=>{let n=!1;return e.composedPath().forEach(e=>{e.classList&&e.classList.contains(t)&&(n=!0)}),n},r=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),l=e=>{return Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)<r(parseInt(getComputedStyle(document.documentElement).getPropertyValue(e).replace("rem",""),10))},a=e=>{const t=e.parentElement;return t?t.classList.contains("nav")?t:a(t):e},c=(e,t=null)=>{e.forEach(e=>{const n=e.querySelector(".nav__toggle");e!==t&&(e.classList.contains("nav--toggled")&&(n.focus(),n.setAttribute("aria-expanded","false")),e.classList.remove("nav--toggled"))})},i=e=>{const t=[];return document.querySelectorAll(".nav__toggle").forEach(n=>{const o=()=>{const t=(e=>{const t=a(e),n=t.querySelector(".nav__items"),o=null==n?void 0:n.querySelector(".nav__item:last-of-type");null==n||n.classList.add("nav__items--fadeout");const r=null==n?void 0:n.querySelector(".nav__item--is-overflown");r&&r.focus();const l=()=>{t.classList.toggle("nav--toggled"),null==n||n.classList.remove("nav__items--fadeout"),null==o||o.removeEventListener("transitionend",l)};return null==o||o.addEventListener("transitionend",l),t})(n),o=n.getAttribute("aria-expanded");n.setAttribute("aria-expanded","false"===o?"true":"false"),c(e,t)};t.push({element:n,clickEvent:o}),n.addEventListener("click",o)}),t},s=(e,t)=>{var n;t.classList.remove("nav--toggled");const r=t.querySelector(".nav__items");if(r){const e=r.querySelectorAll(".nav__item"),n="nav__item--is-overflown",o="nav--has-overflow",l="nav__item--active";let a=!1;for(let r=e.length-1;r>=0;r-=1){const c=e[r];c.offsetTop>0?(c.classList.add(n),t.classList.add(o),a=!0):c.classList.contains(l)||c.classList.remove(n)}if(!a){t.classList.remove(o);const e=t.querySelector(`.${l}`);e&&e.classList.remove(n)}}const l=t=>{t.target.classList.contains("nav__toggle")||o(t,"nav__items")||c(e)};return null===(n=document.querySelector("body"))||void 0===n||n.addEventListener("click",l),{element:document.querySelector("body"),clickEvent:l}},d=e=>{const t=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/(()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10))(),n=(e=>e.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):e.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1)(e);return!(n>-1)||t<n},u=(e,t,n,o,r,l=!0,a=(e=>console.log(e)))=>{l&&o.focus(),o.removeAttribute("tabindex"),o.setAttribute("aria-selected","true"),o.classList.contains("switch__segment")?o.classList.add("switch__segment--active"):o.classList.add("nav__item--active"),n&&(n.removeAttribute("aria-selected"),n.setAttribute("tabindex","-1"),n.classList.contains("switch__segment")?n.classList.remove("switch__segment--active"):n.classList.remove("nav__item--active"));const c=Array.prototype.indexOf.call(e,o);if(Array.from(document.querySelectorAll(`[data-for="${t[c].id}"]`)).forEach(e=>{e.classList.add("tabbed-content-peripheral--active"),e.hidden=!1}),t[c].hidden=!1,n){const o=Array.prototype.indexOf.call(e,n);Array.from(document.querySelectorAll(`[data-for="${t[o].id}"]`)).forEach(e=>{e.classList.remove("tabbed-content-peripheral--active"),e.hidden=!0}),t[o].hidden=!0}o.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:c}})),a(c)},m=e=>{e.querySelectorAll(".content-toggle__toggle").forEach(e=>{var t;const n=null===(t=e.parentElement)||void 0===t?void 0:t.querySelector(".content-toggle__content");e.setAttribute("aria-expanded","false"),null==n||n.setAttribute("hidden","hidden")})},p=e=>{const t=e.parentElement;return t?t.classList.contains("toolbar")?t:p(t):e};let f=0;const v=[],b=()=>{v.forEach((e,t)=>{const{rendered:n,domElement:o}=e;if(d(o.classList)){if(!n){const n=o.getAttribute("data-focus-onload"),r=o.getAttribute("data-initial-tab");((e,t,n=0,o=!0,r=(e=>console.log(e)))=>{const l=t.querySelector(".switch,.nav__items"),a=l.querySelectorAll("a"),c=[];t.querySelectorAll("section").forEach(e=>{e.parentNode===t&&c.push(e)});const i=t.querySelector("button.tabbed-content__expand-all");if(i){const e=()=>{l.hidden=!0,c.forEach(e=>{e.hidden=!1})};i.removeEventListener("click",e),i.addEventListener("click",e)}l.setAttribute("role","tablist"),a.forEach((n,o)=>{var i;n.setAttribute("role","tab"),n.setAttribute("id",`tab${e}_${o+1}`),n.setAttribute("tabindex","-1"),null===(i=n.parentElement)||void 0===i||i.setAttribute("role","presentation");const s=e=>{e.preventDefault();const n=l.querySelector("[aria-selected]");e.currentTarget!==n&&u(a,c,n,e.currentTarget,t.classList,!0,e=>{r(e)})};n.removeEventListener("click",s),n.addEventListener("click",s);const d=e=>{const n=Array.prototype.indexOf.call(a,e.currentTarget);let l=null;"ArrowLeft"===e.key&&(l=n-1),"ArrowRight"===e.key&&(l=n+1),"ArrowDown"===e.key&&(l="down"),null!==l&&(e.preventDefault(),"down"===l?c[o].focus():a[l]&&u(a,c,e.currentTarget,a[l],t.classList,!0,e=>{r(e)}))};n.removeEventListener("keydown",d),n.addEventListener("keydown",d)}),c.forEach((e,t)=>{e.setAttribute("tabindex","-1"),e.setAttribute("aria-labelledby",a[t].id),e.hidden=!0,e.setAttribute("role","tabpanel")}),n>-1&&u(a,c,null,a[n],t.classList,o)})(t,o,r?parseInt(r,10):0,"false"!==n),e.rendered=!0}}else n&&((e=>{const t=e.querySelector(".nav__items"),n=null==t?void 0:t.querySelectorAll("a"),o=[];e.querySelectorAll("section").forEach(t=>{t.parentNode===e&&o.push(t)}),null==n||n.forEach(e=>{e.removeAttribute("aria-selected"),e.classList.remove("nav__item--active")}),o.forEach(e=>{e.hidden=!1,e.removeAttribute("role")})})(o),e.rendered=!1)})};(e=>{"loading"!==document.readyState?e():document.addEventListener("DOMContentLoaded",e)})(()=>{document.querySelectorAll(".tabbed-content").forEach(e=>v.push({domElement:e,rendered:!1})),b(),(()=>{const e=document.querySelector("body");if(e){const t=window.getComputedStyle(e).getPropertyValue("--color-background"),n=document.querySelector('meta[name="theme-color"]');if(n)n.content=t;else{const e=document.createElement("meta");e.name="theme-color",e.content=t,document.getElementsByTagName("head")[0].appendChild(e)}}})();const e=document.querySelectorAll(".nav:not(.nav--vertical)");e.forEach(t=>s(e,t)),i(e),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(e=>(e=>{const t=e.querySelector("thead"),n=e.querySelector("tbody"),o=e.querySelector("tfoot");if(t){const e=[];t.querySelectorAll("th").forEach(t=>{t.classList.contains("table__cell--self-explanatory")?e.push(""):e.push(t.innerHTML)});const r=[];n&&r.push(n),o&&r.push(o),r.forEach(t=>{t.querySelectorAll("tr").forEach(t=>{t.querySelectorAll("td, th").forEach((t,n)=>{e[n]&&t.setAttribute("data-label",e[n])})})})}})(e)),document.querySelectorAll(".content-toggle__content").forEach(e=>{((e,t,n,o)=>{var r;const l=[],a=(t,n,o)=>{o&&n.focus();const r=()=>{e.setAttribute("hidden","hidden"),t.removeAttribute("hidden"),t.setAttribute("aria-expanded","false"),t.focus()};return n.addEventListener("click",r),r},c=null==e?void 0:null===(r=e.parentElement)||void 0===r?void 0:r.querySelector(".content-toggle__toggle"),i=e.querySelectorAll(".content-toggle__close");if(c){const r=()=>{const r=c.getAttribute("aria-expanded");"function"==typeof n&&"false"===r&&n(e,c),c.setAttribute("aria-expanded","false"===r?"true":"false"),"true"===r?e.setAttribute("hidden","hidden"):e.removeAttribute("hidden"),"function"==typeof t&&t(e,c),c.hasAttribute("aria-haspopup")&&(c.setAttribute("hidden","hidden"),i.forEach(e=>{a(c,e,!0)})),"function"==typeof o&&o(e,c)};c.addEventListener("click",r),l.push({element:c,clickEvent:r}),i.forEach(e=>{const t=a(c,e,!1);l.push({element:e,clickEvent:t})})}})(e,e=>{(e=>{if(!l("--bp-medium")&&!l("--bp-low-height")){const t=r(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),n=parseInt(getComputedStyle(e).width.replace("px",""),10),o=e.getBoundingClientRect().x,l=document.body.offsetWidth-t-n-o;l<0&&e.style.setProperty("--toolbar-popout-edge-overflow",`${l}px`)}})(e),(()=>{const e=document.querySelector("body");(l("--bp-medium")||l("--bp-low-height"))&&(null==e||e.classList.add("body--no-scroll"))})()},e=>m(p(e)),(e,t)=>{const n=t.getAttribute("aria-expanded"),r=p(e);"true"===n?null==r||r.classList.add("toolbar--has-popout"):null==r||r.classList.remove("toolbar--has-popout"),e.addEventListener("click",e=>{e.target.classList.contains("toolbar__popout")&&!o(e,"toolbar__filter__content")&&(m(r),(()=>{const e=document.querySelector("body");null==e||e.classList.remove("body--no-scroll")})())})})}),window.addEventListener("load",()=>{f=window.innerWidth}),window.addEventListener("resize",()=>{f>0&&window.innerWidth!==f&&(f=window.innerWidth,e.forEach(t=>s(e,t)),b())})})}])}));
 //# sourceMappingURL=app.js.map