@itcenteratunihelsinki/huds-lib 0.5.43 → 0.5.46

package/dist/esm/hy-menu-item.entry.js

@@ -1,143 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-083c8c8a.js';
-import { M as MenuType } from './utils-708bbefe.js';
-
-const menuItemCss = ":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(.hy-menu-item--mobile){--menu-item-display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px}:host(.hy-menu-item--mobile.hy-menu-item--alternative){border-bottom:0 none;border-top:1px solid black}:host(.hy-menu-item--mobile:last-of-type){border-bottom:0 none}:host(.hy-menu-item--mobile.is-hidden){visibility:hidden !important}:host(.hy-menu-item--mobile.is-hidden):focus{outline:none}:host(.hy-menu-item--sidenav){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;--hy-menu-item-sidenav-display:block}:host(.hy-menu-item--sidenav.is-active){display:block;visibility:visible}:host(.hy-menu-item--sidenav.is-active--child){display:block;visibility:visible}:host(.hy-menu-item--sidenav.in-active-trail){display:block;visibility:visible}:host(.hy-menu-item) a{font-size:1rem;line-height:20px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.5px;text-decoration:none;width:100%;padding:12px 16px}:host(.hy-menu-item) a:focus{outline:solid 2px var(--additional-yellow);outline-offset:-2px}:host(.hy-menu-item) a .hy-menu-item__label hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-left:6px;margin-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:host(.hy-menu-item) a .hy-menu-item__label hy-icon svg{fill:var(--brand-main)}:host(.hy-menu-item) a.hy-menu-item--mobile.first{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.42px;padding:16px 0 16px 16px}:host(.hy-menu-item) a.hy-menu-item--mobile.is-active{color:var(--grayscale-black);position:relative}:host(.hy-menu-item) a.hy-menu-item--mobile.is-active:before{border-left:3px solid var(--grayscale-black);content:\"\";height:75%;left:10px;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host(.hy-menu-item) a.hy-menu-item--mobile.in-active-trail{font-weight:700;color:var(--grayscale-black)}:host(.hy-menu-item) a.hy-menu-item--mobile.in-active-trail:before{border-left-width:3px;height:55%}:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.42px;padding:16px}:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.is-active,:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.in-active-trail{font-weight:700;background:transparent;border-bottom:0;color:var(--grayscale-black)}:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.is-active:before,:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.in-active-trail:before{border-left-width:3px;height:55%}:host(.hy-menu-item) a.hy-menu-item--mobile>hy-icon{-ms-flex-item-align:start;align-self:flex-start;margin-top:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.hy-menu-item) a.hy-menu-item--mobile hy-icon+.hy-menu-item__label{margin-left:10px}:host(.hy-menu-item) a.is-heading{display:inherit}@media (min-width: 75.0625rem){:host(.hy-menu-item) a.is-heading{display:none}}:host(.hy-menu-item) a.hy-menu-item--sidenav{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--brand-main-light);display:var(--hy-menu-item-sidenav-display);font-family:var(--main-font-family);margin:10px 0;padding:8px 0}:host(.hy-menu-item) a.hy-menu-item--sidenav:focus{outline-offset:4px}:host(.hy-menu-item) a.hy-menu-item--sidenav:hover{color:var(--brand-main-nearly-black)}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active{color:var(--brand-main-nearly-black);text-decoration:none}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active .hy-menu-item__label{padding-bottom:0}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--heading{font-size:1.625rem;line-height:40px;color:var(--brand-main-nearly-black);text-transform:uppercase}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--heading .hy-menu-item__label{border-bottom:4px solid var(--brand-main-nearly-black);padding:0}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--heading .hy-menu-item__label__icon{display:none}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--child{color:var(--brand-main-light);text-decoration:none}:host(.hy-menu-item) a.hy-menu-item--sidenav .hy-menu-item__label__icon{color:var(--brand-main-light);display:inline-block;padding-left:5px}.is-active :host(.hy-menu-item) a.hy-menu-item--sidenav .hy-menu-item__label__icon{display:none}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent{font-size:1rem;line-height:22px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent:hover{color:var(--brand-main-nearly-black)}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent:hover .hy-menu-item__label__icon{color:var(--brand-main-nearly-black)}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent .hy-menu-item__label__icon{margin-right:8px}.hy-menu-item__button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0;border-bottom:0;border-right:0;border-top:0;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;width:44px;position:relative;-ms-flex-negative:0;flex-shrink:0}.hy-menu-item__button:before{background-color:var(--grayscale-medium);width:1px;height:32px;content:\"\";display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:0;position:absolute}.hy-menu-item__button svg{fill:var(--grayscale-black)}";
-
-const MenuItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.addBreadcrumb = createEvent(this, "addBreadcrumb", 7);
-    this.menuContainerActiveTrail = createEvent(this, "menuContainerActiveTrail", 7);
-    this.menuContainerToggled = createEvent(this, "menuContainerToggled", 7);
-    this.routeClicked = createEvent(this, "routeClicked", 7);
-    this.inActiveTrail = false;
-    this.isActive = false;
-    this.isActiveChild = false;
-    this.isHeading = false;
-    this.isParent = false;
-    this.isDemo = false;
-    this.isExternal = false;
-    //@Prop() depth: number = 0;
-    this.menuItemAlternative = false;
-    this.menuLinkId = '';
-    this.menuType = MenuType.desktop;
-    this.menuButtonSubmenuExpand = '';
-    this.ariaExpanded = false;
-    this.depth = 0;
-    this.hasChildren = null;
-    this.label = '';
-    this.parentAsHeading = '';
-    this.parentExpanded = false;
-    this.url = '';
-  }
-  // Listener for submenu expand button. Listener will toggle menu level
-  // container and add its parent to breadcrumbs.
-  handleClick() {
-    this.menuContainerToggled.emit({
-      triggerItem: this.menuLinkId,
-      triggerType: 'add',
-    });
-    const currentParent = this.el.parentNode;
-    let parentLabel = currentParent.parentElement.getAttribute('label')
-      ? currentParent.parentElement.getAttribute('label')
-      : this.menuButtonBreadcrumbMain;
-    let isMainMenu = parentLabel == this.menuButtonBreadcrumbMain;
-    this.addBreadcrumb.emit({
-      url: this.url,
-      label: parentLabel,
-      bid: this.menuLinkId,
-      isMainMenu: isMainMenu,
-    });
-  }
-  componentWillLoad() {
-    // If is-active class is added by system, add it to menu component as well.
-    if (this.el.classList.contains('is-active')) {
-      this.isActive = true;
-    }
-    // Notify breadcrumbs if item is in active trail.
-    if (this.inActiveTrail && !this.isActive) {
-      const currentParent = this.el.parentNode;
-      let parentLabel = currentParent.parentElement.getAttribute('label')
-        ? currentParent.parentElement.getAttribute('label')
-        : this.menuButtonBreadcrumbMain;
-      this.addBreadcrumb.emit({
-        url: this.url,
-        label: parentLabel,
-        bid: this.menuLinkId,
-      });
-    }
-    // If current menu item is active, trigger all parent menuLevelContainer
-    // elements in the same active-trail to open the menu.
-    if (this.isActive) {
-      const getParents = (elem) => {
-        let parents = [];
-        while (elem.parentNode && elem.parentNode.nodeName.toLowerCase() != 'hy-menu') {
-          elem = elem.parentNode;
-          parents.push(elem);
-        }
-        return parents;
-      };
-      const parents = getParents(this.el);
-      parents.forEach((element) => {
-        if (element.tagName.toLowerCase() === 'hy-menu-item') {
-          this.menuContainerActiveTrail.emit({
-            triggerItem: element.getAttribute('menu-link-id'),
-          });
-        }
-      });
-    }
-    this.hasChildren = this.el.getElementsByTagName('hy-menu-level-container').length >= 1;
-  }
-  render() {
-    switch (this.menuType) {
-      case MenuType.desktop:
-        return (h(Host, { class: {
-            'is-active': this.isActive,
-            'hy-menu-item': true,
-            'hy-menu-item--alternative': this.menuItemAlternative,
-            'hy-menu-item--desktop': true,
-            'is-demo': this.isDemo,
-          } }, h("a", { "aria-current": this.isHeading.toString(), href: this.url, class: {
-            'is-active': this.isActive,
-            'in-active-trail': this.inActiveTrail,
-            'is-heading': this.isHeading,
-            'hy-menu-item--desktop': true,
-            'is-demo': this.isDemo,
-          } }, this.depth == 1 && (h("span", { class: "hy-menu-item__heading__icon" }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 40 }))), this.depth == 2 && (h("span", { class: "hy-menu-item__heading__icon" }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 12 }))), h("span", { class: 'hy-menu-item__label' }, this.label)), this.hasChildren && h("slot", null)));
-      case MenuType.mobile:
-        return (h(Host, { class: {
-            'is-active': this.isActive,
-            'hy-menu-item': true,
-            'hy-menu-item--alternative': this.menuItemAlternative,
-            'hy-menu-item--mobile': true,
-            'is-demo': this.isDemo,
-          } }, h("a", { "aria-current": this.isHeading.toString(), href: this.url, class: {
-            'is-active': this.isActive,
-            'in-active-trail': this.inActiveTrail,
-            'is-heading': this.isHeading,
-            'hy-menu-item--mobile': true,
-            'is-demo': this.isDemo,
-            'is-external': this.isExternal,
-            first: this.depth == 1,
-          } }, this.depth !== 1 && !this.isHeading && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", { class: 'hy-menu-item__label' }, this.label, this.isExternal && h("hy-icon", { icon: 'hy-icon-arrow-right', size: 12 }))), this.hasChildren && (h("button", { "aria-haspopup": 'true', "aria-label": `Open submenu for ${this.label}`, onClick: () => this.handleClick(), class: 'hy-menu-item__button' }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 16 }))), this.hasChildren && h("slot", null)));
-      case MenuType.sidenav:
-        let classAttributes = [
-          'hy-menu-item--sidenav',
-          this.isDemo ? 'is-demo' : '',
-          this.isActive ? 'is-active' : '',
-          this.isParent ? 'is-parent' : '',
-          this.isActiveChild ? 'is-active--child' : '',
-          this.inActiveTrail ? 'in-active-trail' : '',
-          this.depth != null ? 'hy-menu-item--level-' + this.depth : '',
-          this.isActive && this.hasChildren ? 'is-active--heading' : '',
-        ];
-        let anchorClassAttributes = [...classAttributes, this.isHeading ? 'is-heading' : ''];
-        classAttributes = [...classAttributes, 'hy-menu-item'];
-        return (h("li", { class: classAttributes.join(' ') }, h("a", { class: anchorClassAttributes.join(' '), href: this.url }, this.label), this.hasChildren && h("slot", null)));
-    }
-  }
-  get el() { return getElement(this); }
-};
-MenuItem.style = menuItemCss;
-
-export { MenuItem as hy_menu_item };

