@itcenteratunihelsinki/huds-lib 0.5.45 → 0.6.1

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

@@ -1,286 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-083c8c8a.js';
-import { M as MenuType, S as SiteLogoSize, C as ColorVariant } from './utils-708bbefe.js';
-import { R as ResizeObserver } from './index-41a1e449.js';
-
-const menuSidebarCss = ":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-menu-sidebar--container{background:none;position:relative}.hy-menu-sidebar--container.sidebar-open{background:linear-gradient(to right, #fff 380px, rgba(0, 0, 0, 0.5) 10%);bottom:0;display:block;height:auto;left:16px;overflow:auto;position:absolute;right:0;top:-96px;-webkit-transition:all 0.25s ease-in;transition:all 0.25s ease-in;z-index:15}.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:96px;margin-bottom:40px;margin-top:-8px}.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__logo .hy-site-logo__label{max-width:200px}.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__panel-toggle{display:-webkit-box;display:-ms-flexbox;display:flex}.hy-menu-sidebar--container .hy-menu-sidebar__panel-toggle,.hy-menu-sidebar--container .hy-menu-sidebar__logo{display:none}.hy-menu-sidepanel--container{-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:sidepanel-moveout;animation-name:sidepanel-moveout;bottom:0;display:none;left:0;overflow:auto;position:absolute;right:0;top:-96px;-webkit-transform:translateX(-105%);transform:translateX(-105%);visibility:hidden;z-index:124}.hy-menu-sidepanel--container.sidepanel-open{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.35s;animation-duration:0.35s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:sidepanel-movein;animation-name:sidepanel-movein;display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;min-height:100vh;width:100%}.hy-menu-sidepanel--container.sidepanel-open :not(.is-parent):not(.in-active-trail):not(.is-active-item).hy-menu-item-sidebar .hy-menu-item-sidebar--label-container{background:-webkit-gradient(linear, right top, left top, from(#f5f5f5), to(#f8f8f8));background:linear-gradient(270deg, #f5f5f5 0%, #f8f8f8 100%)}.hy-menu-sidepanel--container.sidepanel-open .hy-menu-sidepanel__logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:96px;margin-bottom:46px;margin-top:-26px;margin-left:-4px}.hy-menu-sidepanel--container.sidepanel-open .hy-menu-sidepanel__logo .hy-site-logo__label{max-width:200px}.hy-menu-sidebar{display:none}@media (min-width: 75.0625rem){.hy-menu-sidebar{display:block;max-width:calc(320px - 16px)}.hy-menu-sidebar[aria-hidden=false]{padding-right:12px;min-height:var(--minHeight);width:20vw}.hy-menu-sidebar[aria-hidden=false] .hy-menu-item-sidebar.hy-menu-item-sidebar--sidenav.hy-menu-item--level-1.is-parent{border-bottom:1px solid var(--brand-main-light) !important}}.hy-menu-sidebar__panel-toggle{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.5px;margin-bottom:1rem;text-decoration:none}.hy-menu-sidebar__panel-toggle:hover{cursor:pointer;color:var(--brand-main);text-decoration:underline}.hy-menu-sidebar__panel-toggle svg{fill:var(--brand-main-light)}.hy-menu-sidebar__panel-toggle hy-icon:last-child{margin-right:0.75rem}.hy-menu-sidepanel__logo-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:150px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:20px;position:relative;z-index:125}@-webkit-keyframes sidepanel-movein{from{display:none;-webkit-transform:translateX(-105%);transform:translateX(-105%);visibility:hidden}5%{display:-webkit-box;display:flex}50%{background-color:rgba(0, 0, 0, 0)}to{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}@keyframes sidepanel-movein{from{display:none;-webkit-transform:translateX(-105%);transform:translateX(-105%);visibility:hidden}5%{display:-webkit-box;display:-ms-flexbox;display:flex}50%{background-color:rgba(0, 0, 0, 0)}to{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}@-webkit-keyframes sidepanel-moveout{from{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}75%{background-color:rgba(0, 0, 0, 0)}90%{-webkit-transform:translateX(-105%);transform:translateX(-105%)}to{display:none;visibility:hidden}}@keyframes sidepanel-moveout{from{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}75%{background-color:rgba(0, 0, 0, 0)}90%{-webkit-transform:translateX(-105%);transform:translateX(-105%)}to{display:none;visibility:hidden}}";
-
-const MenuSidebar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Is menu open boolean.
-     */
-    this.menuIsOpen = false;
-    /**
-     * Menu type. Defaults to sidenav.
-     */
-    this.menuType = MenuType.sidenav;
-    this.pageSize = MenuType.mobile;
-    /**
-     * Upper menus panel boolean.
-     */
-    this.panelOpen = false;
-    /**
-     * Logo size
-     */
-    this.size = SiteLogoSize.big;
-    /**
-     * Isdemo
-     */
-    this.isDemo = false;
-    /**
-     * Should have link to front page or show full menu button
-     */
-    this.noChildren = false;
-    /**
-     * IsResearchGroup
-     */
-    this.isResearchGroup = false;
-    /**
-     * is Active helps to define how to render Research Group link.
-     */
-    this.isActive = false;
-    this.minHeight = null;
-  }
-  panelToggle(e) {
-    if (this.menuIsOpen) {
-      this.closeWholeTree();
-      this.panelOpen = !this.panelOpen;
-    }
-    else {
-      this.panelOpen = !this.panelOpen;
-    }
-    e.preventDefault();
-    e.stopPropagation();
-  }
-  async componentWillLoad() {
-    if (this.pageSize === MenuType.mobile)
-      return;
-    const sideBar = document.querySelector('.layout-sidebar-first');
-    if (sideBar) {
-      if (this.menuIsOpen) {
-        sideBar.classList.add('menu-is-open');
-      }
-      else if (sideBar.classList.contains('menu-is-open')) {
-        sideBar.classList.remove('menu-is-open');
-      }
-    }
-  }
-  componentDidLoad() {
-    this.ro = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        this.applySize(entry.contentRect.width);
-      }
-    });
-    this.ro.observe(document.body);
-    const panels = document.querySelectorAll('.hy-menu-level-container');
-    if (panels) {
-      const height = Math.max.apply(Math, [...panels].map((panel) => panel.scrollHeight));
-      this.minHeight = height;
-    }
-  }
-  applySize(size) {
-    // Set the menu-type based on the width of the browser.
-    if (size <= 960) {
-      this.pageSize = MenuType.mobile;
-    }
-    else {
-      this.pageSize = MenuType.desktop;
-    }
-  }
-  handlePanel(e) {
-    const target = e.target;
-    const targetElement = target.tagName.toLowerCase();
-    const possibleTags = [targetElement].some((r) => ['svg', 'path'].indexOf(r) >= 0);
-    if (target.classList.contains('hy-menu-item__label__icon') || possibleTags) {
-      const menuItem = target.closest('.hy-menu-item-sidebar');
-      const menuItemId = menuItem.getAttribute('data-link-id');
-      const menuItemLevel = menuItem.getAttribute('item-level');
-      const menuPanel = menuItem.closest('.hy-menu-level-container');
-      const childList = menuItem.querySelector('.hy-menu-level-container');
-      const menu = target.closest('.hy-menu');
-      if (menu.classList.contains('hy-menu-sidepanel') && !this.previousPanel) {
-        const sameLevelItem = menuPanel.querySelector('.is-active-item');
-        if (sameLevelItem) {
-          const sameLevelChildList = sameLevelItem.querySelector('.hy-menu-level-container');
-          this.updatePrevious(menuPanel, sameLevelItem);
-          this.togglePanel(sameLevelItem, sameLevelChildList, true);
-          this.togglePanel(menuItem, childList);
-          return;
-        }
-      }
-      // If no previous, as in first time clicking menu
-      if (!this.previousPanel) {
-        this.updatePrevious(menuPanel, menuItem);
-        this.togglePanel(menuItem, childList);
-        return;
-      }
-      const prevId = this.previousItem.dataset.linkId;
-      const prevLevel = this.previousItem.getAttribute('item-level');
-      // If clicking same menu item again.
-      if (menuItemId === prevId) {
-        if (menuItem.classList.contains('is-active-item')) {
-          this.togglePanel(menuItem, childList, true);
-          if (menuItemLevel == 0) {
-            this.menuIsOpen = false;
-            this.toggleSidebarBg();
-          }
-        }
-        else {
-          this.togglePanel(menuItem, childList);
-        }
-        return;
-      }
-      // If clicking menu item on same level or going back up
-      if (menuItemLevel <= prevLevel) {
-        // If clicking already active, close children
-        if (menuItem.classList.contains('is-active-item')) {
-          this.togglePanel(menuItem, childList, true);
-          this.updatePrevious(menuPanel, menuItem);
-          return;
-        }
-        // Close previous panels
-        this.togglePanel(this.previousItem, menuPanel, true);
-        // Open newly clicked panel
-        this.togglePanel(menuItem, childList);
-        // Update previous
-        this.updatePrevious(menuPanel, menuItem);
-      }
-      else if (menuItemLevel > prevLevel) {
-        this.togglePanel(menuItem, childList);
-        this.updatePrevious(menuPanel, menuItem);
-      }
-    }
-    e.stopImmediatePropagation();
-    e.stopPropagation();
-  }
-  updatePrevious(panel, item) {
-    this.previousPanel = panel;
-    this.previousItem = item;
-  }
-  closeWholeTree() {
-    const sidebarLevel1 = document.querySelector('.hy-menu-level-container--level-0');
-    let firstItem = document.querySelector('.hy-menu-item-sidebar--sidenav.hy-menu-item--level-0.has-children.is-active-item');
-    if (firstItem) {
-      this.togglePanel(firstItem, sidebarLevel1, true);
-    }
-    else {
-      firstItem = document.querySelector('.hy-menu-item-sidebar--sidenav.hy-menu-item--level-0.is-active-item');
-    }
-    const body = document.querySelector('body');
-    const container = document.querySelector('.hy-menu-sidebar--container');
-    if (container.classList.contains('sidebar-open') && firstItem) {
-      container.classList.remove('sidebar-open');
-      body.classList.remove('hy-menu-sidebar__no-scroll');
-    }
-  }
-  togglePanel(menuItem, panel, shouldClose = false) {
-    const buttonElement = menuItem.querySelector('button');
-    const level = menuItem.getAttribute('item-level');
-    if (level == 0 && !this.menuIsOpen) {
-      if (window.pageYOffset > 50 && !this.isDemo) {
-        window.scrollTo({ top: 0 });
-      }
-      this.menuIsOpen = true;
-    }
-    if (shouldClose) {
-      const children = panel.querySelectorAll('.hy-menu-item-sidebar');
-      const activeChild = [...children].filter((c) => c.classList.contains('is-active-item'));
-      if (level == 0 && activeChild) {
-        this.menuIsOpen = false;
-        this.toggleSidebarBg();
-      }
-      if (activeChild.length > 0) {
-        for (let i = 0; i < activeChild.length; i++) {
-          const element = activeChild[i];
-          this.closeChildren(element);
-        }
-      }
-      if (buttonElement) {
-        buttonElement.setAttribute('aria-expanded', 'false');
-      }
-      this.closeChildren(menuItem);
-      return;
-    }
-    buttonElement.setAttribute('aria-expanded', 'true');
-    panel.classList.add('is-open');
-    menuItem.classList.add('is-active-item');
-  }
-  closeChildren(menuItem) {
-    if (menuItem.classList.contains('is-active-item')) {
-      menuItem.classList.remove('is-active-item');
-    }
-    if (menuItem.classList.contains('has-children')) {
-      const menuButton = menuItem.querySelector('button');
-      menuButton.setAttribute('aria-expanded', 'false');
-      const childList = menuItem.querySelector('.hy-menu-level-container');
-      childList.classList.remove('is-open');
-      const childItems = childList.querySelectorAll('.hy-menu-item-sidebar');
-      if (childList.classList.contains('is-active')) {
-        childList.classList.remove('is-active');
-      }
-      childItems.forEach((element) => {
-        element.classList.remove('is-active-item');
-        if (element.classList.contains('has-children')) {
-          const menuButton = element.querySelector('button');
-          menuButton.setAttribute('aria-expanded', 'false');
-          this.closeChildren(element);
-        }
-        else {
-          return;
-        }
-      });
-    }
-  }
-  toggleSidebarBg() {
-    const sideBar = document.querySelector('.layout-sidebar-first');
-    if (this.menuIsOpen) {
-      sideBar.classList.add('menu-is-open');
-    }
-    else if (sideBar.classList.contains('menu-is-open')) {
-      sideBar.classList.remove('menu-is-open');
-    }
-  }
-  render() {
-    const sidebarContainer = document.querySelector('.hy-menu-sidebar--container');
-    if (sidebarContainer) {
-      sidebarContainer.addEventListener('click', (e) => {
-        if (e.target.classList.contains('sidebar-open')) {
-          this.closeWholeTree();
-        }
-      });
-    }
-    const sidepanelContainer = document.querySelector('.hy-menu-sidepanel--container');
-    if (sidepanelContainer) {
-      sidepanelContainer.addEventListener('click', (e) => {
-        if (e.target.classList.contains('sidepanel-open')) {
-          this.panelToggle(e);
-        }
-      });
-    }
-    const logoColor = ColorVariant.black;
-    const panelClassAttributes = ['hy-menu-sidepanel--container', this.panelOpen ? 'sidepanel-open' : ''].join(' ');
-    switch (this.menuType) {
-      case MenuType.sidepanel:
-        return (h("div", { class: "hy-menu-sidebar__container", style: {
-            '--minHeight': `${this.minHeight}px`,
-          } }, this.noChildren && this.isResearchGroup && this.isActive && (h("a", { "aria-label": this.frontLabel, class: "hy-menu-sidebar__panel-toggle", href: this.frontUrl }, h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), this.frontLabel)), this.noChildren && this.isResearchGroup && !this.isActive && (h("a", { "aria-label": this.frontLabel, class: "hy-menu-sidebar__panel-toggle", href: this.frontUrl }, h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), this.frontLabel)), this.noChildren && !this.isResearchGroup && (h("a", { "aria-label": this.frontLabel, class: "hy-menu-sidebar__panel-toggle", href: this.frontUrl }, h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), this.frontLabel)), !this.noChildren && (h("button", { "aria-label": this.panelToggleAriaLabel, class: "hy-menu-sidebar__panel-toggle", onClick: (e) => this.panelToggle(e) }, h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), this.panelToggleLabel)), h("div", { class: panelClassAttributes, "aria-hidden": this.panelOpen ? 'false' : 'true', "aria-expanded": this.panelOpen ? 'true' : 'false' }, h("div", { class: "hy-menu-sidepanel__nav-container" }, h("div", { class: "hy-menu-sidepanel__logo-container" }, h("div", { class: "hy-menu-sidepanel__logo", "aria-hidden": this.panelOpen ? 'false' : 'true', tabindex: this.panelOpen ? '0' : '-1' }, h("hy-site-logo", { size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("button", { "aria-label": this.panelToggleCloseAriaLabel, "aria-hidden": this.panelOpen ? 'false' : 'true', tabindex: this.panelOpen ? '0' : '-1', class: "hy-menu-sidebar__panel-toggle", onClick: (e) => this.panelToggle(e) }, h("hy-icon", { icon: 'hy-icon-remove', fill: 'currentColor', size: 10 }), this.panelToggleCloseLabel)), h("nav", { role: 'navigation', "aria-hidden": this.panelOpen ? 'false' : 'true', tabindex: this.panelOpen ? '0' : '-1', class: {
-            'hy-menu': true,
-            'hy-menu-sidepanel': true,
-            'is-demo': this.isDemo,
-          } }, h("slot", null))))));
-      case MenuType.sidenav:
-        return (h("div", { class: "hy-menu-sidebar--container", style: {
-            '--minHeight': `${this.minHeight}px`,
-          } }, h("div", { class: "hy-menu-sidebar__logo" }, h("hy-site-logo", { size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("button", { "aria-label": this.panelToggleAriaLabel, class: "hy-menu-sidebar__panel-toggle", onClick: (e) => this.panelToggle(e) }, h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), this.panelToggleLabel), h("nav", { role: 'navigation', "aria-hidden": this.menuIsOpen ? 'false' : 'true', class: {
-            'hy-menu': true,
-            'hy-menu-sidebar': true,
-            'is-demo': this.isDemo,
-          } }, h("slot", null))));
-    }
-  }
-  get el() { return getElement(this); }
-};
-MenuSidebar.style = menuSidebarCss;
-
-export { MenuSidebar as hy_menu_sidebar };

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

