@itcenteratunihelsinki/huds-lib 0.5.45 → 0.5.46

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

@@ -1,324 +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';
-import { R as ResizeObserver } from './index-41a1e449.js';
-
-const hyDesktopMenuLinksCss = ":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{-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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.hy-site-header__menu-desktop{height:100%;margin:0 32px}.hy-site-header__menu-desktop.is-group{margin:0}.hy-desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;list-style:none;margin:0;padding:0;width:100%}.is-dropdown .hy-desktop-menu__item{position:relative}.hy-desktop-menu__button{font-size:0.875rem;line-height:16px;font-weight:700;background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;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);height:100%;letter-spacing:-0.7px;padding:39px 10px 13px;text-transform:uppercase;text-decoration:none;text-align:left;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-group .hy-desktop-menu__button{padding:26px 10px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 1601px){.hy-desktop-menu__button.is-long br{display:none}}@media (min-width: 1601px){.hy-desktop-menu__button{font-size:1rem;line-height:16px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:26px 10px}}.hy-desktop-menu__button:hover{cursor:pointer}.hy-desktop-menu__button:hover span{color:var(--brand-main)}.hy-desktop-menu__button:hover svg{fill:var(--brand-main)}.hy-desktop-menu__button:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px;color:var(--link-blue)}.hy-desktop-menu__button span{pointer-events:none}.hy-desktop-menu__button hy-icon{pointer-events:none;margin-left:4px}.hy-desktop-menu__button hy-icon svg{height:10px;width:10px}.hy-desktop-menu__button[aria-expanded=true] hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true]){-webkit-box-shadow:none;box-shadow:none}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::after,.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::before{display:none}.hy-desktop-menu__button.is-active-trail,.hy-desktop-menu__button[aria-expanded=true]{-webkit-box-shadow:inset 0 -4px 0 0 var(--grayscale-black);box-shadow:inset 0 -4px 0 0 var(--grayscale-black);position:relative}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::after,.hy-desktop-menu__button[aria-expanded=true]::before{background-color:var(--grayscale-white);content:\"\";height:5px;width:16px;position:absolute;bottom:-1px;z-index:1000}.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::before{left:-16px}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button[aria-expanded=true]::after{right:-16px}.hy-desktop-menu__panel{background-color:var(--grayscale-white);-webkit-transition:none;transition:none;position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-desktop-menu__panel[aria-hidden=true]{display:none;opacity:0}.hy-desktop-menu__panel:not(.is-dropdown){left:0;right:0;width:100%}.hy-desktop-menu__panel.is-dropdown{border:1px solid var(--grayscale-black);left:-17px;top:100%}.hy-desktop-menu__panel-container{margin:0 auto;padding:40px 24px;max-width:120.0625rem;width:100%;display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-container{padding:24px 16px 40px}.hy-desktop-menu__panel-menu{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-column-start:2}.hy-desktop-menu__panel-header{display:inline-grid;gap:8px 16px;grid-template-areas:\"icon link\" \"icon description\";grid-template-columns:auto;grid-template-rows:auto;margin-bottom:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-header{margin-bottom:16px}.hy-desktop-menu__panel-header>hy-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:icon;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-desktop-menu__panel-header>hy-icon svg{fill:var(--grayscale-white)}.hy-desktop-menu__panel-header a{font-size:1.5625rem;line-height:32px;font-weight:700;color:var(--brand-main);font-family:var(--main-font-family);grid-area:link;letter-spacing:-0.5px;margin-top:4px;text-decoration:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.hy-desktop-menu__panel-header a:hover{text-decoration:underline}.hy-desktop-menu__panel-header p{font-size:1.0625rem;line-height:26px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);grid-area:description;margin:0;width:690px}.hy-desktop-menu__panel-content{padding-left:56px;display:inline-grid;grid-template-columns:400px}.hy-desktop-menu__panel-content.has-shortcuts{grid-template-columns:400px 496px}.is-dropdown .hy-desktop-menu__panel-content{grid-template-columns:310px}.hy-desktop-menu__panel-shortcuts{margin-left:48px;padding-left:48px;border-left:1px solid var(--grayscale-medium)}.hy-desktop-menu__panel-shortcuts>h2{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.36px;margin:0 0 24px}.hy-desktop-menu__panel-links{list-style:none;margin:0;padding:0;display:inline-grid;gap:20px}.hy-desktop-menu__panel-link{font-size:1rem;line-height:24px;font-weight:600;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-desktop-menu__panel-link:hover{text-decoration:underline}.hy-desktop-menu__panel-link hy-icon{margin-right:12px;margin-top:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-desktop-menu__panel-link hy-icon svg{fill:var(--grayscale-black)}.hy-desktop-menu__panel-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-desktop-menu__panel-link span hy-icon svg{fill:var(--brand-main)}.hy-desktop-menu__panel-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:-8px}.hy-desktop-menu__panel-close-button:hover{cursor:pointer}.hy-desktop-menu__panel-close-button hy-icon{margin-left:8px}.hy-desktop-menu__panel-close-button hy-icon svg{fill:var(--brand-main)}";
-
-let keys = {
-  enter: 'Enter',
-  tab: 'Tab',
-  space: 'Space',
-};
-const HyDesktopMenuLinks = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.menuDesktopToggled = createEvent(this, "menuDesktopToggled", 7);
-    /*
-    First level menu links to be displayed on Desktop screens.
-    * */
-    this.isGroup = false;
-    this.isDropdown = false;
-    this.firstLevelLinksList = [];
-    this.menuLinkItems = [];
-    this.hasToolbar = false;
-    this.isDesktopMenuOpen = false;
-    this.currenOpenMenuId = 0;
-    this.isNewMenuIdOnHover = false;
-    // private _submenuLeftMargin: number = 32;
-    this._headerBorderOffset = 0;
-    this._hoverTimer = null;
-    this._fadeOutTimer = null;
-    this._mouseEnter = null;
-    this._mouseLeave = null;
-  }
-  async componentWillLoad() {
-    this._dataDesktopLinks = await jsonParserWorker(this.dataDesktopLinks);
-  }
-  removeBackdropShadow(size) {
-    // Close backdrop shadow if the screen is < 1200px
-    if (size < 1200) {
-      this.showBackdropShadow();
-    }
-  }
-  showBackdropShadow(state = 'close', top = 0) {
-    let hyHeader = this.el.closest('.hy-site-header');
-    if (!hyHeader)
-      return;
-    let hyBackdropDiv = hyHeader.children[0];
-    if (hyBackdropDiv && !this.isDropdown) {
-      if (state === 'open') {
-        const windowHeight = window.outerHeight;
-        hyBackdropDiv.style.height = `${windowHeight}px`;
-        hyBackdropDiv.style.top = `${top}px`;
-        hyBackdropDiv.style.position = 'absolute';
-        hyBackdropDiv.classList.add('is-active');
-      }
-      else {
-        hyBackdropDiv.removeAttribute('style');
-        hyBackdropDiv.classList.remove('is-active');
-      }
-    }
-  }
-  showPanel(id) {
-    // Close menu lang menu if it's open
-    this.menuDesktopToggled.emit();
-    clearTimeout(this._hoverTimer);
-    clearTimeout(this._fadeOutTimer);
-    // Open desktop menu panel
-    this.isDesktopMenuOpen = true;
-    const menuItems = this.el.shadowRoot.querySelectorAll(`.hy-desktop-menu__button`);
-    const menuPanelItems = this.el.shadowRoot.querySelectorAll('.hy-desktop-menu__panel'); // all panels
-    const activeMenuItem = this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${id}"]`);
-    const activeMenuItemSibling = activeMenuItem.nextElementSibling; // current panel
-    // Reset elements by removing the active classes.
-    menuItems.forEach((item) => {
-      item.setAttribute('aria-expanded', 'false');
-    });
-    menuPanelItems.forEach((item) => {
-      item.setAttribute('aria-hidden', 'true');
-      item.style.transition = 'none';
-      item.style.opacity = '0';
-    });
-    // Set active attributes to currently active panel.
-    activeMenuItem.setAttribute('aria-expanded', 'true');
-    activeMenuItemSibling.style.opacity = '1';
-    if (this.hasToolbar) {
-      activeMenuItemSibling.classList.add('has-toolbar');
-    }
-    activeMenuItemSibling.setAttribute('aria-hidden', 'false');
-    // Add panels top value automatically with the correct header height
-    let topOffset = window.pageYOffset;
-    const bodyElementClasses = document.body.classList;
-    const headerElement = document.querySelector('hy-site-header');
-    const headerShadowRootElement = headerElement.shadowRoot.querySelector('header');
-    let headerElementHeight = headerShadowRootElement.offsetHeight + this._headerBorderOffset;
-    let headerElementOffset = headerShadowRootElement.offsetTop;
-    let panelElementOffset = headerElementHeight + headerElementOffset;
-    // Add shadow backdrop
-    let rect = activeMenuItemSibling.getBoundingClientRect();
-    let backdropOffset = headerElementHeight + headerElementOffset + rect.height;
-    let backdropToolbarOffset = backdropOffset - 79;
-    if (!this.isDropdown) {
-      window.addEventListener('scroll', () => {
-        topOffset = window.pageYOffset;
-        if (topOffset === 0) {
-          activeMenuItemSibling.style.top = `${panelElementOffset}px`;
-        }
-        if (headerShadowRootElement.classList.contains('hy-site-header--sticky-active') && topOffset > 0) {
-          if (bodyElementClasses.contains('toolbar-horizontal')) {
-            activeMenuItemSibling.style.top = `${headerElementHeight}px`;
-            if (this.isDesktopMenuOpen) {
-              this.showBackdropShadow('open', backdropToolbarOffset);
-            }
-          }
-        }
-      });
-    }
-    if (!this.isDropdown) {
-      if (headerShadowRootElement.classList.contains('hy-site-header--sticky-active') && topOffset > 0) {
-        if (bodyElementClasses.contains('toolbar-horizontal')) {
-          activeMenuItemSibling.style.top = `${headerElementHeight}px`;
-          if (this.isDesktopMenuOpen) {
-            this.showBackdropShadow('open', backdropToolbarOffset);
-          }
-        }
-        else {
-          activeMenuItemSibling.style.top = `${panelElementOffset}px`;
-          this.showBackdropShadow('open', backdropOffset);
-        }
-      }
-      else {
-        activeMenuItemSibling.style.top = `${panelElementOffset}px`;
-        this.showBackdropShadow('open', backdropOffset);
-      }
-    }
-    if (this.isDropdown) {
-      let windowWidth = window.outerWidth;
-      const desktopMenuPanelWidth = activeMenuItemSibling.offsetWidth;
-      if (windowWidth - activeMenuItem.getBoundingClientRect().left < desktopMenuPanelWidth) {
-        activeMenuItemSibling.style.left = `auto`;
-        activeMenuItemSibling.style.right = `-17px`;
-      }
-      window.addEventListener('resize', () => {
-        windowWidth = window.outerWidth;
-        if (windowWidth - activeMenuItem.getBoundingClientRect().left < desktopMenuPanelWidth) {
-          activeMenuItemSibling.style.left = `auto`;
-          activeMenuItemSibling.style.right = `-17px`;
-        }
-        else {
-          activeMenuItemSibling.style.left = `-17px`;
-          activeMenuItemSibling.style.right = `auto`;
-        }
-      });
-    }
-  }
-  closePanel(fadeOut = false) {
-    this.isDesktopMenuOpen = false;
-    this.isNewMenuIdOnHover = false;
-    this.currenOpenMenuId = 0;
-    this.showBackdropShadow();
-    this.clearPanelItemsStatus(fadeOut);
-    clearTimeout(this._hoverTimer);
-  }
-  clearPanelItemsStatus(fadeOut = false) {
-    const menuItems = this.el.shadowRoot.querySelectorAll(`.hy-desktop-menu__button`);
-    const menuPanelItems = this.el.shadowRoot.querySelectorAll('.hy-desktop-menu__panel');
-    // Reset elements by removing the active classes.
-    menuItems.forEach((item) => {
-      // item.classList.remove('desktop-menu-link--is-active');
-      item.setAttribute('aria-expanded', 'false');
-    });
-    if (fadeOut) {
-      menuPanelItems.forEach((item) => {
-        item.style.opacity = '0';
-        item.style.transition = 'opacity 1s';
-      });
-      this._fadeOutTimer = window.requestAnimationFrame(() => {
-        menuPanelItems.forEach((item) => {
-          // item.classList.remove('hy-desktop-menu-panel--is-active');
-          item.setAttribute('aria-hidden', 'true');
-        });
-      });
-    }
-    else {
-      menuPanelItems.forEach((item) => {
-        // item.classList.remove('hy-desktop-menu-panel--is-active');
-        item.setAttribute('aria-hidden', 'true');
-        item.style.opacity = '0';
-        item.style.transition = 'none';
-      });
-    }
-  }
-  handleDesktopMenuClose(event) {
-    let fadeOut = true;
-    this.closePanel(fadeOut);
-    event.stopPropagation();
-  }
-  // CLose the desktop menu panel if user opens the language menu.
-  menuLanguageToggled() {
-    let fadeOut = true;
-    this.closePanel(fadeOut);
-  }
-  // Close the desktop menu panel if user opens University main menu
-  universityMainMenuPanelToggled() {
-    let fadeOut = true;
-    this.closePanel(fadeOut);
-  }
-  // Close the desktop menu panel if user opens search panel
-  searchPanelToggled() {
-    let fadeOut = true;
-    this.closePanel(fadeOut);
-  }
-  // CLose the desktop menu panel if user scrolls Sticky Header till the very top.
-  headerScrollUp() {
-    let fadeOut = false;
-    this.closePanel(fadeOut);
-  }
-  handleDesktopMenuEnter(event, id) {
-    if (this.isDesktopMenuOpen && this._mouseEnter == null) {
-      clearTimeout(this._mouseLeave);
-      this._mouseLeave = null;
-      this._mouseEnter = setTimeout(() => {
-        this.isNewMenuIdOnHover = true;
-        clearTimeout(this._fadeOutTimer);
-        const activeMenuItem = this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${id}"]`);
-        // Set focus to the button.
-        if (activeMenuItem !== null)
-          activeMenuItem.focus();
-        this.currenOpenMenuId = id;
-        this.showPanel(id);
-        event.stopPropagation();
-      }, 500);
-    }
-  }
-  handleDesktopMenuLeave() {
-    clearTimeout(this._mouseEnter);
-    this._mouseEnter = null;
-  }
-  handleWindowClick(event) {
-    // Check if event is being fired during pressing a key (event.detail==0 in this case)
-    if (event.detail == 0)
-      return;
-    if (this.isDesktopMenuOpen) {
-      this.handleDesktopMenuClose(event);
-      event.stopPropagation();
-    }
-  }
-  handleDesktopMenuClick(event, id) {
-    // Check if event is being fired during pressing a key (event.detail==0 in this case)
-    if (event.detail == 0)
-      return;
-    event.stopPropagation();
-    if (!this.isDesktopMenuOpen) {
-      this.currenOpenMenuId = id;
-      this.showPanel(id);
-    }
-    else if (this.isDesktopMenuOpen) {
-      this.handleDesktopMenuClose(event);
-    }
-    if (this.isNewMenuIdOnHover) {
-      this.isNewMenuIdOnHover = false;
-    }
-  }
-  handleKeyDown(event, id) {
-    event.stopPropagation();
-    const key = event.code;
-    if ([keys.enter, keys.space].includes(key)) {
-      if (!this.isDesktopMenuOpen) {
-        this.currenOpenMenuId = id;
-        this.showPanel(id);
-      }
-      else {
-        this.handleDesktopMenuClose(event);
-      }
-    }
-  }
-  componentDidLoad() {
-    // Set the browser resize observer to gather information about browser width.
-    this.ro = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        this.removeBackdropShadow(entry.contentRect.width);
-      }
-    });
-    this.ro.observe(document.body);
-    let hyToolbar = document.querySelectorAll('#toolbar-administration')[0];
-    if (hyToolbar) {
-      this.hasToolbar = true;
-    }
-    const links = this._dataDesktopLinks;
-    let menuLinkItems = [];
-    if (links) {
-      links.map(({ menuLinkId: id, shortcuts, items, url, description, toggleOff, label, labelExtra, isExternal, isActive, shortcutsTitle, closeButtonTitle, }) => {
-        let target = isExternal ? '_blank' : '_self';
-        const isLabelLong = label.split(' ').length >= 3 ? true : false;
-        let customizedLabel = [];
-        if (isLabelLong && !this.isGroup) {
-          customizedLabel = label.split(' ');
-          customizedLabel.splice(2, 0, '</br>');
-        }
-        if (toggleOff) {
-          menuLinkItems.push(h("li", { onMouseEnter: (e) => this.handleDesktopMenuClose(e), class: `hy-desktop-menu__item ${isActive === 'true' ? 'is-active-trail' : ''}` }, h("a", { "aria-current": label, href: url, target: target, class: `hy-desktop-menu__button ${isLabelLong && !this.isGroup ? 'is-long' : ''}`, "menu-link-id": id }, labelExtra ? h("span", { class: "label" }, labelExtra) : h("span", { class: "label" }, label))));
-        }
-        else {
-          menuLinkItems.push(h("li", { class: "hy-desktop-menu__item" }, h("button", { tabindex: "0", type: "button", class: `hy-desktop-menu__button ${isActive === 'true' ? 'is-active-trail' : ''} ${isLabelLong && !this.isGroup ? 'is-long' : ''}`, "link-id": id, onClick: (e) => this.handleDesktopMenuClick(e, id), onKeyDown: (e) => this.handleKeyDown(e, id), onMouseEnter: (e) => this.handleDesktopMenuEnter(e, id), onMouseLeave: () => this.handleDesktopMenuLeave(), "aria-expanded": "false" }, h("span", { innerHTML: isLabelLong && !this.isGroup ? customizedLabel.join(' ') : label }), h("hy-icon", { icon: 'hy-icon-caret-down', size: 32 })), h("section", { class: `hy-desktop-menu__panel ${this.isDropdown ? 'is-dropdown' : ''}`, "aria-hidden": "true" }, h("div", { class: "hy-desktop-menu__panel-container" }, h("div", { class: "hy-desktop-menu__panel-menu" }, h("div", { class: "hy-desktop-menu__panel-header" }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 24 }), h("a", { "aria-current": label, href: url, target: target, "menu-link-id": id }, labelExtra || label), description && !this.isDropdown && h("p", null, description)), h("div", { class: `hy-desktop-menu__panel-content ${shortcuts.length > 0 ? 'has-shortcuts' : ''}` }, h("ul", { class: 'hy-desktop-menu__panel-links hy-desktop-menu__panel-links--menu', "menu-link-id": id }, items.map(({ label, url, isExternal }) => {
-            let subitemTarget = isExternal ? '_blank' : '_self';
-            return (h("li", { class: "hy-desktop-menu__panel-links-item" }, h("a", { class: "hy-desktop-menu__panel-link", href: url, target: subitemTarget }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, label, isExternal && h("hy-icon", { icon: 'hy-icon-arrow-right', size: 12 })))));
-          })), shortcuts.length > 0 && (h("div", { class: "hy-desktop-menu__panel-shortcuts" }, h("h2", null, shortcutsTitle), h("ul", { class: "hy-desktop-menu__panel-links hy-desktop-menu__panel-links--shortcuts" }, shortcuts.map(({ shortcut_title, shortcut_url, shortcut_is_external, shortcut_aria_label }) => {
-            let target = shortcut_is_external ? '_blank' : '_self';
-            return (h("li", { class: "hy-desktop-menu__panel-links-item" }, h("a", { "aria-current": shortcut_aria_label, href: shortcut_url, class: "hy-desktop-menu__panel-link", target: target, "aria-label": shortcut_aria_label }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, shortcut_title, shortcut_is_external && h("hy-icon", { icon: 'hy-icon-arrow-right', size: 12 })))));
-          })))))), !this.isDropdown && (h("button", { onClick: (e) => this.handleDesktopMenuClose(e), class: {
-              'hy-desktop-menu__panel-close-button': true,
-            }, "aria-label": "Close menu" }, h("span", null, closeButtonTitle), h("hy-icon", { icon: 'hy-icon-remove', size: 16 })))))));
-        }
-      });
-    }
-    this.menuLinkItems = menuLinkItems;
-  }
-  render() {
-    return (h("nav", { role: 'navigation', class: `hy-site-header__menu-desktop ${this.isGroup ? 'is-group' : ''} ${this.isDropdown ? 'is-dropdown' : ''}` }, h("ul", { class: `hy-desktop-menu ${this.isDesktopMenuOpen ? 'is-panel-open' : ''}` }, this.menuLinkItems)));
-  }
-  get el() { return getElement(this); }
-};
-HyDesktopMenuLinks.style = hyDesktopMenuLinksCss;
-
-export { HyDesktopMenuLinks as hy_desktop_menu_links };