package/dist/esm/hy-menu-language-item.entry.js

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index-083c8c8a.js';
-
-const menuLanguageItemCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#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}.menu-language__link{font-size:1rem;line-height:24px;font-weight:600;color:var(--brand-main-light);font-family:var(--main-font-family);letter-spacing:-0.5px;overflow:hidden;text-decoration:none;padding:12px 12px;display:block}.menu-language__link:hover{background-color:var(--grayscale-background-box);color:var(--brand-main)}.menu-language__link.is-active{color:var(--grayscale-black);border:2px solid var(--grayscale-black)}.menu-language__link.is-disabled{color:var(--link-disabled)}.menu-language__link.is-disabled:hover{background-color:transparent;color:var(--link-disabled)}";
-
-const SiteLanguage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.isActive = false;
-    this.isDisabled = false;
-  }
-  render() {
-    return (h("li", { class: `menu-language__links-item` }, h("a", { href: this.url, class: {
-        'is-active': this.isActive,
-        'is-disabled': this.isDisabled,
-        'menu-language__link': true,
-      } }, this.label)));
-  }
-};
-SiteLanguage.style = menuLanguageItemCss;
-
-export { SiteLanguage as hy_menu_language_item };

package/dist/esm/hy-menu-language.entry.js

@@ -1,87 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-083c8c8a.js';
-import { j as jsonParserWorker } from './globalScript-92c6b812.js';
-
-const menuLanguageCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#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}.menu-language{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.menu-language__toggle{font-size:1rem;line-height:16px;font-weight:700;color:var(--grayscale-black);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;display:inline-grid;font-family:var(--main-font-family);gap:4px;grid-template-columns:repeat(2, auto);letter-spacing:-0.7px;margin:0;padding:14px 10px;text-transform:uppercase;height:100%}@media (min-width: 75.0625rem){.menu-language__toggle{font-size:0.75rem;line-height:24px;font-weight:400;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;grid-template-columns:repeat(3, auto);padding:0}}@media (min-width: 1601px){.menu-language__toggle{font-size:0.875rem;line-height:24px}}.menu-language__toggle:hover{color:var(--brand-main);cursor:pointer}.menu-language__toggle:hover svg{fill:var(--brand-main)}.menu-language__toggle:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.menu-language__toggle hy-icon:first-of-type{display:none !important}@media (min-width: 75.0625rem){.menu-language__toggle hy-icon:first-of-type{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}}.menu-language__toggle[aria-expanded=true]{position:relative}.menu-language__toggle[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.menu-language__toggle[aria-expanded=true] span+hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-group .menu-language__toggle{color:var(--grayscale-white)}.is-group .menu-language__toggle:hover{color:var(--grayscale-medium);cursor:pointer}.is-group .menu-language__toggle:hover svg{fill:var(--grayscale-medium)}.menu-language__dropdown{background-color:var(--grayscale-white);border-radius:0 0 5px 5px;-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;justify-items:center;right:-15px;margin:0;padding:8px;position:absolute;text-transform:uppercase;visibility:visible;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:100;min-width:160px}.menu-language__dropdown[aria-hidden=true]{display:none}@media (min-width: 75.0625rem){.menu-language__dropdown{left:-15px;right:0}}.menu-language__links{margin:0;padding:0;list-style:none;display:grid;gap:4px}";
-
-const MenuLanguage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.menuLanguageToggled = createEvent(this, "menuLanguageToggled", 7);
-    this.isGroup = false;
-    this.isMenuOpen = false;
-  }
-  // Close the language menu if user clicks anywhere outside the Menu language component.
-  handleOutsideMenuClick(event) {
-    this.isMenuOpen = false;
-    event.stopPropagation();
-  }
-  // CLose the language menu if user opens the desktop menu panel.
-  desktopMenuToggled() {
-    this.isMenuOpen = false;
-  }
-  // CLose the language menu if user opens the search panel
-  searchPanelToggled() {
-    this.isMenuOpen = false;
-  }
-  // Close the language menu if user opens University main menu
-  universityMainMenuPanelToggled() {
-    this.isMenuOpen = false;
-  }
-  handleComponentFocus(event) {
-    // Close desktop menu panel if it's open.
-    this.menuLanguageToggled.emit();
-    event.stopPropagation();
-  }
-  handleComponentClick(event) {
-    this.isMenuOpen = !this.isMenuOpen;
-    if (this.isMenuOpen) {
-      // Close desktop menu panel if it's open.
-      this.menuLanguageToggled.emit();
-      const languageMenuSelector = event.target;
-      this.adjustPosition(languageMenuSelector, this.el);
-    }
-    event.stopPropagation();
-  }
-  adjustPosition(languageMenuSelector, target) {
-    const languagePanel = languageMenuSelector.shadowRoot.querySelectorAll(`.menu-language__dropdown`)[0];
-    let headerHeight = '0';
-    let hyHeader = this.isGroup
-      ? target.closest('.hy-site-header__content-top')
-      : target.closest('.hy-site-header');
-    if (hyHeader) {
-      let rectHeader = hyHeader.getBoundingClientRect();
-      let rectLangMenu = languageMenuSelector.getBoundingClientRect();
-      headerHeight = `${languageMenuSelector.offsetHeight + rectHeader.bottom + 8 - rectLangMenu.bottom}px`;
-    }
-    languagePanel.style.top = headerHeight;
-  }
-  async componentWillLoad() {
-    this._dataMenuLanguage = await jsonParserWorker(this.dataMenuLanguage);
-    this._labels = await jsonParserWorker(this.labels);
-  }
-  render() {
-    const black = 'var(--brand-main-nearly-black)';
-    const white = 'var(--grayscale-white)';
-    const svgColor = this.isGroup ? white : black;
-    const globeIconSize = this.isGroup ? 16 : 14;
-    return (h("div", { class: {
-        'menu-language': true,
-        'is-open': this.isMenuOpen,
-        'is-group': this.isGroup,
-      } }, h("button", { class: {
-        'menu-language__toggle': true,
-      }, "aria-label": this.isMenuOpen ? this._labels['close'] : this._labels['open'], "aria-expanded": `${this.isMenuOpen}` }, h("hy-icon", { icon: 'hy-icon-globe', size: globeIconSize, fill: svgColor }), h("span", null, this._dataMenuLanguage.map(({ isActive, langCode }) => {
-      if (isActive) {
-        return langCode;
-      }
-    })), h("hy-icon", { icon: 'hy-icon-caret-down', size: 8, fill: svgColor })), h("div", { class: {
-        'menu-language__dropdown': true,
-      }, "aria-hidden": `${!this.isMenuOpen}` }, h("ul", { class: "menu-language__links" }, this._dataMenuLanguage.map((item) => {
-      return (h("hy-menu-language-item", { "lang-code": item.langCode, url: item.url, label: item.label, abbr: item.abbr, "is-active": item.isActive, "is-disabled": item.isDisabled }));
-    })))));
-  }
-  get el() { return getElement(this); }
-};
-MenuLanguage.style = menuLanguageCss;
-
-export { MenuLanguage as hy_menu_language };