@@ -1,107 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-083c8c8a.js';
-import { M as MenuType } from './utils-708bbefe.js';
-import { j as jsonParserWorker } from './globalScript-92c6b812.js';
-
-const menuCss = ":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{margin:0;padding:0}.hy-mobile-menu__header{display:grid;grid-template-columns:1fr auto;padding:12px 16px;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-mobile-menu__menu-close-button{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);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-16px;pointer-events:none;visibility:hidden}.hy-mobile-menu__menu-close-button:hover{cursor:pointer}.hy-mobile-menu__menu-close-button hy-icon{margin-left:8px}.hy-mobile-menu__menu-close-button hy-icon svg{fill:var(--brand-main)}.hy-menu-wrapper--mobile{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;bottom:0;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:stretch;left:0;position:absolute;right:0;top:0;z-index:99}.hy-menu-wrapper--mobile.is-open{z-index:101}.hy-menu-wrapper--desktop{padding:0}.hy-menu-wrapper--sidenav{display:none}.hy-menu-wrapper--sidenav.is-demo{display:block}@media (min-width: 30rem){.hy-menu-wrapper--sidenav{display:block}}.hy-mobile-menu__menu-container{min-height:calc(100vh - 126px);overflow-x:hidden;overflow-y:visible}.hy-menu--mobile{-webkit-overflow-scrolling:touch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:0.45s;transition:0.45s;width:100%;z-index:100}@media (min-width: 75.0625rem){.hy-menu--mobile:not(.is-demo){min-height:0;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}.hy-menu--mobile.is-open{-webkit-transform:translateX(0);transform:translateX(0);-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)}.hy-menu--mobile.is-open::after{opacity:1;visibility:visible}.hy-menu-breadcrumb-container{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__logo-container{display:inline-block;padding:16px;z-index:100}@media (min-width: 30rem){.hy-menu__logo-container{padding:16px 28px}}.hy-mobile-menu__donate{background-color:var(--grayscale-white);bottom:0;-webkit-box-shadow:rgba(14, 104, 139, 0.2) 0px -20px 20px -20px;box-shadow:rgba(14, 104, 139, 0.2) 0px -20px 20px -20px;position:sticky;z-index:102}.hy-mobile-menu__donate a{font-size:1rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);color:var(--grayscale-black);display:block;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.4px;padding:20px 0 16px;text-align:center;text-decoration:none}.hy-mobile-menu__donate a:focus{outline:solid 2px var(--additional-yellow)}.hy-mobile-menu__donate a svg{margin-right:5px}.hy-menu__breadcrumbs{display:block;position:relative}.hy-menu__breadcrumbs.is-empty{min-height:35px}";
-
-const Menu = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.menuContainerToggled = createEvent(this, "menuContainerToggled", 7);
-    this.isGroup = false;
-    this.isDemo = false;
-    this.menuIsOpen = true;
-    this.menuType = null;
-  }
-  // Listener for removing a breadcrumb from mobile menu breadcrumbs.
-  async removeBreadcrumb(data) {
-    let breadcrumbs = await jsonParserWorker(this.breadcrumbs);
-    let currentBreadcrumb = breadcrumbs
-      .map(function (e) {
-      return e.bid;
-    })
-      .indexOf(data.detail.bid);
-    for (let i = currentBreadcrumb, l = this.breadcrumbs.length; i < l; i++) {
-      this.menuContainerToggled.emit({
-        triggerItem: this.breadcrumbs[i].bid,
-        triggerType: 'remove',
-      });
-    }
-    this.breadcrumbs = [];
-    this.breadcrumbs = breadcrumbs.slice(0, -1);
-    // Reset if home breadcrumb link has been clicked.
-    if (currentBreadcrumb === 0) {
-      this.breadcrumbs = [];
-      // Notify menu-level-container toggle listener about closing all levels.
-      let elements = this.el.querySelectorAll('.hy-menu-level-container--mobile');
-      elements.forEach((element) => {
-        if (!element.classList.contains('hy-menu-level-container--level-0')) {
-          this.menuContainerToggled.emit({
-            triggerItem: element.getAttribute('trigger-item'),
-            triggerType: 'remove',
-          });
-        }
-      });
-    }
-  }
-  // Listener for adding a breadcrumb to mobile menu breadcrumbs.
-  addBreadcrumb(event) {
-    this.breadcrumbs = [
-      ...this.breadcrumbs,
-      {
-        label: event.detail.label,
-        bid: event.detail.bid,
-        url: event.detail.url,
-      },
-    ];
-  }
-  async componentWillLoad() {
-    this.breadcrumbs = [];
-  }
-  componentWillUpdate() {
-    // Pass the menu type and menu-button-submenu-expand attributes to
-    // the child menu-level-container component.
-    this.el.children[0].setAttribute('menu-type', this.menuType);
-    this.el.children[0].setAttribute('menu-button-submenu-expand', this.menuButtonSubmenuExpand);
-  }
-  componentWillRender() {
-    // Set the donate link data.
-    if (this.dataMenuDonate) {
-      this.donateLink = JSON.parse(this.dataMenuDonate);
-    }
-    // Set demo value to all children to provide better UI for DS users.
-    if (this.isDemo) {
-      const items = Array.from(this.el.children);
-      items.forEach((item) => {
-        item.setAttribute('is-demo', 'true');
-      });
-    }
-  }
-  render() {
-    if (this.menuType === null)
-      return;
-    switch (this.menuType) {
-      case MenuType.desktop:
-        return (h("div", { class: 'hy-wrapper' }, h("nav", { role: 'navigation', class: {
-            'hy-menu-wrapper--desktop': true,
-            'is-open': this.menuIsOpen,
-          } }, h("div", { class: 'hy-menu hy-menu--desktop' }, h("slot", null)))));
-      case MenuType.mobile:
-        return (h("nav", { "data-is-group": this.isGroup, role: 'navigation', class: "hy-mobile-menu" }, h("section", { class: "hy-mobile-menu__header" }, h("div", { id: 'menu-bc-container', class: {
-            'hy-mobile-menu__breadcrumbs': true,
-            'is-empty': this.breadcrumbs.length === 0,
-          } }, this.breadcrumbs.length ? (h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.labelFrontPage, label: this.breadcrumbs[this.breadcrumbs.length - 1].label, bid: this.breadcrumbs[this.breadcrumbs.length - 1].bid })) : (h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.menuButtonBreadcrumbHome, label: this.menuButtonBreadcrumbHome, "is-first": true, "logo-url": this.logoUrl }))), h("button", { class: `hy-mobile-menu__menu-close-button`, "aria-label": "Close menu", disabled: true, "aria-hidden": "true" }, h("span", null, "Close"), h("hy-icon", { icon: 'hy-icon-remove', size: 16 }))), h("section", { class: "hy-mobile-menu__menu-container" }, h("div", { "aria-hidden": `${!this.menuIsOpen}`, class: {
-            'hy-menu': true,
-            'hy-menu--mobile': true,
-            'is-open': this.menuIsOpen,
-            'is-demo': this.isDemo,
-          } }, h("slot", null))), !this.isGroup && (h("div", { class: 'hy-mobile-menu__donate' }, this.donateLink
-          ? this.donateLink.map((i) => (h("a", { href: i.url }, h("hy-icon", { icon: 'hy-icon-heart-support', fill: 'currentColor', size: 16 }), i.label)))
-          : ''))));
-    }
-  }
-  get el() { return getElement(this); }
-};
-Menu.style = menuCss;
-
-export { Menu as hy_menu };

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

