@itcenteratunihelsinki/huds-lib 0.8.72 → 0.8.74

package/dist/collection/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.js

@@ -2,407 +2,408 @@ import { Host, h } from "@stencil/core";
 import { ColorVariant, SiteLogoSize } from "../../../utils/utils";
 import { jsonParserWorker } from "../../../global/globalScript";
 let keys = {
-  enter: "Enter",
+    enter: "Enter",
 };
 export class HyMenuMainGroup {
-  constructor() {
-    this.menuLabel = "University main menu";
-    this.menuLabelClose = "Close";
-    this.dataMainMenu = undefined;
-    this.isMobile = false;
-    this.logoUrl = undefined;
-    this.logoLabel = undefined;
-    this.siteLabel = undefined;
-    this.siteUrl = undefined;
-    this.donate = undefined;
-    this.isMenuOpen = false;
-  }
-  async componentWillLoad() {
-    this._dataMainMenu = await jsonParserWorker(this.dataMainMenu);
-  }
-  handleComponentClick(event) {
-    this.isMenuOpen = !this.isMenuOpen;
-    this.emitEvent();
-    if (this.isMenuOpen) {
-      this.adjustMainMenuPosition(event.target);
+    constructor() {
+        this.menuLabel = "University main menu";
+        this.menuLabelClose = "Close";
+        this.dataMainMenu = undefined;
+        this.isMobile = false;
+        this.logoUrl = undefined;
+        this.logoLabel = undefined;
+        this.siteLabel = undefined;
+        this.siteUrl = undefined;
+        this.donate = undefined;
+        this.isMenuOpen = false;
     }
-    if (!this.isMenuOpen) {
-      this.showBackdropShadow('close');
+    async componentWillLoad() {
+        this._dataMainMenu = await jsonParserWorker(this.dataMainMenu);
     }
-    event.stopPropagation();
-  }
-  handleComponentKeyDown(event) {
-    event.stopPropagation();
-    const key = event.code;
-    let target = event.target;
-    if (key === "Escape" && this.isMenuOpen) {
-      this.isMenuOpen = false;
-      this.emitEvent();
-    }
-    if (target && [keys.enter].includes(key)) {
-      this.isMenuOpen = !this.isMenuOpen;
-      if (this.isMenuOpen) {
+    handleComponentClick(event) {
+        this.isMenuOpen = !this.isMenuOpen;
         this.emitEvent();
-        this.adjustMainMenuPosition(target);
-      }
+        if (this.isMenuOpen) {
+            this.adjustMainMenuPosition(event.target);
+        }
+        if (!this.isMenuOpen) {
+            this.showBackdropShadow('close');
+        }
+        event.stopPropagation();
     }
-  }
-  // Handle events that should close the menu.
-  handleOutsideMenuClick(event) {
-    if (this.isMenuOpen) {
-      this.isMenuOpen = false;
-      this.handleTopMenuClose(event);
+    handleComponentKeyDown(event) {
+        event.stopPropagation();
+        const key = event.code;
+        let target = event.target;
+        if (key === "Escape" && this.isMenuOpen) {
+            this.isMenuOpen = false;
+            this.emitEvent();
+        }
+        if (target && [keys.enter].includes(key)) {
+            this.isMenuOpen = !this.isMenuOpen;
+            if (this.isMenuOpen) {
+                this.emitEvent();
+                this.adjustMainMenuPosition(target);
+            }
+        }
     }
-    event.stopPropagation();
-  }
-  emitEvent() {
-    // Close other panels if they are open (lang menu, search, main menu, ..).
-    this.universityMainMenuToggled.emit();
-    this.mobileMenuTopToggle.emit();
-  }
-  // TODO: Cleanup this. Find cleaner way to do positioning.
-  adjustMainMenuPosition(target) {
-    let hyTopHeader = this.el.closest(".hy-site-header__content-top");
-    if (hyTopHeader && !hyTopHeader.hasAttribute("is-mobile")) {
-      let mainMenuToggle = target.shadowRoot.querySelector(".menu--main-group__toggle");
-      let mainMenuDropdown = target.shadowRoot.querySelector(".menu--main-group__dropdown");
-      let mainMenuList = target.shadowRoot.querySelector(".list");
-      if (mainMenuDropdown && mainMenuList && mainMenuToggle) {
-        let rectHeader = hyTopHeader.getBoundingClientRect();
-        let rectMenuToggle = mainMenuToggle.getBoundingClientRect();
-        mainMenuDropdown.style.top = `${rectHeader.height}px`;
-        mainMenuList.style.left = `${rectMenuToggle.left}px`;
-      }
-      let headerHeight = hyTopHeader.offsetHeight + 270;
-      this.showBackdropShadow("open", headerHeight);
+    // Handle events that should close the menu.
+    handleOutsideMenuClick(event) {
+        if (this.isMenuOpen) {
+            this.isMenuOpen = false;
+            this.handleTopMenuClose(event);
+        }
+        event.stopPropagation();
     }
-  }
-  // TODO: Handle backdrop with CSS.
-  showBackdropShadow(state = "close", top = 0) {
-    let hyHeader = this.el.closest(".hy-site-header");
-    let hyBackdropDiv = hyHeader.children[0];
-    if (hyBackdropDiv) {
-      if (state === "open") {
-        let me = window.outerHeight - top;
-        hyBackdropDiv.style.height = `${me}px`;
-        hyBackdropDiv.style.top = `${top}px`;
-        hyBackdropDiv.style.position = "absolute";
-        hyBackdropDiv.classList.add("is-active");
-      }
-      else {
-        hyBackdropDiv.removeAttribute("style");
-        hyBackdropDiv.classList.remove("is-active");
-      }
+    emitEvent() {
+        // Close other panels if they are open (lang menu, search, main menu, ..).
+        this.universityMainMenuToggled.emit();
+        this.mobileMenuTopToggle.emit();
     }
-  }
-  handleTopMenuClose(event) {
-    this.isMenuOpen = false;
-    this.mobileMenuTopToggle.emit();
-    this.showBackdropShadow('close');
-    event.stopPropagation();
-  }
-  render() {
-    const white = "var(--grayscale-white)";
-    const logoSizeGroup = this.isMobile ? SiteLogoSize.small : SiteLogoSize.small;
-    const logoColorGroup = ColorVariant.white;
-    return this.isMobile ? (h(Host, { class: {
-        "menu--main-group--mobile": true,
-        "menu--main-group--mobile__is-open": this.isMenuOpen,
-      } }, h("button", { "aria-label": this.menuLabel, class: {
-        "menu--main-group__mobile-toggle": true,
-        "is-open": this.isMenuOpen,
-      } }, h("hy-icon", { icon: "hy-icon-slim-hamburger-menu", size: 20, fill: white })), h("nav", { role: "navigation", "aria-hidden": this.isMenuOpen ? "false" : "true", class: {
-        "menu--main-group__dropdown--mobile": true,
-        "is-open": this.isMenuOpen,
-      } }, h("div", { class: "menu--main-group__dropdown__top" }, h("div", { class: "menu--main-group__logo-container", id: "menu-logo" }, h("hy-site-logo", { "is-group": true, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), h("button", { "aria-label": `Close ${this.menuLabel}`, class: "menu--main-group__dropdown__close", onClick: (e) => this.handleTopMenuClose(e) }, h("hy-icon", { icon: "hy-icon-remove", size: 20, fill: white }))), h("div", { class: "menu--main-group__dropdown__items" }, this._dataMainMenu.map((item) => {
-      return (h("a", { href: item.url, class: { "menu-main-link": true } }, h("span", { class: "menu--main-group__label" }, item.label)));
-    })), h("div", { class: "menu--main-group__dropdown__donate" }, this.donate &&
-      this.donate.map((i) => {
-        return (h("a", { class: "menu--secondary__item hy-link__donate group", href: i.url }, h("hy-icon", { icon: "hy-icon-heart-support", size: 14, fill: logoColorGroup }), h("span", { class: "hy-link__donate__label group" }, i.label)));
-      }))))) : (h(Host, { class: {
-        "menu--main-group": true,
-        "menu--main-group__is-open": this.isMenuOpen,
-      } }, h("button", { class: {
-        "menu--main-group__toggle": true,
-        "is-open": this.isMenuOpen,
-      }, "aria-expanded": this.isMenuOpen ? "true" : "false", "aria-haspopup": "menu" }, this.isMenuOpen ? (h("hy-icon", { class: "toggle__close", icon: "hy-icon-remove", size: 8, fill: white })) : (h("hy-icon", { class: "toggle__caret", icon: "hy-icon-slim-hamburger-menu", size: 8, fill: white })), h("span", null, this.menuLabel)), h("div", { class: {
-        "menu--main-group__dropdown": true,
-        "is-open": this.isMenuOpen,
-      } }, h("div", { class: "list" }, this._dataMainMenu.map((item) => {
-      return (h("a", { href: item.url, class: { "menu-main-link": true } }, h("span", { class: "heading-icon" }, h("hy-icon", { icon: "hy-icon-caret-right", size: 10, fill: white })), h("span", { class: "menu--main-group__label" }, item.label)));
-    })), h("button", { onClick: (e) => this.handleComponentClick(e), class: {
-        "panel-toggle": true,
-      }, "aria-label": "Close menu" }, h("span", { class: "panel-toggle__label" }, h("span", { class: "panel-toggle__label__title" }, this.menuLabelClose), h("hy-icon", { icon: "hy-icon-remove", size: 20, fill: ColorVariant.white }))))));
-  }
-  static get is() { return "hy-menu-main-group"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["hy-menu-main-group.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["hy-menu-main-group.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "menuLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "menu-label",
-        "reflect": false,
-        "defaultValue": "\"University main menu\""
-      },
-      "menuLabelClose": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "menu-label-close",
-        "reflect": false,
-        "defaultValue": "\"Close\""
-      },
-      "dataMainMenu": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "MainMenu[] | string",
-          "resolved": "MainMenu[] | string",
-          "references": {
-            "MainMenu": {
-              "location": "local",
-              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.tsx"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "data-main-menu",
-        "reflect": false
-      },
-      "isMobile": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-mobile",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "logoUrl": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "logo-url",
-        "reflect": false
-      },
-      "logoLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "logo-label",
-        "reflect": false
-      },
-      "siteLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "site-label",
-        "reflect": false
-      },
-      "siteUrl": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "site-url",
-        "reflect": false
-      },
-      "donate": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "DonateLink[]",
-          "resolved": "DonateLink[]",
-          "references": {
-            "DonateLink": {
-              "location": "local",
-              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.tsx"
+    // TODO: Cleanup this. Find cleaner way to do positioning.
+    adjustMainMenuPosition(target) {
+        let hyTopHeader = this.el.closest(".hy-site-header__content-top");
+        if (hyTopHeader && !hyTopHeader.hasAttribute("is-mobile")) {
+            let mainMenuToggle = target.shadowRoot.querySelector(".menu--main-group__toggle");
+            let mainMenuDropdown = target.shadowRoot.querySelector(".menu--main-group__dropdown");
+            let mainMenuList = target.shadowRoot.querySelector(".list");
+            if (mainMenuDropdown && mainMenuList && mainMenuToggle) {
+                let rectHeader = hyTopHeader.getBoundingClientRect();
+                let rectMenuToggle = mainMenuToggle.getBoundingClientRect();
+                mainMenuDropdown.style.top = `${rectHeader.height}px`;
+                mainMenuList.style.left = `${rectMenuToggle.left}px`;
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      }
-    };
-  }
-  static get states() {
-    return {
-      "isMenuOpen": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "universityMainMenuToggled",
-        "name": "universityMainMenuToggled",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+            let headerHeight = hyTopHeader.offsetHeight + 270;
+            this.showBackdropShadow("open", headerHeight);
         }
-      }, {
-        "method": "mobileMenuTopToggle",
-        "name": "mobileMenuTopToggle",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+    }
+    // TODO: Handle backdrop with CSS.
+    showBackdropShadow(state = "close", top = 0) {
+        let hyHeader = this.el.closest(".hy-site-header");
+        let hyBackdropDiv = hyHeader.children[0];
+        if (hyBackdropDiv) {
+            if (state === "open") {
+                let me = window.outerHeight - top;
+                hyBackdropDiv.style.height = `${me}px`;
+                hyBackdropDiv.style.top = `${top}px`;
+                hyBackdropDiv.style.position = "absolute";
+                hyBackdropDiv.classList.add("is-active");
+            }
+            else {
+                hyBackdropDiv.removeAttribute("style");
+                hyBackdropDiv.classList.remove("is-active");
+            }
         }
-      }];
-  }
-  static get elementRef() { return "el"; }
-  static get listeners() {
-    return [{
-        "name": "click",
-        "method": "handleComponentClick",
-        "target": undefined,
-        "capture": true,
-        "passive": false
-      }, {
-        "name": "keydown",
-        "method": "handleComponentKeyDown",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "click",
-        "method": "handleOutsideMenuClick",
-        "target": "window",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "headerScrollDown",
-        "method": "handleOutsideMenuClick",
-        "target": "window",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "headerScrollUp",
-        "method": "handleOutsideMenuClick",
-        "target": "window",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "menuLanguageToggled",
-        "method": "handleOutsideMenuClick",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "searchPanelToggled",
-        "method": "handleOutsideMenuClick",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "menuDesktopToggled",
-        "method": "handleOutsideMenuClick",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }];
-  }
+    }
+    handleTopMenuClose(event) {
+        this.isMenuOpen = false;
+        this.mobileMenuTopToggle.emit();
+        this.showBackdropShadow('close');
+        event.stopPropagation();
+    }
+    render() {
+        const white = "var(--grayscale-white)";
+        const logoSizeGroup = this.isMobile ? SiteLogoSize.small : SiteLogoSize.small;
+        const logoColorGroup = ColorVariant.white;
+        return this.isMobile ? (h(Host, { class: {
+                "menu--main-group--mobile": true,
+                "menu--main-group--mobile__is-open": this.isMenuOpen,
+            } }, h("button", { "aria-label": this.menuLabel, class: {
+                "menu--main-group__mobile-toggle": true,
+                "is-open": this.isMenuOpen,
+            } }, h("hy-icon", { icon: "hy-icon-slim-hamburger-menu", size: 20, fill: white })), h("nav", { role: "navigation", "aria-hidden": this.isMenuOpen ? "false" : "true", class: {
+                "menu--main-group__dropdown--mobile": true,
+                "is-open": this.isMenuOpen,
+            } }, h("div", { class: "menu--main-group__dropdown__top" }, h("div", { class: "menu--main-group__logo-container", id: "menu-logo" }, h("hy-site-logo", { "is-group": true, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), h("button", { "aria-label": `Close ${this.menuLabel}`, class: "menu--main-group__dropdown__close", onClick: (e) => this.handleTopMenuClose(e) }, h("hy-icon", { icon: "hy-icon-remove", size: 20, fill: white }))), h("div", { class: "menu--main-group__dropdown__items" }, this._dataMainMenu.map((item) => {
+            return (h("a", { href: item.url, class: { "menu-main-link": true } }, h("span", { class: "menu--main-group__label" }, item.label)));
+        })), h("div", { class: "menu--main-group__dropdown__donate" }, this.donate &&
+            this.donate.map((i) => {
+                return (h("a", { class: "menu--secondary__item hy-link__donate group", href: i.url }, h("hy-icon", { icon: "hy-icon-heart-support", size: 14, fill: logoColorGroup }), h("span", { class: "hy-link__donate__label group" }, i.label)));
+            }))))) : (h(Host, { class: {
+                "menu--main-group": true,
+                "menu--main-group__is-open": this.isMenuOpen,
+            } }, h("button", { class: {
+                "menu--main-group__toggle": true,
+                "is-open": this.isMenuOpen,
+            }, "aria-expanded": this.isMenuOpen ? "true" : "false", "aria-haspopup": "menu" }, this.isMenuOpen ? (h("hy-icon", { class: "toggle__close", icon: "hy-icon-remove", size: 8, fill: white })) : (h("hy-icon", { class: "toggle__caret", icon: "hy-icon-slim-hamburger-menu", size: 8, fill: white })), h("span", null, this.menuLabel)), h("div", { class: {
+                "menu--main-group__dropdown": true,
+                "is-open": this.isMenuOpen,
+            } }, h("div", { class: "list" }, this._dataMainMenu.map((item) => {
+            return (h("a", { href: item.url, class: { "menu-main-link": true } }, h("span", { class: "heading-icon" }, h("hy-icon", { icon: "hy-icon-caret-right", size: 10, fill: white })), h("span", { class: "menu--main-group__label" }, item.label)));
+        })), h("button", { onClick: (e) => this.handleComponentClick(e), class: {
+                "panel-toggle": true,
+            }, "aria-label": "Close menu" }, h("span", { class: "panel-toggle__label" }, h("span", { class: "panel-toggle__label__title" }, this.menuLabelClose), h("hy-icon", { icon: "hy-icon-remove", size: 20, fill: ColorVariant.white }))))));
+    }
+    static get is() { return "hy-menu-main-group"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["hy-menu-main-group.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["hy-menu-main-group.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "menuLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "menu-label",
+                "reflect": false,
+                "defaultValue": "\"University main menu\""
+            },
+            "menuLabelClose": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "menu-label-close",
+                "reflect": false,
+                "defaultValue": "\"Close\""
+            },
+            "dataMainMenu": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "MainMenu[] | string",
+                    "resolved": "MainMenu[] | string",
+                    "references": {
+                        "MainMenu": {
+                            "location": "local",
+                            "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.tsx",
+                            "id": "src/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.tsx::MainMenu"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "data-main-menu",
+                "reflect": false
+            },
+            "isMobile": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-mobile",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "logoUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "logo-url",
+                "reflect": false
+            },
+            "logoLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "logo-label",
+                "reflect": false
+            },
+            "siteLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "site-label",
+                "reflect": false
+            },
+            "siteUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "site-url",
+                "reflect": false
+            },
+            "donate": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DonateLink[]",
+                    "resolved": "DonateLink[]",
+                    "references": {
+                        "DonateLink": {
+                            "location": "local",
+                            "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.tsx",
+                            "id": "src/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.tsx::DonateLink"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isMenuOpen": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "universityMainMenuToggled",
+                "name": "universityMainMenuToggled",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "mobileMenuTopToggle",
+                "name": "mobileMenuTopToggle",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "handleComponentClick",
+                "target": undefined,
+                "capture": true,
+                "passive": false
+            }, {
+                "name": "keydown",
+                "method": "handleComponentKeyDown",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "click",
+                "method": "handleOutsideMenuClick",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "headerScrollDown",
+                "method": "handleOutsideMenuClick",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "headerScrollUp",
+                "method": "handleOutsideMenuClick",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "menuLanguageToggled",
+                "method": "handleOutsideMenuClick",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "searchPanelToggled",
+                "method": "handleOutsideMenuClick",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "menuDesktopToggled",
+                "method": "handleOutsideMenuClick",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
-//# sourceMappingURL=hy-menu-main-group.js.map