package/dist/esm/hy-docs-container.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h } from './index-083c8c8a.js';
-
-const docsContainerCss = "div.hy-docs-container{display:block;margin:2rem 0}";
-
-const DocsContainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("div", { class: "hy-docs-container" }, h("slot", null)));
-  }
-};
-DocsContainer.style = docsContainerCss;
-
-export { DocsContainer as hy_docs_container };

package/dist/esm/hy-dropdown-panel_2.entry.js

@@ -1,22 +0,0 @@
-import { r as registerInstance, h } from './index-083c8c8a.js';
-
-const HyDropdownPanel = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("ul", { id: "dropdownPanel", class: `hy-dropdown__panel ${this.isHidden ? 'is-hidden' : ''}`, "aria-hidden": `${this.isHidden || false}`, role: "region", "aria-labelledby": "dropdownToggle" }, h("slot", null)));
-  }
-};
-
-const HyDropdownPanelItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.isLast = false;
-  }
-  render() {
-    return (h("li", { class: `hy-dropdown__panel-item ${this.isLast ? 'is-last' : ''}` }, h("input", { type: "checkbox", class: "hy-dropdown__checkbox", id: `${this.dropdownItemId}`, value: `${this.dropdownItemValue}` }), h("label", { class: "hy-dropdown__label", htmlFor: `${this.dropdownItemId}` }, this.dropdownItemLabel, h("hy-icon", { class: "hy-dropdown__label-icon", icon: 'hy-icon-done', size: 14, "aria-hidden": "true" }))));
-  }
-};
-
-export { HyDropdownPanel as hy_dropdown_panel, HyDropdownPanelItem as hy_dropdown_panel_item };

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

