@itcenteratunihelsinki/huds-lib 0.8.43 → 0.8.44

package/dist/cjs/{hy-accordion-container_83.cjs.entry.js → color-box_91.cjs.entry.js}

@@ -2,9 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-25bd964b.js');
+const index = require('./index-ca4e37f2.js');
 const utils = require('./utils-14d5aa6f.js');
-const globalScript = require('./globalScript-45ad6d41.js');
+const globalScript = require('./globalScript-d341436f.js');
+
+const colorBoxCss = ":host{display:block}";
+
+const ColorBox = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("slot", null)));
+  }
+};
+ColorBox.style = colorBoxCss;
 
 const accordionContainerCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-accordion-container{width:100%}";
 
@@ -22,9 +34,9 @@ const AccordionContainer = class {
     Assumes data-allow-toggle otherwise you would not be able to close any of the accordions
   */
   render() {
-    const classAttributes = ['hy-accordion-container', 'js-hy-accordion'];
-    const id = this.accordionid.toLowerCase().replace(/\W/g, '-');
-    return (index.h(index.Host, null, index.h("div", { id: id, class: classAttributes.join(' '), "data-allow-multiple": "true", "data-allow-toggle": "true" }, index.h("slot", null)), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+    const classAttributes = ["hy-accordion-container", "js-hy-accordion"];
+    const id = this.accordionid.toLowerCase().replace(/\W/g, "-");
+    return (index.h(index.Host, null, index.h("div", { id: id, class: classAttributes.join(" "), "data-allow-multiple": "true", "data-allow-toggle": "true" }, index.h("slot", null)), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
 };
 AccordionContainer.style = accordionContainerCss;
@@ -32,30 +44,30 @@ AccordionContainer.style = accordionContainerCss;
 const accordionItemCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-accordion__item{margin-bottom:12px}.hy-accordion__item__is-open{border:1px solid var(--grayscale-dark)}.hy-accordion__item__is-open .hy-accordion--heading{margin:0 auto}.hy-accordion__item__is-open .hy-accordion--heading .hy-accordion--heading__icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-accordion__item.mini{margin-bottom:1rem;margin-top:1rem}.hy-accordion__item__is-open.mini{margin-bottom:0;margin-top:0}.hy-accordion__item__is-open.mini .hy-accordion__item--container{border-bottom:1px solid var(--grayscale-medium-dark);border-top:1px solid var(--grayscale-medium-dark);padding-top:16px;padding-bottom:32px;margin-top:-1px;-webkit-transition:padding 0.5s ease-in-out;transition:padding 0.5s ease-in-out}@media (min-width: 30rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:28px;padding-bottom:30px}}@media (min-width: 60rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:32px;padding-bottom:40px}}.hy-accordion__item.hy-accordion__item__is-open.mini{background-color:var(--grayscale-white);border:none;-webkit-box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05);box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05)}.hy-accordion--heading{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.69px;line-height:28px;margin:0 auto;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;width:100%}.hy-accordion--heading .hy-accordion__link{text-decoration:none}.hy-accordion--heading .hy-accordion__link:hover{text-decoration:none}.hy-accordion--heading .hy-accordion__button{font-size:1.125rem;line-height:22px;font-weight:700;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-background-box);border:none;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.45px;padding:13px 20px 13px 16px;-webkit-transition:all 0.35s ease-in;transition:all 0.35s ease-in;width:100%}.hy-accordion--heading .hy-accordion__button:hover{cursor:pointer}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion__button{padding:1rem 2rem 1rem 1.25rem}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion__button{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading .hy-accordion__button span{text-align:left}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]{background:none;position:relative}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]:after{background-color:var(--grayscale-medium-dark);bottom:0;content:\"\";height:1px;left:16px;position:absolute;right:20px}.hy-accordion--heading .hy-accordion__button *{pointer-events:none}.hy-accordion--heading .hy-accordion--heading__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;margin-right:8px;z-index:0}.hy-accordion--heading .hy-accordion--heading__icon svg{fill:var(--brand-main)}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion--heading__icon svg{height:18px;width:18px}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading.mini .hy-accordion__button{font-size:1.125rem;line-height:22px;background-color:var(--grayscale-white);color:var(--link-blue);letter-spacing:-0.56px;padding:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding:0}}.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{color:var(--grayscale-black);margin-bottom:20px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:28px}}@media (min-width: 60rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:32px}}.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:10px}}.hy-accordion--heading.mini .hy-accordion--heading__icon svg{fill:var(--brand-main-light);height:14px;width:14px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon svg{height:16px;width:16px}}.hy-accordion__content{display:block;height:0;padding:0;overflow:hidden;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.hy-accordion__content--inner-wrapper{display:block;padding:16px 12px}@media (min-width: 30rem){.hy-accordion__content--inner-wrapper{padding:15px 16px}}@media (min-width: 60rem){.hy-accordion__content--inner-wrapper{padding:16px}}@media (min-width: 75.0625rem){.hy-accordion__content--inner-wrapper--large{padding:24px 20px}}@media (min-width: 1601px){.hy-accordion__content--inner-wrapper{padding:24px 20px}}.hy-accordion__content--inner-wrapper--mini{padding:0}.hy-accordion__content--inner-wrapper--mini .course-heading h4{padding-top:0 !important}";
 
 let keys$4 = {
-  enter: 'Enter',
-  tab: 'Tab',
-  pageUp: 'PageUp',
-  pageDown: 'PageDown',
-  arrowUp: 'ArrowUp',
-  arrowDown: 'ArrowDown',
-  home: 'Home',
-  end: 'End', //35
+  enter: "Enter",
+  tab: "Tab",
+  pageUp: "PageUp",
+  pageDown: "PageDown",
+  arrowUp: "ArrowUp",
+  arrowDown: "ArrowDown",
+  home: "Home",
+  end: "End", //35
 };
 const AccordionItem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.accordiontitle = undefined;
     this.variant = utils.AccordionVariants.default;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.showOpen = false;
     this.ready = false;
   }
   componentDidLoad() {
     this.ready = true;
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
@@ -63,16 +75,16 @@ const AccordionItem = class {
     if (window.location.hash) {
       this.expandPanelByAnchor(window.location.hash);
     }
-    document.querySelectorAll('.hy-accordion__content').forEach(function (accordion) {
-      let showOpen = accordion.classList.contains('open');
+    document.querySelectorAll(".hy-accordion__content").forEach(function (accordion) {
+      let showOpen = accordion.classList.contains("open");
       let element = accordion;
       if (showOpen) {
-        element.style.display = 'block';
-        element.style.height = element.scrollHeight + 'px';
+        element.style.display = "block";
+        element.style.height = element.scrollHeight + "px";
       }
       else {
-        element.style.height = 0 + 'px';
-        element.style.display = 'none';
+        element.style.height = 0 + "px";
+        element.style.display = "none";
       }
     });
   }
@@ -84,11 +96,11 @@ const AccordionItem = class {
   handleKeyDown(event) {
     const containerId = this.el.parentElement.id;
     let accordion = document.querySelectorAll(`#${containerId}`)[0];
-    const triggers = Array.prototype.slice.call(accordion.querySelectorAll('.hy-accordion__button'));
+    const triggers = Array.prototype.slice.call(accordion.querySelectorAll(".hy-accordion__button"));
     let target = event.target;
     const key = event.code;
     const ctrlModifier = event.ctrlKey && [keys$4.pageDown, keys$4.pageUp].includes(key); //key.match(/33|34/);
-    if (target.classList.contains('hy-accordion__button')) {
+    if (target.classList.contains("hy-accordion__button")) {
       // Up/ Down arrow and Control + Page Up/ Page Down keyboard operations
       if ([keys$4.arrowDown, keys$4.arrowUp].includes(key) || ctrlModifier) {
         const index = triggers.indexOf(target);
@@ -116,46 +128,46 @@ const AccordionItem = class {
   handleClick(event) {
     const target = event.target;
     const accordionContainer = this.el.parentElement;
-    const allowMultiple = accordionContainer.hasAttribute('data-allow-multiple');
-    const allowToggle = allowMultiple ? allowMultiple : accordionContainer.hasAttribute('data-allow-toggle');
-    if (target && target.tagName.toLowerCase() === 'button') {
-      let targetParent = target.closest('.hy-accordion__item');
-      let targetContent = targetParent.getElementsByClassName('hy-accordion__content')[0];
-      const isExpanded = target.getAttribute('aria-expanded') === 'true';
+    const allowMultiple = accordionContainer.hasAttribute("data-allow-multiple");
+    const allowToggle = allowMultiple ? allowMultiple : accordionContainer.hasAttribute("data-allow-toggle");
+    if (target && target.tagName.toLowerCase() === "button") {
+      let targetParent = target.closest(".hy-accordion__item");
+      let targetContent = targetParent.getElementsByClassName("hy-accordion__content")[0];
+      const isExpanded = target.getAttribute("aria-expanded") === "true";
       const activeButtonElement = accordionContainer.querySelector('[aria-expanded="true"]');
       if (!allowMultiple && activeButtonElement && activeButtonElement !== target) {
-        activeButtonElement.setAttribute('aria-expanded', 'false');
+        activeButtonElement.setAttribute("aria-expanded", "false");
         this.collapseSection(targetContent);
-        if (targetParent.classList.contains('hy-accordion__item__is-open')) {
-          targetParent.classList.remove('hy-accordion__item__is-open');
+        if (targetParent.classList.contains("hy-accordion__item__is-open")) {
+          targetParent.classList.remove("hy-accordion__item__is-open");
         }
         accordionContainer
-          .querySelector(`#${activeButtonElement.getAttribute('aria-controls')}`)
-          .setAttribute('aria-hidden', 'true');
+          .querySelector(`#${activeButtonElement.getAttribute("aria-controls")}`)
+          .setAttribute("aria-hidden", "true");
         if (!allowToggle) {
-          activeButtonElement.removeAttribute('aria-disabled');
+          activeButtonElement.removeAttribute("aria-disabled");
         }
       }
       if (!isExpanded) {
         this.expandSection(targetContent);
-        target.setAttribute('aria-expanded', 'true');
-        targetParent.classList.add('hy-accordion__item__is-open');
+        target.setAttribute("aria-expanded", "true");
+        targetParent.classList.add("hy-accordion__item__is-open");
         accordionContainer
-          .querySelector(`#${target.getAttribute('aria-controls')}`)
-          .setAttribute('aria-hidden', 'false');
+          .querySelector(`#${target.getAttribute("aria-controls")}`)
+          .setAttribute("aria-hidden", "false");
         if (!allowToggle) {
-          target.setAttribute('aria-disabled', 'true');
+          target.setAttribute("aria-disabled", "true");
         }
       }
       else if (allowToggle && isExpanded) {
-        target.setAttribute('aria-expanded', 'false');
+        target.setAttribute("aria-expanded", "false");
         this.collapseSection(targetContent);
-        if (targetParent.classList.contains('hy-accordion__item__is-open')) {
-          targetParent.classList.remove('hy-accordion__item__is-open');
+        if (targetParent.classList.contains("hy-accordion__item__is-open")) {
+          targetParent.classList.remove("hy-accordion__item__is-open");
         }
         accordionContainer
-          .querySelector(`#${target.getAttribute('aria-controls')}`)
-          .setAttribute('aria-hidden', 'true');
+          .querySelector(`#${target.getAttribute("aria-controls")}`)
+          .setAttribute("aria-hidden", "true");
       }
       event.preventDefault();
       event.stopImmediatePropagation();
@@ -166,73 +178,73 @@ const AccordionItem = class {
       if (anchor.length > 0) {
         anchor = anchor.substr(1);
         let target = document.querySelectorAll(`[id=${anchor}]`)[0];
-        if (target && target.classList.contains('hy-accordion__button')) {
-          let targetParent = target.closest('.hy-accordion__item');
-          let targetContent = targetParent.querySelectorAll('.hy-accordion__content')[0];
+        if (target && target.classList.contains("hy-accordion__button")) {
+          let targetParent = target.closest(".hy-accordion__item");
+          let targetContent = targetParent.querySelectorAll(".hy-accordion__content")[0];
           this.expandSection(targetContent);
-          target.setAttribute('aria-expanded', 'true');
-          targetParent.classList.add('hy-accordion__item__is-open');
+          target.setAttribute("aria-expanded", "true");
+          targetParent.classList.add("hy-accordion__item__is-open");
           const targetElementRect = target.getBoundingClientRect();
-          window.scrollTo({ top: window.scrollY + targetElementRect.top - 200, behavior: 'smooth' });
+          window.scrollTo({ top: window.scrollY + targetElementRect.top - 200, behavior: "smooth" });
           const containerId = targetParent.parentElement.parentElement.id;
           if (containerId.length > 0) {
             let accordion = document.querySelectorAll(`#${containerId}`)[0];
-            accordion.querySelector(`#${target.getAttribute('aria-controls')}`).setAttribute('aria-hidden', 'false');
+            accordion.querySelector(`#${target.getAttribute("aria-controls")}`).setAttribute("aria-hidden", "false");
           }
         }
       }
     }, 200);
   }
   collapseSection(element) {
-    element.style.height = 0 + 'px';
-    element.setAttribute('data-collapsed', 'true');
+    element.style.height = 0 + "px";
+    element.setAttribute("data-collapsed", "true");
     setTimeout(() => {
-      element.style.display = 'none';
+      element.style.display = "none";
     }, 250);
   }
   expandSection(element) {
-    element.style.display = 'block';
-    element.style.height = element.scrollHeight + 'px';
-    element.setAttribute('data-collapsed', 'false');
+    element.style.display = "block";
+    element.style.height = element.scrollHeight + "px";
+    element.setAttribute("data-collapsed", "false");
   }
   render() {
     const containerId = this.el.parentElement.id;
     if (this.ready && containerId.length > 0) {
       document.querySelectorAll(`#${containerId}`).forEach(function (accordion) {
         if (accordion) {
-          accordion.querySelectorAll('.hy-accordion__button').forEach(function (trigger) {
-            trigger.addEventListener('focus', function () {
-              trigger.classList.add('focus');
+          accordion.querySelectorAll(".hy-accordion__button").forEach(function (trigger) {
+            trigger.addEventListener("focus", function () {
+              trigger.classList.add("focus");
             });
-            trigger.addEventListener('blur', function () {
-              trigger.classList.remove('focus');
+            trigger.addEventListener("blur", function () {
+              trigger.classList.remove("focus");
             });
           });
         }
       });
     }
-    const classIsOpen = this.showOpen ? 'hy-accordion__item__is-open' : '';
-    const classContentIsOpen = this.showOpen ? 'open' : '';
-    const classAttributes = ['hy-accordion__item', this.variant, classIsOpen].join(' ');
-    const classInnerWrapper = ['hy-accordion__item--container', this.variant].join(' ');
-    const classHeadingAttributes = ['hy-accordion--heading', this.variant].join(' ');
+    const classIsOpen = this.showOpen ? "hy-accordion__item__is-open" : "";
+    const classContentIsOpen = this.showOpen ? "open" : "";
+    const classAttributes = ["hy-accordion__item", this.variant, classIsOpen].join(" ");
+    const classInnerWrapper = ["hy-accordion__item--container", this.variant].join(" ");
+    const classHeadingAttributes = ["hy-accordion--heading", this.variant].join(" ");
     const classContentAttributes = [
-      'hy-accordion__content',
+      "hy-accordion__content",
       `hy-accordion__content--${this.variant}`,
       this.variant,
       classContentIsOpen,
-    ].join(' ');
+    ].join(" ");
     const classContentInnerWrapper = [
-      'hy-accordion__content--inner-wrapper',
+      "hy-accordion__content--inner-wrapper",
       `hy-accordion__content--inner-wrapper--${this.headerstyle}`,
       `hy-accordion__content--inner-wrapper--${this.variant}`,
-    ].join(' ');
-    const titleAsId = this.accordiontitle.toLowerCase().replace(/\W/g, '-');
-    const accordionItemHref = '#' + titleAsId + '--title';
-    const ariaExpanded = this.showOpen ? 'true' : 'false';
-    const ariaHidden = this.showOpen ? 'false' : 'true';
-    const dataCollapsed = this.showOpen ? 'false' : 'true';
-    return (index.h("div", { class: classAttributes }, index.h("div", { class: classInnerWrapper }, index.h("h3", { class: classHeadingAttributes }, index.h("a", { href: accordionItemHref, class: "hy-accordion__link", tabindex: "-1" }, index.h("button", { "aria-expanded": ariaExpanded, "aria-controls": `${titleAsId}--content`, class: `hy-accordion__button hy-accordion__button--${this.headerstyle}`, id: `${titleAsId}--title` }, index.h("span", { class: "hy-accordion--heading__icon" }, index.h("hy-icon", { icon: 'hy-icon-caret-down', size: 16 })), index.h("span", null, this.accordiontitle)))), index.h("div", { "aria-labelledBy": `${titleAsId}--title`, class: classContentAttributes, id: `${titleAsId}--content`, role: "region", "aria-hidden": ariaHidden, "data-collapsed": dataCollapsed, style: { display: 'none' } }, index.h("div", { class: classContentInnerWrapper }, index.h("slot", null))))));
+    ].join(" ");
+    const titleAsId = this.accordiontitle.toLowerCase().replace(/\W/g, "-");
+    const accordionItemHref = "#" + titleAsId + "--title";
+    const ariaExpanded = this.showOpen ? "true" : "false";
+    const ariaHidden = this.showOpen ? "false" : "true";
+    const dataCollapsed = this.showOpen ? "false" : "true";
+    return (index.h("div", { class: classAttributes }, index.h("div", { class: classInnerWrapper }, index.h("h3", { class: classHeadingAttributes }, index.h("a", { href: accordionItemHref, class: "hy-accordion__link", tabindex: "-1" }, index.h("button", { "aria-expanded": ariaExpanded, "aria-controls": `${titleAsId}--content`, class: `hy-accordion__button hy-accordion__button--${this.headerstyle}`, id: `${titleAsId}--title` }, index.h("span", { class: "hy-accordion--heading__icon" }, index.h("hy-icon", { icon: "hy-icon-caret-down", size: 16 })), index.h("span", null, this.accordiontitle)))), index.h("div", { "aria-labelledBy": `${titleAsId}--title`, class: classContentAttributes, id: `${titleAsId}--content`, role: "region", "aria-hidden": ariaHidden, "data-collapsed": dataCollapsed, style: { display: "none" } }, index.h("div", { class: classContentInnerWrapper }, index.h("slot", null))))));
   }
   get el() { return index.getElement(this); }
 };
@@ -243,9 +255,9 @@ const adjacentImageTextCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7
 const AdjacentImageText = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.headerstyle = 'default';
+    this.headerstyle = "default";
     this.imageUrl = null;
-    this.imageAlt = '';
+    this.imageAlt = "";
     this.disableLazy = false;
     this.textTitle = undefined;
     this.textDescription = null;
@@ -263,27 +275,27 @@ const AdjacentImageText = class {
     this._sourceSet = await globalScript.jsonParserWorker(this.sourceSet);
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
-    const classAttributes = ['hy-adjacent-image-text', `hy-adjacent-image-text__${this.headerstyle}`].join(' ');
+    const classAttributes = ["hy-adjacent-image-text", `hy-adjacent-image-text__${this.headerstyle}`].join(" ");
     const contentClassAttributes = [
-      'hy-adjacent-image-text__text-container',
-      'hy-adjacent-image-text__text-container--left',
-    ].join(' ');
-    const imageLeftClassAttributes = ['hy-adjacent-image-text__image-container'].join(' ');
+      "hy-adjacent-image-text__text-container",
+      "hy-adjacent-image-text__text-container--left",
+    ].join(" ");
+    const imageLeftClassAttributes = ["hy-adjacent-image-text__image-container"].join(" ");
     const aspectRatioWidth = 6;
     const aspectRatioHeight = 4;
     const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
     const aspectRatio = {
-      '--aspectRatio': `${aspect}%`,
+      "--aspectRatio": `${aspect}%`,
     };
-    return (index.h(index.Host, null, index.h("div", { class: classAttributes }, index.h("div", { class: imageLeftClassAttributes, style: aspectRatio }, this._sourceSet ? (index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))), index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))), index.h("div", { class: contentClassAttributes }, index.h("div", { class: "hy-adjacent-image-text__text-container__info-wrapper" }, index.h("div", { class: "hy-adjacent-image-text__text-container__title" }, this.textTitle), index.h("p", { class: `hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}` }, this.textDescription)), index.h("div", { class: "hy-adjacent-image-text__text-container__links-wrapper" }, this.mainUrl && (index.h("div", { class: "hy-adjacent-image-text__text-container__link" }, index.h("hy-cta-link", { "link-content": this.mainUrlTitle, "sc-label": this.mainUrlAriaLabel, url: this.mainUrl, "is-external": this.mainUrlIsExternal }))), this.mainUrl2 && (index.h("div", { class: "hy-adjacent-image-text__text-container__link" }, index.h("hy-cta-link", { "link-content": this.mainUrlTitle2, "sc-label": this.mainUrlAriaLabel2, url: this.mainUrl2, "is-external": this.mainUrlIsExternal2 })))))), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+    return (index.h(index.Host, null, index.h("div", { class: classAttributes }, index.h("div", { class: imageLeftClassAttributes, style: aspectRatio }, this._sourceSet ? (index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), index.h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (index.h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))), index.h("div", { class: contentClassAttributes }, index.h("div", { class: "hy-adjacent-image-text__text-container__info-wrapper" }, index.h("div", { class: "hy-adjacent-image-text__text-container__title" }, this.textTitle), index.h("p", { class: `hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}` }, this.textDescription)), index.h("div", { class: "hy-adjacent-image-text__text-container__links-wrapper" }, this.mainUrl && (index.h("div", { class: "hy-adjacent-image-text__text-container__link" }, index.h("hy-cta-link", { "link-content": this.mainUrlTitle, "sc-label": this.mainUrlAriaLabel, url: this.mainUrl, "is-external": this.mainUrlIsExternal }))), this.mainUrl2 && (index.h("div", { class: "hy-adjacent-image-text__text-container__link" }, index.h("hy-cta-link", { "link-content": this.mainUrlTitle2, "sc-label": this.mainUrlAriaLabel2, url: this.mainUrl2, "is-external": this.mainUrlIsExternal2 })))))), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   get el() { return index.getElement(this); }
 };
@@ -304,30 +316,30 @@ const HyAnchorLinkList = class {
     this._anchorItems = await globalScript.jsonParserWorker(this.anchorItems);
   }
   handleLinkClick(e) {
-    const targetId = e.target.getAttribute('href');
+    const targetId = e.target.getAttribute("href");
     if (targetId) {
       const targetElement = document.getElementById(targetId.substring(1));
       const targetRect = targetElement.getBoundingClientRect();
-      window.scrollTo({ top: window.scrollY + targetRect.top - 100, behavior: 'smooth' });
-      targetElement.setAttribute('tabIndex', '-1');
+      window.scrollTo({ top: window.scrollY + targetRect.top - 100, behavior: "smooth" });
+      targetElement.setAttribute("tabIndex", "-1");
       targetElement.focus({ preventScroll: true });
     }
     e.preventDefault();
     e.stopPropagation();
   }
   render() {
-    const classAttributes = ['hy-anchor-link-list'].join(' ');
+    const classAttributes = ["hy-anchor-link-list"].join(" ");
     const buttonClasses = {
-      'hy-anchor-link-list__button': true,
-      'is-open': this.isOpen,
+      "hy-anchor-link-list__button": true,
+      "is-open": this.isOpen,
     };
     const containerClasses = {
-      'hy-anchor-link-list__container': true,
-      'is-open': this.isOpen,
+      "hy-anchor-link-list__container": true,
+      "is-open": this.isOpen,
     };
     const items = this._anchorItems;
-    return (index.h(index.Host, { class: classAttributes }, index.h("button", { "aria-label": this.listTitle, onClick: () => (this.isOpen = !this.isOpen), class: buttonClasses }, index.h("span", { class: "hy-anchor-link-list__button--title" }, index.h("hy-icon", { icon: 'hy-icon-bullet-list', size: 18, fill: 'var(--brand-main)' }), this.listTitle), index.h("span", { class: "hy-anchor-link-list__button--label" }, this.isOpen ? this.closeLabel : this.openLabel, index.h("hy-icon", { class: "label-close-icon", icon: 'hy-icon-caret-down', size: 16, fill: 'var(--brand-main)' }))), index.h("div", { "aria-hidden": this.isOpen ? 'false' : 'true', class: containerClasses }, items &&
-      items.map((item) => (index.h("a", { class: "hy-anchor-link-list__item", href: item.url, onClick: this.handleLinkClick }, index.h("hy-icon", { icon: 'hy-icon-arrow-down', size: 12, fill: 'var(--brand-main)' }), item.title))))));
+    return (index.h(index.Host, { class: classAttributes }, index.h("button", { "aria-label": this.listTitle, onClick: () => (this.isOpen = !this.isOpen), class: buttonClasses }, index.h("span", { class: "hy-anchor-link-list__button--title" }, index.h("hy-icon", { icon: "hy-icon-bullet-list", size: 18, fill: "var(--brand-main)" }), this.listTitle), index.h("span", { class: "hy-anchor-link-list__button--label" }, this.isOpen ? this.closeLabel : this.openLabel, index.h("hy-icon", { class: "label-close-icon", icon: "hy-icon-caret-down", size: 16, fill: "var(--brand-main)" }))), index.h("div", { "aria-hidden": this.isOpen ? "false" : "true", class: containerClasses }, items &&
+      items.map((item) => (index.h("a", { class: "hy-anchor-link-list__item", href: item.url, onClick: this.handleLinkClick }, index.h("hy-icon", { icon: "hy-icon-arrow-down", size: 12, fill: "var(--brand-main)" }), item.title))))));
   }
 };
 HyAnchorLinkList.style = hyAnchorLinkListCss;
@@ -337,11 +349,11 @@ const hyBadgeCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand
 const HyBadge = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.variant = 'primary';
+    this.variant = "primary";
   }
   render() {
-    const classAttributes = ['hy-badge', this.variant];
-    return (index.h(index.Host, null, index.h("span", { class: classAttributes.join(' ') }, index.h("slot", null))));
+    const classAttributes = ["hy-badge", this.variant];
+    return (index.h(index.Host, null, index.h("span", { class: classAttributes.join(" ") }, index.h("slot", null))));
   }
 };
 HyBadge.style = hyBadgeCss;
@@ -356,30 +368,30 @@ const HyBanner = class {
     this.url = undefined;
     this.scLabel = undefined;
     this.urlTitle = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.isExternal = false;
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
-    const hyBannerClass = ['hy-banner', `hy-banner__${this.headerstyle}`, this.headerstyle].join(' ');
-    const hyBannerWrapperClass = ['hy-banner__info-container'].join(' ');
+    const hyBannerClass = ["hy-banner", `hy-banner__${this.headerstyle}`, this.headerstyle].join(" ");
+    const hyBannerWrapperClass = ["hy-banner__info-container"].join(" ");
     const hyBannerTitle = [
-      'hy-banner__info-container__title',
+      "hy-banner__info-container__title",
       `hy-banner__info-container__title__${this.headerstyle}`,
       this.headerstyle,
-    ].join(' ');
+    ].join(" ");
     const hyBannerDescription = [
-      'hy-banner__info-container__description',
+      "hy-banner__info-container__description",
       `hy-banner__info-container__description__${this.headerstyle}`,
       this.headerstyle,
-    ].join(' ');
+    ].join(" ");
     const variant = utils.CtaLinkButtonVariants.onBlueBkgd;
     return (index.h(index.Host, null, index.h("hy-box", { pt: "1.25, 1.25, 1.5, 2.5" }), index.h("div", { class: hyBannerClass }, index.h("hy-main-content-wrapper", null, index.h("div", { class: hyBannerWrapperClass }, index.h("div", { class: hyBannerTitle }, this.textTitle), index.h("div", { class: hyBannerDescription }, this.textDescription), this.url && (index.h("div", { class: "hy-banner__info-container__link" }, index.h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant })))))), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
@@ -1814,9 +1826,9 @@ wide, 60rem to 75rem or 60rem to 100.0625rem (depending on hasSidebar) (mb[2])
 xlarge, > 100.0625: 2.5rem (mb[3])
 * */
 const toRemValue = (val) => {
-  return typeof val === 'number' ? `${val}rem` : undefined;
+  return typeof val === "number" ? `${val}rem` : undefined;
 };
-const breakpoints = ['30rem', '60rem', '75.0625rem', '100.0625rem'];
+const breakpoints = ["30rem", "60rem", "75.0625rem", "100.0625rem"];
 /*
 Default - mobile
 mq[0] - tablet
@@ -1837,12 +1849,12 @@ const createCssClass = ({ hasSidebar, pt, pb, pl, pr, mt, mb, ml, mr, h, bg, wid
     margin-bottom: ${toRemValue(mb[0])};
     margin-left: ${toRemValue(ml[0])};
     height: ${toRemValue(h)};
-    background-color: ${!!bg ? `var(--${bg})` : 'transparent'};
+    background-color: ${!!bg ? `var(--${bg})` : "transparent"};
     width: ${width[0]};
     display: flex;
-    flex-flow: ${direction || 'row'};
-    justify-content: ${justify || 'flex-start'};
-    align-items: ${align || 'flex-start'};
+    flex-flow: ${direction || "row"};
+    justify-content: ${justify || "flex-start"};
+    align-items: ${align || "flex-start"};
 
     ${mq[0]} {
       width: ${width[1]};
@@ -1898,11 +1910,11 @@ const createCssClass = ({ hasSidebar, pt, pb, pl, pr, mt, mb, ml, mr, h, bg, wid
     }
   `;
 };
-const toNumArray = (value) => value === null || value === void 0 ? void 0 : value.split(',').map((v) => `${v.trim()}`).map((v) => parseFloat(v));
+const toNumArray = (value) => value === null || value === void 0 ? void 0 : value.split(",").map((v) => `${v.trim()}`).map((v) => parseFloat(v));
 const HyBox = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.p = undefined;
     this.pl = undefined;
     this.pr = undefined;
@@ -1913,18 +1925,18 @@ const HyBox = class {
     this.mr = undefined;
     this.mb = undefined;
     this.mt = undefined;
-    this.justify = 'flex-start';
-    this.align = 'baseline';
+    this.justify = "flex-start";
+    this.align = "baseline";
     this.h = undefined;
-    this.bg = 'transparent';
-    this.width = '100';
-    this.direction = 'row';
+    this.bg = "transparent";
+    this.width = "100";
+    this.direction = "row";
   }
   componentWillLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
@@ -1938,7 +1950,7 @@ const HyBox = class {
     const mb = (_m = (_l = toNumArray(this.mb)) !== null && _l !== void 0 ? _l : toNumArray(this.m)) !== null && _m !== void 0 ? _m : [0];
     const mr = (_p = (_o = toNumArray(this.mr)) !== null && _o !== void 0 ? _o : toNumArray(this.m)) !== null && _p !== void 0 ? _p : [0];
     const ml = (_r = (_q = toNumArray(this.ml)) !== null && _q !== void 0 ? _q : toNumArray(this.m)) !== null && _r !== void 0 ? _r : [0];
-    const hasSidebar = this.headerstyle == 'common';
+    const hasSidebar = this.headerstyle == "common";
     return (index.h(index.Host, { class: createCssClass({
         hasSidebar,
         pt,
@@ -1951,7 +1963,7 @@ const HyBox = class {
         mb,
         h: this.h,
         bg: this.bg,
-        width: this.width.split(',').map((v) => `${v.trim()}%`),
+        width: this.width.split(",").map((v) => `${v.trim()}%`),
         justify: this.justify,
         align: this.align,
         direction: this.direction,
@@ -1970,11 +1982,11 @@ const HyBoxContainer = class {
     this.maxWidth = true;
   }
   render() {
-    return (index.h(index.Host, { style: { width: '100%', display: 'flex', flex: '1', justifyContent: 'center' } }, index.h("div", { class: css `
+    return (index.h(index.Host, { style: { width: "100%", display: "flex", flex: "1", justifyContent: "center" } }, index.h("div", { class: css `
             display: flex;
             width: 100%;
-            flex-wrap: ${this.wrap ? 'wrap' : 'no-wrap'};
-            max-width: ${this.maxWidth ? '90rem' : '100%'};
+            flex-wrap: ${this.wrap ? "wrap" : "no-wrap"};
+            max-width: ${this.maxWidth ? "90rem" : "100%"};
           ` }, index.h("slot", null))));
   }
 };
@@ -1987,22 +1999,22 @@ const HyBreadcrumbs = class {
     index.registerInstance(this, hostRef);
     this.dataItems = undefined;
     this.variant = utils.BreadcrumbVariants.default;
-    this.headerstyle = 'with-sidebar';
+    this.headerstyle = "with-sidebar";
     this.menuOpen = false;
   }
   async componentWillLoad() {
     this._dataItems = await globalScript.jsonParserWorker(this.dataItems);
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'without-sidebar';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "without-sidebar";
       }
     }
   }
   render() {
-    const breadcrumbsClass = ['hy-breadcrumbs', this.variant, this.headerstyle].join(' ');
+    const breadcrumbsClass = ["hy-breadcrumbs", this.variant, this.headerstyle].join(" ");
     return (index.h("nav", { "aria-label": "Breadcrumb", role: "navigation", "aria-labelledby": "system-breadcrumb", class: breadcrumbsClass }, index.h("ol", { class: "breadcrumb-container" }, this._dataItems.map((item) => {
       if (item.url.length > 0) {
         return (index.h("li", { class: "breadcrumb-item" }, index.h("a", { class: "breadcrumb-item__link", href: item.url }, item.text), index.h("hy-icon", { class: "breadcrumb-item__icon", icon: "hy-icon-caret-right", size: 12 })));
@@ -2016,6 +2028,78 @@ const HyBreadcrumbs = class {
 };
 HyBreadcrumbs.style = hyBreadcrumbsCss;
 
+const colors = {
+  brandMain: "#0e688b",
+  brandMainLight: "#107eab",
+  brandMainActive: "#005379",
+  brandMainDark: "#003146",
+  brandMainNearlyBlack: "#000222",
+  grayscaleWhite: "#fff",
+  grayscaleLight: "#f8f8f8",
+  grayscaleMedium: "#d2d2d2",
+  grayscaleBackgroundBox: "#f5f5f5",
+  grayscaleBackgroundArrow: "#dfdfdf",
+  grayscaleMediumDark: "#979797",
+  grayscaleDark: "#555555",
+  grayscaleBlack: "#000000",
+  additionalRedLight: "#E5053A",
+  additionalRedDark: "#A31621",
+  additionalPurpleLight: "#420039",
+  additionalYellow: "#F9A21A",
+  additionalSkyblue: "#48C5F8",
+  additionalOrange: "#D14600",
+  additionalGreenLight: "#96BA3C",
+  additionalGreenDark: "#006400",
+};
+
+const buttonCss = "@charset \"UTF-8\";:root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}.hy-button__icon{-ms-flex-line-pack:center;align-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-button{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main);color:var(--grayscale-white);font-family:var(--main-font-family);border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0.9375rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:0.9375rem;margin:0;padding:0;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:all;transition-property:all;min-height:44px;position:relative;text-decoration:none}.hy-button.size-large{min-height:48px}.hy-button.primary{background-color:var(--brand-main);color:var(--grayscale-white)}.hy-button.primary .hy-button__icon{padding:8px 13px}.hy-button.primary svg{fill:var(--grayscale-white)}.hy-button.primary:hover{background-color:var(--brand-main-active)}.hy-button.primary:active{background-color:var(--brand-main-dark)}.hy-button.primary:disabled{background-color:var(--grayscale-medium);color:var(--grayscale-dark)}.hy-button.primary:disabled svg{fill:var(--grayscale-dark)}.hy-button.primary:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-button.secondary{background-color:transparent;border:solid 2px var(--brand-main);color:var(--brand-main)}.hy-button.secondary svg{fill:var(--brand-main)}.hy-button.secondary:hover{border:solid 2px var(--brand-main-active);color:var(--brand-main-active)}.hy-button.secondary:hover svg{fill:var(--brand-main-active)}.hy-button.secondary:active{border:solid 2px var(--brand-main-dark);color:var(--brand-main-dark)}.hy-button.secondary:active svg{fill:var(--brand-main-dark)}.hy-button.secondary:disabled{border:solid 2px var(--grayscale-medium-dark);color:var(--grayscale-medium-dark)}.hy-button.secondary:disabled svg{fill:var(--grayscale-medium-dark)}.hy-button::after{content:\"\";display:block;border-bottom:2px solid var(--additional-skyblue);position:absolute;bottom:-3.5px;left:3px;right:3px;z-index:0}.hy-button.primary::after{bottom:-2px}.hy-button:disabled{cursor:not-allowed}.hy-button:disabled::after{border-bottom:2px solid var(--grayscale-medium-dark);bottom:-3.5px}.hy-button:disabled.primary::after{bottom:-2px}.hy-button .hy-button__text{margin:12px 24px}.hy-button .hy-button__icon-right{padding-right:12px}hy-button[icon-right=hy-icon-arrow-right] .primary .hy-button__text{margin:12px 0 12px 16px;padding-right:16px}hy-button[icon-right=hy-icon-arrow-right] .primary:not(disabled) .hy-button__text{border-right:solid 1px var(--additional-skyblue)}hy-button[icon-right=hy-icon-arrow-right] .primary:disabled .hy-button__text{border-right:solid 1px var(--grayscale-dark)}hy-button[icon-right=hy-icon-arrow-right] .secondary .hy-button__text{margin:12px 16px}hy-button[icon-right=hy-icon-arrow-right] .secondary .hy-button__icon{padding-right:1rem;padding-left:0}hy-button[icon=hy-icon-arrow-left] .primary .hy-button__text{margin:12px 16px 12px 0;padding-left:16px}hy-button[icon=hy-icon-arrow-left] .primary:not(disabled) .hy-button__text{border-left:solid 1px var(--additional-skyblue)}hy-button[icon=hy-icon-arrow-left] .primary:disabled .hy-button__text{border-left:solid 1px var(--grayscale-dark)}hy-button[icon=hy-icon-arrow-left] .secondary .hy-button__text{margin:12px 16px}hy-button[icon=hy-icon-arrow-left] .secondary .hy-button__icon{padding-left:1rem;padding-right:0}";
+
+const fillcolors = {
+  primary: colors.brandMain,
+  secondary: "white",
+};
+const Button = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.buttonType = "submit";
+    this.buttonClasses = "";
+    this.variant = "primary";
+    this.state = "enabled";
+    this.size = "normal";
+    this.disabled = false;
+    this.url = "";
+    this.ariaLabel = "";
+    this.isExternal = false;
+    this.icon = undefined;
+    this.iconRight = undefined;
+    this.attrs = "";
+  }
+  render() {
+    const classAttributes = ["hy-button", this.variant, this.state, "size-" + this.size, this.buttonClasses];
+    const iconFillColor = fillcolors[this.variant];
+    const target = this.isExternal ? "_blank" : "_self";
+    let props = {};
+    if (this.attrs && this.attrs.length > 2) {
+      let attrString = JSON.parse(this.attrs);
+      let attrArray = attrString.split('" ');
+      attrArray.map((item) => {
+        let parts = item.split("=");
+        let key = parts[0];
+        let value = parts[1];
+        key = key.replaceAll('"', " ");
+        key = key.trim();
+        if (key !== "class") {
+          value = value.replaceAll('"', " ");
+          value = value.trim();
+          props[key] = value;
+        }
+      });
+    }
+    return this.url ? (index.h(index.Host, { "icon-right": "hy-icon-arrow-right", "aria-label": this.ariaLabel }, index.h("div", { style: { display: "flex" } }, index.h("a", { class: classAttributes.join(" "), href: this.url, target: target }, index.h("span", { class: "hy-button__text" }, index.h("slot", null)), index.h("span", { class: "hy-button__icon" }, index.h("hy-icon", { icon: "hy-icon-arrow-right", fill: iconFillColor, size: 13 })))))) : (index.h(index.Host, { "aria-label": this.ariaLabel }, index.h("button", Object.assign({ type: this.buttonType, class: classAttributes.join(" "), disabled: this.disabled }, props), !!this.icon && (index.h("span", { class: "hy-button__icon hy-button__icon--left" }, index.h("hy-icon", { icon: this.icon, fill: iconFillColor, size: 13 }))), index.h("span", { class: "hy-button__text" }, index.h("slot", null)), !!this.iconRight && (index.h("span", { class: "hy-button__icon hy-button__icon--right" }, index.h("hy-icon", { icon: this.iconRight, fill: iconFillColor, size: 13 }))))));
+  }
+};
+Button.style = buttonCss;
+
 const hyCheckboxCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-checkbox{display:inline-block;position:relative;margin-right:1rem}.hy-checkbox__checkmark{border-color:var(--link-blue);border-style:solid inset solid solid;border-width:2px;height:20px;margin-right:6px;min-width:20px;min-height:20px;position:relative;width:20px}.hy-checkbox__checkmark svg{bottom:0;left:0;position:absolute;visibility:hidden}.hy-checkbox__checkmark::before{background-color:var(--grayscale-white);content:\"\";height:10px;position:absolute;right:0;-webkit-transform:rotate(40deg) translate(6%, -55%);transform:rotate(40deg) translate(6%, -55%);visibility:hidden;width:8px}.hy-checkbox__label{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.4px;text-align:left}@media (min-width: 30rem){.hy-checkbox__label{font-size:1rem;line-height:20px}}.hy-checkbox__checkbox{height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:10}.hy-checkbox__checkbox:checked+label{color:var(--grayscale-black)}.hy-checkbox__checkbox:checked+label .hy-checkbox__checkmark svg,.hy-checkbox__checkbox:checked+label .hy-checkbox__checkmark::before{visibility:visible}.hy-checkbox__checkbox:hover{cursor:pointer}.hy-checkbox__checkbox:hover+label{color:var(--brand-main)}.hy-checkbox__checkbox:focus+label{outline-offset:1px;outline:2px solid var(--link-blue)}.hy-checkbox--button{display:inline-block;margin-right:4px;position:relative}.hy-checkbox--button__label{font-size:0.75rem;line-height:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0.5px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.3px;padding:12px 15px 12px 13px;z-index:1}@media (min-width: 60rem){.hy-checkbox--button__label{font-size:0.875rem;line-height:18px;letter-spacing:-0.4px;padding:9px 8px 9px 8px}}.hy-checkbox--button__checkmark{position:absolute;right:12px;top:0;bottom:0}@media (min-width: 60rem){.hy-checkbox--button__checkmark{right:10px;bottom:calc(50% + 10px)}}.hy-checkbox--button__checkmark svg{bottom:0;left:0;position:absolute;visibility:hidden}.hy-checkbox--button__label-icon{height:13px;position:absolute;width:12px}@media (min-width: 60rem){.hy-checkbox--button__label-icon{padding:10px;right:-6px;top:calc(50% + 5px)}}.hy-checkbox--button__label-icon svg{background:var(--grayscale-white);height:12px;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:12px}.hy-checkbox--button__checkbox{height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:10}.hy-checkbox--button__checkbox:checked+label{border:1px solid var(--grayscale-black);color:var(--grayscale-black);padding:12px 15px 12px 13px}@media (min-width: 60rem){.hy-checkbox--button__checkbox:checked+label{border:2px solid var(--grayscale-black);padding:8px 26px 8px 7px}}.hy-checkbox--button__checkbox:checked+label .hy-checkbox--button__checkmark .hy-checkbox--button__label-icon{background:var(--grayscale-white)}.hy-checkbox--button__checkbox:checked+label .hy-checkbox--button__checkmark svg{visibility:visible}.hy-checkbox--button__checkbox:hover{cursor:pointer}.hy-checkbox--button__checkbox:focus+label{outline-offset:1px;outline:1px solid var(--link-blue)}";
 
 const HyCheckbox = class {
@@ -2029,10 +2113,10 @@ const HyCheckbox = class {
   }
   render() {
     switch (this.variant) {
-      case 'button':
-        return (index.h(index.Host, { class: "hy-checkbox--button" }, index.h("input", { type: "checkbox", class: "hy-checkbox--button__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), index.h("label", { class: "hy-checkbox--button__label", htmlFor: `${this.checkboxId}` }, this.checkboxLabel, index.h("span", { class: "hy-checkbox--button__checkmark" }, index.h("hy-icon", { class: "hy-checkbox--button__label-icon", icon: 'hy-icon-done', size: 14, "aria-hidden": "true" })))));
+      case "button":
+        return (index.h(index.Host, { class: "hy-checkbox--button" }, index.h("input", { type: "checkbox", class: "hy-checkbox--button__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), index.h("label", { class: "hy-checkbox--button__label", htmlFor: `${this.checkboxId}` }, this.checkboxLabel, index.h("span", { class: "hy-checkbox--button__checkmark" }, index.h("hy-icon", { class: "hy-checkbox--button__label-icon", icon: "hy-icon-done", size: 14, "aria-hidden": "true" })))));
       default:
-        return (index.h(index.Host, { class: "hy-checkbox" }, index.h("input", { type: "checkbox", class: "hy-checkbox__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), index.h("label", { class: "hy-checkbox__label", htmlFor: `${this.checkboxId}` }, index.h("span", { class: "hy-checkbox__checkmark" }, index.h("hy-icon", { class: "hy-checkbox__label-icon", icon: 'hy-icon-done', size: 23, "aria-hidden": "true" })), this.checkboxLabel)));
+        return (index.h(index.Host, { class: "hy-checkbox" }, index.h("input", { type: "checkbox", class: "hy-checkbox__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), index.h("label", { class: "hy-checkbox__label", htmlFor: `${this.checkboxId}` }, index.h("span", { class: "hy-checkbox__checkmark" }, index.h("hy-icon", { class: "hy-checkbox__label-icon", icon: "hy-icon-done", size: 23, "aria-hidden": "true" })), this.checkboxLabel)));
     }
   }
 };
@@ -2050,7 +2134,7 @@ const HyCollaboration = class {
     this.imageAltText = undefined;
   }
   render() {
-    return (index.h("div", { class: "hy-collaboration" }, index.h("figure", { class: "hy-collaboration__logo", role: "complementary" }, index.h("img", { src: this.imageUrl, alt: this.imageAltText })), index.h("div", { class: "hy-collaboration__content" }, index.h("p", { class: "hy-collaboration__description" }, this.textDescription), this.linkUrl && (index.h("a", { href: this.linkUrl, class: "hy-collaboration__link" }, this.linkTitle, index.h("span", { "aria-hidden": "true" }, index.h("hy-icon", { icon: 'hy-icon-arrow-right', size: 10 })))))));
+    return (index.h("div", { class: "hy-collaboration" }, index.h("figure", { class: "hy-collaboration__logo", role: "complementary" }, index.h("img", { src: this.imageUrl, alt: this.imageAltText })), index.h("div", { class: "hy-collaboration__content" }, index.h("p", { class: "hy-collaboration__description" }, this.textDescription), this.linkUrl && (index.h("a", { href: this.linkUrl, class: "hy-collaboration__link" }, this.linkTitle, index.h("span", { "aria-hidden": "true" }, index.h("hy-icon", { icon: "hy-icon-arrow-right", size: 10 })))))));
   }
 };
 HyCollaboration.style = hyCollaborationCss;
@@ -2061,12 +2145,12 @@ const HyContentList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.variant = utils.CourseVariants.default;
-    this.linkLabel = 'Go to course page';
-    this.noResultLabel = 'No courses scheduled at the moment';
-    this.creditsLabel = 'cr';
-    this.cancelledLabel = 'Cancelled';
+    this.linkLabel = "Go to course page";
+    this.noResultLabel = "No courses scheduled at the moment";
+    this.creditsLabel = "cr";
+    this.cancelledLabel = "Cancelled";
     this.dataItems = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.courseStateVariant = utils.CourseStateVariants.default;
     this.courseRealisations = [];
   }
@@ -2074,7 +2158,7 @@ const HyContentList = class {
    * Data for links to be displayed.
    */
   dataWatcher(data) {
-    this._dataItems = typeof data === 'string' ? JSON.parse(data) : data;
+    this._dataItems = typeof data === "string" ? JSON.parse(data) : data;
   }
   componentWillLoad() {
     this.dataWatcher(this.dataItems);
@@ -2083,14 +2167,14 @@ const HyContentList = class {
     e.preventDefault();
     let card = this.el.querySelector(`#${id}`);
     if (card) {
-      window.open(card.dataset.location, '_blank');
+      window.open(card.dataset.location, "_blank");
     }
   }
   async componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
@@ -2099,39 +2183,39 @@ const HyContentList = class {
     if (this._dataItems && this._dataItems.length > 0) {
       this._dataItems.forEach((item) => {
         const courseObject = JSON.parse(JSON.stringify(item));
-        const courseListType = courseObject['courseListType'];
-        this.variant = courseListType == 'list' ? utils.CourseVariants.row : utils.CourseVariants.grid;
+        const courseListType = courseObject["courseListType"];
+        this.variant = courseListType == "list" ? utils.CourseVariants.row : utils.CourseVariants.grid;
         for (const courseProperty in courseObject) {
-          if (courseProperty == 'courseListType')
+          if (courseProperty == "courseListType")
             continue;
           const courseItem = courseObject[courseProperty];
-          const courseCode = courseItem['code'];
-          const courseCredits = courseItem['credits'];
+          const courseCode = courseItem["code"];
+          const courseCredits = courseItem["credits"];
           // Course realisations.
-          if (courseItem['realisations']) {
-            const realisations = JSON.parse(JSON.stringify(courseItem['realisations']));
+          if (courseItem["realisations"]) {
+            const realisations = JSON.parse(JSON.stringify(courseItem["realisations"]));
             for (const realisationProperty in realisations) {
               const realizationItem = realisations[realisationProperty];
-              const courseRealisationName = realizationItem['name'];
-              const courseRealisationFullName = courseRealisationName + ', ' + courseCredits + ' ' + this.creditsLabel;
-              const courseStudyFormat = realizationItem['studyFormat'];
-              const courseCancelled = realizationItem['cancelled'];
-              const courseStartDate = realizationItem['startDate'];
-              const courseEndDate = realizationItem['endDate'];
-              const formattedTimeRange = realizationItem['formattedTimeRange'];
-              const courseEnrollmentLink = realizationItem['enrolmentLink'];
-              const courseTeachingLanguage = realizationItem['teachingLanguage'];
-              const courseOrganisation = realizationItem['organisation'];
+              const courseRealisationName = realizationItem["name"];
+              const courseRealisationFullName = courseRealisationName + ", " + courseCredits + " " + this.creditsLabel;
+              const courseStudyFormat = realizationItem["studyFormat"];
+              const courseCancelled = realizationItem["cancelled"];
+              const courseStartDate = realizationItem["startDate"];
+              const courseEndDate = realizationItem["endDate"];
+              const formattedTimeRange = realizationItem["formattedTimeRange"];
+              const courseEnrollmentLink = realizationItem["enrolmentLink"];
+              const courseTeachingLanguage = realizationItem["teachingLanguage"];
+              const courseOrganisation = realizationItem["organisation"];
               let courseTags = [];
-              if (realizationItem['tags']) {
-                let tags = JSON.parse(JSON.stringify(realizationItem['tags']));
+              if (realizationItem["tags"]) {
+                let tags = JSON.parse(JSON.stringify(realizationItem["tags"]));
                 for (let z in tags) {
                   let tagItem = { name: tags[z] };
                   courseTags.push(tagItem);
                 }
               }
               const courseTagsJSON = JSON.stringify(courseTags);
-              const contentListItemClassAttributes = ['item', this.variant].join(' ');
+              const contentListItemClassAttributes = ["item", this.variant].join(" ");
               courseRealisations.push(index.h("hy-content-list-item", { id: realisationProperty, class: contentListItemClassAttributes, variant: this.variant, "state-variant": this.courseStateVariant, "course-code": courseCode, "course-name": courseRealisationFullName, "is-cancelled": courseCancelled, "cancelled-label": this.cancelledLabel, "course-credits": courseCredits, "course-tags": courseTagsJSON, "course-start-date": courseStartDate, "course-end-date": courseEndDate, "formatted-time-range": formattedTimeRange, "course-study-format": courseStudyFormat, "course-organisation": courseOrganisation, "course-enrollment-link": courseEnrollmentLink, "course-teaching-language": courseTeachingLanguage, "course-link-label": this.linkLabel, "data-location": courseEnrollmentLink, onClick: (e) => this.handleCardClick(e, realisationProperty) }));
             }
           }
@@ -2141,18 +2225,18 @@ const HyContentList = class {
     return courseRealisations;
   }
   render() {
-    const classAttributes = [this.variant, 'hy-content-list'].join(' ');
-    const classAlertAttributes = ['hy-content-list--alert', `hy-content-list--alert--${this.headerstyle}`].join(' ');
+    const classAttributes = [this.variant, "hy-content-list"].join(" ");
+    const classAlertAttributes = ["hy-content-list--alert", `hy-content-list--alert--${this.headerstyle}`].join(" ");
     const classAlertLabelAttributes = [
-      'hy-content-list--alert-label',
+      "hy-content-list--alert-label",
       `hy-content-list--alert-label--${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     this.courseRealisations = this.renderItems();
     if (this.courseRealisations && this.courseRealisations.length > 0) {
       return (index.h(index.Host, null, index.h("div", { class: classAttributes }, this.courseRealisations)));
     }
     else {
-      return (index.h(index.Host, null, index.h("div", { class: classAttributes }, index.h("div", { class: "hy-content-list--no-result" }, index.h("span", { class: classAlertAttributes }, index.h("hy-icon", { icon: 'hy-icon-info', size: 16 })), index.h("span", { class: classAlertLabelAttributes }, this.noResultLabel)))));
+      return (index.h(index.Host, null, index.h("div", { class: classAttributes }, index.h("div", { class: "hy-content-list--no-result" }, index.h("span", { class: classAlertAttributes }, index.h("hy-icon", { icon: "hy-icon-info", size: 16 })), index.h("span", { class: classAlertLabelAttributes }, this.noResultLabel)))));
     }
   }
   get el() { return index.getElement(this); }
@@ -2165,7 +2249,7 @@ HyContentList.style = hyContentListCss;
 const hyContentListItemCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}hy-content-list-item{background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px;position:relative}@media (min-width: 30rem){hy-content-list-item{margin-bottom:24px}}hy-content-list-item[variant=row],hy-content-list-item.row{max-width:100%;padding:21px 0 60px 12px;width:100%}@media (min-width: 30rem){hy-content-list-item[variant=row],hy-content-list-item.row{padding:21px 0 12px 24px}}@media (min-width: 60rem){hy-content-list-item[variant=row],hy-content-list-item.row{margin-bottom:16px}}hy-content-list-item.grid{max-width:100%;padding:21px 0 60px 12px;width:100%}@media (min-width: 30rem){hy-content-list-item.grid{margin-right:var(--gutter-medium);max-width:calc(((100% - var(--gutter-medium) * 11) / 12) * 6 + var(--gutter-medium) * 5);padding:21px 0 60px 12px;width:calc(((100% - var(--gutter-medium) * 11) / 12) * 6 + var(--gutter-medium) * 5)}}@media (min-width: 60rem){hy-content-list-item.grid{margin-bottom:27px;margin-right:var(--gutter-wide);max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3)}}@media (min-width: 75.0625rem){hy-content-list-item.grid{margin-bottom:32px;margin-right:var(--gutter-extrawide);max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3)}}@media (min-width: 30rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:0}}@media (min-width: 60rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:var(--gutter-extrawide)}}@media (min-width: 60rem){hy-content-list-item.grid:nth-of-type(3n+0){margin-right:0}}.hy-content-list-item{font-family:var(--main-font-family);position:relative;width:100%}.hy-content-list-item a{text-decoration:none}.hy-content-list-item--container{cursor:pointer}.hy-content-list-item--item-name{color:var(--link-blue);font-size:1.25rem;line-height:24px;font-weight:700;letter-spacing:-0.6px;margin-bottom:16px;word-break:break-word}.hy-content-list-item--item-name--past-courses{color:var(--grayscale-dark)}.hy-content-list-item--metadata{font-size:0.875rem;line-height:16px;font-weight:600;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;letter-spacing:-0.44px;line-height:16px;margin-bottom:19px;padding-bottom:0}.hy-content-list-item--metadata--item{padding-bottom:6px}@media (min-width: 30rem){.hy-content-list-item--metadata{padding-bottom:1rem}}@media (min-width: 75.0625rem){.hy-content-list-item--metadata{padding-bottom:0}}.hy-content-list-item--metadata--item:after{content:\"|\";padding:0 8px}.hy-content-list-item--metadata--item--last:after{content:\" \"}.hy-content-list-item .cancelled span{font-size:0.75rem;line-height:12px;font-weight:700;background-color:var(--additional-red-light);color:var(--grayscale-white);letter-spacing:-0.5px;padding:6px 8px;text-transform:uppercase}.hy-content-list-item .cancelled--past-courses span{background-color:var(--grayscale-dark)}.hy-content-list-item .cancelled:not(.mobile){display:none}.hy-content-list-item .cancelled.mobile{bottom:-50px;display:block;margin:0;padding-bottom:12px;position:absolute}@media (min-width: 30rem){.hy-content-list-item .cancelled{margin-right:8px}.hy-content-list-item .cancelled.mobile{display:none}.hy-content-list-item .cancelled:not(.mobile){display:block}}.hy-content-list-item--link{position:absolute;right:-6px}.hy-content-list-item--link a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-decoration:none}.hy-content-list-item--link a .label{font-size:1rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.5px;line-height:16px;margin-right:8px;text-align:right}.hy-content-list-item--link a .icon-wrapper{background-color:var(--brand-main-light);z-index:10}.hy-content-list-item--link a .icon-wrapper .icon{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;overflow:hidden}.hy-content-list-item--link a .icon-wrapper .icon svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);fill:var(--grayscale-white);padding:10.29px}.hy-content-list-item.row .hy-content-list-item--link{bottom:-60px;padding-bottom:12px}@media (min-width: 30rem){.hy-content-list-item.row .hy-content-list-item--link{bottom:0;padding-bottom:0}}.hy-content-list-item.row .hy-content-list-item--tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 60rem){.hy-content-list-item.row .hy-content-list-item--tags{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-right:200px}}.hy-content-list-item.grid .hy-content-list-item--link{bottom:-60px;padding-bottom:12px}.hy-content-list-item.grid .hy-content-list-item--tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}";
 
 let keys$3 = {
-  enter: 'Enter',
+  enter: "Enter",
 };
 const HyContentLstItem = class {
   constructor(hostRef) {
@@ -2175,7 +2259,7 @@ const HyContentLstItem = class {
     this.courseCode = undefined;
     this.courseName = undefined;
     this.isCancelled = undefined;
-    this.cancelledLabel = 'Cancelled';
+    this.cancelledLabel = "Cancelled";
     this.courseCredits = undefined;
     this.courseTags = undefined;
     this.courseStartDate = undefined;
@@ -2194,18 +2278,18 @@ const HyContentLstItem = class {
     const key = event.code;
     if (key == keys$3.enter) {
       let card = this.el;
-      window.open(card.dataset.location, '_blank', 'noopener');
+      window.open(card.dataset.location, "_blank", "noopener");
     }
   }
   render() {
-    const classAttributes = [this.variant, 'hy-content-list-item'].join(' ');
-    const target = '_blank';
-    const ariaLabel = 'Link points outside the current website.';
+    const classAttributes = [this.variant, "hy-content-list-item"].join(" ");
+    const target = "_blank";
+    const ariaLabel = "Link points outside the current website.";
     const classItemName = [
-      'hy-content-list-item--item-name',
+      "hy-content-list-item--item-name",
       `hy-content-list-item--item-name--${this.stateVariant}`,
-    ].join(' ');
-    const classItemCancelled = ['cancelled', `cancelled--${this.stateVariant}`].join(' ');
+    ].join(" ");
+    const classItemCancelled = ["cancelled", `cancelled--${this.stateVariant}`].join(" ");
     return [
       index.h("div", { class: classAttributes, tabindex: "0" }, index.h("div", { class: classItemName }, this.courseName), index.h("div", { class: "hy-content-list-item--metadata" }, this.isCancelled && (index.h("div", { class: classItemCancelled }, index.h("span", null, this.cancelledLabel))), index.h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--first" }, index.h("span", null, this.formattedTimeRange)), this.courseOrganisation
         ? [
@@ -2216,7 +2300,7 @@ const HyContentLstItem = class {
           index.h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last" }, index.h("span", null, this.courseStudyFormat)),
         ]), this._courseTags && this._courseTags.length > 0 && (index.h("div", { class: "hy-content-list-item--tags" }, this._courseTags.map((x) => {
         return index.h("hy-tag", null, x.name);
-      }))), this.isCancelled && (index.h("div", { class: "cancelled mobile" }, index.h("span", null, this.cancelledLabel))), index.h("div", { class: "hy-content-list-item--link" }, index.h("a", { href: this.courseEnrollmentLink, target: target, "aria-label": ariaLabel, class: "hy-content-list-item--link--link", tabindex: "-1" }, index.h("span", { class: "label" }, this.courseLinkLabel), index.h("span", { class: "icon-wrapper" }, index.h("div", { class: "icon" }, index.h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 40 })))))),
+      }))), this.isCancelled && (index.h("div", { class: "cancelled mobile" }, index.h("span", null, this.cancelledLabel))), index.h("div", { class: "hy-content-list-item--link" }, index.h("a", { href: this.courseEnrollmentLink, target: target, "aria-label": ariaLabel, class: "hy-content-list-item--link--link", tabindex: "-1" }, index.h("span", { class: "label" }, this.courseLinkLabel), index.h("span", { class: "icon-wrapper" }, index.h("div", { class: "icon" }, index.h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 40 })))))),
     ];
   }
   get el() { return index.getElement(this); }
@@ -2234,7 +2318,7 @@ const HyCrisisBanner = class {
     this.linkUrl = undefined;
   }
   render() {
-    return (index.h(index.Host, { class: "hy-crisis-banner", role: "alert" }, index.h("div", { class: "hy-crisis-banner__container" }, index.h("div", { class: "hy-crisis-banner__indicator" }, index.h("hy-icon", { class: 'hy-crisis-banner__indicator-icon', icon: 'hy-icon-alert' })), index.h("div", { class: "hy-crisis-banner__content-wrapper" }, index.h("div", { class: "hy-crisis-banner__content" }, index.h("h3", { class: "hy-crisis-banner__title" }, this.bannerTitle), this.bannerDescription && (index.h("div", { class: "hy-crisis-banner__description", innerHTML: this.bannerDescription }))), this.linkUrl && (index.h("a", { class: "hy-crisis-banner__link", href: this.linkUrl }, this.linkTitle, index.h("hy-icon", { class: 'hy-crisis-banner__link-icon', icon: 'hy-icon-arrow-to-right' })))))));
+    return (index.h(index.Host, { class: "hy-crisis-banner", role: "alert" }, index.h("div", { class: "hy-crisis-banner__container" }, index.h("div", { class: "hy-crisis-banner__indicator" }, index.h("hy-icon", { class: "hy-crisis-banner__indicator-icon", icon: "hy-icon-alert" })), index.h("div", { class: "hy-crisis-banner__content-wrapper" }, index.h("div", { class: "hy-crisis-banner__content" }, index.h("h3", { class: "hy-crisis-banner__title" }, this.bannerTitle), this.bannerDescription && (index.h("div", { class: "hy-crisis-banner__description", innerHTML: this.bannerDescription }))), this.linkUrl && (index.h("a", { class: "hy-crisis-banner__link", href: this.linkUrl }, this.linkTitle, index.h("hy-icon", { class: "hy-crisis-banner__link-icon", icon: "hy-icon-arrow-to-right" })))))));
   }
 };
 HyCrisisBanner.style = hyCrisisBannerCss;
@@ -2245,20 +2329,20 @@ const CtaButton = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.variant = utils.CtaLinkButtonVariants.onBlueBkgd;
-    this.linkContent = '';
+    this.linkContent = "";
     this.typeButton = false;
     this.url = undefined;
     this.scLabel = undefined;
     this.isExternal = false;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
   }
   render() {
-    const classAttributes = ['hy-cta-button', this.variant, this.headerstyle].join(' ');
-    const containerClassAttributes = ['hy-cta-button-container'].join(' ');
-    const textClassAttributes = ['text'].join(' ');
-    const iconClassAttributes = ['link-icon'].join(' ');
-    const target = this.isExternal ? '_blank' : '_self';
-    return (index.h("span", { class: containerClassAttributes }, !this.typeButton ? (index.h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target }, index.h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? index.h("slot", null) : this.linkContent), index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 })))) : (index.h("button", { "aria-label": this.scLabel, class: classAttributes }, index.h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? index.h("slot", null) : this.linkContent), index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 }))))));
+    const classAttributes = ["hy-cta-button", this.variant, this.headerstyle].join(" ");
+    const containerClassAttributes = ["hy-cta-button-container"].join(" ");
+    const textClassAttributes = ["text"].join(" ");
+    const iconClassAttributes = ["link-icon"].join(" ");
+    const target = this.isExternal ? "_blank" : "_self";
+    return (index.h("span", { class: containerClassAttributes }, !this.typeButton ? (index.h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target }, index.h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? index.h("slot", null) : this.linkContent), index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 })))) : (index.h("button", { "aria-label": this.scLabel, class: classAttributes }, index.h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? index.h("slot", null) : this.linkContent), index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 }))))));
   }
   get el() { return index.getElement(this); }
 };
@@ -2270,20 +2354,32 @@ const CtaLink = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.variant = utils.CtaLinkVariants.default;
-    this.linkContent = '';
+    this.linkContent = "";
     this.url = undefined;
     this.scLabel = undefined;
     this.isExternal = false;
   }
   render() {
-    const iconClassAttributes = ['hy-cta-link__icon', this.isExternal && 'hy-cta-link__icon--external'].join(' ');
-    const target = this.isExternal ? '_blank' : '_self';
-    return (index.h("a", { "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == utils.CtaLinkVariants.linkList && (index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 }))), index.h("span", null, this.linkContent), this.variant == utils.CtaLinkVariants.default && (index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 })))));
+    const iconClassAttributes = ["hy-cta-link__icon", this.isExternal && "hy-cta-link__icon--external"].join(" ");
+    const target = this.isExternal ? "_blank" : "_self";
+    return (index.h("a", { "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == utils.CtaLinkVariants.linkList && (index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24 }))), index.h("span", null, this.linkContent), this.variant == utils.CtaLinkVariants.default && (index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24 })))));
   }
   get el() { return index.getElement(this); }
 };
 CtaLink.style = ctaLinkCss;
 
+const docsContainerCss = "div.hy-docs-container{display:block;margin:2rem 0}";
+
+const DocsContainer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("div", { class: "hy-docs-container" }, index.h("slot", null)));
+  }
+};
+DocsContainer.style = docsContainerCss;
+
 const hyDropdownCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-dropdown{display:inline-block;min-width:100%;position:relative}@media (min-width: 30rem){.hy-dropdown{min-width:48.3%}}@media (min-width: 75.0625rem){.hy-dropdown{min-width:23.03%}}.hy-dropdown label.hy-dropdown__button-label{font-size:1rem;line-height:20px;font-weight:700;display:block;font-family:var(--main-font-family);letter-spacing:-0.32px;margin-bottom:8px}.hy-dropdown--single .hy-dropdown__panel{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:330px;min-width:100%}.hy-dropdown__toggle{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;height:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 0 0 16px;text-align:left;max-width:280px;width:100%}@media (min-width: 30rem){.hy-dropdown__toggle{font-size:1rem;line-height:24px;min-height:44px}}@media (min-width: 75.0625rem){.hy-dropdown__toggle{min-height:48px}}.hy-dropdown__toggle:hover{border-color:var(--brand-main-light);cursor:pointer}.hy-dropdown__toggle:focus{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}.hy-dropdown__toggle svg{pointer-events:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon{background-color:var(--brand-main-light);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-dropdown__toggle.is-open .hy-dropdown__icon::before{display:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon svg{fill:var(--grayscale-white)}.hy-dropdown__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 16px;position:relative;width:40px}.hy-dropdown__icon::before{border-left:0.5px solid var(--grayscale-medium-dark);content:\"\";display:inline-block;height:65%;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-dropdown__icon{height:44px;width:44px}}@media (min-width: 75.0625rem){.hy-dropdown__icon{height:48px;width:48px}}.hy-dropdown__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-dropdown__icon svg{height:16px;width:16px}}.hy-dropdown__panel{background-color:var(--grayscale-white);-webkit-box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);list-style:none;margin:0;padding:6px;position:absolute;width:100%;z-index:11}.hy-dropdown__panel.is-hidden{display:none;visibility:hidden}.hy-dropdown__panel-item{position:relative}.hy-dropdown__panel-item:not(.is-last){margin-bottom:6px}.hy-dropdown__label{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 16px;text-align:left;width:100%}@media (min-width: 30rem){.hy-dropdown__label{font-size:1rem;line-height:24px}}.hy-dropdown__label-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none !important;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;visibility:hidden;width:40px}.hy-dropdown__checkbox{height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:10}.hy-dropdown__checkbox:checked+label{border-color:var(--grayscale-black);border-style:solid inset solid solid;border-width:2px;color:var(--grayscale-black);outline:0;text-indent:-1px}.hy-dropdown__checkbox:checked+label .hy-dropdown__label-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;visibility:visible}.hy-dropdown__checkbox:hover{cursor:pointer}.hy-dropdown__checkbox:hover+label{border-color:var(--brand-main-light)}.hy-dropdown__checkbox:focus+label{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}";
 
 const HyDropdown = class {
@@ -2291,9 +2387,9 @@ const HyDropdown = class {
     index.registerInstance(this, hostRef);
     this.single = false;
     this.dropdownLabel = null;
-    this.dropdownId = 'dropdownToggle';
+    this.dropdownId = "dropdownToggle";
     this.dropdownOptions = undefined;
-    this.defaultLabel = 'All';
+    this.defaultLabel = "All";
     this.defaultOption = null;
     this.isPanelOpen = false;
     this.isChecked = false;
@@ -2303,7 +2399,7 @@ const HyDropdown = class {
     this._dropdownOptions = await globalScript.jsonParserWorker(this.dropdownOptions);
   }
   componentWillUpdate() {
-    const items = this.el.querySelectorAll('.hy-dropdown__checkbox');
+    const items = this.el.querySelectorAll(".hy-dropdown__checkbox");
     if (items) {
       if ([...items].some((item) => item.checked == true)) {
         this.isChecked = true;
@@ -2317,7 +2413,7 @@ const HyDropdown = class {
     if (!this.single)
       return;
     if (newValue !== oldValue) {
-      const dropdownPanelCheckboxElements = this.el.getElementsByClassName('hy-dropdown__checkbox');
+      const dropdownPanelCheckboxElements = this.el.getElementsByClassName("hy-dropdown__checkbox");
       Array.from(dropdownPanelCheckboxElements).filter((item) => {
         if (item.id == newValue) {
           item.checked = true;
@@ -2333,9 +2429,9 @@ const HyDropdown = class {
   }
   handleClick(event) {
     const dropdownToggleButtonElement = this.el.querySelector(`#${this.dropdownId}`);
-    const dropdownPanelElement = this.el.querySelector('.hy-dropdown__panel');
-    const dropdownPanelCheckboxElements = this.el.querySelectorAll('.hy-dropdown__checkbox');
-    const dropdownToggleButtonIconElement = this.el.querySelector('.hy-dropdown__icon');
+    const dropdownPanelElement = this.el.querySelector(".hy-dropdown__panel");
+    const dropdownPanelCheckboxElements = this.el.querySelectorAll(".hy-dropdown__checkbox");
+    const dropdownToggleButtonIconElement = this.el.querySelector(".hy-dropdown__icon");
     const { target } = event;
     const allowedElements = [
       dropdownToggleButtonElement,
@@ -2351,7 +2447,7 @@ const HyDropdown = class {
   handleSingleClick(event) {
     if (!this.single || !this.isPanelOpen)
       return;
-    const dropdownPanelCheckboxElements = this.el.getElementsByClassName('hy-dropdown__checkbox');
+    const dropdownPanelCheckboxElements = this.el.getElementsByClassName("hy-dropdown__checkbox");
     const allowedElements = [...dropdownPanelCheckboxElements];
     const { target } = event;
     if (!allowedElements.includes(target))
@@ -2375,12 +2471,12 @@ const HyDropdown = class {
   }
   render() {
     const { label: currentLabel, id: currentId, value: currentValue } = this.currentSingle[0];
-    const classAttributes = ['hy-dropdown', this.single ? 'hy-dropdown--single' : ''].join(' ');
+    const classAttributes = ["hy-dropdown", this.single ? "hy-dropdown--single" : ""].join(" ");
     if (this.single) {
-      return (index.h(index.Host, { class: classAttributes }, this.dropdownLabel && (index.h("label", { class: "hy-dropdown__button-label", htmlFor: this.dropdownId }, this.dropdownLabel)), index.h("button", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? 'is-open' : ''}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-haspopup": "true", "aria-controls": "dropdownPanel", onClick: () => this.handlePanelToggle(), "aria-label": `${!this.isPanelOpen ? 'Open' : 'Close'} dropdown`, "data-current-id": currentId, "data-current-value": currentValue, value: currentId, type: "button" }, currentLabel, index.h("hy-icon", { class: "hy-dropdown__icon", icon: 'hy-icon-caret-down', size: 14, "aria-hidden": "true" })), index.h("hy-dropdown-panel", { "checkbox-checked": this.isChecked ? 'true' : 'false', "is-hidden": !this.isPanelOpen }, this._dropdownOptions.map(({ id, label, value }, index$1) => (index.h("hy-dropdown-panel-item", { "dropdown-item-id": id, "dropdown-item-label": label, "dropdown-item-value": value, "is-last": this._dropdownOptions.length - 1 === index$1 }))))));
+      return (index.h(index.Host, { class: classAttributes }, this.dropdownLabel && (index.h("label", { class: "hy-dropdown__button-label", htmlFor: this.dropdownId }, this.dropdownLabel)), index.h("button", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? "is-open" : ""}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-haspopup": "true", "aria-controls": "dropdownPanel", onClick: () => this.handlePanelToggle(), "aria-label": `${!this.isPanelOpen ? "Open" : "Close"} dropdown`, "data-current-id": currentId, "data-current-value": currentValue, value: currentId, type: "button" }, currentLabel, index.h("hy-icon", { class: "hy-dropdown__icon", icon: "hy-icon-caret-down", size: 14, "aria-hidden": "true" })), index.h("hy-dropdown-panel", { "checkbox-checked": this.isChecked ? "true" : "false", "is-hidden": !this.isPanelOpen }, this._dropdownOptions.map(({ id, label, value }, index$1) => (index.h("hy-dropdown-panel-item", { "dropdown-item-id": id, "dropdown-item-label": label, "dropdown-item-value": value, "is-last": this._dropdownOptions.length - 1 === index$1 }))))));
     }
     else {
-      return (index.h(index.Host, { class: classAttributes }, index.h("button", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? 'is-open' : ''}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-haspopup": "true", "aria-controls": "dropdownPanel", onClick: () => this.handlePanelToggle(), "aria-label": `${!this.isPanelOpen ? 'Open' : 'Close'} dropdown`, type: "button" }, this.dropdownLabel && this.dropdownLabel, index.h("hy-icon", { class: "hy-dropdown__icon", icon: 'hy-icon-caret-down', size: 14, "aria-hidden": "true" })), index.h("hy-dropdown-panel", { "checkbox-checked": this.isChecked ? 'true' : 'false', "is-hidden": !this.isPanelOpen }, this._dropdownOptions.map(({ id, label, value }, index$1) => (index.h("hy-dropdown-panel-item", { "dropdown-item-id": id, "dropdown-item-label": label, "dropdown-item-value": value, "is-last": this._dropdownOptions.length - 1 === index$1 }))))));
+      return (index.h(index.Host, { class: classAttributes }, index.h("button", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? "is-open" : ""}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-haspopup": "true", "aria-controls": "dropdownPanel", onClick: () => this.handlePanelToggle(), "aria-label": `${!this.isPanelOpen ? "Open" : "Close"} dropdown`, type: "button" }, this.dropdownLabel && this.dropdownLabel, index.h("hy-icon", { class: "hy-dropdown__icon", icon: "hy-icon-caret-down", size: 14, "aria-hidden": "true" })), index.h("hy-dropdown-panel", { "checkbox-checked": this.isChecked ? "true" : "false", "is-hidden": !this.isPanelOpen }, this._dropdownOptions.map(({ id, label, value }, index$1) => (index.h("hy-dropdown-panel-item", { "dropdown-item-id": id, "dropdown-item-label": label, "dropdown-item-value": value, "is-last": this._dropdownOptions.length - 1 === index$1 }))))));
     }
   }
   get el() { return index.getElement(this); }
@@ -2396,7 +2492,7 @@ const HyDropdownPanel = class {
     this.isHidden = undefined;
   }
   render() {
-    return (index.h("ul", { id: "dropdownPanel", class: `hy-dropdown__panel ${this.isHidden ? 'is-hidden' : ''}`, "aria-hidden": `${this.isHidden || false}`, role: "region", "aria-labelledby": "dropdownToggle" }, index.h("slot", null)));
+    return (index.h("ul", { id: "dropdownPanel", class: `hy-dropdown__panel ${this.isHidden ? "is-hidden" : ""}`, "aria-hidden": `${this.isHidden || false}`, role: "region", "aria-labelledby": "dropdownToggle" }, index.h("slot", null)));
   }
 };
 
@@ -2409,7 +2505,7 @@ const HyDropdownPanelItem = class {
     this.dropdownItemLabel = undefined;
   }
   render() {
-    return (index.h("li", { class: `hy-dropdown__panel-item ${this.isLast ? 'is-last' : ''}` }, index.h("input", { type: "checkbox", class: "hy-dropdown__checkbox", id: `${this.dropdownItemId}`, value: `${this.dropdownItemValue}` }), index.h("label", { class: "hy-dropdown__label", htmlFor: `${this.dropdownItemId}` }, this.dropdownItemLabel, index.h("hy-icon", { class: "hy-dropdown__label-icon", icon: 'hy-icon-done', size: 14, "aria-hidden": "true" }))));
+    return (index.h("li", { class: `hy-dropdown__panel-item ${this.isLast ? "is-last" : ""}` }, index.h("input", { type: "checkbox", class: "hy-dropdown__checkbox", id: `${this.dropdownItemId}`, value: `${this.dropdownItemValue}` }), index.h("label", { class: "hy-dropdown__label", htmlFor: `${this.dropdownItemId}` }, this.dropdownItemLabel, index.h("hy-icon", { class: "hy-dropdown__label-icon", icon: "hy-icon-done", size: 14, "aria-hidden": "true" }))));
   }
 };
 
@@ -2422,7 +2518,7 @@ const HyFilterGroup = class {
     this.filterGroupFilters = undefined;
   }
   arrayDataWatcher(newValue) {
-    if (typeof newValue === 'string') {
+    if (typeof newValue === "string") {
       this._filterGroupFilters = JSON.parse(newValue);
     }
     else {
@@ -2452,7 +2548,7 @@ const HyFilterGroupItem = class {
     this.filterGroupItemLabel = undefined;
   }
   render() {
-    return (index.h("li", { class: "hy-filter-group__filter" }, index.h("button", { type: "button", class: "hy-filter-group__button", "aria-label": `Deselect ${this.filterGroupItemLabel}` }, this.filterGroupItemLabel, index.h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-remove', size: 10, "aria-hidden": "true", fill: utils.ColorVariant.grey_dark })), index.h("slot", null)));
+    return (index.h("li", { class: "hy-filter-group__filter" }, index.h("button", { type: "button", class: "hy-filter-group__button", "aria-label": `Deselect ${this.filterGroupItemLabel}` }, this.filterGroupItemLabel, index.h("hy-icon", { class: "hy-filter-group__button-icon", icon: "hy-icon-remove", size: 10, "aria-hidden": "true", fill: utils.ColorVariant.grey_dark })), index.h("slot", null)));
   }
 };
 
@@ -2466,14 +2562,14 @@ const HyFilterListType = class {
   }
   render() {
     return (index.h("div", { class: "hy-filter__list-type" }, index.h("span", null, this.filterLabel), index.h("button", { type: "button", class: {
-        'hy-filter-item': true,
-        'hy-filter__list-type__list': true,
-        'is-active': this.filterValue == utils.ListStyleVariants.list,
-      }, "aria-label": `${this.filterLabel}--list` }, index.h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-list-style-list', size: 16, "aria-hidden": "true" })), index.h("button", { type: "button", class: {
-        'hy-filter-item': true,
-        'hy-filter__list-type__grid': true,
-        'is-active': this.filterValue == utils.ListStyleVariants.grid,
-      }, "aria-label": `${this.filterLabel}--grid` }, index.h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-list-style-grid', size: 16, "aria-hidden": "true" }))));
+        "hy-filter-item": true,
+        "hy-filter__list-type__list": true,
+        "is-active": this.filterValue == utils.ListStyleVariants.list,
+      }, "aria-label": `${this.filterLabel}--list` }, index.h("hy-icon", { class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-list", size: 16, "aria-hidden": "true" })), index.h("button", { type: "button", class: {
+        "hy-filter-item": true,
+        "hy-filter__list-type__grid": true,
+        "is-active": this.filterValue == utils.ListStyleVariants.grid,
+      }, "aria-label": `${this.filterLabel}--grid` }, index.h("hy-icon", { class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-grid", size: 16, "aria-hidden": "true" }))));
   }
 };
 HyFilterListType.style = hyFilterListTypeCss;
@@ -2487,9 +2583,9 @@ const HyFilterVisibilityTool = class {
   }
   render() {
     switch (this.filterVisibilityToolType) {
-      case 'toggle':
+      case "toggle":
         return (index.h(index.Host, null, index.h("hy-filter-visibility-tool-toggle", null)));
-      case 'reset':
+      case "reset":
         return (index.h(index.Host, null, index.h("hy-filter-visibility-tool-reset", null)));
     }
   }
@@ -2501,7 +2597,7 @@ const HyFilterVisibilityToolReset = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    return (index.h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--reset", type: "button" }, index.h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: 'hy-icon-remove', size: 14, "aria-hidden": "true" }), "Reset filters"));
+    return (index.h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--reset", type: "button" }, index.h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: "hy-icon-remove", size: 14, "aria-hidden": "true" }), "Reset filters"));
   }
 };
 
@@ -2510,7 +2606,7 @@ const HyFilterVisibilityToolToggle = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    return (index.h(index.Host, null, index.h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-more", type: "button" }, index.h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: 'hy-icon-plus', size: 12, "aria-hidden": "true" }), "Show more filters"), index.h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-less", type: "button" }, index.h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: 'hy-icon-minus', size: 12, "aria-hidden": "true" }), "Show less filters")));
+    return (index.h(index.Host, null, index.h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-more", type: "button" }, index.h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: "hy-icon-plus", size: 12, "aria-hidden": "true" }), "Show more filters"), index.h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-less", type: "button" }, index.h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: "hy-icon-minus", size: 12, "aria-hidden": "true" }), "Show less filters")));
   }
 };
 
@@ -2521,8 +2617,8 @@ const HyFooter = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    const classAttributes = ['hy-footer'];
-    return (index.h("footer", { class: classAttributes.join(' ') }, index.h("slot", null)));
+    const classAttributes = ["hy-footer"];
+    return (index.h("footer", { class: classAttributes.join(" ") }, index.h("slot", null)));
   }
 };
 HyFooter.style = hyFooterCss;
@@ -2540,15 +2636,15 @@ const HyFooterAction = class {
     clearTimeout(scrollTimeout$1);
   }
   scrollTop() {
-    const hyLogo = document.querySelector('.hy-site-logo a');
-    window.scrollTo({ top: 0, behavior: 'smooth' });
+    const hyLogo = document.querySelector(".hy-site-logo a");
+    window.scrollTo({ top: 0, behavior: "smooth" });
     scrollTimeout$1 = window.setTimeout(() => {
       hyLogo.focus();
     }, 500);
   }
   render() {
-    const classAttributes = ['hy-footer-action'].join(' ');
-    return (index.h(index.Host, { class: classAttributes }, index.h("span", { class: 'hy-footer-action__updated-text' }, this.updatedText), this.upButtonLabel && (index.h("span", { class: "hy-footer-action__scroll-up" }, index.h("label", { id: "up-label", htmlFor: "scroll-up" }, this.upButtonLabel), index.h("button", { name: "scroll-up", "aria-labelledby": "up-label", onClick: () => this.scrollTop(), class: "hy-footer-action__up-button", type: "button" }, index.h("hy-icon", { class: 'hy-footer-action__up-icon', icon: 'hy-icon-arrow-up', size: 26 }))))));
+    const classAttributes = ["hy-footer-action"].join(" ");
+    return (index.h(index.Host, { class: classAttributes }, index.h("span", { class: "hy-footer-action__updated-text" }, this.updatedText), this.upButtonLabel && (index.h("span", { class: "hy-footer-action__scroll-up" }, index.h("label", { id: "up-label", htmlFor: "scroll-up" }, this.upButtonLabel), index.h("button", { name: "scroll-up", "aria-labelledby": "up-label", onClick: () => this.scrollTop(), class: "hy-footer-action__up-button", type: "button" }, index.h("hy-icon", { class: "hy-footer-action__up-icon", icon: "hy-icon-arrow-up", size: 26 }))))));
   }
 };
 HyFooterAction.style = hyFooterActionCss;
@@ -2573,7 +2669,7 @@ const HyFooterBase = class {
   }
   render() {
     const logoColor = utils.ColorVariant.white;
-    const classAttributes = ['hy-footer-base--content-container'].join(' ');
+    const classAttributes = ["hy-footer-base--content-container"].join(" ");
     const links = this._dataFooterBaseLinks;
     const some = this._dataFooterBaseSome;
     return (index.h(index.Host, { class: classAttributes }, index.h("div", { class: "hy-footer-base" }, index.h("div", { class: "hy-footer-base__left" }, index.h("div", { class: "hy-footer-base__logo" }, index.h("hy-site-logo", { type: utils.FooterVariant.footer, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel })), index.h("div", { class: "hy-footer-base__content" }, index.h("slot", { name: "content" })), index.h("div", { class: "hy-footer-base__some" }, index.h("span", { class: "hy-footer-base__some__label" }, this.someLabel), index.h("div", { class: "hy-footer-base__some__items" }, some &&
@@ -3594,37 +3690,37 @@ const HyFooterInfo = class {
     const luomusFooterContentItems = this._dataLuomusFooterContent;
     const variant = this.isGroup ? utils.FooterLinkVariants.group : utils.FooterLinkVariants.campus;
     const section = this.isGroup ? utils.HeadingSectionVariants.groupFooterInfo : utils.HeadingSectionVariants.defaultFooterInfo;
-    const footerLinkItemClass = this.isGroup ? 'group' : 'campus';
+    const footerLinkItemClass = this.isGroup ? "group" : "campus";
     const scLabel = this.linkScLabel && this.linkScLabel.length > 0 ? this.linkScLabel : this.linkText;
     const logoColor = utils.ColorVariant.white;
     const linksColor = this.isLuomusGroup ? utils.FooterLinkItemColor.white : utils.FooterLinkItemColor.black;
     return (index.h(index.Host, { class: {
-        'hy-footer-info': true,
+        "hy-footer-info": true,
         luomus: this.isLuomusGroup,
       } }, index.h("div", { class: {
-        'hy-footer-info__content': true,
-        'is-group': this.isGroup,
-      } }, !this.isLuomusGroup && (index.h("hy-heading", { heading: utils.HeadingVarians.h2, section: section }, this.textTitle)), this.isLuomusGroup && (index.h("div", { class: "hy-footer-info__logo" }, index.h("hy-site-logo", { type: utils.FooterVariant.footer, isGroup: this.isGroup, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.isLuomusGroup && (index.h("div", { class: 'hy-footer-info__branding' }, index.h("a", { href: this.groupLogoUrl }, index.h("img", { src: this.groupLogoUrl, alt: 'Luomus logo' })))), !this.isLuomusGroup && (index.h("div", { class: {
-        'hy-footer-info__ingress': true,
-        'is-group': this.isGroup,
+        "hy-footer-info__content": true,
+        "is-group": this.isGroup,
+      } }, !this.isLuomusGroup && (index.h("hy-heading", { heading: utils.HeadingVarians.h2, section: section }, this.textTitle)), this.isLuomusGroup && (index.h("div", { class: "hy-footer-info__logo" }, index.h("hy-site-logo", { type: utils.FooterVariant.footer, isGroup: this.isGroup, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.isLuomusGroup && (index.h("div", { class: "hy-footer-info__branding" }, index.h("a", { href: this.groupLogoUrl }, index.h("img", { src: this.groupLogoUrl, alt: "Luomus logo" })))), !this.isLuomusGroup && (index.h("div", { class: {
+        "hy-footer-info__ingress": true,
+        "is-group": this.isGroup,
       }, innerHTML: this.textDescription })), !this.isLuomusGroup && this.linkUrl && (index.h("hy-cta-button", { "link-content": this.linkText, "sc-label": scLabel, "is-external": this.linkIsExternal, url: this.linkUrl, variant: utils.CtaLinkButtonVariants.onWhiteBkgd })), this.isLuomusGroup &&
       luomusFooterContentItems &&
       luomusFooterContentItems.map((item) => {
         return (index.h("div", { class: "luomus-footer-content" }, index.h("a", { href: item.url, class: "luomus-footer-content__link" }, item.heading), item.content && index.h("div", { class: "luomus-footer-content__description", innerHTML: item.content })));
       })), this.isMobile && this.isGroup === false ? (index.h("div", { class: {
-        'hy-footer-info__links': true,
-        'is-group': this.isGroup,
+        "hy-footer-info__links": true,
+        "is-group": this.isGroup,
         luomus: this.isLuomusGroup,
-      } }, index.h("hy-accordion-container", { accordionid: 'test' }, links &&
+      } }, index.h("hy-accordion-container", { accordionid: "test" }, links &&
       links.map((link) => {
         return (index.h("hy-accordion-item", { accordiontitle: link.label }, index.h("hy-footer-link-item", { class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile })));
       })))) : (index.h("div", { class: {
-        'hy-footer-info__links': true,
-        'is-group': this.isGroup,
+        "hy-footer-info__links": true,
+        "is-group": this.isGroup,
         luomus: this.isLuomusGroup,
       } }, links &&
       links.map((link) => {
-        const external_link = link.isExternal === 'external';
+        const external_link = link.isExternal === "external";
         return (index.h("hy-footer-link-item", { "is-luomus-group": this.isLuomusGroup, class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "is-external": external_link, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile }));
       })))));
   }
@@ -3649,43 +3745,43 @@ const HyFooterLinkItem = class {
   }
   render() {
     const containerClassAttributes = [
-      'hy-footer-link-item--container',
+      "hy-footer-link-item--container",
       `hy-footer-link-item__${this.variant}`,
-      this.items && 'hy-footer-link-item__has-children',
-    ].join(' ');
+      this.items && "hy-footer-link-item__has-children",
+    ].join(" ");
     const classAttributes = [
-      'hy-footer-link-item',
-      this.mainLink && 'hy-footer-link-item__main',
+      "hy-footer-link-item",
+      this.mainLink && "hy-footer-link-item__main",
       `hy-footer-link-item__color-${this.color}`,
-    ].join(' ');
+    ].join(" ");
     const headingClassAttributes = [
-      'hy-footer-link-item',
-      'hy-footer-link-item__heading',
-      this.mainLink && 'hy-footer-link-item__main',
+      "hy-footer-link-item",
+      "hy-footer-link-item__heading",
+      this.mainLink && "hy-footer-link-item__main",
       `hy-footer-link-item__heading__color-${this.color}`,
-    ].join(' ');
+    ].join(" ");
     const linkClassAttributes = [
-      'hy-footer-link-item',
+      "hy-footer-link-item",
       `hy-footer-link-item__color-${this.color}`,
-      this.isLuomusGroup ? `luomus` : '',
-    ].join(' ');
+      this.isLuomusGroup ? `luomus` : "",
+    ].join(" ");
     if (this.items) {
       if (this.isMobile && this.variant !== utils.FooterLinkVariants.group) {
         return (index.h("div", { class: containerClassAttributes }, this.items.map((item) => {
-          const target = item.isExternal === 'external' ? '_blank' : '_self';
-          return (index.h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, index.h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
+          const target = item.isExternal === "external" ? "_blank" : "_self";
+          return (index.h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, index.h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
         })));
       }
       else {
-        return (index.h("div", { class: containerClassAttributes }, index.h("hy-heading", { class: headingClassAttributes, heading: utils.HeadingVarians.h3 }, this.url.length > 0 && (index.h("a", { class: 'hy-footer-link-item__link', href: this.url, style: { color: this.color } }, this.label)), this.url.length == 0 && index.h("div", { class: 'hy-footer-link-item__link' }, this.label)), this.items.map((item) => {
-          const target = item.isExternal === 'external' ? '_blank' : '_self';
-          return (index.h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, index.h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
+        return (index.h("div", { class: containerClassAttributes }, index.h("hy-heading", { class: headingClassAttributes, heading: utils.HeadingVarians.h3 }, this.url.length > 0 && (index.h("a", { class: "hy-footer-link-item__link", href: this.url, style: { color: this.color } }, this.label)), this.url.length == 0 && index.h("div", { class: "hy-footer-link-item__link" }, this.label)), this.items.map((item) => {
+          const target = item.isExternal === "external" ? "_blank" : "_self";
+          return (index.h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, index.h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
         })));
       }
     }
     else {
-      const target = this.isExternal ? '_blank' : '_self';
-      return (index.h("a", { class: classAttributes, href: this.url, style: { color: this.color }, target: target }, this.label, index.h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
+      const target = this.isExternal ? "_blank" : "_self";
+      return (index.h("a", { class: classAttributes, href: this.url, style: { color: this.color }, target: target }, this.label, index.h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
     }
   }
 };
@@ -3705,9 +3801,9 @@ const HyGeneralList = class {
   }
   async componentWillLoad() {
     this._dataItems = await globalScript.jsonParserWorker(this.dataItems);
-    const hyMainDiv = this.el.closest('.hy-main');
+    const hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (hyMainDiv.classList.contains('with-sidebar')) {
+      if (hyMainDiv.classList.contains("with-sidebar")) {
         this.hasSidebar = true;
       }
     }
@@ -3719,16 +3815,16 @@ const HyGeneralList = class {
   }
   render() {
     const classAttributes = [
-      'hy-general-list',
-      this.hasSidebar ? 'hy-general-list--with-sidebar' : '',
+      "hy-general-list",
+      this.hasSidebar ? "hy-general-list--with-sidebar" : "",
       `hy-general-list--style-${this.type}`,
-    ].join(' ');
+    ].join(" ");
     let listData = this._dataItems;
-    if (typeof this._dataItems === 'object') {
+    if (typeof this._dataItems === "object") {
       listData = Object.values(this._dataItems);
     }
     function truncate(str, n) {
-      return str.length > n ? str.substr(0, n - 1) + '...' : str;
+      return str.length > n ? str.substr(0, n - 1) + "..." : str;
     }
     return (index.h(index.Host, null, index.h("ul", { class: classAttributes }, listData &&
       listData.map((item) => (index.h("li", null, index.h("hy-general-list-item", { "has-sidebar": this.hasSidebar, target: this.blank, "data-location": item.url, description: this.truncateDescription ? truncate(item.description, this.truncateLimit) : item.description, id: item.id, imageAlt: item.imageAlt, imageUrl: item.imageUrl, "item-title": item.title, label: item.label, "sub-label": item.subLabel, tag: item.tag, date: item.date, type: item.type, url: item.url, "list-style": this.type }))))), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
@@ -3747,41 +3843,90 @@ const HyGeneralListItem = class {
     index.registerInstance(this, hostRef);
     this.hasSidebar = true;
     this.description = undefined;
-    this.imageAlt = '';
+    this.imageAlt = "";
     this.imageUrl = null;
     this.disableLazy = false;
     this.itemTitle = undefined;
     this.label = undefined;
-    this.subLabel = '';
-    this.date = '';
-    this.tag = '';
+    this.subLabel = "";
+    this.date = "";
+    this.tag = "";
     this.type = undefined;
     this.url = undefined;
     this.listStyle = undefined;
     this.target = true;
   }
   render() {
-    const classAttributes = ['hy-general-list-item', `hy-general-list-item--style-${this.listStyle}`].join(' ');
-    const contentClassAttributes = ['hy-general-list-item__text-container'].join(' ');
-    const imageClassAttributes = ['hy-general-list-item__image-container'].join(' ');
-    const sidebarClass = this.hasSidebar ? 'common' : 'large';
-    const titleClassAttributes = ['hy-general-list-item__title', `hy-general-list-item__title__${sidebarClass}`].join(' ');
+    const classAttributes = ["hy-general-list-item", `hy-general-list-item--style-${this.listStyle}`].join(" ");
+    const contentClassAttributes = ["hy-general-list-item__text-container"].join(" ");
+    const imageClassAttributes = ["hy-general-list-item__image-container"].join(" ");
+    const sidebarClass = this.hasSidebar ? "common" : "large";
+    const titleClassAttributes = ["hy-general-list-item__title", `hy-general-list-item__title__${sidebarClass}`].join(" ");
     const descriptionClassAttributes = [
-      'hy-general-list-item__description',
+      "hy-general-list-item__description",
       `hy-general-list-item__description__${sidebarClass}`,
-    ].join(' ');
+    ].join(" ");
     const aspectRatioWidth = 16;
     const aspectRatioHeight = 10;
     const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
     const aspectRatio = {
-      '--aspectRatio': `${aspect}%`,
+      "--aspectRatio": `${aspect}%`,
     };
-    return (index.h("article", { class: classAttributes }, index.h("a", { class: "hy-general-list-item__link", href: this.url, target: this.target ? '_blank' : '_self' }, this.type && (index.h("div", { class: "hy-general-list-item__type" }, index.h("span", { class: "hy-general-list-item__type__major" }, this.label), index.h("span", { class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (index.h("figure", { class: imageClassAttributes, style: aspectRatio }, index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), index.h("div", { class: contentClassAttributes }, (this.tag || this.date) && (index.h("span", { class: "hy-genenral-list-item__meta" }, this.tag, index.h("span", { class: "hy-genenral-list-item__meta__date" }, this.tag && '|', " ", this.date))), index.h("h3", { class: titleClassAttributes }, this.itemTitle), index.h("p", { class: descriptionClassAttributes }, this.description)))));
+    return (index.h("article", { class: classAttributes }, index.h("a", { class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (index.h("div", { class: "hy-general-list-item__type" }, index.h("span", { class: "hy-general-list-item__type__major" }, this.label), index.h("span", { class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (index.h("figure", { class: imageClassAttributes, style: aspectRatio }, index.h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), index.h("div", { class: contentClassAttributes }, (this.tag || this.date) && (index.h("span", { class: "hy-genenral-list-item__meta" }, this.tag, index.h("span", { class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), index.h("h3", { class: titleClassAttributes }, this.itemTitle), index.h("p", { class: descriptionClassAttributes }, this.description)))));
   }
   get el() { return index.getElement(this); }
 };
 HyGeneralListItem.style = hyGeneralListItemCss;
 
+const gridContainerCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-grid--container{display:block;width:100%;margin-left:auto;margin-right:auto}@media only screen and (min-width: 30rem){.hy-grid--container{width:100%}}@media only screen and (min-width: 60rem){.hy-grid--container{width:100%;max-width:60rem}}@media only screen and (min-width: 75.0625rem){.hy-grid--container{width:100%;max-width:75rem}}@media only screen and (min-width: 1601px){.hy-grid--container{width:100%;max-width:90rem}}";
+
+const GridContainer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    const classAttributes = ["hy-grid--container"];
+    return (index.h("div", { class: classAttributes.join(" ") }, index.h("slot", null)));
+  }
+};
+GridContainer.style = gridContainerCss;
+
+const gridItemCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-grid-align__left{text-align:left}.hy-grid-align__right{text-align:right}.hy-grid-align__center{text-align:center;margin-left:auto;margin-right:auto}.hy-grid-justify{text-align:justify}.hy-grid-hidden-sm{display:none}.hy-grid__col-1,.hy-grid__col-2,.hy-grid__col-3,.hy-grid__col-4,.hy-grid__col-5,.hy-grid__col-6,.hy-grid__col-7,.hy-grid__col-8,.hy-grid__col-9,.hy-grid__col-10,.hy-grid__col-11,.hy-grid__col-12{width:98%}.hy-grid__col-1-sm{width:6.3333333333%}.hy-grid__col-2-sm{width:14.6666666667%}.hy-grid__col-3-sm{width:23%}.hy-grid__col-4-sm{width:31.3333333333%}.hy-grid__col-5-sm{width:39.6666666667%}.hy-grid__col-6-sm{width:48%}.hy-grid__col-7-sm{width:56.3333333333%}.hy-grid__col-8-sm{width:64.6666666667%}.hy-grid__col-9-sm{width:73%}.hy-grid__col-10-sm{width:81.3333333333%}.hy-grid__col-11-sm{width:89.6666666667%}.hy-grid__col-12-sm{width:98%}@media only screen and (min-width: 48em){.hy-grid__col-1{width:6.3333333333%}.hy-grid__col-2{width:14.6666666667%}.hy-grid__col-3{width:23%}.hy-grid__col-4{width:31.3333333333%}.hy-grid__col-5{width:39.6666666667%}.hy-grid__col-6{width:48%}.hy-grid__col-7{width:56.3333333333%}.hy-grid__col-8{width:64.6666666667%}.hy-grid__col-9{width:73%}.hy-grid__col-10{width:81.3333333333%}.hy-grid__col-11{width:89.6666666667%}.hy-grid__col-12{width:98%}.hidden-sm{display:block}}@media only screen and (min-width: 60em){.hy-grid__col-1-lg{width:6.3333333333%}.hy-grid__col-2-lg{width:14.6666666667%}.hy-grid__col-3-lg{width:23%}.hy-grid__col-4-lg{width:31.3333333333%}.hy-grid__col-5-lg{width:39.6666666667%}.hy-grid__col-6-lg{width:48%}.hy-grid__col-7-lg{width:56.3333333333%}.hy-grid__col-8-lg{width:64.6666666667%}.hy-grid__col-9-lg{width:73%}.hy-grid__col-10-lg{width:81.3333333333%}.hy-grid__col-11-lg{width:89.6666666667%}.hy-grid__col-12-lg{width:98%}}";
+
+const GridItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.columns = utils.GridColumns.default;
+    this.columnssm = utils.GridColumnsSm.default;
+    this.columnslg = utils.GridColumnsLg.default;
+    this.contentalign = utils.GridAlignVariants.default;
+  }
+  render() {
+    const classAttributes = [
+      "hy-grid-item",
+      `hy-grid__col-${this.columnssm}-sm`,
+      `hy-grid__col-${this.columns}`,
+      `hy-grid__col-${this.columnslg}-lg`,
+      `hy-grid-align__${this.contentalign}`,
+    ];
+    return (index.h(index.Host, { class: classAttributes.join(" ") }, index.h("slot", null)));
+  }
+};
+GridItem.style = gridItemCss;
+
+const gridRowCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-grid__row{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;width:100%}.hy-grid__row>[class^=hy-grid-item]{float:left;margin:0.5rem 1%;min-height:0.125rem}@media (min-width: 30rem){.hy-grid__row>[class^=hy-grid-item]{margin:1%}}.hy-grid__row::after{content:\"\";display:table;clear:both}";
+
+const GridRow = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    const classAttributes = ["hy-grid__row"];
+    return (index.h(index.Host, { class: classAttributes.join(" ") }, index.h("slot", null)));
+  }
+};
+GridRow.style = gridRowCss;
+
 const defaultHeadingCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-heading__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%}@media (min-width: 30rem){.hy-heading__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-heading__container__subsection{padding:2.5rem 0 1.375rem}@media (min-width: 30rem){.hy-heading__container__subsection{padding:4rem 0 2.375rem}}.hy-heading__container h1.hy-heading__default{margin-bottom:12px}@media (min-width: 1601px){.hy-heading__container h1.hy-heading__default{margin-bottom:16px}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__default__large{margin-bottom:16px}}.hy-heading__container h1.hy-heading__search{margin-bottom:0;padding:16px 0 0}@media (min-width: 30rem){.hy-heading__container h1.hy-heading__search{padding:28px 0 0}}@media (min-width: 60rem){.hy-heading__container h1.hy-heading__search{padding:32px 0 0}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__search__large{padding:40px 0 0}}.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:1.5rem 0 1rem}@media (min-width: 30rem){.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:2rem 0 1rem}}.hy-heading__container.hy-heading__introduction{padding-top:0}.hy-heading__container .hy-heading__courses{padding-top:0}.hy-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-heading__subsection--divider,.hy-heading__contentsection--divider{-ms-flex-negative:2;flex-shrink:2;overflow:hidden;width:100%}.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{background-color:transparent;border-bottom:6px solid var(--grayscale-dark);content:\" \";display:-webkit-box;display:-ms-flexbox;display:flex;height:2px;width:100%;margin-left:0;margin-bottom:0.5rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{margin-left:2rem;border-bottom:1px solid var(--grayscale-dark);margin-bottom:1rem}}h2.hy-heading__introduction,h2.hy-heading__landingsection{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}h1.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 12px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 1rem}}.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:40px}}.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__common h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 1rem}}@media (min-width: 1601px){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 20px}}.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:40px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__landing_minor{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__frontpage,.hy-heading__container__large h1.hy-heading__landing_major{font-size:3.5rem;line-height:64px;letter-spacing:-1.4px}}.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__large h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-heading__landingsection{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}@media (min-width: 30rem){h3.hy-heading__landingsection{font-size:2rem;line-height:32px;letter-spacing:-1px}}@media (min-width: 75.0625rem){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}@media (min-width: 1601px){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}h1,h2,h3,h4,h5,h6{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-weight:700;padding:0;margin:0;width:100%}h1.negative,h2.negative,h3.negative,h4.negative,h5.negative,h6.negative{color:var(--grayscale-white)}h1{font-size:2rem;line-height:38px;letter-spacing:-0.8px;text-transform:uppercase}@media (min-width: 30rem){h1{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}h2{font-size:1.625rem;line-height:32px;font-weight:700;letter-spacing:-0.52px}@media (min-width: 30rem){h2{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.hy-heading__container__common h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px}@media (min-width: 30rem){h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}}h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}@media (min-width: 30rem){h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px}}h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px}@media (min-width: 30rem){h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}}h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px}@media (min-width: 30rem){h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}";
 
 const wideHeadingFwCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-heading__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%}@media (min-width: 30rem){.hy-heading__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-heading__container__subsection{padding:2.5rem 0 1.375rem}@media (min-width: 30rem){.hy-heading__container__subsection{padding:4rem 0 2.375rem}}.hy-heading__container h1.hy-heading__default{margin-bottom:12px}@media (min-width: 1601px){.hy-heading__container h1.hy-heading__default{margin-bottom:16px}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__default__large{margin-bottom:16px}}.hy-heading__container h1.hy-heading__search{margin-bottom:0;padding:16px 0 0}@media (min-width: 30rem){.hy-heading__container h1.hy-heading__search{padding:28px 0 0}}@media (min-width: 60rem){.hy-heading__container h1.hy-heading__search{padding:32px 0 0}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__search__large{padding:40px 0 0}}.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:1.5rem 0 1rem}@media (min-width: 30rem){.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:2rem 0 1rem}}.hy-heading__container.hy-heading__introduction{padding-top:0}.hy-heading__container .hy-heading__courses{padding-top:0}.hy-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-heading__subsection--divider,.hy-heading__contentsection--divider{-ms-flex-negative:2;flex-shrink:2;overflow:hidden;width:100%}.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{background-color:transparent;border-bottom:6px solid var(--grayscale-dark);content:\" \";display:-webkit-box;display:-ms-flexbox;display:flex;height:2px;width:100%;margin-left:0;margin-bottom:0.5rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{margin-left:2rem;border-bottom:1px solid var(--grayscale-dark);margin-bottom:1rem}}h2.hy-heading__introduction,h2.hy-heading__landingsection{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}h1.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 12px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 1rem}}.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:40px}}.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__common h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 1rem}}@media (min-width: 1601px){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 20px}}.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:40px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__landing_minor{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__frontpage,.hy-heading__container__large h1.hy-heading__landing_major{font-size:3.5rem;line-height:64px;letter-spacing:-1.4px}}.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__large h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-heading__landingsection{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}@media (min-width: 30rem){h3.hy-heading__landingsection{font-size:2rem;line-height:32px;letter-spacing:-1px}}@media (min-width: 75.0625rem){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}@media (min-width: 1601px){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}h1,h2,h3,h4,h5,h6{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-weight:700;padding:0;margin:0;width:100%}h1.negative,h2.negative,h3.negative,h4.negative,h5.negative,h6.negative{color:var(--grayscale-white)}h1{font-size:2rem;line-height:38px;letter-spacing:-0.8px;text-transform:uppercase}@media (min-width: 30rem){h1{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}h2{font-size:1.625rem;line-height:32px;font-weight:700;letter-spacing:-0.52px}@media (min-width: 30rem){h2{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.hy-heading__container__common h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px}@media (min-width: 30rem){h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}}h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}@media (min-width: 30rem){h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px}}h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px}@media (min-width: 30rem){h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}}h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px}@media (min-width: 30rem){h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}h1{font-size:80px;font-weight:bold;text-transform:uppercase;line-height:1.2}";
@@ -3793,41 +3938,41 @@ const Heading = class {
     this.isSearch = false;
     this.section = utils.HeadingSectionVariants.default;
     this.negative = false;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.hyphenatedText = undefined;
     this.hasChildren = true;
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
-    if (this.el.parentElement.classList.contains('hy-hero__title-container')) {
+    if (this.el.parentElement.classList.contains("hy-hero__title-container")) {
       this.hasChildren = false;
     }
   }
   render() {
     const headingInVariants = this.heading in utils.HeadingVarians;
     const classAttributes = [
-      'hy-heading',
-      this.negative ? 'negative' : '',
-      this.isSearch ? 'hy-heading__search' : '',
-      this.isSearch ? `hy-heading__search__${this.headerstyle}` : '',
+      "hy-heading",
+      this.negative ? "negative" : "",
+      this.isSearch ? "hy-heading__search" : "",
+      this.isSearch ? `hy-heading__search__${this.headerstyle}` : "",
       `hy-heading__${this.section}`,
       `hy-heading__${this.headerstyle}`,
       `hy-heading__${this.section}__${this.headerstyle}`,
     ];
-    const sectionClassAttributes = [`hy-heading__${this.section}--divider`].join(' ');
+    const sectionClassAttributes = [`hy-heading__${this.section}--divider`].join(" ");
     const containerSectionClass = [
-      'hy-heading__container',
+      "hy-heading__container",
       `hy-heading__container__${this.section}`,
       `hy-heading__container__${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     return (index.h(index.Host, null, headingInVariants ? ([
-      index.h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (index.h(this.heading, { class: classAttributes.join(' '), innerHTML: this.hyphenatedText })) : (index.h(this.heading, { class: classAttributes.join(' ') }, index.h("slot", null))), index.h("span", { class: sectionClassAttributes })),
-    ]) : (index.h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (index.h(utils.HeadingVarians.default, { class: classAttributes.join(' ') }, index.h("span", { innerHTML: this.hyphenatedText }))) : (index.h(utils.HeadingVarians.default, { class: classAttributes.join(' ') }, index.h("span", null, index.h("slot", null)))), index.h("span", { class: sectionClassAttributes })))));
+      index.h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (index.h(this.heading, { class: classAttributes.join(" "), innerHTML: this.hyphenatedText })) : (index.h(this.heading, { class: classAttributes.join(" ") }, index.h("slot", null))), index.h("span", { class: sectionClassAttributes })),
+    ]) : (index.h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (index.h(utils.HeadingVarians.default, { class: classAttributes.join(" ") }, index.h("span", { innerHTML: this.hyphenatedText }))) : (index.h(utils.HeadingVarians.default, { class: classAttributes.join(" ") }, index.h("span", null, index.h("slot", null)))), index.h("span", { class: sectionClassAttributes })))));
   }
   get el() { return index.getElement(this); }
 };
@@ -3848,7 +3993,7 @@ const HyHero = class {
     this.colorVariant = utils.HeroColorVariant.blue;
     this.sizeVariant = utils.HeroSizeVariant.large;
     this.image = undefined;
-    this.imageAltText = '';
+    this.imageAltText = "";
     this.disableLazy = false;
     this.hasShortcuts = false;
     this.heading = undefined;
@@ -3863,21 +4008,21 @@ const HyHero = class {
     this._sourceSet = await globalScript.jsonParserWorker(this.sourceSet);
   }
   handleHeroImageObjectFitValue(heroSizeVariant, heroElement) {
-    const heroContentContainerElement = heroElement.getElementsByClassName('hy-hero__content-container')[0];
-    if (heroSizeVariant === 'small') {
+    const heroContentContainerElement = heroElement.getElementsByClassName("hy-hero__content-container")[0];
+    if (heroSizeVariant === "small") {
       if (heroContentContainerElement.offsetHeight >= 300) {
-        heroElement.classList.add('has-cover');
+        heroElement.classList.add("has-cover");
       }
       else {
-        heroElement.classList.remove('has-cover');
+        heroElement.classList.remove("has-cover");
       }
     }
-    if (heroSizeVariant === 'large') {
+    if (heroSizeVariant === "large") {
       if (heroContentContainerElement.offsetHeight >= 344) {
-        heroElement.classList.add('has-cover');
+        heroElement.classList.add("has-cover");
       }
       else {
-        heroElement.classList.remove('has-cover');
+        heroElement.classList.remove("has-cover");
       }
     }
   }
@@ -3885,7 +4030,7 @@ const HyHero = class {
     let variant = utils.CtaLinkButtonVariants.heroWhite;
     let colorVariantValue = this.colorVariant;
     let heroTypeValue = this.heroType;
-    if (this.heroType === 'minor_landing') {
+    if (this.heroType === "minor_landing") {
       colorVariantValue = utils.HeroColorVariant.white;
       heroTypeValue = utils.HeroTypeVariant.landing;
     }
@@ -3895,41 +4040,41 @@ const HyHero = class {
     if (colorVariantValue === utils.HeroColorVariant.black) {
       variant = utils.CtaLinkButtonVariants.heroBlack;
     }
-    if (!colorVariantValue || colorVariantValue === 'fp_white') {
+    if (!colorVariantValue || colorVariantValue === "fp_white") {
       colorVariantValue = utils.HeroColorVariant.white;
     }
     const hyHeroClasses = [
-      'hy-hero',
+      "hy-hero",
       `hy-hero--${heroTypeValue}`,
       `hy-hero--${this.heroGroupType}`,
       `hy-hero--${colorVariantValue}`,
       `hy-hero--${this.sizeVariant}`,
     ];
-    const heroTitleClasses = ['hy-hero__title', 'hy-heading__hero'].join(' ');
+    const heroTitleClasses = ["hy-hero__title", "hy-heading__hero"].join(" ");
     // If there is a Shortcuts block after hero, add the class 'shortcuts' to remove underline.
     if (this.hasShortcuts) {
-      hyHeroClasses.push('has-shortcuts');
+      hyHeroClasses.push("has-shortcuts");
     }
     const aspectRatioWidth = 16;
     const aspectRatioHeight = 10;
     const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
     const aspectRatio = {
-      '--aspectRatio': `${aspect}%`,
+      "--aspectRatio": `${aspect}%`,
     };
     window.onload = () => {
-      const heroElement = document.getElementsByClassName('hy-hero')[0];
+      const heroElement = document.getElementsByClassName("hy-hero")[0];
       this.handleHeroImageObjectFitValue(this.sizeVariant, heroElement);
-      window.addEventListener('resize', () => {
+      window.addEventListener("resize", () => {
         clearTimeout(timeout);
         timeout = setTimeout(() => this.handleHeroImageObjectFitValue(this.sizeVariant, heroElement), delay);
       });
     };
-    if (heroTypeValue === 'front_page') {
-      return (index.h(index.Host, null, index.h("div", { class: hyHeroClasses.join(' ') }, index.h("div", { class: `hy-hero__container` }, index.h("div", { class: `hy-hero__image-container`, style: aspectRatio }, this.image &&
-        (this._sourceSet ? (index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))), index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAltText, class: `hy-image__image`, src: this.image }))) : (index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAltText, class: `hy-image__image`, src: this.image })))), index.h("div", { class: `hy-hero__spacer-box` }), index.h("div", { class: `hy-hero__content-container` }, index.h("div", { class: `hy-hero__content` }, index.h("div", { class: `hy-hero__title-container` }, index.h("h2", { innerHTML: this.heading, class: heroTitleClasses })), this.description && index.h("p", { class: `hy-hero__description` }, this.description), this.url && (index.h("div", { class: `hy-hero__actions` }, index.h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant }))))))), index.h("hy-box", { mb: "2, 2, 1, 1" })));
+    if (heroTypeValue === "front_page") {
+      return (index.h(index.Host, null, index.h("div", { class: hyHeroClasses.join(" ") }, index.h("div", { class: `hy-hero__container` }, index.h("div", { class: `hy-hero__image-container`, style: aspectRatio }, this.image &&
+        (this._sourceSet ? (index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), index.h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAltText, class: `hy-image__image`, src: this.image }))) : (index.h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAltText, class: `hy-image__image`, src: this.image })))), index.h("div", { class: `hy-hero__spacer-box` }), index.h("div", { class: `hy-hero__content-container` }, index.h("div", { class: `hy-hero__content` }, index.h("div", { class: `hy-hero__title-container` }, index.h("h2", { innerHTML: this.heading, class: heroTitleClasses })), this.description && index.h("p", { class: `hy-hero__description` }, this.description), this.url && (index.h("div", { class: `hy-hero__actions` }, index.h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant }))))))), index.h("hy-box", { mb: "2, 2, 1, 1" })));
     }
-    return (index.h(index.Host, null, index.h("div", { class: hyHeroClasses.join(' ') }, index.h("div", { class: `hy-hero__container` }, index.h("div", { class: `hy-hero__image-container`, style: aspectRatio }, this.image &&
-      (this._sourceSet ? (index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))), index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAltText, class: `hy-image__image`, src: this.image }))) : (index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAltText, class: `hy-image__image`, src: this.image })))), index.h("div", { class: `hy-hero__content-container` }, index.h("div", { class: `hy-hero__content` }, index.h("div", { class: `hy-hero__title-container` }, index.h("h2", { innerHTML: this.heading, class: heroTitleClasses })), this.description && index.h("p", { class: `hy-hero__description` }, this.description), this.url && (index.h("div", { class: `hy-hero__actions` }, index.h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant }))))))), index.h("hy-box", { mb: "2, 2, 1, 1" })));
+    return (index.h(index.Host, null, index.h("div", { class: hyHeroClasses.join(" ") }, index.h("div", { class: `hy-hero__container` }, index.h("div", { class: `hy-hero__image-container`, style: aspectRatio }, this.image &&
+      (this._sourceSet ? (index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), index.h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAltText, class: `hy-image__image`, src: this.image }))) : (index.h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAltText, class: `hy-image__image`, src: this.image })))), index.h("div", { class: `hy-hero__content-container` }, index.h("div", { class: `hy-hero__content` }, index.h("div", { class: `hy-hero__title-container` }, index.h("h2", { innerHTML: this.heading, class: heroTitleClasses })), this.description && index.h("p", { class: `hy-hero__description` }, this.description), this.url && (index.h("div", { class: `hy-hero__actions` }, index.h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant }))))))), index.h("hy-box", { mb: "2, 2, 1, 1" })));
   }
   get el() { return index.getElement(this); }
 };
@@ -4577,11 +4722,11 @@ function SvgYoutube(props) {
 }
 
 const IconArrowLeft = (props) => {
-  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.width || 30, height: props.height || 29, viewBox: "0 0 30 29", fill: props.fill || 'black' },
+  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.width || 30, height: props.height || 29, viewBox: "0 0 30 29", fill: props.fill || "black" },
     index.h("polygon", { points: "29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594", transform: "rotate(-180 15 14.5)" })));
 };
 const IconArrowRight = (props) => {
-  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.width || 30, height: props.height || 29, viewBox: "0 0 30 29", fill: props.fill || 'black' },
+  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.width || 30, height: props.height || 29, viewBox: "0 0 30 29", fill: props.fill || "black" },
     index.h("polygon", { points: "29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594" })));
 };
 const IconArrowToRight = (props) => {
@@ -4597,145 +4742,145 @@ const iconCss = ":host{display:block}";
 
 // TODO: add all icons
 const iconNames = {
-  'hy-icon-add-todo': (p) => index.h(SvgAddToTodoList, Object.assign({}, p)),
-  'hy-icon-alert': (p) => index.h(SvgAlert, Object.assign({}, p)),
-  'hy-icon-archive': (p) => index.h(SvgArchive, Object.assign({}, p)),
-  'hy-icon-arrow-down': (p) => index.h(SvgArrowDown$1, Object.assign({}, p)),
-  'hy-icon-arrow-left': (p) => index.h(IconArrowLeft, Object.assign({}, p)),
-  'hy-icon-arrow-right': (p) => index.h(IconArrowRight, Object.assign({}, p)),
-  'hy-icon-arrow-to-right': (p) => index.h(IconArrowToRight, Object.assign({}, p)),
-  'hy-icon-arrow-up': (p) => index.h(SvgArrowUp, Object.assign({}, p)),
-  'hy-icon-avatar-group': (p) => index.h(SvgAvatarGroup, Object.assign({}, p)),
-  'hy-icon-avatar': (p) => index.h(SvgAvatar, Object.assign({}, p)),
-  'hy-icon-bachelor': (p) => index.h(SvgBachelor, Object.assign({}, p)),
-  'hy-icon-bullet-list': (p) => index.h(SvgBulletList, Object.assign({}, p)),
-  'hy-icon-camera': (p) => index.h(SvgCamera, Object.assign({}, p)),
-  'hy-icon-caret-down': (p) => index.h(SvgCaretDown, Object.assign({}, p)),
-  'hy-icon-caret-left': (p) => index.h(SvgCaretLeft, Object.assign({}, p)),
-  'hy-icon-caret-right': (p) => index.h(SvgCaretRight, Object.assign({}, p)),
-  'hy-icon-caret-up': (p) => index.h(SvgCaretUp, Object.assign({}, p)),
-  'hy-icon-chat': (p) => index.h(SvgChat, Object.assign({}, p)),
-  'hy-icon-code-fork': (p) => index.h(SvgCodeFork, Object.assign({}, p)),
-  'hy-icon-cogs': (p) => index.h(SvgCogs, Object.assign({}, p)),
-  'hy-icon-content-link': (p) => index.h(SvgContentlink, Object.assign({}, p)),
-  'hy-icon-custom-link': (p) => index.h(SvgCustomlink, Object.assign({}, p)),
-  'hy-icon-date': (p) => index.h(SvgDate, Object.assign({}, p)),
-  'hy-icon-discover': (p) => index.h(SvgDiscover, Object.assign({}, p)),
-  'hy-icon-done': (p) => index.h(SvgDone, Object.assign({}, p)),
-  'hy-icon-dot': (p) => index.h(SvgDot, Object.assign({}, p)),
-  'hy-icon-dot-arrow-right': (p) => index.h(SvgArrowDown, Object.assign({}, p)),
-  'hy-icon-download': (p) => index.h(SvgDownload, Object.assign({}, p)),
-  'hy-icon-drag': (p) => index.h(SvgDrag, Object.assign({}, p)),
-  'hy-icon-drag-button': (p) => index.h(SvgDragbutton, Object.assign({}, p)),
-  'hy-icon-drop-down': (p) => index.h(SvgDropDown, Object.assign({}, p)),
-  'hy-icon-edit': (p) => index.h(SvgEdit, Object.assign({}, p)),
-  'hy-icon-edit-event': (p) => index.h(SvgEditEvent, Object.assign({}, p)),
-  'hy-icon-embed': (p) => index.h(SvgEmbed, Object.assign({}, p)),
-  'hy-icon-euro': (p) => index.h(SvgEuro, Object.assign({}, p)),
-  'hy-icon-events': (p) => index.h(SvgEvents, Object.assign({}, p)),
-  'hy-icon-external-link': (p) => index.h(SvgExternalLink, Object.assign({}, p)),
-  'hy-icon-eyelash': (p) => index.h(SvgEyeSlash, Object.assign({}, p)),
-  'hy-icon-facebook': (p) => index.h(SvgFacebook, Object.assign({}, p)),
-  'hy-icon-favorites': (p) => index.h(SvgFavorites, Object.assign({}, p)),
-  'hy-icon-feed': (p) => index.h(SvgFeed, Object.assign({}, p)),
-  'hy-icon-file-text': (p) => index.h(SvgFileText, Object.assign({}, p)),
-  'hy-icon-fullscreen': (p) => index.h(SvgFullScreen, Object.assign({}, p)),
-  'hy-icon-globe': (p) => index.h(SvgGlobe, Object.assign({}, p)),
-  'hy-icon-googleplus': (p) => index.h(SvgGooglePlus, Object.assign({}, p)),
-  'hy-icon-grid': (p) => index.h(SvgGrid, Object.assign({}, p)),
-  'hy-icon-hamburger': (p) => index.h(SvgHamburger, Object.assign({}, p)),
-  'hy-icon-heart': (p) => index.h(SvgHeart, Object.assign({}, p)),
-  'hy-icon-heart-support': (p) => index.h(SvgHeartSupport, Object.assign({}, p)),
-  'hy-icon-helsingin-yliopisto': (p) => index.h(SvgHelsinginyliopisto, Object.assign({}, p)),
-  'hy-icon-home': (p) => index.h(SvgHome, Object.assign({}, p)),
-  'hy-icon-horizontal-resize': (p) => index.h(SvgHorizontalResize, Object.assign({}, p)),
-  'hy-icon-hy-logo': (p) => index.h(SvgHyLogo, Object.assign({}, p)),
-  'hy-icon-id-number': (p) => index.h(SvgIdNumber, Object.assign({}, p)),
-  'hy-icon-image': (p) => index.h(SvgImage, Object.assign({}, p)),
-  'hy-icon-image-gallery': (p) => index.h(SvgImageGallery, Object.assign({}, p)),
-  'hy-icon-images': (p) => index.h(SvgImages, Object.assign({}, p)),
-  'hy-icon-info': (p) => index.h(SvgInfo, Object.assign({}, p)),
-  'hy-icon-info-stroke': (p) => index.h(SvgInfoStroke, Object.assign({}, p)),
-  'hy-icon-instagram': (p) => index.h(SvgInstagram, Object.assign({}, p)),
-  'hy-icon-leiki-list': (p) => index.h(SvgLeikiList, Object.assign({}, p)),
-  'hy-icon-link-arrow': (p) => index.h(SvgLinkArrow, Object.assign({}, p)),
-  'hy-icon-link-arrow-down': (p) => index.h(SvgLinkArrowDown, Object.assign({}, p)),
-  'hy-icon-link-arrow-left': (p) => index.h(SvgLinkArrowLeft, Object.assign({}, p)),
-  'hy-icon-link-arrow-offsite': (p) => index.h(SvgLinkArrowOffsite, Object.assign({}, p)),
-  'hy-icon-link-arrow-up': (p) => index.h(SvgLinkArrowUp, Object.assign({}, p)),
-  'hy-icon-linkedin': (p) => index.h(SvgLinkedin, Object.assign({}, p)),
-  'hy-icon-list': (p) => index.h(SvgList, Object.assign({}, p)),
-  'hy-icon-list-of-links': (p) => index.h(SvgListoflinks, Object.assign({}, p)),
-  'hy-icon-list-as-blocks': (p) => index.h(SvgListAsBlocks, Object.assign({}, p)),
-  'hy-icon-list-style-grid': (p) => index.h(SvgListStyleGrid, Object.assign({}, p)),
-  'hy-icon-list-style-list': (p) => index.h(SvgListStyleList, Object.assign({}, p)),
-  'hy-icon-link': (p) => index.h(SvgUrl, Object.assign({}, p)),
-  'hy-icon-location': (p) => index.h(SvgLocation, Object.assign({}, p)),
-  'hy-icon-log': (p) => index.h(SvgLog, Object.assign({}, p)),
-  'hy-icon-log-in': (p) => index.h(SvgLogin, Object.assign({}, p)),
-  'hy-icon-log-out': (p) => index.h(SvgLogout, Object.assign({}, p)),
-  'hy-icon-magnify-minus': (p) => index.h(SvgMagnifyMinus, Object.assign({}, p)),
-  'hy-icon-magnify-plus': (p) => index.h(SvgMagnifyPlus, Object.assign({}, p)),
-  'hy-icon-email': (p) => index.h(SvgMail, Object.assign({}, p)),
-  'hy-icon-master': (p) => index.h(SvgMaster, Object.assign({}, p)),
-  'hy-icon-minus': (p) => index.h(SvgMinus, Object.assign({}, p)),
-  'hy-icon-modify': (p) => index.h(SvgModify, Object.assign({}, p)),
-  'hy-icon-navi-triangle': (p) => index.h(SvgNaviTriangle, Object.assign({}, p)),
-  'hy-icon-new-group': (p) => index.h(SvgNewGroup, Object.assign({}, p)),
-  'hy-icon-new-person': (p) => index.h(SvgNewPerson, Object.assign({}, p)),
-  'hy-icon-notification': (p) => index.h(SvgNotification, Object.assign({}, p)),
-  'hy-icon-opinder-logo': (p) => index.h(SvgOpinderLogoNew, Object.assign({}, p)),
-  'hy-icon-pdf': (p) => index.h(SvgPdf, Object.assign({}, p)),
-  'hy-icon-people': (p) => index.h(SvgPeople, Object.assign({}, p)),
-  'hy-icon-permission-all': (p) => index.h(SvgPermissionAll, Object.assign({}, p)),
-  'hy-icon-permission-group': (p) => index.h(SvgPermissionGroup, Object.assign({}, p)),
-  'hy-icon-permission-private': (p) => index.h(SvgPermissionPrivate, Object.assign({}, p)),
-  'hy-icon-person': (p) => index.h(SvgPerson, Object.assign({}, p)),
-  'hy-icon-person-outline': (p) => index.h(SvgPersonOutline, Object.assign({}, p)),
-  'hy-icon-phone': (p) => index.h(SvgPhone, Object.assign({}, p)),
-  'hy-icon-play': (p) => index.h(SvgPlay, Object.assign({}, p)),
-  'hy-icon-plus': (p) => index.h(SvgPlus, Object.assign({}, p)),
-  'hy-icon-preview': (p) => index.h(SvgPreview, Object.assign({}, p)),
-  'hy-icon-profile': (p) => index.h(SvgProfile, Object.assign({}, p)),
-  'hy-icon-question': (p) => index.h(SvgQuestion, Object.assign({}, p)),
-  'hy-icon-remove': (p) => index.h(SvgRemove, Object.assign({}, p)),
-  'hy-icon-retweet': (p) => index.h(SvgRetweet, Object.assign({}, p)),
-  'hy-icon-rotate-left': (p) => index.h(SvgRotateLeft, Object.assign({}, p)),
-  'hy-icon-rotate-right': (p) => index.h(SvgRotateRight, Object.assign({}, p)),
-  'hy-icon-search': (p) => index.h(SvgSearch, Object.assign({}, p)),
-  'hy-icon-share': (p) => index.h(SvgShare, Object.assign({}, p)),
-  'hy-icon-slim-hamburger-menu': (p) => index.h(SvgSlimHamburgerMenu, Object.assign({}, p)),
-  'hy-icon-social-media': (p) => index.h(SvgSocialMedia, Object.assign({}, p)),
-  'hy-icon-some-facebook': (p) => index.h(SomeFacebook, Object.assign({}, p)),
-  'hy-icon-some-instagram': (p) => index.h(SomeInstagram, Object.assign({}, p)),
-  'hy-icon-some-linkedin': (p) => index.h(SomeLinkedin, Object.assign({}, p)),
-  'hy-icon-some-twitter': (p) => index.h(SomeTwitter, Object.assign({}, p)),
-  'hy-icon-some-twitter-retweet': (p) => index.h(SvgRetweet, Object.assign({}, p)),
-  'hy-icon-some-twitter-like': (p) => index.h(SvgTwitterLike, Object.assign({}, p)),
-  'hy-icon-some-youtube': (p) => index.h(SomeYoutube, Object.assign({}, p)),
-  'hy-icon-spinner': (p) => index.h(SvgSpinner, Object.assign({}, p)),
-  'hy-icon-square': (p) => index.h(SvgSquare, Object.assign({}, p)),
-  'hy-icon-square-checked': (p) => index.h(SvgSquareChecked, Object.assign({}, p)),
-  'hy-icon-time': (p) => index.h(SvgTime, Object.assign({}, p)),
-  'hy-icon-todolist': (p) => index.h(SvgTodoList, Object.assign({}, p)),
-  'hy-icon-tour': (p) => index.h(SvgTour, Object.assign({}, p)),
-  'hy-icon-twitter': (p) => index.h(SvgTwitter, Object.assign({}, p)),
-  'hy-icon-units-and-faculties': (p) => index.h(SvgUnitsAndFaculties, Object.assign({}, p)),
-  'hy-icon-video': (p) => index.h(SvgVideo, Object.assign({}, p)),
-  'hy-icon-warning': (p) => index.h(SvgWarning, Object.assign({}, p)),
-  'hy-icon-wrench': (p) => index.h(SvgWrench, Object.assign({}, p)),
-  'hy-icon-quote': (p) => index.h(IconQuote, Object.assign({}, p)),
-  'hy-icon-youtube': (p) => index.h(SvgYoutube, Object.assign({}, p)),
+  "hy-icon-add-todo": (p) => index.h(SvgAddToTodoList, Object.assign({}, p)),
+  "hy-icon-alert": (p) => index.h(SvgAlert, Object.assign({}, p)),
+  "hy-icon-archive": (p) => index.h(SvgArchive, Object.assign({}, p)),
+  "hy-icon-arrow-down": (p) => index.h(SvgArrowDown$1, Object.assign({}, p)),
+  "hy-icon-arrow-left": (p) => index.h(IconArrowLeft, Object.assign({}, p)),
+  "hy-icon-arrow-right": (p) => index.h(IconArrowRight, Object.assign({}, p)),
+  "hy-icon-arrow-to-right": (p) => index.h(IconArrowToRight, Object.assign({}, p)),
+  "hy-icon-arrow-up": (p) => index.h(SvgArrowUp, Object.assign({}, p)),
+  "hy-icon-avatar-group": (p) => index.h(SvgAvatarGroup, Object.assign({}, p)),
+  "hy-icon-avatar": (p) => index.h(SvgAvatar, Object.assign({}, p)),
+  "hy-icon-bachelor": (p) => index.h(SvgBachelor, Object.assign({}, p)),
+  "hy-icon-bullet-list": (p) => index.h(SvgBulletList, Object.assign({}, p)),
+  "hy-icon-camera": (p) => index.h(SvgCamera, Object.assign({}, p)),
+  "hy-icon-caret-down": (p) => index.h(SvgCaretDown, Object.assign({}, p)),
+  "hy-icon-caret-left": (p) => index.h(SvgCaretLeft, Object.assign({}, p)),
+  "hy-icon-caret-right": (p) => index.h(SvgCaretRight, Object.assign({}, p)),
+  "hy-icon-caret-up": (p) => index.h(SvgCaretUp, Object.assign({}, p)),
+  "hy-icon-chat": (p) => index.h(SvgChat, Object.assign({}, p)),
+  "hy-icon-code-fork": (p) => index.h(SvgCodeFork, Object.assign({}, p)),
+  "hy-icon-cogs": (p) => index.h(SvgCogs, Object.assign({}, p)),
+  "hy-icon-content-link": (p) => index.h(SvgContentlink, Object.assign({}, p)),
+  "hy-icon-custom-link": (p) => index.h(SvgCustomlink, Object.assign({}, p)),
+  "hy-icon-date": (p) => index.h(SvgDate, Object.assign({}, p)),
+  "hy-icon-discover": (p) => index.h(SvgDiscover, Object.assign({}, p)),
+  "hy-icon-done": (p) => index.h(SvgDone, Object.assign({}, p)),
+  "hy-icon-dot": (p) => index.h(SvgDot, Object.assign({}, p)),
+  "hy-icon-dot-arrow-right": (p) => index.h(SvgArrowDown, Object.assign({}, p)),
+  "hy-icon-download": (p) => index.h(SvgDownload, Object.assign({}, p)),
+  "hy-icon-drag": (p) => index.h(SvgDrag, Object.assign({}, p)),
+  "hy-icon-drag-button": (p) => index.h(SvgDragbutton, Object.assign({}, p)),
+  "hy-icon-drop-down": (p) => index.h(SvgDropDown, Object.assign({}, p)),
+  "hy-icon-edit": (p) => index.h(SvgEdit, Object.assign({}, p)),
+  "hy-icon-edit-event": (p) => index.h(SvgEditEvent, Object.assign({}, p)),
+  "hy-icon-embed": (p) => index.h(SvgEmbed, Object.assign({}, p)),
+  "hy-icon-euro": (p) => index.h(SvgEuro, Object.assign({}, p)),
+  "hy-icon-events": (p) => index.h(SvgEvents, Object.assign({}, p)),
+  "hy-icon-external-link": (p) => index.h(SvgExternalLink, Object.assign({}, p)),
+  "hy-icon-eyelash": (p) => index.h(SvgEyeSlash, Object.assign({}, p)),
+  "hy-icon-facebook": (p) => index.h(SvgFacebook, Object.assign({}, p)),
+  "hy-icon-favorites": (p) => index.h(SvgFavorites, Object.assign({}, p)),
+  "hy-icon-feed": (p) => index.h(SvgFeed, Object.assign({}, p)),
+  "hy-icon-file-text": (p) => index.h(SvgFileText, Object.assign({}, p)),
+  "hy-icon-fullscreen": (p) => index.h(SvgFullScreen, Object.assign({}, p)),
+  "hy-icon-globe": (p) => index.h(SvgGlobe, Object.assign({}, p)),
+  "hy-icon-googleplus": (p) => index.h(SvgGooglePlus, Object.assign({}, p)),
+  "hy-icon-grid": (p) => index.h(SvgGrid, Object.assign({}, p)),
+  "hy-icon-hamburger": (p) => index.h(SvgHamburger, Object.assign({}, p)),
+  "hy-icon-heart": (p) => index.h(SvgHeart, Object.assign({}, p)),
+  "hy-icon-heart-support": (p) => index.h(SvgHeartSupport, Object.assign({}, p)),
+  "hy-icon-helsingin-yliopisto": (p) => index.h(SvgHelsinginyliopisto, Object.assign({}, p)),
+  "hy-icon-home": (p) => index.h(SvgHome, Object.assign({}, p)),
+  "hy-icon-horizontal-resize": (p) => index.h(SvgHorizontalResize, Object.assign({}, p)),
+  "hy-icon-hy-logo": (p) => index.h(SvgHyLogo, Object.assign({}, p)),
+  "hy-icon-id-number": (p) => index.h(SvgIdNumber, Object.assign({}, p)),
+  "hy-icon-image": (p) => index.h(SvgImage, Object.assign({}, p)),
+  "hy-icon-image-gallery": (p) => index.h(SvgImageGallery, Object.assign({}, p)),
+  "hy-icon-images": (p) => index.h(SvgImages, Object.assign({}, p)),
+  "hy-icon-info": (p) => index.h(SvgInfo, Object.assign({}, p)),
+  "hy-icon-info-stroke": (p) => index.h(SvgInfoStroke, Object.assign({}, p)),
+  "hy-icon-instagram": (p) => index.h(SvgInstagram, Object.assign({}, p)),
+  "hy-icon-leiki-list": (p) => index.h(SvgLeikiList, Object.assign({}, p)),
+  "hy-icon-link-arrow": (p) => index.h(SvgLinkArrow, Object.assign({}, p)),
+  "hy-icon-link-arrow-down": (p) => index.h(SvgLinkArrowDown, Object.assign({}, p)),
+  "hy-icon-link-arrow-left": (p) => index.h(SvgLinkArrowLeft, Object.assign({}, p)),
+  "hy-icon-link-arrow-offsite": (p) => index.h(SvgLinkArrowOffsite, Object.assign({}, p)),
+  "hy-icon-link-arrow-up": (p) => index.h(SvgLinkArrowUp, Object.assign({}, p)),
+  "hy-icon-linkedin": (p) => index.h(SvgLinkedin, Object.assign({}, p)),
+  "hy-icon-list": (p) => index.h(SvgList, Object.assign({}, p)),
+  "hy-icon-list-of-links": (p) => index.h(SvgListoflinks, Object.assign({}, p)),
+  "hy-icon-list-as-blocks": (p) => index.h(SvgListAsBlocks, Object.assign({}, p)),
+  "hy-icon-list-style-grid": (p) => index.h(SvgListStyleGrid, Object.assign({}, p)),
+  "hy-icon-list-style-list": (p) => index.h(SvgListStyleList, Object.assign({}, p)),
+  "hy-icon-link": (p) => index.h(SvgUrl, Object.assign({}, p)),
+  "hy-icon-location": (p) => index.h(SvgLocation, Object.assign({}, p)),
+  "hy-icon-log": (p) => index.h(SvgLog, Object.assign({}, p)),
+  "hy-icon-log-in": (p) => index.h(SvgLogin, Object.assign({}, p)),
+  "hy-icon-log-out": (p) => index.h(SvgLogout, Object.assign({}, p)),
+  "hy-icon-magnify-minus": (p) => index.h(SvgMagnifyMinus, Object.assign({}, p)),
+  "hy-icon-magnify-plus": (p) => index.h(SvgMagnifyPlus, Object.assign({}, p)),
+  "hy-icon-email": (p) => index.h(SvgMail, Object.assign({}, p)),
+  "hy-icon-master": (p) => index.h(SvgMaster, Object.assign({}, p)),
+  "hy-icon-minus": (p) => index.h(SvgMinus, Object.assign({}, p)),
+  "hy-icon-modify": (p) => index.h(SvgModify, Object.assign({}, p)),
+  "hy-icon-navi-triangle": (p) => index.h(SvgNaviTriangle, Object.assign({}, p)),
+  "hy-icon-new-group": (p) => index.h(SvgNewGroup, Object.assign({}, p)),
+  "hy-icon-new-person": (p) => index.h(SvgNewPerson, Object.assign({}, p)),
+  "hy-icon-notification": (p) => index.h(SvgNotification, Object.assign({}, p)),
+  "hy-icon-opinder-logo": (p) => index.h(SvgOpinderLogoNew, Object.assign({}, p)),
+  "hy-icon-pdf": (p) => index.h(SvgPdf, Object.assign({}, p)),
+  "hy-icon-people": (p) => index.h(SvgPeople, Object.assign({}, p)),
+  "hy-icon-permission-all": (p) => index.h(SvgPermissionAll, Object.assign({}, p)),
+  "hy-icon-permission-group": (p) => index.h(SvgPermissionGroup, Object.assign({}, p)),
+  "hy-icon-permission-private": (p) => index.h(SvgPermissionPrivate, Object.assign({}, p)),
+  "hy-icon-person": (p) => index.h(SvgPerson, Object.assign({}, p)),
+  "hy-icon-person-outline": (p) => index.h(SvgPersonOutline, Object.assign({}, p)),
+  "hy-icon-phone": (p) => index.h(SvgPhone, Object.assign({}, p)),
+  "hy-icon-play": (p) => index.h(SvgPlay, Object.assign({}, p)),
+  "hy-icon-plus": (p) => index.h(SvgPlus, Object.assign({}, p)),
+  "hy-icon-preview": (p) => index.h(SvgPreview, Object.assign({}, p)),
+  "hy-icon-profile": (p) => index.h(SvgProfile, Object.assign({}, p)),
+  "hy-icon-question": (p) => index.h(SvgQuestion, Object.assign({}, p)),
+  "hy-icon-remove": (p) => index.h(SvgRemove, Object.assign({}, p)),
+  "hy-icon-retweet": (p) => index.h(SvgRetweet, Object.assign({}, p)),
+  "hy-icon-rotate-left": (p) => index.h(SvgRotateLeft, Object.assign({}, p)),
+  "hy-icon-rotate-right": (p) => index.h(SvgRotateRight, Object.assign({}, p)),
+  "hy-icon-search": (p) => index.h(SvgSearch, Object.assign({}, p)),
+  "hy-icon-share": (p) => index.h(SvgShare, Object.assign({}, p)),
+  "hy-icon-slim-hamburger-menu": (p) => index.h(SvgSlimHamburgerMenu, Object.assign({}, p)),
+  "hy-icon-social-media": (p) => index.h(SvgSocialMedia, Object.assign({}, p)),
+  "hy-icon-some-facebook": (p) => index.h(SomeFacebook, Object.assign({}, p)),
+  "hy-icon-some-instagram": (p) => index.h(SomeInstagram, Object.assign({}, p)),
+  "hy-icon-some-linkedin": (p) => index.h(SomeLinkedin, Object.assign({}, p)),
+  "hy-icon-some-twitter": (p) => index.h(SomeTwitter, Object.assign({}, p)),
+  "hy-icon-some-twitter-retweet": (p) => index.h(SvgRetweet, Object.assign({}, p)),
+  "hy-icon-some-twitter-like": (p) => index.h(SvgTwitterLike, Object.assign({}, p)),
+  "hy-icon-some-youtube": (p) => index.h(SomeYoutube, Object.assign({}, p)),
+  "hy-icon-spinner": (p) => index.h(SvgSpinner, Object.assign({}, p)),
+  "hy-icon-square": (p) => index.h(SvgSquare, Object.assign({}, p)),
+  "hy-icon-square-checked": (p) => index.h(SvgSquareChecked, Object.assign({}, p)),
+  "hy-icon-time": (p) => index.h(SvgTime, Object.assign({}, p)),
+  "hy-icon-todolist": (p) => index.h(SvgTodoList, Object.assign({}, p)),
+  "hy-icon-tour": (p) => index.h(SvgTour, Object.assign({}, p)),
+  "hy-icon-twitter": (p) => index.h(SvgTwitter, Object.assign({}, p)),
+  "hy-icon-units-and-faculties": (p) => index.h(SvgUnitsAndFaculties, Object.assign({}, p)),
+  "hy-icon-video": (p) => index.h(SvgVideo, Object.assign({}, p)),
+  "hy-icon-warning": (p) => index.h(SvgWarning, Object.assign({}, p)),
+  "hy-icon-wrench": (p) => index.h(SvgWrench, Object.assign({}, p)),
+  "hy-icon-quote": (p) => index.h(IconQuote, Object.assign({}, p)),
+  "hy-icon-youtube": (p) => index.h(SvgYoutube, Object.assign({}, p)),
 };
 const Icon = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.icon = undefined;
-    this.fill = 'black';
+    this.fill = "black";
     this.size = 20;
   }
   render() {
-    return (index.h(index.Host, { "aria-hidden": "true", style: { display: 'flex' } }, iconNames[this.icon]({
+    return (index.h(index.Host, { "aria-hidden": "true", style: { display: "flex" } }, iconNames[this.icon]({
       height: this.size,
       width: this.size,
       fill: this.fill,
@@ -4758,7 +4903,7 @@ const Image = class {
     this.sourceSet = undefined;
   }
   srcSetWatcher(data) {
-    this._sourceSet = typeof data === 'string' ? JSON.parse(data) : data;
+    this._sourceSet = typeof data === "string" ? JSON.parse(data) : data;
   }
   componentWillLoad() {
     this.srcSetWatcher(this.sourceSet);
@@ -4768,17 +4913,17 @@ const Image = class {
     if (this.aspectRatioWidth !== 0 && this.aspectRatioWidth !== 0) {
       const aspect = (this.aspectRatioHeight / this.aspectRatioWidth) * 100;
       aspectRatio = {
-        '--aspectRatio': `${aspect}%`,
+        "--aspectRatio": `${aspect}%`,
       };
     }
-    const classAttributes = ['hy-image', this.caption ? 'hy-image--with-caption' : null].join(' ');
+    const classAttributes = ["hy-image", this.caption ? "hy-image--with-caption" : null].join(" ");
     const containerClasses = [
-      'hy-image__image-container',
-      aspectRatio !== null ? 'hy-image--with-aspect' : 'hy-image--no-aspect',
-    ].join(' ');
+      "hy-image__image-container",
+      aspectRatio !== null ? "hy-image--with-aspect" : "hy-image--no-aspect",
+    ].join(" ");
     return [
-      index.h("div", { class: classAttributes }, index.h("div", { class: containerClasses, style: aspectRatio !== null ? aspectRatio : '' }, this.imageUrl &&
-        (this._sourceSet ? (index.h("picture", null, this._sourceSet.map(({ src, media, type, sizes }) => (index.h("source", { srcSet: src, media: media, type: type, sizes: sizes || '' }))), index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl })))), this.caption && index.h("div", { class: "hy-image__caption" }, this.caption)),
+      index.h("div", { class: classAttributes }, index.h("div", { class: containerClasses, style: aspectRatio !== null ? aspectRatio : "" }, this.imageUrl &&
+        (this._sourceSet ? (index.h("picture", null, this._sourceSet.map(({ src, media, type, sizes }) => (index.h("source", { srcSet: src, media: media, type: type, sizes: sizes || "" }))), index.h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (index.h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl })))), this.caption && index.h("div", { class: "hy-image__caption" }, this.caption)),
       index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" }),
     ];
   }
@@ -4793,18 +4938,18 @@ const ingressCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand
 const Ingress = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
-    const classAttributes = ['hy-ingress', `hy-ingress__${this.headerstyle}`].join(' ');
+    const classAttributes = ["hy-ingress", `hy-ingress__${this.headerstyle}`].join(" ");
     return (index.h(index.Host, null, index.h("p", { class: classAttributes }, index.h("slot", null))));
   }
   get el() { return index.getElement(this); }
@@ -4825,39 +4970,39 @@ const HyIntroduction = class {
     this.scLabel = undefined;
     this.urlTitle = undefined;
     this.imageUrl = undefined;
-    this.imageAlt = '';
+    this.imageAlt = "";
     this.isExternal = false;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.sourceSet = undefined;
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
     const classAttributes = [
-      'hy-introduction',
+      "hy-introduction",
       `hy-introduction__${this.headerstyle}`,
       this.headerstyle,
-      this.reversed ? 'hy-introduction--reversed' : '',
+      this.reversed ? "hy-introduction--reversed" : "",
       this.variant
         ? `hy-introduction--with-bg hy-introduction--with-bg__${this.variant}`
-        : 'hy-introduction--without-bg',
-    ].join(' ');
-    const classTitle = ['hy-introduction__title', `hy-introduction__title__${this.headerstyle}`].join(' ');
-    const classDescription = ['hy-introduction__description', `hy-introduction__description__${this.headerstyle}`].join(' ');
+        : "hy-introduction--without-bg",
+    ].join(" ");
+    const classTitle = ["hy-introduction__title", `hy-introduction__title__${this.headerstyle}`].join(" ");
+    const classDescription = ["hy-introduction__description", `hy-introduction__description__${this.headerstyle}`].join(" ");
     const contentWrapperClasses = [
-      'hy-introduction__content',
-      this.reversed ? 'hy-introduction__content--reversed' : '',
-      this.imageUrl ? 'hy-introduction__content--with-image' : 'hy-introduction__content--without-image',
-      this.limitContentWidth ? 'hy-introduction__content--limit-width' : '',
-    ].join(' ');
-    const target = this.isExternal ? '_blank' : '_self';
-    return (index.h(index.Host, null, index.h("hy-box", { pt: "1.25, 1.25, 1.5, 2.5" }), index.h("div", { class: classAttributes }, index.h("hy-main-content-wrapper", null, index.h("div", { class: "hy-introduction__outer-content" }, index.h("div", { class: contentWrapperClasses }, index.h("hy-heading", { class: classTitle, heading: utils.HeadingVarians.h2, section: utils.HeadingSectionVariants.introduction }, this.textTitle), index.h("p", { class: classDescription }, this.textDescription), this.url && (index.h("div", { class: "hy-introduction__link__container" }, index.h("a", { class: "hy-introduction__link", href: this.url, "aria-label": this.scLabel, target: target }, this.urlTitle, index.h("span", { class: "hy-introduction__link__icon" }, index.h("hy-icon", { icon: 'hy-icon-arrow-right', size: 24 })))))), this.imageUrl &&
+      "hy-introduction__content",
+      this.reversed ? "hy-introduction__content--reversed" : "",
+      this.imageUrl ? "hy-introduction__content--with-image" : "hy-introduction__content--without-image",
+      this.limitContentWidth ? "hy-introduction__content--limit-width" : "",
+    ].join(" ");
+    const target = this.isExternal ? "_blank" : "_self";
+    return (index.h(index.Host, null, index.h("hy-box", { pt: "1.25, 1.25, 1.5, 2.5" }), index.h("div", { class: classAttributes }, index.h("hy-main-content-wrapper", null, index.h("div", { class: "hy-introduction__outer-content" }, index.h("div", { class: contentWrapperClasses }, index.h("hy-heading", { class: classTitle, heading: utils.HeadingVarians.h2, section: utils.HeadingSectionVariants.introduction }, this.textTitle), index.h("p", { class: classDescription }, this.textDescription), this.url && (index.h("div", { class: "hy-introduction__link__container" }, index.h("a", { class: "hy-introduction__link", href: this.url, "aria-label": this.scLabel, target: target }, this.urlTitle, index.h("span", { class: "hy-introduction__link__icon" }, index.h("hy-icon", { icon: "hy-icon-arrow-right", size: 24 })))))), this.imageUrl &&
       (this.sourceSet ? (index.h("div", { class: "hy-introduction__image" }, index.h("hy-image", { "source-set": this.sourceSet, "image-url": this.imageUrl, aspectRatioWidth: 16, aspectRatioHeight: 10, "image-alt": this.imageAlt }))) : (index.h("div", { class: "hy-introduction__image" }, index.h("hy-image", { "image-url": this.imageUrl, aspectRatioWidth: 16, aspectRatioHeight: 10, "image-alt": this.imageAlt }))))))), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   get el() { return index.getElement(this); }
@@ -4874,7 +5019,7 @@ const HyKeyFigure = class {
     this.description = undefined;
   }
   render() {
-    const classVariant = [this.variant, 'hy-key-figure'].join(' ');
+    const classVariant = [this.variant, "hy-key-figure"].join(" ");
     return (index.h("div", { class: classVariant }, index.h("div", { class: "hy-key-figure__title" }, this.heading), index.h("div", { class: "hy-key-figure__description" }, this.description)));
   }
 };
@@ -4886,29 +5031,29 @@ const HyKeyFigureGroup = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.dataItems = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
   }
   async componentWillLoad() {
     this._dataItems = await globalScript.jsonParserWorker(this.dataItems);
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   getBoxClassName(count) {
-    let className = 'box';
+    let className = "box";
     if (count % 3 == 0) {
-      className = 'box-3';
+      className = "box-3";
     }
     else if (count % 4 == 0) {
-      className = 'box-4';
+      className = "box-4";
     }
     else if (count % 5 == 0) {
-      className = 'box-5';
+      className = "box-5";
     }
     return className;
   }
@@ -4923,11 +5068,11 @@ const HyKeyFigureGroup = class {
     const keyFiguresVariant = this._dataItems.length == 4 ? utils.KeyHighlightVariants.small : utils.KeyHighlightVariants.default;
     const classAttributes = [
       keyFiguresVariant,
-      'hy-key-figure-group-container',
+      "hy-key-figure-group-container",
       `hy-key-figure-group-container__${this.headerstyle}`,
-    ].join(' ');
-    const classRowAttributes = ['hy-key-figure-group'].join(' ');
-    const classRowCenteredAttributes = ['hy-key-figure-group', 'hy-key-figure-group-centered'].join(' ');
+    ].join(" ");
+    const classRowAttributes = ["hy-key-figure-group"].join(" ");
+    const classRowCenteredAttributes = ["hy-key-figure-group", "hy-key-figure-group-centered"].join(" ");
     if (this._dataItems.length % 5 == 0) {
       return (index.h(index.Host, null, index.h("div", { class: classAttributes }, index.h("div", { class: classRowAttributes }, this._dataItems.map((x, index$1) => {
         if (index$1 < 3) {
@@ -4959,7 +5104,7 @@ const HyKeyHighlight = class {
     this.description = undefined;
   }
   render() {
-    const classVariant = [this.variant, 'hy-key-highlight'].join(' ');
+    const classVariant = [this.variant, "hy-key-highlight"].join(" ");
     return (index.h("div", { class: classVariant }, index.h("div", { class: "hy-key-highlight__title__container" }, index.h("div", { class: "hy-key-highlight__title", innerHTML: this.heading })), index.h("div", { class: "hy-key-highlight__description" }, this.description)));
   }
 };
@@ -4972,27 +5117,27 @@ const HyKeyHighlightGroup = class {
     index.registerInstance(this, hostRef);
     this.variant = utils.KeyHighlightVariants.default;
     this.dataItems = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
   }
   async componentWillLoad() {
     this._dataItems = await globalScript.jsonParserWorker(this.dataItems);
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
     const classAttributes = [
       this.variant,
-      'hy-key-highlight-group',
+      "hy-key-highlight-group",
       `hy-key-highlight-group__${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     const dataItemCount = this._dataItems.length;
-    const classItem = dataItemCount % 4 == 0 ? 'box-4' : 'box';
+    const classItem = dataItemCount % 4 == 0 ? "box-4" : "box";
     return (index.h(index.Host, null, index.h("div", { class: classAttributes }, this._dataItems.map((x) => {
       return (index.h("hy-key-highlight", { class: classItem, variant: this.variant, heading: x.heading, description: x.description }));
     }))));
@@ -5006,26 +5151,26 @@ const hyLargeProcessFlowCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e
 const HyLargeProcessFlow = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.dataItems = undefined;
   }
   async componentWillLoad() {
     this._dataItems = await globalScript.jsonParserWorker(this.dataItems);
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
-    const classAttributes = ['hy-large-process-flow', `hy-large-process-flow__${this.headerstyle}`].join(' ');
+    const classAttributes = ["hy-large-process-flow", `hy-large-process-flow__${this.headerstyle}`].join(" ");
     return [
       index.h("div", { class: classAttributes }, this._dataItems.map((x, index$1) => {
         let phases = JSON.stringify(x.boxes);
-        const headingClasses = index$1 !== 0 ? 'hy-large-process-flow__multi-phase-title' : 'hy-large-process-flow__first-phase';
+        const headingClasses = index$1 !== 0 ? "hy-large-process-flow__multi-phase-title" : "hy-large-process-flow__first-phase";
         return [
           index.h("hy-heading", { class: headingClasses, heading: utils.HeadingVarians.h3 }, x.phaseTitle),
           index.h("hy-large-process-flow-phase", { "data-items": phases }),
@@ -5048,14 +5193,14 @@ const HyLargeProcessFlowPhase = class {
     this._dataItems = await globalScript.jsonParserWorker(this.dataItems);
   }
   render() {
-    const classAttributes = ['hy-large-process-flow__phase-container'].join(' ');
+    const classAttributes = ["hy-large-process-flow__phase-container"].join(" ");
     return (index.h("div", { class: classAttributes }, this._dataItems.map((x, index$1) => {
       var items;
       if (x.links && x.links.length > 0) {
         let linkItems = x.links;
         let linkItemsCount = x.links.length;
         items = linkItems.map((item, index$1) => {
-          let classLinks = index$1 == linkItemsCount - 1 ? 'phase-link last' : 'phase-link';
+          let classLinks = index$1 == linkItemsCount - 1 ? "phase-link last" : "phase-link";
           return item ? (index.h("hy-cta-link", { class: classLinks, "link-content": item.label, "sc-label": item.ariaLabel, "is-external": item.isExternal, url: item.url })) : null;
         });
       }
@@ -5073,15 +5218,15 @@ const Link = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.variant = utils.LinkVariants.default;
-    this.linkContent = '';
+    this.linkContent = "";
     this.url = undefined;
     this.scLabel = undefined;
     this.isExternal = false;
   }
   render() {
-    const classAttributes = ['hy-link', this.variant];
-    const target = this.isExternal ? '_blank' : '_self';
-    return (index.h(index.Host, null, index.h("a", { "aria-label": this.scLabel, class: classAttributes.join(' '), href: this.url, target: target }, this.linkContent)));
+    const classAttributes = ["hy-link", this.variant];
+    const target = this.isExternal ? "_blank" : "_self";
+    return (index.h(index.Host, null, index.h("a", { "aria-label": this.scLabel, class: classAttributes.join(" "), href: this.url, target: target }, this.linkContent)));
   }
 };
 Link.style = linkCss;
@@ -5103,56 +5248,56 @@ const LinkBox = class {
     this.isExternal = false;
     this.scLabel = undefined;
     this.readMoreLabel = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.sourceSet = undefined;
   }
   srcSetWatcher(data) {
-    this._sourceSet = typeof data === 'string' ? JSON.parse(data) : data;
+    this._sourceSet = typeof data === "string" ? JSON.parse(data) : data;
   }
   componentWillLoad() {
     this.srcSetWatcher(this.sourceSet);
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
-    const classContainerAttributes = ['hy-link-box-container'].join(' ');
+    const classContainerAttributes = ["hy-link-box-container"].join(" ");
     const classAttributes = [
-      'hy-link-box',
+      "hy-link-box",
       this.variant,
       `hy-link-box__${this.variant}`,
       this.headerstyle,
       `hy-link-box__${this.headerstyle}`,
-      this.imageUrl ? 'hy-link-box--with-image' : null,
-    ].join(' ');
-    const classTextContainer = ['hy-link-box__text-container', this.imageUrl ? 'hy-link-box--with-image' : null].join(' ');
+      this.imageUrl ? "hy-link-box--with-image" : null,
+    ].join(" ");
+    const classTextContainer = ["hy-link-box__text-container", this.imageUrl ? "hy-link-box--with-image" : null].join(" ");
     const classTitle = [
-      'hy-link-box__text-container__title',
+      "hy-link-box__text-container__title",
       `hy-link-box__text-container__title__${this.variant}`,
       `hy-link-box__text-container__title__${this.headerstyle}`,
-      this.imageUrl ? 'hy-link-box__text-container__title__image' : '',
-      this.imageUrl ? 'image' : '',
-    ].join(' ');
+      this.imageUrl ? "hy-link-box__text-container__title__image" : "",
+      this.imageUrl ? "image" : "",
+    ].join(" ");
     const classDescription = [
-      'hy-link-box__text-container__description',
+      "hy-link-box__text-container__description",
       `hy-link-box__text-container__description__${this.variant}`,
       `hy-link-box__text-container__description__${this.headerstyle}`,
-    ].join(' ');
-    const target = this.isExternal ? '_blank' : '_self';
+    ].join(" ");
+    const target = this.isExternal ? "_blank" : "_self";
     const aspectRatioWidth = 16;
     const aspectRatioHeight = 10;
     const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
     const aspectRatio = {
-      '--aspectRatio': `${aspect}%`,
+      "--aspectRatio": `${aspect}%`,
     };
     return [
       index.h("article", { class: classContainerAttributes }, index.h("div", { class: classAttributes }, this.imageUrl &&
-        (this._sourceSet ? (index.h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))), index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))) : (index.h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))), !this.imageUrl && this.showLogo && (index.h("div", { "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, index.h("hy-icon", { class: { 'hy-site-logo__icon': true }, icon: 'hy-icon-hy-logo' }))), index.h("div", { class: classTextContainer }, index.h("h3", { class: classTitle }, this.textTitle), this.textDescription && (index.h("p", { class: classDescription }, this.textDescription.length >= 141 ? this.textDescription.slice(0, 140) + '...' : this.textDescription)))), index.h("a", { "aria-label": this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, title: this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, href: this.url, target: target, class: `hy-cta-link hy-cta-link--default` }, index.h("span", { "aria-hidden": "true" }), index.h("span", null, this.readMoreLabel), index.h("span", { class: `hy-cta-link__icon ${this.isExternal ? 'hy-cta-link__icon--external' : ''}` }, index.h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 })))),
+        (this._sourceSet ? (index.h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), index.h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))) : (index.h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, index.h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))), !this.imageUrl && this.showLogo && (index.h("div", { "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, index.h("hy-icon", { class: { "hy-site-logo__icon": true }, icon: "hy-icon-hy-logo" }))), index.h("div", { class: classTextContainer }, index.h("h3", { class: classTitle }, this.textTitle), this.textDescription && (index.h("p", { class: classDescription }, this.textDescription.length >= 141 ? this.textDescription.slice(0, 140) + "..." : this.textDescription)))), index.h("a", { "aria-label": this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, title: this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, href: this.url, target: target, class: `hy-cta-link hy-cta-link--default` }, index.h("span", { "aria-hidden": "true" }), index.h("span", null, this.readMoreLabel), index.h("span", { class: `hy-cta-link__icon ${this.isExternal ? "hy-cta-link__icon--external" : ""}` }, index.h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24 })))),
     ];
   }
   get el() { return index.getElement(this); }
@@ -5167,7 +5312,7 @@ const linkBoxListCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--b
 const LinkBoxList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.variant = utils.LinkBoxVariants.default;
     this.readMoreLabel = undefined;
     this.dataItems = undefined;
@@ -5176,20 +5321,20 @@ const LinkBoxList = class {
     this._dataItems = await globalScript.jsonParserWorker(this.dataItems);
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
     const classAttributes = [
-      'hy-link-box-list',
+      "hy-link-box-list",
       this.variant,
       `hy-link-box-list__${this.variant}`,
       `hy-link-box-list__${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     /*
     - Logic:
     - 3 items: big
@@ -5200,7 +5345,7 @@ const LinkBoxList = class {
     - 8 items: small
     - 9 items: big
     * */
-    const classItemAttributes = [this.variant, `hy-link-box__${this.variant}`].join(' ');
+    const classItemAttributes = [this.variant, `hy-link-box__${this.variant}`].join(" ");
     return (index.h(index.Host, null, index.h("ul", { class: classAttributes }, this._dataItems.map((x) => {
       return (index.h("li", null, index.h("hy-link-box", { class: classItemAttributes, variant: this.variant, "source-set": x.imageSets, "image-url": x.imageUrl, "image-alt": x.imageAlt, "text-title": x.heading, "text-description": x.description, "show-logo": x.showLogo, url: x.boxUrl, "is-external": x.isExternal, "sc-label": x.ariaLabel, "read-more-label": this.readMoreLabel })));
     })), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
@@ -5214,32 +5359,32 @@ const hyLinkListCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--br
 const HyLinkList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.headerstyle = 'default';
+    this.headerstyle = "default";
     this.dataItems = undefined;
-    this.listHeading = '';
+    this.listHeading = "";
     this.variation = undefined;
-    this.headingVariant = 'h2';
+    this.headingVariant = "h2";
   }
   async componentWillLoad() {
     this._dataItems = await globalScript.jsonParserWorker(this.dataItems);
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
     const linkVariant = utils.CtaLinkVariants.linkList;
     const HeadingVariant = this.headingVariant.toLowerCase();
-    let columnType = 'col-3';
+    let columnType = "col-3";
     if (this._dataItems.length === 7 || this._dataItems.length % 4 === 0) {
-      columnType = 'col-4';
+      columnType = "col-4";
     }
     return [
-      index.h("section", { class: `hy-link-list hy-link-list__${this.headerstyle}` }, this.listHeading.length > 0 && (index.h(HeadingVariant, { class: 'hy-link-list__title' }, this.listHeading)), index.h("ul", { class: `hy-link-list__links hy-link-list__links--${this.variation} ${this.variation === 'grid' ? columnType : ''}` }, this._dataItems.map(({ heading, ariaLabel, url, isExternal }) => (index.h("li", { class: "hy-link-list__links-item" }, index.h("hy-cta-link", { variant: linkVariant, "link-content": heading, "sc-label": ariaLabel, url: url, "is-external": isExternal })))))),
+      index.h("section", { class: `hy-link-list hy-link-list__${this.headerstyle}` }, this.listHeading.length > 0 && (index.h(HeadingVariant, { class: "hy-link-list__title" }, this.listHeading)), index.h("ul", { class: `hy-link-list__links hy-link-list__links--${this.variation} ${this.variation === "grid" ? columnType : ""}` }, this._dataItems.map(({ heading, ariaLabel, url, isExternal }) => (index.h("li", { class: "hy-link-list__links-item" }, index.h("hy-cta-link", { variant: linkVariant, "link-content": heading, "sc-label": ariaLabel, url: url, "is-external": isExternal })))))),
     ];
   }
   get el() { return index.getElement(this); }
@@ -5249,8 +5394,8 @@ HyLinkList.style = hyLinkListCss;
 const hyListItemCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);text-decoration:none}.hy-list-item__default{margin-bottom:28px}@media (min-width: 60rem){.hy-list-item__default{margin-bottom:32px}}.hy-list-item__default__info-container__header{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:4px}@media (min-width: 30rem){.hy-list-item__default__info-container__header{font-size:0.875rem;line-height:18px;margin-bottom:2px}}.hy-list-item__default__info-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.56px;margin-bottom:6px}@media (min-width: 30rem){.hy-list-item__default__info-container__title{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;margin-bottom:10px}}@media (min-width: 1601px){.hy-list-item__default__info-container__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:8px}}@media (min-width: 75.0625rem){.hy-list-item__default__info-container__title__large{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:8px}}.hy-list-item__default__info-container__link-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:6px}@media (min-width: 30rem){.hy-list-item__default__info-container__link-container{margin-bottom:8px}}.hy-list-item__default__info-container__link{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);letter-spacing:-0.07px;margin-left:4px}@media (min-width: 30rem){.hy-list-item__default__info-container__link{margin-left:5px}}.hy-list-item__default__info-container__link__icon svg{fill:var(--grayscale-dark)}.hy-list-item__default__info-container__description{font-size:0.875rem;line-height:20px;color:var(--grayscale-black);letter-spacing:0}@media (min-width: 30rem){.hy-list-item__default__info-container__description{font-size:1rem;line-height:24px}}.hy-list-item__position{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 30rem){.hy-list-item__position{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-list-item__position__info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:12px;position:relative}@media (min-width: 60rem){.hy-list-item__position__info-container{padding:12px 16px}}@media (min-width: 1601px){.hy-list-item__position__info-container{padding:20px 24px}}.hy-list-item__position__info-container__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;color:var(--brand-main);font-family:var(--main-font-family);font-size:14px;font-weight:600;letter-spacing:-0.2px;line-height:14px;margin-bottom:14px}.hy-list-item__position__info-container__header .icon{margin-right:0.75rem}.hy-list-item__position__info-container__header .icon svg{fill:var(--brand-main)}@media (min-width: 75.0625rem){.hy-list-item__position__info-container__large{padding:20px 24px}}.hy-list-item__position__info-container__data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-list-item__position__info-container__title{font-size:1.125rem;line-height:20px;font-weight:700;font-family:var(--main-font-family);color:var(--grayscale-black);margin-bottom:12px;letter-spacing:-0.45px;line-height:22px}@media (min-width: 30rem){.hy-list-item__position__info-container__title{letter-spacing:-0.5px}}.hy-list-item__position__info-container__description{font-size:0.875rem;color:var(--grayscale-dark-text);display:none;font-family:var(--main-font-family);letter-spacing:0.8px;margin-bottom:14px;line-height:20px}@media (min-width: 30rem){.hy-list-item__position__info-container__description{display:block}}.hy-list-item__position__info-container__outgoing-link{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:relative;padding:0 24px 24px 12px}@media (min-width: 30rem){.hy-list-item__position__info-container__outgoing-link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 24px 24px 0}}.hy-list-item__position__info-container__outgoing-link .label{color:var(--link-blue);font-family:var(--main-font-family);font-size:16px;font-weight:600;letter-spacing:-0.3px;line-height:20px}.hy-list-item__position__info-container__outgoing-link .icon{margin-right:4px;margin-bottom:2px}.hy-list-item__position__info-container__outgoing-link .icon svg{fill:var(--link-blue)}.hy-list-item__degree{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 30rem){.hy-list-item__degree{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-list-item__degree__image-container{display:block;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}@media (min-width: 30rem){.hy-list-item__degree__image-container{-webkit-box-flex:0;-ms-flex:0 0 24%;flex:0 0 24%}}.hy-list-item__degree__image-container__image{vertical-align:bottom;max-width:100%;height:100%}.hy-list-item__degree__image-container__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hy-list-item__degree__image-container span{font-weight:600;font-size:0.75rem;line-height:14px;background-color:var(--additional-yellow);-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);color:var(--grayscale-black);left:-4px;letter-spacing:-0.07px;padding:5px 8px;position:absolute;top:16px;text-transform:uppercase}@media (min-width: 30rem){.hy-list-item__degree__image-container span{left:-8px}}@media (min-width: 60rem){.hy-list-item__degree__image-container span{top:22px}}.hy-list-item__degree__info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:12px;position:relative}@media (min-width: 60rem){.hy-list-item__degree__info-container{padding:12px 16px}}@media (min-width: 1601px){.hy-list-item__degree__info-container{padding:20px 24px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__large{padding:20px 24px}}.hy-list-item__degree__info-container__data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-list-item__degree__info-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--link-blue);letter-spacing:-0.54px;margin-bottom:8px}@media (min-width: 60rem){.hy-list-item__degree__info-container__title{font-size:1.125rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.hy-list-item__degree__info-container__title{font-size:1.25rem;line-height:26px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__title__large{font-size:1.25rem;line-height:26px;letter-spacing:-0.6px}}.hy-list-item__degree__info-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:16px}@media (min-width: 60rem){.hy-list-item__degree__info-container__description{letter-spacing:-0.2}}@media (min-width: 1601px){.hy-list-item__degree__info-container__description{font-size:1rem;line-height:20px;letter-spacing:-0.25px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__description__large{font-size:1rem;line-height:20px;letter-spacing:-0.25px}}.hy-list-item__degree__info-container__metadata-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px;width:100%}@media (min-width: 30rem){.hy-list-item__degree__info-container__metadata-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.hy-list-item__degree__info-container__metadata-wrapper.link-only{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.hy-list-item__degree__info-container__additional-info{width:100%}.hy-list-item__degree__info-container__additional-info__item{font-size:0.75rem;line-height:16px;font-weight:300;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;letter-spacing:-0.2px}@media (min-width: 1601px){.hy-list-item__degree__info-container__additional-info__item{font-size:0.875rem;line-height:16px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__additional-info__item__large{font-size:0.875rem;line-height:16px}}.hy-list-item__degree__info-container__additional-info__item.active::before{content:\" \";-webkit-box-sizing:border-box;box-sizing:border-box;height:14px;width:14px;border:3px solid #ffffff;border-radius:50%;background-color:#f9a21a;left:-7px;position:absolute}@media (min-width: 30rem){.hy-list-item__degree__info-container__additional-info__item.active::before{border:none;height:8px;margin-right:6px;width:8px;left:0;position:relative}}.hy-list-item__degree__info-container__outgoing-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;width:100%}.hy-list-item__degree__info-container__outgoing-link a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;right:-18px;text-decoration:none}@media (min-width: 60rem){.hy-list-item__degree__info-container__outgoing-link a{right:-22px}}@media (min-width: 1601px){.hy-list-item__degree__info-container__outgoing-link a{right:-30px}}.hy-list-item__degree__info-container__outgoing-link a .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.5px;margin-right:8px;text-align:right}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper{background-color:var(--brand-main-light);z-index:10}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon{position:relative;overflow:hidden}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);fill:var(--grayscale-white);padding:6.4px}@media (min-width: 1601px){.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon svg{height:36px;width:36px;padding:7.2px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__outgoing-link__large svg{height:36px;width:36px;padding:7.2px}}.hy-list-item-wrapper{font-family:var(--main-font-family)}.hy-list-item-wrapper__degree{margin-bottom:16px}@media (min-width: 30rem){.hy-list-item-wrapper__degree{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:24px}}@media (min-width: 60rem){.hy-list-item-wrapper__degree{margin-bottom:28px}}@media (min-width: 1601px){.hy-list-item-wrapper__degree{margin-bottom:32px}}@media (min-width: 75.0625rem){.hy-list-item-wrapper__degree__large{margin-bottom:32px}}.hy-list-item-wrapper__degree__related-info{background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);margin-top:4px;padding:0 12px 0 16px}@media (min-width: 30rem){.hy-list-item-wrapper__degree__related-info{padding:0 24px 0 16px}}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info{margin-top:6px;padding:0 24px 0 24px}}@media (min-width: 1601px){.hy-list-item-wrapper__degree__related-info{margin-top:8px}}@media (min-width: 75.0625rem){.hy-list-item-wrapper__degree__related-info__large{margin-top:8px}}.hy-list-item-wrapper__degree__related-info__heading__link{text-decoration:none}.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);border:none;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);letter-spacing:-0.2px;height:100%;padding:8px 0;text-align:left;width:100%}@media (min-width: 30rem){.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.75rem;line-height:20px;padding:14px 0}}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.875rem;line-height:20px;letter-spacing:-0.4px;padding:18px 0}}.hy-list-item-wrapper__degree__related-info__heading__button:hover{cursor:pointer}.hy-list-item-wrapper__degree__related-info__heading__button__is-open svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-list-item-wrapper__degree__related-info__heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__icon{margin-right:12px}}.hy-list-item-wrapper__degree__related-info__heading__icon svg{fill:var(--brand-main);height:14px;width:14px}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__icon svg{height:18px;width:18px}}.hy-list-item-wrapper__degree__related-info__content{display:none}.hy-list-item-wrapper__degree__related-info__content__is-open{border-top:1px solid #d2d2d2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px 8px 5px 8px}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__content__is-open{padding:20px 0 14px 0}}.hy-list-item-wrapper__degree__related-info__link{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.4px;margin-bottom:16px;text-decoration:none}";
 
 let keys$2 = {
-  enter: 'Enter',
-  space: 'Space',
+  enter: "Enter",
+  space: "Space",
 };
 const HyListItem = class {
   constructor(hostRef) {
@@ -5269,9 +5414,9 @@ const HyListItem = class {
     this.relatedLinksBlockTitle = undefined;
     this.relatedLinks = undefined;
     this.imageLabel = undefined;
-    this.outGoingUrlLabel = 'Go to programme page';
+    this.outGoingUrlLabel = "Go to programme page";
     this.additionalInfo = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.sourceSet = undefined;
     this.truncateDescription = false;
     this.truncateLimit = 140;
@@ -5279,7 +5424,7 @@ const HyListItem = class {
     this._imageMinWidth = 0;
   }
   relatedLinksWatcher(newValue) {
-    if (typeof newValue === 'string') {
+    if (typeof newValue === "string") {
       this._relatedLinks = JSON.parse(newValue);
     }
     else {
@@ -5287,7 +5432,7 @@ const HyListItem = class {
     }
   }
   additionalInfoWatcher(newValue) {
-    if (typeof newValue === 'string') {
+    if (typeof newValue === "string") {
       this._additionalInfo = JSON.parse(newValue);
     }
     else {
@@ -5295,11 +5440,11 @@ const HyListItem = class {
     }
   }
   srcSetWatcher(data) {
-    this._sourceSet = typeof data === 'string' ? JSON.parse(data) : data;
+    this._sourceSet = typeof data === "string" ? JSON.parse(data) : data;
   }
   expandRelatedInfoPanel(target) {
     let contentSelector = `hy-list-item-wrapper__${this.variant}__related-info__content`;
-    let targetButtonClass = 'hy-list-item-wrapper__degree__related-info__heading__button';
+    let targetButtonClass = "hy-list-item-wrapper__degree__related-info__heading__button";
     let contentSection = document.querySelectorAll(`[aria-labelledBy="${target.id}"]`)[0];
     if (contentSection) {
       if (!this.isExpandedRelatedContent) {
@@ -5317,12 +5462,12 @@ const HyListItem = class {
     const key = event.code;
     let target = event.target;
     const targetElement = target.tagName.toLowerCase();
-    const possibleTags = [targetElement].some((r) => ['svg', 'path', 'button', 'a'].indexOf(r) >= 0);
+    const possibleTags = [targetElement].some((r) => ["svg", "path", "button", "a"].indexOf(r) >= 0);
     if (target &&
       possibleTags &&
-      !target.classList.contains('hy-list-item-wrapper__degree__related-info__link') &&
+      !target.classList.contains("hy-list-item-wrapper__degree__related-info__link") &&
       [keys$2.enter, keys$2.space].includes(key)) {
-      if (targetElement !== 'button') {
+      if (targetElement !== "button") {
         target = target.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`);
       }
       this.expandRelatedInfoPanel(target);
@@ -5332,9 +5477,9 @@ const HyListItem = class {
   handleClick(event) {
     let target = event.target;
     const targetElement = target.tagName.toLowerCase();
-    const possibleTags = [targetElement].some((r) => ['svg', 'path', 'button', 'a'].indexOf(r) >= 0);
-    if (target && possibleTags && !target.classList.contains('hy-list-item-wrapper__degree__related-info__link')) {
-      if (targetElement !== 'button') {
+    const possibleTags = [targetElement].some((r) => ["svg", "path", "button", "a"].indexOf(r) >= 0);
+    if (target && possibleTags && !target.classList.contains("hy-list-item-wrapper__degree__related-info__link")) {
+      if (targetElement !== "button") {
         target = target.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`);
       }
       this.expandRelatedInfoPanel(target);
@@ -5348,16 +5493,16 @@ const HyListItem = class {
     this.srcSetWatcher(this.sourceSet);
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
     if (this.variant == utils.ListItemVariants.degreeProgramme) {
-      const image = document.querySelector('.hy-list-item__degree__image-container__image img');
+      const image = document.querySelector(".hy-list-item__degree__image-container__image img");
       if (image) {
-        image.addEventListener('load', function () {
+        image.addEventListener("load", function () {
           const outputImageAspectRatio = 1;
           const imageHeight = image.naturalHeight;
           const imageWidth = image.naturalWidth;
@@ -5376,15 +5521,15 @@ const HyListItem = class {
   }
   render() {
     const classWrapperAttributes = [
-      'hy-list-item-wrapper',
+      "hy-list-item-wrapper",
       `hy-list-item-wrapper__${this.variant}`,
       `hy-list-item-wrapper__${this.variant}__${this.headerstyle}`,
-    ].join(' ');
-    const classAttributes = ['hy-list-item', `hy-list-item__${this.variant}`].join(' ');
+    ].join(" ");
+    const classAttributes = ["hy-list-item", `hy-list-item__${this.variant}`].join(" ");
     const classInfoContainerAttributes = [
       `hy-list-item__${this.variant}__info-container`,
       `hy-list-item__${this.variant}__info-container__${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     /*const classInfoContainerDataAttributes = [
       `hy-list-item__${this.variant}__info-container__data`,
       `hy-list-item__${this.variant}__info-container__data__${this.headerstyle}`,
@@ -5392,91 +5537,91 @@ const HyListItem = class {
     const classInfoContainerHeader = [
       `hy-list-item__${this.variant}__info-container__header`,
       `hy-list-item__${this.variant}__info-container__header__${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     const classInfoContainerTitle = [
       `hy-list-item__${this.variant}__info-container__title`,
       `hy-list-item__${this.variant}__info-container__title__${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     const classInfoContainerDescription = [
       `hy-list-item__${this.variant}__info-container__description`,
       `hy-list-item__${this.variant}__info-container__description__${this.headerstyle}`,
-    ].join(' ');
-    const classInfoContainerLinkContainer = [`hy-list-item__${this.variant}__info-container__link-container`].join(' ');
-    const classInfoContainerLinkIcon = [`hy-list-item__${this.variant}__info-container__link__icon`].join(' ');
-    const classInfoContainerLink = [`hy-list-item__${this.variant}__info-container__link`].join(' ');
-    const target = this.isExternal ? '_blank' : '_self';
+    ].join(" ");
+    const classInfoContainerLinkContainer = [`hy-list-item__${this.variant}__info-container__link-container`].join(" ");
+    const classInfoContainerLinkIcon = [`hy-list-item__${this.variant}__info-container__link__icon`].join(" ");
+    const classInfoContainerLink = [`hy-list-item__${this.variant}__info-container__link`].join(" ");
+    const target = this.isExternal ? "_blank" : "_self";
     function truncate(str, n) {
-      return str.length > n ? str.substr(0, n - 1) + '...' : str;
+      return str.length > n ? str.substr(0, n - 1) + "..." : str;
     }
     switch (this.variant) {
       case utils.ListItemVariants.position: {
         const classInfoContainerOutgoingLink = [
           `hy-list-item__${this.variant}__info-container__outgoing-link`,
           `hy-list-item__${this.variant}__info-container__outgoing-link__${this.headerstyle}`,
-        ].join(' ');
-        return (index.h("article", null, index.h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, index.h("div", { class: classInfoContainerAttributes }, index.h("div", { class: classInfoContainerHeader }, index.h("div", { class: "icon" }, index.h("hy-icon", { icon: 'hy-icon-units-and-faculties', size: 18 })), this.itemType), index.h("div", { class: classInfoContainerTitle }, this.itemTitle), this.itemDescription && (index.h("div", { class: classInfoContainerDescription, innerHTML: this.truncateDescription
+        ].join(" ");
+        return (index.h("article", null, index.h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, index.h("div", { class: classInfoContainerAttributes }, index.h("div", { class: classInfoContainerHeader }, index.h("div", { class: "icon" }, index.h("hy-icon", { icon: "hy-icon-units-and-faculties", size: 18 })), this.itemType), index.h("div", { class: classInfoContainerTitle }, this.itemTitle), this.itemDescription && (index.h("div", { class: classInfoContainerDescription, innerHTML: this.truncateDescription
             ? truncate(this.itemDescription, this.truncateLimit)
-            : this.itemDescription }))), index.h("div", { class: classInfoContainerOutgoingLink }, index.h("span", { class: "icon" }, index.h("hy-icon", { icon: 'hy-icon-done', size: 14 })), index.h("span", { class: "label" }, this.outGoingUrlLabel)))));
+            : this.itemDescription }))), index.h("div", { class: classInfoContainerOutgoingLink }, index.h("span", { class: "icon" }, index.h("hy-icon", { icon: "hy-icon-done", size: 14 })), index.h("span", { class: "label" }, this.outGoingUrlLabel)))));
       }
       case utils.ListItemVariants.degreeProgramme: {
-        const classImageContainerAttributes = [`hy-list-item__${this.variant}__image-container`].join(' ');
-        const classImageContainerImage = [`hy-list-item__${this.variant}__image-container__image`].join(' ');
+        const classImageContainerAttributes = [`hy-list-item__${this.variant}__image-container`].join(" ");
+        const classImageContainerImage = [`hy-list-item__${this.variant}__image-container__image`].join(" ");
         const classInfoContainerAdditionalInfoAttributes = [
           `hy-list-item__${this.variant}__info-container__additional-info`,
           `hy-list-item__${this.variant}__info-container__additional-info__${this.headerstyle}`,
-        ].join(' ');
-        const withAdditionalInfo = this._additionalInfo && this._additionalInfo.length > 0 ? '' : 'link-only';
+        ].join(" ");
+        const withAdditionalInfo = this._additionalInfo && this._additionalInfo.length > 0 ? "" : "link-only";
         const classMetadataWrapper = [
           `hy-list-item__${this.variant}__info-container__metadata-wrapper`,
           withAdditionalInfo,
-        ].join(' ');
-        const classContentWrapper = [`hy-list-item__${this.variant}__info-container__content-wrapper`].join(' ');
+        ].join(" ");
+        const classContentWrapper = [`hy-list-item__${this.variant}__info-container__content-wrapper`].join(" ");
         const classInfoContainerOutgoingLink = [
           `hy-list-item__${this.variant}__info-container__outgoing-link`,
           `hy-list-item__${this.variant}__info-container__outgoing-link__${this.headerstyle}`,
-        ].join(' ');
+        ].join(" ");
         const classInfoContainerOutgoingLinkUrl = [
           `hy-list-item__${this.variant}__info-container__outgoing-link__link`,
-        ].join(' ');
+        ].join(" ");
         const classRelatedInfoContainer = [
           `hy-list-item-wrapper__${this.variant}__related-info`,
           `hy-list-item-wrapper__${this.variant}__related-info__${this.headerstyle}`,
-        ].join(' ');
-        const classRelatedInfoHeading = [`hy-list-item-wrapper__${this.variant}__related-info__heading`].join(' ');
-        const classRelatedInfoHeadingLink = [`hy-list-item-wrapper__${this.variant}__related-info__heading__link`].join(' ');
+        ].join(" ");
+        const classRelatedInfoHeading = [`hy-list-item-wrapper__${this.variant}__related-info__heading`].join(" ");
+        const classRelatedInfoHeadingLink = [`hy-list-item-wrapper__${this.variant}__related-info__heading__link`].join(" ");
         const classRelatedInfoHeadingButton = [
           `hy-list-item-wrapper__${this.variant}__related-info__heading__button`,
-        ].join(' ');
-        const classRelatedInfoHeadingIcon = [`hy-list-item-wrapper__${this.variant}__related-info__heading__icon`].join(' ');
-        const classRelatedInfoContent = [`hy-list-item-wrapper__${this.variant}__related-info__content`].join(' ');
-        const classRelatedInfoLink = [`hy-list-item-wrapper__${this.variant}__related-info__link`].join(' ');
+        ].join(" ");
+        const classRelatedInfoHeadingIcon = [`hy-list-item-wrapper__${this.variant}__related-info__heading__icon`].join(" ");
+        const classRelatedInfoContent = [`hy-list-item-wrapper__${this.variant}__related-info__content`].join(" ");
+        const classRelatedInfoLink = [`hy-list-item-wrapper__${this.variant}__related-info__link`].join(" ");
         const titleAsId = this.relatedLinksBlockTitle && this.relatedLinksBlockTitle.length > 0
-          ? `${this.itemTitle}-${this.relatedLinksBlockTitle}`.toLowerCase().replace(/\W/g, '-')
-          : '';
-        const accordionItemHref = '#' + titleAsId + '--title';
-        const relatedLinksCount = this.relatedLinksBlockTitle && this.relatedLinksBlockTitle.length > 0 ? this._relatedLinks.length : '';
+          ? `${this.itemTitle}-${this.relatedLinksBlockTitle}`.toLowerCase().replace(/\W/g, "-")
+          : "";
+        const accordionItemHref = "#" + titleAsId + "--title";
+        const relatedLinksCount = this.relatedLinksBlockTitle && this.relatedLinksBlockTitle.length > 0 ? this._relatedLinks.length : "";
         return [
-          index.h("article", { class: classWrapperAttributes }, index.h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, index.h("div", { class: classImageContainerAttributes }, index.h("div", { class: classImageContainerImage }, this._sourceSet ? (index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))), index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.itemImageUrl, alt: this.itemImageAlt, style: {
-              '--minheight': `${this._imageMinHeight}px`,
-              '--minwidth': `${this._imageMinWidth}px`,
-            } }))) : (index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.itemImageUrl, alt: this.itemImageAlt, style: {
-              '--minheight': `${this._imageMinHeight}px`,
-              '--minwidth': `${this._imageMinWidth}px`,
+          index.h("article", { class: classWrapperAttributes }, index.h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, index.h("div", { class: classImageContainerAttributes }, index.h("div", { class: classImageContainerImage }, this._sourceSet ? (index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), index.h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.itemImageUrl, alt: this.itemImageAlt, style: {
+              "--minheight": `${this._imageMinHeight}px`,
+              "--minwidth": `${this._imageMinWidth}px`,
+            } }))) : (index.h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.itemImageUrl, alt: this.itemImageAlt, style: {
+              "--minheight": `${this._imageMinHeight}px`,
+              "--minwidth": `${this._imageMinWidth}px`,
             } }))), this.imageLabel && index.h("span", null, this.imageLabel)), index.h("div", { class: classInfoContainerAttributes }, index.h("div", { class: classContentWrapper }, index.h("div", { class: classInfoContainerTitle }, this.itemTitle), this.itemDescription && (index.h("div", { class: classInfoContainerDescription, innerHTML: this.itemDescription }))), index.h("div", { class: classMetadataWrapper }, this._additionalInfo && (index.h("div", { class: classInfoContainerAdditionalInfoAttributes }, this._additionalInfo.map((x) => {
             let classInfoContainerAdditionalInfoItem = [
               `hy-list-item__${this.variant}__info-container__additional-info__item`,
               `hy-list-item__${this.variant}__info-container__additional-info__item__${this.headerstyle}`,
-              `${x.isActive.toString() == 'true' ? 'active' : ''}`,
-            ].join(' ');
+              `${x.isActive.toString() == "true" ? "active" : ""}`,
+            ].join(" ");
             return index.h("div", { class: classInfoContainerAdditionalInfoItem }, x.text);
-          }))), index.h("div", { class: classInfoContainerOutgoingLink }, index.h("a", { href: this.url, target: target, "aria-label": this.scLabel, class: classInfoContainerOutgoingLinkUrl, tabindex: "-1" }, index.h("span", { class: "label" }, this.outGoingUrlLabel), index.h("span", { class: "icon-wrapper" }, index.h("div", { class: "icon" }, index.h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 32 })))))))), this.relatedLinksBlockTitle && (index.h("div", { class: classRelatedInfoContainer }, index.h("div", { class: classRelatedInfoHeading }, index.h("a", { href: accordionItemHref, class: classRelatedInfoHeadingLink, tabindex: "-1" }, index.h("button", { "aria-expanded": "false", "aria-controls": `${titleAsId}--content`, class: classRelatedInfoHeadingButton, id: `${titleAsId}--title` }, index.h("span", { class: classRelatedInfoHeadingIcon }, index.h("hy-icon", { icon: 'hy-icon-caret-down', size: 14 })), this.relatedLinksBlockTitle, " (", relatedLinksCount, ")"))), index.h("div", { class: classRelatedInfoContent, "aria-labelledBy": `${titleAsId}--title`, id: `${titleAsId}--content`, role: "region", "aria-hidden": "true" }, this._relatedLinks.map((x) => {
-            let relatedLinkTarget = x.isExternal ? '_blank' : '_self';
+          }))), index.h("div", { class: classInfoContainerOutgoingLink }, index.h("a", { href: this.url, target: target, "aria-label": this.scLabel, class: classInfoContainerOutgoingLinkUrl, tabindex: "-1" }, index.h("span", { class: "label" }, this.outGoingUrlLabel), index.h("span", { class: "icon-wrapper" }, index.h("div", { class: "icon" }, index.h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 32 })))))))), this.relatedLinksBlockTitle && (index.h("div", { class: classRelatedInfoContainer }, index.h("div", { class: classRelatedInfoHeading }, index.h("a", { href: accordionItemHref, class: classRelatedInfoHeadingLink, tabindex: "-1" }, index.h("button", { "aria-expanded": "false", "aria-controls": `${titleAsId}--content`, class: classRelatedInfoHeadingButton, id: `${titleAsId}--title` }, index.h("span", { class: classRelatedInfoHeadingIcon }, index.h("hy-icon", { icon: "hy-icon-caret-down", size: 14 })), this.relatedLinksBlockTitle, " (", relatedLinksCount, ")"))), index.h("div", { class: classRelatedInfoContent, "aria-labelledBy": `${titleAsId}--title`, id: `${titleAsId}--content`, role: "region", "aria-hidden": "true" }, this._relatedLinks.map((x) => {
+            let relatedLinkTarget = x.isExternal ? "_blank" : "_self";
             return (index.h("a", { class: classRelatedInfoLink, href: x.url, target: target, "aria-label": relatedLinkTarget }, x.label));
           }))))),
         ];
       }
       default: {
-        return (index.h("article", null, index.h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, index.h("div", { class: classInfoContainerAttributes }, index.h("div", { class: classInfoContainerHeader }, this.itemType), index.h("div", { class: classInfoContainerTitle }, this.itemTitle), index.h("div", { class: classInfoContainerLinkContainer }, index.h("span", { class: classInfoContainerLinkIcon }, index.h("hy-icon", { icon: 'hy-icon-link', size: 15 })), index.h("div", { class: classInfoContainerLink }, this.url)), this.itemDescription && (index.h("div", { class: classInfoContainerDescription, innerHTML: this.itemDescription }))))));
+        return (index.h("article", null, index.h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, index.h("div", { class: classInfoContainerAttributes }, index.h("div", { class: classInfoContainerHeader }, this.itemType), index.h("div", { class: classInfoContainerTitle }, this.itemTitle), index.h("div", { class: classInfoContainerLinkContainer }, index.h("span", { class: classInfoContainerLinkIcon }, index.h("hy-icon", { icon: "hy-icon-link", size: 15 })), index.h("div", { class: classInfoContainerLink }, this.url)), this.itemDescription && (index.h("div", { class: classInfoContainerDescription, innerHTML: this.itemDescription }))))));
       }
     }
   }
@@ -5517,10 +5662,10 @@ const HyLogoGridItem = class {
     const parsedLink = this.link ? JSON.parse(this.link) : null;
     return parsedImage.map(({ image_sources: sources, image_url: fallback_url, image_alt: alt }) => {
       const parsedSources = JSON.parse(sources);
-      const elementContent = (index.h("figure", { class: "hy-logo-grid__figure" }, parsedSources && (index.h("picture", null, parsedSources.map(({ src, media, type, sizes }) => (index.h("source", { srcSet: src, media: media, type: type, sizes: sizes ? sizes : '' }))), index.h("img", { alt: alt, src: fallback_url }))), !parsedSources && index.h("img", { alt: alt, src: fallback_url })));
+      const elementContent = (index.h("figure", { class: "hy-logo-grid__figure" }, parsedSources && (index.h("picture", null, parsedSources.map(({ src, media, type, sizes }) => (index.h("source", { srcSet: src, media: media, type: type, sizes: sizes ? sizes : "" }))), index.h("img", { alt: alt, src: fallback_url }))), !parsedSources && index.h("img", { alt: alt, src: fallback_url })));
       if (parsedLink) {
         const { url, target } = parsedLink;
-        const targetValue = target === '_blank' ? target : '_self';
+        const targetValue = target === "_blank" ? target : "_self";
         return (index.h("a", { href: url, target: targetValue, class: "hy-logo-grid__link" }, elementContent));
       }
       return elementContent;
@@ -5538,10 +5683,10 @@ const HyMain = class {
   }
   render() {
     const classAttributes = [
-      'hy-main',
-      this.hasSidebar ? 'with-sidebar' : 'without-sidebar',
-      this.hasSidebar ? 'hy-main__common' : 'hy-main__large',
-    ].join(' ');
+      "hy-main",
+      this.hasSidebar ? "with-sidebar" : "without-sidebar",
+      this.hasSidebar ? "hy-main__common" : "hy-main__large",
+    ].join(" ");
     return (index.h("div", { class: classAttributes }, index.h("slot", null)));
   }
 };
@@ -5554,7 +5699,7 @@ const HyMainContentWrapper = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    const classAttributes = ['hy-main-content-wrapper'].join(' ');
+    const classAttributes = ["hy-main-content-wrapper"].join(" ");
     return (index.h(index.Host, null, index.h("div", { class: classAttributes }, index.h("slot", null))));
   }
 };
@@ -5605,10 +5750,10 @@ const MenuLanguage = class {
   }
   adjustPosition(languageMenuSelector, target) {
     const languagePanel = languageMenuSelector.shadowRoot.querySelectorAll(`.menu-language__dropdown`)[0];
-    let headerHeight = '0';
+    let headerHeight = "0";
     let hyHeader = this.isGroup
-      ? target.closest('.hy-site-header__content-top')
-      : target.closest('.hy-site-header');
+      ? target.closest(".hy-site-header__content-top")
+      : target.closest(".hy-site-header");
     if (hyHeader) {
       let rectHeader = hyHeader.getBoundingClientRect();
       let rectLangMenu = languageMenuSelector.getBoundingClientRect();
@@ -5621,22 +5766,22 @@ const MenuLanguage = class {
     this._labels = await globalScript.jsonParserWorker(this.labels);
   }
   render() {
-    const black = 'var(--brand-main-nearly-black)';
-    const white = 'var(--grayscale-white)';
+    const black = "var(--brand-main-nearly-black)";
+    const white = "var(--grayscale-white)";
     const svgColor = this.isGroup ? white : black;
     const globeIconSize = this.isGroup ? 16 : 14;
     return (index.h("div", { class: {
-        'menu-language': true,
-        'is-open': this.isMenuOpen,
-        'is-group': this.isGroup,
+        "menu-language": true,
+        "is-open": this.isMenuOpen,
+        "is-group": this.isGroup,
       } }, index.h("button", { class: {
-        'menu-language__toggle': true,
-      }, "aria-label": this.isMenuOpen ? this._labels['close'] : this._labels['open'] }, index.h("hy-icon", { icon: 'hy-icon-globe', size: globeIconSize, fill: svgColor }), index.h("span", null, this._dataMenuLanguage.map(({ isActive, langCode }) => {
+        "menu-language__toggle": true,
+      }, "aria-label": this.isMenuOpen ? this._labels["close"] : this._labels["open"] }, index.h("hy-icon", { icon: "hy-icon-globe", size: globeIconSize, fill: svgColor }), index.h("span", null, this._dataMenuLanguage.map(({ isActive, langCode }) => {
       if (isActive) {
         return langCode;
       }
-    })), index.h("hy-icon", { icon: 'hy-icon-caret-down', size: 8, fill: svgColor })), index.h("div", { class: {
-        'menu-language__dropdown': true,
+    })), index.h("hy-icon", { icon: "hy-icon-caret-down", size: 8, fill: svgColor })), index.h("div", { class: {
+        "menu-language__dropdown": true,
       }, "aria-hidden": `${!this.isMenuOpen}` }, index.h("ul", { class: "menu-language__links" }, this._dataMenuLanguage.map((item) => {
       return (index.h("hy-menu-language-item", { "lang-code": item.langCode, url: item.url, label: item.label, abbr: item.abbr, "is-active": item.isActive, "is-disabled": item.isDisabled }));
     })))));
@@ -5659,9 +5804,9 @@ const SiteLanguage = class {
   }
   render() {
     return (index.h("li", { class: `menu-language__links-item` }, index.h("a", { href: this.url, lang: this.langCode, class: {
-        'is-active': this.isActive,
-        'is-disabled': this.isDisabled,
-        'menu-language__link': true,
+        "is-active": this.isActive,
+        "is-disabled": this.isDisabled,
+        "menu-language__link": true,
       } }, this.label)));
   }
 };
@@ -5670,15 +5815,15 @@ SiteLanguage.style = menuLanguageItemCss;
 const hyMenuMainGroupCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}:host(.menu--main-group){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;margin-left:28px}@media (min-width: 75.0625rem){:host(.menu--main-group){margin-right:auto}}.menu--main-group__toggle{font-size:0.875rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--grayscale-black);border:0 none;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;font-family:var(--main-font-family);letter-spacing:-0.44px;margin:0 -4px;padding:0;position:relative}.menu--main-group__toggle:focus{outline:none}.menu--main-group__toggle:hover{cursor:pointer}.menu--main-group__toggle:hover span{color:var(--grayscale-medium)}.menu--main-group__toggle:hover svg{fill:var(--grayscale-medium)}@media (min-width: 60rem){.menu--main-group__toggle .toggle__caret svg{height:15.27px;width:3px}}@media (min-width: 75.0625rem){.menu--main-group__toggle .toggle__caret svg{height:14px;width:3px}}@media (min-width: 60rem){.menu--main-group__toggle span{margin-left:17px}}.menu--main-group__toggle.is-open:after{border-bottom:3px solid white;bottom:-10px;content:\" \";position:absolute;width:100%}@media (min-width: 60rem){.menu--main-group__toggle.is-open .toggle__close{height:15px;width:15px}.menu--main-group__toggle.is-open .toggle__close svg{height:15px;width:15px}}@media (min-width: 60rem){.menu--main-group__toggle.is-open span{margin-left:10px}}.menu--main-group__dropdown{display:none;visibility:hidden}.menu--main-group__dropdown.is-open{background-color:var(--grayscale-black);border-radius:0 0 5px 5px;-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);left:0;margin:0;padding:6px 0 20px;position:absolute;top:0;visibility:visible;width:100%;z-index:511}.menu--main-group__dropdown.is-open .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;justify-items:center;padding-top:14px;position:relative}.menu--main-group__dropdown.is-open .panel-toggle{background-color:transparent;border:none;position:absolute;right:0;top:0}@media (min-width: 60rem){.menu--main-group__dropdown.is-open .panel-toggle{padding:26px 32px}}.menu--main-group__dropdown.is-open .panel-toggle__label{font-size:1rem;line-height:20px;font-weight:700;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.5px;text-transform:uppercase}.menu--main-group__dropdown.is-open .panel-toggle__label__title{padding-right:12px}.menu--main-group__dropdown.is-open .panel-toggle__label:hover{cursor:pointer}.menu--main-group__dropdown.is-open .panel-toggle__label:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .panel-toggle__label:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link{font-size:1rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:20px;text-decoration:none}@media (min-width: 75.0625rem){.menu--main-group__dropdown.is-open .menu-main-link{font-size:0.875rem;line-height:18px}}.menu--main-group__dropdown.is-open .menu-main-link:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu--main-group__label{color:var(--grayscale-white);margin-left:12px}:host(.menu--main-group--mobile){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;position:relative}.menu--main-group__mobile-toggle{border:none;background:transparent;padding:15px 12px}.menu--main-group__mobile-toggle:hover{cursor:pointer}.menu--main-group__dropdown__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:23px}.menu--main-group__dropdown__close{border:none;background-color:transparent;padding:0;margin:0}.menu--main-group__dropdown__close:hover{cursor:pointer}.menu--main-group__logo-container .hy-site-logo__label.group{max-width:250px}.menu--main-group__dropdown__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu--main-group__dropdown__items .menu-main-link{font-size:0.9375rem;line-height:20px;background-color:var(--grayscale-dark-text);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.5px;margin-bottom:8px;padding:14px 20px;text-decoration:none;width:100%}.menu--main-group__dropdown__items .menu-main-link:hover{text-decoration:underline}.menu--main-group__dropdown__donate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--grayscale-dark-text);position:fixed;bottom:0;margin-left:-20px;width:100%}.menu--main-group__dropdown__donate .hy-link__donate.group{font-size:1rem;line-height:16px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--grayscale-white);font-family:var(--main-font-family);margin:20px auto 16px auto;text-decoration:none}.menu--main-group__dropdown__donate .hy-link__donate.group .hy-link__donate__label{margin-left:6px}.menu--main-group__dropdown--mobile{-webkit-box-direction:normal;-webkit-box-orient:vertical;background-color:var(--grayscale-black);bottom:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-items:space-between;max-width:400px;overflow:hidden;padding:0px;place-items:stretch;position:fixed;right:0px;top:0px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;visibility:hidden;width:0px}.menu--main-group__dropdown--mobile.is-open{padding:50px 20px 20px;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);visibility:visible;width:90%;z-index:101}.menu--main-group__dropdown--mobile.is-open::after{opacity:1;visibility:visible}";
 
 let keys$1 = {
-  enter: 'Enter',
+  enter: "Enter",
 };
 const HyMenuMainGroup = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.universityMainMenuToggled = index.createEvent(this, "universityMainMenuToggled", 7);
     this.mobileMenuTopToggle = index.createEvent(this, "mobileMenuTopToggle", 7);
-    this.menuLabel = 'University main menu';
-    this.menuLabelClose = 'Close';
+    this.menuLabel = "University main menu";
+    this.menuLabelClose = "Close";
     this.dataMainMenu = undefined;
     this.isMobile = false;
     this.logoUrl = undefined;
@@ -5700,7 +5845,7 @@ const HyMenuMainGroup = class {
     event.stopPropagation();
     const key = event.code;
     let target = event.target;
-    if (key === 'Escape' && this.isMenuOpen) {
+    if (key === "Escape" && this.isMenuOpen) {
       this.isMenuOpen = false;
       this.emitEvent();
     }
@@ -5718,11 +5863,11 @@ const HyMenuMainGroup = class {
     this.mobileMenuTopToggle.emit();
   }
   adjustMainMenuPosition(target) {
-    let hyTopHeader = this.el.closest('.hy-site-header__content-top');
-    if (hyTopHeader && !hyTopHeader.hasAttribute('is-mobile')) {
-      let mainMenuToggle = target.shadowRoot.querySelector('.menu--main-group__toggle');
-      let mainMenuDropdown = target.shadowRoot.querySelector('.menu--main-group__dropdown');
-      let mainMenuList = target.shadowRoot.querySelector('.list');
+    let hyTopHeader = this.el.closest(".hy-site-header__content-top");
+    if (hyTopHeader && !hyTopHeader.hasAttribute("is-mobile")) {
+      let mainMenuToggle = target.shadowRoot.querySelector(".menu--main-group__toggle");
+      let mainMenuDropdown = target.shadowRoot.querySelector(".menu--main-group__dropdown");
+      let mainMenuList = target.shadowRoot.querySelector(".list");
       if (mainMenuDropdown && mainMenuList && mainMenuToggle) {
         let rectHeader = hyTopHeader.getBoundingClientRect();
         let rectMenuToggle = mainMenuToggle.getBoundingClientRect();
@@ -5730,23 +5875,23 @@ const HyMenuMainGroup = class {
         mainMenuList.style.left = `${rectMenuToggle.left}px`;
       }
       let headerHeight = hyTopHeader.offsetHeight + 270;
-      this.showBackdropShadow('open', headerHeight);
+      this.showBackdropShadow("open", headerHeight);
     }
   }
-  showBackdropShadow(state = 'close', top = 0) {
-    let hyHeader = this.el.closest('.hy-site-header');
+  showBackdropShadow(state = "close", top = 0) {
+    let hyHeader = this.el.closest(".hy-site-header");
     let hyBackdropDiv = hyHeader.children[0];
     if (hyBackdropDiv) {
-      if (state === 'open') {
+      if (state === "open") {
         let me = window.outerHeight - top;
         hyBackdropDiv.style.height = `${me}px`;
         hyBackdropDiv.style.top = `${top}px`;
-        hyBackdropDiv.style.position = 'absolute';
-        hyBackdropDiv.classList.add('is-active');
+        hyBackdropDiv.style.position = "absolute";
+        hyBackdropDiv.classList.add("is-active");
       }
       else {
-        hyBackdropDiv.removeAttribute('style');
-        hyBackdropDiv.classList.remove('is-active');
+        hyBackdropDiv.removeAttribute("style");
+        hyBackdropDiv.classList.remove("is-active");
       }
     }
   }
@@ -5780,37 +5925,37 @@ const HyMenuMainGroup = class {
     this.isMenuOpen = false;
   }
   render() {
-    const white = 'var(--grayscale-white)';
+    const white = "var(--grayscale-white)";
     const logoSizeGroup = this.isMobile ? utils.SiteLogoSize.small : utils.SiteLogoSize.small;
     const logoColorGroup = utils.ColorVariant.white;
     return this.isMobile ? (index.h(index.Host, { class: {
-        'menu--main-group--mobile': true,
-        'menu--main-group--mobile__is-open': this.isMenuOpen,
+        "menu--main-group--mobile": true,
+        "menu--main-group--mobile__is-open": this.isMenuOpen,
       } }, index.h("button", { "aria-label": this.menuLabel, class: {
-        'menu--main-group__mobile-toggle': true,
-        'is-open': this.isMenuOpen,
-      } }, index.h("hy-icon", { icon: 'hy-icon-slim-hamburger-menu', size: 20, fill: white })), index.h("nav", { role: "navigation", "aria-hidden": this.isMenuOpen ? 'false' : 'true', class: {
-        'menu--main-group__dropdown--mobile': true,
-        'is-open': this.isMenuOpen,
-      } }, index.h("div", { class: "menu--main-group__dropdown__top" }, index.h("div", { class: 'menu--main-group__logo-container', id: 'menu-logo' }, index.h("hy-site-logo", { "is-group": true, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), index.h("button", { "aria-label": `Close ${this.menuLabel}`, class: "menu--main-group__dropdown__close", onClick: (e) => this.handleTopMenuClose(e) }, index.h("hy-icon", { icon: 'hy-icon-remove', size: 20, fill: white }))), index.h("div", { class: "menu--main-group__dropdown__items" }, this._dataMainMenu.map((item) => {
-      return (index.h("a", { href: item.url, class: { 'menu-main-link': true } }, index.h("span", { class: 'menu--main-group__label' }, item.label)));
+        "menu--main-group__mobile-toggle": true,
+        "is-open": this.isMenuOpen,
+      } }, index.h("hy-icon", { icon: "hy-icon-slim-hamburger-menu", size: 20, fill: white })), index.h("nav", { role: "navigation", "aria-hidden": this.isMenuOpen ? "false" : "true", class: {
+        "menu--main-group__dropdown--mobile": true,
+        "is-open": this.isMenuOpen,
+      } }, index.h("div", { class: "menu--main-group__dropdown__top" }, index.h("div", { class: "menu--main-group__logo-container", id: "menu-logo" }, index.h("hy-site-logo", { "is-group": true, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), index.h("button", { "aria-label": `Close ${this.menuLabel}`, class: "menu--main-group__dropdown__close", onClick: (e) => this.handleTopMenuClose(e) }, index.h("hy-icon", { icon: "hy-icon-remove", size: 20, fill: white }))), index.h("div", { class: "menu--main-group__dropdown__items" }, this._dataMainMenu.map((item) => {
+      return (index.h("a", { href: item.url, class: { "menu-main-link": true } }, index.h("span", { class: "menu--main-group__label" }, item.label)));
     })), index.h("div", { class: "menu--main-group__dropdown__donate" }, this.donate &&
       this.donate.map((i) => {
-        return (index.h("a", { class: 'menu--secondary__item hy-link__donate group', href: i.url }, index.h("hy-icon", { icon: 'hy-icon-heart-support', size: 14, fill: logoColorGroup }), index.h("span", { class: 'hy-link__donate__label group' }, i.label)));
+        return (index.h("a", { class: "menu--secondary__item hy-link__donate group", href: i.url }, index.h("hy-icon", { icon: "hy-icon-heart-support", size: 14, fill: logoColorGroup }), index.h("span", { class: "hy-link__donate__label group" }, i.label)));
       }))))) : (index.h(index.Host, { class: {
-        'menu--main-group': true,
-        'menu--main-group__is-open': this.isMenuOpen,
+        "menu--main-group": true,
+        "menu--main-group__is-open": this.isMenuOpen,
       } }, index.h("button", { class: {
-        'menu--main-group__toggle': true,
-        'is-open': this.isMenuOpen,
-      }, "aria-expanded": this.isMenuOpen ? 'true' : 'false', "aria-haspopup": "menu" }, this.isMenuOpen ? (index.h("hy-icon", { class: 'toggle__close', icon: 'hy-icon-remove', size: 8, fill: white })) : (index.h("hy-icon", { class: 'toggle__caret', icon: 'hy-icon-slim-hamburger-menu', size: 8, fill: white })), index.h("span", null, this.menuLabel)), index.h("div", { class: {
-        'menu--main-group__dropdown': true,
-        'is-open': this.isMenuOpen,
+        "menu--main-group__toggle": true,
+        "is-open": this.isMenuOpen,
+      }, "aria-expanded": this.isMenuOpen ? "true" : "false", "aria-haspopup": "menu" }, this.isMenuOpen ? (index.h("hy-icon", { class: "toggle__close", icon: "hy-icon-remove", size: 8, fill: white })) : (index.h("hy-icon", { class: "toggle__caret", icon: "hy-icon-slim-hamburger-menu", size: 8, fill: white })), index.h("span", null, this.menuLabel)), index.h("div", { class: {
+        "menu--main-group__dropdown": true,
+        "is-open": this.isMenuOpen,
       } }, index.h("div", { class: "list" }, this._dataMainMenu.map((item) => {
-      return (index.h("a", { href: item.url, class: { 'menu-main-link': true } }, index.h("span", { class: "heading-icon" }, index.h("hy-icon", { icon: 'hy-icon-caret-right', size: 10, fill: white })), index.h("span", { class: 'menu--main-group__label' }, item.label)));
+      return (index.h("a", { href: item.url, class: { "menu-main-link": true } }, index.h("span", { class: "heading-icon" }, index.h("hy-icon", { icon: "hy-icon-caret-right", size: 10, fill: white })), index.h("span", { class: "menu--main-group__label" }, item.label)));
     })), index.h("button", { onClick: (e) => this.handleComponentClick(e), class: {
-        'panel-toggle': true,
-      }, "aria-label": "Close menu" }, index.h("span", { class: "panel-toggle__label" }, index.h("span", { class: "panel-toggle__label__title" }, this.menuLabelClose), index.h("hy-icon", { icon: 'hy-icon-remove', size: 20, fill: utils.ColorVariant.white }))))));
+        "panel-toggle": true,
+      }, "aria-label": "Close menu" }, index.h("span", { class: "panel-toggle__label" }, index.h("span", { class: "panel-toggle__label__title" }, this.menuLabelClose), index.h("hy-icon", { icon: "hy-icon-remove", size: 20, fill: utils.ColorVariant.white }))))));
   }
   get el() { return index.getElement(this); }
 };
@@ -5823,7 +5968,7 @@ const HyOpeningHours = class {
     index.registerInstance(this, hostRef);
     this.blockTitle = null;
     this.language = undefined;
-    this.venueType = 'libraries';
+    this.venueType = "libraries";
     this.blockId = undefined;
     this.nextLabel = undefined;
     this.prevLabel = undefined;
@@ -5832,7 +5977,7 @@ const HyOpeningHours = class {
     this.customerServiceLabel = undefined;
     this.date = null;
     this.dateTitle = null;
-    this.dateType = 'day';
+    this.dateType = "day";
     this.multiple = false;
     this.customLinkTitle = null;
     this.customLink = null;
@@ -5840,12 +5985,12 @@ const HyOpeningHours = class {
   }
   render() {
     const containerClasses = [
-      'hy-open-hours--container',
-      this.exceptional ? 'hy-open-hours--container--exceptional' : '',
-    ].join(' ');
-    const listClasses = ['open-hours__content__top-label', this.venueType].join(' ');
-    const buildingClasses = ['open-hours__content__top-label building', this.venueType].join(' ');
-    return (index.h(index.Host, null, index.h("div", { class: containerClasses, "data-lang": this.language, "data-id": this.blockId, "data-date": this.date, "data-type": this.dateType, "data-multiple": this.multiple }, this.blockTitle && index.h("h3", { class: "open-hours__title" }, this.blockTitle), !this.exceptional && (index.h("div", { class: "open-hours__date-change" }, index.h("button", { "aria-label": this.prevLabel, class: "icon--arrow-left open-hours__prev-date" }, index.h("hy-icon", { icon: 'hy-icon-caret-left', size: 18 })), index.h("span", { class: "open-hours__date-change--title" }, this.dateTitle), index.h("button", { "aria-label": this.nextLabel, class: "icon--arrow-right open-hours__next-date" }, index.h("hy-icon", { icon: 'hy-icon-caret-right', size: 18 })))), index.h("div", { class: "open-hours__content__top" }, index.h("span", { class: listClasses }, this.listLabel), index.h("span", { class: buildingClasses }, this.buildingLabel), this.customerServiceLabel && index.h("span", { class: listClasses }, this.customerServiceLabel)), index.h("div", { class: "open-hours__content" }, index.h("slot", null)), this.customLink && (index.h("div", { class: "open-hours__links" }, index.h("hy-cta-link", { "full-width": true, "link-content": this.customLinkTitle, "sc-label": this.customLinkTitle, url: this.customLink, variant: utils.CtaLinkVariants.linkList }, this.customLinkTitle)))), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+      "hy-open-hours--container",
+      this.exceptional ? "hy-open-hours--container--exceptional" : "",
+    ].join(" ");
+    const listClasses = ["open-hours__content__top-label", this.venueType].join(" ");
+    const buildingClasses = ["open-hours__content__top-label building", this.venueType].join(" ");
+    return (index.h(index.Host, null, index.h("div", { class: containerClasses, "data-lang": this.language, "data-id": this.blockId, "data-date": this.date, "data-type": this.dateType, "data-multiple": this.multiple }, this.blockTitle && index.h("h3", { class: "open-hours__title" }, this.blockTitle), !this.exceptional && (index.h("div", { class: "open-hours__date-change" }, index.h("button", { "aria-label": this.prevLabel, class: "icon--arrow-left open-hours__prev-date" }, index.h("hy-icon", { icon: "hy-icon-caret-left", size: 18 })), index.h("span", { class: "open-hours__date-change--title" }, this.dateTitle), index.h("button", { "aria-label": this.nextLabel, class: "icon--arrow-right open-hours__next-date" }, index.h("hy-icon", { icon: "hy-icon-caret-right", size: 18 })))), index.h("div", { class: "open-hours__content__top" }, index.h("span", { class: listClasses }, this.listLabel), index.h("span", { class: buildingClasses }, this.buildingLabel), this.customerServiceLabel && index.h("span", { class: listClasses }, this.customerServiceLabel)), index.h("div", { class: "open-hours__content" }, index.h("slot", null)), this.customLink && (index.h("div", { class: "open-hours__links" }, index.h("hy-cta-link", { "full-width": true, "link-content": this.customLinkTitle, "sc-label": this.customLinkTitle, url: this.customLink, variant: utils.CtaLinkVariants.linkList }, this.customLinkTitle)))), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
 };
 HyOpeningHours.style = hyOpeningHoursCss;
@@ -5857,11 +6002,11 @@ const HyOpeningHoursContent = class {
     index.registerInstance(this, hostRef);
     this.multiple = false;
     this.selfServiceLabel = null;
-    this.venueType = 'libraries';
+    this.venueType = "libraries";
     this.dataItems = undefined;
   }
   dataItemsWatcher(data) {
-    this._dataItems = typeof data === 'string' ? JSON.parse(data) : data;
+    this._dataItems = typeof data === "string" ? JSON.parse(data) : data;
   }
   componentWillLoad() {
     this.dataItemsWatcher(this.dataItems);
@@ -5870,15 +6015,15 @@ const HyOpeningHoursContent = class {
     return (index.h(index.Host, null, this._dataItems.map((item) => {
       if (!item.service)
         return;
-      const itemClasses = ['open-hours__list-item', item.today ? 'open-hours__list-item--today' : ''].join(' ');
+      const itemClasses = ["open-hours__list-item", item.today ? "open-hours__list-item--today" : ""].join(" ");
       return (index.h("div", { class: itemClasses }, index.h("span", { class: "open-hours__list-item--office" }, item.today ? item.today : item.dateLibrary), index.h("span", { class: "open-hours__list-item--hours" }, item.building), index.h("span", { class: "open-hours__list-item--service" }, item.service)));
     }), this.selfServiceLabel && (index.h("div", { class: "open-hours__content__top" }, index.h("span", { class: "open-hours__content__top-label" }, this.selfServiceLabel))), this._dataItems.map((item) => {
       if (item.service)
         return;
-      const itemClasses = ['open-hours__list-item', item.today ? 'open-hours__list-item--today' : ''].join(' ');
-      const hoursClasses = ['open-hours__list-item--hours', this.venueType].join(' ');
-      const officeClasses = ['open-hours__list-item--office', this.venueType].join(' ');
-      return (index.h("div", { class: itemClasses }, index.h("span", { class: officeClasses }, item.today ? item.today : item.dateLibrary), index.h("span", { class: hoursClasses }, item.building), this.venueType !== 'luomus' && index.h("span", { class: "open-hours__list-item--service" }, "-")));
+      const itemClasses = ["open-hours__list-item", item.today ? "open-hours__list-item--today" : ""].join(" ");
+      const hoursClasses = ["open-hours__list-item--hours", this.venueType].join(" ");
+      const officeClasses = ["open-hours__list-item--office", this.venueType].join(" ");
+      return (index.h("div", { class: itemClasses }, index.h("span", { class: officeClasses }, item.today ? item.today : item.dateLibrary), index.h("span", { class: hoursClasses }, item.building), this.venueType !== "luomus" && index.h("span", { class: "open-hours__list-item--service" }, "-")));
     })));
   }
   static get watchers() { return {
@@ -5894,7 +6039,7 @@ const HyPager = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    const classAttributes = ['hy-pager'].join(' ');
+    const classAttributes = ["hy-pager"].join(" ");
     return (index.h("ul", { class: classAttributes }, index.h("slot", null)));
   }
 };
@@ -5911,28 +6056,28 @@ const HyPagerItem = class {
     this.scAriaLabel = undefined;
   }
   render() {
-    let classAttributes = ['hy-pager__item'].join(' ');
+    let classAttributes = ["hy-pager__item"].join(" ");
     switch (this.variant) {
       case utils.PaginationItemVariants.current: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__current'].join(' ');
+        classAttributes = ["hy-pager__item", "hy-pager__item__current"].join(" ");
         return (index.h("li", { class: classAttributes }, index.h("a", { href: this.itemUrl, "aria-current": "true" }, this.itemLabel)));
       }
       case utils.PaginationItemVariants.next: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__next'].join(' ');
-        const iconClassAttributes = ['link-icon'].join(' ');
-        return (index.h("li", { class: classAttributes }, index.h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, this.itemLabel, index.h("span", { class: 'hy-icon-wrapper' }, index.h("div", { class: iconClassAttributes }, index.h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 12 }))))));
+        classAttributes = ["hy-pager__item", "hy-pager__item__next"].join(" ");
+        const iconClassAttributes = ["link-icon"].join(" ");
+        return (index.h("li", { class: classAttributes }, index.h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, this.itemLabel, index.h("span", { class: "hy-icon-wrapper" }, index.h("div", { class: iconClassAttributes }, index.h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 12 }))))));
       }
       case utils.PaginationItemVariants.previous: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__previous'].join(' ');
-        const iconClassAttributes = ['link-icon'].join(' ');
-        return (index.h("li", { class: classAttributes }, index.h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, index.h("span", { class: 'hy-icon-wrapper' }, index.h("div", { class: iconClassAttributes }, index.h("hy-icon", { icon: 'hy-icon-arrow-left', size: 12 }))), this.itemLabel)));
+        classAttributes = ["hy-pager__item", "hy-pager__item__previous"].join(" ");
+        const iconClassAttributes = ["link-icon"].join(" ");
+        return (index.h("li", { class: classAttributes }, index.h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, index.h("span", { class: "hy-icon-wrapper" }, index.h("div", { class: iconClassAttributes }, index.h("hy-icon", { icon: "hy-icon-arrow-left", size: 12 }))), this.itemLabel)));
       }
       case utils.PaginationItemVariants.ellipsis: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__ellipsis'].join(' ');
+        classAttributes = ["hy-pager__item", "hy-pager__item__ellipsis"].join(" ");
         return index.h("li", { class: classAttributes }, "...");
       }
       default: {
-        classAttributes = ['hy-pager__item'].join(' ');
+        classAttributes = ["hy-pager__item"].join(" ");
         return (index.h("li", { class: classAttributes }, index.h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, this.itemLabel)));
       }
     }
@@ -5950,25 +6095,25 @@ const ParagraphText = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.variant = undefined;
-    this.placement = 'internal';
-    this.headerstyle = 'default';
+    this.placement = "internal";
+    this.headerstyle = "default";
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
     const classAttributes = [
-      'hy-paragraph-text',
+      "hy-paragraph-text",
       `hy-paragraph-text__${this.headerstyle}`,
       `${this.variant}`,
       `${this.placement}`,
       `${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     return (index.h(index.Host, null, index.h("div", { class: classAttributes }, index.h("slot", null))));
   }
   get el() { return index.getElement(this); }
@@ -6022,44 +6167,44 @@ const HyPersonCard = class {
     this.isMobile = size <= 479 ? true : false;
   }
   componentWillRender() {
-    this._fullName = this.firstName && this.lastName ? `${this.firstName} ${this.lastName}` : '';
+    this._fullName = this.firstName && this.lastName ? `${this.firstName} ${this.lastName}` : "";
     this._initials =
-      this.imageUrl && this.firstName && this.lastName ? '' : `${this.firstName.charAt(0)}${this.lastName.charAt(0)}`;
+      this.imageUrl && this.firstName && this.lastName ? "" : `${this.firstName.charAt(0)}${this.lastName.charAt(0)}`;
     if (!this.imageAlt) {
       this.imageAlt = this._fullName;
     }
     if (!this.scLabel) {
-      this.scLabel = 'Link to the person profile';
+      this.scLabel = "Link to the person profile";
     }
   }
   render() {
-    let classLinkAttributes = ['hy-person-card-container__link', this.variant].join(' ');
-    let classIsActive = this.url && this.url.length > 0 ? '' : ' inactive';
+    let classLinkAttributes = ["hy-person-card-container__link", this.variant].join(" ");
+    let classIsActive = this.url && this.url.length > 0 ? "" : " inactive";
     classLinkAttributes = classLinkAttributes.concat(classIsActive);
-    const classAttributes = ['hy-person-card', this.variant].join(' ');
+    const classAttributes = ["hy-person-card", this.variant].join(" ");
     const classPositionTitle = [
-      'hy-person-card__info-container__position-title',
+      "hy-person-card__info-container__position-title",
       `hy-person-card__info-container__position-title__${this.variant}`,
-    ].join(' ');
-    const target = this.isExternal ? '_blank' : '_self';
-    return (index.h("article", { class: "hy-person-card-container" }, index.h("div", { class: classLinkAttributes }, this.categoryTitle && this.variant == utils.PersonCardVariants.default && (index.h("div", { class: "hy-person-card-container__category-title" }, this.categoryTitle)), index.h("div", { class: classAttributes }, index.h("div", { class: "hy-person-card__image-container" }, this.imageUrl ? (index.h("a", { class: "hy-person-card__image-container__image", href: this.url, target: target }, index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt }))) : (index.h("div", { class: "hy-person-card__image-container__no-image" }, index.h("div", { class: "hy-person-card__image-container__no-image__initials", "aria-hidden": "true" }, this._initials)))), index.h("div", { class: "hy-person-card__info-container" }, index.h("a", { class: "hy-person-card__info-container__full-name", href: this.url, target: target }, this._fullName), this.positionTitle && index.h("div", { class: classPositionTitle }, this.positionTitle), this.department &&
+    ].join(" ");
+    const target = this.isExternal ? "_blank" : "_self";
+    return (index.h("article", { class: "hy-person-card-container" }, index.h("div", { class: classLinkAttributes }, this.categoryTitle && this.variant == utils.PersonCardVariants.default && (index.h("div", { class: "hy-person-card-container__category-title" }, this.categoryTitle)), index.h("div", { class: classAttributes }, index.h("div", { class: "hy-person-card__image-container" }, this.imageUrl ? (index.h("a", { class: "hy-person-card__image-container__image", href: this.url, target: target }, index.h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt }))) : (index.h("div", { class: "hy-person-card__image-container__no-image" }, index.h("div", { class: "hy-person-card__image-container__no-image__initials", "aria-hidden": "true" }, this._initials)))), index.h("div", { class: "hy-person-card__info-container" }, index.h("a", { class: "hy-person-card__info-container__full-name", href: this.url, target: target }, this._fullName), this.positionTitle && index.h("div", { class: classPositionTitle }, this.positionTitle), this.department &&
       (this.variant == utils.PersonCardVariants.default ||
         (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && (index.h("div", { class: "hy-person-card__info-container__department" }, this.department)), this.field &&
       (this.variant == utils.PersonCardVariants.default ||
         (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && (index.h("div", { class: "hy-person-card__info-container__field" }, this.field)), this.email &&
       (this.variant == utils.PersonCardVariants.default ||
         (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && [
-      index.h("div", { class: "hy-person-card__info-container__email-container" }, index.h("span", { class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { icon: 'hy-icon-email', size: 16 })), index.h("span", { class: "hy-person-card__info-container__email" }, this.email)),
+      index.h("div", { class: "hy-person-card__info-container__email-container" }, index.h("span", { class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { icon: "hy-icon-email", size: 16 })), index.h("span", { class: "hy-person-card__info-container__email" }, this.email)),
     ], this.phone &&
       (this.variant == utils.PersonCardVariants.default ||
         (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && [
-      index.h("div", { class: "hy-person-card__info-container__phone-container" }, index.h("span", { class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { icon: 'hy-icon-phone', size: 14 })), index.h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
+      index.h("div", { class: "hy-person-card__info-container__phone-container" }, index.h("span", { class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { icon: "hy-icon-phone", size: 14 })), index.h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
     ])), this.variant == utils.PersonCardVariants.extended && (index.h("div", { class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (index.h("div", { class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && index.h("div", { class: "hy-person-card__info-container__field" }, this.field), this.email &&
       this.isMobile && [
-      index.h("div", { class: "hy-person-card__info-container__email-container" }, index.h("span", { class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { icon: 'hy-icon-email', size: 16 })), index.h("span", { class: "hy-person-card__info-container__email" }, this.email)),
+      index.h("div", { class: "hy-person-card__info-container__email-container" }, index.h("span", { class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { icon: "hy-icon-email", size: 16 })), index.h("span", { class: "hy-person-card__info-container__email" }, this.email)),
     ], this.phone &&
       this.isMobile && [
-      index.h("div", { class: "hy-person-card__info-container__phone-container" }, index.h("span", { class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { icon: 'hy-icon-phone', size: 14 })), index.h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
+      index.h("div", { class: "hy-person-card__info-container__phone-container" }, index.h("span", { class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { icon: "hy-icon-phone", size: 14 })), index.h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
     ], this.aboutInfo && (index.h("div", { class: "hy-person-card__extended-info-container__about" }, index.h("span", { class: "label" }, this.aboutInfoLabel, ":"), index.h("span", null, this.aboutInfo))))))));
   }
 };
@@ -6094,37 +6239,37 @@ const PersonProfile$1 = class {
     const { organizations, research_organizations } = organization_units.items;
     const aboutDescriptionTextDestructured = about.description;
     const aboutDescriptionLength = aboutDescriptionTextDestructured.length;
-    let trimmedAboutDescription = '';
+    let trimmedAboutDescription = "";
     if (aboutDescriptionLength > 650) {
       if (this.isFullAboutTextHidden) {
-        const ellipsisTextArray = aboutDescriptionTextDestructured + '...';
+        const ellipsisTextArray = aboutDescriptionTextDestructured + "...";
         trimmedAboutDescription = ellipsisTextArray;
       }
       else {
-        const ellipsisTextArray = aboutDescriptionTextDestructured.substring(0, 650) + '...';
+        const ellipsisTextArray = aboutDescriptionTextDestructured.substring(0, 650) + "...";
         trimmedAboutDescription = ellipsisTextArray;
       }
     }
-    window.addEventListener('resize', () => {
+    window.addEventListener("resize", () => {
       clearTimeout(timer);
       timer = setTimeout(() => {
         this.viewportSize = window.innerWidth;
       }, 250);
     });
     const research_portal_title = `${research.research_portal_label}: ${name}`;
-    return (index.h(index.Host, null, index.h("section", { class: "hy-profile-page" }, index.h("a", { href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" }, index.h("hy-icon", { icon: 'hy-icon-arrow-left', size: 24 }), index.h("span", null, this.peopleFinderReturnLabel)), index.h("section", { class: "hy-profile-page__section" }, index.h("div", { class: "hy-profile-page__person-information" }, index.h("div", null, index.h("h1", { class: "hy-profile-page__name" }, name), job_title && index.h("p", { class: "hy-profile-page__job-title" }, job_title), additional_information && (index.h("p", { class: "hy-profile-page__additional-information" }, additional_information))), image_url ? (index.h("img", { src: image_url, alt: "", class: "hy-profile-page__image" })) : (index.h("div", { class: "hy-profile-page__image", "aria-hidden": "true" }))), contact_information && (index.h("div", { class: "hy-profile-page__contact-information" }, contact_information.label && index.h("h2", null, contact_information.label), contact_information.items && (index.h("hy-person-profile-listing", { items: contact_information.items, col: "col-4", withoutIcons: true, textSpacingTight: true }))))), (organizations.items.length > 0 || Object.keys(research_organizations.items).length > 0) && (index.h("section", { class: "hy-profile-page__section" }, organization_units.label && index.h("h2", null, organization_units.label), organizations.items.length > 0 && (index.h("section", { class: "hy-profile-page__organization-units-section" }, index.h("h3", null, organizations.label), index.h("ul", { class: "hy-profile-page__organizations" }, index.h("li", null, organizations.items.map((item, index$1) => {
-      return (index.h("span", null, index$1 > 1 && index.h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), index$1 !== 0 && (index.h("span", null, index.h("a", { href: organization_units.people_finder_path[organization_units.lang] +
-          '?researchOrganizations.id[]=' +
-          item.id, target: '_blank' }, item.name[organization_units.lang])))));
+    return (index.h(index.Host, null, index.h("section", { class: "hy-profile-page" }, index.h("a", { href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" }, index.h("hy-icon", { icon: "hy-icon-arrow-left", size: 24 }), index.h("span", null, this.peopleFinderReturnLabel)), index.h("section", { class: "hy-profile-page__section" }, index.h("div", { class: "hy-profile-page__person-information" }, index.h("div", null, index.h("h1", { class: "hy-profile-page__name" }, name), job_title && index.h("p", { class: "hy-profile-page__job-title" }, job_title), additional_information && (index.h("p", { class: "hy-profile-page__additional-information" }, additional_information))), image_url ? (index.h("img", { src: image_url, alt: "", class: "hy-profile-page__image" })) : (index.h("div", { class: "hy-profile-page__image", "aria-hidden": "true" }))), contact_information && (index.h("div", { class: "hy-profile-page__contact-information" }, contact_information.label && index.h("h2", null, contact_information.label), contact_information.items && (index.h("hy-person-profile-listing", { items: contact_information.items, col: "col-4", withoutIcons: true, textSpacingTight: true }))))), (organizations.items.length > 0 || Object.keys(research_organizations.items).length > 0) && (index.h("section", { class: "hy-profile-page__section" }, organization_units.label && index.h("h2", null, organization_units.label), organizations.items.length > 0 && (index.h("section", { class: "hy-profile-page__organization-units-section" }, index.h("h3", null, organizations.label), index.h("ul", { class: "hy-profile-page__organizations" }, index.h("li", null, organizations.items.map((item, index$1) => {
+      return (index.h("span", null, index$1 > 1 && index.h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index$1 !== 0 && (index.h("span", null, index.h("a", { href: organization_units.people_finder_path[organization_units.lang] +
+          "?researchOrganizations.id[]=" +
+          item.id, target: "_blank" }, item.name[organization_units.lang])))));
     }))))), Object.keys(research_organizations.items).length > 0 && (index.h("section", { class: "hy-profile-page__organization-units-section" }, index.h("h3", null, research_organizations.label), index.h("ul", { class: "hy-profile-page__research-organizations" }, Object.values(research_organizations.items).map(([...item]) => (index.h("li", null, item.map((item, index$1) => {
-      return (index.h(index.Fragment, null, index$1 > 1 && (index.h("ul", null, index.h("li", null, index.h("span", null, index.h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), index.h("span", null, index.h("a", { href: organization_units.people_finder_path[organization_units.lang] +
-          '?researchOrganizations.id[]=' +
-          item.id, target: '_blank' }, item.name[organization_units.lang])))))), index$1 == 1 && (index.h("span", null, index.h("a", { href: organization_units.people_finder_path[organization_units.lang] +
-          '?researchOrganizations.id[]=' +
-          item.id, target: '_blank' }, item.name[organization_units.lang])))));
+      return (index.h(index.Fragment, null, index$1 > 1 && (index.h("ul", null, index.h("li", null, index.h("span", null, index.h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index.h("span", null, index.h("a", { href: organization_units.people_finder_path[organization_units.lang] +
+          "?researchOrganizations.id[]=" +
+          item.id, target: "_blank" }, item.name[organization_units.lang])))))), index$1 == 1 && (index.h("span", null, index.h("a", { href: organization_units.people_finder_path[organization_units.lang] +
+          "?researchOrganizations.id[]=" +
+          item.id, target: "_blank" }, item.name[organization_units.lang])))));
     }))))))))), about && aboutDescriptionLength !== 0 && (index.h("section", { class: "hy-profile-page__section" }, about.description && (index.h(index.Fragment, null, index.h("h2", null, about.label), index.h("div", { class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
         ? trimmedAboutDescription
-        : about.description }))), aboutDescriptionLength > 650 && (index.h("button", { class: "hy-profile-page__person-about-text-toggle", onClick: () => this.toggleShowFullAboutText(), "aria-expanded": `${this.isFullAboutTextHidden ? 'true' : 'false'}` }, this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText)))), ((research && research.items.length > 0) || (person_content && person_content.research_url.length > 0)) && (index.h("section", { class: "hy-profile-page__section" }, index.h("div", { class: "hy-profile-page__section__research_title" }, research.label && index.h("h2", null, research.label), research.label && person_content.research_url.length > 0 && (index.h("hy-cta-button", { "link-content": research_portal_title, "sc-label": research_portal_title, url: person_content.research_url, "is-external": "true", variant: utils.CtaLinkButtonVariants.onWhiteBkgd }))), research.items && (index.h("hy-person-profile-listing", { items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (index.h("div", { class: "hy-profile-page__loader", role: "presentation" }, index.h("div", null), index.h("div", null), index.h("div", null), index.h("div", null))), person_content.research_url.length > 0 && this.viewportSize < 768 && (index.h("div", { class: "hy-profile-page__person-content-container" }, index.h("hy-accordion-container", { accordionid: "accordion-container-person-content" }, person_content.publications && (index.h("hy-accordion-item", { "data-accordion-id": 'publications', accordiontitle: person_content.publications.label })), person_content.projects && (index.h("hy-accordion-item", { "data-accordion-id": 'projects', accordiontitle: person_content.projects.label })), person_content.activities && (index.h("hy-accordion-item", { "data-accordion-id": 'activities', accordiontitle: person_content.activities.label }))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (index.h("div", { class: "hy-profile-page__person-content-container" }, index.h("hy-tabs", { "tab-id": "tabs-container-person-content" }, person_content.publications && (index.h("hy-tabs-item", { "data-tab-id": 'publications', "tab-title": person_content.publications.label })), person_content.projects && (index.h("hy-tabs-item", { "data-tab-id": 'projects', "tab-title": person_content.projects.label })), person_content.activities && (index.h("hy-tabs-item", { "data-tab-id": 'activities', "tab-title": person_content.activities.label }))))))))));
+        : about.description }))), aboutDescriptionLength > 650 && (index.h("button", { class: "hy-profile-page__person-about-text-toggle", onClick: () => this.toggleShowFullAboutText(), "aria-expanded": `${this.isFullAboutTextHidden ? "true" : "false"}` }, this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText)))), ((research && research.items.length > 0) || (person_content && person_content.research_url.length > 0)) && (index.h("section", { class: "hy-profile-page__section" }, index.h("div", { class: "hy-profile-page__section__research_title" }, research.label && index.h("h2", null, research.label), research.label && person_content.research_url.length > 0 && (index.h("hy-cta-button", { "link-content": research_portal_title, "sc-label": research_portal_title, url: person_content.research_url, "is-external": "true", variant: utils.CtaLinkButtonVariants.onWhiteBkgd }))), research.items && (index.h("hy-person-profile-listing", { items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (index.h("div", { class: "hy-profile-page__loader", role: "presentation" }, index.h("div", null), index.h("div", null), index.h("div", null), index.h("div", null))), person_content.research_url.length > 0 && this.viewportSize < 768 && (index.h("div", { class: "hy-profile-page__person-content-container" }, index.h("hy-accordion-container", { accordionid: "accordion-container-person-content" }, person_content.publications && (index.h("hy-accordion-item", { "data-accordion-id": "publications", accordiontitle: person_content.publications.label })), person_content.projects && (index.h("hy-accordion-item", { "data-accordion-id": "projects", accordiontitle: person_content.projects.label })), person_content.activities && (index.h("hy-accordion-item", { "data-accordion-id": "activities", accordiontitle: person_content.activities.label }))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (index.h("div", { class: "hy-profile-page__person-content-container" }, index.h("hy-tabs", { "tab-id": "tabs-container-person-content" }, person_content.publications && (index.h("hy-tabs-item", { "data-tab-id": "publications", "tab-title": person_content.publications.label })), person_content.projects && (index.h("hy-tabs-item", { "data-tab-id": "projects", "tab-title": person_content.projects.label })), person_content.activities && (index.h("hy-tabs-item", { "data-tab-id": "activities", "tab-title": person_content.activities.label }))))))))));
   }
 };
 PersonProfile$1.style = personProfileCss;
@@ -6135,20 +6280,20 @@ const PersonProfile = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.items = undefined;
-    this.col = 'col-2';
+    this.col = "col-2";
     this.inline = undefined;
     this.withoutIcons = undefined;
     this.textSpacingTight = undefined;
     this.isResearch = false;
   }
   render() {
-    return (index.h(index.Host, null, index.h("ul", { class: `hy-person-profile-listing ${this.col} ${this.inline ? 'is-inline' : ''} ${this.withoutIcons ? 'without-icons' : ''} ${this.textSpacingTight ? 'text-tight' : ''}` }, this.isResearch && index.h("h3", { class: "hy-person-profile-listing__label" }, this.items[0].label), this.items.map(({ label, items }) => {
-      if (items.filter(({ label }) => label !== '').length > 0) {
+    return (index.h(index.Host, null, index.h("ul", { class: `hy-person-profile-listing ${this.col} ${this.inline ? "is-inline" : ""} ${this.withoutIcons ? "without-icons" : ""} ${this.textSpacingTight ? "text-tight" : ""}` }, this.isResearch && index.h("h3", { class: "hy-person-profile-listing__label" }, this.items[0].label), this.items.map(({ label, items }) => {
+      if (items.filter(({ label }) => label !== "").length > 0) {
         return (index.h("li", null, !this.isResearch && index.h("h3", { class: "hy-person-profile-listing__label" }, label), index.h("ul", { class: "hy-person-profile-listing__items" }, items.map(({ label, url }, index$1) => {
           if (url) {
-            return (index.h("li", { class: "hy-person-profile-listing__item" }, index.h("a", { href: url }, index$1 !== 0 && index.h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), index.h("span", null, label))));
+            return (index.h("li", { class: "hy-person-profile-listing__item" }, index.h("a", { href: url }, index$1 !== 0 && index.h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index.h("span", null, label))));
           }
-          return (index.h("li", { class: "hy-person-profile-listing__item" }, index$1 !== 0 && index.h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), index.h("span", null, label)));
+          return (index.h("li", { class: "hy-person-profile-listing__item" }, index$1 !== 0 && index.h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index.h("span", null, label)));
         }))));
       }
     }))));
@@ -6161,7 +6306,7 @@ const processCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand
 const Process = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.numberTerm = undefined;
     this.dataItems = undefined;
   }
@@ -6169,10 +6314,10 @@ const Process = class {
     this._dataItems = await globalScript.jsonParserWorker(this.dataItems);
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
@@ -6192,12 +6337,12 @@ const Process = class {
       ? utils.ProcessFlowBoxVariants.default
       : utils.ProcessFlowBoxVariants.small;
     const itemsPerRow = processVariant == utils.ProcessFlowBoxVariants.small ? 4 : 3;
-    const classAttributes = [processVariant, 'hy-process', `hy-process__${this.headerstyle}`].join(' ');
-    const classItem = 'box';
+    const classAttributes = [processVariant, "hy-process", `hy-process__${this.headerstyle}`].join(" ");
+    const classItem = "box";
     var stepState;
     return [
       index.h("div", { class: classAttributes }, this._dataItems.map((x, index$1) => {
-        index$1 % itemsPerRow == 0 ? (stepState = 'first') : (stepState = 'default');
+        index$1 % itemsPerRow == 0 ? (stepState = "first") : (stepState = "default");
         return (index.h("hy-process-flow-box", { class: classItem, variant: processVariant, "box-number": index$1 + 1, "box-title": x.heading, "box-description": x.description, "intermediate-step-title": x.step, "step-state": stepState, "number-term": this.numberTerm }));
       })),
     ];
@@ -6215,16 +6360,16 @@ const ProcessFlowBox = class {
     this.boxNumber = undefined;
     this.boxTitle = undefined;
     this.boxDescription = undefined;
-    this.intermediateStepTitle = '';
-    this.stepState = 'default';
+    this.intermediateStepTitle = "";
+    this.stepState = "default";
     this.numberTerm = undefined;
   }
   render() {
-    const classVariant = [this.variant, 'hy-process-flow-box'].join(' ');
-    const classContentVariant = [this.variant, 'hy-process-flow-box__content'].join(' ');
-    const classIsEven = parseInt(this.boxNumber) % 2 == 0 ? 'even' : 'odd';
-    const classNumberVariant = [this.variant, 'hy-process-flow-box__number__container'].join(' ');
-    const classStepVariant = [this.variant, this.stepState, classIsEven, 'hy-process-flow-box__step__container'].join(' ');
+    const classVariant = [this.variant, "hy-process-flow-box"].join(" ");
+    const classContentVariant = [this.variant, "hy-process-flow-box__content"].join(" ");
+    const classIsEven = parseInt(this.boxNumber) % 2 == 0 ? "even" : "odd";
+    const classNumberVariant = [this.variant, "hy-process-flow-box__number__container"].join(" ");
+    const classStepVariant = [this.variant, this.stepState, classIsEven, "hy-process-flow-box__step__container"].join(" ");
     return (index.h(index.Host, null, index.h("div", { class: classVariant }, this.intermediateStepTitle && (index.h("div", { class: classStepVariant }, index.h("svg", { class: "desktop", width: "210", height: "60" }, index.h("polygon", { points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), index.h("svg", { class: "mobile", width: "138", height: "82" }, index.h("polygon", { points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), index.h("h2", { class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), index.h("div", { class: classNumberVariant }, index.h("h2", { class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, index.h("div", { class: "hy-process-flow-box__number-title" }, this.boxNumber))), index.h("div", { class: classContentVariant }, index.h("h3", { class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), index.h("div", { class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
 };
@@ -6237,25 +6382,25 @@ const HyProminentImage = class {
     index.registerInstance(this, hostRef);
     this.textTitle = undefined;
     this.imageUrl = undefined;
-    this.imageAlt = '';
-    this.headerstyle = 'common';
+    this.imageAlt = "";
+    this.headerstyle = "common";
     this.sourceSet = undefined;
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
     const prominentImageClass = [
-      'hy-prominent-image',
+      "hy-prominent-image",
       this.headerstyle,
       `hy-prominent-image__${this.headerstyle}`,
-    ].join(' ');
-    const prominentImageText = ['hy-prominent-image__text', `hy-prominent-image__text__${this.headerstyle}`].join(' ');
+    ].join(" ");
+    const prominentImageText = ["hy-prominent-image__text", `hy-prominent-image__text__${this.headerstyle}`].join(" ");
     return (index.h(index.Host, null, index.h("div", { class: prominentImageClass }, index.h("div", { class: "hy-prominent-image__image" }, index.h("hy-image", { "source-set": this.sourceSet, "image-url": this.imageUrl, "image-alt": this.imageAlt, aspectRatioWidth: 2, aspectRatioHeight: 1 })), this.textTitle && index.h("div", { class: prominentImageText }, this.textTitle))));
   }
   get el() { return index.getElement(this); }
@@ -6268,19 +6413,19 @@ const HyQuote = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.quoteSignature = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
-    const quoteClass = ['hy-quote', this.headerstyle, `hy-quote__${this.headerstyle}`].join(' ');
-    return (index.h("div", { class: quoteClass }, index.h("span", { class: "hy-quote__icon-wrapper" }, index.h("div", { class: "hy-quote__icon" }, index.h("hy-icon", { icon: 'hy-icon-quote', size: 48 }))), index.h("div", { class: "hy-quote-text-wrapper" }, index.h("div", { class: "hy-quote__text" }, index.h("slot", null)), this.quoteSignature && index.h("div", { class: "hy-quote__signature" }, this.quoteSignature))));
+    const quoteClass = ["hy-quote", this.headerstyle, `hy-quote__${this.headerstyle}`].join(" ");
+    return (index.h("div", { class: quoteClass }, index.h("span", { class: "hy-quote__icon-wrapper" }, index.h("div", { class: "hy-quote__icon" }, index.h("hy-icon", { icon: "hy-icon-quote", size: 48 }))), index.h("div", { class: "hy-quote-text-wrapper" }, index.h("div", { class: "hy-quote__text" }, index.h("slot", null)), this.quoteSignature && index.h("div", { class: "hy-quote__signature" }, this.quoteSignature))));
   }
   get el() { return index.getElement(this); }
 };
@@ -6301,8 +6446,8 @@ const createCss = (justify, align, margin) => {
 const Row = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.justify = 'stretch';
-    this.align = 'center';
+    this.justify = "stretch";
+    this.align = "center";
     this.margin = 1;
   }
   render() {
@@ -6320,15 +6465,15 @@ const HySearchField = class {
     this.isLabelBold = false;
     this.labelLarge = false;
     this.isLuomusSearch = false;
-    this.placeholder = 'Type here...';
+    this.placeholder = "Type here...";
     this.isLabelHidden = false;
     this.inputId = undefined;
-    this.prefillParameter = '';
+    this.prefillParameter = "";
     this.isInputValueEmpty = true;
   }
   componentDidLoad() {
-    const searchInput = this.el.querySelector('.search-field__input');
-    searchInput.addEventListener('keyup', (event) => {
+    const searchInput = this.el.querySelector(".search-field__input");
+    searchInput.addEventListener("keyup", (event) => {
       const { value } = event.target;
       this.isInputValueEmpty = value.length > 0 ? false : true;
     });
@@ -6337,38 +6482,50 @@ const HySearchField = class {
         return;
       const urlParams = new URLSearchParams(window.location.search);
       const searchValue = urlParams.get(`${this.prefillParameter}`);
-      const searchInput = this.el.querySelector('.search-field__input');
-      searchInput.value = searchValue && searchValue.length > 0 ? searchValue : '';
+      const searchInput = this.el.querySelector(".search-field__input");
+      searchInput.value = searchValue && searchValue.length > 0 ? searchValue : "";
       this.isInputValueEmpty = false;
     }
   }
   handleInputReset() {
     this.isInputValueEmpty = true;
-    const searchInput = this.el.querySelector('.search-field__input');
-    searchInput.value = '';
+    const searchInput = this.el.querySelector(".search-field__input");
+    searchInput.value = "";
     searchInput.focus();
   }
   render() {
     return (index.h(index.Host, { class: "search-field" }, !this.isLuomusSearch && (index.h("label", { htmlFor: this.inputId, class: `search-field__label 
-          ${this.isLabelHidden ? 'visually-hidden' : ''} 
-          ${this.labelLarge ? 'label-large' : ''} 
-          ${this.isLabelBold ? 'bold' : ''}` }, this.label)), index.h("div", { class: "search-field__actions" }, index.h("div", { class: "search-field__wrapper" }, this.isLuomusSearch && (index.h("input", { id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (index.h("input", { id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (index.h("button", { type: "button", class: "search-field__reset", "aria-label": "Reset", onClick: () => this.handleInputReset() }, index.h("hy-icon", { icon: 'hy-icon-remove', size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (index.h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search", "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, index.h("hy-icon", { icon: 'hy-icon-search', size: 18, fill: utils.ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (index.h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search" }, index.h("hy-icon", { icon: 'hy-icon-search', size: 18, fill: utils.ColorVariant.white, "aria-hidden": "true" }))))));
+          ${this.isLabelHidden ? "visually-hidden" : ""} 
+          ${this.labelLarge ? "label-large" : ""} 
+          ${this.isLabelBold ? "bold" : ""}` }, this.label)), index.h("div", { class: "search-field__actions" }, index.h("div", { class: "search-field__wrapper" }, this.isLuomusSearch && (index.h("input", { id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (index.h("input", { id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (index.h("button", { type: "button", class: "search-field__reset", "aria-label": "Reset", onClick: () => this.handleInputReset() }, index.h("hy-icon", { icon: "hy-icon-remove", size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (index.h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search", "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, index.h("hy-icon", { icon: "hy-icon-search", size: 18, fill: utils.ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (index.h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search" }, index.h("hy-icon", { icon: "hy-icon-search", size: 18, fill: utils.ColorVariant.white, "aria-hidden": "true" }))))));
   }
   get el() { return index.getElement(this); }
 };
 HySearchField.style = hySearchFieldCss;
 
+const sectionContainerCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-section--container{display:block;width:100%;margin-left:auto;margin-right:auto}@media only screen and (min-width: 30rem){.hy-section--container{width:100%}}@media only screen and (min-width: 60rem){.hy-section--container{width:100%;max-width:60rem}}@media only screen and (min-width: 75.0625rem){.hy-section--container{width:100%;max-width:75rem}}";
+
+const SectionContainer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("div", { class: "hy-section--container" }, index.h("slot", null)));
+  }
+};
+SectionContainer.style = sectionContainerCss;
+
 const hyShortcutsCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-shortcuts{overflow:hidden}.hy-shortcuts .shortcut-link-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--gutter-mobile)* -1)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-narrow)* -1)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-wide)* -1)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:62px;padding:0 var(--gutter-mobile)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:70px;padding:0 var(--gutter-narrow)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:82px;padding:0 var(--gutter-wide)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:100%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:33.33%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:50%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:25%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:2.5px solid var(--brand-main-nearly-black)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:3px solid var(--brand-main-nearly-black)}}.hy-shortcuts .shortcut-link-container a.shortcut-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border-bottom:2.5px solid var(--brand-main-nearly-black);color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:14px;font-weight:600;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;letter-spacing:-0.44px;line-height:18px;min-height:70px;position:relative;text-decoration:none;word-break:break-word}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{border-bottom:3px solid var(--brand-main-nearly-black);border-top:3px solid var(--brand-main-nearly-black);font-size:16px;letter-spacing:-0.5px;line-height:18px;min-height:70px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{font-size:16px;letter-spacing:-0.5px;line-height:22px;min-height:82px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 8px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 12px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 4px 0 22px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:20px;fill:var(--brand-main-light);width:20px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:24px;width:24px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:28px;width:28px}}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover{color:var(--brand-main)}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover svg{fill:var(--brand-main)}";
 
 const HyShortcuts = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.dataItems = undefined;
-    this.listHeading = '';
-    this.headerstyle = 'default';
+    this.listHeading = "";
+    this.headerstyle = "default";
   }
   arrayDataWatcher(newValue) {
-    if (typeof newValue === 'string') {
+    if (typeof newValue === "string") {
       this._dataItems = JSON.parse(newValue);
     }
     else {
@@ -6379,29 +6536,29 @@ const HyShortcuts = class {
     this.arrayDataWatcher(this.dataItems);
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
-    const classAttributes = ['hy-shortcuts', `hy-shortcuts__${this.headerstyle}`].join(' ');
-    const textClassAttributes = ['text'].join(' ');
-    const iconClassAttributes = ['link-icon'].join(' ');
-    let classItem = ['shortcut-link-wrapper', this._dataItems.length % 4 == 0 ? 'box-4' : 'box-3'].join(' ');
+    const classAttributes = ["hy-shortcuts", `hy-shortcuts__${this.headerstyle}`].join(" ");
+    const textClassAttributes = ["text"].join(" ");
+    const iconClassAttributes = ["link-icon"].join(" ");
+    let classItem = ["shortcut-link-wrapper", this._dataItems.length % 4 == 0 ? "box-4" : "box-3"].join(" ");
     return (index.h(index.Host, null, index.h("div", { class: classAttributes }, this.listHeading.length > 0 && (index.h("hy-heading", { class: "list-title", heading: utils.HeadingVarians.h2 }, this.listHeading)), index.h("div", { class: "shortcut-link-container" }, this._dataItems.map((x, index$1) => {
-      let isFirstLine = '';
+      let isFirstLine = "";
       if (this._dataItems.length % 4 == 0) {
-        isFirstLine = index$1 == 0 || index$1 == 1 ? 'first' : '';
+        isFirstLine = index$1 == 0 || index$1 == 1 ? "first" : "";
       }
       else {
-        isFirstLine = index$1 == 0 ? 'first' : '';
+        isFirstLine = index$1 == 0 ? "first" : "";
       }
-      let classLinkWrapper = classItem.concat(' ', isFirstLine);
-      let target = x.isExternal ? '_blank' : '_self';
-      return (index.h("div", { class: classLinkWrapper }, index.h("a", { "aria-label": x.ariaLabel, class: "shortcut-link", href: x.url, target: target }, index.h("span", { class: textClassAttributes }, x.heading), index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: 'hy-icon-arrow-right', size: 28 })))));
+      let classLinkWrapper = classItem.concat(" ", isFirstLine);
+      let target = x.isExternal ? "_blank" : "_self";
+      return (index.h("div", { class: classLinkWrapper }, index.h("a", { "aria-label": x.ariaLabel, class: "shortcut-link", href: x.url, target: target }, index.h("span", { class: textClassAttributes }, x.heading), index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: "hy-icon-arrow-right", size: 28 })))));
     }))), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   get el() { return index.getElement(this); }
@@ -6425,9 +6582,9 @@ const SiteHeader = class {
     this.isGroup = false;
     this.isLuomusGroup = false;
     this.isBetaGroup = false;
-    this.researchGroupLabel = '';
-    this.groupType = '';
-    this.groupLogoUrl = '';
+    this.researchGroupLabel = "";
+    this.groupType = "";
+    this.groupLogoUrl = "";
     this.dataMenuLanguage = undefined;
     this.dataMenuDonate = undefined;
     this.dataSiteHeaderLabels = undefined;
@@ -6438,7 +6595,7 @@ const SiteHeader = class {
     this.siteUrl = undefined;
     this.showSearchLabel = true;
     this.noSearch = false;
-    this.menuLabel = 'Menu';
+    this.menuLabel = "Menu";
     this.menuLabelOpen = undefined;
     this.menuLabelClose = undefined;
     this.menuType = null;
@@ -6459,12 +6616,12 @@ const SiteHeader = class {
   mobileMenuToggle() {
     this.isMenuOpen = !this.isMenuOpen;
     this.menuMobileToggled.emit();
-    let bodyElement = document.getElementsByTagName('body')[0];
+    let bodyElement = document.getElementsByTagName("body")[0];
     if (this.isMenuOpen) {
-      bodyElement.style.overflow = 'hidden';
+      bodyElement.style.overflow = "hidden";
     }
     else {
-      bodyElement.style.overflow = 'initial';
+      bodyElement.style.overflow = "initial";
     }
   }
   // Listener for toggling mobile menu top panel on or off.
@@ -6499,25 +6656,25 @@ const SiteHeader = class {
     this.lastScrollTop = topOffset;
   }
   toggleStickyness(toggleOn = true) {
-    const bodyElementClasses = document.querySelector('body').classList;
-    let hySiteHeader = this.el.querySelector('.hy-site-header');
+    const bodyElementClasses = document.querySelector("body").classList;
+    let hySiteHeader = this.el.querySelector(".hy-site-header");
     if (!hySiteHeader)
       return;
-    this.isTopVisible ? hySiteHeader.classList.add('is-at-top') : hySiteHeader.classList.remove('is-at-top');
+    this.isTopVisible ? hySiteHeader.classList.add("is-at-top") : hySiteHeader.classList.remove("is-at-top");
     if (toggleOn) {
-      hySiteHeader.classList.add('hy-site-header--sticky-active', 'hy-site-header--sticky-visible');
-      hySiteHeader.classList.remove('hy-site-header--sticky-hidden');
-      !this.isBottomVisible && !this.isTopVisible && bodyElementClasses.add('sticky-active');
-      if (bodyElementClasses.contains('toolbar-horizontal')) {
-        hySiteHeader.classList.add('has-toolbar');
-        if (bodyElementClasses.contains('toolbar-tray-open')) {
-          hySiteHeader.classList.add('has-toolbar--large');
+      hySiteHeader.classList.add("hy-site-header--sticky-active", "hy-site-header--sticky-visible");
+      hySiteHeader.classList.remove("hy-site-header--sticky-hidden");
+      !this.isBottomVisible && !this.isTopVisible && bodyElementClasses.add("sticky-active");
+      if (bodyElementClasses.contains("toolbar-horizontal")) {
+        hySiteHeader.classList.add("has-toolbar");
+        if (bodyElementClasses.contains("toolbar-tray-open")) {
+          hySiteHeader.classList.add("has-toolbar--large");
         }
       }
     }
     if (!toggleOn) {
-      hySiteHeader.classList.remove('hy-site-header--sticky-active', 'hy-site-header--sticky-visible', 'hy-site-header--sticky-hidden', 'has-toolbar', 'has-toolbar--large');
-      bodyElementClasses.remove('sticky-active');
+      hySiteHeader.classList.remove("hy-site-header--sticky-active", "hy-site-header--sticky-visible", "hy-site-header--sticky-hidden", "has-toolbar", "has-toolbar--large");
+      bodyElementClasses.remove("sticky-active");
     }
   }
   componentDidLoad() {
@@ -6530,41 +6687,41 @@ const SiteHeader = class {
     this.ro.observe(document.body);
     const topOptions = {
       root: null,
-      rootMargin: '250px',
+      rootMargin: "250px",
       threshold: [0.0, 1.0],
     };
     this.topObserver = new IntersectionObserver((entries) => {
       entries.forEach((entry) => {
-        if (entry.target.nodeName === 'HEADER') {
+        if (entry.target.nodeName === "HEADER") {
           this.isTopVisible = entry.isIntersecting;
         }
       });
     }, topOptions);
-    const header = document.querySelector('header');
+    const header = document.querySelector("header");
     if (header) {
       this.topObserver.observe(header);
     }
     const bottomOptions = {
       root: null,
-      rootMargin: '0px',
+      rootMargin: "0px",
       threshold: [0.0, 1.0],
     };
     this.bottomObserver = new IntersectionObserver((entries) => {
       entries.forEach((entry) => {
-        if (entry.target.nodeName === 'HEADER') {
+        if (entry.target.nodeName === "HEADER") {
           this.isTopVisible = entry.isIntersecting;
         }
       });
     }, bottomOptions);
-    const footer = document.querySelector('hy-footer');
+    const footer = document.querySelector("hy-footer");
     if (footer) {
       this.bottomObserver.observe(footer);
     }
     // Pass the dataMenuLanguage prop to menu component.
-    this.el.children[0].setAttribute('data-menu-language', this.dataMenuLanguage);
+    this.el.children[0].setAttribute("data-menu-language", this.dataMenuLanguage);
     this.navbarHeight = 120;
-    const body = document.querySelector('body');
-    body.style.setProperty('--nav-height', `${this.navbarHeight * 2}px`);
+    const body = document.querySelector("body");
+    body.style.setProperty("--nav-height", `${this.navbarHeight * 2}px`);
   }
   async componentWillLoad() {
     // Check for site header labels and set them to variables accordingly.
@@ -6574,26 +6731,26 @@ const SiteHeader = class {
       this.languageLabels = labels.language_labels;
       this.searchLabels = labels.search_labels;
       this.groupPages = labels.group_pages;
-      this.el.children[0].setAttribute('menu-button-breadcrumb-logourl', this.logoUrl);
+      this.el.children[0].setAttribute("menu-button-breadcrumb-logourl", this.logoUrl);
     }
     // Check for the donation link information and set it to variables accordingly.
     // Also pass the donation link data to menu-component.
     if (this.dataMenuDonate) {
       this.donateLink = await globalScript.jsonParserWorker(this.dataMenuDonate);
-      this.el.children[0].setAttribute('data-menu-donate', this.dataMenuDonate);
+      this.el.children[0].setAttribute("data-menu-donate", this.dataMenuDonate);
     }
     // Pass the necessary information to menu component. These props will be
     // used in mobile menu.
-    this.el.children[0].setAttribute('open', this.isMenuOpen.toString());
-    this.el.children[0].setAttribute('logo-label', this.logoLabel);
-    this.el.children[0].setAttribute('logo-url', this.logoUrl);
-    this.el.children[0].setAttribute('site-label', this.siteLabel);
-    this.el.children[0].setAttribute('site-url', this.siteUrl);
-    this.el.children[0].setAttribute('menu-button-breadcrumb-logourl', this.logoUrl);
-    this.el.children[0].setAttribute('menu-language-label-open', this.languageLabels['open']);
-    this.el.children[0].setAttribute('menu-language-label-close', this.languageLabels['close']);
-    this.el.children[0].setAttribute('label-front-page', this.menuLabels['front_page']);
-    if (this.groupType !== '') {
+    this.el.children[0].setAttribute("open", this.isMenuOpen.toString());
+    this.el.children[0].setAttribute("logo-label", this.logoLabel);
+    this.el.children[0].setAttribute("logo-url", this.logoUrl);
+    this.el.children[0].setAttribute("site-label", this.siteLabel);
+    this.el.children[0].setAttribute("site-url", this.siteUrl);
+    this.el.children[0].setAttribute("menu-button-breadcrumb-logourl", this.logoUrl);
+    this.el.children[0].setAttribute("menu-language-label-open", this.languageLabels["open"]);
+    this.el.children[0].setAttribute("menu-language-label-close", this.languageLabels["close"]);
+    this.el.children[0].setAttribute("label-front-page", this.menuLabels["front_page"]);
+    if (this.groupType !== "") {
       this.isDesktopMenuDropdown = true;
     }
   }
@@ -6610,7 +6767,7 @@ const SiteHeader = class {
     // Pass the menu type to menu component.
     this.isMobile = this.menuType === (utils.MenuType.mobile || utils.MenuType.tablet);
     const menuAttribute = this.menuType;
-    this.el.children[0].setAttribute('menu-type', menuAttribute);
+    this.el.children[0].setAttribute("menu-type", menuAttribute);
   }
   render() {
     var _a;
@@ -6621,29 +6778,29 @@ const SiteHeader = class {
     const logoColor = utils.ColorVariant.black;
     const logoColorGroup = utils.ColorVariant.white;
     let classAttributes = [
-      'hy-site-header',
+      "hy-site-header",
       `hy-site-header--${this.menuType}`,
-      this.isGroup ? 'is-group' : '',
-      'is-at-top',
+      this.isGroup ? "is-group" : "",
+      "is-at-top",
     ];
     const toggleMenuMobileAndRemoveListener = () => {
-      window.removeEventListener('click', handleClickOutside);
+      window.removeEventListener("click", handleClickOutside);
       this.mobileMenuToggle();
     };
     const handleClickOutside = (event) => {
       const [targetElement] = event.composedPath();
-      if (targetElement.classList.contains('hy-backdrop')) {
+      if (targetElement.classList.contains("hy-backdrop")) {
         toggleMenuMobileAndRemoveListener();
       }
     };
     if (this.isMenuOpen) {
-      window.addEventListener('click', () => {
+      window.addEventListener("click", () => {
         clearTimeout(clickTimeout);
         clickTimeout = setTimeout(() => {
         }, 250);
       });
     }
-    let activeLang = 'en';
+    let activeLang = "en";
     let dataMenuLanguageArray = JSON.parse(this.dataMenuLanguage);
     dataMenuLanguageArray.forEach((lang) => {
       if (lang.isActive) {
@@ -6654,22 +6811,22 @@ const SiteHeader = class {
       case utils.MenuType.desktop:
         // Larger than 1200px screens
         return [
-          index.h("header", { class: `${classAttributes.join(' ')}` }, index.h("div", { class: {
-              'hy-backdrop': true,
-              'is-active': (this.isMenuOpen && !this.isDesktopMenuDropdown) ||
+          index.h("header", { class: `${classAttributes.join(" ")}` }, index.h("div", { class: {
+              "hy-backdrop": true,
+              "is-active": (this.isMenuOpen && !this.isDesktopMenuDropdown) ||
                 (this.isTopMenuOpen && !this.isDesktopMenuDropdown),
-            } }), this.isGroup && (index.h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? 'is-open' : ''}` }, index.h("div", { class: "hy-site-header__container" }, index.h("div", { class: "hy-site-header__branding" }, index.h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), this.dataMainMenuLinks.length > 2 && (index.h("hy-menu-main-group", { tabindex: "0", "is-mobile": false, "menu-label": (_a = this.groupPages['university_main_menu']) !== null && _a !== void 0 ? _a : null, "data-main-menu": this.dataMainMenuLinks, "menu-label-close": this.menuLabelClose })), index.h("div", { class: "hy-site-header__actions" }, index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (index.h("hy-site-search", { class: 'menu--secondary__item group', size: 18, color: logoColorGroup, "is-group": true, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
-            return (index.h("a", { class: 'hy-site-header__donate-link', href: url }, index.h("hy-icon", { icon: 'hy-icon-heart-support', size: 14, fill: utils.ColorVariant.black }), index.h("span", null, label)));
-          }))))), index.h("section", { class: `hy-site-header__container ${this.isGroup ? 'is-group' : ''} ${this.groupType === 'research_group_menu' ? 'is-research-group' : ''}` }, index.h("div", { class: 'hy-site-header__branding' }, this.isGroup && this.groupType == 'research_group_menu' && index.h("p", null, this.researchGroupLabel), this.isGroup ? (index.h("a", { href: this.logoUrl }, this.groupType == 'generic_site_group_menu' && this.groupLogoUrl ? (index.h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (index.h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.groupType != 'research_group_menu' && index.h("slot", { name: "menu" }), !this.isGroup && (index.h("div", { class: "hy-site-header__actions" }, index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels }), !this.noSearch && (index.h("hy-site-search", { size: 14, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, color: utils.ColorVariant.black, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
-            return (index.h("a", { class: 'hy-site-header__donate-link', href: url }, index.h("hy-icon", { icon: 'hy-icon-heart-support', size: 14, fill: utils.ColorVariant.black }), index.h("span", null, label)));
+            } }), this.isGroup && (index.h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? "is-open" : ""}` }, index.h("div", { class: "hy-site-header__container" }, index.h("div", { class: "hy-site-header__branding" }, index.h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), this.dataMainMenuLinks.length > 2 && (index.h("hy-menu-main-group", { tabindex: "0", "is-mobile": false, "menu-label": (_a = this.groupPages["university_main_menu"]) !== null && _a !== void 0 ? _a : null, "data-main-menu": this.dataMainMenuLinks, "menu-label-close": this.menuLabelClose })), index.h("div", { class: "hy-site-header__actions" }, index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (index.h("hy-site-search", { class: "menu--secondary__item group", size: 18, color: logoColorGroup, "is-group": true, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
+            return (index.h("a", { class: "hy-site-header__donate-link", href: url }, index.h("hy-icon", { icon: "hy-icon-heart-support", size: 14, fill: utils.ColorVariant.black }), index.h("span", null, label)));
+          }))))), index.h("section", { class: `hy-site-header__container ${this.isGroup ? "is-group" : ""} ${this.groupType === "research_group_menu" ? "is-research-group" : ""}` }, index.h("div", { class: "hy-site-header__branding" }, this.isGroup && this.groupType == "research_group_menu" && index.h("p", null, this.researchGroupLabel), this.isGroup ? (index.h("a", { href: this.logoUrl }, this.groupType == "generic_site_group_menu" && this.groupLogoUrl ? (index.h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (index.h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.groupType != "research_group_menu" && index.h("slot", { name: "menu" }), !this.isGroup && (index.h("div", { class: "hy-site-header__actions" }, index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels }), !this.noSearch && (index.h("hy-site-search", { size: 14, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, color: utils.ColorVariant.black, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
+            return (index.h("a", { class: "hy-site-header__donate-link", href: url }, index.h("hy-icon", { icon: "hy-icon-heart-support", size: 14, fill: utils.ColorVariant.black }), index.h("span", null, label)));
           }))))),
         ];
       case utils.MenuType.mobile:
         // Smaller than 960px screens
-        return (index.h("header", { class: classAttributes.join(' '), "data-menu-active": this.isMenuOpen }, index.h("div", { class: { 'hy-backdrop': true, 'is-active': this.isMenuOpen } }), index.h("div", { class: { 'hy-backdrop': true, 'is-active-top': this.isTopMenuOpen } }), this.isGroup && (index.h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? 'is-open' : ''}` }, index.h("div", { class: "hy-site-header__container" }, index.h("div", { class: "hy-site-header__branding" }, index.h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), index.h("div", { class: "hy-site-header__actions" }, index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (index.h("hy-site-search", { class: 'menu--secondary__item group', size: 18, color: logoColorGroup, "is-group": true, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.dataMainMenuLinks.length > 2 && (index.h("hy-menu-main-group", { "site-label": this.siteLabel, "site-url": this.siteUrl, "logo-label": this.logoLabel, "logo-url": this.logoUrl, "is-mobile": true, donate: this.donateLink, "data-main-menu": this.dataMainMenuLinks })))))), index.h("section", { class: "hy-site-header__container" }, index.h("div", { class: 'hy-site-header__branding' }, this.groupType == 'research_group_menu' && index.h("p", null, this.researchGroupLabel), this.isGroup ? (index.h("a", { href: this.logoUrl }, this.groupType == 'generic_site_group_menu' && this.groupLogoUrl ? (index.h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (index.h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), index.h("div", { class: "hy-site-header__actions" }, !this.isGroup && (index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels })), !this.isGroup && !this.noSearch && (index.h("hy-site-search", { size: 24, color: utils.ColorVariant.black, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), index.h("button", { onClick: () => toggleMenuMobileAndRemoveListener(), class: `hy-site-header__menu-open-button`, "aria-label": this.isMenuOpen ? this.menuLabels['close'] : this.menuLabels['open'], "aria-expanded": `${this.isMenuOpen}` }, !this.isMenuOpen && index.h("hy-icon", { icon: 'hy-icon-hamburger', size: 24, fill: utils.ColorVariant.black }), this.isMenuOpen && (index.h(index.Fragment, null, index.h("span", null, this.menuLabelClose), index.h("hy-icon", { icon: 'hy-icon-remove', size: 16 }))))), index.h("div", { class: {
-            'is-open': this.isMenuOpen,
-            'hy-site-header__panel': true,
-          }, "aria-hidden": `${!this.isMenuOpen}` }, index.h("slot", { name: 'menu_mobile' })))));
+        return (index.h("header", { class: classAttributes.join(" "), "data-menu-active": this.isMenuOpen }, index.h("div", { class: { "hy-backdrop": true, "is-active": this.isMenuOpen } }), index.h("div", { class: { "hy-backdrop": true, "is-active-top": this.isTopMenuOpen } }), this.isGroup && (index.h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? "is-open" : ""}` }, index.h("div", { class: "hy-site-header__container" }, index.h("div", { class: "hy-site-header__branding" }, index.h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), index.h("div", { class: "hy-site-header__actions" }, index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (index.h("hy-site-search", { class: "menu--secondary__item group", size: 18, color: logoColorGroup, "is-group": true, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.dataMainMenuLinks.length > 2 && (index.h("hy-menu-main-group", { "site-label": this.siteLabel, "site-url": this.siteUrl, "logo-label": this.logoLabel, "logo-url": this.logoUrl, "is-mobile": true, donate: this.donateLink, "data-main-menu": this.dataMainMenuLinks })))))), index.h("section", { class: "hy-site-header__container" }, index.h("div", { class: "hy-site-header__branding" }, this.groupType == "research_group_menu" && index.h("p", null, this.researchGroupLabel), this.isGroup ? (index.h("a", { href: this.logoUrl }, this.groupType == "generic_site_group_menu" && this.groupLogoUrl ? (index.h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (index.h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), index.h("div", { class: "hy-site-header__actions" }, !this.isGroup && (index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels })), !this.isGroup && !this.noSearch && (index.h("hy-site-search", { size: 24, color: utils.ColorVariant.black, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), index.h("button", { onClick: () => toggleMenuMobileAndRemoveListener(), class: `hy-site-header__menu-open-button`, "aria-label": this.isMenuOpen ? this.menuLabels["close"] : this.menuLabels["open"], "aria-expanded": `${this.isMenuOpen}` }, !this.isMenuOpen && index.h("hy-icon", { icon: "hy-icon-hamburger", size: 24, fill: utils.ColorVariant.black }), this.isMenuOpen && (index.h(index.Fragment, null, index.h("span", null, this.menuLabelClose), index.h("hy-icon", { icon: "hy-icon-remove", size: 16 }))))), index.h("div", { class: {
+            "is-open": this.isMenuOpen,
+            "hy-site-header__panel": true,
+          }, "aria-hidden": `${!this.isMenuOpen}` }, index.h("slot", { name: "menu_mobile" })))));
     }
   }
   get el() { return index.getElement(this); }
@@ -6690,15 +6847,15 @@ const SiteLogo = class {
     this.url = undefined;
   }
   render() {
-    const isGroupClass = this.isGroup ? 'group' : 'page';
+    const isGroupClass = this.isGroup ? "group" : "page";
     // const isLuomusGroupClass = this.isLuomusGroup ? 'luomus' : 'regular';
     const classAttributes = [
-      'hy-site-logo',
+      "hy-site-logo",
       `hy-site-logo__${this.type}__${isGroupClass}`,
       `hy-site-logo__${this.type}`,
-      'luomus',
-    ].join(' ');
-    return this.url ? (index.h(index.Host, { class: classAttributes }, !this.isLuomusGroup && (index.h("a", { href: this.url }, index.h("hy-icon", { class: { 'hy-site-logo__icon': true, group: this.isGroup }, icon: 'hy-icon-hy-logo', size: this.size, fill: this.color }), index.h("span", { class: { 'hy-site-logo__label': true, group: this.isGroup }, style: { color: this.color } }, this.label))), this.isLuomusGroup && (index.h("div", { class: "luomus-group" }, index.h("hy-icon", { class: { 'hy-site-logo__icon': true, group: this.isGroup }, icon: 'hy-icon-hy-logo', size: this.size, fill: this.color }), index.h("span", { class: { 'hy-site-logo__label': true, group: this.isGroup }, style: { color: this.color } }, this.label))))) : this.label ? (index.h(index.Host, { class: classAttributes }, index.h("hy-icon", { class: { 'hy-site-logo__icon': true, group: this.isGroup }, icon: 'hy-icon-hy-logo', size: this.size, fill: this.color }), index.h("span", { class: { 'hy-site-logo__label': true, group: this.isGroup }, style: { color: this.color } }, this.label))) : ('');
+      "luomus",
+    ].join(" ");
+    return this.url ? (index.h(index.Host, { class: classAttributes }, !this.isLuomusGroup && (index.h("a", { href: this.url }, index.h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), index.h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))), this.isLuomusGroup && (index.h("div", { class: "luomus-group" }, index.h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), index.h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))))) : this.label ? (index.h(index.Host, { class: classAttributes }, index.h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), index.h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))) : ("");
   }
 };
 SiteLogo.style = siteLogoCss;
@@ -6731,10 +6888,10 @@ const SiteSearch = class {
     }
     if (this.searchLabels) {
       this._searchLabels = await globalScript.jsonParserWorker(this.searchLabels);
-      this.searchTitleLabel = this._searchLabels['search_label'];
-      this.searchCloseLabel = this._searchLabels['search_close_label'];
-      this.searchToolsLabel = this._searchLabels['search_tools_label'];
-      this.searchDescriptionLabel = this._searchLabels['search_description'];
+      this.searchTitleLabel = this._searchLabels["search_label"];
+      this.searchCloseLabel = this._searchLabels["search_close_label"];
+      this.searchToolsLabel = this._searchLabels["search_tools_label"];
+      this.searchDescriptionLabel = this._searchLabels["search_description"];
     }
   }
   // CLose the search panel if user opens the desktop menu panel.
@@ -6759,7 +6916,7 @@ const SiteSearch = class {
       return;
     if (this.isSearchPanelOpen) {
       const path = event.path || (event.composedPath && event.composedPath());
-      if (path[0].classList.contains('hy-backdrop')) {
+      if (path[0].classList.contains("hy-backdrop")) {
         this.closeSearchPanel();
         event.stopPropagation();
       }
@@ -6772,10 +6929,10 @@ const SiteSearch = class {
   // }
   closeSearchPanel() {
     this.isSearchPanelOpen = false;
-    let cludoSayt = document.querySelectorAll('stencil-cludo-sayt')[0];
+    let cludoSayt = document.querySelectorAll("stencil-cludo-sayt")[0];
     if (cludoSayt) {
       let CludoSayt = window.CludoSayt;
-      if (typeof CludoSayt !== 'undefined') {
+      if (typeof CludoSayt !== "undefined") {
         CludoSayt.hide();
       }
     }
@@ -6783,16 +6940,16 @@ const SiteSearch = class {
   }
   handleSearchPanelToggle(event) {
     if (this.isLuomusGroup) {
-      let beta = this.isBetaGroup ? '/beta' : '';
-      let luomus_search_url = '/' + this.searchLanguage + beta + '/luomus/search-results';
-      if (this.searchLanguage == 'fi') {
-        luomus_search_url = '/' + this.searchLanguage + beta + '/luomus/hakutulokset';
+      let beta = this.isBetaGroup ? "/beta" : "";
+      let luomus_search_url = "/" + this.searchLanguage + beta + "/luomus/search-results";
+      if (this.searchLanguage == "fi") {
+        luomus_search_url = "/" + this.searchLanguage + beta + "/luomus/hakutulokset";
       }
-      else if (this.searchLanguage == 'sv') {
-        luomus_search_url = '/' + this.searchLanguage + beta + '/luomus/sokresultat';
+      else if (this.searchLanguage == "sv") {
+        luomus_search_url = "/" + this.searchLanguage + beta + "/luomus/sokresultat";
       }
-      else if (this.searchLanguage == 'ru') {
-        luomus_search_url = '/' + this.searchLanguage + beta + '/luomus/rezultaty-poiska';
+      else if (this.searchLanguage == "ru") {
+        luomus_search_url = "/" + this.searchLanguage + beta + "/luomus/rezultaty-poiska";
       }
       location.href = luomus_search_url;
     }
@@ -6803,18 +6960,18 @@ const SiteSearch = class {
         this.searchPanelToggled.emit();
         this.adjustPosition(this.el);
         // Remove hidden class from cludo suggestions
-        let cludoSayt = document.querySelectorAll('stencil-cludo-sayt')[0];
+        let cludoSayt = document.querySelectorAll("stencil-cludo-sayt")[0];
         if (cludoSayt) {
-          const cludoSearchContentFormElement = this.el.shadowRoot.querySelector('#cludo-search-content-form');
-          cludoSayt.classList.remove('hidden');
+          const cludoSearchContentFormElement = this.el.shadowRoot.querySelector("#cludo-search-content-form");
+          cludoSayt.classList.remove("hidden");
           cludoSearchContentFormElement.append(cludoSayt);
-          cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi-wrapper').style.position = 'relative';
-          cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi').style.position = 'relative';
-          cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi').style.maxWidth = 'none';
+          cludoSayt.shadowRoot.querySelector("#cludo-reli-flexi-wrapper").style.position = "relative";
+          cludoSayt.shadowRoot.querySelector("#cludo-reli-flexi").style.position = "relative";
+          cludoSayt.shadowRoot.querySelector("#cludo-reli-flexi").style.maxWidth = "none";
         }
         // Without setTimeout it will not focus the input because it hasn't rendered yet.
         setTimeout(() => {
-          const searchInput = this.el.shadowRoot.querySelector('input#search');
+          const searchInput = this.el.shadowRoot.querySelector("input#search");
           searchInput.focus();
         });
       }
@@ -6825,76 +6982,76 @@ const SiteSearch = class {
     event.stopPropagation();
   }
   adjustPosition(target) {
-    let headerHeight = '0';
+    let headerHeight = "0";
     let shadowTop = 0;
     const searchPanel = target.shadowRoot.querySelectorAll(`.site-search__panel`)[0];
     let initialDisplayStyle = searchPanel.style.display;
     if (this.isGroup) {
-      let hyHeader = target.closest('.hy-site-header__content-top');
+      let hyHeader = target.closest(".hy-site-header__content-top");
       if (hyHeader) {
         let headerHeightValue = hyHeader.offsetHeight;
         headerHeight = `${headerHeightValue}px`;
         let headerTop = hyHeader.offsetTop;
         // Add shadow backdrop
-        searchPanel.style.display = 'flex';
+        searchPanel.style.display = "flex";
         shadowTop = headerHeightValue + headerTop + searchPanel.offsetHeight;
       }
     }
     else {
-      let hyHeader = target.closest('.hy-site-header');
+      let hyHeader = target.closest(".hy-site-header");
       if (hyHeader) {
-        let headerHeightValue = hyHeader.classList.contains('hy-site-header--sticky-active')
+        let headerHeightValue = hyHeader.classList.contains("hy-site-header--sticky-active")
           ? hyHeader.offsetHeight
           : hyHeader.offsetTop + hyHeader.offsetHeight;
         headerHeight = `${headerHeightValue}px`;
         // Add shadow backdrop
-        searchPanel.style.display = 'flex';
+        searchPanel.style.display = "flex";
         let searchPanelHeight = searchPanel.offsetHeight;
         shadowTop = searchPanelHeight + headerHeightValue;
       }
     }
     searchPanel.style.display = initialDisplayStyle;
     searchPanel.style.top = headerHeight;
-    this.showBackdropShadow('open', shadowTop);
+    this.showBackdropShadow("open", shadowTop);
   }
-  showBackdropShadow(state = 'close', top = 0) {
-    let hyHeader = this.el.closest('.hy-site-header');
+  showBackdropShadow(state = "close", top = 0) {
+    let hyHeader = this.el.closest(".hy-site-header");
     let hyBackdropDiv = hyHeader.children[0];
     if (hyBackdropDiv) {
-      if (state === 'open') {
+      if (state === "open") {
         let me = window.outerHeight - top;
         hyBackdropDiv.style.height = `${me}px`;
         hyBackdropDiv.style.top = `${top}px`;
-        hyBackdropDiv.style.position = 'absolute';
-        hyBackdropDiv.classList.add('is-active');
+        hyBackdropDiv.style.position = "absolute";
+        hyBackdropDiv.classList.add("is-active");
       }
       else {
-        hyBackdropDiv.removeAttribute('style');
-        hyBackdropDiv.classList.remove('is-active');
+        hyBackdropDiv.removeAttribute("style");
+        hyBackdropDiv.classList.remove("is-active");
       }
     }
   }
   render() {
     const currentPageUrlPathName = window.location.pathname;
-    const searchPagePathNames = ['/fi/haku', '/en/search', '/sv/sök'];
+    const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
     return (index.h("div", { class: {
-        'site-search': true,
-        'site-search__is-open': this.isSearchPanelOpen,
-        'is-group': this.isGroup,
-      } }, index.h("button", { "aria-label": this.showLabel ? this._labels['open'] : '', "aria-expanded": `${this.isSearchPanelOpen}`, class: {
-        'button--search': true,
-        'is-open--menu': this.isAlternative,
-        'is-open': this.isSearchPanelOpen,
-        'is-active': searchPagePathNames.some((item) => item === currentPageUrlPathName),
-      }, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (index.h("span", { class: { 'button--search__label': true, 'button--search__label__group': this.isGroup } }, this._labels['label'])) : (''), index.h("hy-icon", { icon: 'hy-icon-search', size: this.size, fill: this.color })), !this.isLuomusGroup && (index.h("div", { class: {
-        'site-search__panel': true,
-        'site-search__panel__is-open': this.isSearchPanelOpen,
-      }, "aria-hidden": `${!this.isSearchPanelOpen}` }, index.h("div", { class: "site-search__panel__wrapper" }, index.h("div", { class: "site-search__panel__title" }, index.h("div", { class: "site-search__panel__title__group" }, index.h("span", { class: "panel-title" }, this.searchTitleLabel), index.h("div", { class: "description" }, this.searchDescriptionLabel))), index.h("div", { id: "cludo-search-results", class: "container_12" }, index.h("div", { class: "search-banner" }), index.h("div", { class: "search-filters search-filters-mobile" }), index.h("div", { class: "col-md-12" }, index.h("div", { style: { margin: '20px 0 32px' }, id: "cludo-search-content-form" }, index.h("hy-search-field", { "input-id": "search", label: "" }))), index.h("div", { class: "col-md-3" }, index.h("div", { class: "search-filters", "aria-controls": "search-results" })), index.h("div", { class: "col-md-9" }, index.h("div", { class: "search-results-container" }, index.h("hy-paragraph-text", null, index.h("div", { class: "search-result-count" })), index.h("div", { class: "search-did-you-mean", role: "Complementary" }), index.h("div", { class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (index.h("div", { class: "site-search__panel__tools" }, index.h("div", { class: "title" }, this.searchToolsLabel), index.h("div", { class: "list" }, this._searchTools.map((i) => {
-      let searchToolTarget = i.isExternal ? '_blank' : '_self';
-      return (index.h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, index.h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 14, fill: utils.ColorVariant.black }), index.h("span", { class: "label" }, i.label), index.h("span", { class: "description" }, i.description)));
+        "site-search": true,
+        "site-search__is-open": this.isSearchPanelOpen,
+        "is-group": this.isGroup,
+      } }, index.h("button", { "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
+        "button--search": true,
+        "is-open--menu": this.isAlternative,
+        "is-open": this.isSearchPanelOpen,
+        "is-active": searchPagePathNames.some((item) => item === currentPageUrlPathName),
+      }, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (index.h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), index.h("hy-icon", { icon: "hy-icon-search", size: this.size, fill: this.color })), !this.isLuomusGroup && (index.h("div", { class: {
+        "site-search__panel": true,
+        "site-search__panel__is-open": this.isSearchPanelOpen,
+      }, "aria-hidden": `${!this.isSearchPanelOpen}` }, index.h("div", { class: "site-search__panel__wrapper" }, index.h("div", { class: "site-search__panel__title" }, index.h("div", { class: "site-search__panel__title__group" }, index.h("span", { class: "panel-title" }, this.searchTitleLabel), index.h("div", { class: "description" }, this.searchDescriptionLabel))), index.h("div", { id: "cludo-search-results", class: "container_12" }, index.h("div", { class: "search-banner" }), index.h("div", { class: "search-filters search-filters-mobile" }), index.h("div", { class: "col-md-12" }, index.h("div", { style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, index.h("hy-search-field", { "input-id": "search", label: "" }))), index.h("div", { class: "col-md-3" }, index.h("div", { class: "search-filters", "aria-controls": "search-results" })), index.h("div", { class: "col-md-9" }, index.h("div", { class: "search-results-container" }, index.h("hy-paragraph-text", null, index.h("div", { class: "search-result-count" })), index.h("div", { class: "search-did-you-mean", role: "Complementary" }), index.h("div", { class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (index.h("div", { class: "site-search__panel__tools" }, index.h("div", { class: "title" }, this.searchToolsLabel), index.h("div", { class: "list" }, this._searchTools.map((i) => {
+      let searchToolTarget = i.isExternal ? "_blank" : "_self";
+      return (index.h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, index.h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 14, fill: utils.ColorVariant.black }), index.h("span", { class: "label" }, i.label), index.h("span", { class: "description" }, i.description)));
     })))), index.h("button", { onClick: () => this.closeSearchPanel(), class: {
-        'site-search__panel__panel-toggle': true,
-      }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, index.h("span", { class: "site-search__panel__panel-toggle__label" }, index.h("span", { class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), index.h("hy-icon", { icon: 'hy-icon-remove', size: 16, fill: utils.ColorVariant.black }))))))));
+        "site-search__panel__panel-toggle": true,
+      }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, index.h("span", { class: "site-search__panel__panel-toggle__label" }, index.h("span", { class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), index.h("hy-icon", { icon: "hy-icon-remove", size: 16, fill: utils.ColorVariant.black }))))))));
   }
   get el() { return index.getElement(this); }
 };
@@ -6907,7 +7064,7 @@ const HyTableContainer = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    const classAttributes = ['hy-table-container'].join(' ');
+    const classAttributes = ["hy-table-container"].join(" ");
     return (index.h(index.Host, { class: classAttributes }, index.h("slot", null), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
 };
@@ -6939,76 +7096,76 @@ const HyTabs = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.tabId = undefined;
-    this.tabListLabel = '';
+    this.tabListLabel = "";
     this.focusTimeoutCleared = true;
     this.tabButtonTitles = undefined;
     this.tabPanelsState = undefined;
     this.tabButtons = undefined;
     this.tabList = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
   }
   componentWillLoad() {
-    const tabItems = this.el.querySelectorAll('hy-tabs-item');
+    const tabItems = this.el.querySelectorAll("hy-tabs-item");
     if (tabItems) {
       this.tabButtonTitles = Array.from(tabItems).map((panel) => {
         return {
-          title: panel.getAttribute('tab-title'),
-          id: panel.getAttribute('tab-title').toLowerCase().replace(/\W/g, '-'),
+          title: panel.getAttribute("tab-title"),
+          id: panel.getAttribute("tab-title").toLowerCase().replace(/\W/g, "-"),
         };
       });
     }
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
-    const tabContainer = this.el.querySelector('.hy-tabs__container');
+    const tabContainer = this.el.querySelector(".hy-tabs__container");
     if (tabContainer) {
       this.generateArrays(tabContainer);
-      const leftButton = this.el.querySelectorAll('.hy-tab-scroll__left')[0];
-      const rightButton = this.el.querySelectorAll('.hy-tab-scroll__right')[0];
+      const leftButton = this.el.querySelectorAll(".hy-tab-scroll__left")[0];
+      const rightButton = this.el.querySelectorAll(".hy-tab-scroll__right")[0];
       const tabList = this.tabList;
       this.checkScrollHidden(tabList, leftButton, rightButton);
-      tabList.addEventListener('scroll', () => {
+      tabList.addEventListener("scroll", () => {
         scrollTimeout = setTimeout(() => {
           window.clearTimeout(scrollTimeout);
           this.checkScrollHidden(tabList, leftButton, rightButton);
         }, 250);
       }, false);
       if (tabList.offSetWidth <= document.body.scrollWidth) {
-        leftButton.classList.add('is-hidden');
-        rightButton.classList.add('is-hidden');
+        leftButton.classList.add("is-hidden");
+        rightButton.classList.add("is-hidden");
       }
       const oneTabWidth = 250;
-      rightButton.addEventListener('click', (e) => {
+      rightButton.addEventListener("click", (e) => {
         e.preventDefault();
-        rightButton.classList.add('is-disabled');
+        rightButton.classList.add("is-disabled");
         tabList.scrollBy({
           top: 0,
           left: +oneTabWidth,
-          behavior: 'smooth',
+          behavior: "smooth",
         });
         checkTimeout = window.setTimeout(() => {
           window.clearTimeout(checkTimeout);
           this.checkScrollHidden(tabList, leftButton, rightButton);
-          rightButton.classList.remove('is-disabled');
+          rightButton.classList.remove("is-disabled");
         }, 250);
       });
-      leftButton.addEventListener('click', (e) => {
+      leftButton.addEventListener("click", (e) => {
         e.preventDefault();
-        leftButton.classList.add('is-disabled');
+        leftButton.classList.add("is-disabled");
         tabList.scrollBy({
           top: 0,
           left: -oneTabWidth,
-          behavior: 'smooth',
+          behavior: "smooth",
         });
         checkTimeout = window.setTimeout(() => {
           window.clearTimeout(checkTimeout);
           this.checkScrollHidden(tabList, leftButton, rightButton);
-          leftButton.classList.remove('is-disabled');
+          leftButton.classList.remove("is-disabled");
         }, 250);
       });
     }
@@ -7025,8 +7182,8 @@ const HyTabs = class {
   addListeners(tabs, index) {
     if (tabs.length > 1) {
       for (let i = 0; i < tabs.length; ++i) {
-        tabs[index].addEventListener('click', this.clickEventListener);
-        tabs[index].addEventListener('keydown', this.keydownEventListener);
+        tabs[index].addEventListener("click", this.clickEventListener);
+        tabs[index].addEventListener("keydown", this.keydownEventListener);
         //tabs[index].addEventListener('keyup', this.keyupEventListener);
         tabs[index].index = index;
       }
@@ -7034,16 +7191,16 @@ const HyTabs = class {
   }
   checkScrollHidden(tablist, leftButton, rightButton) {
     if (tablist.scrollLeft === 0) {
-      leftButton.classList.add('is-hidden');
+      leftButton.classList.add("is-hidden");
     }
     else {
-      leftButton.classList.remove('is-hidden');
+      leftButton.classList.remove("is-hidden");
     }
     if (tablist.scrollLeft + tablist.clientWidth >= tablist.scrollWidth - 1) {
-      rightButton.classList.add('is-hidden');
+      rightButton.classList.add("is-hidden");
     }
     else {
-      rightButton.classList.remove('is-hidden');
+      rightButton.classList.remove("is-hidden");
     }
   }
   // When a tab is clicked, activateTab is fired to activate it
@@ -7092,7 +7249,7 @@ const HyTabs = class {
     switch (key) {
       case keys.left:
       case keys.right:
-        if (event.target.role === 'tab') {
+        if (event.target.role === "tab") {
           event.preventDefault();
           if (this.focusTimeoutCleared) {
             this.determineOrientation(event);
@@ -7104,12 +7261,12 @@ const HyTabs = class {
     event.stopImmediatePropagation();
   }
   determineOrientation(event) {
-    const leftButton = this.el.querySelectorAll('.hy-tab-scroll__left')[0];
-    const rightButton = this.el.querySelectorAll('.hy-tab-scroll__right')[0];
+    const leftButton = this.el.querySelectorAll(".hy-tab-scroll__left")[0];
+    const rightButton = this.el.querySelectorAll(".hy-tab-scroll__right")[0];
     const tabList = this.tabList;
     this.checkScrollHidden(tabList, leftButton, rightButton);
     const key = event.keyCode;
-    const vertical = tabList.getAttribute('aria-orientation') == 'vertical';
+    const vertical = tabList.getAttribute("aria-orientation") == "vertical";
     let proceed = false;
     if (vertical) {
       if (key === keys.up || key === keys.down) {
@@ -7157,10 +7314,10 @@ const HyTabs = class {
     // Deactivate all other tabs
     this.deactivateTabs(this.tabButtons);
     // Remove tabindex attribute
-    tab.removeAttribute('tabindex');
-    tab.setAttribute('aria-selected', 'true');
-    const controls = tab.getAttribute('aria-controls');
-    this.el.querySelector(`#${controls}`).removeAttribute('hidden');
+    tab.removeAttribute("tabindex");
+    tab.setAttribute("aria-selected", "true");
+    const controls = tab.getAttribute("aria-controls");
+    this.el.querySelector(`#${controls}`).removeAttribute("hidden");
     if (setFocus) {
       tab.focus();
     }
@@ -7168,13 +7325,13 @@ const HyTabs = class {
   // Deactivate all tabs and tab panels
   deactivateTabs(tabs) {
     for (let t = 0; t < tabs.length; t++) {
-      tabs[t].setAttribute('tabindex', '-1');
-      tabs[t].setAttribute('aria-selected', 'false');
-      tabs[t].removeEventListener('focus', this.focusEventHandler);
+      tabs[t].setAttribute("tabindex", "-1");
+      tabs[t].setAttribute("aria-selected", "false");
+      tabs[t].removeEventListener("focus", this.focusEventHandler);
     }
     const panels = this.tabPanelsState[0];
     for (let p = 0; p < panels.length; p++) {
-      panels[p].setAttribute('hidden', 'hidden');
+      panels[p].setAttribute("hidden", "hidden");
     }
   }
   focusEventHandler(tab) {
@@ -7190,30 +7347,30 @@ const HyTabs = class {
     }, 250);
   }
   render() {
-    const classComponentAttributes = ['hy-tabs__container', `hy-tabs__container__${this.headerstyle}`].join(' ');
-    const id = this.tabId.toLowerCase().replace(/\W/g, '-');
+    const classComponentAttributes = ["hy-tabs__container", `hy-tabs__container__${this.headerstyle}`].join(" ");
+    const id = this.tabId.toLowerCase().replace(/\W/g, "-");
     if (window.location.hash) {
       const tabHash = window.location.hash.substring(1);
-      const isUrlHashed = this.tabButtonTitles.some((tab) => tab['id'] === tabHash);
+      const isUrlHashed = this.tabButtonTitles.some((tab) => tab["id"] === tabHash);
       if (isUrlHashed) {
         const hashElement = document.getElementById(tabHash);
         if (hashElement) {
           this.activateTab(hashElement, true);
           const hashElementRect = hashElement.getBoundingClientRect();
-          window.scrollTo({ top: window.scrollY + hashElementRect.top - 200, behavior: 'smooth' });
+          window.scrollTo({ top: window.scrollY + hashElementRect.top - 200, behavior: "smooth" });
         }
       }
     }
     return [
       index.h("hy-box", { pt: "1.25, 1.25, 1.5, 2.5" }),
-      index.h("div", { id: id, class: classComponentAttributes }, index.h("div", { class: "hy-tablist-container" }, index.h("button", { tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__left is-hidden", "aria-hidden": "true" }, index.h("span", null, index.h("hy-icon", { icon: 'hy-icon-caret-left', size: 16 }))), index.h("div", { role: "tablist", "aria-label": this.tabListLabel }, this.tabButtonTitles &&
+      index.h("div", { id: id, class: classComponentAttributes }, index.h("div", { class: "hy-tablist-container" }, index.h("button", { tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__left is-hidden", "aria-hidden": "true" }, index.h("span", null, index.h("hy-icon", { icon: "hy-icon-caret-left", size: 16 }))), index.h("div", { role: "tablist", "aria-label": this.tabListLabel }, this.tabButtonTitles &&
         this.tabButtonTitles.map((item) => {
           const title = Object.values(item)[0];
-          const id = title.toLowerCase().replace(/\W/g, '-');
-          const titleAsId = title.toLowerCase().replace(/\W/g, '-');
-          const tabItemHref = '#' + titleAsId;
+          const id = title.toLowerCase().replace(/\W/g, "-");
+          const titleAsId = title.toLowerCase().replace(/\W/g, "-");
+          const tabItemHref = "#" + titleAsId;
           return (index.h("a", { href: tabItemHref, tabindex: "-1" }, index.h("button", { "aria-selected": "false", "aria-controls": `${id}-tab`, class: this.headerstyle, role: "tab", id: id }, index.h("span", null, title))));
-        })), index.h("button", { tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__right", "aria-hidden": "true" }, index.h("span", null, index.h("hy-icon", { icon: 'hy-icon-caret-right', size: 16 })))), index.h("slot", null)),
+        })), index.h("button", { tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__right", "aria-hidden": "true" }, index.h("span", null, index.h("hy-icon", { icon: "hy-icon-caret-right", size: 16 })))), index.h("slot", null)),
       index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" }),
     ];
   }
@@ -7229,7 +7386,7 @@ const HyTabsItem = class {
     this.tabTitle = undefined;
   }
   render() {
-    const id = this.tabTitle.toLowerCase().replace(/\W/g, '-');
+    const id = this.tabTitle.toLowerCase().replace(/\W/g, "-");
     return (index.h("div", { tabindex: "0", role: "tabpanel", id: `${id}-tab`, "aria-labelledby": id, hidden: true }, index.h("slot", null)));
   }
 };
@@ -7242,12 +7399,25 @@ const HyTag = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    const classAttributes = ['hy-tag'].join(' ');
+    const classAttributes = ["hy-tag"].join(" ");
     return (index.h(index.Host, null, index.h("div", { class: classAttributes }, index.h("span", null, index.h("slot", null)))));
   }
 };
 HyTag.style = hyTagCss;
 
+const tinyTextCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-tiny-text{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px}";
+
+const TinyText = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    const classAttributes = ["hy-tiny-text"];
+    return (index.h("div", { class: classAttributes.join(" ") }, index.h("slot", null)));
+  }
+};
+TinyText.style = tinyTextCss;
+
 const hyTwitterFeedCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-twitter-feed{margin:40px 0}.hy-twitter-feed__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:24px}@media (min-width: 30rem){.hy-twitter-feed__header{margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__header{margin-bottom:41px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__header{margin-bottom:41px}}.hy-twitter-feed__title{font-weight:700;font-family:var(--main-font-family);margin-top:0;margin-bottom:0;margin-right:8px}@media (min-width: 30rem){.hy-twitter-feed__title{margin-right:12px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__title{margin-right:16px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__title{margin-right:16px}}h2.hy-twitter-feed__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.82px}@media (min-width: 30rem){h2.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.is-front-page h2.hy-twitter-feed__title,.is-landing-page h2.hy-twitter-feed__title{font-size:1.75rem;line-height:32px;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.is-front-page h2.hy-twitter-feed__title,.is-landing-page h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 60rem){.without-sidebar .is-front-page h2.hy-twitter-feed__title,.without-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h2.hy-twitter-feed__title,.without-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.with-sidebar .is-front-page h2.hy-twitter-feed__title,.with-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar .is-front-page h2.hy-twitter-feed__title,.with-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-twitter-feed__title{font-size:1.3125rem;line-height:28px;letter-spacing:-0.42px}@media (min-width: 30rem){h3.hy-twitter-feed__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.is-front-page h3.hy-twitter-feed__title,.is-landing-page h3.hy-twitter-feed__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.52px}@media (min-width: 30rem){.is-front-page h3.hy-twitter-feed__title,.is-landing-page h3.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 60rem){.without-sidebar .is-front-page h3.hy-twitter-feed__title,.without-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h3.hy-twitter-feed__title,.without-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.with-sidebar .is-front-page h3.hy-twitter-feed__title,.with-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.with-sidebar .is-front-page h3.hy-twitter-feed__title,.with-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-twitter-feed__keyword{font-size:0.9375rem;line-height:22px;margin:0;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-twitter-feed__keyword hy-icon{margin-right:4px}@media (min-width: 30rem){.hy-twitter-feed__keyword hy-icon{margin-right:6px}}@media (min-width: 30rem){.hy-twitter-feed__keyword hy-icon svg{width:24px;height:24px}}@media (min-width: 30rem){.hy-twitter-feed__keyword{font-size:1rem;line-height:24px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__keyword{font-size:1.0625rem;line-height:24px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__keyword hy-icon svg{width:32px;height:32px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__keyword{font-size:1.0625rem;line-height:24px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__keyword hy-icon svg{width:32px;height:32px}}.hy-twitter-feed__keyword+a{font-size:0.9375rem;line-height:18px;margin:0 0 0 8px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);letter-spacing:-0.28px;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hy-twitter-feed__keyword+a:hover{text-decoration:underline}.hy-twitter-feed__keyword+a hy-icon{margin-right:6px}.hy-twitter-feed__keyword+a hy-icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-twitter-feed__keyword+a{font-size:0.875rem;line-height:18px;letter-spacing:-0.26px;margin:0 0 0 12px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__keyword+a{font-size:1rem;line-height:20px;letter-spacing:-0.3px;margin:0 0 0 16px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__keyword+a{font-size:1rem;line-height:20px;letter-spacing:-0.3px;margin:0 0 0 16px}}.hy-twitter-feed__tweets{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 30rem){.hy-twitter-feed__tweets{grid-template-columns:repeat(2, 1fr);gap:24px}}@media (min-width: 60rem){.without-sidebar .hy-twitter-feed__tweets{grid-template-columns:repeat(3, 1fr)}}@media (min-width: 75.0625rem){.with-sidebar .hy-twitter-feed__tweets{grid-template-columns:repeat(3, 1fr)}}.hy-twitter-tweet{background-color:var(--grayscale-background-box);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.hy-twitter-tweet__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:-8px;padding-top:12px;margin-bottom:8px}@media (min-width: 30rem){.hy-twitter-tweet__header{padding-top:16px}}.hy-twitter-tweet__profile-image img{height:70px;width:70px}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-tweet__profile-image img{height:80px;width:80px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-tweet__profile-image img{height:80px;width:80px}}.hy-twitter-tweet__header-content{margin-left:8px}.hy-twitter-tweet__header-content time{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-black);letter-spacing:-0.1px}.hy-twitter-tweet__header-content p{font-size:0.9375rem;line-height:18px;font-weight:700;font-family:var(--main-font-family);color:var(--brand-main-nearly-black);letter-spacing:-0.3px;margin:4px 0 2px}@media (min-width: 30rem){.hy-twitter-tweet__header-content p{font-size:1rem;line-height:20px;letter-spacing:-0.32px}}.hy-twitter-tweet__header-content a{font-size:0.75rem;line-height:16px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);letter-spacing:-0.1px;text-decoration:none;position:relative;z-index:10}.hy-twitter-tweet__header-content a:hover{text-decoration:underline}.hy-twitter-tweet__content-wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hy-twitter-tweet__content{padding:0 16px}.hy-twitter-tweet__content p{font-size:0.9375rem;line-height:20px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);letter-spacing:-0.03px;margin:0 0 8px}@media (min-width: 30rem){.hy-twitter-tweet__content p{font-size:0.875rem;line-height:18px;letter-spacing:-0.08px}}.hy-twitter-tweet__tweet-link{font-size:0.75rem;line-height:16px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);letter-spacing:-0.1px;text-decoration:none}.hy-twitter-tweet__tweet-link span{position:absolute;inset:0}.hy-twitter-tweet__tweet-link:hover{text-decoration:underline}.hy-twitter-tweet__statistics{margin-top:16px;padding:0 16px 16px}.hy-twitter-tweet__statistics .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.hy-twitter-tweet__statistics p{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark);letter-spacing:-0.1px;margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-twitter-tweet__statistics p:not(:first-of-type){margin-left:16px}.hy-twitter-tweet__statistics p hy-icon{margin-right:4px}.hy-twitter-tweet__statistics p hy-icon svg{fill:var(--grayscale-dark)}";
 
 const HyTwitterFeed = class {
@@ -7262,11 +7432,11 @@ const HyTwitterFeed = class {
   render() {
     const parsedTweets = JSON.parse(this.tweets);
     const HeadingVariant = this.headingVariant.toLowerCase();
-    if (this.tweetType === 'Hashtag' && this.twitterFeedKeyword.charAt(0) === '#') {
+    if (this.tweetType === "Hashtag" && this.twitterFeedKeyword.charAt(0) === "#") {
       this.twitterFeedKeyword = this.twitterFeedKeyword.substring(1);
     }
-    return (index.h("section", { class: "hy-twitter-feed" }, index.h("div", { class: "hy-twitter-feed__header" }, index.h(HeadingVariant, { class: "hy-twitter-feed__title" }, this.paragraphTitle || 'Twitter'), index.h("p", { class: "hy-twitter-feed__keyword" }, index.h("hy-icon", { icon: `hy-icon-some-twitter`, size: 20 }), this.tweetType === 'Hashtag' ? `#${this.twitterFeedKeyword}` : `@${this.twitterFeedKeyword}`), this.tweetType === 'Username' && (index.h("a", { href: `https://twitter.com/${this.twitterFeedKeyword}`, target: "_blank" }, index.h("hy-icon", { icon: `hy-icon-plus`, size: 12 }), "Follow"))), index.h("ul", { class: "hy-twitter-feed__tweets" }, parsedTweets.map(({ tweet_text, tweet_created, tweet_absolute_url, tweet_like_count, tweet_retweet_count, user_name, user_username, user_profile_image_url, }) => {
-      const dateFormatted = new Intl.DateTimeFormat('fi-FI').format(new Date(tweet_created));
+    return (index.h("section", { class: "hy-twitter-feed" }, index.h("div", { class: "hy-twitter-feed__header" }, index.h(HeadingVariant, { class: "hy-twitter-feed__title" }, this.paragraphTitle || "Twitter"), index.h("p", { class: "hy-twitter-feed__keyword" }, index.h("hy-icon", { icon: `hy-icon-some-twitter`, size: 20 }), this.tweetType === "Hashtag" ? `#${this.twitterFeedKeyword}` : `@${this.twitterFeedKeyword}`), this.tweetType === "Username" && (index.h("a", { href: `https://twitter.com/${this.twitterFeedKeyword}`, target: "_blank" }, index.h("hy-icon", { icon: `hy-icon-plus`, size: 12 }), "Follow"))), index.h("ul", { class: "hy-twitter-feed__tweets" }, parsedTweets.map(({ tweet_text, tweet_created, tweet_absolute_url, tweet_like_count, tweet_retweet_count, user_name, user_username, user_profile_image_url, }) => {
+      const dateFormatted = new Intl.DateTimeFormat("fi-FI").format(new Date(tweet_created));
       return (index.h("li", { class: "hy-twitter-feed__item" }, index.h("article", { class: "hy-twitter-tweet" }, index.h("header", { class: "hy-twitter-tweet__header" }, index.h("figure", { class: "hy-twitter-tweet__profile-image", role: "complementary" }, index.h("img", { src: user_profile_image_url, alt: "" })), index.h("div", { class: "hy-twitter-tweet__header-content" }, index.h("time", { dateTime: tweet_created }, dateFormatted), index.h("p", null, user_name), index.h("a", { class: "hy-twitter-tweet__user-link", href: `https://twitter.com/${user_username}`, target: "_blank" }, "@", user_username))), index.h("div", { class: "hy-twitter-tweet__content-wrapper" }, index.h("div", { class: "hy-twitter-tweet__content" }, index.h("p", null, tweet_text.length > 113 ? `${tweet_text.substr(0, 113)}...` : tweet_text), index.h("a", { class: "hy-twitter-tweet__tweet-link", href: tweet_absolute_url, target: "_blank" }, index.h("span", { "aria-hidden": "true" }), `${tweet_absolute_url.substr(0, 24)}...`)), index.h("div", { class: "hy-twitter-tweet__statistics", role: "complementary" }, index.h("p", null, index.h("span", { class: "visually-hidden" }, "Tweet like count: "), index.h("hy-icon", { icon: `hy-icon-some-twitter-like`, size: 16 }), tweet_like_count), index.h("p", null, index.h("span", { class: "visually-hidden" }, "Tweet retweet count: "), index.h("hy-icon", { icon: `hy-icon-some-twitter-retweet`, size: 16 }), tweet_retweet_count))))));
     }))));
   }
@@ -7281,7 +7451,7 @@ const HyTwoColumns = class {
     this.reversed = false;
   }
   render() {
-    const classAttributes = ['hy-two-columns', this.reversed ? 'hy-two-columns--reversed' : ''].join(' ');
+    const classAttributes = ["hy-two-columns", this.reversed ? "hy-two-columns--reversed" : ""].join(" ");
     return (index.h(index.Host, null, index.h("div", { class: classAttributes }, index.h("div", { class: "hy-two-columns__item hy-two-columns__item--main" }, index.h("slot", { name: "main" })), index.h("div", { class: "hy-two-columns__item hy-two-columns__item--side" }, index.h("slot", { name: "side" })))));
   }
 };
@@ -7296,10 +7466,10 @@ const HyUserLoginForm = class {
     this.logoLabel = undefined;
   }
   render() {
-    const classAttributes = 'hy-user-login-form';
+    const classAttributes = "hy-user-login-form";
     const logoSize = utils.SiteLogoSize.large;
     const logoColor = utils.ColorVariant.black;
-    return (index.h("div", { class: classAttributes }, index.h("div", { class: 'hy-site-header__logo-container' }, index.h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel })), index.h("slot", null)));
+    return (index.h("div", { class: classAttributes }, index.h("div", { class: "hy-site-header__logo-container" }, index.h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel })), index.h("slot", null)));
   }
 };
 HyUserLoginForm.style = hyUserLoginFormCss;
@@ -7310,18 +7480,18 @@ const HyVideo = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.renderPreviewWithLink = () => {
-      return this.linkToVideo ? (index.h("a", { title: this.videoTitle, href: this.linkToVideo, class: "hy-video__link-to-video" }, index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', class: "hy-video__preview-image", src: this.previewImageUrl, alt: this.videoTitle }))) : (index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', class: "hy-video__preview-image", src: this.previewImageUrl, alt: this.videoTitle }));
+      return this.linkToVideo ? (index.h("a", { title: this.videoTitle, href: this.linkToVideo, class: "hy-video__link-to-video" }, index.h("img", { loading: this.disableLazy ? "eager" : "lazy", class: "hy-video__preview-image", src: this.previewImageUrl, alt: this.videoTitle }))) : (index.h("img", { loading: this.disableLazy ? "eager" : "lazy", class: "hy-video__preview-image", src: this.previewImageUrl, alt: this.videoTitle }));
     };
     this.renderPlayButton = () => {
       if (this.simplePlayButton) {
-        return (index.h("span", { class: "hy-video__play__simple" }, index.h("button", { type: "button" }, index.h("hy-icon", { icon: 'hy-icon-video', class: 'hy-video__play-icon', size: 20 }))));
+        return (index.h("span", { class: "hy-video__play__simple" }, index.h("button", { type: "button" }, index.h("hy-icon", { icon: "hy-icon-video", class: "hy-video__play-icon", size: 20 }))));
       }
       else {
-        return (index.h("span", { class: "hy-video__play" }, index.h("button", { type: "button" }, index.h("hy-icon", { icon: 'hy-icon-video', class: 'hy-video__play-icon', size: 20 }), index.h("span", { class: "hy-video__button-label" }, this.playButtonLabel))));
+        return (index.h("span", { class: "hy-video__play" }, index.h("button", { type: "button" }, index.h("hy-icon", { icon: "hy-icon-video", class: "hy-video__play-icon", size: 20 }), index.h("span", { class: "hy-video__button-label" }, this.playButtonLabel))));
       }
     };
     this.truncate = (str, n) => {
-      return str.length > n ? str.substr(0, n - 1) + '...' : str;
+      return str.length > n ? str.substr(0, n - 1) + "..." : str;
     };
     this.videoTitle = undefined;
     this.videoDescription = undefined;
@@ -7331,7 +7501,7 @@ const HyVideo = class {
     this.linkToVideo = undefined;
     this.playButtonLabel = undefined;
     this.playButtonVisible = false;
-    this.seriesLabel = 'In this series';
+    this.seriesLabel = "In this series";
     this.seriesCount = null;
     this.views = undefined;
     this.viewsLabel = undefined;
@@ -7341,18 +7511,18 @@ const HyVideo = class {
     this.dateAddedLabel = undefined;
     this.horizontal = false;
     this.disableLazy = false;
-    this.headerstyle = 'default';
-    this.showMoreLabel = 'Show more';
-    this.showLessLabel = 'Show less';
+    this.headerstyle = "default";
+    this.showMoreLabel = "Show more";
+    this.showLessLabel = "Show less";
     this.simplePlayButton = false;
     this.styleList = false;
     this.descCollapsed = false;
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
     if (this.videoDescription && this.videoDescription.match(/\S/g).length > 255) {
@@ -7361,18 +7531,18 @@ const HyVideo = class {
   }
   render() {
     const classAttributes = [
-      'hy-video',
-      this.horizontal ? 'hy-video--horizontal' : '',
-      !this.styleList ? `hy-video__${this.headerstyle}` : '',
-      this.styleList ? 'hy-video--list' : '',
-    ].join(' ');
+      "hy-video",
+      this.horizontal ? "hy-video--horizontal" : "",
+      !this.styleList ? `hy-video__${this.headerstyle}` : "",
+      this.styleList ? "hy-video--list" : "",
+    ].join(" ");
     const maxChars = 255;
     const charCount = this.videoDescription ? this.videoDescription.match(/\S/g).length : 0;
     if (this.linkToVideo && this.styleList) {
       return [
         index.h("a", { href: this.linkToVideo, class: classAttributes }, this.videoTitle && !this.horizontal && !this.styleList && (index.h("hy-heading", { class: "hy-video__meta__title", heading: utils.HeadingVarians.h2 }, this.videoTitle)), index.h("div", { class: "hy-video__video-container" }, this.previewImageUrl ? (index.h("div", null, this.renderPreviewWithLink(), index.h("slot", { name: "video" }))) : (index.h("slot", { name: "video" })), this.playButtonVisible && this.renderPlayButton()), index.h("div", { class: "hy-video__meta" }, (this.videoTitle && this.horizontal) ||
-          (this.styleList && (index.h("hy-heading", { class: "hy-video__meta__title", heading: utils.HeadingVarians.h3 }, this.videoTitle))), this.contextLabelVisible && index.h("span", { class: "hy-video__label" }, this.contextLabel), (this.duration || this.views || this.dateAdded || this.seriesCount) && (index.h("div", { class: "hy-video__meta__details" }, this.duration && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.durationLabel), index.h("span", { class: "hy-video__meta__content" }, this.duration))), this.views && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.viewsLabel), index.h("span", { class: "hy-video__meta__content" }, this.views))), this.dateAdded && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.dateAddedLabel), index.h("span", { class: "hy-video__meta__content" }, this.dateAdded))), !this.views && this.seriesCount && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.seriesLabel), index.h("span", { class: "hy-video__meta__content" }, this.seriesCount))))), this.videoDescription && (index.h("div", { class: "hy-video__meta__description", "aria-expanded": this.descCollapsed ? 'false' : 'true' }, index.h("div", { class: "hy-video__meta__description__content" }, this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription), charCount > maxChars && (index.h("span", { class: "hy-video__meta__description__more-button", role: "button", tabindex: "0", "aria-expanded": this.descCollapsed ? 'false' : 'true', onClick: () => (this.descCollapsed = !this.descCollapsed), onKeyDown: (e) => {
-            if (e.key != ' ')
+          (this.styleList && (index.h("hy-heading", { class: "hy-video__meta__title", heading: utils.HeadingVarians.h3 }, this.videoTitle))), this.contextLabelVisible && index.h("span", { class: "hy-video__label" }, this.contextLabel), (this.duration || this.views || this.dateAdded || this.seriesCount) && (index.h("div", { class: "hy-video__meta__details" }, this.duration && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.durationLabel), index.h("span", { class: "hy-video__meta__content" }, this.duration))), this.views && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.viewsLabel), index.h("span", { class: "hy-video__meta__content" }, this.views))), this.dateAdded && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.dateAddedLabel), index.h("span", { class: "hy-video__meta__content" }, this.dateAdded))), !this.views && this.seriesCount && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.seriesLabel), index.h("span", { class: "hy-video__meta__content" }, this.seriesCount))))), this.videoDescription && (index.h("div", { class: "hy-video__meta__description", "aria-expanded": this.descCollapsed ? "false" : "true" }, index.h("div", { class: "hy-video__meta__description__content" }, this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription), charCount > maxChars && (index.h("span", { class: "hy-video__meta__description__more-button", role: "button", tabindex: "0", "aria-expanded": this.descCollapsed ? "false" : "true", onClick: () => (this.descCollapsed = !this.descCollapsed), onKeyDown: (e) => {
+            if (e.key != " ")
               return;
             e.preventDefault();
             this.descCollapsed = !this.descCollapsed;
@@ -7382,8 +7552,8 @@ const HyVideo = class {
     else {
       return [
         index.h("div", { class: classAttributes }, this.videoTitle && !this.horizontal && !this.styleList && (index.h("hy-heading", { class: "hy-video__meta__title", heading: utils.HeadingVarians.h2 }, this.videoTitle)), index.h("div", { class: "hy-video__video-container" }, this.previewImageUrl ? (index.h("div", null, this.renderPreviewWithLink(), index.h("slot", { name: "video" }))) : (index.h("slot", { name: "video" })), this.playButtonVisible && this.renderPlayButton()), index.h("div", { class: "hy-video__meta" }, (this.videoTitle && this.horizontal) ||
-          (this.styleList && (index.h("hy-heading", { class: "hy-video__meta__title", heading: utils.HeadingVarians.h2 }, this.videoTitle))), this.contextLabelVisible && index.h("span", { class: "hy-video__label" }, this.contextLabel), (this.duration || this.views || this.dateAdded) && (index.h("div", { class: "hy-video__meta__details" }, this.duration && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.durationLabel), index.h("span", { class: "hy-video__meta__content" }, this.duration))), this.views && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.viewsLabel), index.h("span", { class: "hy-video__meta__content" }, this.views))), this.dateAdded && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.dateAddedLabel), index.h("span", { class: "hy-video__meta__content" }, this.dateAdded))))), this.videoDescription && (index.h("div", { class: "hy-video__meta__description", "aria-expanded": this.descCollapsed ? 'false' : 'true' }, index.h("div", { class: "hy-video__meta__description__content" }, this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription), charCount > maxChars && (index.h("span", { class: "hy-video__meta__description__more-button", role: "button", tabindex: "0", "aria-expanded": this.descCollapsed ? 'false' : 'true', onClick: () => (this.descCollapsed = !this.descCollapsed), onKeyDown: (e) => {
-            if (e.key != ' ')
+          (this.styleList && (index.h("hy-heading", { class: "hy-video__meta__title", heading: utils.HeadingVarians.h2 }, this.videoTitle))), this.contextLabelVisible && index.h("span", { class: "hy-video__label" }, this.contextLabel), (this.duration || this.views || this.dateAdded) && (index.h("div", { class: "hy-video__meta__details" }, this.duration && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.durationLabel), index.h("span", { class: "hy-video__meta__content" }, this.duration))), this.views && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.viewsLabel), index.h("span", { class: "hy-video__meta__content" }, this.views))), this.dateAdded && (index.h("div", { class: "hy-video__meta__details--item" }, index.h("span", { class: "hy-video__meta__label" }, this.dateAddedLabel), index.h("span", { class: "hy-video__meta__content" }, this.dateAdded))))), this.videoDescription && (index.h("div", { class: "hy-video__meta__description", "aria-expanded": this.descCollapsed ? "false" : "true" }, index.h("div", { class: "hy-video__meta__description__content" }, this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription), charCount > maxChars && (index.h("span", { class: "hy-video__meta__description__more-button", role: "button", tabindex: "0", "aria-expanded": this.descCollapsed ? "false" : "true", onClick: () => (this.descCollapsed = !this.descCollapsed), onKeyDown: (e) => {
+            if (e.key != " ")
               return;
             e.preventDefault();
             this.descCollapsed = !this.descCollapsed;
@@ -7396,6 +7566,7 @@ const HyVideo = class {
 };
 HyVideo.style = hyVideoCss;
 
+exports.color_box = ColorBox;
 exports.hy_accordion_container = AccordionContainer;
 exports.hy_accordion_item = AccordionItem;
 exports.hy_adjacent_image_text = AdjacentImageText;
@@ -7406,6 +7577,7 @@ exports.hy_baseline = Baseline;
 exports.hy_box = HyBox;
 exports.hy_box_container = HyBoxContainer;
 exports.hy_breadcrumbs = HyBreadcrumbs;
+exports.hy_button = Button;
 exports.hy_checkbox = HyCheckbox;
 exports.hy_collaboration = HyCollaboration;
 exports.hy_content_list = HyContentList;
@@ -7413,6 +7585,7 @@ exports.hy_content_list_item = HyContentLstItem;
 exports.hy_crisis_banner = HyCrisisBanner;
 exports.hy_cta_button = CtaButton;
 exports.hy_cta_link = CtaLink;
+exports.hy_docs_container = DocsContainer;
 exports.hy_dropdown = HyDropdown;
 exports.hy_dropdown_panel = HyDropdownPanel;
 exports.hy_dropdown_panel_item = HyDropdownPanelItem;
@@ -7429,6 +7602,9 @@ exports.hy_footer_info = HyFooterInfo;
 exports.hy_footer_link_item = HyFooterLinkItem;
 exports.hy_general_list = HyGeneralList;
 exports.hy_general_list_item = HyGeneralListItem;
+exports.hy_grid_container = GridContainer;
+exports.hy_grid_item = GridItem;
+exports.hy_grid_row = GridRow;
 exports.hy_heading = Heading;
 exports.hy_hero = HyHero;
 exports.hy_icon = Icon;
@@ -7467,6 +7643,7 @@ exports.hy_prominent_image = HyProminentImage;
 exports.hy_quote = HyQuote;
 exports.hy_row = Row;
 exports.hy_search_field = HySearchField;
+exports.hy_section_container = SectionContainer;
 exports.hy_shortcuts = HyShortcuts;
 exports.hy_site_header = SiteHeader;
 exports.hy_site_logo = SiteLogo;
@@ -7475,6 +7652,7 @@ exports.hy_table_container = HyTableContainer;
 exports.hy_tabs = HyTabs;
 exports.hy_tabs_item = HyTabsItem;
 exports.hy_tag = HyTag;
+exports.hy_tiny_text = TinyText;
 exports.hy_twitter_feed = HyTwitterFeed;
 exports.hy_two_columns = HyTwoColumns;
 exports.hy_user_login_form = HyUserLoginForm;