@@ -1,22 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-083c8c8a.js';
-import { j as jsonParserWorker } from './globalScript-92c6b812.js';
-
-const mobileMenuShortcutsCss = ":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-mobile-menu-shortcuts){margin-top:24px}:host(.hy-mobile-menu-shortcuts)>h2{font-size:1rem;line-height:20px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.32px;margin:0 15px 8px}:host(.hy-mobile-menu-shortcuts.is-hidden){visibility:hidden !important}:host(.hy-mobile-menu-shortcuts.is-hidden):focus{outline:none}.hy-mobile-menu-shortcuts__links{list-style:none;margin:0;padding:0;display:grid;gap:4px}.hy-mobile-menu-shortcuts__link{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}.hy-mobile-menu-shortcuts__link:focus{outline:solid 2px var(--additional-yellow);outline-offset:-2px}.hy-mobile-menu-shortcuts__link:hover{text-decoration:underline}.hy-mobile-menu-shortcuts__link>hy-icon{-ms-flex-item-align:start;align-self:flex-start;margin-top:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-mobile-menu-shortcuts__link>hy-icon+span{margin-left:10px}.hy-mobile-menu-shortcuts__link span 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)}.hy-mobile-menu-shortcuts__link span hy-icon svg{fill:var(--brand-main)}";
-
-const HyMobileMenuShortcuts = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  async componentWillLoad() {
-    this._dataShortcutLinks = await jsonParserWorker(this.dataShortcutLinks);
-  }
-  render() {
-    return (h(Host, { class: "hy-mobile-menu-shortcuts" }, h("h2", null, this.shortcutsLabel), h("ul", { class: "hy-mobile-menu-shortcuts__links" }, this._dataShortcutLinks.map(({ title, url, is_external, aria_label }) => {
-      let target = is_external ? '_blank' : '_self';
-      return (h("li", { class: "hy-mobile-menu-shortcuts__links-item" }, h("a", { "aria-current": aria_label, href: url, class: "hy-mobile-menu-shortcuts__link", target: target, "aria-label": aria_label }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, title, is_external && h("hy-icon", { icon: 'hy-icon-arrow-right', size: 12 })))));
-    }))));
-  }
-};
-HyMobileMenuShortcuts.style = mobileMenuShortcutsCss;
-
-export { HyMobileMenuShortcuts as hy_mobile_menu_shortcuts };

