@itcenteratunihelsinki/huds-lib 0.8.72 → 0.8.74

package/dist/esm/hy-breadcrumbs_15.entry.js

@@ -1,934 +1,948 @@
-import { r as registerInstance, h, g as getElement, H as Host, c as createEvent, F as Fragment } from './index-f84f2a7d.js';
-import { B as BreadcrumbVariants, F as FooterLinkItemColor, S as SiteLogoSize, o as FooterVariant, C as ColorVariant, f as HeadingVarians, d as CtaLinkButtonVariants, p as FooterLinkVariants, g as HeadingSectionVariants, M as MenuType } from './utils-2819fd7e.js';
-import { j as jsonParserWorker } from './globalScript-5a4b7abf.js';
-import { R as ResizeObserver } from './index-ecc819ad.js';
+import { r as registerInstance, h, g as getElement, H as Host, c as createEvent, F as Fragment } from './index-e2e165ed.js';
+import { B as BreadcrumbVariants, F as FooterLinkItemColor, S as SiteLogoSize, o as FooterVariant, C as ColorVariant, f as HeadingVarians, d as CtaLinkButtonVariants, p as FooterLinkVariants, g as HeadingSectionVariants, M as MenuType } from './utils-1e7f5184.js';
+import { j as jsonParserWorker } from './globalScript-0c14426d.js';
+import { i as index } from './ResizeObserver.es-ccb10328.js';
 
 const hyBreadcrumbsCss = ":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-breadcrumbs{display:inline-block;position:relative;width:auto}.hy-breadcrumbs.is-condensed{width:100%}.hy-breadcrumbs ol{margin:0;padding:0}.hy-breadcrumbs .breadcrumb-container{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin:0;padding:20px 0 16px}@media (min-width: 30rem){.hy-breadcrumbs .breadcrumb-container{padding:24px 0 16px}}@media (min-width: 75.0625rem){.hy-breadcrumbs .breadcrumb-container{padding:32px 0 16px}}.hy-breadcrumbs .breadcrumb-item{font-size:0.9375rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:600;font-family:var(--main-font-family);margin-bottom:0.75rem;letter-spacing:-0.5px}@media (min-width: 30rem){.hy-breadcrumbs .breadcrumb-item{margin-bottom:1rem}}.hy-breadcrumbs .breadcrumb-item .breadcrumb-item__link{color:var(--brand-main-light);text-decoration:none}.hy-breadcrumbs .breadcrumb-item .breadcrumb-item__icon{margin:0 21px}.hy-breadcrumbs .breadcrumb-item:hover .breadcrumb-item__link{color:var(--brand-main-active)}.hy-breadcrumbs .breadcrumb-item--current a{font-size:0.9375rem;line-height:20px;color:var(--grayscale-dark);display:block;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.5px;text-decoration:none}";
+const HyBreadcrumbsStyle0 = hyBreadcrumbsCss;
 
 const HyBreadcrumbs = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.dataItems = undefined;
-    this.variant = BreadcrumbVariants.default;
-    this.headerstyle = "with-sidebar";
-    this.menuOpen = false;
-  }
-  async componentWillLoad() {
-    this._dataItems = await jsonParserWorker(this.dataItems);
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "without-sidebar";
-      }
-    }
-  }
-  render() {
-    const breadcrumbsClass = ["hy-breadcrumbs", this.variant, this.headerstyle].join(" ");
-    return (h("nav", { "aria-label": "Breadcrumb", role: "navigation", "aria-labelledby": "system-breadcrumb", class: breadcrumbsClass }, h("ol", { class: "breadcrumb-container" }, this._dataItems.map((item) => {
-      if (item.url.length > 0) {
-        return (h("li", { class: "breadcrumb-item" }, h("a", { class: "breadcrumb-item__link", href: item.url }, item.text), h("hy-icon", { class: "breadcrumb-item__icon", icon: "hy-icon-caret-right", size: 12 })));
-      }
-      else {
-        return (h("li", { class: "breadcrumb-item breadcrumb-item--current" }, h("a", { href: item.url, "aria-current": "page" }, item.text)));
-      }
-    }))));
-  }
-  get el() { return getElement(this); }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.dataItems = undefined;
+        this.variant = BreadcrumbVariants.default;
+        this.headerstyle = "with-sidebar";
+        this.menuOpen = false;
+    }
+    async componentWillLoad() {
+        this._dataItems = await jsonParserWorker(this.dataItems);
+    }
+    componentDidLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "without-sidebar";
+            }
+        }
+    }
+    render() {
+        const breadcrumbsClass = ["hy-breadcrumbs", this.variant, this.headerstyle].join(" ");
+        return (h("nav", { key: 'bb2cfeaeb8326bdca0a79040bd3e002c2656db77', "aria-label": "Breadcrumb", role: "navigation", "aria-labelledby": "system-breadcrumb", class: breadcrumbsClass }, h("ol", { key: 'd7131a8cce1e17a620c7dc73af919895cbb6d682', class: "breadcrumb-container" }, this._dataItems.map((item) => {
+            if (item.url.length > 0) {
+                return (h("li", { class: "breadcrumb-item" }, h("a", { class: "breadcrumb-item__link", href: item.url }, item.text), h("hy-icon", { class: "breadcrumb-item__icon", icon: "hy-icon-caret-right", size: 12 })));
+            }
+            else {
+                return (h("li", { class: "breadcrumb-item breadcrumb-item--current" }, h("a", { href: item.url, "aria-current": "page" }, item.text)));
+            }
+        }))));
+    }
+    get el() { return getElement(this); }
 };
-HyBreadcrumbs.style = hyBreadcrumbsCss;
+HyBreadcrumbs.style = HyBreadcrumbsStyle0;
 
 const hyFooterCss = ":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-footer{display:block}";
+const HyFooterStyle0 = hyFooterCss;
 
 const HyFooter = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    const classAttributes = ["hy-footer"];
-    return (h("footer", { class: classAttributes.join(" ") }, h("slot", null)));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        const classAttributes = ["hy-footer"];
+        return (h("footer", { key: 'e4657997c8c3987714cbbdb5189318b5390870a6', class: classAttributes.join(" ") }, h("slot", { key: '622e03a2d962f913d98207d7602df33582ecc887' })));
+    }
 };
-HyFooter.style = hyFooterCss;
+HyFooter.style = HyFooterStyle0;
 
 const hyFooterActionCss = ":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-footer-action{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid var(--grayscale-medium-dark);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:8px 16px 16px 16px;place-content:center space-between;width:100%}@media (min-width: 30rem){.hy-footer-action{margin:0 auto;max-width:120.0625rem;padding:16px 24px 16px 24px}}@media (min-width: 60rem){.hy-footer-action{padding:16px 32px 24px 32px}}.hy-footer-action__updated-text{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:0}@media (min-width: 30rem){.hy-footer-action__updated-text{font-size:1rem;line-height:24px}}.hy-footer-action__scroll-up{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-footer-action__scroll-up .hy-footer-action__up-button{background-color:var(--brand-main-light);border:0;-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);padding:8px}.hy-footer-action__scroll-up .hy-footer-action__up-button:hover{cursor:pointer}.hy-footer-action__scroll-up label{font-size:1rem;line-height:24px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:0;margin-right:8px}.hy-footer-action__scroll-up label:hover{cursor:pointer}.hy-footer-action__scroll-up svg{fill:var(--grayscale-white)}.hy-footer-action__scroll-up:hover label{text-decoration:underline}.hy-footer-action__scroll-up:hover .hy-footer-action__up-button{background-color:var(--brand-main)}";
+const HyFooterActionStyle0 = hyFooterActionCss;
 
 let scrollTimeout = null;
 const HyFooterAction = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.updatedText = undefined;
-    this.upButtonLabel = undefined;
-  }
-  disconnectedCallback() {
-    clearTimeout(scrollTimeout);
-  }
-  scrollTop() {
-    const hyLogo = document.querySelector(".hy-site-header .hy-site-header__branding a");
-    window.scrollTo({ top: 0, behavior: "smooth" });
-    scrollTimeout = window.setTimeout(() => {
-      hyLogo.focus();
-    }, 500);
-  }
-  render() {
-    const classAttributes = ["hy-footer-action"].join(" ");
-    return (h(Host, { class: classAttributes }, h("span", { class: "hy-footer-action__updated-text" }, this.updatedText), this.upButtonLabel && (h("span", { class: "hy-footer-action__scroll-up" }, h("label", { id: "up-label", htmlFor: "scroll-up", onClick: () => this.scrollTop() }, this.upButtonLabel), h("button", { name: "scroll-up", "aria-labelledby": "up-label", onClick: () => this.scrollTop(), class: "hy-footer-action__up-button", type: "button" }, h("hy-icon", { class: "hy-footer-action__up-icon", icon: "hy-icon-arrow-up", size: 26 }))))));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.updatedText = undefined;
+        this.upButtonLabel = undefined;
+    }
+    disconnectedCallback() {
+        clearTimeout(scrollTimeout);
+    }
+    scrollTop() {
+        const hyLogo = document.querySelector(".hy-site-header .hy-site-header__branding a");
+        window.scrollTo({ top: 0, behavior: "smooth" });
+        scrollTimeout = window.setTimeout(() => {
+            hyLogo.focus();
+        }, 500);
+    }
+    render() {
+        const classAttributes = ["hy-footer-action"].join(" ");
+        return (h(Host, { key: '051afdbdb71366132d671bb828b1cc12ddbd4e19', class: classAttributes }, h("span", { key: '6008266f62980ad4b73751b6ab5ff69ae6d55cf8', class: "hy-footer-action__updated-text" }, this.updatedText), this.upButtonLabel && (h("span", { key: 'c3dc71afe4107fc1b1fd0cccae59773114e8f642', class: "hy-footer-action__scroll-up" }, h("label", { key: '9f6c7b850898b4410a47407085d617c43455e718', id: "up-label", htmlFor: "scroll-up", onClick: () => this.scrollTop() }, this.upButtonLabel), h("button", { key: '84b81fa1706ac5c66f2bffcca182afc2fff3db40', name: "scroll-up", "aria-labelledby": "up-label", onClick: () => this.scrollTop(), class: "hy-footer-action__up-button", type: "button" }, h("hy-icon", { key: '9e6834dbc0d2a0939037b19fab3074dea2a968fe', class: "hy-footer-action__up-icon", icon: "hy-icon-arrow-up", size: 26 }))))));
+    }
 };
-HyFooterAction.style = hyFooterActionCss;
+HyFooterAction.style = HyFooterActionStyle0;
 
 const hyFooterBaseCss = ":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-footer-base--content-container{background-color:var(--grayscale-black);display:block;max-width:100%}.hy-footer-base{background-color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%;padding:32px 16px 0 16px;place-content:center space-between;position:relative;width:100%}@media (min-width: 30rem){.hy-footer-base{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:120.0625rem;padding:32px 24px 0 24px}}@media (min-width: 60rem){.hy-footer-base{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, auto);padding:36px 32px 0 32px}}@media (min-width: 75.0625rem){.hy-footer-base{padding:40px 32px 0 32px}}.hy-footer-base__left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;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:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:24px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media (min-width: 30rem){.hy-footer-base__left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}}@media (min-width: 60rem){.hy-footer-base__left{-webkit-box-ordinal-group:unset;-ms-flex-order:unset;order:unset;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.hy-footer-base__logo{font-size:1.125rem;line-height:16px;font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.9px}.hy-footer-base__logo .hy-site-logo__label{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.hy-footer-base__content{font-size:1rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-style:normal;font-weight:600;letter-spacing:-0.1px;margin:22px 0;white-space:pre-line}@media (min-width: 30rem){.hy-footer-base__content{margin:22px 0}}@media (min-width: 60rem){.hy-footer-base__content{margin:32px 0}}@media (min-width: 75.0625rem){.hy-footer-base__content{margin:44px 0}}.hy-footer-base__content address{font-style:normal}.hy-footer-base__content a{color:var(--grayscale-white);font-family:var(--main-font-family)}.hy-footer-base__some{-webkit-box-align:center;-ms-flex-align:center;align-items:center;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:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0;z-index:2}@media (min-width: 48rem){.hy-footer-base__some{margin-bottom:64px}}@media (min-width: 60rem){.hy-footer-base__some{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:0}}@media (min-width: 75.0625rem){.hy-footer-base__some{-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}}.hy-footer-base__some__label{font-size:1rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.1px;margin-bottom:8px;margin-right:24px}@media (min-width: 60rem){.hy-footer-base__some__label{margin-bottom:8px}}.hy-footer-base__some__items{-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}.hy-footer-base__some__item{margin-right:24px}.hy-footer-base__some__item :last-child(){margin-right:0}.hy-footer-base__some__item:hover{color:var(--grayscale-medium) !important}.hy-footer-base__some__item:hover svg{fill:var(--grayscale-medium)}.hy-footer-base__some svg{fill:var(--grayscale-white)}.hy-footer-base__right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-column:2/-1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-height:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%}.hy-footer-base__right hy-footer-link-item{float:none;width:100%}@media (min-width: 30rem){.hy-footer-base__right{margin-bottom:32px}}@media (min-width: 48rem){.hy-footer-base__right{display:block;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.hy-footer-base__right hy-footer-link-item{clear:right;float:left;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:50%;margin-bottom:1.5rem}}@media (min-width: 60rem){.hy-footer-base__right{-webkit-box-ordinal-group:unset;-ms-flex-order:unset;order:unset}}.hy-footer-base__bottom{border-top:1px solid var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-column:1/-1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:2.5rem 0 1rem;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;padding-top:2.5rem;width:100%}@media (min-width: 48rem){.hy-footer-base__bottom{-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;padding-top:1rem}}.hy-footer-base__bottom__links{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 1rem 1rem}@media (min-width: 48rem){.hy-footer-base__bottom__links{padding:0;gap:2rem}}.hy-footer-base__bottom__link{color:var(--grayscale-white);font-family:var(--main-font-family);font-size:14px;font-weight:600;letter-spacing:-0.1;line-height:19.07px;text-align:right;text-decoration:underline;text-decoration-thickness:auto}.hy-footer-base__bottom__link:hover,.hy-footer-base__bottom__link:focus-within{text-decoration-thickness:2px}.hy-footer-base__copy{font-size:1rem;line-height:24px;-ms-flex-item-align:center;align-self:center;color:var(--grayscale-white);display:block;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.1px;text-align:center}@media (min-width: 48rem){.hy-footer-base__copy{-ms-flex-item-align:end;align-self:flex-end;margin-left:0.5rem}}";