package/dist/esm/hy-menu-level-container.entry.js

@@ -1,133 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-083c8c8a.js';
-import { M as MenuType } from './utils-708bbefe.js';
-
-const menuLevelContainerCss = ":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-menu-level-container--mobile{background-color:var(--grayscale-white);display:block;height:0;left:0;position:absolute;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;transition:transform 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;visibility:hidden !important;width:100%}.hy-menu-level-container--mobile.is-open{height:auto;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible !important;padding-bottom:96px}.hy-menu-level-container--mobile.hy-menu-level-container--level-0{padding-top:8px;position:relative}.hy-menu-level-container--mobile.hy-menu-level-container--level-0:before{background-color:var(--brand-main-light);content:\"\";display:block;height:3px;left:0;position:absolute;right:0;top:0}.hy-menu-level-container--mobile:focus{outline:0}.hy-menu-level-container--desktop{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;width:100%}.hy-menu-level-container--desktop.is-open{display:block;visibility:visible}.hy-menu-level-container--desktop:not(.hy-menu-level-container--level-0):not(.hy-menu-level-container--level-2){display:none}.hy-menu-level-container--desktop.hy-menu-level-container--level-2{background-color:var(--grayscale-background-box)}.hy-menu-level-container--sidepanel{background-color:var(--grayscale-white);border-left:1px solid rgba(0, 0, 0, 0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;left:0;margin:0;max-width:320px;padding-left:13px;padding-right:13px;padding-top:240px;position:absolute;top:0;visibility:visible;width:20%;z-index:123}.hy-menu-level-container--sidepanel:not(.hy-menu-level-container--level-0){display:none;min-height:var(--minHeight);-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px))}.hy-menu-level-container--sidepanel:not(.hy-menu-level-container--level-0).active-trail-panel,.hy-menu-level-container--sidepanel:not(.hy-menu-level-container--level-0).is-open{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:320px;width:20vw}.hy-menu-level-container--sidepanel.is-open,.hy-menu-level-container--sidepanel.active-trail-panel{height:100%;min-height:var(--minHeight)}.hy-menu-level-container--sidenav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin:0;padding:0;position:relative}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0){opacity:0;visibility:hidden}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).is-closed{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-name:slide-panel-in;animation-name:slide-panel-in}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).is-open{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:slide-panel-in;animation-name:slide-panel-in;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:320px;opacity:1;visibility:visible;width:20vw}.hy-menu-level-container--sidenav.is-open.is-open-on-top{display:none;-webkit-transform:none !important;transform:none !important}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).hy-menu-level-container.is-open{max-width:320px;width:20vw}.hy-menu-level-container--sidenav .hy-menu-level-container--level-0{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0){background-color:var(--grayscale-white);border-left:1px solid rgba(0, 0, 0, 0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;left:0;margin:-100vh 0;max-width:320px;min-height:var(--minHeight);padding-left:13px;padding-right:13px;position:absolute;-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px));width:20vw;z-index:123}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).hy-menu-level-container--level-1{-webkit-transform:translateX(100%) !important;transform:translateX(100%) !important}.hy-menu-level-container--sidenav .hy-menu-level-container--level-1{margin:-100vh 0;padding:100vh 13px;top:0}.hy-menu-level-container--sidenav .hy-menu-level-container--level-2,.hy-menu-level-container--sidenav .hy-menu-level-container--level-3,.hy-menu-level-container--sidenav .hy-menu-level-container--level-4,.hy-menu-level-container--sidenav .hy-menu-level-container--level-5,.hy-menu-level-container--sidenav .hy-menu-level-container--level-6,.hy-menu-level-container--sidenav .hy-menu-level-container--level-7{padding:100vh 13px;top:100vh}@-webkit-keyframes slide-panel-in{from{display:none;opacity:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:1}25%{display:-webkit-box;display:flex}35%{-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px))}to{opacity:1;z-index:123}}@keyframes slide-panel-in{from{display:none;opacity:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:1}25%{display:-webkit-box;display:-ms-flexbox;display:flex}35%{-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px))}to{opacity:1;z-index:123}}@-webkit-keyframes slide-panel-out{from{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:123}25%{-webkit-transform:translateX(0);transform:translateX(0)}95%{opacity:0;z-index:1}to{display:none}}@keyframes slide-panel-out{from{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:123}25%{-webkit-transform:translateX(0);transform:translateX(0)}95%{opacity:0;z-index:1}to{display:none}}";
-
-const MenuLevelContainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.menuType = MenuType.mobile;
-    this.activeTrailTriggered = false;
-    this.depth = 0;
-    this.menuIsOpen = false;
-  }
-  // Add/Remove is-hidden class from each upper level menu-items
-  // to make browsing more accessible.
-  assignMenuItemClass(parentMenu, type) {
-    if (!parentMenu)
-      return;
-    const items = Array.from(parentMenu.children);
-    items.forEach((item) => {
-      if (type === 'remove') {
-        item.classList.remove('is-hidden');
-      }
-      else {
-        item.classList.add('is-hidden');
-      }
-    });
-  }
-  // Listener for assigning active-trail for parent menu level container.
-  menuContainerActiveTrail(data) {
-    const currentMenuContainer = this.el.getAttribute('trigger-item');
-    if (currentMenuContainer === data.detail.triggerItem) {
-      this.activeTrailTriggered = true;
-      this.menuIsOpen = true;
-      this.assignMenuItemClass(this.el.parentElement.closest('hy-menu-level-container'), 'add');
-    }
-  }
-  // Listener for opening and closing menu level container.
-  menuContainerToggled(data) {
-    // Toggle submenu.
-    if (this.triggerItem == data.detail.triggerItem) {
-      this.activeTrailTriggered = false;
-      this.menuIsOpen = data.detail.triggerType != 'remove';
-      this.assignMenuItemClass(this.el.parentElement.closest('hy-menu-level-container'), data.detail.triggerType);
-      // Scroll to .hy-menu top.
-      let hyMenu = this.el.parentElement.closest('hy-menu');
-      hyMenu.shadowRoot.querySelector('.hy-menu').scrollTop = 0;
-    }
-  }
-  componentWillUpdate() {
-    // Pass the menu type and menu-button-submenu-expand attributes to
-    // the child menu item component.
-    if (this.menuType) {
-      const items = Array.from(this.el.children);
-      items.forEach((item) => {
-        item.setAttribute('menu-type', this.menuType);
-        item.setAttribute('menu-button-submenu-expand', this.menuButtonSubmenuExpand);
-      });
-    }
-  }
-  componentWillLoad() {
-    // Set trigger item for each mobile menu level container and handle only submenus.
-    // Add a heading element foreach level.
-    if (this.menuType === MenuType.mobile) {
-      if (this.menuLevel > 1) {
-        const parentMenuItem = this.el.closest('hy-menu-item');
-        this.triggerItem = parentMenuItem.getAttribute('menu-link-id');
-        this.headingItem = Object.assign(Object.assign({}, this.headingItem), { url: parentMenuItem.getAttribute('url') });
-        this.headingItem = Object.assign(Object.assign({}, this.headingItem), { label: parentMenuItem.getAttribute('label') });
-        this.headingItem = Object.assign(Object.assign({}, this.headingItem), { isActive: window.location.pathname === this.headingItem.url });
-      }
-      else {
-        this.triggerItem = 'home';
-      }
-    }
-    // Set is-active-child and menu-level attributes to all sibling menu-items.
-    if (this.menuType === MenuType.sidenav) {
-      const parentMenuItem = this.el.closest('hy-menu-item-sidebar');
-      if (parentMenuItem && parentMenuItem.classList.contains('is-active')) {
-        this.menuIsOpen = true;
-        const items = Array.from(this.el.children);
-        items.forEach((item) => {
-          item.setAttribute('is-active-child', 'true');
-          item.setAttribute('menu-level', this.menuLevel.toString());
-        });
-      }
-    }
-  }
-  render() {
-    let classAttributes = ['hy-menu-level-container', 'hy-menu-level-container--level-' + this.depth];
-    switch (this.menuType) {
-      case MenuType.desktop:
-        classAttributes = [...classAttributes, 'hy-menu-level-container--desktop'];
-        return (h(Host, { class: classAttributes.join(' ') }, h("slot", null)));
-      case MenuType.mobile:
-        classAttributes = [...classAttributes, 'hy-menu-level-container--mobile'];
-        if (this.depth === 1) {
-          classAttributes = [...classAttributes, 'is-open'];
-          return (h(Host, { "aria-expanded": this.menuIsOpen.toString(), class: classAttributes.join(' '), tabindex: '-1' }, h("slot", null)));
-        }
-        else {
-          classAttributes = [...classAttributes, this.menuIsOpen ? 'is-open' : null];
-          return (h(Host, { "aria-expanded": this.menuIsOpen.toString(), class: classAttributes.join(' '), tabindex: '-1' }, h("hy-menu-item", { label: this.headingItem.label, url: this.headingItem.url, isHeading: true, isActive: this.headingItem.isActive, "menu-type": 'mobile', depth: this.menuLevel }), h("slot", null), h("slot", { name: "shortcuts" })));
-        }
-      case MenuType.sidenav:
-        if (this.depth === 0) {
-          const shouldBeHidden = this.depth != null && this.depth === 0 ? 'is-open' : '';
-          classAttributes = [...classAttributes, 'hy-menu-level-container--sidenav', shouldBeHidden];
-          return (h("ul", { "data-menu-level": this.menuLevel, "data-depth": this.menuLevel, class: classAttributes.join(' ') }, h("slot", null)));
-        }
-        else {
-          const isMenuOpen = this.menuIsOpen ? 'is-open_is-open__sub-level' : null;
-          const shouldBeHidden = this.depth != null && this.depth === 0 ? 'is-open' : '';
-          const parentMenuItem = this.el.closest('hy-menu-item-sidebar');
-          const parentClone = parentMenuItem !== null ? parentMenuItem.cloneNode(true) : null;
-          const parentLink = parentClone ? parentClone.querySelector('.hy-menu-item-sidebar__label') : null;
-          classAttributes = [...classAttributes, 'hy-menu-level-container--sidenav', shouldBeHidden, isMenuOpen];
-          return (h("ul", { "data-menu-level": this.menuLevel, "data-depth": this.menuLevel, class: classAttributes.join(' ') }, parentLink && (h("li", { class: "hy-menu-item-sidebar is-parent is-parent--sub-level" }, h("hy-icon", { class: 'hy-menu-item-parent__icon', icon: 'hy-icon-dot-arrow-right', fill: 'currentColor', size: 20 }), h("span", { "aria-level": this.depth, role: "heading", class: "hy-menu-item-sidebar--label-container", innerHTML: parentLink.outerHTML }))), h("slot", null)));
-        }
-      case MenuType.sidepanel:
-        //const shouldBeHidden = (this.depth != null && this.depth === 1) ? 'is-open' : '';
-        classAttributes = [...classAttributes, 'hy-menu-level-container--sidepanel'];
-        const parentMenuItem = this.el.closest('hy-menu-item-sidebar');
-        const parentClone = parentMenuItem ? parentMenuItem.cloneNode(true) : null;
-        const parentLink = parentClone ? parentClone.querySelector('.hy-menu-item-sidebar__label') : null;
-        return (h("ul", { "data-menu-level": this.depth, "data-depth": this.menuLevel, class: classAttributes.join(' ') }, parentLink ? (h("li", { class: "hy-menu-item-sidebar is-parent is-parent--sub-level" }, h("hy-icon", { class: 'hy-menu-item-parent__icon', icon: 'hy-icon-dot-arrow-right', fill: 'currentColor', size: 20 }), h("span", { "aria-level": this.depth, role: "heading", class: "hy-menu-item-sidebar--label-container", innerHTML: parentLink.outerHTML }))) : (h("li", { class: "hy-menu-item-sidebar is-parent is-parent--sub-level is-parent--frontpage" }, h("span", { class: 'hy-menu-item__parent__icon' }, h("hy-icon", { class: 'hy-menu-item__parent__icon__svg', icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 })), h("div", { class: "hy-menu-item-sidebar--label-container" }, h("a", { class: "hy-menu-item-sidebar__label", href: this.frontUrl }, this.frontLabel)))), h("slot", null)));
-    }
-  }
-  get el() { return getElement(this); }
-};
-MenuLevelContainer.style = menuLevelContainerCss;
-
-export { MenuLevelContainer as hy_menu_level_container };