package/dist/esm/hy-opening-hours-content.entry.js

@@ -1,39 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-083c8c8a.js';
-
-const hyOpeningHoursContentCss = ":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}.open-hours__list-item{border-top:1px solid var(--grayscale-medium);color:var(--grayscale-dark-text);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0.875rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.5rem 0;font-family:var(--main-font-family);text-align:start}.open-hours__list-item--today{background-color:var(--grayscale-light)}.open-hours__list-item--today span:first-child{margin-left:4px;padding-left:4px;margin-right:-8px;font-weight:bold;border-left:2px solid var(--grayscale-black)}.open-hours__list-item>span:not(.luomus){text-align:left;width:calc(100vw / 3)}.open-hours__list-item>span.luomus{width:calc(100vw / 2)}.open-hours__list-item--date{margin-right:1rem}.open-hours__list-item--hours{margin-right:0.2rem}.open-hours__list-item--hours.luomus{text-align:center}";
-
-const HyOpeningHoursContent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.multiple = false;
-    this.selfServiceLabel = null;
-    this.venueType = 'libraries';
-  }
-  dataItemsWatcher(data) {
-    this._dataItems = typeof data === 'string' ? JSON.parse(data) : data;
-  }
-  componentWillLoad() {
-    this.dataItemsWatcher(this.dataItems);
-  }
-  render() {
-    return (h(Host, null, this._dataItems.map((item) => {
-      if (!item.service)
-        return;
-      const itemClasses = ['open-hours__list-item', item.today ? 'open-hours__list-item--today' : ''].join(' ');
-      return (h("div", { class: itemClasses }, h("span", { class: "open-hours__list-item--office" }, item.today ? item.today : item.dateLibrary), h("span", { class: "open-hours__list-item--hours" }, item.building), h("span", { class: "open-hours__list-item--service" }, item.service)));
-    }), this.selfServiceLabel && (h("div", { class: "open-hours__content__top" }, h("span", { class: "open-hours__content__top-label" }, this.selfServiceLabel))), this._dataItems.map((item) => {
-      if (item.service)
-        return;
-      const itemClasses = ['open-hours__list-item', item.today ? 'open-hours__list-item--today' : ''].join(' ');
-      const hoursClasses = ['open-hours__list-item--hours', this.venueType].join(' ');
-      const officeClasses = ['open-hours__list-item--office', this.venueType].join(' ');
-      return (h("div", { class: itemClasses }, h("span", { class: officeClasses }, item.today ? item.today : item.dateLibrary), h("span", { class: hoursClasses }, item.building), this.venueType !== 'luomus' && h("span", { class: "open-hours__list-item--service" }, "-")));
-    })));
-  }
-  static get watchers() { return {
-    "dataItems": ["dataItemsWatcher"]
-  }; }
-};
-HyOpeningHoursContent.style = hyOpeningHoursContentCss;
-
-export { HyOpeningHoursContent as hy_opening_hours_content };