+const HyFooterBaseStyle0 = hyFooterBaseCss;
 
 const HyFooterBase = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.color = FooterLinkItemColor.white;
-    this.logoUrl = undefined;
-    this.logoLabel = undefined;
-    this.size = SiteLogoSize.big;
-    this.someLabel = undefined;
-    this.copyrightText = undefined;
-    this.dataFooterBaseLinks = undefined;
-    this.dataFooterPostSectionLinks = undefined;
-    this.dataFooterBaseSome = undefined;
-  }
-  async componentWillLoad() {
-    this._dataFooterBaseLinks = await jsonParserWorker(this.dataFooterBaseLinks);
-    this._dataFooterBaseSome = await jsonParserWorker(this.dataFooterBaseSome);
-    this._dataFooterPostSectionLinks = await jsonParserWorker(this.dataFooterPostSectionLinks);
-  }
-  render() {
-    const logoColor = ColorVariant.white;
-    const classAttributes = ["hy-footer-base--content-container"].join(" ");
-    const links = this._dataFooterBaseLinks;
-    const postSectionLinks = this._dataFooterPostSectionLinks;
-    const some = this._dataFooterBaseSome;
-    return (h(Host, { class: classAttributes }, h("div", { class: "hy-footer-base" }, h("div", { class: "hy-footer-base__left" }, h("div", { class: "hy-footer-base__logo" }, h("hy-site-logo", { type: FooterVariant.footer, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("div", { class: "hy-footer-base__content" }, h("slot", { name: "content" })), h("div", { class: "hy-footer-base__some" }, h("div", { class: "hy-footer-base__some__items" }, some &&
-      some.map((s) => {
-        return (h("a", { "aria-label": s.label, href: s.url, class: `hy-footer-base__some__item`, title: s.label, target: "_blank" }, h("hy-icon", { icon: `hy-icon-some-${s.type}`, size: 36 })));
-      })))), h("div", { class: "hy-footer-base__right" }, links &&
-      links.map((link) => {
-        var _a;
-        return (h("hy-footer-link-item", { label: link.label, url: link.url, color: FooterLinkItemColor.white, mainLink: link.mainlink, items: (_a = link.items) !== null && _a !== void 0 ? _a : null }));
-      })), postSectionLinks && (h("div", { class: "hy-footer-base__bottom" }, h("div", { class: "hy-footer-base__bottom__links" }, postSectionLinks &&
-      postSectionLinks.map((item) => (h("a", { class: "hy-footer-base__bottom__link", href: item.url, target: item.external ? "_blank" : "_self" }, item.label)))), this.copyrightText && h("span", { class: "hy-footer-base__copy" }, this.copyrightText))))));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.color = FooterLinkItemColor.white;
+        this.logoUrl = undefined;
+        this.logoLabel = undefined;
+        this.size = SiteLogoSize.big;
+        this.someLabel = undefined;
+        this.copyrightText = undefined;
+        this.dataFooterBaseLinks = undefined;
+        this.dataFooterPostSectionLinks = undefined;
+        this.dataFooterBaseSome = undefined;
+    }
+    async componentWillLoad() {
+        this._dataFooterBaseLinks = await jsonParserWorker(this.dataFooterBaseLinks);
+        this._dataFooterBaseSome = await jsonParserWorker(this.dataFooterBaseSome);
+        this._dataFooterPostSectionLinks = await jsonParserWorker(this.dataFooterPostSectionLinks);
+    }
+    render() {
+        const logoColor = ColorVariant.white;
+        const classAttributes = ["hy-footer-base--content-container"].join(" ");
+        const links = this._dataFooterBaseLinks;
+        const postSectionLinks = this._dataFooterPostSectionLinks;
+        const some = this._dataFooterBaseSome;
+        return (h(Host, { key: 'f1f52694d8418b9de94e2ec07a4d56deec701420', class: classAttributes }, h("div", { key: '5a8b9c652aff084406bab4bfba287704202f9adb', class: "hy-footer-base" }, h("div", { key: 'dc4b09eafcb4511c7aeb773554bfd79c078320b7', class: "hy-footer-base__left" }, h("div", { key: 'f8ed5a4ffac321fdf309d205346e2f89ae027d89', class: "hy-footer-base__logo" }, h("hy-site-logo", { key: '79d22b62f224785444e91d9deda57ce6682ca67c', type: FooterVariant.footer, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("div", { key: '09c33d00d0d5f20bd08181601ab0949d14fd5841', class: "hy-footer-base__content" }, h("slot", { key: '4f2751aacf8a3a53b3d120897f1540e46aed165e', name: "content" })), h("div", { key: '394bbbea236c85d242fa81873c4d1892aaa62f44', class: "hy-footer-base__some" }, h("div", { key: 'dcd489583478672050941ad796444873c77bf650', class: "hy-footer-base__some__items" }, some &&
+            some.map((s) => {
+                return (h("a", { "aria-label": s.label, href: s.url, class: `hy-footer-base__some__item`, title: s.label, target: "_blank" }, h("hy-icon", { icon: `hy-icon-some-${s.type}`, size: 36 })));
+            })))), h("div", { key: 'de7b0e84dc8415c41da5ad0247fcb615887953dc', class: "hy-footer-base__right" }, links &&
+            links.map((link) => {
+                var _a;
+                return (h("hy-footer-link-item", { label: link.label, url: link.url, color: FooterLinkItemColor.white, mainLink: link.mainlink, items: (_a = link.items) !== null && _a !== void 0 ? _a : null }));
+            })), postSectionLinks && (h("div", { key: '2e269ce3b3c78de73649f7bc4ae037a5a6207b5a', class: "hy-footer-base__bottom" }, h("div", { key: '4d0876435cb5c28e6ed7dba5f5d60e30cceddbf7', class: "hy-footer-base__bottom__links" }, postSectionLinks &&
+            postSectionLinks.map((item) => (h("a", { class: "hy-footer-base__bottom__link", href: item.url, target: item.external ? "_blank" : "_self" }, item.label)))), this.copyrightText && h("span", { key: 'fd989837000b96d0e66706331b0dbd25f0ff8288', class: "hy-footer-base__copy" }, this.copyrightText))))));
+    }
 };
-HyFooterBase.style = hyFooterBaseCss;
+HyFooterBase.style = HyFooterBaseStyle0;
 
 const hyFooterInfoCss = ":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-footer-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:auto;padding:0 16px 40px 16px;place-content:center space-between}@media (min-width: 30rem){.hy-footer-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:120.0625rem;padding:0 24px 32px 24px}}@media (min-width: 60rem){.hy-footer-info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0 32px 36px 32px}}@media (min-width: 75.0625rem){.hy-footer-info{padding:0 32px 40px 32px}}.hy-footer-info__content{margin-bottom:24px;width:100%}@media (min-width: 30rem){.hy-footer-info__content{margin-bottom:32px;width:100%}}@media (min-width: 60rem){.hy-footer-info__content{width:31.11%}}.hy-footer-info__content .hy-heading{padding-top:0 !important}.hy-footer-info__ingress{font-size:0.9375rem;line-height:20px;font-weight:400;letter-spacing:-0.09px;color:var(--grayscale-black);font-family:var(--main-font-family);padding-bottom:24px}@media (min-width: 60rem){.hy-footer-info__ingress{font-size:1rem;line-height:22px;letter-spacing:-0.1px;padding-bottom:16px}}@media (min-width: 1601px){.hy-footer-info__ingress{font-size:1.0625rem;line-height:26px}}@media (min-width: 75.0625rem){.hy-footer-info__ingress{padding-bottom:24px}}.hy-footer-info__ingress a{font-size:0.875rem;line-height:20px;color:var(--link-blue);font-family:var(--main-font-family);font-weight:600;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media (min-width: 30rem){.hy-footer-info__ingress a{font-size:1rem;line-height:24px;letter-spacing:-0.1px}}@media (min-width: 1601px){.hy-footer-info__ingress a{font-size:1.0625rem;line-height:26px}}.hy-footer-info__ingress a:hover{color:var(--brand-main)}.hy-footer-info__ingress a[target=_blank]:after{display:block;content:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='rgb(4,121,165)'> <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' /> </svg>\");margin-left:3px;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.hy-footer-info__ingress a[target=_blank]:after:hover{content:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='pink'> <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' /> </svg>\")}.hy-footer-info__ingress a[target=_blank]:hover:after{content:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='rgb(14,104,139)'> <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' /> </svg>\")}.hy-footer-info__links{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;max-height:auto;overflow:hidden;width:100%}@media (min-width: 30rem){.hy-footer-info__links{-ms-flex-line-pack:justify;align-content:space-between;max-height:555px;width:100%}}@media (min-width: 60rem){.hy-footer-info__links{max-height:555px;width:65.56%}}@media (min-width: 87.5rem){.hy-footer-info__links{max-height:530px}}@media (min-width: 30rem){.hy-footer-info__links.is-group:not(.luomus){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-height:none}}.hy-footer-info .hy-accordion__content--inner-wrapper{width:100%}.hy-footer-info.luomus{background-color:var(--grayscale-black);color:var(--grayscale-white);padding-top:40px}.hy-footer-info.luomus .hy-footer-info__logo{font-size:1.125rem;line-height:16px;font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.9px}.hy-footer-info.luomus .hy-footer-info__logo .hy-site-logo__label{max-width:100%}.hy-footer-info.luomus .hy-footer-info__branding{padding:22px 0 62px}.hy-footer-info.luomus .hy-footer-info__branding a img{height:32px;width:148px}.hy-footer-info.luomus .luomus-footer-content{color:var(--grayscale-white);margin:8px 0}.hy-footer-info.luomus .luomus-footer-content__link{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-white);font-family:var(--main-font-family);font-style:normal;letter-spacing:-0.36px;text-decoration:none}.hy-footer-info.luomus .luomus-footer-content__description{font-size:1rem;line-height:22px;font-weight:400;color:var(--grayscale-white);font-family:var(--main-font-family);font-style:normal;letter-spacing:-0.1px;padding-bottom:32px}";
+const HyFooterInfoStyle0 = hyFooterInfoCss;
 
 const HyFooterInfo = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.textTitle = undefined;
-    this.textDescription = undefined;
-    this.linkText = undefined;
-    this.linkUrl = undefined;
-    this.linkIsExternal = false;
-    this.linkScLabel = undefined;
-    this.logoUrl = undefined;
-    this.logoLabel = undefined;
-    this.groupLogoUrl = undefined;
-    this.isGroup = undefined;
-    this.isLuomusGroup = false;
-    this.isMobile = undefined;
-    this.dataFooterInfoLinks = undefined;
-    this.luomusFooterContent = undefined;
-  }
-  async componentWillLoad() {
-    this._dataFooterInfoLinks = await jsonParserWorker(this.dataFooterInfoLinks);
-    this._dataLuomusFooterContent = await jsonParserWorker(this.luomusFooterContent);
-  }
-  componentDidLoad() {
-    this.ro = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        this.checkForMobile(entry.contentRect.width);
-      }
-    });
-    this.ro.observe(document.body);
-  }
-  disconnectedCallback() {
-    this.ro.disconnect();
-  }
-  checkForMobile(size) {
-    this.isMobile = size <= 479 ? true : false;
-  }
-  render() {
-    const links = this._dataFooterInfoLinks;
-    const luomusFooterContentItems = this._dataLuomusFooterContent;
-    const variant = this.isGroup ? FooterLinkVariants.group : FooterLinkVariants.campus;
-    const section = this.isGroup ? HeadingSectionVariants.groupFooterInfo : HeadingSectionVariants.defaultFooterInfo;
-    const footerLinkItemClass = this.isGroup ? "group" : "campus";
-    const scLabel = this.linkScLabel && this.linkScLabel.length > 0 ? this.linkScLabel : this.linkText;
-    const logoColor = ColorVariant.white;
-    const linksColor = this.isLuomusGroup ? FooterLinkItemColor.white : FooterLinkItemColor.black;
-    return (h(Host, { class: {
-        "hy-footer-info": true,
-        luomus: this.isLuomusGroup,
-      } }, h("div", { class: {
-        "hy-footer-info__content": true,
-        "is-group": this.isGroup,
-      } }, !this.isLuomusGroup && (h("hy-heading", { heading: HeadingVarians.h2, section: section }, this.textTitle)), this.isLuomusGroup && (h("div", { class: "hy-footer-info__logo" }, h("hy-site-logo", { type: FooterVariant.footer, isGroup: this.isGroup, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.isLuomusGroup && (h("div", { class: "hy-footer-info__branding" }, h("a", { href: this.groupLogoUrl }, h("img", { src: this.groupLogoUrl, alt: "Luomus logo" })))), !this.isLuomusGroup && (h("div", { class: {
-        "hy-footer-info__ingress": true,
-        "is-group": this.isGroup,
-      }, innerHTML: this.textDescription })), !this.isLuomusGroup && this.linkUrl && (h("hy-cta-button", { "link-content": this.linkText, "sc-label": scLabel, "is-external": this.linkIsExternal, url: this.linkUrl, variant: CtaLinkButtonVariants.onWhiteBkgd })), this.isLuomusGroup &&
-      luomusFooterContentItems &&
-      luomusFooterContentItems.map((item) => {
-        return (h("div", { class: "luomus-footer-content" }, h("a", { href: item.url, class: "luomus-footer-content__link" }, item.heading), item.content && h("div", { class: "luomus-footer-content__description", innerHTML: item.content })));
-      })), this.isMobile && this.isGroup === false ? (h("div", { class: {
-        "hy-footer-info__links": true,
-        "is-group": this.isGroup,
-        luomus: this.isLuomusGroup,
-      } }, h("hy-accordion-container", { accordionid: "test" }, links &&
-      links.map((link) => {
-        return (h("hy-accordion-item", { accordiontitle: link.label }, 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 })));
-      })))) : (h("div", { class: {
-        "hy-footer-info__links": true,
-        "is-group": this.isGroup,
-        luomus: this.isLuomusGroup,
-      } }, links &&
-      links.map((link) => {
-        const external_link = link.isExternal === "external";
-        return (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 }));
-      })))));
-  }
-  get el() { return getElement(this); }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.textTitle = undefined;
+        this.textDescription = undefined;
+        this.linkText = undefined;
+        this.linkUrl = undefined;
+        this.linkIsExternal = false;
+        this.linkScLabel = undefined;
+        this.logoUrl = undefined;
+        this.logoLabel = undefined;
+        this.groupLogoUrl = undefined;
+        this.isGroup = undefined;
+        this.isLuomusGroup = false;
+        this.isMobile = undefined;
+        this.dataFooterInfoLinks = undefined;
+        this.luomusFooterContent = undefined;
+    }
+    async componentWillLoad() {
+        this._dataFooterInfoLinks = await jsonParserWorker(this.dataFooterInfoLinks);
+        this._dataLuomusFooterContent = await jsonParserWorker(this.luomusFooterContent);
+    }
+    componentDidLoad() {
+        this.ro = new index((entries) => {
+            for (const entry of entries) {
+                this.checkForMobile(entry.contentRect.width);
+            }
+        });
+        this.ro.observe(document.body);
+    }
+    disconnectedCallback() {
+        this.ro.disconnect();
+    }
+    checkForMobile(size) {
+        this.isMobile = size <= 479 ? true : false;
+    }
+    render() {
+        const links = this._dataFooterInfoLinks;
+        const luomusFooterContentItems = this._dataLuomusFooterContent;
+        const variant = this.isGroup ? FooterLinkVariants.group : FooterLinkVariants.campus;
+        const section = this.isGroup ? HeadingSectionVariants.groupFooterInfo : HeadingSectionVariants.defaultFooterInfo;
+        const footerLinkItemClass = this.isGroup ? "group" : "campus";
+        const scLabel = this.linkScLabel && this.linkScLabel.length > 0 ? this.linkScLabel : this.linkText;
+        const logoColor = ColorVariant.white;
+        const linksColor = this.isLuomusGroup ? FooterLinkItemColor.white : FooterLinkItemColor.black;
+        return (h(Host, { key: 'f8c31d80a03ae74cd224e1a023d49713655e6b11', class: {
+                "hy-footer-info": true,
+                luomus: this.isLuomusGroup,
+            } }, h("div", { key: '1796be3f7c234dd0a1fb8398f438ab64d5b7be7b', class: {
+                "hy-footer-info__content": true,
+                "is-group": this.isGroup,
+            } }, !this.isLuomusGroup && (h("hy-heading", { key: 'e570b7d82bc93c8dd387aae5db694f95484ff0c2', heading: HeadingVarians.h2, section: section }, this.textTitle)), this.isLuomusGroup && (h("div", { key: '52e8e5e7f7ed125fccebf7b2f21c990d1d28c36a', class: "hy-footer-info__logo" }, h("hy-site-logo", { key: '5c369a3ad34c73bbf293cc3550c59fcc79d6671c', type: FooterVariant.footer, isGroup: this.isGroup, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.isLuomusGroup && (h("div", { key: 'a1e23dcead0461430c764c5bdc9d9e33862e5cc5', class: "hy-footer-info__branding" }, h("a", { key: 'b0dea6ac14e3a8ccc63b567923890dc595154656', href: this.groupLogoUrl }, h("img", { key: 'de707798f4661e9ae8cfbf1e9a837287c94e02bd', src: this.groupLogoUrl, alt: "Luomus logo" })))), !this.isLuomusGroup && (h("div", { key: 'c65c3ca1c696f613cc6d6e0d2b20e29b3bb1d242', class: {
+                "hy-footer-info__ingress": true,
+                "is-group": this.isGroup,
+            }, innerHTML: this.textDescription })), !this.isLuomusGroup && this.linkUrl && (h("hy-cta-button", { key: 'f5132aeaeff770fa29ca4cae1b8e3045b560dd84', "link-content": this.linkText, "sc-label": scLabel, "is-external": this.linkIsExternal, url: this.linkUrl, variant: CtaLinkButtonVariants.onWhiteBkgd })), this.isLuomusGroup &&
+            luomusFooterContentItems &&
+            luomusFooterContentItems.map((item) => {
+                return (h("div", { class: "luomus-footer-content" }, h("a", { href: item.url, class: "luomus-footer-content__link" }, item.heading), item.content && h("div", { class: "luomus-footer-content__description", innerHTML: item.content })));
+            })), this.isMobile && this.isGroup === false ? (h("div", { class: {
+                "hy-footer-info__links": true,
+                "is-group": this.isGroup,
+                luomus: this.isLuomusGroup,
+            } }, h("hy-accordion-container", { accordionid: "test" }, links &&
+            links.map((link) => {
+                return (h("hy-accordion-item", { accordiontitle: link.label }, 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 })));
+            })))) : (h("div", { class: {
+                "hy-footer-info__links": true,
+                "is-group": this.isGroup,
+                luomus: this.isLuomusGroup,
+            } }, links &&
+            links.map((link) => {
+                const external_link = link.isExternal === "external";
+                return (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 }));
+            })))));
+    }
+    get el() { return getElement(this); }
 };
