@aarhus-university/au-designsystem-delphinus 0.26.7 → 0.28.0

package/CHANGELOG.md

@@ -1,9 +1,36 @@
+## 0.28.0 (June 24, 2022)
+
+### Core Delphinus Updates
+* Moved type definitions to seperate npm project.
+
+### Delphinus Projects Updates
+None
+
+## 0.27.0 (June 23, 2022)
+
+### Core Delphinus Updates
+* Tweaked vertical page margins in narrow viewport. Now, mobile has a bit more room horizontally. NOTE: If your design uses things that "pop" over the pages margins, please check, that there is still room for that after updating.
+
+### Delphinus Projects Updates
+None
+
+
+## 0.26.8 (June 21, 2022)
+
+### Core Delphinus Updates
+* Correct typing of events i navigational scripts.
+### Delphinus Projects Updates
+None
+
+
 ## 0.26.7 (June 21, 2022)
 
 ### Core Delphinus Updates
 * Return types on navigational functions for useEffect in React 18.
 ### Delphinus Projects Updates
 None
+
+
 ## 0.26.6 (June 21, 2022)
 
 ### Core Delphinus Updates
@@ -11,6 +38,7 @@ None
 ### Delphinus Projects Updates
 None
 
+
 ## 0.26.5 (June 20, 2022)
 
 ### Core Delphinus Updates
@@ -19,6 +47,7 @@ Fixes issue in navigation where the menu toogle would jump to bottom of the menu
 ### Delphinus Projects Updates
 None
 
+
 ## 0.26.4 (June 7, 2022)
 
 ### Core Delphinus Updates
@@ -27,6 +56,7 @@ None
 ### Delphinus Projects Updates
 * Removed box-shadow from `.roles-config__role__content`
 
+
 ## 0.26.3 (June 1, 2022)
 
 ### Core Delphinus Updates

package/build/figma-tokens/breakpoint-styles.json

@@ -811,6 +811,11 @@
 				"value": "76",
 				"description": "This is the largest size",
 				"type": "other"
+			},
+			"Side": {
+				"value": "34",
+				"description": "The size used for page vertical margins",
+				"type": "other"
 			}
 		}
 	},
@@ -906,6 +911,11 @@
 				"value": "121",
 				"description": "This is the largest size",
 				"type": "other"
+			},
+			"Side": {
+				"value": "46",
+				"description": "The size used for page vertical margins",
+				"type": "other"
 			}
 		}
 	}

package/build/figma-tokens/color-themes.json

@@ -39,6 +39,10 @@
 			"Zero": {
 				"value": "$spacingSizes.Zero",
 				"type": "borderWidth"
+			},
+			"Side": {
+				"value": "$spacingSizes.Side",
+				"type": "borderWidth"
 			}
 		},
 		"Borders": {

package/build/figma-tokens/design-file.json

@@ -91,6 +91,11 @@
 				"value": "57",
 				"description": "This is the largest size",
 				"type": "other"
+			},
+			"Side": {
+				"value": "20",
+				"description": "The spacing used for vertical page margins",
+				"type": "other"
 			}
 		},
 		"sizes": {
@@ -254,6 +259,11 @@
 				"value": "$spacingSizes.Plus2",
 				"description": "This is the largest whitespace",
 				"type": "spacing"
+			},
+			"Side": {
+				"value": "$spacingSizes.Side",
+				"description": "The whitespace used for vertical page margins",
+				"type": "spacing"
 			}
 		},
 		"otherSpacings": {
@@ -1248,6 +1258,10 @@
 			"Zero": {
 				"value": "$spacingSizes.Zero",
 				"type": "borderWidth"
+			},
+			"Side": {
+				"value": "$spacingSizes.Side",
+				"type": "borderWidth"
 			}
 		}
 	},
@@ -1343,6 +1357,11 @@
 				"value": "76",
 				"description": "This is the largest size",
 				"type": "other"
+			},
+			"Side": {
+				"value": "34",
+				"description": "The size used for page vertical margins",
+				"type": "other"
 			}
 		}
 	},
@@ -1438,6 +1457,11 @@
 				"value": "121",
 				"description": "This is the largest size",
 				"type": "other"
+			},
+			"Side": {
+				"value": "46",
+				"description": "The size used for page vertical margins",
+				"type": "other"
 			}
 		}
 	}

package/build/figma-tokens/design-system.json

@@ -491,6 +491,11 @@
 				"value": "57",
 				"description": "This is the largest size",
 				"type": "other"
