@itcenteratunihelsinki/huds-lib 0.5.45 → 0.5.46

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

@@ -1,60 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-dd5e5023.js');
-const utils = require('./utils-eeb7b089.js');
-
-const hyShortcutsCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-shortcuts{overflow:hidden}.hy-shortcuts .shortcut-link-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--gutter-mobile)* -1)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-narrow)* -1)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-wide)* -1)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:62px;padding:0 var(--gutter-mobile)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:70px;padding:0 var(--gutter-narrow)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:82px;padding:0 var(--gutter-wide)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:100%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:33.33%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:50%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:25%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:2.5px solid var(--brand-main-nearly-black)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:3px solid var(--brand-main-nearly-black)}}.hy-shortcuts .shortcut-link-container a.shortcut-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border-bottom:2.5px solid var(--brand-main-nearly-black);color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:14px;font-weight:600;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;letter-spacing:-0.44px;line-height:18px;min-height:70px;position:relative;text-decoration:none;word-break:break-word}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{border-bottom:3px solid var(--brand-main-nearly-black);border-top:3px solid var(--brand-main-nearly-black);font-size:16px;letter-spacing:-0.5px;line-height:18px;min-height:70px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{font-size:16px;letter-spacing:-0.5px;line-height:22px;min-height:82px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 8px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 12px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 4px 0 22px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:20px;fill:var(--brand-main-light);width:20px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:24px;width:24px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:28px;width:28px}}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover{color:var(--brand-main)}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover svg{fill:var(--brand-main)}";
-
-const HyShortcuts = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.listHeading = '';
-    this.headerstyle = 'default';
-  }
-  arrayDataWatcher(newValue) {
-    if (typeof newValue === 'string') {
-      this._dataItems = JSON.parse(newValue);
-    }
-    else {
-      this._dataItems = newValue;
-    }
-  }
-  componentWillLoad() {
-    this.arrayDataWatcher(this.dataItems);
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
-      }
-    }
-  }
-  render() {
-    const classAttributes = ['hy-shortcuts', `hy-shortcuts__${this.headerstyle}`].join(' ');
-    const textClassAttributes = ['text'].join(' ');
-    const iconClassAttributes = ['link-icon'].join(' ');
-    let classItem = ['shortcut-link-wrapper', this._dataItems.length % 4 == 0 ? 'box-4' : 'box-3'].join(' ');
-    return (index.h(index.Host, null, index.h("div", { class: classAttributes }, this.listHeading.length > 0 && (index.h("hy-heading", { class: "list-title", heading: utils.HeadingVarians.h2 }, this.listHeading)), index.h("div", { class: "shortcut-link-container" }, this._dataItems.map((x, index$1) => {
-      let isFirstLine = '';
-      if (this._dataItems.length % 4 == 0) {
-        isFirstLine = index$1 == 0 || index$1 == 1 ? 'first' : '';
-      }
-      else {
-        isFirstLine = index$1 == 0 ? 'first' : '';
-      }
-      let classLinkWrapper = classItem.concat(' ', isFirstLine);
-      let target = x.isExternal ? '_blank' : '_self';
-      return (index.h("div", { class: classLinkWrapper }, index.h("a", { "aria-label": x.ariaLabel, class: "shortcut-link", href: x.url, target: target }, index.h("span", { class: textClassAttributes }, x.heading), index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: 'hy-icon-arrow-right', size: 28 })))));
-    }))), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "dataItems": ["arrayDataWatcher"]
-  }; }
-};
-HyShortcuts.style = hyShortcutsCss;
-
-exports.hy_shortcuts = HyShortcuts;

package/dist/cjs/hy-site-header_3.cjs.entry.js