-HyFooterInfo.style = hyFooterInfoCss;
+HyFooterInfo.style = HyFooterInfoStyle0;
 
 const hyFooterLinkItemCss = ":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-footer-link-item:not([main-link]){width:100%}@media (min-width: 48rem){hy-footer-link-item:not([main-link]){width:50%}}hy-footer-link-item[main-link]{-ms-hyphens:auto;hyphens:auto;min-width:200px;width:100%}@media (min-width: 30rem){hy-footer-link-item[main-link]{width:50%}}hy-footer-link-item.group[main-link]:not([is-luomus-group]){-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:1rem}@media (min-width: 30rem){hy-footer-link-item.group[main-link]:not([is-luomus-group]){-ms-flex-preferred-size:50%;flex-basis:50%;margin:0}}.hy-footer-link-item--container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 48rem){.hy-footer-link-item--container{margin-bottom:1rem}}.hy-footer-link-item--container .hy-footer-link-item:last-child{margin-bottom:16px}.hy-footer-link-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);margin-left:0;margin-right:0;position:relative;text-decoration:none}@media (min-width: 30rem){.hy-footer-link-item{margin-left:0;margin-right:24px}}@media (min-width: 60rem){.hy-footer-link-item{margin-left:32px;margin-right:0}}@media (min-width: 1601px){.hy-footer-link-item{margin-left:48px}}.hy-footer-link-item__main{border:0;padding:0;margin-right:-32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hy-footer-link-item__main .hy-heading__container>h3.hy-heading{font-size:1rem;line-height:16px;letter-spacing:-0.45px;padding:1.5rem 0 1px 0 !important;text-transform:uppercase}@media (min-width: 30rem){.hy-footer-link-item__main .hy-heading__container>h3.hy-heading{letter-spacing:-0.44px}}.hy-footer-link-item__main .hy-heading__container>h3.hy-heading .hy-footer-link-item__link[data-color=white]{color:var(--grayscale-white)}.hy-footer-link-item__main .hy-heading__container>h3.hy-heading .hy-footer-link-item__link[data-color=black]{color:var(--grayscale-black)}.hy-footer-link-item__main .hy-heading__container>h3.hy-heading .hy-footer-link-item__link{font-family:var(--main-font-family);text-decoration:none;margin-bottom:8px}@media (min-width: 48rem){.hy-footer-link-item__main .hy-heading__container>h3.hy-heading .hy-footer-link-item__link{margin-bottom:12px}}.hy-footer-link-item__color-black{font-size:0.875rem;line-height:18px;font-weight:400;border-bottom:1px solid var(--grayscale-black);color:var(--grayscale-black);letter-spacing:-0.5px;padding:16px 20px 14px 0}.hy-footer-link-item__color-black .hy-footer-link-item__icon svg{fill:var(--brand-main-nearly-black);height:12px;margin-right:2px;width:12px}.hy-footer-link-item__color-black .hy-heading__container>h3.hy-headinga.hy-footer-link-item__link:hover{color:var(--brand-main) !important;text-decoration:underline}.hy-footer-link-item__color-black .hy-heading__container>h3.hy-headinga.hy-footer-link-item__link:hover svg{fill:var(--brand-main)}.hy-footer-link-item__color-white{font-size:0.9375rem;line-height:18px;font-weight:600;border-bottom:1px solid var(--grayscale-white);color:var(--grayscale-white);letter-spacing:-0.5px;padding:15px 20px 15px 0}.hy-footer-link-item__color-white:hover,.hy-footer-link-item__color-white:focus-within{text-decoration:underline}.hy-footer-link-item__color-white .hy-footer-link-item__icon svg{fill:var(--grayscale-white)}.hy-footer-link-item__color-white .hy-heading__container>h3.hy-heading .hy-footer-link-item__link:hover{color:var(--grayscale-medium) !important}.hy-footer-link-item__color-white .hy-heading__container>h3.hy-heading .hy-footer-link-item__link:hover svg{fill:var(--grayscale-medium)}.hy-footer-link-item__icon{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}";
+const HyFooterLinkItemStyle0 = hyFooterLinkItemCss;
 
 const HyFooterLinkItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.label = undefined;
-    this.url = undefined;
-    this.isExternal = false;
-    this.mainLink = false;
-    this.items = undefined;
-    this.color = FooterLinkItemColor.black;
-    this.isMobile = undefined;
-    this.variant = FooterLinkVariants.base;
-    this.isLuomusGroup = false;
-  }
-  render() {
-    const containerClassAttributes = [
-      "hy-footer-link-item--container",
-      `hy-footer-link-item__${this.variant}`,
-      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__color-${this.color}`,
-    ].join(" ");
-    const headingClassAttributes = [
-      "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(" ");
-    const linkClassAttributes = [
-      "hy-footer-link-item",
-      `hy-footer-link-item__color-${this.color}`,
-      this.isLuomusGroup ? `luomus` : "",
-    ].join(" ");
-    if (this.items) {
-      if (this.isMobile && this.variant !== FooterLinkVariants.group) {
-        return (h("div", { class: containerClassAttributes }, this.items.map((item) => {
-          const target = item.isExternal === "external" ? "_blank" : "_self";
-          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
-        })));
-      }
-      else {
-        return (h("div", { class: containerClassAttributes }, h("hy-heading", { class: headingClassAttributes, heading: HeadingVarians.h3 }, this.url.length > 0 && (h("a", { class: "hy-footer-link-item__link", href: this.url, style: { color: this.color } }, this.label)), this.url.length == 0 && (h("div", { "data-color": this.color, class: "hy-footer-link-item__link" }, this.label))), this.items.map((item) => {
-          const target = item.isExternal === "external" ? "_blank" : "_self";
-          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
-        })));
-      }
-    }
-    else {
-      const target = this.isExternal ? "_blank" : "_self";
-      return (h("a", { class: classAttributes, href: this.url, style: { color: this.color }, target: target }, this.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
-    }
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.label = undefined;
+        this.url = undefined;
+        this.isExternal = false;
+        this.mainLink = false;
+        this.items = undefined;
+        this.color = FooterLinkItemColor.black;
+        this.isMobile = undefined;
+        this.variant = FooterLinkVariants.base;
+        this.isLuomusGroup = false;
+    }
+    render() {
+        const containerClassAttributes = [
+            "hy-footer-link-item--container",
+            `hy-footer-link-item__${this.variant}`,
+            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__color-${this.color}`,
+        ].join(" ");
+        const headingClassAttributes = [
+            "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(" ");
+        const linkClassAttributes = [
+            "hy-footer-link-item",
+            `hy-footer-link-item__color-${this.color}`,
+            this.isLuomusGroup ? `luomus` : "",
+        ].join(" ");
+        if (this.items) {
+            if (this.isMobile && this.variant !== FooterLinkVariants.group) {
+                return (h("div", { class: containerClassAttributes }, this.items.map((item) => {
+                    const target = item.isExternal === "external" ? "_blank" : "_self";
+                    return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
+                })));
+            }
+            else {
+                return (h("div", { class: containerClassAttributes }, h("hy-heading", { class: headingClassAttributes, heading: HeadingVarians.h3 }, this.url.length > 0 && (h("a", { class: "hy-footer-link-item__link", href: this.url, style: { color: this.color } }, this.label)), this.url.length == 0 && (h("div", { "data-color": this.color, class: "hy-footer-link-item__link" }, this.label))), this.items.map((item) => {
+                    const target = item.isExternal === "external" ? "_blank" : "_self";
+                    return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
+                })));
+            }
+        }
+        else {
+            const target = this.isExternal ? "_blank" : "_self";
+            return (h("a", { class: classAttributes, href: this.url, style: { color: this.color }, target: target }, this.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
+        }
+    }
 };
-HyFooterLinkItem.style = hyFooterLinkItemCss;
+HyFooterLinkItem.style = HyFooterLinkItemStyle0;
 
 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 HyHeadingDefaultStyle0 = defaultHeadingCss;
 
 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}";
+const HyHeadingWideStyle0 = wideHeadingFwCss;
 
 const Heading = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.heading = HeadingVarians.default;
-    this.isSearch = false;
-    this.section = HeadingSectionVariants.default;
-    this.negative = false;
-    this.headerstyle = "common";
-    this.hyphenatedText = undefined;
-    this.hasChildren = true;
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "large";
-      }
-    }
-    if (this.el.parentElement.classList.contains("hy-hero__title-container")) {
-      this.hasChildren = false;
-    }
-  }
-  render() {
-    const headingInVariants = this.heading in HeadingVarians;
-    const classAttributes = [
-      "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 containerSectionClass = [
-      "hy-heading__container",
-      `hy-heading__container__${this.section}`,
-      `hy-heading__container__${this.headerstyle}`,
-    ].join(" ");
-    return (h(Host, null, headingInVariants ? ([
-      h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(this.heading, { class: classAttributes.join(" "), innerHTML: this.hyphenatedText })) : (h(this.heading, { class: classAttributes.join(" ") }, h("slot", null))), h("span", { class: sectionClassAttributes })),
-    ]) : (h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(HeadingVarians.default, { class: classAttributes.join(" ") }, h("span", { innerHTML: this.hyphenatedText }))) : (h(HeadingVarians.default, { class: classAttributes.join(" ") }, h("span", null, h("slot", null)))), h("span", { class: sectionClassAttributes })))));
-  }
-  get el() { return getElement(this); }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.heading = HeadingVarians.default;
+        this.isSearch = false;
+        this.section = HeadingSectionVariants.default;
+        this.negative = false;
+        this.headerstyle = "common";
+        this.hyphenatedText = undefined;
+        this.hasChildren = true;
+    }
+    componentDidLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "large";
+            }
+        }
+        if (this.el.parentElement.classList.contains("hy-hero__title-container")) {
+            this.hasChildren = false;
+        }
+    }
+    render() {
+        const headingInVariants = this.heading in HeadingVarians;
+        const classAttributes = [
+            "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 containerSectionClass = [
+            "hy-heading__container",
+            `hy-heading__container__${this.section}`,
+            `hy-heading__container__${this.headerstyle}`,
+        ].join(" ");
+        return (h(Host, { key: 'b0a5b696b32ea8de5c72093c3409fe8f02b7d34c' }, headingInVariants ? ([
+            h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(this.heading, { class: classAttributes.join(" "), innerHTML: this.hyphenatedText })) : (h(this.heading, { class: classAttributes.join(" ") }, h("slot", null))), h("span", { class: sectionClassAttributes })),
+        ]) : (h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(HeadingVarians.default, { class: classAttributes.join(" ") }, h("span", { innerHTML: this.hyphenatedText }))) : (h(HeadingVarians.default, { class: classAttributes.join(" ") }, h("span", null, h("slot", null)))), h("span", { class: sectionClassAttributes })))));
+    }
+    get el() { return getElement(this); }
 };
 Heading.style = {
-  default: defaultHeadingCss,
-  wide: wideHeadingFwCss
+    default: HyHeadingDefaultStyle0,
+    wide: HyHeadingWideStyle0
 };
 
 const ingressCss = ":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}p.hy-ingress{font-size:1rem;line-height:24px;color:var(--grayscale-black);font-family:var(--main-font-family);margin:0 0 2rem}@media (min-width: 30rem){p.hy-ingress{font-size:1.125rem;line-height:28px}}@media (min-width: 60rem){p.hy-ingress{margin:0 0 2.25rem}}@media (min-width: 1601px){p.hy-ingress{font-size:1.125rem;line-height:32px;margin:0 0 3rem}}@media (min-width: 75.0625rem){p.hy-ingress__large{font-size:1.125rem;line-height:32px;margin:0 0 3rem}}";