package/dist/esm/hy-opening-hours.entry.js

@@ -1,31 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-083c8c8a.js';
-import { r as CtaLinkVariants } from './utils-708bbefe.js';
-
-const hyOpeningHoursCss = ":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-open-hours--container{font-family:var(--main-font-family);max-width:50rem;overflow:hidden}.hy-open-hours--container--exceptional{max-width:100%}.open-hours__title{text-transform:uppercase}.open-hours__date-change{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);color:var(--brand-main);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}.open-hours__date-change--title{font-size:1.25rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-align:center;text-transform:uppercase}.open-hours__date-change .open-hours__prev-date,.open-hours__date-change .open-hours__next-date{background:none;border:0;color:var(--brand-main);display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;outline:5px solid var(--grayscale-white);position:relative;width:44px}.open-hours__date-change .open-hours__prev-date:hover,.open-hours__date-change .open-hours__next-date:hover{background-color:var(--hover-gray);color:var(--brand-main-active);cursor:pointer}.open-hours__date-change .open-hours__prev-date:focus,.open-hours__date-change .open-hours__next-date:focus{background-color:var(--hover-gray);color:var(--brand-main-active)}.open-hours__date-change .open-hours__prev-date:disabled,.open-hours__date-change .open-hours__next-date:disabled{cursor:none}.open-hours__date-change .open-hours__prev-date hy-icon,.open-hours__date-change .open-hours__next-date hy-icon{color:var(--link-blue);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.open-hours__date-change .open-hours__prev-date svg,.open-hours__date-change .open-hours__next-date svg{fill:currentColor;height:20px;width:20px}.open-hours__date-change .open-hours__prev-date{border-right:1px solid var(--link-blue)}.open-hours__date-change .open-hours__next-date{border-left:1px solid var(--link-blue)}.open-hours__content__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0.9rem;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.5rem 0}.open-hours__content__top-label{margin:0.5rem 0 0.5rem 0;text-align:left;width:calc(100vw / 3);word-break:break-word}.open-hours__content__top-label:first-child(){margin-right:1rem}.open-hours__content__top-label.luomus{width:calc(100vw / 2)}.open-hours__content__top-label.building.luomus{text-align:center}.open-hours__content{position:relative}.open-hours__content.open-hours__loading:after{-webkit-animation-duration:1s;animation-duration:1s;font-size:3.2rem;position:absolute;left:45%;top:35%;z-index:2}.open-hours__content.slide-left{-webkit-animation:slide-left 0.2s ease-in-out both;animation:slide-left 0.2s ease-in-out both}.open-hours__content.slide-left-reverse{-webkit-animation:slide-left-reverse 0.2s ease-in-out reverse both;animation:slide-left-reverse 0.2s ease-in-out reverse both}.open-hours__content.slide-right{-webkit-animation:slide-right 0.2s ease-in-out both;animation:slide-right 0.2s ease-in-out both}.open-hours__content.slide-right-reverse{-webkit-animation:slide-right-reverse 0.2s ease-in-out reverse both;animation:slide-right-reverse 0.2s ease-in-out reverse both}.open-hours__links{margin:1.5rem 0 1rem 0}.open-hours__links .open-hours__link .hy-cta-link{width:100% !important;-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.open-hours__links .open-hours__link .hy-cta-link .text{width:100% !important}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@-webkit-keyframes slide-right-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@keyframes slide-right-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@-webkit-keyframes slide-left-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@keyframes slide-left-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}";
-
-const HyOpeningHours = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.blockTitle = null;
-    this.venueType = 'libraries';
-    this.date = null;
-    this.dateTitle = null;
-    this.dateType = 'day';
-    this.multiple = false;
-    this.customLinkTitle = null;
-    this.customLink = null;
-    this.exceptional = false;
-  }
-  render() {
-    const containerClasses = [
-      'hy-open-hours--container',
-      this.exceptional ? 'hy-open-hours--container--exceptional' : '',
-    ].join(' ');
-    const listClasses = ['open-hours__content__top-label', this.venueType].join(' ');
-    const buildingClasses = ['open-hours__content__top-label building', this.venueType].join(' ');
-    return (h(Host, null, h("div", { class: containerClasses, "data-lang": this.language, "data-id": this.blockId, "data-date": this.date, "data-type": this.dateType, "data-multiple": this.multiple }, this.blockTitle && h("h3", { class: "open-hours__title" }, this.blockTitle), !this.exceptional && (h("div", { class: "open-hours__date-change" }, h("button", { "aria-label": this.prevLabel, class: "icon--arrow-left open-hours__prev-date" }, h("hy-icon", { icon: 'hy-icon-caret-left', size: 18 })), h("span", { class: "open-hours__date-change--title" }, this.dateTitle), h("button", { "aria-label": this.nextLabel, class: "icon--arrow-right open-hours__next-date" }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 18 })))), h("div", { class: "open-hours__content__top" }, h("span", { class: listClasses }, this.listLabel), h("span", { class: buildingClasses }, this.buildingLabel), this.customerServiceLabel && h("span", { class: listClasses }, this.customerServiceLabel)), h("div", { class: "open-hours__content" }, h("slot", null)), this.customLink && (h("div", { class: "open-hours__links" }, h("hy-cta-link", { "full-width": true, "link-content": this.customLinkTitle, "sc-label": this.customLinkTitle, url: this.customLink, variant: CtaLinkVariants.linkList }, this.customLinkTitle)))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
-  }
-};
-HyOpeningHours.style = hyOpeningHoursCss;
-
-export { HyOpeningHours as hy_opening_hours };

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