package/dist/esm/hy-menu-main-group.entry.js

@@ -1,147 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-083c8c8a.js';
-import { C as ColorVariant, S as SiteLogoSize } from './utils-708bbefe.js';
-import { j as jsonParserWorker } from './globalScript-92c6b812.js';
-
-const hyMenuMainGroupCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#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}:host(.menu--main-group){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;margin-left:28px}@media (min-width: 75.0625rem){:host(.menu--main-group){margin-right:auto}}.menu--main-group__toggle{font-size:0.875rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--grayscale-black);border:0 none;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;font-family:var(--main-font-family);letter-spacing:-0.44px;margin:0 -4px;padding:0;position:relative}.menu--main-group__toggle:focus{outline:none}.menu--main-group__toggle:hover{cursor:pointer}.menu--main-group__toggle:hover span{color:var(--grayscale-medium)}.menu--main-group__toggle:hover svg{fill:var(--grayscale-medium)}@media (min-width: 60rem){.menu--main-group__toggle .toggle__caret svg{height:15.27px;width:3px}}@media (min-width: 75.0625rem){.menu--main-group__toggle .toggle__caret svg{height:14px;width:3px}}@media (min-width: 60rem){.menu--main-group__toggle span{margin-left:17px}}.menu--main-group__toggle.is-open:after{border-bottom:3px solid white;bottom:-10px;content:\" \";position:absolute;width:100%}@media (min-width: 60rem){.menu--main-group__toggle.is-open .toggle__close{height:15px;width:15px}.menu--main-group__toggle.is-open .toggle__close svg{height:15px;width:15px}}@media (min-width: 60rem){.menu--main-group__toggle.is-open span{margin-left:10px}}.menu--main-group__dropdown{display:none;visibility:hidden}.menu--main-group__dropdown.is-open{background-color:var(--grayscale-black);border-radius:0 0 5px 5px;-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);left:0;margin:0;padding:6px 0 20px;position:absolute;top:0;visibility:visible;width:100%;z-index:511}.menu--main-group__dropdown.is-open .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;justify-items:center;padding-top:14px;position:relative}.menu--main-group__dropdown.is-open .panel-toggle{background-color:transparent;border:none;position:absolute;right:0;top:0}@media (min-width: 60rem){.menu--main-group__dropdown.is-open .panel-toggle{padding:26px 32px}}.menu--main-group__dropdown.is-open .panel-toggle__label{font-size:1rem;line-height:20px;font-weight:700;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.5px;text-transform:uppercase}.menu--main-group__dropdown.is-open .panel-toggle__label__title{padding-right:12px}.menu--main-group__dropdown.is-open .panel-toggle__label:hover{cursor:pointer}.menu--main-group__dropdown.is-open .panel-toggle__label:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .panel-toggle__label:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link{font-size:1rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:20px;text-decoration:none}@media (min-width: 75.0625rem){.menu--main-group__dropdown.is-open .menu-main-link{font-size:0.875rem;line-height:18px}}.menu--main-group__dropdown.is-open .menu-main-link:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu--main-group__label{color:var(--grayscale-white);margin-left:12px}:host(.menu--main-group--mobile){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;position:relative}.menu--main-group__mobile-toggle{border:none;background:transparent;padding:15px 12px}.menu--main-group__mobile-toggle:hover{cursor:pointer}.menu--main-group__dropdown__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:23px}.menu--main-group__dropdown__close{border:none;background-color:transparent;padding:0;margin:0}.menu--main-group__dropdown__close:hover{cursor:pointer}.menu--main-group__logo-container .hy-site-logo__label.group{max-width:250px}.menu--main-group__dropdown__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu--main-group__dropdown__items .menu-main-link{font-size:0.9375rem;line-height:20px;background-color:var(--grayscale-dark-text);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.5px;margin-bottom:8px;padding:14px 20px;text-decoration:none;width:100%}.menu--main-group__dropdown__items .menu-main-link:hover{text-decoration:underline}.menu--main-group__dropdown__donate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--grayscale-dark-text);position:fixed;bottom:0;margin-left:-20px;width:100%}.menu--main-group__dropdown__donate .hy-link__donate.group{font-size:1rem;line-height:16px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--grayscale-white);font-family:var(--main-font-family);margin:20px auto 16px auto;text-decoration:none}.menu--main-group__dropdown__donate .hy-link__donate.group .hy-link__donate__label{margin-left:6px}.menu--main-group__dropdown--mobile{-webkit-box-direction:normal;-webkit-box-orient:vertical;background-color:var(--grayscale-black);bottom:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-items:space-between;max-width:400px;overflow:hidden;padding:0px;place-items:stretch;position:fixed;right:0px;top:0px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;visibility:hidden;width:0px}.menu--main-group__dropdown--mobile.is-open{padding:50px 20px 20px;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);visibility:visible;width:90%;z-index:101}.menu--main-group__dropdown--mobile.is-open::after{opacity:1;visibility:visible}";
-
-let keys = {
-  enter: 'Enter',
-};
-const HyMenuMainGroup = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.universityMainMenuToggled = createEvent(this, "universityMainMenuToggled", 7);
-    this.mobileMenuTopToggle = createEvent(this, "mobileMenuTopToggle", 7);
-    this.menuLabel = 'University main menu';
-    this.isMobile = false;
-    this.isMenuOpen = false;
-  }
-  handleComponentClick(event) {
-    event.stopPropagation();
-    this.emitEvent();
-    this.isMenuOpen = !this.isMenuOpen;
-    if (this.isMenuOpen) {
-      this.adjustMainMenuPosition(event.target);
-    }
-  }
-  handleComponentKeyDown(event) {
-    event.stopPropagation();
-    const key = event.code;
-    let target = event.target;
-    if (key === 'Escape' && this.isMenuOpen) {
-      this.isMenuOpen = false;
-      this.emitEvent();
-    }
-    if (target && [keys.enter].includes(key)) {
-      this.isMenuOpen = !this.isMenuOpen;
-      if (this.isMenuOpen) {
-        this.emitEvent();
-        this.adjustMainMenuPosition(target);
-      }
-    }
-  }
-  emitEvent() {
-    // Close other panels if they are open (lang menu, search, main menu, ..).
-    this.universityMainMenuToggled.emit();
-    this.mobileMenuTopToggle.emit();
-  }
-  adjustMainMenuPosition(target) {
-    let hyTopHeader = this.el.closest('.hy-site-header__content-top');
-    if (hyTopHeader && !hyTopHeader.hasAttribute('is-mobile')) {
-      let mainMenuToggle = target.shadowRoot.querySelector('.menu--main-group__toggle');
-      let mainMenuDropdown = target.shadowRoot.querySelector('.menu--main-group__dropdown');
-      let mainMenuList = target.shadowRoot.querySelector('.list');
-      if (mainMenuDropdown && mainMenuList && mainMenuToggle) {
-        let rectHeader = hyTopHeader.getBoundingClientRect();
-        let rectMenuToggle = mainMenuToggle.getBoundingClientRect();
-        mainMenuDropdown.style.top = `${rectHeader.height}px`;
-        mainMenuList.style.left = `${rectMenuToggle.left}px`;
-      }
-      let headerHeight = hyTopHeader.offsetHeight + 270;
-      this.showBackdropShadow('open', headerHeight);
-    }
-  }
-  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');
-      }
-    }
-  }
-  async componentWillLoad() {
-    this._dataMainMenu = await jsonParserWorker(this.dataMainMenu);
-  }
-  handleTopMenuClose(event) {
-    this.isMenuOpen = false;
-    this.mobileMenuTopToggle.emit();
-    this.showBackdropShadow();
-    event.stopPropagation();
-  }
-  // Close the University main menu if user clicks anywhere outside the component.
-  handleOutsideMenuClick(event) {
-    if (this.isMenuOpen) {
-      this.isMenuOpen = false;
-      this.handleTopMenuClose(event);
-    }
-    event.stopPropagation();
-  }
-  // CLose the University main menu if user opens the desktop menu panel.
-  desktopMenuToggled() {
-    this.isMenuOpen = false;
-  }
-  // CLose the University main menu if user opens the search panel
-  searchPanelToggled() {
-    this.isMenuOpen = false;
-  }
-  // CLose the University main menu if user opens the language menu panel.
-  languageMenuToggled() {
-    this.isMenuOpen = false;
-  }
-  render() {
-    const white = 'var(--grayscale-white)';
-    const logoSizeGroup = this.isMobile ? SiteLogoSize.small : SiteLogoSize.small;
-    const logoColorGroup = ColorVariant.white;
-    return this.isMobile ? (h(Host, { class: {
-        'menu--main-group--mobile': true,
-        'menu--main-group--mobile__is-open': this.isMenuOpen,
-      } }, h("button", { "aria-label": this.menuLabel, class: {
-        'menu--main-group__mobile-toggle': true,
-        'is-open': this.isMenuOpen,
-      } }, h("hy-icon", { icon: 'hy-icon-slim-hamburger-menu', size: 20, fill: white })), h("nav", { role: "navigation", "aria-hidden": this.isMenuOpen ? 'false' : 'true', class: {
-        'menu--main-group__dropdown--mobile': true,
-        'is-open': this.isMenuOpen,
-      } }, h("div", { class: "menu--main-group__dropdown__top" }, h("div", { class: 'menu--main-group__logo-container', id: 'menu-logo' }, h("hy-site-logo", { "is-group": true, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), h("button", { "aria-label": `Close ${this.menuLabel}`, class: "menu--main-group__dropdown__close", onClick: (e) => this.handleTopMenuClose(e) }, h("hy-icon", { icon: 'hy-icon-remove', size: 20, fill: white }))), h("div", { class: "menu--main-group__dropdown__items" }, this._dataMainMenu.map((item) => {
-      return (h("a", { href: item.url, class: { 'menu-main-link': true } }, h("span", { class: 'menu--main-group__label' }, item.label)));
-    })), h("div", { class: "menu--main-group__dropdown__donate" }, this.donate &&
-      this.donate.map((i) => {
-        return (h("a", { class: 'menu--secondary__item hy-link__donate group', href: i.url }, h("hy-icon", { icon: 'hy-icon-heart-support', size: 14, fill: logoColorGroup }), h("span", { class: 'hy-link__donate__label group' }, i.label)));
-      }))))) : (h(Host, { class: {
-        'menu--main-group': true,
-        'menu--main-group__is-open': this.isMenuOpen,
-      } }, h("button", { class: {
-        'menu--main-group__toggle': true,
-        'is-open': this.isMenuOpen,
-      } }, this.isMenuOpen ? (h("hy-icon", { class: 'toggle__close', icon: 'hy-icon-remove', size: 8, fill: white })) : (h("hy-icon", { class: 'toggle__caret', icon: 'hy-icon-slim-hamburger-menu', size: 8, fill: white })), h("span", null, this.menuLabel)), h("div", { class: {
-        'menu--main-group__dropdown': true,
-        'is-open': this.isMenuOpen,
-      } }, h("div", { class: "list" }, this._dataMainMenu.map((item) => {
-      return (h("a", { href: item.url, class: { 'menu-main-link': true } }, h("span", { class: "heading-icon" }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 10, fill: white })), h("span", { class: 'menu--main-group__label' }, item.label)));
-    })), h("button", { onClick: (e) => this.handleComponentClick(e), class: {
-        'panel-toggle': true,
-      }, "aria-label": "Close menu" }, h("span", { class: "panel-toggle__label" }, h("span", { class: "panel-toggle__label__title" }, "Close"), h("hy-icon", { icon: 'hy-icon-remove', size: 20, fill: ColorVariant.white }))))));
-  }
-  get el() { return getElement(this); }
-};
-HyMenuMainGroup.style = hyMenuMainGroupCss;
-
-export { HyMenuMainGroup as hy_menu_main_group };