+const HyIngressStyle0 = ingressCss;
 
 const Ingress = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.headerstyle = "common";
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "large";
-      }
-    }
-  }
-  render() {
-    const classAttributes = ["hy-ingress", `hy-ingress__${this.headerstyle}`].join(" ");
-    return (h(Host, null, h("p", { class: classAttributes }, h("slot", null))));
-  }
-  get el() { return getElement(this); }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.headerstyle = "common";
+    }
+    componentDidLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "large";
+            }
+        }
+    }
+    render() {
+        const classAttributes = ["hy-ingress", `hy-ingress__${this.headerstyle}`].join(" ");
+        return (h(Host, { key: '579866b808b13d1a819017fd8596198078d4cd04' }, h("p", { key: 'cad571fead3ae1e06371ce5a9d7e24145bab2092', class: classAttributes }, h("slot", { key: '836ccbc93cdda53104c4b4d58f6ba85ebbd4f61b' }))));
+    }
+    get el() { return getElement(this); }
 };
-Ingress.style = ingressCss;
+Ingress.style = HyIngressStyle0;
 
 const hyMainContentWrapperCss = ":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}.with-sidebar .hy-main-content-wrapper{margin:0 auto;max-width:100%;padding:0 1rem;position:relative}@media (min-width: 30rem){.with-sidebar .hy-main-content-wrapper{padding:0 2rem}}@media (min-width: 1601px){.with-sidebar .hy-main-content-wrapper{max-width:1216px;padding:0}}.without-sidebar .hy-main-content-wrapper{margin:0 auto;max-width:100%;padding:0 1rem;position:relative}@media (min-width: 30rem){.without-sidebar .hy-main-content-wrapper{padding:0 2rem}}@media (min-width: 75.0625rem){.without-sidebar .hy-main-content-wrapper{max-width:1216px;padding:0}}";
+const HyMainContentWrapperStyle0 = hyMainContentWrapperCss;
 
 const HyMainContentWrapper = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    const classAttributes = ["hy-main-content-wrapper"].join(" ");
-    return (h(Host, null, h("div", { class: classAttributes }, h("slot", null))));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        const classAttributes = ["hy-main-content-wrapper"].join(" ");
+        return (h(Host, { key: 'c467526363feee2d69a675ab508e5491639f3b3b' }, h("div", { key: 'b6a4d73b3effbb4abbd42af4144d2266796b1666', class: classAttributes }, h("slot", { key: '6788762d7fb44588f513fa686b6f1f82252a91c4' }))));
+    }
 };
-HyMainContentWrapper.style = hyMainContentWrapperCss;
+HyMainContentWrapper.style = HyMainContentWrapperStyle0;
 
 const menuLanguageCss = ":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}.menu-language{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.menu-language__toggle{font-size:1rem;line-height:16px;font-weight:700;color:var(--grayscale-black);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;display:inline-grid;font-family:var(--main-font-family);gap:4px;grid-template-columns:repeat(2, auto);letter-spacing:-0.7px;margin:0;padding:14px 10px;text-transform:uppercase;height:100%}@media (min-width: 75.0625rem){.menu-language__toggle{font-size:0.75rem;line-height:24px;font-weight:400;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;grid-template-columns:repeat(3, auto);padding:0}}@media (min-width: 1601px){.menu-language__toggle{font-size:0.875rem;line-height:24px}}.menu-language__toggle:hover{color:var(--brand-main);cursor:pointer}.menu-language__toggle:hover svg{fill:var(--brand-main)}.menu-language__toggle:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.menu-language__toggle hy-icon:first-of-type{display:none !important}@media (min-width: 75.0625rem){.menu-language__toggle hy-icon:first-of-type{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}}.menu-language__toggle[aria-expanded=true]{position:relative}.menu-language__toggle[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.menu-language__toggle[aria-expanded=true] span+hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-group .menu-language__toggle{color:var(--grayscale-white)}.is-group .menu-language__toggle:hover{color:var(--grayscale-medium);cursor:pointer}.is-group .menu-language__toggle:hover svg{fill:var(--grayscale-medium)}.menu-language__dropdown{background-color:var(--grayscale-white);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);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;right:-15px;margin:0;padding:8px;position:absolute;text-transform:uppercase;visibility:visible;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:100;min-width:160px}.menu-language__dropdown[aria-hidden=true]{display:none}@media (min-width: 75.0625rem){.menu-language__dropdown{left:-15px;right:0}}.menu-language__links{margin:0;padding:0;list-style:none;display:grid;gap:4px}";
+const HyMenuLanguageStyle0 = menuLanguageCss;
 
 const MenuLanguage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.menuLanguageToggled = createEvent(this, "menuLanguageToggled", 7);
-    this.dataMenuLanguage = undefined;
-    this.isGroup = false;
-    this.labels = undefined;
-    this.isMenuOpen = false;
-  }
-  // Close the language menu if user clicks anywhere outside the Menu language component.
-  handleOutsideMenuClick(event) {
-    this.isMenuOpen = false;
-    event.stopPropagation();
-  }
-  // CLose the language menu if user opens the desktop menu panel.
-  desktopMenuToggled() {
-    this.isMenuOpen = false;
-  }
-  // CLose the language menu if user opens the search panel
-  searchPanelToggled() {
-    this.isMenuOpen = false;
-  }
-  // Close the language menu if user opens University main menu
-  universityMainMenuPanelToggled() {
-    this.isMenuOpen = false;
-  }
-  handleComponentFocus(event) {
-    // Close desktop menu panel if it's open.
-    this.menuLanguageToggled.emit();
-    event.stopPropagation();
-  }
-  handleComponentClick(event) {
-    this.isMenuOpen = !this.isMenuOpen;
-    if (this.isMenuOpen) {
-      // Close desktop menu panel if it's open.
-      this.menuLanguageToggled.emit();
-      const languageMenuSelector = event.target;
-      this.adjustPosition(languageMenuSelector, this.el);
-    }
-    event.stopPropagation();
-  }
-  adjustPosition(languageMenuSelector, target) {
-    const languagePanel = languageMenuSelector.shadowRoot.querySelectorAll(`.menu-language__dropdown`)[0];
-    let headerHeight = "0";
-    let hyHeader = this.isGroup
-      ? target.closest(".hy-site-header__content-top")
-      : target.closest(".hy-site-header");
-    if (hyHeader) {
-      let rectHeader = hyHeader.getBoundingClientRect();
-      let rectLangMenu = languageMenuSelector.getBoundingClientRect();
-      headerHeight = `${languageMenuSelector.offsetHeight + rectHeader.bottom + 8 - rectLangMenu.bottom}px`;
-    }
-    languagePanel.style.top = headerHeight;
-  }
-  async componentWillLoad() {
-    this._dataMenuLanguage = await jsonParserWorker(this.dataMenuLanguage);
-    this._labels = await jsonParserWorker(this.labels);
-  }
-  render() {
-    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 (h("div", { class: {
-        "menu-language": true,
-        "is-open": this.isMenuOpen,
-        "is-group": this.isGroup,
-      } }, h("button", { class: {
-        "menu-language__toggle": true,
-      }, "aria-label": this.isMenuOpen ? this._labels["close"] : this._labels["open"] }, h("hy-icon", { icon: "hy-icon-globe", size: globeIconSize, fill: svgColor }), h("span", null, this._dataMenuLanguage.map(({ isActive, langCode }) => {
-      if (isActive) {
-        return langCode;
-      }
-    })), h("hy-icon", { icon: "hy-icon-caret-down", size: 8, fill: svgColor })), h("div", { class: {
-        "menu-language__dropdown": true,
-      }, "aria-hidden": `${!this.isMenuOpen}` }, this.isMenuOpen &&
-      h("ul", { class: "menu-language__links" }, this._dataMenuLanguage.map((item) => {
-        return (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 }));
-      })))));
-  }
-  get el() { return getElement(this); }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.menuLanguageToggled = createEvent(this, "menuLanguageToggled", 7);
+        this.dataMenuLanguage = undefined;
+        this.isGroup = false;
+        this.labels = undefined;
+        this.isMenuOpen = false;
+    }
+    // Close the language menu if user clicks anywhere outside the Menu language component.
+    handleOutsideMenuClick(event) {
+        this.isMenuOpen = false;
+        event.stopPropagation();
+    }
+    // CLose the language menu if user opens the desktop menu panel.
+    desktopMenuToggled() {
+        this.isMenuOpen = false;
+    }
+    // CLose the language menu if user opens the search panel
+    searchPanelToggled() {
+        this.isMenuOpen = false;
+    }
+    // Close the language menu if user opens University main menu
+    universityMainMenuPanelToggled() {
+        this.isMenuOpen = false;
+    }
+    handleComponentFocus(event) {
+        // Close desktop menu panel if it's open.
+        this.menuLanguageToggled.emit();
+        event.stopPropagation();
+    }
+    handleComponentClick(event) {
+        this.isMenuOpen = !this.isMenuOpen;
+        if (this.isMenuOpen) {
+            // Close desktop menu panel if it's open.
+            this.menuLanguageToggled.emit();
+            const languageMenuSelector = event.target;
+            this.adjustPosition(languageMenuSelector, this.el);
+        }
+        event.stopPropagation();
+    }
+    adjustPosition(languageMenuSelector, target) {
+        const languagePanel = languageMenuSelector.shadowRoot.querySelectorAll(`.menu-language__dropdown`)[0];
+        let headerHeight = "0";
+        let hyHeader = this.isGroup
+            ? target.closest(".hy-site-header__content-top")
+            : target.closest(".hy-site-header");
+        if (hyHeader) {
+            let rectHeader = hyHeader.getBoundingClientRect();
+            let rectLangMenu = languageMenuSelector.getBoundingClientRect();
+            headerHeight = `${languageMenuSelector.offsetHeight + rectHeader.bottom + 8 - rectLangMenu.bottom}px`;
+        }
+        languagePanel.style.top = headerHeight;
+    }
+    async componentWillLoad() {
+        this._dataMenuLanguage = await jsonParserWorker(this.dataMenuLanguage);
+        this._labels = await jsonParserWorker(this.labels);
+    }
+    render() {
+        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 (h("div", { key: '94d20dbd0006ee43a1a9316920c5fe98760a8333', class: {
+                "menu-language": true,
+                "is-open": this.isMenuOpen,
+                "is-group": this.isGroup,
+            } }, h("button", { key: 'b1835bf038cc1eef2c6545847f9795e8d44a89cd', class: {
+                "menu-language__toggle": true,
+            }, "aria-label": this.isMenuOpen ? this._labels["close"] : this._labels["open"] }, h("hy-icon", { key: '7cb8b799f3be337aa3f40c5f6d15f733ae1bf314', icon: "hy-icon-globe", size: globeIconSize, fill: svgColor }), h("span", { key: '788fa6d170205c938219e1c3140f4f11da5dd79f' }, this._dataMenuLanguage.map(({ isActive, langCode }) => {
+            if (isActive) {
+                return langCode;
+            }
+        })), h("hy-icon", { key: '76de3463c20bfd6efaedeb654336e7cb9bd90e2d', icon: "hy-icon-caret-down", size: 8, fill: svgColor })), h("div", { key: 'ce9d990ddd71a5d9c3fc4d3ed619901febc4d251', class: {
+                "menu-language__dropdown": true,
+            }, "aria-hidden": `${!this.isMenuOpen}` }, this.isMenuOpen &&
+            h("ul", { key: '42e8b5310c9674ae729318c934dfca6dd4a115fa', class: "menu-language__links" }, this._dataMenuLanguage.map((item) => {
+                return (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 }));
+            })))));
+    }
+    get el() { return getElement(this); }
 };