+			},
+			"Side": {
+				"value": "20",
+				"description": "The spacing used for vertical page margins",
+				"type": "other"
 			}
 		},
 		"sizes": {
@@ -654,6 +659,11 @@
 				"value": "$spacingSizes.Plus2",
 				"description": "This is the largest whitespace",
 				"type": "spacing"
+			},
+			"Side": {
+				"value": "$spacingSizes.Side",
+				"description": "The whitespace used for vertical page margins",
+				"type": "spacing"
 			}
 		},
 		"otherSpacings": {
@@ -1780,6 +1790,10 @@
 			"Zero": {
 				"value": "$spacingSizes.Zero",
 				"type": "borderWidth"
+			},
+			"Side": {
+				"value": "$spacingSizes.Side",
+				"type": "borderWidth"
 			}
 		},
 		"Borders": {
@@ -4617,6 +4631,11 @@
 				"value": "76",
 				"description": "This is the largest size",
 				"type": "other"
+			},
+			"Side": {
+				"value": "34",
+				"description": "The size used for page vertical margins",
+				"type": "other"
 			}
 		}
 	},
@@ -4712,6 +4731,11 @@
 				"value": "121",
 				"description": "This is the largest size",
 				"type": "other"
+			},
+			"Side": {
+				"value": "46",
+				"description": "The size used for page vertical margins",
+				"type": "other"
 			}
 		}
 	}

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 r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(window,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},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 r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},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 r=(e,t)=>{let n=!1;return e.composedPath().forEach(e=>{e.classList&&e.classList.contains(t)&&(n=!0)}),n},o=e=>{const t=e.parentElement;return t?t.classList.contains("nav")?t:o(t):e},a=(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"))})},l=e=>{document.querySelectorAll(".nav__toggle").forEach(t=>{t.addEventListener("click",()=>{const n=(e=>{const t=o(e),n=t.querySelector(".nav__items"),r=null==n?void 0:n.querySelector(".nav__item:last-of-type");null==n||n.classList.add("nav__items--fadeout");const a=null==n?void 0:n.querySelector(".nav__item");a&&a.focus();const l=()=>{t.classList.toggle("nav--toggled"),null==n||n.classList.remove("nav__items--fadeout"),null==r||r.removeEventListener("transitionend",l)};return null==r||r.addEventListener("transitionend",l),t})(t),r=t.getAttribute("aria-expanded");t.setAttribute("aria-expanded","false"===r?"true":"false"),a(e,n)})})},i=(e,t)=>{var n;t.classList.remove("nav--toggled");const o=t.querySelector(".nav__items");if(o){const e=o.querySelectorAll(".nav__item"),n="nav__item--is-overflown",r="nav--has-overflow",a="nav__item--active";let l=!1;for(let o=e.length-1;o>=0;o-=1){const i=e[o];i.offsetTop>0?(i.classList.add(n),t.classList.add(r),l=!0):i.classList.contains(a)||i.classList.remove(n)}if(!l){t.classList.remove(r);const e=t.querySelector(`.${a}`);e&&e.classList.remove(n)}}null===(n=document.querySelector("body"))||void 0===n||n.addEventListener("click",t=>{t.target.classList.contains("nav__toggle")||r(t,"nav__items")||a(e)})},c=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},s=(e,t,n,r,o,a=!0,l=(e=>console.log(e)))=>{a&&r.focus(),r.removeAttribute("tabindex"),r.setAttribute("aria-selected","true"),r.classList.add("nav__item--active"),n&&(n.removeAttribute("aria-selected"),n.setAttribute("tabindex","-1"),n.classList.remove("nav__item--active"));const i=Array.prototype.indexOf.call(e,r);if(t[i].hidden=!1,n){t[Array.prototype.indexOf.call(e,n)].hidden=!0}r.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:i}})),l(i)};let d=0;const u=[],f=()=>{u.forEach((e,t)=>{const{rendered:n,domElement:r}=e;if(c(r.classList)){if(!n){const n=r.getAttribute("data-focus-onload"),o=r.getAttribute("data-initial-tab");((e,t,n=0,r=!0,o=(e=>console.log(e)))=>{const a=t.querySelector(".nav__items"),l=a.querySelectorAll("a"),i=[];t.querySelectorAll("section").forEach(e=>{e.parentNode===t&&i.push(e)});const c=t.querySelector("button.tabbed-content__expand-all");if(c){const e=()=>{a.hidden=!0,i.forEach(e=>{e.hidden=!1})};c.removeEventListener("click",e),c.addEventListener("click",e)}a.setAttribute("role","tablist"),l.forEach((n,r)=>{var c;n.setAttribute("role","tab"),n.setAttribute("id",`tab${e}_${r+1}`),n.setAttribute("tabindex","-1"),null===(c=n.parentElement)||void 0===c||c.setAttribute("role","presentation");const d=e=>{e.preventDefault();const n=a.querySelector("[aria-selected]");e.currentTarget!==n&&s(l,i,n,e.currentTarget,t.classList,!0,e=>{o(e)})};n.removeEventListener("click",d),n.addEventListener("click",d);const u=e=>{const n=Array.prototype.indexOf.call(l,e.currentTarget);let a=null;"ArrowLeft"===e.key&&(a=n-1),"ArrowRight"===e.key&&(a=n+1),"ArrowDown"===e.key&&(a="down"),null!==a&&(e.preventDefault(),"down"===a?i[r].focus():l[a]&&s(l,i,e.currentTarget,l[a],t.classList,!0,e=>{o(e)}))};n.removeEventListener("keydown",u),n.addEventListener("keydown",u)}),i.forEach((e,t)=>{e.setAttribute("tabindex","-1"),e.setAttribute("aria-labelledby",l[t].id),e.hidden=!0,e.setAttribute("role","tabpanel")}),n>-1&&s(l,i,null,l[n],t.classList,r)})(t,r,o?parseInt(o,10):0,"false"!==n),e.rendered=!0}}else n&&((e=>{const t=e.querySelector(".nav__items"),n=null==t?void 0:t.querySelectorAll("a"),r=[];e.querySelectorAll("section").forEach(t=>{t.parentNode===e&&r.push(t)}),null==n||n.forEach(e=>{e.removeAttribute("aria-selected"),e.classList.remove("nav__item--active")}),r.forEach(e=>{e.hidden=!1,e.removeAttribute("role")})})(r),e.rendered=!1)})};(e=>{"loading"!==document.readyState?e():document.addEventListener("DOMContentLoaded",e)})(()=>{document.querySelectorAll(".tabbed-content").forEach(e=>u.push({domElement:e,rendered:!1})),f(),(()=>{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=>i(e,t)),l(e),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(e=>(e=>{const t=e.querySelector("thead"),n=e.querySelector("tbody"),r=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 o=[];n&&o.push(n),r&&o.push(r),o.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=>{var t;const n=(t,n,r)=>{if(n){r&&n.focus();const o=()=>{e.setAttribute("hidden","hidden"),t.removeAttribute("hidden"),t.setAttribute("aria-expanded","false"),t.focus()};n.removeEventListener("click",o),n.addEventListener("click",o)}},r=null==e?void 0:null===(t=e.parentElement)||void 0===t?void 0:t.querySelector(".content-toggle__toggle"),o=e.querySelector(".content-toggle__close");r&&(r.addEventListener("click",()=>{const t=r.getAttribute("aria-expanded");r.setAttribute("aria-expanded","false"===t?"true":"false"),"true"===t?e.setAttribute("hidden","hidden"):e.removeAttribute("hidden"),r.hasAttribute("aria-haspopup")&&(r.setAttribute("hidden","hidden"),n(r,o,!0))}),n(r,o,!1))})(e)}),window.addEventListener("load",()=>{d=window.innerWidth}),window.addEventListener("resize",()=>{d>0&&window.innerWidth!==d&&(d=window.innerWidth,e.forEach(t=>i(e,t)),f())})})}])}));
+!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 r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(window,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},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 r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},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 r=(e,t)=>{let n=!1;return e.composedPath().forEach(e=>{e.classList&&e.classList.contains(t)&&(n=!0)}),n},o=e=>{const t=e.parentElement;return t?t.classList.contains("nav")?t:o(t):e},a=(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"))})},l=e=>{const t=[];return document.querySelectorAll(".nav__toggle").forEach(n=>{const r=()=>{const t=(e=>{const t=o(e),n=t.querySelector(".nav__items"),r=null==n?void 0:n.querySelector(".nav__item:last-of-type");null==n||n.classList.add("nav__items--fadeout");const a=null==n?void 0:n.querySelector(".nav__item");a&&a.focus();const l=()=>{t.classList.toggle("nav--toggled"),null==n||n.classList.remove("nav__items--fadeout"),null==r||r.removeEventListener("transitionend",l)};return null==r||r.addEventListener("transitionend",l),t})(n),r=n.getAttribute("aria-expanded");n.setAttribute("aria-expanded","false"===r?"true":"false"),a(e,t)};t.push({element:n,clickEvent:r}),n.addEventListener("click",r)}),t},i=(e,t)=>{var n;t.classList.remove("nav--toggled");const o=t.querySelector(".nav__items");if(o){const e=o.querySelectorAll(".nav__item"),n="nav__item--is-overflown",r="nav--has-overflow",a="nav__item--active";let l=!1;for(let o=e.length-1;o>=0;o-=1){const i=e[o];i.offsetTop>0?(i.classList.add(n),t.classList.add(r),l=!0):i.classList.contains(a)||i.classList.remove(n)}if(!l){t.classList.remove(r);const e=t.querySelector(`.${a}`);e&&e.classList.remove(n)}}const l=t=>{t.target.classList.contains("nav__toggle")||r(t,"nav__items")||a(e)};return null===(n=document.querySelector("body"))||void 0===n||n.addEventListener("click",l),{element:document.querySelector("body"),clickEvent:l}},c=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},s=(e,t,n,r,o,a=!0,l=(e=>console.log(e)))=>{a&&r.focus(),r.removeAttribute("tabindex"),r.setAttribute("aria-selected","true"),r.classList.add("nav__item--active"),n&&(n.removeAttribute("aria-selected"),n.setAttribute("tabindex","-1"),n.classList.remove("nav__item--active"));const i=Array.prototype.indexOf.call(e,r);if(t[i].hidden=!1,n){t[Array.prototype.indexOf.call(e,n)].hidden=!0}r.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:i}})),l(i)};let d=0;const u=[],f=()=>{u.forEach((e,t)=>{const{rendered:n,domElement:r}=e;if(c(r.classList)){if(!n){const n=r.getAttribute("data-focus-onload"),o=r.getAttribute("data-initial-tab");((e,t,n=0,r=!0,o=(e=>console.log(e)))=>{const a=t.querySelector(".nav__items"),l=a.querySelectorAll("a"),i=[];t.querySelectorAll("section").forEach(e=>{e.parentNode===t&&i.push(e)});const c=t.querySelector("button.tabbed-content__expand-all");if(c){const e=()=>{a.hidden=!0,i.forEach(e=>{e.hidden=!1})};c.removeEventListener("click",e),c.addEventListener("click",e)}a.setAttribute("role","tablist"),l.forEach((n,r)=>{var c;n.setAttribute("role","tab"),n.setAttribute("id",`tab${e}_${r+1}`),n.setAttribute("tabindex","-1"),null===(c=n.parentElement)||void 0===c||c.setAttribute("role","presentation");const d=e=>{e.preventDefault();const n=a.querySelector("[aria-selected]");e.currentTarget!==n&&s(l,i,n,e.currentTarget,t.classList,!0,e=>{o(e)})};n.removeEventListener("click",d),n.addEventListener("click",d);const u=e=>{const n=Array.prototype.indexOf.call(l,e.currentTarget);let a=null;"ArrowLeft"===e.key&&(a=n-1),"ArrowRight"===e.key&&(a=n+1),"ArrowDown"===e.key&&(a="down"),null!==a&&(e.preventDefault(),"down"===a?i[r].focus():l[a]&&s(l,i,e.currentTarget,l[a],t.classList,!0,e=>{o(e)}))};n.removeEventListener("keydown",u),n.addEventListener("keydown",u)}),i.forEach((e,t)=>{e.setAttribute("tabindex","-1"),e.setAttribute("aria-labelledby",l[t].id),e.hidden=!0,e.setAttribute("role","tabpanel")}),n>-1&&s(l,i,null,l[n],t.classList,r)})(t,r,o?parseInt(o,10):0,"false"!==n),e.rendered=!0}}else n&&((e=>{const t=e.querySelector(".nav__items"),n=null==t?void 0:t.querySelectorAll("a"),r=[];e.querySelectorAll("section").forEach(t=>{t.parentNode===e&&r.push(t)}),null==n||n.forEach(e=>{e.removeAttribute("aria-selected"),e.classList.remove("nav__item--active")}),r.forEach(e=>{e.hidden=!1,e.removeAttribute("role")})})(r),e.rendered=!1)})};(e=>{"loading"!==document.readyState?e():document.addEventListener("DOMContentLoaded",e)})(()=>{document.querySelectorAll(".tabbed-content").forEach(e=>u.push({domElement:e,rendered:!1})),f(),(()=>{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=>i(e,t)),l(e),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(e=>(e=>{const t=e.querySelector("thead"),n=e.querySelector("tbody"),r=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 o=[];n&&o.push(n),r&&o.push(r),o.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=>{var t;const n=(t,n,r)=>{if(n){r&&n.focus();const o=()=>{e.setAttribute("hidden","hidden"),t.removeAttribute("hidden"),t.setAttribute("aria-expanded","false"),t.focus()};n.removeEventListener("click",o),n.addEventListener("click",o)}},r=null==e?void 0:null===(t=e.parentElement)||void 0===t?void 0:t.querySelector(".content-toggle__toggle"),o=e.querySelector(".content-toggle__close");r&&(r.addEventListener("click",()=>{const t=r.getAttribute("aria-expanded");r.setAttribute("aria-expanded","false"===t?"true":"false"),"true"===t?e.setAttribute("hidden","hidden"):e.removeAttribute("hidden"),r.hasAttribute("aria-haspopup")&&(r.setAttribute("hidden","hidden"),n(r,o,!0))}),n(r,o,!1))})(e)}),window.addEventListener("load",()=>{d=window.innerWidth}),window.addEventListener("resize",()=>{d>0&&window.innerWidth!==d&&(d=window.innerWidth,e.forEach(t=>i(e,t)),f())})})}])}));
 //# 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/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","findNav","element","parent","parentElement","closeResponsiveNav","navElements","keepOpen","button","querySelector","focus","setAttribute","remove","setResponsiveToggle","document","querySelectorAll","addEventListener","nav","navItems","lastNavItem","add","firstElement","transitionListener","toggle","removeEventListener","toggleMenu","ariaExpanded","getAttribute","setResponsiveNav","navElement","navItemsParent","isOverflownClass","hasOverflowClass","isActiveClass","hasOverflown","length","offsetTop","isActive","e","target","isBelowViewportLimit","widthInRem","Math","max","documentElement","clientWidth","innerWidth","parseInt","getComputedStyle","fontSize","replace","getBaseFontSize","mediaWidth","getPropertyValue","getMediaWidthBasedOnModifier","switchTab","tabs","panels","oldTab","newTab","_","callback","index","console","log","removeAttribute","Array","indexOf","hidden","dispatchEvent","CustomEvent","bubbles","detail","tab","windowInnerWidth","tabbedObjects","setTabs","tabObject","rendered","domElement","dataInitial","tabbed","initial","tablist","section","parentNode","push","expandAll","expandAllEvent","panel","tabClickEvent","preventDefault","currentTab","currentTarget","tabIndex","tabKeyEvent","dir","id","setTabbedContent","destroyTabs","fn","readyState","ready","body","bgColor","existingMeta","content","meta","createElement","getElementsByTagName","appendChild","setMetaThemeColor","table","head","foot","headers","h","innerHTML","rowContainers","rc","tr","cell","setResponsiveTable","setContentClose","contentClose","click","hasAttribute","setContentToggle"],"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\nexport {\n  copyToClipboard,\n  isElementWithClassNameInEventPath,\n  getBaseFontSize,\n  setMetaThemeColor,\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>): void => {\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') 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 toggle = document.querySelectorAll('.nav__toggle');\n  toggle.forEach((button) => {\n    button.addEventListener('click', () => {\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};\n\nconst setResponsiveNav = (navElements: NodeListOf<Element>, navElement: Element): void => {\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  document.querySelector('body')?.addEventListener('click', (e) => {\n    if (!(e.target as HTMLElement).classList.contains('nav__toggle')\n      && !isElementWithClassNameInEventPath(e, navItemsClass)) {\n      closeResponsiveNav(navElements);\n    }\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): void => {\n  const subNavClass = 'sub-nav--toggled';\n  button.addEventListener('click', () => {\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  // gitlab #115\n  document.querySelector('body')?.addEventListener('click', (e) => {\n    if (!isElementWithClassNameInEventPath(e, 'sub-nav')) {\n      closeSubNav(buttons);\n    }\n  });\n};\n\nconst setCopyToClipboard = (lang = 'da'): void => {\n  const copySpans = document.querySelectorAll('.copy-to-clipboard__this') as NodeListOf<HTMLElement>;\n  copySpans.forEach((span) => {\n    const parentBtn = span.parentNode as HTMLElement;\n    const listener = () => {\n      const toCopy = span.innerText;\n      copyToClipboard(toCopy);\n      // eslint-disable-next-line no-param-reassign\n      span.innerText = lang === 'da' ? 'Kopieret' : 'Copied';\n      parentBtn?.removeEventListener('click', listener);\n      setTimeout(() => {\n        // eslint-disable-next-line no-param-reassign\n        span.innerText = toCopy;\n        parentBtn?.addEventListener('click', listener);\n      }, 1200);\n    };\n    if (parentBtn?.classList.contains('copy-to-clipboard')) {\n      parentBtn?.addEventListener('click', listener);\n    }\n  });\n};\n\nexport {\n  findNav,\n  setResponsiveToggle,\n  setResponsiveNav,\n  setSubNavToggle,\n  setCopyToClipboard,\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 no-param-reassign */\n/* eslint-env browser */\nimport ready from '../components/ready';\nimport {\n  setResponsiveNav,\n  setResponsiveToggle,\n} from '../components/nav';\nimport { setMetaThemeColor } from '../components/helpers';\nimport { setResponsiveTable } from '../components/table';\nimport { setTabbedContent, isBelowViewportLimit, destroyTabs } from '../components/tabs';\nimport { setContentToggle } from '../components/content-toggle';\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(toggle);\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-env browser */\n/* eslint-disable import/prefer-default-export */\nconst setContentToggle = (content: Element): Element | null => {\n  const setContentClose = (button: HTMLElement, contentClose: HTMLElement, focus: boolean) => {\n    if (contentClose) {\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.removeEventListener('click', click);\n      contentClose.addEventListener('click', click);\n    }\n  };\n\n  const button = content?.parentElement?.querySelector('.content-toggle__toggle') as HTMLElement;\n  const contentClose = content.querySelector('.content-toggle__close') as HTMLElement;\n\n  if (button) {\n    button.addEventListener('click', () => {\n      const ariaExpanded = button.getAttribute('aria-expanded');\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 (button.hasAttribute('aria-haspopup')) {\n        button.setAttribute('hidden', 'hidden');\n        setContentClose(button, contentClose, true);\n      }\n    });\n\n    setContentClose(button, contentClose, false);\n  }\n  return button;\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/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","findNav","element","parent","parentElement","closeResponsiveNav","navElements","keepOpen","button","querySelector","focus","setAttribute","remove","setResponsiveToggle","cleanUp","document","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","Math","max","documentElement","clientWidth","innerWidth","parseInt","getComputedStyle","fontSize","replace","getBaseFontSize","mediaWidth","getPropertyValue","getMediaWidthBasedOnModifier","switchTab","tabs","panels","oldTab","newTab","_","callback","index","console","log","removeAttribute","Array","indexOf","hidden","dispatchEvent","CustomEvent","bubbles","detail","tab","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","content","meta","createElement","getElementsByTagName","appendChild","setMetaThemeColor","table","head","foot","headers","h","innerHTML","rowContainers","rc","tr","cell","setResponsiveTable","setContentClose","contentClose","click","hasAttribute","setContentToggle"],"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\nexport {\n  copyToClipboard,\n  isElementWithClassNameInEventPath,\n  getBaseFontSize,\n  setMetaThemeColor,\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') 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 setCopyToClipboard = (lang = 'da'): void => {\n  const copySpans = document.querySelectorAll('.copy-to-clipboard__this') as NodeListOf<HTMLElement>;\n  copySpans.forEach((span) => {\n    const parentBtn = span.parentNode as HTMLElement;\n    const listener = () => {\n      const toCopy = span.innerText;\n      copyToClipboard(toCopy);\n      // eslint-disable-next-line no-param-reassign\n      span.innerText = lang === 'da' ? 'Kopieret' : 'Copied';\n      parentBtn?.removeEventListener('click', listener);\n      setTimeout(() => {\n        // eslint-disable-next-line no-param-reassign\n        span.innerText = toCopy;\n        parentBtn?.addEventListener('click', listener);\n      }, 1200);\n    };\n    if (parentBtn?.classList.contains('copy-to-clipboard')) {\n      parentBtn?.addEventListener('click', listener);\n    }\n  });\n};\n\nexport {\n  findNav,\n  setResponsiveToggle,\n  setResponsiveNav,\n  setSubNavToggle,\n  setCopyToClipboard,\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 no-param-reassign */\n/* eslint-env browser */\nimport ready from '../components/ready';\nimport {\n  setResponsiveNav,\n  setResponsiveToggle,\n} from '../components/nav';\nimport { setMetaThemeColor } from '../components/helpers';\nimport { setResponsiveTable } from '../components/table';\nimport { setTabbedContent, isBelowViewportLimit, destroyTabs } from '../components/tabs';\nimport { setContentToggle } from '../components/content-toggle';\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(toggle);\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-env browser */\n/* eslint-disable import/prefer-default-export */\nconst setContentToggle = (content: Element): Element | null => {\n  const setContentClose = (button: HTMLElement, contentClose: HTMLElement, focus: boolean) => {\n    if (contentClose) {\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.removeEventListener('click', click);\n      contentClose.addEventListener('click', click);\n    }\n  };\n\n  const button = content?.parentElement?.querySelector('.content-toggle__toggle') as HTMLElement;\n  const contentClose = content.querySelector('.content-toggle__close') as HTMLElement;\n\n  if (button) {\n    button.addEventListener('click', () => {\n      const ariaExpanded = button.getAttribute('aria-expanded');\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 (button.hasAttribute('aria-haspopup')) {\n        button.setAttribute('hidden', 'hidden');\n        setContentClose(button, contentClose, true);\n      }\n    });\n\n    setContentClose(button, contentClose, false);\n  }\n  return button;\n};\n\nexport {\n  setContentToggle,\n};\n"],"sourceRoot":""}

package/build/js/components/modal-view.ts

@@ -23,7 +23,9 @@ const hideModal = (modal: string, sender: Element, callback = () => { }): void =
 
 const addedEvents: string[] = [];
 
-const showModal = (modal: string, sender: Element, hideCallback = (): void => { }, closeable = true): void => {
+const showModal = (
+  modal: string, sender: Element, hideCallback = (): void => { }, closeable = true,
+): void => {
   const modalView = document.getElementById(modal) as HTMLElementWithInert;
   if (modalView) {
     modalView.classList.add('modal-view--visible');
@@ -53,7 +55,7 @@ const showModal = (modal: string, sender: Element, hideCallback = (): void => {
       modalView.addEventListener('click', clickEvent);
       window.removeEventListener('keyup', keyEvent);
       window.addEventListener('keyup', keyEvent);
-    }    
+    }
 
     if (!addedEvents.includes(modal)) {
       modalView.addEventListener('click', clickEvent);

package/build/js/components/nav.ts

@@ -27,7 +27,7 @@ const closeResponsiveNav = (navElements: NodeListOf<Element>, keepOpen: HTMLElem
   });
 };
 
-const setResponsiveToggle = (navElements: NodeListOf<Element>): void => {
+const setResponsiveToggle = (navElements: NodeListOf<Element>): CleanUpPair[] => {
   const toggleMenu = (button: HTMLElement) => {
     const parent = findNav(button);
 
@@ -49,18 +49,32 @@ const setResponsiveToggle = (navElements: NodeListOf<Element>): void => {
     return parent;
   };
 
+  const cleanUp: CleanUpPair[] = [];
+
   const toggle = document.querySelectorAll('.nav__toggle');
   toggle.forEach((button) => {
-    button.addEventListener('click', () => {
+    const clickEvent = () => {
       const nav = toggleMenu(button as HTMLElement);
       const ariaExpanded = button.getAttribute('aria-expanded');
       button.setAttribute('aria-expanded', ariaExpanded === 'false' ? 'true' : 'false');
       closeResponsiveNav(navElements, nav);
+    };
+
+    cleanUp.push({
+      element: button,
+      clickEvent,
     });
+
+    button.addEventListener('click', clickEvent);
   });
+
+  return cleanUp;
 };
 
-const setResponsiveNav = (navElements: NodeListOf<Element>, navElement: Element): void => {
+const setResponsiveNav = (
+  navElements: NodeListOf<Element>,
+  navElement: Element,
+): SetResponsiveNavCleanUp => {
   const navToggledClass = 'nav--toggled';
   const navItemsClass = 'nav__items';
   // gitlab #117
@@ -97,12 +111,19 @@ const setResponsiveNav = (navElements: NodeListOf<Element>, navElement: Element)
   }
 
   // gitlab #115
-  document.querySelector('body')?.addEventListener('click', (e) => {
+  const bodyClickEvent = (e: Event) => {
     if (!(e.target as HTMLElement).classList.contains('nav__toggle')
-      && !isElementWithClassNameInEventPath(e, navItemsClass)) {
+      && !isElementWithClassNameInEventPath(e as MouseEvent, navItemsClass)) {
       closeResponsiveNav(navElements);
     }
-  });
+  };
+
+  document.querySelector('body')?.addEventListener('click', bodyClickEvent);
+
+  return {
+    element: document.querySelector('body'),
+    clickEvent: bodyClickEvent,
+  };
 };
 
 const closeSubNav = (buttons: NodeListOf<Element>, keepOpen: Element | null = null) => {
@@ -118,9 +139,9 @@ const closeSubNav = (buttons: NodeListOf<Element>, keepOpen: Element | null = nu
   });
 };
 
-const setSubNavToggle = (buttons: NodeListOf<Element>, button: Element): void => {
+const setSubNavToggle = (buttons: NodeListOf<Element>, button: Element): SetSubNavToggleCleanUp => {
   const subNavClass = 'sub-nav--toggled';
-  button.addEventListener('click', () => {
+  const buttonClickEvent = () => {
     button?.parentElement?.classList.toggle(subNavClass);
     if (button?.parentElement?.classList.contains(subNavClass)) {
       button.setAttribute('aria-expanded', 'true');
@@ -128,14 +149,23 @@ const setSubNavToggle = (buttons: NodeListOf<Element>, button: Element): void =>
       button.setAttribute('aria-expanded', 'false');
     }
     closeSubNav(buttons, button);
-  });
+  };
+
+  button.addEventListener('click', buttonClickEvent);
 
   // gitlab #115
-  document.querySelector('body')?.addEventListener('click', (e) => {
-    if (!isElementWithClassNameInEventPath(e, 'sub-nav')) {
+  const bodyClickEvent = (e: Event) => {
+    if (!isElementWithClassNameInEventPath(e as MouseEvent, 'sub-nav')) {
       closeSubNav(buttons);
     }
-  });
+  };
+
+  document.querySelector('body')?.addEventListener('click', bodyClickEvent);
+  return {
+    buttonClickEvent,
+    element: document.querySelector('body'),
+    bodyClickEvent,
+  };
 };
 
 const setCopyToClipboard = (lang = 'da'): void => {

package/build/js/components/selection-list.ts

@@ -10,25 +10,39 @@ const removeOverlay = (containers: NodeListOf<Element>): void => {
   });
 };
 
-const setSelectionListOverlays = (): void => {
+const setSelectionListOverlays = (): setSelectionListOverlaysCleanUp => {
+  const cleanUp: CleanUpPair[] = [];
   const containers = document.querySelectorAll('.selection-list-overlay-container');
   containers.forEach((container) => {
     const btn = container.querySelector('button') as HTMLElement; // Assumes only one button pr container
-    btn.addEventListener('click', () => {
+    const clickEvent = () => {
       removeOverlay(containers);
       const sibling = btn.nextSibling as HTMLElement;
       if (sibling) {
         sibling.classList.add('selection-list--toggled');
       }
+    };
+    cleanUp.push({
+      element: btn,
+      clickEvent,
     });
+
+    btn.addEventListener('click', clickEvent);
   });
 
-  document.querySelector('body')?.addEventListener('click', (e) => {
+  const bodyClickEvent = (e: Event): void => {
     if (!(e.target as HTMLElement).classList.contains('selection-list--overlay')
-      && !isElementWithClassNameInEventPath(e, 'selection-list-overlay-container')) {
+      && !isElementWithClassNameInEventPath(e as MouseEvent, 'selection-list-overlay-container')) {
       removeOverlay(containers);
     }
-  });
+  };
+  document.querySelector('body')?.addEventListener('click', bodyClickEvent);
+
+  return {
+    pairs: cleanUp,
+    element: document.querySelector('body'),
+    clickEvent: bodyClickEvent,
+  };
 };
 
 export {

package/build/js/components/toolbar.ts

@@ -40,10 +40,11 @@ const setToolbars = (): void => {
   });
 };
 
-const setToolbarToggle = (): void => {
+const setToolbarToggle = (): CleanUpPair[] => {
+  const cleanUp: CleanUpPair[] = [];
   const buttons = document.querySelectorAll('.toolbar .toolbar__toggle');
   buttons.forEach((button) => {
-    button.addEventListener('click', () => {
+    const clickEvent = () => {
       button?.parentElement?.classList.toggle('toolbar--toggled');
       const ariaExpanded = button.getAttribute('aria-expanded');
       if (ariaExpanded !== 'true') {
@@ -53,8 +54,15 @@ const setToolbarToggle = (): void => {
         }
       }
       button.setAttribute('aria-expanded', ariaExpanded === 'false' ? 'true' : 'false');
+    };
+
+    cleanUp.push({
+      element: button,
+      clickEvent,
     });
+    button.addEventListener('click', clickEvent);
   });
+  return cleanUp;
 };
 
 export {