package/dist/esm/hy-menu-mobile-breadcrumb.entry.js

@@ -1,21 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-083c8c8a.js';
-
-const menuMobileBreadcrumbCss = ":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-menu-mobile-breadcrumb{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--brand-main-light);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0 none;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);text-decoration:none;padding:11px 0;text-align:left}.hy-menu-mobile-breadcrumb:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-menu-mobile-breadcrumb hy-icon{margin-right:8px}.hy-menu-mobile-breadcrumb hy-icon svg{fill:var(--grayscale-black)}";
-
-const MenuMobileBreadcrumb = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.removeBreadcrumb = createEvent(this, "removeBreadcrumb", 7);
-    this.isFirst = false;
-  }
-  // Listener for a click. The current breadcrumb will be remove from the list.
-  handleClick() {
-    this.removeBreadcrumb.emit({ bid: this.bid });
-  }
-  render() {
-    return this.isFirst ? (h("a", { "aria-label": `${this.labelBack}: ${this.labelFrontPage}`, class: 'hy-menu-mobile-breadcrumb', href: this.logoUrl }, h("span", { class: 'hy-menu-mobile-breadcrumb__label' }, this.label))) : (h("button", { "aria-label": `${this.labelBack}: ${this.label}`, class: 'hy-menu-mobile-breadcrumb', onClick: () => this.handleClick() }, h("hy-icon", { icon: 'hy-icon-caret-left', size: 10 }), h("span", { class: 'hy-menu-mobile-breadcrumb__label' }, this.label)));
-  }
-};
-MenuMobileBreadcrumb.style = menuMobileBreadcrumbCss;
-
-export { MenuMobileBreadcrumb as hy_menu_mobile_breadcrumb };