-MenuLanguage.style = menuLanguageCss;
+MenuLanguage.style = HyMenuLanguageStyle0;
 
 const menuLanguageItemCss = ":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}.menu-language__link{font-size:1rem;line-height:24px;font-weight:600;color:var(--brand-main-light);font-family:var(--main-font-family);letter-spacing:-0.5px;overflow:hidden;text-decoration:none;padding:12px 12px;display:block}.menu-language__link:hover{background-color:var(--grayscale-background-box);color:var(--brand-main)}.menu-language__link.is-active{color:var(--grayscale-black);border:2px solid var(--grayscale-black)}.menu-language__link.is-disabled{color:var(--link-disabled)}.menu-language__link.is-disabled:hover{background-color:transparent;color:var(--link-disabled)}";
+const HyMenuLanguageItemStyle0 = menuLanguageItemCss;
 
 const SiteLanguage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.abbr = undefined;
-    this.isActive = false;
-    this.isDisabled = false;
-    this.label = undefined;
-    this.langCode = undefined;
-    this.url = undefined;
-  }
-  render() {
-    return (h("li", { class: `menu-language__links-item` }, h("a", { href: this.url, lang: this.langCode, class: {
-        "is-active": this.isActive,
-        "is-disabled": this.isDisabled,
-        "menu-language__link": true,
-      } }, this.label)));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.abbr = undefined;
+        this.isActive = false;
+        this.isDisabled = false;
+        this.label = undefined;
+        this.langCode = undefined;
+        this.url = undefined;
+    }
+    render() {
+        return (h("li", { key: '8cae5131a9ead0fd5c08e311acee154a3b03689d', class: `menu-language__links-item` }, h("a", { key: '929b3ed9f2f0507afe4acaa8aff792689f3f3e9c', href: this.url, lang: this.langCode, class: {
+                "is-active": this.isActive,
+                "is-disabled": this.isDisabled,
+                "menu-language__link": true,
+            } }, this.label)));
+    }
 };
-SiteLanguage.style = menuLanguageItemCss;
+SiteLanguage.style = HyMenuLanguageItemStyle0;
 
 const hySearchFieldCss = ":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}.search-field{display:inline-block;width:100%}@media (min-width: 30rem){.search-field{min-width:48.3%}}@media (min-width: 75.0625rem){.search-field{min-width:23.03%}}.search-field__label{font-size:0.875rem;line-height:20px;display:block;font-family:var(--main-font-family);letter-spacing:-0.44px;margin-bottom:8px;position:relative;text-decoration:none;width:100%}@media (min-width: 30rem){.search-field__label{font-size:1rem;line-height:20px}}.search-field__label.label-large{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;margin-bottom:0.75rem}@media (min-width: 30rem){.search-field__label.label-large{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:1.25rem}}.search-field__label.bold{font-weight:700}.search-field__actions{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}.search-field__wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}.search-field__input{font-size:1rem;line-height:24px;border-radius:0;border:1px solid var(--grayscale-medium-dark);caret-color:var(--brand-main-light);font-weight:bold;height:40px;letter-spacing:normal;padding:8px 12px;width:100%;zoom:0}@media (min-width: 30rem){.search-field__input{font-size:1rem;line-height:24px;height:44px}}@media (min-width: 75.0625rem){.search-field__input{height:48px}}.search-field__input::-webkit-input-placeholder{font-size:1rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::-moz-placeholder{font-size:1rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input:-ms-input-placeholder{font-size:1rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::-ms-input-placeholder{font-size:1rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::placeholder{font-size:1rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}@media (min-width: 30rem){.search-field__input::-webkit-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::-moz-placeholder{font-size:1rem;line-height:24px}.search-field__input:-ms-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::-ms-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::placeholder{font-size:1rem;line-height:24px}}.search-field__input:hover{border-color:var(--brand-main-light)}.search-field__input:focus{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0}.search-field__reset{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px}@media (min-width: 30rem){.search-field__reset{height:44px;width:44px}}@media (min-width: 75.0625rem){.search-field__reset{height:48px;width:48px}}.search-field__reset svg{fill:var(--grayscale-dark)}@media (min-width: 75.0625rem){.search-field__reset svg{height:16px;width:16px}}.search-field__reset:hover{cursor:pointer}.search-field__reset:focus{outline-color:var(--brand-main-light)}.search-field__submit{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);border:0;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;width:40px}@media (min-width: 30rem){.search-field__submit{height:44px;width:44px}}@media (min-width: 75.0625rem){.search-field__submit{height:48px;width:48px}}@media (min-width: 30rem){.search-field__submit svg{height:20px;width:20px}}@media (min-width: 75.0625rem){.search-field__submit svg{height:22px;width:22px}}.search-field__submit:hover{cursor:pointer}s .search-field__submit:focus{outline-color:var(--brand-main-light)}";
+const HySearchFieldStyle0 = hySearchFieldCss;
 
 const HySearchField = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.label = undefined;