@@ -1,41 +0,0 @@
-import { r as registerInstance, h } from './index-083c8c8a.js';
-import { P as PaginationItemVariants } from './utils-708bbefe.js';
-
-const hyPagerItemCss = ":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-pager__item{font-size:0.875rem;line-height:24px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.4px;margin-bottom:4px;margin-right:4px;min-height:36px;min-width:36px;text-align:center}@media (min-width: 60rem){.hy-pager__item{margin-right:6px;min-height:40px;min-width:40px}}.hy-pager__item a{font-size:0.875rem;line-height:24px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-white);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;letter-spacing:-0.4px;min-height:36px;min-width:36px;text-decoration:none}@media (min-width: 60rem){.hy-pager__item a{font-size:1rem;line-height:24px;letter-spacing:-0.5px;min-height:40px;min-width:40px}}.hy-pager__item a:not([aria-current=true]):hover{background-color:var(--brand-main);cursor:pointer}.hy-pager__item__current{background-color:var(--grayscale-white);-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--grayscale-black)}.hy-pager__item__current a{color:var(--brand-main-nearly-black)}.hy-pager__item__current a:hover{background-color:var(--grayscale-white)}.hy-pager__item__ellipsis{background-color:var(--grayscale-white);color:var(--brand-main-nearly-black);min-width:auto;min-height:auto}.hy-pager__item__next a,.hy-pager__item__previous a{padding:7px 12px 5px 12px}@media (min-width: 60rem){.hy-pager__item__next a,.hy-pager__item__previous a{padding:8px 12px}}.hy-pager__item__next .hy-icon-wrapper,.hy-pager__item__previous .hy-icon-wrapper{margin:0 4px}@media (min-width: 60rem){.hy-pager__item__next .hy-icon-wrapper,.hy-pager__item__previous .hy-icon-wrapper{margin:0 6px}}.hy-pager__item__next .hy-icon-wrapper svg,.hy-pager__item__previous .hy-icon-wrapper svg{fill:var(--grayscale-white)}";
-
-const HyPagerItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.variant = PaginationItemVariants.default;
-  }
-  render() {
-    let classAttributes = ['hy-pager__item'].join(' ');
-    switch (this.variant) {
-      case PaginationItemVariants.current: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__current'].join(' ');
-        return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-current": "true" }, this.itemLabel)));
-      }
-      case PaginationItemVariants.next: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__next'].join(' ');
-        const iconClassAttributes = ['link-icon'].join(' ');
-        return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, this.itemLabel, h("span", { class: 'hy-icon-wrapper' }, h("div", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 12 }))))));
-      }
-      case PaginationItemVariants.previous: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__previous'].join(' ');
-        const iconClassAttributes = ['link-icon'].join(' ');
-        return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, h("span", { class: 'hy-icon-wrapper' }, h("div", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-left', size: 12 }))), this.itemLabel)));
-      }
-      case PaginationItemVariants.ellipsis: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__ellipsis'].join(' ');
-        return h("li", { class: classAttributes }, "...");
-      }
-      default: {
-        classAttributes = ['hy-pager__item'].join(' ');
-        return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, this.itemLabel)));
-      }
-    }
-  }
-};
-HyPagerItem.style = hyPagerItemCss;
-
-export { HyPagerItem as hy_pager_item };

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

@@ -1,16 +0,0 @@
-import { r as registerInstance, h } from './index-083c8c8a.js';
-
-const hyPagerCss = ":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-pager{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:var(--main-font-family);list-style:none;padding:0}";
-
-const HyPager = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    const classAttributes = ['hy-pager'].join(' ');
-    return (h("ul", { class: classAttributes }, h("slot", null)));
-  }
-};
-HyPager.style = hyPagerCss;
-
-export { HyPager as hy_pager };