@@ -1,444 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-dd5e5023.js');
-const index$1 = require('./index-314ad166.js');
-const utils = require('./utils-eeb7b089.js');
-const globalScript = require('./globalScript-0c66cb96.js');
-
-const siteHeaderCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-site-header{background-color:var(--grayscale-white);z-index:100;border-bottom:2px solid var(--grayscale-dark)}@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:-webkit-transform 200ms linear;transition:-webkit-transform 200ms linear;transition:transform 200ms linear;transition:transform 200ms linear, -webkit-transform 200ms linear;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-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}.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{margin-left:-10px}}.hy-site-header__container{padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 75.0625rem){.hy-site-header__container{padding:0 32px}}.hy-site-header__container.is-group{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (min-width: 75.0625rem){.hy-site-header__container.is-group{min-height:82px}}.hy-site-header__branding{padding:12px 0}@media (min-width: 75.0625rem){.hy-site-header__branding{padding:26px 0}}.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}@media (min-width: 75.0625rem){.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}}.hy-site-header__branding>p{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);letter-spacing:-0.1px;margin-bottom:4px;text-transform:uppercase}.hy-site-header__branding>p+a{min-height:auto}@media (min-width: 75.0625rem){.hy-site-header__branding>p{margin-bottom:8px}}.hy-site-header__branding>a{font-size:1rem;line-height:16px;font-weight:700;font-family:var(--main-font-family);color:var(--brand-main-nearly-black);letter-spacing:-0.6px;text-transform:uppercase;text-decoration:none;min-height:48px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 75.0625rem){.hy-site-header__branding>a{font-size:1.625rem;line-height:30px;letter-spacing:-0.8px;min-height:auto}}.hy-site-header__branding>a img{height:100%;max-height:48px}@media (min-width: 75.0625rem){.hy-site-header__branding>a img{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@media (min-width: 75.0625rem){.is-group:not(.is-research-group)>.hy-site-header__branding{margin-right:42px;padding-bottom:0;margin-bottom:-10px}}.hy-site-header__actions{display:inline-grid;gap:4px;grid-template-columns:repeat(3, auto);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (min-width: 1601px){.hy-site-header__actions{gap:16px}}.hy-site-header__menu-open-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;background-color:transparent;border:0;padding:0;margin:0}.hy-site-header__menu-open-button[aria-expanded=true]{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);height:auto;letter-spacing:-0.3px;margin-left:auto;margin-right:-16px;padding:16px;position:fixed;right:16px;top:12px;z-index:101;width:auto}.hy-site-header__menu-open-button[aria-expanded=true]:hover{cursor:pointer}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon{margin-left:8px}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon svg{fill:var(--brand-main)}.hy-site-header__donate-link{font-size:0.75rem;line-height:24px;font-weight:400;display:inline-grid;font-family:var(--main-font-family);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;grid-template-columns:repeat(2, auto);color:var(--brand-main-nearly-black);letter-spacing:-0.5px;padding:0;text-decoration:none}@media (min-width: 1601px){.hy-site-header__donate-link{font-size:0.875rem;line-height:24px}}.hy-site-header__donate-link:hover{color:var(--brand-main);cursor:pointer}.hy-site-header__donate-link:hover svg{fill:var(--brand-main)}.hy-site-header__donate-link:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-header__content-top .hy-site-header__donate-link{color:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link svg{fill:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link:hover{color:var(--grayscale-medium);cursor:pointer}.hy-site-header__content-top .hy-site-header__donate-link:hover svg{fill:var(--grayscale-medium)}.hy-site-header__content-top{background-color:var(--grayscale-black);border-bottom:2px solid rgba(0, 0, 0, 0.7);position:relative}.hy-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;visibility:hidden}.hy-backdrop.is-active{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:99}.hy-backdrop.is-active-top{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:98}.hy-site-header__panel{background:var(--grayscale-white);bottom:0;overflow:hidden;position:fixed;right:0;top:0;visibility:visible;width:90%;z-index:100}@media (min-width: 30rem){.hy-site-header__panel{width:400px}}.hy-site-header__panel[aria-hidden=true]{visibility:hidden;padding:0;width:0}";
-
-const SiteHeader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.headerScrollUp = index.createEvent(this, "headerScrollUp", 7);
-    this.headerScrollDown = index.createEvent(this, "headerScrollDown", 7);
-    this.menuMobileToggled = index.createEvent(this, "menuMobileToggled", 7);
-    this.menuMobileTopToggled = index.createEvent(this, "menuMobileTopToggled", 7);
-    this.isGroup = false;
-    this.isLuomusGroup = false;
-    this.isBetaGroup = false;
-    this.researchGroupLabel = '';
-    this.groupType = '';
-    this.groupLogoUrl = '';
-    this.showSearchLabel = true;
-    this.noSearch = false;
-    this.menuLabel = 'Menu';
-    this.menuType = null;
-    this.isMenuOpen = false;
-    this.isDesktopMenuOpen = false;
-    this.isDesktopMenuDropdown = false;
-    this.isTopMenuOpen = false;
-    this.lastScrollTop = 0;
-    this.delta = 5;
-    this.navbarHeight = 0;
-    this.check = () => window.requestAnimationFrame(() => {
-      this.hasScrolled();
-    });
-  }
-  // Listener for toggling mobile menu panel on or off.
-  mobileMenuToggle() {
-    this.isMenuOpen = !this.isMenuOpen;
-    this.menuMobileToggled.emit();
-    let bodyElement = document.getElementsByTagName('body')[0];
-    if (this.isMenuOpen) {
-      bodyElement.style.overflow = 'hidden';
-    }
-    else {
-      bodyElement.style.overflow = 'initial';
-    }
-  }
-  // Listener for toggling mobile menu top panel on or off.
-  mobileMenuTopToggle() {
-    this.isTopMenuOpen = !this.isTopMenuOpen;
-    this.menuMobileTopToggled.emit();
-  }
-  handleScroll() {
-    this.check();
-  }
-  componentDidLoad() {
-    // Set the browser resize observer to gather information about browser width.
-    this.ro = new index$1.ResizeObserver((entries) => {
-      for (const entry of entries) {
-        this.applySizeClasses(entry.contentRect.width);
-      }
-    });
-    this.ro.observe(document.body);
-    // Pass the dataMenuLanguage prop to menu component.
-    this.el.children[0].setAttribute('data-menu-language', this.dataMenuLanguage);
-    this.navbarHeight = this.el.getBoundingClientRect().height;
-  }
-  async componentWillLoad() {
-    // Check for site header labels and set them to variables accordingly.
-    if (this.dataSiteHeaderLabels) {
-      const labels = await globalScript.jsonParserWorker(this.dataSiteHeaderLabels);
-      this.menuLabels = labels.menu_labels;
-      this.languageLabels = labels.language_labels;
-      this.searchLabels = labels.search_labels;
-      this.groupPages = labels.group_pages;
-      this.el.children[0].setAttribute('menu-button-breadcrumb-home', this.menuLabels['home']);
-      this.el.children[0].setAttribute('menu-button-breadcrumb-main', this.menuLabels['main']);
-      this.el.children[0].setAttribute('menu-button-breadcrumb-logourl', this.logoUrl);
-    }
-    // Check for the donation link information and set it to variables accordingly.
-    // Also pass the donation link data to menu-component.
-    if (this.dataMenuDonate) {
-      this.donateLink = await globalScript.jsonParserWorker(this.dataMenuDonate);
-      this.el.children[0].setAttribute('data-menu-donate', this.dataMenuDonate);
-    }
-    // Pass the necessary information to menu component. These props will be
-    // used in mobile menu.
-    this.el.children[0].setAttribute('open', this.isMenuOpen.toString());
-    this.el.children[0].setAttribute('logo-label', this.logoLabel);
-    this.el.children[0].setAttribute('logo-url', this.logoUrl);
-    this.el.children[0].setAttribute('site-label', this.siteLabel);
-    this.el.children[0].setAttribute('site-url', this.siteUrl);
-    this.el.children[0].setAttribute('menu-button-submenu-expand', this.menuLabels['expand']);
-    this.el.children[0].setAttribute('menu-button-breadcrumb-return', this.menuLabels['return']);
-    this.el.children[0].setAttribute('menu-button-breadcrumb-home', this.menuLabels['home']);
-    this.el.children[0].setAttribute('menu-button-breadcrumb-main', this.menuLabels['main']);
-    this.el.children[0].setAttribute('menu-button-breadcrumb-logourl', this.logoUrl);
-    this.el.children[0].setAttribute('menu-language-label-open', this.languageLabels['open']);
-    this.el.children[0].setAttribute('menu-language-label-close', this.languageLabels['close']);
-    this.el.children[0].setAttribute('label-front-page', this.menuLabels['front_page']);
-    if (this.groupType !== '') {
-      this.isDesktopMenuDropdown = true;
-    }
-  }
-  hasScrolled() {
-    let topOffset = window.pageYOffset;
-    const bodyElementClasses = document.querySelector('body').classList;
-    if (bodyElementClasses.contains('hy-menu-sidepanel__no-scroll') ||
-      bodyElementClasses.contains('hy-menu-sidebar__no-scroll')) {
-      return;
-    }
-    if (Math.abs(this.lastScrollTop - topOffset) <= this.delta) {
-      return;
-    }
-    let hySiteHeader = this.el.shadowRoot.querySelector('.hy-site-header');
-    if (!hySiteHeader)
-      return;
-    // If current position > last position AND scrolled past navbar...
-    if (topOffset > this.lastScrollTop && topOffset > this.navbarHeight) {
-      // Scroll Down
-      hySiteHeader.classList.remove('hy-site-header--sticky-visible');
-      hySiteHeader.classList.remove('has-toolbar', 'has-toolbar--large');
-      // Close Search panel
-      //CludoSayt.hide();
-      this.headerScrollDown.emit();
-    }
-    else {
-      // Scroll Up
-      if (topOffset <= this.el.offsetTop + this.navbarHeight ||
-        (topOffset <= 10 && this.el.offsetTop + this.navbarHeight == 0)) {
-        hySiteHeader.classList.remove('hy-site-header--sticky-active');
-        hySiteHeader.classList.remove('hy-site-header--sticky-visible');
-        hySiteHeader.classList.remove('hy-site-header--sticky-hidden');
-        hySiteHeader.classList.remove('has-toolbar', 'has-toolbar--large');
-        // Close desktop menu panel if it's open.
-      }
-      else {
-        hySiteHeader.classList.add('hy-site-header--sticky-active');
-        hySiteHeader.classList.remove('hy-site-header--sticky-hidden');
-        hySiteHeader.classList.add('hy-site-header--sticky-visible');
-        if (bodyElementClasses.contains('toolbar-horizontal')) {
-          hySiteHeader.classList.add('has-toolbar');
-          if (bodyElementClasses.contains('toolbar-tray-open')) {
-            hySiteHeader.classList.add('has-toolbar--large');
-          }
-        }
-      }
-    }
-    this.lastScrollTop = topOffset;
-  }
-  disconnectedCallback() {
-    this.ro.disconnect();
-  }
-  applySizeClasses(size) {
-    // Set the menu-type based on the width of the browser.
-    if (size <= 1200) {
-      this.menuType = utils.MenuType.mobile;
-    }
-    else {
-      this.menuType = utils.MenuType.desktop;
-    }
-    // Pass the menu type to menu component.
-    this.isMobile = this.menuType === (utils.MenuType.mobile || utils.MenuType.tablet);
-    const menuAttribute = this.menuType;
-    this.el.children[0].setAttribute('menu-type', menuAttribute);
-  }
-  render() {
-    var _a;
-    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 logoColor = utils.ColorVariant.black;
-    const logoColorGroup = utils.ColorVariant.white;
-    let classAttributes = ['hy-site-header', `hy-site-header--${this.menuType}`, this.isGroup ? 'is-group' : ''];
-    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', handleClickOutside);
-    }
-    let activeLang = 'en';
-    let dataMenuLanguageArray = JSON.parse(this.dataMenuLanguage);
-    dataMenuLanguageArray.forEach((lang) => {
-      if (lang.isActive) {
-        activeLang = lang.langCode;
-      }
-    });
-    switch (this.menuType) {
-      case utils.MenuType.desktop:
-        // Larger than 1200px screens
-        return [
-          index.h("header", { class: `${classAttributes.join(' ')}` }, index.h("div", { class: {
-              'hy-backdrop': true,
-              'is-active': (this.isMenuOpen && !this.isDesktopMenuDropdown) ||
-                (this.isTopMenuOpen && !this.isDesktopMenuDropdown),
-            } }), this.isGroup && (index.h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? 'is-open' : ''}` }, index.h("div", { class: "hy-site-header__container" }, index.h("div", { class: "hy-site-header__branding" }, index.h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), this.dataMainMenuLinks.length > 2 && (index.h("hy-menu-main-group", { tabindex: "0", "is-mobile": false, "menu-label": (_a = this.groupPages['university_main_menu']) !== null && _a !== void 0 ? _a : null, "data-main-menu": this.dataMainMenuLinks })), 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("hy-desktop-menu-links", { "data-desktop-links": this.dataDesktopLinks, isGroup: this.isGroup, isDropdown: this.isDesktopMenuDropdown })), !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(' ') }, 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.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, "Close"), 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' })))));
-    }
-  }
-  get el() { return index.getElement(this); }
-};
-SiteHeader.style = siteHeaderCss;
-
-const siteLogoCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{--site-logo-color:var(--brand-main-nearly-black)}:host(.hy-site-logo--mobile){--site-logo-color:var(--brand-main-nearly-black)}.hy-site-logo a,.hy-site-logo div.luomus-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none}.hy-site-logo a:focus,.hy-site-logo div.luomus-group:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-logo__label{font-size:0.875rem;line-height:14px;font-weight:700;color:var(--site-logo-color);font-family:var(--main-font-family);letter-spacing:-0.7px;margin-left:8px;max-width:90px;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 75.0625rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:90px;white-space:initial}}@media (min-width: 1601px){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 30rem){.hy-site-logo__label{font-size:0.9375rem;line-height:16px;letter-spacing:-0.75px;margin-left:6px}}@media (min-width: 75.0625rem){.hy-site-logo__label{font-size:0.875rem;line-height:14px;letter-spacing:-0.6px;margin-left:4px}}@media (min-width: 1601px){.hy-site-logo__label{font-size:1rem;line-height:16px;letter-spacing:-0.7px;margin-left:4px}}.hy-site-logo__label.group{font-size:0.75rem;line-height:14px;color:var(--grayscale-white);letter-spacing:-0.6px;margin-left:3px}@media (min-width: 60rem){.hy-site-logo__label.group{font-size:0.875rem;line-height:14px;letter-spacing:-0.7px}}@media (min-width: 1601px){.hy-site-logo__label.group{margin-left:8px}}.hy-site-logo__icon.group svg{height:32px !important;width:33.41px}.hy-site-logo__icon:not(.group) svg{height:32px;width:33.41px}@media (min-width: 30rem){.hy-site-logo__icon:not(.group) svg{height:48px;width:51px}}@media (min-width: 1601px){.hy-site-logo__icon:not(.group) svg{height:60px;width:64px}}.hy-site-logo__header__page:hover{color:var(--brand-main)}.hy-site-logo__header__page:hover a,.hy-site-logo__header__page:hover span{color:var(--brand-main) !important}.hy-site-logo__header__page:hover svg{fill:var(--brand-main)}.hy-site-logo__header__group:not(.luomus):hover{color:var(--grayscale-medium)}.hy-site-logo__header__group:not(.luomus):hover a,.hy-site-logo__header__group:not(.luomus):hover span{color:var(--grayscale-medium) !important}.hy-site-logo__header__group:not(.luomus):hover svg{fill:var(--grayscale-medium)}.hy-site-logo__footer:hover span{color:var(--grayscale-medium) !important}.hy-site-logo__footer:hover svg{fill:var(--grayscale-medium) !important}.hy-site-header__logo-container a.group{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-decoration:none;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__logo-container a.group{font-size:1.5rem;line-height:28px;letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-site-header__logo-container a.group{font-size:1.625rem;line-height:30px}}";
-
-const SiteLogo = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.type = utils.FooterVariant.header;
-    this.color = utils.ColorVariant.black;
-    this.isGroup = false;
-    this.isLuomusGroup = false;
-    this.size = utils.SiteLogoSize.big;
-  }
-  render() {
-    const isGroupClass = this.isGroup ? 'group' : 'page';
-    // const isLuomusGroupClass = this.isLuomusGroup ? 'luomus' : 'regular';
-    const classAttributes = [
-      'hy-site-logo',
-      `hy-site-logo__${this.type}__${isGroupClass}`,
-      `hy-site-logo__${this.type}`,
-      'luomus',
-    ].join(' ');
-    return this.url ? (index.h(index.Host, { class: classAttributes }, !this.isLuomusGroup && (index.h("a", { href: this.url }, index.h("hy-icon", { class: { 'hy-site-logo__icon': true, group: this.isGroup }, icon: 'hy-icon-hy-logo', size: this.size, fill: this.color }), index.h("span", { class: { 'hy-site-logo__label': true, group: this.isGroup }, style: { color: this.color } }, this.label))), this.isLuomusGroup && (index.h("div", { class: "luomus-group" }, index.h("hy-icon", { class: { 'hy-site-logo__icon': true, group: this.isGroup }, icon: 'hy-icon-hy-logo', size: this.size, fill: this.color }), index.h("span", { class: { 'hy-site-logo__label': true, group: this.isGroup }, style: { color: this.color } }, this.label))))) : this.label ? (index.h(index.Host, { class: classAttributes }, index.h("hy-icon", { class: { 'hy-site-logo__icon': true, group: this.isGroup }, icon: 'hy-icon-hy-logo', size: this.size, fill: this.color }), index.h("span", { class: { 'hy-site-logo__label': true, group: this.isGroup }, style: { color: this.color } }, this.label))) : ('');
-  }
-};
-SiteLogo.style = siteLogoCss;
-
-const siteSearchCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:#f8f8f8;border:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title h1{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title h1{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title h1{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:8px;width:40px}";
-
-const SiteSearch = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.searchPanelToggled = index.createEvent(this, "searchPanelToggled", 7);
-    this.color = utils.ColorVariant.black;
-    this.isAlternative = false;
-    this.isGroup = false;
-    this.isLuomusGroup = false;
-    this.isBetaGroup = false;
-    this.showLabel = false;
-    this.isSearchPanelOpen = false;
-  }
-  async componentWillLoad() {
-    this._labels = await globalScript.jsonParserWorker(this.labels);
-    // Special search tools.
-    if (this.searchTools) {
-      this._searchTools = await globalScript.jsonParserWorker(this.searchTools);
-    }
-    if (this.searchLabels) {
-      this._searchLabels = await globalScript.jsonParserWorker(this.searchLabels);
-      this.searchTitleLabel = this._searchLabels['search_label'];
-      this.searchCloseLabel = this._searchLabels['search_close_label'];
-      this.searchToolsLabel = this._searchLabels['search_tools_label'];
-      this.searchDescriptionLabel = this._searchLabels['search_description'];
-    }
-  }
-  // CLose the search panel if user opens the desktop menu panel.
-  desktopMenuToggled() {
-    this.closeSearchPanel();
-  }
-  // CLose the search panel if user opens the mobile menu panel.
-  mobileMenuToggled() {
-    this.closeSearchPanel();
-  }
-  // CLose the search panel if user opens the language menu.
-  menuLanguageToggled() {
-    this.closeSearchPanel();
-  }
-  // Close the search panel if user opens University main menu
-  universityMainMenuPanelToggled() {
-    this.closeSearchPanel();
-  }
-  handleWindowClick(event) {
-    // Check if event is being fired during pressing a key (event.detail==0 in this case)
-    if (event.detail == 0)
-      return;
-    if (this.isSearchPanelOpen) {
-      const path = event.path || (event.composedPath && event.composedPath());
-      if (path[0].classList.contains('hy-backdrop')) {
-        this.closeSearchPanel();
-        event.stopPropagation();
-      }
-    }
-  }
-  // Close the search panel on Scroll down.
-  // @Listen('headerScrollDown', {target: 'document'})
-  // headerScrollDown() {
-  //   this.closeSearchPanel();
-  // }
-  closeSearchPanel() {
-    this.isSearchPanelOpen = false;
-    let cludoSayt = document.querySelectorAll('stencil-cludo-sayt')[0];
-    if (cludoSayt) {
-      let CludoSayt = window.CludoSayt;
-      if (typeof CludoSayt !== 'undefined') {
-        CludoSayt.hide();
-      }
-    }
-    this.showBackdropShadow();
-  }
-  handleSearchPanelToggle(event) {
-    if (this.isLuomusGroup) {
-      let beta = this.isBetaGroup ? '/beta' : '';
-      let luomus_search_url = '/' + this.searchLanguage + beta + '/luomus/search-results';
-      if (this.searchLanguage == 'fi') {
-        luomus_search_url = '/' + this.searchLanguage + beta + '/luomus/hakutulokset';
-      }
-      else if (this.searchLanguage == 'sv') {
-        luomus_search_url = '/' + this.searchLanguage + beta + '/luomus/sokresultat';
-      }
-      else if (this.searchLanguage == 'ru') {
-        luomus_search_url = '/' + this.searchLanguage + beta + '/luomus/rezultaty-poiska';
-      }
-      location.href = luomus_search_url;
-    }
-    else {
-      this.isSearchPanelOpen = !this.isSearchPanelOpen;
-      if (this.isSearchPanelOpen) {
-        // Close desktop menu panel and lang menu panel if they are open.
-        this.searchPanelToggled.emit();
-        this.adjustPosition(this.el);
-        // Remove hidden class from cludo suggestions
-        let cludoSayt = document.querySelectorAll('stencil-cludo-sayt')[0];
-        if (cludoSayt) {
-          const cludoSearchContentFormElement = this.el.shadowRoot.querySelector('#cludo-search-content-form');
-          cludoSayt.classList.remove('hidden');
-          cludoSearchContentFormElement.append(cludoSayt);
-          cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi-wrapper').style.position = 'relative';
-          cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi').style.position = 'relative';
-          cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi').style.maxWidth = 'none';
-        }
-        // Without setTimeout it will not focus the input because it hasn't rendered yet.
-        setTimeout(() => {
-          const searchInput = this.el.shadowRoot.querySelector('input#search');
-          searchInput.focus();
-        });
-      }
-      else {
-        this.closeSearchPanel();
-      }
-    }
-    event.stopPropagation();
-  }
-  adjustPosition(target) {
-    let headerHeight = '0';
-    let shadowTop = 0;
-    const searchPanel = target.shadowRoot.querySelectorAll(`.site-search__panel`)[0];
-    let initialDisplayStyle = searchPanel.style.display;
-    if (this.isGroup) {
-      let hyHeader = target.closest('.hy-site-header__content-top');
-      if (hyHeader) {
-        let headerHeightValue = hyHeader.offsetHeight;
-        headerHeight = `${headerHeightValue}px`;
-        let headerTop = hyHeader.offsetTop;
-        // Add shadow backdrop
-        searchPanel.style.display = 'flex';
-        shadowTop = headerHeightValue + headerTop + searchPanel.offsetHeight;
-      }
-    }
-    else {
-      let hyHeader = target.closest('.hy-site-header');
-      if (hyHeader) {
-        let headerHeightValue = hyHeader.classList.contains('hy-site-header--sticky-active')
-          ? hyHeader.offsetHeight
-          : hyHeader.offsetTop + hyHeader.offsetHeight;
-        headerHeight = `${headerHeightValue}px`;
-        // Add shadow backdrop
-        searchPanel.style.display = 'flex';
-        let searchPanelHeight = searchPanel.offsetHeight;
-        shadowTop = searchPanelHeight + headerHeightValue;
-      }
-    }
-    searchPanel.style.display = initialDisplayStyle;
-    searchPanel.style.top = headerHeight;
-    this.showBackdropShadow('open', shadowTop);
-  }
-  showBackdropShadow(state = 'close', top = 0) {
-    let hyHeader = this.el.closest('.hy-site-header');
-    let hyBackdropDiv = hyHeader.children[0];
-    if (hyBackdropDiv) {
-      if (state === 'open') {
-        let me = window.outerHeight - top;
-        hyBackdropDiv.style.height = `${me}px`;
-        hyBackdropDiv.style.top = `${top}px`;
-        hyBackdropDiv.style.position = 'absolute';
-        hyBackdropDiv.classList.add('is-active');
-      }
-      else {
-        hyBackdropDiv.removeAttribute('style');
-        hyBackdropDiv.classList.remove('is-active');
-      }
-    }
-  }
-  render() {
-    const currentPageUrlPathName = window.location.pathname;
-    const searchPagePathNames = ['/fi/haku', '/en/search', '/sv/sök'];
-    return (index.h("div", { class: {
-        'site-search': true,
-        'site-search__is-open': this.isSearchPanelOpen,
-        'is-group': this.isGroup,
-      } }, index.h("button", { "aria-label": this.showLabel ? this._labels['open'] : '', "aria-expanded": `${this.isSearchPanelOpen}`, class: {
-        'button--search': true,
-        'is-open--menu': this.isAlternative,
-        'is-open': this.isSearchPanelOpen,
-        'is-active': searchPagePathNames.some((item) => item === currentPageUrlPathName),
-      }, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (index.h("span", { class: { 'button--search__label': true, 'button--search__label__group': this.isGroup } }, this._labels['label'])) : (''), index.h("hy-icon", { icon: 'hy-icon-search', size: this.size, fill: this.color })), !this.isLuomusGroup && (index.h("div", { class: {
-        'site-search__panel': true,
-        'site-search__panel__is-open': this.isSearchPanelOpen,
-      }, "aria-hidden": `${!this.isSearchPanelOpen}` }, index.h("div", { class: "site-search__panel__wrapper" }, index.h("div", { class: "site-search__panel__title" }, index.h("div", { class: "site-search__panel__title__group" }, index.h("h1", null, this.searchTitleLabel), index.h("div", { class: "description" }, this.searchDescriptionLabel))), index.h("div", { id: "cludo-search-results", class: "container_12" }, index.h("div", { class: "search-banner" }), index.h("div", { class: "search-filters search-filters-mobile" }), index.h("div", { class: "col-md-12" }, index.h("div", { style: { margin: '20px 0 32px' }, id: "cludo-search-content-form" }, index.h("hy-search-field", { "input-id": "search", label: "" }))), index.h("div", { class: "col-md-3" }, index.h("div", { class: "search-filters", "aria-controls": "search-results" })), index.h("div", { class: "col-md-9" }, index.h("div", { class: "search-results-container" }, index.h("hy-paragraph-text", null, index.h("div", { class: "search-result-count" })), index.h("div", { class: "search-did-you-mean", role: "Complementary" }), index.h("div", { class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (index.h("div", { class: "site-search__panel__tools" }, index.h("div", { class: "title" }, this.searchToolsLabel), index.h("div", { class: "list" }, this._searchTools.map((i) => {
-      let searchToolTarget = i.isExternal ? '_blank' : '_self';
-      return (index.h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, index.h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 14, fill: utils.ColorVariant.black }), index.h("span", { class: "label" }, i.label), index.h("span", { class: "description" }, i.description)));
-    })))), index.h("button", { onClick: () => this.closeSearchPanel(), class: {
-        'site-search__panel__panel-toggle': true,
-      }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, index.h("span", { class: "site-search__panel__panel-toggle__label" }, index.h("span", { class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), index.h("hy-icon", { icon: 'hy-icon-remove', size: 16, fill: utils.ColorVariant.black }))))))));
-  }
-  get el() { return index.getElement(this); }
-};
-SiteSearch.style = siteSearchCss;
-
-exports.hy_site_header = SiteHeader;
-exports.hy_site_logo = SiteLogo;
-exports.hy_site_search = SiteSearch;

package/dist/cjs/hy-table-container.cjs.entry.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-dd5e5023.js');
-
-const hyTableContainerCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-table-container{font-size:0.875rem;line-height:18px;position:relative;overflow:auto;white-space:nowrap}@media (min-width: 30rem){.hy-table-container{font-size:1rem;line-height:20px}}.hy-table-container table{border-collapse:unset;border-spacing:unset;border:1px solid var(--grayscale-dark);text-indent:initial;width:100%}.hy-table-container thead th{font-size:0.875rem;line-height:20px;background-color:var(--grayscale-light);text-transform:uppercase}@media (min-width: 30rem){.hy-table-container thead th{font-size:1rem;line-height:20px}}.hy-table-container td,.hy-table-container th{-webkit-box-shadow:-0.5px -0.5px 0 var(--grayscale-dark);box-shadow:-0.5px -0.5px 0 var(--grayscale-dark);color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.5px;padding:0.7em 0.9em;text-align:left;vertical-align:top}.hy-table-container td a,.hy-table-container th a{text-decoration:none}.hy-table-container td a:hover,.hy-table-container th a:hover{cursor:pointer;text-decoration:underline}.hy-table-container td p,.hy-table-container th p{font-size:inherit}.hy-table-container td:not(th):first-child,.hy-table-container th:not(th):first-child{font-weight:700;background-color:var(--grayscale-white);-webkit-box-shadow:0.5px -0.5px 0.5px var(--grayscale-dark);box-shadow:0.5px -0.5px 0.5px var(--grayscale-dark);left:0;max-width:200px;min-width:200px;position:sticky;white-space:normal;width:200px;z-index:2}@media (min-width: 30rem){.hy-table-container td:not(th):first-child,.hy-table-container th:not(th):first-child{max-width:220px;min-width:220px;width:220px}}@media (min-width: 48rem){.hy-table-container td:not(th):first-child,.hy-table-container th:not(th):first-child{max-width:300px;min-width:300px;width:300px}}@media (min-width: 60rem){.hy-table-container td:not(th):first-child,.hy-table-container th:not(th):first-child{max-width:40%;min-width:40%;width:40%}}.hy-table-container td{background-color:var(--grayscale-white)}";
-
-const HyTableContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    const classAttributes = ['hy-table-container'].join(' ');
-    return (index.h(index.Host, { class: classAttributes }, index.h("slot", null), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
-  }
-};
-HyTableContainer.style = hyTableContainerCss;
-
-exports.hy_table_container = HyTableContainer;

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

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-dd5e5023.js');
-
-const hyTagCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-tag{margin:0 4px 4px 0}.hy-tag span{font-size:0.75rem;line-height:16px;font-weight:700;background-color:var(--grayscale-dark);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.07px;padding:4px 8px;text-transform:uppercase}";
-
-const HyTag = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    const classAttributes = ['hy-tag'].join(' ');
-    return (index.h(index.Host, null, index.h("div", { class: classAttributes }, index.h("span", null, index.h("slot", null)))));
-  }
-};
-HyTag.style = hyTagCss;
-
-exports.hy_tag = HyTag;

package/dist/cjs/hy-tiny-text.cjs.entry.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-dd5e5023.js');
-
-const tinyTextCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-tiny-text{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px}";
-
-const TinyText = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    const classAttributes = ["hy-tiny-text"];
-    return (index.h("div", { class: classAttributes.join(" ") }, index.h("slot", null)));
-  }
-};
-TinyText.style = tinyTextCss;
-
-exports.hy_tiny_text = TinyText;