-    this.ariaLabel = "Search";
-    this.resetLabel = "Reset";
-    this.isLabelBold = false;
-    this.labelLarge = false;
-    this.isLuomusSearch = false;
-    this.placeholder = "Type here...";
-    this.isLabelHidden = false;
-    this.inputId = undefined;
-    this.prefillParameter = "";
-    this.isInputValueEmpty = true;
-  }
-  componentDidLoad() {
-    const searchInput = this.el.querySelector(".search-field__input");
-    searchInput.addEventListener("keyup", (event) => {
-      const { value } = event.target;
-      this.isInputValueEmpty = value.length > 0 ? false : true;
-    });
-    if (this.prefillParameter.length > 0) {
-      if (window.location === undefined)
-        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 : "";
-      this.isInputValueEmpty = false;
-    }
-  }
-  handleInputReset() {
-    this.isInputValueEmpty = true;
-    const searchInput = this.el.querySelector(".search-field__input");
-    searchInput.value = "";
-    searchInput.focus();
-  }
-  render() {
-    return (h(Host, { class: "search-field" }, !this.isLuomusSearch && (h("label", { htmlFor: this.inputId, class: `search-field__label 
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.label = undefined;
+        this.ariaLabel = "Search";
+        this.resetLabel = "Reset";
+        this.isLabelBold = false;
+        this.labelLarge = false;
+        this.isLuomusSearch = false;
+        this.placeholder = "Type here...";
+        this.isLabelHidden = false;
+        this.inputId = undefined;
+        this.prefillParameter = "";
+        this.isInputValueEmpty = true;
+    }
+    componentDidLoad() {
+        const searchInput = this.el.querySelector(".search-field__input");
+        searchInput.addEventListener("keyup", (event) => {
+            const { value } = event.target;
+            this.isInputValueEmpty = value.length > 0 ? false : true;
+        });
+        if (this.prefillParameter.length > 0) {
+            if (window.location === undefined)
+                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 : "";
+            this.isInputValueEmpty = false;
+        }
+    }
+    handleInputReset() {
+        this.isInputValueEmpty = true;
+        const searchInput = this.el.querySelector(".search-field__input");
+        searchInput.value = "";
+        searchInput.focus();
+    }
+    render() {
+        return (h(Host, { key: '962a52b40cfdfe4095b506bd98df6fa61afd2819', class: "search-field" }, !this.isLuomusSearch && (h("label", { key: '71f59a78f3d1b019ce6bec21f30a4aadbfb1f95d', htmlFor: this.inputId, class: `search-field__label 
           ${this.isLabelHidden ? "visually-hidden" : ""} 
           ${this.labelLarge ? "label-large" : ""} 
-          ${this.isLabelBold ? "bold" : ""}` }, this.label)), h("div", { class: "search-field__actions" }, h("div", { class: "search-field__wrapper" }, this.isLuomusSearch && (h("input", { id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (h("input", { id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (h("button", { type: "button", class: "search-field__reset", "aria-label": this.resetLabel, onClick: () => this.handleInputReset() }, h("hy-icon", { icon: "hy-icon-remove", size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (h("button", { type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel, "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, h("hy-icon", { icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (h("button", { type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel }, h("hy-icon", { icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))))));
-  }
-  get el() { return getElement(this); }
+          ${this.isLabelBold ? "bold" : ""}` }, this.label)), h("div", { key: '70bfb895fa22c3b12577797da095f84f2d9cdf9d', class: "search-field__actions" }, h("div", { key: '31cd5d39403d63dd35543eb3416ff0492bc96a93', class: "search-field__wrapper" }, this.isLuomusSearch && (h("input", { key: '5902a747448af37c48c4a4fb1da5e7fc7c3d8d0e', id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (h("input", { key: '9bff4f9135bcf7f991e743c5c7c6a638e535d732', id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (h("button", { key: 'c4bf539f28a0c087ea4a1b998bb5cccd8bb5148c', type: "button", class: "search-field__reset", "aria-label": this.resetLabel, onClick: () => this.handleInputReset() }, h("hy-icon", { key: '2805140e047769629a50b5e32259b1a831270da9', icon: "hy-icon-remove", size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (h("button", { key: '2143e26ca64b7cc8e96cb5812250b9c79d7e41ee', type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel, "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, h("hy-icon", { key: 'f4c9e5fb524e94ec108239ba82e3909b4f3f7b8e', icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (h("button", { key: '8a6aecd0be99b66869fa410f6c1f6e127d398f78', type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel }, h("hy-icon", { key: '9a6ca7f028e2476d2f560de440ca1239b044bc52', icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))))));
+    }
+    get el() { return getElement(this); }
 };
-HySearchField.style = hySearchFieldCss;
+HySearchField.style = HySearchFieldStyle0;
 
 const siteHeaderCss = ":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-site-header{background-color:var(--grayscale-white);z-index:100;border-bottom:2px solid var(--grayscale-dark);-webkit-transform:none;transform:none}.hy-site-header:not(.is-at-top){top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}@media (min-width: 75.0625rem){.hy-site-header{border-bottom:1px solid var(--grayscale-black);margin:0 auto;max-width:120.0625rem}}.hy-site-header.hy-site-header--sticky-active{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-box-shadow:rgba(14, 104, 139, 0.2) 0 20px 20px -20px;box-shadow:rgba(14, 104, 139, 0.2) 0 20px 20px -20px}.hy-site-header.hy-site-header--sticky-visible{left:0;position:fixed;right:0;top:0;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transition-delay:0.2s;transition-delay:0.2s}.hy-site-header.hy-site-header--sticky-visible.hy-site-header--mobile{-webkit-transform:none;transform:none}.hy-site-header.hy-site-header--sticky-visible.has-toolbar{top:39px}.hy-site-header.hy-site-header--sticky-visible.has-toolbar--large{top:79px}.hy-site-header.hy-site-header--sticky-hidden{top:0}@media (min-width: 75.0625rem){.hy-site-header.is-group hy-desktop-menu-links,.hy-site-header.is-group .hy-site-header__menu-desktop{margin-left:-10px}}.hy-site-header__container{padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 75.0625rem){.hy-site-header__container{padding:0 32px}}.hy-site-header__container.is-group{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (min-width: 75.0625rem){.hy-site-header__container.is-group{min-height:82px}}.hy-site-header__branding{padding:12px 0}@media (min-width: 75.0625rem){.hy-site-header__branding{padding:26px 0}}.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}@media (min-width: 75.0625rem){.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}}.hy-site-header__branding>p{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);letter-spacing:-0.1px;margin-bottom:4px;text-transform:uppercase}.hy-site-header__branding>p+a{min-height:auto}@media (min-width: 75.0625rem){.hy-site-header__branding>p{margin-bottom:8px}}.hy-site-header__branding>a{font-size:1rem;line-height:16px;font-weight:700;font-family:var(--main-font-family);color:var(--brand-main-nearly-black);letter-spacing:-0.6px;text-transform:uppercase;text-decoration:none;min-height:48px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 75.0625rem){.hy-site-header__branding>a{font-size:1.625rem;line-height:30px;letter-spacing:-0.8px;min-height:auto}}.hy-site-header__branding>a img{height:100%;max-height:48px}@media (min-width: 75.0625rem){.hy-site-header__branding>a img{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@media (min-width: 75.0625rem){.is-group:not(.is-research-group)>.hy-site-header__branding{margin-right:42px;padding-bottom:0;margin-bottom:-10px}}.hy-site-header__actions{display:inline-grid;gap:4px;grid-template-columns:repeat(3, auto);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-width:150px}@media (min-width: 60rem){.hy-site-header__actions{min-width:none}}@media (min-width: 1601px){.hy-site-header__actions{gap:16px}}.hy-site-header__menu-open-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;background-color:transparent;border:0;padding:0;margin:0}.hy-site-header__menu-open-button[aria-expanded=true]{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);height:auto;letter-spacing:-0.3px;margin-left:auto;margin-right:-16px;padding:16px;position:fixed;right:16px;top:12px;z-index:101;width:auto}.hy-site-header__menu-open-button[aria-expanded=true]:hover{cursor:pointer}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon{margin-left:8px}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon svg{fill:var(--brand-main)}.hy-site-header__donate-link{font-size:0.75rem;line-height:24px;font-weight:400;display:inline-grid;font-family:var(--main-font-family);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;grid-template-columns:repeat(2, auto);color:var(--brand-main-nearly-black);letter-spacing:-0.5px;padding:0;text-decoration:none}@media (min-width: 1601px){.hy-site-header__donate-link{font-size:0.875rem;line-height:24px}}.hy-site-header__donate-link:hover{color:var(--brand-main);cursor:pointer}.hy-site-header__donate-link:hover svg{fill:var(--brand-main)}.hy-site-header__donate-link:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-header__content-top .hy-site-header__donate-link{color:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link svg{fill:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link:hover{color:var(--grayscale-medium);cursor:pointer}.hy-site-header__content-top .hy-site-header__donate-link:hover svg{fill:var(--grayscale-medium)}.hy-site-header__content-top{background-color:var(--grayscale-black);border-bottom:2px solid rgba(0, 0, 0, 0.7);position:relative}.hy-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;visibility:hidden}.hy-backdrop.is-active{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:99}.hy-backdrop.is-active-top{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:98}.hy-site-header__panel{background:var(--grayscale-white);bottom:0;overflow:hidden;position:fixed;right:0;top:0;visibility:visible;width:90%;z-index:100}@media (min-width: 30rem){.hy-site-header__panel{width:400px}}.hy-site-header__panel[aria-hidden=true]{visibility:hidden;padding:0;width:0}";
+const HySiteHeaderStyle0 = siteHeaderCss;
 
 let clickTimer = null;
 let clickTimeout = null;
 const SiteHeader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.headerScrollUp = createEvent(this, "headerScrollUp", 7);
-    this.headerScrollDown = createEvent(this, "headerScrollDown", 7);
-    this.menuMobileToggled = createEvent(this, "menuMobileToggled", 7);
-    this.menuMobileTopToggled = createEvent(this, "menuMobileTopToggled", 7);
-    this.isGroup = false;
-    this.isLuomusGroup = false;
-    this.isBetaGroup = false;
-    this.researchGroupLabel = "";
-    this.groupType = "";
-    this.groupLogoUrl = "";
-    this.dataMenuLanguage = undefined;
-    this.dataMenuDonate = undefined;
-    this.dataSiteHeaderLabels = undefined;
-    this.dataSiteSearchLabels = undefined;
-    this.logoUrl = undefined;
-    this.logoLabel = undefined;
-    this.siteLabel = undefined;
-    this.siteUrl = undefined;
-    this.showSearchLabel = true;
-    this.noSearch = false;
-    this.menuLabel = "Menu";
-    this.menuLabelOpen = undefined;
-    this.menuLabelClose = undefined;
-    this.menuType = null;
-    this.dataMainMenuLinks = undefined;
-    this.dataSearchTools = undefined;
-    this.isMobile = undefined;
-    this.isMenuOpen = false;
-    this.isDesktopMenuOpen = false;
-    this.isDesktopMenuDropdown = false;
-    this.isTopMenuOpen = false;
-    this.isBottomVisible = false;
-    this.isTopVisible = false;
-    this.lastScrollTop = 0;
-    this.delta = 50;
-    this.navbarHeight = 0;
-  }
-  // Listener for toggling mobile menu panel on or off.
-  mobileMenuToggle() {
-    this.isMenuOpen = !this.isMenuOpen;
-    this.menuMobileToggled.emit();
-    let bodyElement = document.getElementsByTagName("body")[0];
-    if (this.isMenuOpen) {
-      bodyElement.style.overflow = "hidden";
-    }
-    else {
-      bodyElement.style.overflow = "initial";
-    }
-  }
-  // Listener for toggling mobile menu top panel on or off.
-  mobileMenuTopToggle() {
-    this.isTopMenuOpen = !this.isTopMenuOpen;
-    this.menuMobileTopToggled.emit();
-  }
-  mainMenuToggled() {
-    this.isDesktopMenuOpen = !this.isDesktopMenuOpen;
-  }
-  handleScroll() {
-    this.headerScrollHandler();
-  }
-  headerScrollHandler() {
-    let topOffset = window.pageYOffset;
-    if (Math.abs(this.lastScrollTop - topOffset) <= this.delta) {
-      return;
-    }
-    if (topOffset > this.lastScrollTop && !this.isTopVisible) {
-      this.toggleStickyness(false);
-      this.headerScrollDown.emit();
-    }
-    // Scrolling up
-    if (topOffset < this.lastScrollTop && !this.isTopVisible) {
-      this.toggleStickyness();
-      this.headerScrollUp.emit();
-    }
-    // At the top of the page
-    if (this.isTopVisible) {
-      this.toggleStickyness(false);
-    }
-    this.lastScrollTop = topOffset;
-  }
-  toggleStickyness(toggleOn = true) {
-    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");
-    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");
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.headerScrollUp = createEvent(this, "headerScrollUp", 7);
+        this.headerScrollDown = createEvent(this, "headerScrollDown", 7);
+        this.menuMobileToggled = createEvent(this, "menuMobileToggled", 7);
+        this.menuMobileTopToggled = createEvent(this, "menuMobileTopToggled", 7);
+        this.isGroup = false;
+        this.isLuomusGroup = false;
+        this.isBetaGroup = false;
+        this.researchGroupLabel = "";
+        this.groupType = "";
+        this.groupLogoUrl = "";
+        this.dataMenuLanguage = undefined;
+        this.dataMenuDonate = undefined;
+        this.dataSiteHeaderLabels = undefined;
+        this.dataSiteSearchLabels = undefined;
+        this.logoUrl = undefined;
+        this.logoLabel = undefined;
+        this.siteLabel = undefined;
+        this.siteUrl = undefined;
+        this.showSearchLabel = true;
+        this.noSearch = false;
+        this.menuLabel = "Menu";
+        this.menuLabelOpen = undefined;
+        this.menuLabelClose = undefined;
+        this.menuType = null;
+        this.dataMainMenuLinks = undefined;
+        this.dataSearchTools = undefined;
+        this.isMobile = undefined;
+        this.isMenuOpen = false;
+        this.isDesktopMenuOpen = false;
+        this.isDesktopMenuDropdown = false;
+        this.isTopMenuOpen = false;
+        this.isBottomVisible = false;
+        this.isTopVisible = false;
+        this.lastScrollTop = 0;
+        this.delta = 50;
+        this.navbarHeight = 0;
+    }
+    // Listener for toggling mobile menu panel on or off.
+    mobileMenuToggle() {
+        this.isMenuOpen = !this.isMenuOpen;
+        this.menuMobileToggled.emit();
+        let bodyElement = document.getElementsByTagName("body")[0];
+        if (this.isMenuOpen) {
+            bodyElement.style.overflow = "hidden";
+        }
+        else {
+            bodyElement.style.overflow = "initial";
+        }
+    }
+    // Listener for toggling mobile menu top panel on or off.
+    mobileMenuTopToggle() {
+        this.isTopMenuOpen = !this.isTopMenuOpen;
+        this.menuMobileTopToggled.emit();
+    }
+    mainMenuToggled() {
+        this.isDesktopMenuOpen = !this.isDesktopMenuOpen;
+    }
+    handleScroll() {
+        this.headerScrollHandler();
+    }
+    headerScrollHandler() {
+        let topOffset = window.pageYOffset;
+        if (Math.abs(this.lastScrollTop - topOffset) <= this.delta) {
+            return;
         }
-      }
-    }
-    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");
-    }
-  }
-  componentDidLoad() {
-    // Set the browser resize observer to gather information about browser width.
-    this.ro = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        this.applySizeClasses(entry.contentRect.width);
-      }
-    });
-    this.ro.observe(document.body);
-    const topOptions = {
-      root: null,
-      rootMargin: "250px",
-      threshold: [0.0, 1.0],
-    };
-    this.topObserver = new IntersectionObserver((entries) => {
-      entries.forEach((entry) => {
-        if (entry.target.nodeName === "HEADER") {
-          this.isTopVisible = entry.isIntersecting;
+        if (topOffset > this.lastScrollTop && !this.isTopVisible) {
+            this.toggleStickyness(false);
+            this.headerScrollDown.emit();
         }
-      });
-    }, topOptions);
-    const header = document.querySelector("header");
-    if (header) {
-      this.topObserver.observe(header);
-    }
-    const bottomOptions = {
-      root: null,
-      rootMargin: "0px",
-      threshold: [0.0, 1.0],
-    };
-    this.bottomObserver = new IntersectionObserver((entries) => {
-      entries.forEach((entry) => {
-        if (entry.target.nodeName === "HEADER") {
-          this.isTopVisible = entry.isIntersecting;
+        // Scrolling up
+        if (topOffset < this.lastScrollTop && !this.isTopVisible) {
+            this.toggleStickyness();
+            this.headerScrollUp.emit();
         }
-      });
-    }, bottomOptions);
-    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.navbarHeight = 120;
-    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.
-    if (this.dataSiteHeaderLabels) {
-      const labels = await jsonParserWorker(this.dataSiteHeaderLabels);
-      this.menuLabels = labels.menu_labels;
-      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);
-    }
-    // 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 jsonParserWorker(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.isDesktopMenuDropdown = true;
-    }
-  }
-  disconnectedCallback() {
-    clearTimeout(clickTimer);
-    this.ro.disconnect();
-    this.topObserver.disconnect();
-    this.bottomObserver.disconnect();
-    clearTimeout(clickTimeout);
-  }
-  applySizeClasses(size) {
-    // Set the menu-type based on the width of the browser.
-    size <= 1200 ? (this.menuType = MenuType.mobile) : (this.menuType = MenuType.desktop);
-    // Pass the menu type to menu component.
-    this.isMobile = this.menuType === (MenuType.mobile || MenuType.tablet);
-    const menuAttribute = this.menuType;
-    this.el.children[0].setAttribute("menu-type", menuAttribute);
-  }
-  render() {
-    var _a;
-    if (this.menuType === null)
-      return;
-    const logoSize = this.isMobile ? SiteLogoSize.small : SiteLogoSize.big;
-    const logoSizeGroup = this.isMobile ? SiteLogoSize.small : SiteLogoSize.small;
-    const logoColor = ColorVariant.black;
-    const logoColorGroup = ColorVariant.white;
-    let classAttributes = [
-      "hy-site-header",
-      `hy-site-header--${this.menuType}`,
-      this.isGroup ? "is-group" : "",
-      "is-at-top",
-    ];
-    const toggleMenuMobileAndRemoveListener = () => {
-      window.removeEventListener("click", handleClickOutside);
-      this.mobileMenuToggle();
-    };
-    const handleClickOutside = (event) => {
-      const [targetElement] = event.composedPath();
-      if (targetElement.classList.contains("hy-backdrop")) {
-        toggleMenuMobileAndRemoveListener();
-      }
-    };
-    if (this.isMenuOpen) {
-      window.addEventListener("click", () => {
+        // At the top of the page
+        if (this.isTopVisible) {
+            this.toggleStickyness(false);
+        }
+        this.lastScrollTop = topOffset;
+    }
+    toggleStickyness(toggleOn = true) {
+        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");
+        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");
+                }
+            }
+        }
+        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");
+        }
+    }
+    componentDidLoad() {
+        // Set the browser resize observer to gather information about browser width.
+        this.ro = new index((entries) => {
+            for (const entry of entries) {
+                this.applySizeClasses(entry.contentRect.width);
+            }
+        });
+        this.ro.observe(document.body);
+        const topOptions = {
+            root: null,
+            rootMargin: "250px",
+            threshold: [0.0, 1.0],
+        };
+        this.topObserver = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.target.nodeName === "HEADER") {
+                    this.isTopVisible = entry.isIntersecting;
+                }
+            });
+        }, topOptions);
+        const header = document.querySelector("header");
+        if (header) {
+            this.topObserver.observe(header);
+        }
+        const bottomOptions = {
+            root: null,
+            rootMargin: "0px",
+            threshold: [0.0, 1.0],
+        };
+        this.bottomObserver = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.target.nodeName === "HEADER") {
+                    this.isTopVisible = entry.isIntersecting;
+                }
+            });
+        }, bottomOptions);
+        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.navbarHeight = 120;
+        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.
+        if (this.dataSiteHeaderLabels) {
+            const labels = await jsonParserWorker(this.dataSiteHeaderLabels);
+            this.menuLabels = labels.menu_labels;
+            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);
+        }
+        // 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 jsonParserWorker(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.isDesktopMenuDropdown = true;
+        }
+    }
+    disconnectedCallback() {
+        clearTimeout(clickTimer);
+        this.ro.disconnect();
+        this.topObserver.disconnect();
+        this.bottomObserver.disconnect();
         clearTimeout(clickTimeout);
-        clickTimeout = setTimeout(() => {
-        }, 250);
-      });
-    }
-    let activeLang = "en";
-    let dataMenuLanguageArray = JSON.parse(this.dataMenuLanguage);
-    dataMenuLanguageArray.forEach((lang) => {
-      if (lang.isActive) {
-        activeLang = lang.langCode;
-      }
-    });
-    switch (this.menuType) {
-      case MenuType.desktop:
-        // Larger than 1200px screens
-        return [
-          h("header", { class: `${classAttributes.join(" ")}` }, h("div", { class: {
-              "hy-backdrop": true,
-              "is-active": (this.isMenuOpen && !this.isDesktopMenuDropdown) ||
-                (this.isTopMenuOpen && !this.isDesktopMenuDropdown),
-            } }), this.isGroup && (h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? "is-open" : ""}` }, h("div", { class: "hy-site-header__container" }, h("div", { class: "hy-site-header__branding" }, 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 && (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 })), h("div", { class: "hy-site-header__actions" }, h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (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 (h("a", { class: "hy-site-header__donate-link", href: url }, h("hy-icon", { icon: "hy-icon-heart-support", size: 14, fill: ColorVariant.black }), h("span", null, label)));
-          }))))), h("section", { class: `hy-site-header__container ${this.isGroup ? "is-group" : ""} ${this.groupType === "research_group_menu" ? "is-research-group" : ""}` }, h("div", { class: "hy-site-header__branding" }, this.isGroup && this.groupType == "research_group_menu" && h("p", null, this.researchGroupLabel), this.isGroup ? (h("a", { href: this.logoUrl }, this.groupType == "generic_site_group_menu" && this.groupLogoUrl ? (h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.groupType != "research_group_menu" && h("slot", { name: "menu" }), !this.isGroup && (h("div", { class: "hy-site-header__actions" }, h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels }), !this.noSearch && (h("hy-site-search", { size: 14, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, color: ColorVariant.black, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
-            return (h("a", { class: "hy-site-header__donate-link", href: url }, h("hy-icon", { icon: "hy-icon-heart-support", size: 14, fill: ColorVariant.black }), h("span", null, label)));
-          }))))),
+    }
+    applySizeClasses(size) {
+        // Set the menu-type based on the width of the browser.
+        size <= 1200 ? (this.menuType = MenuType.mobile) : (this.menuType = MenuType.desktop);
+        // Pass the menu type to menu component.
+        this.isMobile = this.menuType === (MenuType.mobile || MenuType.tablet);
+        const menuAttribute = this.menuType;
+        this.el.children[0].setAttribute("menu-type", menuAttribute);
+    }
+    render() {
+        var _a;
+        if (this.menuType === null)
+            return;
+        const logoSize = this.isMobile ? SiteLogoSize.small : SiteLogoSize.big;
+        const logoSizeGroup = this.isMobile ? SiteLogoSize.small : SiteLogoSize.small;
+        const logoColor = ColorVariant.black;
+        const logoColorGroup = ColorVariant.white;
+        let classAttributes = [
+            "hy-site-header",
+            `hy-site-header--${this.menuType}`,
+            this.isGroup ? "is-group" : "",
+            "is-at-top",
         ];
-      case MenuType.mobile:
-        // Smaller than 960px screens
-        return (h("header", { class: classAttributes.join(" "), "data-menu-active": this.isMenuOpen }, h("div", { class: { "hy-backdrop": true, "is-active": this.isMenuOpen } }), h("div", { class: { "hy-backdrop": true, "is-active-top": this.isTopMenuOpen } }), this.isGroup && (h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? "is-open" : ""}` }, h("div", { class: "hy-site-header__container" }, h("div", { class: "hy-site-header__branding" }, h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), h("div", { class: "hy-site-header__actions" }, h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (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 && (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 })))))), h("section", { class: "hy-site-header__container" }, h("div", { class: "hy-site-header__branding" }, this.groupType == "research_group_menu" && h("p", null, this.researchGroupLabel), this.isGroup ? (h("a", { href: this.logoUrl }, this.groupType == "generic_site_group_menu" && this.groupLogoUrl ? (h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), h("div", { class: "hy-site-header__actions" }, !this.isGroup && (h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels })), !this.isGroup && !this.noSearch && (h("hy-site-search", { size: 24, color: 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 })), 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 && h("hy-icon", { icon: "hy-icon-hamburger", size: 24, fill: ColorVariant.black }), this.isMenuOpen && (h(Fragment, null, h("span", null, this.menuLabelClose), h("hy-icon", { icon: "hy-icon-remove", size: 16 }))))), h("div", { class: {
-            "is-open": this.isMenuOpen,
-            "hy-site-header__panel": true,
-          }, "aria-hidden": `${!this.isMenuOpen}` }, h("slot", { name: "menu_mobile" })))));
-    }
-  }
-  get el() { return getElement(this); }
+        const toggleMenuMobileAndRemoveListener = () => {
+            window.removeEventListener("click", handleClickOutside);
+            this.mobileMenuToggle();
+        };
+        const handleClickOutside = (event) => {
+            const [targetElement] = event.composedPath();
+            if (targetElement.classList.contains("hy-backdrop")) {
+                toggleMenuMobileAndRemoveListener();
+            }
+        };
+        if (this.isMenuOpen) {
+            window.addEventListener("click", () => {
+                clearTimeout(clickTimeout);
+                clickTimeout = setTimeout(() => {
+                }, 250);
+            });
+        }
+        let activeLang = "en";
+        let dataMenuLanguageArray = JSON.parse(this.dataMenuLanguage);
+        dataMenuLanguageArray.forEach((lang) => {
+            if (lang.isActive) {
+                activeLang = lang.langCode;
+            }
+        });
+        switch (this.menuType) {
+            case MenuType.desktop:
+                // Larger than 1200px screens
+                return [
+                    h("header", { class: `${classAttributes.join(" ")}` }, h("div", { class: {
+                            "hy-backdrop": true,
+                            "is-active": (this.isMenuOpen && !this.isDesktopMenuDropdown) ||
+                                (this.isTopMenuOpen && !this.isDesktopMenuDropdown),
+                        } }), this.isGroup && (h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? "is-open" : ""}` }, h("div", { class: "hy-site-header__container" }, h("div", { class: "hy-site-header__branding" }, 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 && (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 })), h("div", { class: "hy-site-header__actions" }, h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (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 (h("a", { class: "hy-site-header__donate-link", href: url }, h("hy-icon", { icon: "hy-icon-heart-support", size: 14, fill: ColorVariant.black }), h("span", null, label)));
+                    }))))), h("section", { class: `hy-site-header__container ${this.isGroup ? "is-group" : ""} ${this.groupType === "research_group_menu" ? "is-research-group" : ""}` }, h("div", { class: "hy-site-header__branding" }, this.isGroup && this.groupType == "research_group_menu" && h("p", null, this.researchGroupLabel), this.isGroup ? (h("a", { href: this.logoUrl }, this.groupType == "generic_site_group_menu" && this.groupLogoUrl ? (h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.groupType != "research_group_menu" && h("slot", { name: "menu" }), !this.isGroup && (h("div", { class: "hy-site-header__actions" }, h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels }), !this.noSearch && (h("hy-site-search", { size: 14, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, color: ColorVariant.black, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
+                        return (h("a", { class: "hy-site-header__donate-link", href: url }, h("hy-icon", { icon: "hy-icon-heart-support", size: 14, fill: ColorVariant.black }), h("span", null, label)));
+                    }))))),
+                ];
+            case MenuType.mobile:
+                // Smaller than 960px screens
+                return (h("header", { class: classAttributes.join(" "), "data-menu-active": this.isMenuOpen }, h("div", { class: { "hy-backdrop": true, "is-active": this.isMenuOpen } }), h("div", { class: { "hy-backdrop": true, "is-active-top": this.isTopMenuOpen } }), this.isGroup && (h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? "is-open" : ""}` }, h("div", { class: "hy-site-header__container" }, h("div", { class: "hy-site-header__branding" }, h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), h("div", { class: "hy-site-header__actions" }, h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (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 && (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 })))))), h("section", { class: "hy-site-header__container" }, h("div", { class: "hy-site-header__branding" }, this.groupType == "research_group_menu" && h("p", null, this.researchGroupLabel), this.isGroup ? (h("a", { href: this.logoUrl }, this.groupType == "generic_site_group_menu" && this.groupLogoUrl ? (h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), h("div", { class: "hy-site-header__actions" }, !this.isGroup && (h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels })), !this.isGroup && !this.noSearch && (h("hy-site-search", { size: 24, color: 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 })), 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 && h("hy-icon", { icon: "hy-icon-hamburger", size: 24, fill: ColorVariant.black }), this.isMenuOpen && (h(Fragment, null, h("span", null, this.menuLabelClose), h("hy-icon", { icon: "hy-icon-remove", size: 16 }))))), h("div", { class: {
+                        "is-open": this.isMenuOpen,
+                        "hy-site-header__panel": true,
+                    }, "aria-hidden": `${!this.isMenuOpen}` }, h("slot", { name: "menu_mobile" })))));
+        }
+    }
+    get el() { return getElement(this); }
 };