@@ -1,109 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-083c8c8a.js';
-import { j as jsonParserWorker } from './globalScript-92c6b812.js';
-
-const hyDropdownCss = ":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-dropdown{display:inline-block;min-width:100%;position:relative}@media (min-width: 30rem){.hy-dropdown{min-width:48.3%}}@media (min-width: 75.0625rem){.hy-dropdown{min-width:23.03%}}.hy-dropdown label.hy-dropdown__button-label{font-size:1rem;line-height:20px;font-weight:700;display:block;font-family:var(--main-font-family);letter-spacing:-0.32px;margin-bottom:8px}.hy-dropdown--single .hy-dropdown__panel{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:330px;min-width:100%}.hy-dropdown__toggle{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;height:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 0 0 16px;text-align:left;max-width:280px;width:100%}@media (min-width: 30rem){.hy-dropdown__toggle{font-size:1rem;line-height:24px;min-height:44px}}@media (min-width: 75.0625rem){.hy-dropdown__toggle{min-height:48px}}.hy-dropdown__toggle:hover{border-color:var(--brand-main-light);cursor:pointer}.hy-dropdown__toggle:focus{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}.hy-dropdown__toggle svg{pointer-events:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon{background-color:var(--brand-main-light);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-dropdown__toggle.is-open .hy-dropdown__icon::before{display:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon svg{fill:var(--grayscale-white)}.hy-dropdown__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 16px;position:relative;width:40px}.hy-dropdown__icon::before{border-left:0.5px solid var(--grayscale-medium-dark);content:\"\";display:inline-block;height:65%;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-dropdown__icon{height:44px;width:44px}}@media (min-width: 75.0625rem){.hy-dropdown__icon{height:48px;width:48px}}.hy-dropdown__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-dropdown__icon svg{height:16px;width:16px}}.hy-dropdown__panel{background-color:var(--grayscale-white);-webkit-box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);list-style:none;margin:0;padding:6px;position:absolute;width:100%;z-index:11}.hy-dropdown__panel.is-hidden{display:none;visibility:hidden}.hy-dropdown__panel-item{position:relative}.hy-dropdown__panel-item:not(.is-last){margin-bottom:6px}.hy-dropdown__label{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 16px;text-align:left;width:100%}@media (min-width: 30rem){.hy-dropdown__label{font-size:1rem;line-height:24px}}.hy-dropdown__label-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none !important;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;visibility:hidden;width:40px}.hy-dropdown__checkbox{height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:10}.hy-dropdown__checkbox:checked+label{border-color:var(--grayscale-black);border-style:solid inset solid solid;border-width:2px;color:var(--grayscale-black);outline:0;text-indent:-1px}.hy-dropdown__checkbox:checked+label .hy-dropdown__label-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;visibility:visible}.hy-dropdown__checkbox:hover{cursor:pointer}.hy-dropdown__checkbox:hover+label{border-color:var(--brand-main-light)}.hy-dropdown__checkbox:focus+label{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}";
-
-const HyDropdown = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.single = false;
-    this.dropdownLabel = null;
-    this.dropdownId = 'dropdownToggle';
-    this.defaultLabel = 'All';
-    this.defaultOption = null;
-    this.isPanelOpen = false;
-    this.isChecked = false;
-    this.currentSingle = [{ id: 0, label: this.defaultLabel, value: 0 }];
-  }
-  async componentWillLoad() {
-    this._dropdownOptions = await jsonParserWorker(this.dropdownOptions);
-  }
-  componentWillUpdate() {
-    const items = this.el.querySelectorAll('.hy-dropdown__checkbox');
-    if (items) {
-      if ([...items].some((item) => item.checked == true)) {
-        this.isChecked = true;
-      }
-      else {
-        this.isChecked = false;
-      }
-    }
-  }
-  watchPropHandler(newValue, oldValue) {
-    if (!this.single)
-      return;
-    if (newValue !== oldValue) {
-      const dropdownPanelCheckboxElements = this.el.getElementsByClassName('hy-dropdown__checkbox');
-      Array.from(dropdownPanelCheckboxElements).filter((item) => {
-        if (item.id == newValue) {
-          item.checked = true;
-          this.currentSingle = this._dropdownOptions.filter((option) => option.id == newValue);
-          return;
-        }
-        return null;
-      });
-    }
-  }
-  handlePanelToggle() {
-    this.isPanelOpen = !this.isPanelOpen;
-  }
-  handleClick(event) {
-    const dropdownToggleButtonElement = this.el.querySelector(`#${this.dropdownId}`);
-    const dropdownPanelElement = this.el.querySelector('.hy-dropdown__panel');
-    const dropdownPanelCheckboxElements = this.el.querySelectorAll('.hy-dropdown__checkbox');
-    const dropdownToggleButtonIconElement = this.el.querySelector('.hy-dropdown__icon');
-    const { target } = event;
-    const allowedElements = [
-      dropdownToggleButtonElement,
-      dropdownPanelElement,
-      dropdownToggleButtonIconElement,
-      ...dropdownPanelCheckboxElements, // Spread ("copy") items to allowedElement array.
-    ];
-    if (this.isPanelOpen && !allowedElements.includes(target)) {
-      this.isPanelOpen = false;
-    }
-    event.stopPropagation();
-  }
-  handleSingleClick(event) {
-    if (!this.single || !this.isPanelOpen)
-      return;
-    const dropdownPanelCheckboxElements = this.el.getElementsByClassName('hy-dropdown__checkbox');
-    const allowedElements = [...dropdownPanelCheckboxElements];
-    const { target } = event;
-    if (!allowedElements.includes(target))
-      return;
-    Array.from(dropdownPanelCheckboxElements).filter((item) => {
-      if (item.id == target.id) {
-        if (!item.checked) {
-          this.currentSingle = [{ id: null, label: this.defaultLabel, value: null }];
-          return;
-        }
-        this.currentSingle = this._dropdownOptions.filter((option) => option.id == target.id);
-        return;
-      }
-      if (item.id !== target.id && item.checked) {
-        item.checked = false;
-        return;
-      }
-      return null;
-    });
-    event.stopPropagation();
-  }
-  render() {
-    const { label: currentLabel, id: currentId, value: currentValue } = this.currentSingle[0];
-    const classAttributes = ['hy-dropdown', this.single ? 'hy-dropdown--single' : ''].join(' ');
-    if (this.single) {
-      return (h(Host, { class: classAttributes }, this.dropdownLabel && (h("label", { class: "hy-dropdown__button-label", htmlFor: this.dropdownId }, this.dropdownLabel)), h("button", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? 'is-open' : ''}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-haspopup": "true", "aria-controls": "dropdownPanel", onClick: () => this.handlePanelToggle(), "aria-label": `${!this.isPanelOpen ? 'Open' : 'Close'} dropdown`, "data-current-id": currentId, "data-current-value": currentValue, value: currentId }, currentLabel, h("hy-icon", { class: "hy-dropdown__icon", icon: 'hy-icon-caret-down', size: 14, "aria-hidden": "true" })), h("hy-dropdown-panel", { "checkbox-checked": this.isChecked ? 'true' : 'false', "is-hidden": !this.isPanelOpen }, this._dropdownOptions.map(({ id, label, value }, index) => (h("hy-dropdown-panel-item", { "dropdown-item-id": id, "dropdown-item-label": label, "dropdown-item-value": value, "is-last": this._dropdownOptions.length - 1 === index }))))));
-    }
-    else {
-      return (h(Host, { class: classAttributes }, h("button", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? 'is-open' : ''}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-haspopup": "true", "aria-controls": "dropdownPanel", onClick: () => this.handlePanelToggle(), "aria-label": `${!this.isPanelOpen ? 'Open' : 'Close'} dropdown` }, this.dropdownLabel && this.dropdownLabel, h("hy-icon", { class: "hy-dropdown__icon", icon: 'hy-icon-caret-down', size: 14, "aria-hidden": "true" })), h("hy-dropdown-panel", { "checkbox-checked": this.isChecked ? 'true' : 'false', "is-hidden": !this.isPanelOpen }, this._dropdownOptions.map(({ id, label, value }, index) => (h("hy-dropdown-panel-item", { "dropdown-item-id": id, "dropdown-item-label": label, "dropdown-item-value": value, "is-last": this._dropdownOptions.length - 1 === index }))))));
-    }
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "defaultOption": ["watchPropHandler"]
-  }; }
-};
-HyDropdown.style = hyDropdownCss;
-
-export { HyDropdown as hy_dropdown };

package/dist/esm/hy-filter-group-item.entry.js

@@ -1,13 +0,0 @@
-import { r as registerInstance, h } from './index-083c8c8a.js';
-import { C as ColorVariant } from './utils-708bbefe.js';
-
-const HyFilterGroupItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("li", { class: "hy-filter-group__filter" }, h("button", { type: "button", class: "hy-filter-group__button", "aria-label": `Deselect ${this.filterGroupItemLabel}` }, this.filterGroupItemLabel, h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-remove', size: 10, "aria-hidden": "true", fill: ColorVariant.grey_dark })), h("slot", null)));
-  }
-};
-
-export { HyFilterGroupItem as hy_filter_group_item };

package/dist/esm/hy-filter-group.entry.js

@@ -1,33 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-083c8c8a.js';
-
-const hyFilterGroupCss = ":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-filter-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.hy-filter-group__listing{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.hy-filter-group__label{font-size:0.75rem;line-height:16px;border-radius:2px;color:var(--grayscale-dark);font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px 8px 0;padding:4px 0}@media (min-width: 30rem){.hy-filter-group__label{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 0}}.hy-filter-group__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border-radius:2px;border:0;color:var(--grayscale-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px;padding:4px 6px}@media (min-width: 30rem){.hy-filter-group__button{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 8px}}.hy-filter-group__button:hover{cursor:pointer}.hy-filter-group__button-icon{margin-left:6px}@media (min-width: 30rem){.hy-filter-group__button-icon{margin-left:8px}}.hy-filter-group__button-icon svg{pointer-events:none}@media (min-width: 30rem){.hy-filter-group__button-icon svg{height:12px;width:12px}}.hy-filter-group__divider{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:4px 6px}@media (min-width: 30rem){.hy-filter-group__divider{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px}}";
-
-const HyFilterGroup = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  arrayDataWatcher(newValue) {
-    if (typeof newValue === 'string') {
-      this._filterGroupFilters = JSON.parse(newValue);
-    }
-    else {
-      this._filterGroupFilters = newValue;
-    }
-  }
-  componentWillLoad() {
-    this.arrayDataWatcher(this.filterGroupFilters);
-  }
-  // TODO: Finish handleFilterDeselect functionality with real data.
-  handleFilterDeselect(id) {
-    console.log(id);
-  }
-  render() {
-    return (h(Host, { class: "hy-filter-group" }, h("ul", { class: "hy-filter-group__listing" }, h("li", null, h("h3", { class: "hy-filter-group__label" }, this.filterGroupLabel)), this._filterGroupFilters.map(({ id, label }) => (h("hy-filter-group-item", { "filter-group-item-id": id, "filter-group-item-label": label, onClick: () => this.handleFilterDeselect(id) }))))));
-  }
-  static get watchers() { return {
-    "filterGroupFilters": ["arrayDataWatcher"]
-  }; }
-};
-HyFilterGroup.style = hyFilterGroupCss;
-
-export { HyFilterGroup as hy_filter_group };

package/dist/esm/hy-filter-list-type.entry.js

@@ -1,24 +0,0 @@
-import { r as registerInstance, h } from './index-083c8c8a.js';
-import { L as ListStyleVariants } from './utils-708bbefe.js';
-
-const hyFilterListTypeCss = ":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-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";
-
-const HyFilterListType = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("div", { class: "hy-filter__list-type" }, h("span", null, this.filterLabel), h("button", { type: "button", class: {
-        'hy-filter-item': true,
-        'hy-filter__list-type__list': true,
-        'is-active': this.filterValue == ListStyleVariants.list,
-      }, "aria-label": `${this.filterLabel}--list` }, h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-list-style-list', size: 16, "aria-hidden": "true" })), h("button", { type: "button", class: {
-        'hy-filter-item': true,
-        'hy-filter__list-type__grid': true,
-        'is-active': this.filterValue == ListStyleVariants.grid,
-      }, "aria-label": `${this.filterLabel}--grid` }, h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-list-style-grid', size: 16, "aria-hidden": "true" }))));
-  }
-};
-HyFilterListType.style = hyFilterListTypeCss;
-
-export { HyFilterListType as hy_filter_list_type };

