@itcenteratunihelsinki/huds-lib 0.12.2 → 0.12.3

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-701b1b84.js');
+const index = require('./index-362c147c.js');
 const utils = require('./utils-8e26d681.js');
-const globalScript = require('./globalScript-c309d309.js');
+const globalScript = require('./globalScript-d9a25ed2.js');
 const ResizeObserver_es = require('./ResizeObserver.es-c9ba881e.js');
 
 const hyBreadcrumbsCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}: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__link:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.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}.hy-breadcrumbs .breadcrumb-item--current a:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}";
@@ -365,7 +365,7 @@ const HyMainContentWrapper = class {
 };
 HyMainContentWrapper.style = HyMainContentWrapperStyle0;
 
-const menuLanguageCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.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-visible{-webkit-box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.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:focus-visible{-webkit-box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.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 menuLanguageCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.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-visible{-webkit-box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.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)}.menu-language.is-group .menu-language__toggle{color:var(--grayscale-white)}.menu-language.is-group .menu-language__toggle:focus-visible{-webkit-box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.menu-language.is-group .menu-language__toggle:hover{color:var(--grayscale-medium);cursor:pointer}.menu-language.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 {
@@ -377,48 +377,68 @@ const MenuLanguage = class {
         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 on clicks outside it, when another header panel opens, or on scroll.
+    handleOutsideEvent(event) {
+        if (!this.isMenuOpen)
+            return;
+        // Clicks inside the component are handled by the toggle button.
+        if (event.type === "click" && event.composedPath().includes(this.el))
+            return;
+        // Only move focus back if it was inside the menu, not wherever the user clicked.
+        this.close(this.el.contains(document.activeElement));
     }
-    // CLose the language menu if user opens the search panel
-    searchPanelToggled() {
-        this.isMenuOpen = false;
+    handleKeyDown(event) {
+        if (event.key === "Escape" && this.isMenuOpen) {
+            event.stopPropagation();
+            this.close(true);
+        }
     }
-    // Close the language menu if user opens University main menu
-    universityMainMenuPanelToggled() {
-        this.isMenuOpen = false;
+    // Non-modal disclosure: Tab moves on to the next control and the menu closes behind it.
+    // relatedTarget is null for mouse clicks (handled by the window click listener) and for Tab into
+    // the browser UI, so only a real focus move to another element on the page closes it.
+    handleFocusOut(event) {
+        const next = event.relatedTarget;
+        if (next && !this.el.contains(next)) {
+            this.close();
+        }
     }
+    // focusin, not focus: without a shadow root the host no longer gets focus events from its button.
     handleComponentFocus(event) {
+        // Only when focus enters the component, not on every Tab inside it.
+        if (this.el.contains(event.relatedTarget))
+            return;
         // Close desktop menu panel if it's open.
         this.menuLanguageToggled.emit();
-        event.stopPropagation();
     }
-    handleComponentClick(event) {
-        this.isMenuOpen = !this.isMenuOpen;
+    toggle() {
         if (this.isMenuOpen) {
-            // Close desktop menu panel if it's open.
-            this.menuLanguageToggled.emit();
-            const languageMenuSelector = event.target;
-            this.adjustPosition(languageMenuSelector, this.el);
+            this.close(true);
+            return;
         }
-        event.stopPropagation();
+        this.isMenuOpen = true;
+        // Close desktop menu panel if it's open.
+        this.menuLanguageToggled.emit();
+        this.adjustPosition();
     }
-    adjustPosition(languageMenuSelector, target) {
-        const languagePanel = languageMenuSelector.shadowRoot.querySelectorAll(`.menu-language__dropdown`)[0];
+    close(restoreFocus = false) {
+        if (!this.isMenuOpen)
+            return;
+        this.isMenuOpen = false;
+        // preventScroll: a close caused by scrolling must not jump the page back to the header.
+        if (restoreFocus) {
+            this.toggleEl.focus({ preventScroll: true });
+        }
+    }
+    adjustPosition() {
+        const languagePanel = this.el.querySelector(".menu-language__dropdown");
         let headerHeight = "0";
         let hyHeader = this.isGroup
-            ? target.closest(".hy-site-header__content-top")
-            : target.closest(".hy-site-header");
+            ? this.el.closest(".hy-site-header__content-top")
+            : this.el.closest(".hy-site-header");
         if (hyHeader) {
             let rectHeader = hyHeader.getBoundingClientRect();
-            let rectLangMenu = languageMenuSelector.getBoundingClientRect();
-            headerHeight = `${languageMenuSelector.offsetHeight + rectHeader.bottom + 8 - rectLangMenu.bottom}px`;
+            let rectLangMenu = this.el.getBoundingClientRect();
+            headerHeight = `${this.el.offsetHeight + rectHeader.bottom + 8 - rectLangMenu.bottom}px`;
         }
         languagePanel.style.top = headerHeight;
     }
@@ -431,22 +451,21 @@ const MenuLanguage = class {
         const white = "var(--grayscale-white)";
         const svgColor = this.isGroup ? white : black;
         const globeIconSize = this.isGroup ? 16 : 14;
-        return (index.h("div", { key: '94d20dbd0006ee43a1a9316920c5fe98760a8333', class: {
+        return (index.h("div", { key: 'fb0e7e0c3af245ee988b8e1a4a95404ea4f53c01', class: {
                 "menu-language": true,
                 "is-open": this.isMenuOpen,
                 "is-group": this.isGroup,
-            } }, index.h("button", { key: 'b1835bf038cc1eef2c6545847f9795e8d44a89cd', class: {
+            } }, index.h("button", { key: 'c7e04d71bc600c41879f7e6e3fde314d2cb704f4', class: {
                 "menu-language__toggle": true,
-            }, "aria-label": this.isMenuOpen ? this._labels["close"] : this._labels["open"] }, index.h("hy-icon", { key: '7cb8b799f3be337aa3f40c5f6d15f733ae1bf314', icon: "hy-icon-globe", size: globeIconSize, fill: svgColor }), index.h("span", { key: '788fa6d170205c938219e1c3140f4f11da5dd79f' }, this._dataMenuLanguage.map(({ isActive, langCode }) => {
+            }, "aria-label": this.isMenuOpen ? this._labels["close"] : this._labels["open"], "aria-expanded": this.isMenuOpen ? "true" : "false", onClick: () => this.toggle(), ref: (el) => (this.toggleEl = el) }, index.h("hy-icon", { key: '390c171cb8bde67b2ffff23b806bfebc0c0d1a37', icon: "hy-icon-globe", size: globeIconSize, fill: svgColor }), index.h("span", { key: 'c9dd333c58ad6a50f284fc4375497fd598bf7e9f' }, this._dataMenuLanguage.map(({ isActive, langCode }) => {
             if (isActive) {
                 return langCode;
             }
-        })), index.h("hy-icon", { key: '76de3463c20bfd6efaedeb654336e7cb9bd90e2d', icon: "hy-icon-caret-down", size: 8, fill: svgColor })), index.h("div", { key: 'ce9d990ddd71a5d9c3fc4d3ed619901febc4d251', class: {
+        })), index.h("hy-icon", { key: '9519f29962f06a29ec2bce7c7f7ed368166bdf81', icon: "hy-icon-caret-down", size: 8, fill: svgColor })), index.h("div", { key: '8701a88869013d3ebb7e011b21fd997715fe4bfc', class: {
                 "menu-language__dropdown": true,
-            }, "aria-hidden": `${!this.isMenuOpen}` }, this.isMenuOpen &&
-            index.h("ul", { key: '42e8b5310c9674ae729318c934dfca6dd4a115fa', class: "menu-language__links" }, this._dataMenuLanguage.map((item) => {
-                return (index.h("hy-menu-language-item", { "lang-code": item.langCode, url: item.url, label: item.label, abbr: item.abbr, "is-active": item.isActive, "is-disabled": item.isDisabled }));
-            })))));
+            }, "aria-hidden": `${!this.isMenuOpen}` }, this.isMenuOpen && (index.h("ul", { key: '3b494d0530bbb408cc57975339275a1f30946348', class: "menu-language__links" }, this._dataMenuLanguage.map((item) => {
+            return (index.h("hy-menu-language-item", { "lang-code": item.langCode, url: item.url, label: item.label, abbr: item.abbr, "is-active": item.isActive, "is-disabled": item.isDisabled }));
+        }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -466,7 +485,7 @@ const SiteLanguage = class {
         this.url = undefined;
     }
     render() {
-        return (index.h("li", { key: 'bf0fb0d69f607c95cb51454fbc861ada10b89da6', class: `menu-language__links-item` }, index.h("a", { key: '2c5dcadcc18c81c1129092994e345a72c261fff6', href: this.url, lang: this.langCode, class: {
+        return (index.h("li", { key: 'b213cebc44ae59c439099b754b388c80d61efe72', class: `menu-language__links-item` }, index.h("a", { key: '8a3f48894ea138327228f90e0bf0f6915b130a39', href: this.url, lang: this.langCode, class: {
                 "is-active": this.isActive,
                 "is-disabled": this.isDisabled,
                 "menu-language__link": true,
@@ -525,11 +544,9 @@ const HySearchField = class {
 };
 HySearchField.style = HySearchFieldStyle0;
 
-const siteHeaderCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}: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}.hy-site-header__branding>a:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}@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]:focus-visible{-webkit-box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.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}.hy-site-header__donate-link:focus-visible{-webkit-box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}@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__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:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.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 siteHeaderCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}hy-site-header{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}.hy-site-header__branding>a:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}@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:focus-visible{-webkit-box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.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}.hy-site-header__donate-link:focus-visible{-webkit-box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}@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__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:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.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-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) {
         index.registerInstance(this, hostRef);
@@ -564,7 +581,6 @@ const SiteHeader = class {
         this.isDesktopMenuOpen = false;
         this.isDesktopMenuDropdown = false;
         this.isTopMenuOpen = false;
-        this.isBottomVisible = false;
         this.isTopVisible = false;
         this.lastScrollTop = 0;
         this.delta = 50;
@@ -583,8 +599,10 @@ const SiteHeader = class {
         }
     }
     // Listener for toggling mobile menu top panel on or off.
-    mobileMenuTopToggle() {
-        this.isTopMenuOpen = !this.isTopMenuOpen;
+    // Falls back to toggling for emitters that send no detail (the old contract).
+    mobileMenuTopToggle(event) {
+        var _a, _b;
+        this.isTopMenuOpen = (_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.open) !== null && _b !== void 0 ? _b : !this.isTopMenuOpen;
         this.menuMobileTopToggled.emit();
     }
     mainMenuToggled() {
@@ -593,6 +611,9 @@ const SiteHeader = class {
     handleScroll() {
         this.headerScrollHandler();
     }
+    handleResize() {
+        this.applySizeClasses(window.innerWidth);
+    }
     headerScrollHandler() {
         let topOffset = window.pageYOffset;
         if (Math.abs(this.lastScrollTop - topOffset) <= this.delta) {
@@ -622,7 +643,7 @@ const SiteHeader = class {
         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");
+            !this.isTopVisible && bodyElementClasses.add("sticky-active");
             if (bodyElementClasses.contains("toolbar-horizontal")) {
                 hySiteHeader.classList.add("has-toolbar");
                 if (bodyElementClasses.contains("toolbar-tray-open")) {
@@ -637,41 +658,18 @@ const SiteHeader = class {
     }
     componentDidLoad() {
         this.applySizeClasses(window.innerWidth);
-        window.addEventListener('resize', () => {
-            this.applySizeClasses(window.innerWidth);
-        });
         const topOptions = {
             root: null,
             rootMargin: "250px",
             threshold: [0.0, 1.0],
         };
+        // Observe the host (display: block in site-header.scss), not the page's <header>, so this works without one.
         this.topObserver = new IntersectionObserver((entries) => {
             entries.forEach((entry) => {
-                if (entry.target.nodeName === "HEADER") {
-                    this.isTopVisible = entry.isIntersecting;
-                }
+                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);
-        }
+        this.topObserver.observe(this.el);
         // Pass the dataMenuLanguage prop to menu component.
         this.el.children[0].setAttribute("data-menu-language", this.dataMenuLanguage);
         this.navbarHeight = 120;
@@ -679,6 +677,10 @@ const SiteHeader = class {
         body.style.setProperty("--nav-height", `${this.navbarHeight * 2}px`);
     }
     async componentWillLoad() {
+        var _a;
+        // Render <header> only when the page doesn't already wrap us in one, so there is a single
+        // banner landmark either way (Drupal has its own <header>; other consumers keep ours).
+        this.isInsideBanner = !!((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.closest("header, [role='banner']"));
         // Check for site header labels and set them to variables accordingly.
         if (this.dataSiteHeaderLabels) {
             const labels = await globalScript.jsonParserWorker(this.dataSiteHeaderLabels);
@@ -710,50 +712,40 @@ const SiteHeader = class {
         }
     }
     disconnectedCallback() {
-        clearTimeout(clickTimer);
         this.topObserver.disconnect();
-        this.bottomObserver.disconnect();
-        clearTimeout(clickTimeout);
     }
     applySizeClasses(size) {
         // Set the menu-type based on the width of the browser.
+        const previousMenuType = this.menuType;
         size <= 1200 ? (this.menuType = utils.MenuType.mobile) : (this.menuType = utils.MenuType.desktop);
+        // Crossing the breakpoint swaps hy-menu-main-group for a new instance. The old one is
+        // removed while possibly open and can't emit its close, so reset the open state here.
+        if (previousMenuType !== this.menuType) {
+            this.isTopMenuOpen = false;
+        }
         // Pass the menu type to menu component.
-        this.isMobile = this.menuType === (utils.MenuType.mobile || utils.MenuType.tablet);
+        this.isMobile = [utils.MenuType.mobile, utils.MenuType.tablet].includes(this.menuType);
         const menuAttribute = this.menuType;
         this.el.children[0].setAttribute("menu-type", menuAttribute);
     }
     render() {
-        var _a;
+        var _a, _b, _c;
         if (this.menuType === null)
             return;
         const logoSize = this.isMobile ? utils.SiteLogoSize.small : utils.SiteLogoSize.big;
-        const logoSizeGroup = this.isMobile ? utils.SiteLogoSize.small : utils.SiteLogoSize.small;
+        const logoSizeGroup = utils.SiteLogoSize.small;
         const logoColor = utils.ColorVariant.black;
         const logoColorGroup = utils.ColorVariant.white;
+        const Wrapper = this.isInsideBanner ? "div" : "header";
         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", () => {
-                clearTimeout(clickTimeout);
-                clickTimeout = setTimeout(() => {
-                }, 250);
-            });
-        }
+        const universityMainMenuLabel = (_a = this.groupPages) === null || _a === void 0 ? void 0 : _a["university_main_menu"];
+        // Black bar landmark name. Falls back to the menu label until Drupal sends the new key.
+        const universityMainNavigationLabel = (_c = (_b = this.groupPages) === null || _b === void 0 ? void 0 : _b["university_main_navigation"]) !== null && _c !== void 0 ? _c : universityMainMenuLabel;
         let activeLang = "en";
         let dataMenuLanguageArray = JSON.parse(this.dataMenuLanguage);
         dataMenuLanguageArray.forEach((lang) => {
@@ -765,19 +757,19 @@ const SiteHeader = class {
             case utils.MenuType.desktop:
                 // Larger than 1200px screens
                 return [
-                    index.h("header", { class: `${classAttributes.join(" ")}` }, index.h("div", { class: {
+                    index.h(Wrapper, { class: `${classAttributes.join(" ")}` }, index.h("div", { class: {
                             "hy-backdrop": true,
                             "is-active": (this.isMenuOpen && !this.isDesktopMenuDropdown) ||
                                 (this.isTopMenuOpen && !this.isDesktopMenuDropdown),
-                        } }), this.isGroup && (index.h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? "is-open" : ""}` }, index.h("div", { class: "hy-site-header__container" }, index.h("div", { class: "hy-site-header__branding" }, index.h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), this.dataMainMenuLinks.length > 2 && (index.h("hy-menu-main-group", { "is-mobile": false, "menu-label": (_a = this.groupPages["university_main_menu"]) !== null && _a !== void 0 ? _a : null, "data-main-menu": this.dataMainMenuLinks, "menu-label-close": this.menuLabelClose })), index.h("div", { class: "hy-site-header__actions" }, index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (index.h("hy-site-search", { class: "menu--secondary__item group", size: 18, color: logoColorGroup, "is-group": true, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
+                        } }), this.isGroup && (index.h("nav", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? "is-open" : ""}`, "aria-label": universityMainNavigationLabel }, index.h("div", { class: "hy-site-header__container" }, index.h("div", { class: "hy-site-header__branding" }, index.h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), this.dataMainMenuLinks.length > 2 && (index.h("hy-menu-main-group", { "is-mobile": false, "menu-label": universityMainMenuLabel !== null && universityMainMenuLabel !== void 0 ? universityMainMenuLabel : null, "data-main-menu": this.dataMainMenuLinks, "menu-label-close": this.menuLabelClose })), index.h("div", { class: "hy-site-header__actions" }, index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (index.h("hy-site-search", { class: "menu--secondary__item group", size: 18, color: logoColorGroup, "is-group": true, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
                         return (index.h("a", { class: "hy-site-header__donate-link", href: url }, index.h("hy-icon", { icon: "hy-icon-heart-support", size: 14, fill: utils.ColorVariant.black }), index.h("span", null, label)));
-                    }))))), index.h("section", { class: `hy-site-header__container ${this.isGroup ? "is-group" : ""} ${this.groupType === "research_group_menu" ? "is-research-group" : ""}` }, index.h("div", { class: "hy-site-header__branding" }, this.isGroup && this.groupType == "research_group_menu" && index.h("p", null, this.researchGroupLabel), this.isGroup ? (index.h("a", { href: this.logoUrl }, this.groupType == "generic_site_group_menu" && this.groupLogoUrl ? (index.h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (index.h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.groupType != "research_group_menu" && index.h("slot", { name: "menu" }), !this.isGroup && (index.h("div", { class: "hy-site-header__actions" }, index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels }), !this.noSearch && (index.h("hy-site-search", { size: 14, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, color: utils.ColorVariant.black, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
+                    }))))), index.h("div", { class: `hy-site-header__container ${this.isGroup ? "is-group" : ""} ${this.groupType === "research_group_menu" ? "is-research-group" : ""}` }, index.h("div", { class: "hy-site-header__branding" }, this.isGroup && this.groupType == "research_group_menu" && index.h("p", null, this.researchGroupLabel), this.isGroup ? (index.h("a", { href: this.logoUrl }, this.groupType == "generic_site_group_menu" && this.groupLogoUrl ? (index.h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (index.h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.groupType != "research_group_menu" && index.h("slot", { name: "menu" }), !this.isGroup && (index.h("div", { class: "hy-site-header__actions" }, index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels }), !this.noSearch && (index.h("hy-site-search", { size: 14, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, color: utils.ColorVariant.black, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
                         return (index.h("a", { class: "hy-site-header__donate-link", href: url }, index.h("hy-icon", { icon: "hy-icon-heart-support", size: 14, fill: utils.ColorVariant.black }), index.h("span", null, label)));
                     }))))),
                 ];
             case utils.MenuType.mobile:
                 // Smaller than 960px screens
-                return (index.h("header", { class: classAttributes.join(" "), "data-menu-active": this.isMenuOpen }, index.h("div", { class: { "hy-backdrop": true, "is-active": this.isMenuOpen } }), index.h("div", { class: { "hy-backdrop": true, "is-active-top": this.isTopMenuOpen } }), this.isGroup && (index.h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? "is-open" : ""}` }, index.h("div", { class: "hy-site-header__container" }, index.h("div", { class: "hy-site-header__branding" }, index.h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), index.h("div", { class: "hy-site-header__actions" }, index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (index.h("hy-site-search", { class: "menu--secondary__item group", size: 18, color: logoColorGroup, "is-group": true, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.dataMainMenuLinks.length > 2 && (index.h("hy-menu-main-group", { "site-label": this.siteLabel, "site-url": this.siteUrl, "logo-label": this.logoLabel, "logo-url": this.logoUrl, "is-mobile": true, donate: this.donateLink, "data-main-menu": this.dataMainMenuLinks })))))), index.h("section", { class: "hy-site-header__container" }, index.h("div", { class: "hy-site-header__branding" }, this.groupType == "research_group_menu" && index.h("p", null, this.researchGroupLabel), this.isGroup ? (index.h("a", { href: this.logoUrl }, this.groupType == "generic_site_group_menu" && this.groupLogoUrl ? (index.h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (index.h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), index.h("div", { class: "hy-site-header__actions" }, !this.isGroup && (index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels })), !this.isGroup && !this.noSearch && (index.h("hy-site-search", { size: 24, color: utils.ColorVariant.black, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), index.h("button", { onClick: () => toggleMenuMobileAndRemoveListener(), class: `hy-site-header__menu-open-button`, "aria-label": this.isMenuOpen ? this.menuLabels["close"] : this.menuLabels["open"], "aria-expanded": `${this.isMenuOpen}` }, !this.isMenuOpen && index.h("hy-icon", { icon: "hy-icon-hamburger", size: 24, fill: utils.ColorVariant.black }), this.isMenuOpen && (index.h(index.Fragment, null, index.h("span", null, this.menuLabelClose), index.h("hy-icon", { icon: "hy-icon-remove", size: 16 }))))), index.h("div", { class: {
+                return (index.h(Wrapper, { class: classAttributes.join(" "), "data-menu-active": this.isMenuOpen }, index.h("div", { class: { "hy-backdrop": true, "is-active": this.isMenuOpen }, onClick: () => this.isMenuOpen && this.mobileMenuToggle() }), this.isGroup && (index.h("nav", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? "is-open" : ""}`, "aria-label": universityMainNavigationLabel }, index.h("div", { class: "hy-site-header__container" }, index.h("div", { class: "hy-site-header__branding" }, index.h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), index.h("div", { class: "hy-site-header__actions" }, index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (index.h("hy-site-search", { class: "menu--secondary__item group", size: 18, color: logoColorGroup, "is-group": true, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.dataMainMenuLinks.length > 2 && (index.h("hy-menu-main-group", { "site-label": this.siteLabel, "site-url": this.siteUrl, "logo-label": this.logoLabel, "logo-url": this.logoUrl, "is-mobile": true, donate: this.donateLink, "data-main-menu": this.dataMainMenuLinks, "menu-label": universityMainMenuLabel !== null && universityMainMenuLabel !== void 0 ? universityMainMenuLabel : null, "menu-label-close": this.menuLabelClose })))))), index.h("div", { class: "hy-site-header__container" }, index.h("div", { class: "hy-site-header__branding" }, this.groupType == "research_group_menu" && index.h("p", null, this.researchGroupLabel), this.isGroup ? (index.h("a", { href: this.logoUrl }, this.groupType == "generic_site_group_menu" && this.groupLogoUrl ? (index.h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (index.h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), index.h("div", { class: "hy-site-header__actions" }, !this.isGroup && (index.h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels })), !this.isGroup && !this.noSearch && (index.h("hy-site-search", { size: 24, color: utils.ColorVariant.black, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), index.h("button", { onClick: () => this.mobileMenuToggle(), class: `hy-site-header__menu-open-button`, "aria-label": this.isMenuOpen ? this.menuLabels["close"] : this.menuLabels["open"], "aria-expanded": `${this.isMenuOpen}` }, !this.isMenuOpen && index.h("hy-icon", { icon: "hy-icon-hamburger", size: 24, fill: utils.ColorVariant.black }), this.isMenuOpen && (index.h(index.Fragment, null, index.h("span", null, this.menuLabelClose), index.h("hy-icon", { icon: "hy-icon-remove", size: 16 }))))), index.h("div", { class: {
                         "is-open": this.isMenuOpen,
                         "hy-site-header__panel": true,
                     }, "aria-hidden": `${!this.isMenuOpen}` }, index.h("slot", { name: "menu_mobile" })))));

package/dist/cjs/hy-checkbox.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-701b1b84.js');
+const index = require('./index-362c147c.js');
 const utils = require('./utils-8e26d681.js');
 
 const hyCheckboxCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-checkbox{display:inline-block;position:relative;margin-right:1rem}.hy-checkbox:focus-within{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-checkbox__checkmark{border-color:var(--link-blue);border-style:solid inset solid solid;border-width:2px;height:20px;margin-right:6px;min-width:20px;min-height:20px;position:relative;width:20px}.hy-checkbox__checkmark svg{bottom:0;left:0;position:absolute;visibility:hidden}.hy-checkbox__checkmark::before{background-color:var(--grayscale-white);content:\"\";height:10px;position:absolute;right:0;-webkit-transform:rotate(40deg) translate(6%, -55%);transform:rotate(40deg) translate(6%, -55%);visibility:hidden;width:8px}.hy-checkbox__label{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.4px;text-align:left}@media (min-width: 30rem){.hy-checkbox__label{font-size:1rem;line-height:20px}}.hy-checkbox__checkbox{height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:10}.hy-checkbox__checkbox:checked+label{color:var(--grayscale-black)}.hy-checkbox__checkbox:checked+label .hy-checkbox__checkmark svg,.hy-checkbox__checkbox:checked+label .hy-checkbox__checkmark::before{visibility:visible}.hy-checkbox__checkbox:hover{cursor:pointer}.hy-checkbox__checkbox:hover+label{color:var(--brand-main)}.hy-checkbox--button{display:inline-block;margin-right:4px;position:relative}.hy-checkbox--button:focus-within{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-checkbox--button__label{font-size:0.75rem;line-height:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0.5px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.3px;padding:12px 15px 12px 13px;z-index:1}@media (min-width: 60rem){.hy-checkbox--button__label{font-size:0.875rem;line-height:18px;letter-spacing:-0.4px;padding:9px 8px 9px 8px}}.hy-checkbox--button__checkmark{position:absolute;right:12px;top:0;bottom:0}@media (min-width: 60rem){.hy-checkbox--button__checkmark{right:10px;bottom:calc(50% + 10px)}}.hy-checkbox--button__checkmark svg{bottom:0;left:0;position:absolute;visibility:hidden}.hy-checkbox--button__label-icon{height:13px;position:absolute;width:12px}@media (min-width: 60rem){.hy-checkbox--button__label-icon{padding:10px;right:-6px;top:calc(50% + 5px)}}.hy-checkbox--button__label-icon svg{background:var(--grayscale-white);height:12px;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:12px}.hy-checkbox--button__checkbox{height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:10}.hy-checkbox--button__checkbox:checked+label{border:1px solid var(--grayscale-black);color:var(--grayscale-black);padding:12px 15px 12px 13px}@media (min-width: 60rem){.hy-checkbox--button__checkbox:checked+label{border:2px solid var(--grayscale-black);padding:8px 26px 8px 7px}}.hy-checkbox--button__checkbox:checked+label .hy-checkbox--button__checkmark .hy-checkbox--button__label-icon{background:var(--grayscale-white)}.hy-checkbox--button__checkbox:checked+label .hy-checkbox--button__checkmark svg{visibility:visible}.hy-checkbox--button__checkbox:hover{cursor:pointer}";

package/dist/cjs/hy-collaboration.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-701b1b84.js');
+const index = require('./index-362c147c.js');
 
 const hyCollaborationCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-collaboration{border-bottom:1px solid var(--grayscale-dark);padding:32px 0}@media (min-width: 60rem){.hy-collaboration{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:grid;grid-template-columns:fit-content(calc(43.75% - 60px)) 1fr;gap:60px}}@media (min-width: 75.0625rem){.hy-collaboration{grid-template-columns:fit-content(calc(43% - 60px)) 1fr;padding:40px 0}}@media (min-width: 87.5rem){.hy-collaboration{grid-template-columns:fit-content(calc(42.5% - 60px)) 1fr}}@media (min-width: 1601px){.hy-collaboration{grid-template-columns:fit-content(calc(41.85% - 60px)) 1fr}}@media (min-width: 1750px){.hy-collaboration{grid-template-columns:fit-content(calc(41% - 60px)) 1fr}}@media (min-width: 120.0625rem){.hy-collaboration{grid-template-columns:fit-content(428px) 1fr}}.hy-collaboration__logo{margin:0 0 32px;padding:0}@media (min-width: 60rem){.hy-collaboration__logo{margin:0}}.hy-collaboration__logo img{max-width:75%;max-height:200px}@media (min-width: 30rem){.hy-collaboration__logo img{max-width:50%}}@media (min-width: 60rem){.hy-collaboration__logo img{max-width:100%;max-height:260px}}.hy-collaboration__description{font-size:0.9375rem;line-height:22px;font-family:var(--main-font-family);margin:0 0 12px}@media (min-width: 30rem){.hy-collaboration__description{font-size:1rem;line-height:24px}}@media (min-width: 75.0625rem){.hy-collaboration__description{font-size:1.0625rem;line-height:26px}}.hy-collaboration__link{font-size:0.9375rem;line-height:22px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);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: 30rem){.hy-collaboration__link{font-size:1rem;line-height:24px}}@media (min-width: 75.0625rem){.hy-collaboration__link{font-size:1.0625rem;line-height:26px}}.hy-collaboration__link span{margin-left:4px}.hy-collaboration__link span svg{fill:var(--link-blue)}";
 const HyCollaborationStyle0 = hyCollaborationCss;

package/dist/cjs/hy-content-list_2.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-701b1b84.js');
+const index = require('./index-362c147c.js');
 const utils = require('./utils-8e26d681.js');
-const globalScript = require('./globalScript-c309d309.js');
+const globalScript = require('./globalScript-d9a25ed2.js');
 
 const hyContentListCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-content-list{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-content-list--no-result{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-content-list--alert{margin-right:6px}.hy-content-list--alert svg{fill:var(--grayscale-dark)}@media (min-width: 1601px){.hy-content-list--alert svg{height:18px;width:18px}}@media (min-width: 87.5rem){.hy-content-list--alert--large svg{height:18px;width:18px}}.hy-content-list--alert-label{font-family:var(--main-font-family);font-size:0.9375rem;line-height:22px;color:var(--grayscale-dark);font-style:italic;letter-spacing:0}@media (min-width: 30rem){.hy-content-list--alert-label{font-size:1rem;line-height:24px}}@media (min-width: 1601px){.hy-content-list--alert-label{font-size:1.0625rem;line-height:26px}}@media (min-width: 87.5rem){.hy-content-list--alert-label--large{font-size:1.0625rem;line-height:26px}}.hy-content-list.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-content-list.grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}";
 const HyContentListStyle0 = hyContentListCss;

package/dist/cjs/hy-crisis-banner.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-701b1b84.js');
+const index = require('./index-362c147c.js');
 
 const hyCrisisBannerCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-crisis-banner{-webkit-box-shadow:inset 0 -20px 20px -20px rgba(14, 104, 139, 0.1);box-shadow:inset 0 -20px 20px -20px rgba(14, 104, 139, 0.1);display:block}.hy-crisis-banner__container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1216px}.hy-crisis-banner__indicator{background-color:var(--brand-main);-ms-flex-negative:0;flex-shrink:0}@media (min-width: 30rem){.hy-crisis-banner__indicator{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.hy-crisis-banner__indicator-icon{margin-left:8px;margin-right:8px;margin-top:10px}@media (min-width: 30rem){.hy-crisis-banner__indicator-icon{margin-left:10px;margin-right:10px;margin-top:0}}.hy-crisis-banner__indicator-icon svg{height:22px;width:22px}.hy-crisis-banner__indicator-icon svg circle{fill:var(--grayscale-white)}.hy-crisis-banner__indicator-icon svg path{fill:var(--brand-main)}.hy-crisis-banner__content-wrapper{-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;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:12px 0 12px 12px}@media (min-width: 30rem){.hy-crisis-banner__content-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 0 14px 14px}}@media (min-width: 60rem){.hy-crisis-banner__content-wrapper{padding:20px 0 20px 20px}}@media (min-width: 30rem){.hy-crisis-banner__content{max-width:61.22%;width:100%}}@media (min-width: 60rem){.hy-crisis-banner__content{max-width:65.83%}}@media (min-width: 75.0625rem){.hy-crisis-banner__content{max-width:65.79%}}.hy-crisis-banner__title{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.35px;margin:0 0 2px 0}@media (min-width: 1601px){.hy-crisis-banner__title{font-size:1rem;line-height:18px;letter-spacing:-0.4px}}.hy-crisis-banner__description{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.35px;margin:0}@media (min-width: 30rem){.hy-crisis-banner__description{font-size:0.875rem;line-height:16px}}.hy-crisis-banner__description p{margin-top:0}.hy-crisis-banner__description p:last-of-type{margin-bottom:0}.hy-crisis-banner__link{font-size:0.875rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;margin:12px 0 0;overflow:hidden;text-decoration:none}@media (min-width: 30rem){.hy-crisis-banner__link{-ms-flex-negative:0;flex-shrink:0;margin-left:24px;margin-right:32px;margin-top:0;text-align:right}}@media (min-width: 75.0625rem){.hy-crisis-banner__link{margin-left:32px}}@media (min-width: 1601px){.hy-crisis-banner__link{font-size:1rem;line-height:18px}}.hy-crisis-banner__link:hover,.hy-crisis-banner__link:focus-visible{color:var(--brand-main);text-decoration:underline}.hy-crisis-banner__link:hover .hy-crisis-banner__link-icon svg,.hy-crisis-banner__link:focus-visible .hy-crisis-banner__link-icon svg{fill:var(--brand-main)}.hy-crisis-banner__link-icon{margin-left:4px}@media (min-width: 30rem){.hy-crisis-banner__link-icon{margin-left:8px}}@media (min-width: 75.0625rem){.hy-crisis-banner__link-icon{margin-left:12px}}.hy-crisis-banner__link-icon svg{fill:var(--brand-main-light);height:12px;width:12px}@media (min-width: 30rem){.hy-crisis-banner__link-icon svg{height:14px;width:14px}}@media (min-width: 1601px){.hy-crisis-banner__link-icon svg{height:16px;width:16px}}";
 const HyCrisisBannerStyle0 = hyCrisisBannerCss;

package/dist/cjs/hy-cta-button.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-701b1b84.js');
+const index = require('./index-362c147c.js');
 const utils = require('./utils-8e26d681.js');
 
 const ctaButtonCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-cta-button-container{display:-webkit-box;display:-ms-flexbox;display:flex}.hy-cta-button{cursor:pointer;font-family:var(--main-font-family);font-weight:700;position:relative;text-decoration:none}.hy-cta-button.transparent-background,.hy-cta-button.black-background,.hy-cta-button.blue-background,.hy-cta-button.white-background,.hy-cta-button.hero-white,.hy-cta-button.hero-blue,.hy-cta-button.hero-black,.hy-cta-button.dark-blue-background{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:328px;padding:13px 16px}.hy-cta-button.transparent-background .text,.hy-cta-button.black-background .text,.hy-cta-button.blue-background .text,.hy-cta-button.white-background .text,.hy-cta-button.hero-white .text,.hy-cta-button.hero-blue .text,.hy-cta-button.hero-black .text,.hy-cta-button.dark-blue-background .text{font-size:1rem;line-height:18px;letter-spacing:-0.3px}.hy-cta-button.transparent-background .link-icon,.hy-cta-button.black-background .link-icon,.hy-cta-button.blue-background .link-icon,.hy-cta-button.white-background .link-icon,.hy-cta-button.hero-white .link-icon,.hy-cta-button.hero-blue .link-icon,.hy-cta-button.hero-black .link-icon,.hy-cta-button.dark-blue-background .link-icon{margin-left:8px}.hy-cta-button.transparent-background .link-icon svg,.hy-cta-button.black-background .link-icon svg,.hy-cta-button.blue-background .link-icon svg,.hy-cta-button.white-background .link-icon svg,.hy-cta-button.hero-white .link-icon svg,.hy-cta-button.hero-blue .link-icon svg,.hy-cta-button.hero-black .link-icon svg,.hy-cta-button.dark-blue-background .link-icon svg{height:16px;width:16px}.hy-cta-button.dark-blue-background{background-color:var(--brand-main-dark);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.dark-blue-background:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-cta-button.dark-blue-background .link-icon svg{background-color:var(--brand-main-dark);fill:var(--grayscale-white)}.hy-cta-button.dark-blue-background .text{color:var(--grayscale-white)}.hy-cta-button.transparent-background{background-color:var(--grayscale-white);border:4px solid var(--grayscale-black);color:var(--grayscale-black)}.hy-cta-button.transparent-background:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-cta-button.transparent-background .link-icon svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-cta-button.transparent-background .text{color:var(--grayscale-black)}.hy-cta-button.black-background{background-color:var(--grayscale-black);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.black-background .link-icon svg{background-color:var(--grayscale-black);fill:var(--grayscale-white)}.hy-cta-button.black-background .text{color:var(--grayscale-white)}.hy-cta-button.black-background:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-cta-button.black-background:hover{background-color:var(--brand-main-active)}.hy-cta-button.black-background:hover .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.black-background:focus-visible{background-color:var(--brand-main)}.hy-cta-button.black-background:focus-visible .link-icon svg{background-color:var(--brand-main)}.hy-cta-button.blue-background{background-color:var(--brand-main-light);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.blue-background .link-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white)}.hy-cta-button.blue-background .text{color:var(--grayscale-white)}.hy-cta-button.blue-background:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-cta-button.blue-background:hover{background-color:var(--brand-main)}.hy-cta-button.blue-background:hover .link-icon svg{background-color:var(--brand-main)}.hy-cta-button.blue-background:focus-visible{background-color:var(--brand-main-active)}.hy-cta-button.blue-background:focus-visible .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.white-background{background-color:var(--grayscale-white);border:4px solid var(--brand-main-light);color:var(--brand-main-light)}.hy-cta-button.white-background .link-icon svg{background-color:var(--grayscale-white);fill:var(--brand-main-light)}.hy-cta-button.white-background .text{color:var(--brand-main-light)}.hy-cta-button.white-background:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-cta-button.white-background:hover{border-color:var(--brand-main-active)}.hy-cta-button.white-background:hover .text{color:var(--brand-main-active)}.hy-cta-button.white-background:hover .link-icon svg{fill:var(--brand-main-active)}.hy-cta-button.white-background:focus-visible{border-color:var(--brand-main-active)}.hy-cta-button.white-background:focus-visible .text{color:var(--brand-main-active)}.hy-cta-button.white-background:focus-visible .link-icon svg{fill:var(--brand-main-active)}.hy-cta-button.hero-white{background-color:var(--brand-main-light);color:var(--grayscale-white)}.hy-cta-button.hero-white .link-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white)}.hy-cta-button.hero-white .text{color:var(--grayscale-white)}.hy-cta-button.hero-white:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-cta-button.hero-white:hover{background-color:var(--brand-main-active)}.hy-cta-button.hero-white:hover .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.hero-white:focus-visible{background-color:var(--brand-main-active)}.hy-cta-button.hero-white:focus-visible .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.hero-black{background-color:var(--grayscale-black);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.hero-black .link-icon svg{background-color:var(--grayscale-black);fill:var(--grayscale-white)}.hy-cta-button.hero-black .text{color:var(--grayscale-white)}.hy-cta-button.hero-black:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-cta-button.hero-black:hover{border-color:var(--brand-main-soft)}.hy-cta-button.hero-black:hover .text{color:var(--brand-main-soft)}.hy-cta-button.hero-black:hover .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-black:focus-visible{border-color:var(--brand-main-soft)}.hy-cta-button.hero-black:focus-visible .text{color:var(--brand-main-soft)}.hy-cta-button.hero-black:focus-visible .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-blue{background-color:var(--brand-main);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.hero-blue .link-icon svg{background-color:var(--brand-main);fill:var(--grayscale-white)}.hy-cta-button.hero-blue .text{color:var(--grayscale-white)}.hy-cta-button.hero-blue:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-cta-button.hero-blue:hover{border-color:var(--brand-main-soft)}.hy-cta-button.hero-blue:hover .text{color:var(--brand-main-soft)}.hy-cta-button.hero-blue:hover .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus-visible{border-color:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus-visible .text{color:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus-visible .link-icon svg{fill:var(--brand-main-soft)}";

package/dist/cjs/hy-cta-link.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-701b1b84.js');
+const index = require('./index-362c147c.js');
 const utils = require('./utils-8e26d681.js');
 
 const ctaLinkCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-cta-link:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-cta-link:hover,.hy-cta-link:focus-visible{text-decoration:underline}.hy-cta-link:hover .hy-cta-link__icon,.hy-cta-link:focus-visible .hy-cta-link__icon{background-color:var(--brand-main-active)}.hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}";

package/dist/cjs/hy-dropdown.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-701b1b84.js');
-const globalScript = require('./globalScript-c309d309.js');
+const index = require('./index-362c147c.js');
+const globalScript = require('./globalScript-d9a25ed2.js');
 
 const hyDropdownCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-dropdown{display:inline-block;min-width:100%;position:relative}@media (min-width: 30rem){.hy-dropdown{min-width:48.3%}}@media (min-width: 75.0625rem){.hy-dropdown{min-width:23.03%}}.hy-dropdown label.hy-dropdown__button-label{font-size:1rem;line-height:20px;font-weight:700;display:block;font-family:var(--main-font-family);letter-spacing:-0.32px;margin-bottom:8px}.hy-dropdown--single .hy-dropdown__panel{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:330px;min-width:100%}.hy-dropdown .hy-dropdown__hidden-input{display:none;height:0;font-size:0}.hy-dropdown__toggle{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;height:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 0 0 16px;text-align:left;max-width:280px;width:100%}@media (min-width: 30rem){.hy-dropdown__toggle{font-size:1rem;line-height:24px;min-height:44px}}@media (min-width: 75.0625rem){.hy-dropdown__toggle{min-height:48px}}.hy-dropdown__toggle:hover{border-color:var(--brand-main-light);cursor:pointer}.hy-dropdown__toggle:focus-visible{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}.hy-dropdown__toggle svg{pointer-events:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon{background-color:var(--brand-main-light);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-dropdown__toggle.is-open .hy-dropdown__icon::before{display:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon svg{fill:var(--grayscale-white)}.hy-dropdown__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 16px;position:relative;width:40px}.hy-dropdown__icon::before{border-left:0.5px solid var(--grayscale-medium-dark);content:\"\";display:inline-block;height:65%;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-dropdown__icon{height:44px;width:44px}}@media (min-width: 75.0625rem){.hy-dropdown__icon{height:48px;width:48px}}.hy-dropdown__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-dropdown__icon svg{height:16px;width:16px}}.hy-dropdown__panel{background-color:var(--grayscale-white);-webkit-box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);list-style:none;margin:0;padding:6px;position:absolute;width:100%;z-index:11}.hy-dropdown__panel.is-hidden{display:none;visibility:hidden}.hy-dropdown__panel-item{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;position:relative;padding:0;text-align:left;width:100%}@media (min-width: 30rem){.hy-dropdown__panel-item{font-size:1rem;line-height:24px}}.hy-dropdown__panel-item:not(.is-last){margin-bottom:6px}.hy-dropdown__panel-item[aria-selected=true] .hy-dropdown__checkbox{border-color:var(--grayscale-black);border-style:solid inset solid solid;border-width:2px;color:var(--grayscale-black);outline:0;text-indent:-1px}.hy-dropdown__panel-item[aria-selected=true] .hy-dropdown__checkbox .hy-dropdown__label-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;visibility:visible}.hy-dropdown__panel-item--focused{cursor:pointer;border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}.hy-dropdown__label-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none !important;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;visibility:hidden;width:40px}.hy-dropdown__checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:40px;height:100%;margin:0;padding:0 16px;width:100%;z-index:10}.hy-dropdown__checkbox:hover{cursor:pointer;border-color:var(--brand-main-active)}.hy-dropdown__checkbox:focus-within{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}";
 const HyDropdownStyle0 = hyDropdownCss;

package/dist/cjs/hy-event-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-701b1b84.js');
+const index = require('./index-362c147c.js');
 
 const hyEventItemCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-events__item{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid var(--grayscale-light);padding:13px 16px;position:relative;text-decoration:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;white-space:initial;margin-bottom:1rem}@media (min-width: 48rem){.hy-events__item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:47px;margin-bottom:1.75rem}}@media (min-width: 48rem){.hy-events__item:not(.hy-events__item--grid) .hy-events__item--container{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item:hover .hy-events__item__title{color:var(--brand-main);text-decoration:underline}.hy-events__item:hover .hy-events__item__date--short,.hy-events__item:hover .hy-events__item__url-icon{background-color:var(--brand-main-active)}.hy-events__item__title{font-size:1.125rem;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:6;color:var(--grayscale-black);display:-webkit-box;font-family:var(--main-font-family);font-weight:700;letter-spacing:-0.36px;line-clamp:6;margin-bottom:16px;overflow:hidden;text-overflow:ellipsis}@media (min-width: 48rem){.hy-events__item__title{font-size:1.375rem;line-height:28px;font-weight:700;font-size:22px;line-height:28px;letter-spacing:-0.44px;margin-bottom:14px}}.hy-events__item__details{font-family:var(--main-font-family);font-style:normal;font-weight:400;font-size:17px;line-height:26px;color:var(--grayscale-black)}.hy-events__item__meta{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-events__item__meta{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-events__item__meta--item{font-size:0.9375rem;line-height:22px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-right:0px;margin-bottom:9px;font-family:var(--main-font-family);font-weight:400;word-break:break-word}@media (min-width: 48rem){.hy-events__item__meta--item{font-size:1.0625rem;line-height:26px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-right:35px;margin-bottom:0;font-weight:400}}.hy-events__item__meta--item svg{width:20px;height:20px;margin-right:9px;margin-top:2px}@media (min-width: 48rem){.hy-events__item__meta--item svg{margin-top:1px}}.hy-events__item__date--short{font-size:0.9375rem;line-height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--grayscale-white);background:var(--brand-main-light);font-family:var(--main-font-family);font-style:normal;font-weight:700;padding:6px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;letter-spacing:-0.28125px;text-decoration:none;margin-bottom:20px;margin-right:0}@media (min-width: 48rem){.hy-events__item__date--short{font-size:1.0625rem;line-height:20px;letter-spacing:-0.31875px;padding:0;height:68px;width:68px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:47px;margin-bottom:0}}.hy-events__item__url-icon{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;background:var(--brand-main-light);color:var(--grayscale-white);width:32px;height:32px;bottom:16px;right:-9px;z-index:1}@media (min-width: 48rem){.hy-events__item__url-icon{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item__url-icon svg{fill:currentColor}.hy-events__item__read-more{font-size:0.9375rem;line-height:18px;color:var(--brand-main-light);font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:-0.28125px;margin-top:10px}@media (min-width: 48rem){.hy-events__item__read-more{display:none}}.hy-events__item--grid{padding:1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:280px;max-width:100%;min-height:255px;position:relative;margin-bottom:0}@media (min-width: 48rem){.hy-events__item--grid{max-width:280px;padding:1rem 1rem 0 1rem}}.hy-events__item--grid.is-long{max-height:100%}@media (min-width: 48rem){.hy-events__item--grid.is-long{max-height:255px}}.hy-events__item--grid.is-long::after{display:none;content:\"\";background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);position:absolute;bottom:0;left:0;width:100%;height:36px}@media (min-width: 48rem){.hy-events__item--grid.is-long::after{display:block}}.hy-events__item--grid.is-long .hy-events__item--container{overflow:visible}@media (min-width: 48rem){.hy-events__item--grid.is-long .hy-events__item--container{overflow:hidden}}@media (min-width: 48rem){.hy-events__item--grid.is-long:hover,.hy-events__item--grid.is-long:focus-visible{border:0}}.hy-events__item--grid.is-long:hover::after,.hy-events__item--grid.is-long:hover .hy-events__item--toggle,.hy-events__item--grid.is-long:focus-visible::after,.hy-events__item--grid.is-long:focus-visible .hy-events__item--toggle{display:none}@media (min-width: 48rem){.hy-events__item--grid.is-long:hover .hy-events__item--container,.hy-events__item--grid.is-long:focus-visible .hy-events__item--container{background-color:var(--grayscale-white);border:1px solid var(--grayscale-light);padding:16px 16px;position:absolute;top:0;left:0;min-height:255px;overflow:visible}}.hy-events__item--grid .hy-events__item__title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}.hy-events__item--grid .hy-events__item--toggle{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--grayscale-light);border-radius:50%;position:absolute;top:16px;right:16px;width:24px;height:24px}@media (min-width: 48rem){.hy-events__item--grid .hy-events__item--toggle{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item--grid .hy-events__item__meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:9px}.hy-events__item--grid .hy-events__item__meta--item{font-size:0.9375rem;line-height:22px}.hy-events__item--grid .hy-events__item__date--short{padding:6px}@media (min-width: 48rem){.hy-events__item--grid .hy-events__item__date--short{font-size:0.9375rem;line-height:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;font-weight:700;letter-spacing:-0.28125px;margin-bottom:18px}}";
 const HyEventItemStyle0 = hyEventItemCss;

package/dist/cjs/hy-events.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-701b1b84.js');
+const index = require('./index-362c147c.js');
 const utils = require('./utils-8e26d681.js');
 
 const hyEventsCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}hy-events.no-events .hy-events__no-result-container{font-family:var(--main-font-family)}hy-events.no-events .hy-events--wrapper .hy-events--grid{padding-bottom:0}hy-events.no-events .hy-events__footer{display:none}.hy-events--wrapper .hy-events{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-events--wrapper .hy-events--grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;overflow-x:hidden;white-space:nowrap;scrollbar-width:none}@media (min-width: 48rem){.hy-events--wrapper .hy-events--grid{padding-bottom:14rem}}.hy-events--wrapper .hy-events--grid .hy-events__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}@media (min-width: 48rem){.hy-events--wrapper .hy-events--grid .hy-events__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-events--wrapper .hy-events__footer{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2rem}.hy-events--wrapper .hy-events__footer--grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:1.5rem}@media (min-width: 48rem){.hy-events--wrapper .hy-events__footer--grid{margin-top:-9.5rem}}.hy-events--wrapper .hy-events__scroll-buttons{display:none;margin-top:2rem}@media (min-width: 48rem){.hy-events--wrapper .hy-events__scroll-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events--wrapper .hy-events__scroll-buttons button{border:none;background:none;padding:0.5rem}.hy-events--wrapper .hy-events__scroll-buttons button:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-events--wrapper .hy-events__scroll-buttons button:hover{cursor:pointer}.hy-events--wrapper .hy-events__scroll-buttons button:hover svg{scale:1.1}.hy-events--wrapper .hy-events__scroll-buttons button.is-hidden{display:none}.hy-events--wrapper .hy-events__scroll-buttons button.is-disabled{pointer-events:none}.hy-events--wrapper .hy-events__scroll-buttons button.is-disabled svg{fill:var(--link-disabled)}";