-SiteHeader.style = siteHeaderCss;
+SiteHeader.style = HySiteHeaderStyle0;
 
 const siteLogoCss = ":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{--site-logo-color:var(--brand-main-nearly-black)}:host(.hy-site-logo--mobile){--site-logo-color:var(--brand-main-nearly-black)}.hy-site-logo a,.hy-site-logo div.luomus-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none}.hy-site-logo a:focus,.hy-site-logo div.luomus-group:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-logo__label{font-size:0.875rem;line-height:14px;font-weight:700;color:var(--site-logo-color);font-family:var(--main-font-family);letter-spacing:-0.7px;margin-left:8px;max-width:90px;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 75.0625rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:90px;white-space:initial}}@media (min-width: 1601px){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 30rem){.hy-site-logo__label{font-size:0.9375rem;line-height:16px;letter-spacing:-0.75px;margin-left:6px}}@media (min-width: 75.0625rem){.hy-site-logo__label{font-size:0.875rem;line-height:14px;letter-spacing:-0.6px;margin-left:4px}}@media (min-width: 1601px){.hy-site-logo__label{font-size:1rem;line-height:16px;letter-spacing:-0.7px;margin-left:4px}}.hy-site-logo__label.group{font-size:0.75rem;line-height:14px;color:var(--grayscale-white);letter-spacing:-0.6px;margin-left:3px}@media (min-width: 60rem){.hy-site-logo__label.group{font-size:0.875rem;line-height:14px;letter-spacing:-0.7px}}@media (min-width: 1601px){.hy-site-logo__label.group{margin-left:8px}}.hy-site-logo__icon.group svg{height:32px !important;width:33.41px}.hy-site-logo__icon:not(.group) svg{height:32px;width:33.41px}@media (min-width: 30rem){.hy-site-logo__icon:not(.group) svg{height:48px;width:51px}}@media (min-width: 1601px){.hy-site-logo__icon:not(.group) svg{height:60px;width:64px}}.hy-site-logo__header__page:hover{color:var(--brand-main)}.hy-site-logo__header__page:hover a,.hy-site-logo__header__page:hover span{color:var(--brand-main) !important}.hy-site-logo__header__page:hover svg{fill:var(--brand-main)}.hy-site-logo__header__group:not(.luomus):hover{color:var(--grayscale-medium)}.hy-site-logo__header__group:not(.luomus):hover a,.hy-site-logo__header__group:not(.luomus):hover span{color:var(--grayscale-medium) !important}.hy-site-logo__header__group:not(.luomus):hover svg{fill:var(--grayscale-medium)}.hy-site-logo__footer:hover span{color:var(--grayscale-medium) !important}.hy-site-logo__footer:hover svg{fill:var(--grayscale-medium) !important}.hy-site-header__logo-container a.group{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-decoration:none;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__logo-container a.group{font-size:1.5rem;line-height:28px;letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-site-header__logo-container a.group{font-size:1.625rem;line-height:30px}}";
+const HySiteLogoStyle0 = siteLogoCss;
 
 const SiteLogo = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.type = FooterVariant.header;
-    this.color = ColorVariant.black;
-    this.isGroup = false;
-    this.isLuomusGroup = false;
-    this.label = undefined;
-    this.size = SiteLogoSize.big;
-    this.url = undefined;
-  }
-  render() {
-    const isGroupClass = this.isGroup ? "group" : "page";
-    // const isLuomusGroupClass = this.isLuomusGroup ? 'luomus' : 'regular';
-    const classAttributes = [
-      "hy-site-logo",
-      `hy-site-logo__${this.type}__${isGroupClass}`,
-      `hy-site-logo__${this.type}`,
-      "luomus",
-    ].join(" ");
-    return this.url ? (h(Host, { class: classAttributes }, !this.isLuomusGroup && (h("a", { href: this.url }, h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))), this.isLuomusGroup && (h("div", { class: "luomus-group" }, h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))))) : this.label ? (h(Host, { class: classAttributes }, h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))) : ("");
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.type = FooterVariant.header;
+        this.color = ColorVariant.black;
+        this.isGroup = false;
+        this.isLuomusGroup = false;
+        this.label = undefined;
+        this.size = SiteLogoSize.big;
+        this.url = undefined;
+    }
+    render() {
+        const isGroupClass = this.isGroup ? "group" : "page";
+        // const isLuomusGroupClass = this.isLuomusGroup ? 'luomus' : 'regular';
+        const classAttributes = [
+            "hy-site-logo",
+            `hy-site-logo__${this.type}__${isGroupClass}`,
+            `hy-site-logo__${this.type}`,
+            "luomus",
+        ].join(" ");
+        return this.url ? (h(Host, { class: classAttributes }, !this.isLuomusGroup && (h("a", { href: this.url }, h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))), this.isLuomusGroup && (h("div", { class: "luomus-group" }, h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))))) : this.label ? (h(Host, { class: classAttributes }, h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))) : ("");
+    }
 };
-SiteLogo.style = siteLogoCss;
+SiteLogo.style = HySiteLogoStyle0;
 
 const siteSearchCss = ":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}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-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:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:rgba(0, 0, 0, 0.5);border-top:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;height:100vh;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-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}}.site-search__panel__title .panel-title{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title .panel-title{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title .panel-title{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__content{background-color:#f8f8f8;width:100%}.site-search__panel__space-box{height:100%;width:100%}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:8px;width:40px}";