package/dist/esm/hy-filter-visibility-tool-reset_2.entry.js

@@ -1,21 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-083c8c8a.js';
-
-const HyFilterVisibilityToolReset = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--reset", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: 'hy-icon-remove', size: 14, "aria-hidden": "true" }), "Reset filters"));
-  }
-};
-
-const HyFilterVisibilityToolToggle = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-more", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: 'hy-icon-plus', size: 12, "aria-hidden": "true" }), "Show more filters"), h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-less", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: 'hy-icon-minus', size: 12, "aria-hidden": "true" }), "Show less filters")));
-  }
-};
-
-export { HyFilterVisibilityToolReset as hy_filter_visibility_tool_reset, HyFilterVisibilityToolToggle as hy_filter_visibility_tool_toggle };

package/dist/esm/hy-filter-visibility-tool.entry.js

@@ -1,20 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-083c8c8a.js';
-
-const hyFilterVisibilityToolCss = ":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-filter-visibility-tool{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.35px;padding:0;margin-right:1rem}@media (min-width: 30rem){.hy-filter-visibility-tool{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}.hy-filter-visibility-tool:hover{color:var(--brand-main);cursor:pointer}.hy-filter-visibility-tool:hover svg{fill:var(--brand-main)}.hy-filter-visibility-tool:focus{color:var(--brand-main);outline-offset:1px;outline:2px solid var(--brand-main)}.hy-filter-visibility-tool:focus svg{fill:var(--brand-main)}.hy-filter-visibility-tool__icon{-ms-flex-negative:0;flex-shrink:0;margin-right:6px}.hy-filter-visibility-tool__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-filter-visibility-tool__icon svg{height:16px;width:16px}}";
-
-const HyFilterVisibilityTool = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    switch (this.filterVisibilityToolType) {
-      case 'toggle':
-        return (h(Host, null, h("hy-filter-visibility-tool-toggle", null)));
-      case 'reset':
-        return (h(Host, null, h("hy-filter-visibility-tool-reset", null)));
-    }
-  }
-};
-HyFilterVisibilityTool.style = hyFilterVisibilityToolCss;
-
-export { HyFilterVisibilityTool as hy_filter_visibility_tool };