+const HySiteSearchStyle0 = siteSearchCss;
 
 const SiteSearch = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.searchPanelToggled = createEvent(this, "searchPanelToggled", 7);
-    this.color = ColorVariant.black;
-    this.isAlternative = false;
-    this.isGroup = false;
-    this.isLuomusGroup = false;
-    this.isBetaGroup = false;
-    this.searchLanguage = undefined;
-    this.labels = undefined;
-    this.searchLabels = undefined;
-    this.searchTools = undefined;
-    this.showLabel = false;
-    this.size = undefined;
-    this.dataSearchSpecialTools = undefined;
-    this.isSearchPanelOpen = false;
-  }
-  async componentWillLoad() {
-    this._labels = await jsonParserWorker(this.labels);
-    // Special search tools.
-    if (this.searchTools) {
-      this._searchTools = await jsonParserWorker(this.searchTools);
-    }
-    if (this.searchLabels) {
-      this._searchLabels = await 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"];
-    }
-  }
-  // CLose the search panel if user opens the any other dropdown in header.
-  // Do same if user scrolls up or down;
-  closePanelWhenOtherDropdownsTriggered() {
-    this.closeSearchPanel();
-  }
-  handleWindowClick(event) {
-    // Check if event is being fired during pressing a key (event.detail==0 in this case)
-    if (event.detail == 0)
-      return;
-    if (this.isSearchPanelOpen) {
-      const path = event.path || (event.composedPath && event.composedPath());
-      if (path[0].classList.contains("hy-backdrop")) {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.searchPanelToggled = createEvent(this, "searchPanelToggled", 7);
+        this.color = ColorVariant.black;
+        this.isAlternative = false;
+        this.isGroup = false;
+        this.isLuomusGroup = false;
+        this.isBetaGroup = false;
+        this.searchLanguage = undefined;
+        this.labels = undefined;
+        this.searchLabels = undefined;
+        this.searchTools = undefined;
+        this.showLabel = false;
+        this.size = undefined;
+        this.dataSearchSpecialTools = undefined;
+        this.isSearchPanelOpen = false;
+    }
+    async componentWillLoad() {
+        this._labels = await jsonParserWorker(this.labels);
+        // Special search tools.
+        if (this.searchTools) {
+            this._searchTools = await jsonParserWorker(this.searchTools);
+        }
+        if (this.searchLabels) {
+            this._searchLabels = await 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"];
+        }
+    }
+    // CLose the search panel if user opens the any other dropdown in header.
+    // Do same if user scrolls up or down;
+    closePanelWhenOtherDropdownsTriggered() {
         this.closeSearchPanel();
-        event.stopPropagation();
-      }
-    }
-  }
-  closeSearchPanel() {
-    this.isSearchPanelOpen = false;
-    let cludoSayt = document.querySelectorAll("stencil-cludo-sayt")[0];
-    if (cludoSayt) {
-      let CludoSayt = window.CludoSayt;
-      if (typeof CludoSayt !== "undefined") {
-        CludoSayt.hide();
-      }
-    }
-    //this.showBackdropShadow();
-  }
-  handleSearchPanelToggle(event) {
-    // What is this??
-    // TODO: Cleanup
-    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";
-      }
-      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";
-      }
-      location.href = luomus_search_url;
-    }
-    else {
-      this.isSearchPanelOpen = !this.isSearchPanelOpen;
-      if (this.isSearchPanelOpen) {
-        // Close desktop menu panel and lang menu panel if they are open.
-        this.searchPanelToggled.emit();
-        //this.adjustPosition(this.el);
-        // Remove hidden class from cludo suggestions
+    }
+    handleWindowClick(event) {
+        // Check if event is being fired during pressing a key (event.detail==0 in this case)
+        if (event.detail == 0)
+            return;
+        if (this.isSearchPanelOpen) {
+            const path = event.path || (event.composedPath && event.composedPath());
+            if (path[0].classList.contains("hy-backdrop")) {
+                this.closeSearchPanel();
+                event.stopPropagation();
+            }
+        }
+    }
+    closeSearchPanel() {
+        this.isSearchPanelOpen = false;
         let cludoSayt = document.querySelectorAll("stencil-cludo-sayt")[0];
         if (cludoSayt) {
-          const cludoSearchContentFormElement = this.el.shadowRoot.querySelector("#cludo-search-content-form");
-          cludoSayt.classList.remove("hidden");
-          cludoSearchContentFormElement === null || cludoSearchContentFormElement === void 0 ? void 0 : 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";
+            let CludoSayt = window.CludoSayt;
+            if (typeof CludoSayt !== "undefined") {
+                CludoSayt.hide();
+            }
         }
-        // Without setTimeout it will not focus the input because it hasn't rendered yet.
-        setTimeout(() => {
-          const searchInput = this.el.shadowRoot.querySelector("input#search");
-          searchInput === null || searchInput === void 0 ? void 0 : searchInput.focus();
-        });
-      }
-      else {
-        this.closeSearchPanel();
-      }
-    }
-    event.stopPropagation();
-  }
-  render() {
-    const currentPageUrlPathName = window.location.pathname;
-    const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
-    return (h("div", { class: {
-        "site-search": true,
-        "site-search__is-open": this.isSearchPanelOpen,
-        "is-group": this.isGroup,
-      } }, 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 ? (h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), h("hy-icon", { icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (h("div", { class: {
-        "site-search__panel": true,
-        "site-search__panel__is-open": this.isSearchPanelOpen,
-      }, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { class: "site-search__panel__content" }, h("div", { class: "site-search__panel__wrapper" }, h("div", { class: "site-search__panel__title" }, h("div", { class: "site-search__panel__title__group" }, h("span", { class: "panel-title" }, this.searchTitleLabel), h("div", { class: "description" }, this.searchDescriptionLabel))), h("div", { id: "cludo-search-results", class: "container_12" }, h("div", { class: "search-banner" }), h("div", { class: "search-filters search-filters-mobile" }), h("div", { class: "col-md-12" }, h("div", { style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, h("hy-search-field", { "input-id": "search", label: "" }))), h("div", { class: "col-md-3" }, h("div", { class: "search-filters", "aria-controls": "search-results" })), h("div", { class: "col-md-9" }, h("div", { class: "search-results-container" }, h("hy-paragraph-text", null, h("div", { class: "search-result-count" })), h("div", { class: "search-did-you-mean", role: "Complementary" }), h("div", { class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (h("div", { class: "site-search__panel__tools" }, h("div", { class: "title" }, this.searchToolsLabel), h("div", { class: "list" }, this._searchTools.map((i) => {
-      let searchToolTarget = i.isExternal ? "_blank" : "_self";
-      return (h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 14, fill: ColorVariant.black }), h("span", { class: "label" }, i.label), h("span", { class: "description" }, i.description)));
-    })))), h("button", { onClick: () => this.closeSearchPanel(), class: {
-        "site-search__panel__panel-toggle": true,
-      }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { class: "site-search__panel__panel-toggle__label" }, h("span", { class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), h("hy-icon", { icon: "hy-icon-remove", size: 16, fill: ColorVariant.black })))), h("div", { class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
-  }
-  get el() { return getElement(this); }
+        //this.showBackdropShadow();
+    }
+    handleSearchPanelToggle(event) {
+        // What is this??
+        // TODO: Cleanup
+        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";
+            }
+            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";
+            }
+            location.href = luomus_search_url;
+        }
+        else {
+            this.isSearchPanelOpen = !this.isSearchPanelOpen;
+            if (this.isSearchPanelOpen) {
+                // Close desktop menu panel and lang menu panel if they are open.
+                this.searchPanelToggled.emit();
+                //this.adjustPosition(this.el);
+                // Remove hidden class from cludo suggestions
+                let cludoSayt = document.querySelectorAll("stencil-cludo-sayt")[0];
+                if (cludoSayt) {
+                    const cludoSearchContentFormElement = this.el.shadowRoot.querySelector("#cludo-search-content-form");
+                    cludoSayt.classList.remove("hidden");
+                    cludoSearchContentFormElement === null || cludoSearchContentFormElement === void 0 ? void 0 : 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";
+                }
+                // Without setTimeout it will not focus the input because it hasn't rendered yet.
+                setTimeout(() => {
+                    const searchInput = this.el.shadowRoot.querySelector("input#search");
+                    searchInput === null || searchInput === void 0 ? void 0 : searchInput.focus();
+                });
+            }
+            else {
+                this.closeSearchPanel();
+            }
+        }
+        event.stopPropagation();
+    }
+    render() {
+        const currentPageUrlPathName = window.location.pathname;
+        const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
+        return (h("div", { key: '9f437c37797c7e5bd5854734877af5f5ebf27379', class: {
+                "site-search": true,
+                "site-search__is-open": this.isSearchPanelOpen,
+                "is-group": this.isGroup,
+            } }, h("button", { key: '0711bef406e2961d25b5db2b13168da7ff17e69e', "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 ? (h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), h("hy-icon", { key: '92daa35b3d0e58eaffc80affcddfbfa257b1cc36', icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (h("div", { key: 'af7013ad82abe5f83a1efabb14c2f441de81c419', class: {
+                "site-search__panel": true,
+                "site-search__panel__is-open": this.isSearchPanelOpen,
+            }, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { key: '6ed52de939989022bf7b75989d26f5513fe2e2b2', class: "site-search__panel__content" }, h("div", { key: '73d114aacb85183187ab53abea184f911cf35345', class: "site-search__panel__wrapper" }, h("div", { key: 'e3404b8aa3910b5e4f79878f5dd042da1ef66dfa', class: "site-search__panel__title" }, h("div", { key: 'aaf3c4cb2c1bb44f7b7c44db208d7c242bbf8db0', class: "site-search__panel__title__group" }, h("span", { key: 'c2301ba1440dd4291591f28d9fa6653b2116a6cc', class: "panel-title" }, this.searchTitleLabel), h("div", { key: 'e289c8398b713fdda0c77278dc300530a9abc16a', class: "description" }, this.searchDescriptionLabel))), h("div", { key: '34bcd7ac864fd13988d31ef2dcde7fe240482757', id: "cludo-search-results", class: "container_12" }, h("div", { key: 'd3a23a35379be079b4842e8be0389521a994a2bc', class: "search-banner" }), h("div", { key: 'c901c907fe8d99e74feef6a0aafa5187361b4832', class: "search-filters search-filters-mobile" }), h("div", { key: '3ffd97dd72c268285875afdda497db6ac88c7677', class: "col-md-12" }, h("div", { key: 'da1ce482ea6f6a3bfa6c86e735a8b1c7a70dd146', style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, h("hy-search-field", { key: 'd342ede5f9c546d04ca4734a24cad6a07e7a391b', "input-id": "search", label: "" }))), h("div", { key: 'd685c958c2929351730465e708339faddb4b1864', class: "col-md-3" }, h("div", { key: 'c48085307368025d5769c4fafb1cf2c06ed728e3', class: "search-filters", "aria-controls": "search-results" })), h("div", { key: 'f9d93ef835ea12c5cad682447ee4c8bc75c475c0', class: "col-md-9" }, h("div", { key: 'fd04d8274e9a0b2f7e23cdf37d696bc889fd74bc', class: "search-results-container" }, h("hy-paragraph-text", { key: '38e86a92828084826ae50f77428f064634bd342f' }, h("div", { key: 'f68102417dee83ad19c3539ae5b76cfeb8da26a2', class: "search-result-count" })), h("div", { key: '4c13e758cef6c77ae4aae2f8d6059461cadbd640', class: "search-did-you-mean", role: "Complementary" }), h("div", { key: 'aca5ed57e5051c1b6d7c894c72ea63e7905b7f5b', class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (h("div", { key: 'e38b26dadcac5fa6e6a630bf031b9ed0510980a4', class: "site-search__panel__tools" }, h("div", { key: '3f285cc5ba6439f80d27707a44f37c697560b09d', class: "title" }, this.searchToolsLabel), h("div", { key: 'a73845acae85f2ced5d0bf2d2a098603d134b3ee', class: "list" }, this._searchTools.map((i) => {
+            let searchToolTarget = i.isExternal ? "_blank" : "_self";
+            return (h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 14, fill: ColorVariant.black }), h("span", { class: "label" }, i.label), h("span", { class: "description" }, i.description)));
+        })))), h("button", { key: '53010753be2d1bf888806172866cfab1651954fe', onClick: () => this.closeSearchPanel(), class: {
+                "site-search__panel__panel-toggle": true,
+            }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { key: '4f0aa66d5136788dca11bddf47c569651db43f46', class: "site-search__panel__panel-toggle__label" }, h("span", { key: 'b9e7af6ad56dd5bccca194ab906b7337b5aad0b0', class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), h("hy-icon", { key: 'd8baf375ca28cf9126c5a69b1c0b9a47b07e4522', icon: "hy-icon-remove", size: 16, fill: ColorVariant.black })))), h("div", { key: 'f580d8f64b162aa847c4de699257a11b21debf53', class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
+    }
+    get el() { return getElement(this); }
 };
-SiteSearch.style = siteSearchCss;
+SiteSearch.style = HySiteSearchStyle0;
 
 export { HyBreadcrumbs as hy_breadcrumbs, HyFooter as hy_footer, HyFooterAction as hy_footer_action, HyFooterBase as hy_footer_base, HyFooterInfo as hy_footer_info, HyFooterLinkItem as hy_footer_link_item, Heading as hy_heading, Ingress as hy_ingress, HyMainContentWrapper as hy_main_content_wrapper, MenuLanguage as hy_menu_language, SiteLanguage as hy_menu_language_item, HySearchField as hy_search_field, SiteHeader as hy_site_header, SiteLogo as hy_site_logo, SiteSearch as hy_site_search };
-
-//# sourceMappingURL=hy-breadcrumbs_15.entry.js.map