@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

package/dist/collection/components/site-header/site-header.js

@@ -1,5 +1,5 @@
 let clickTimer = null;
-import { Component, Element, Event, Fragment, h, Listen, Prop, State } from '@stencil/core';
+import { Fragment, h } from '@stencil/core';
 import ResizeObserver from 'resize-observer-polyfill';
 import { MenuType, ColorVariant, SiteLogoSize } from '../../utils/utils';
 import { jsonParserWorker } from '../../global/globalScript';
@@ -12,10 +12,23 @@ export class SiteHeader {
     this.researchGroupLabel = '';
     this.groupType = '';
     this.groupLogoUrl = '';
+    this.dataMenuLanguage = undefined;
+    this.dataMenuDonate = undefined;
+    this.dataSiteHeaderLabels = undefined;
+    this.dataSiteSearchLabels = undefined;
+    this.logoUrl = undefined;
+    this.logoLabel = undefined;
+    this.siteLabel = undefined;
+    this.siteUrl = undefined;
     this.showSearchLabel = true;
     this.noSearch = false;
     this.menuLabel = 'Menu';
+    this.menuLabelOpen = undefined;
+    this.menuLabelClose = undefined;
     this.menuType = null;
+    this.dataMainMenuLinks = undefined;
+    this.dataSearchTools = undefined;
+    this.isMobile = undefined;
     this.isMenuOpen = false;
     this.isDesktopMenuOpen = false;
     this.isDesktopMenuDropdown = false;
@@ -226,574 +239,541 @@ export class SiteHeader {
       case MenuType.desktop:
         // Larger than 1200px screens
         return [
-          h("header", { class: `${classAttributes.join(' ')}` },
-            h("div", { class: {
-                'hy-backdrop': true,
-                'is-active': (this.isMenuOpen && !this.isDesktopMenuDropdown) ||
-                  (this.isTopMenuOpen && !this.isDesktopMenuDropdown),
-              } }),
-            this.isGroup && (h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? 'is-open' : ''}` },
-              h("div", { class: "hy-site-header__container" },
-                h("div", { class: "hy-site-header__branding" },
-                  h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })),
-                this.dataMainMenuLinks.length > 2 && (h("hy-menu-main-group", { tabindex: "0", "is-mobile": false, "menu-label": (_a = this.groupPages['university_main_menu']) !== null && _a !== void 0 ? _a : null, "data-main-menu": this.dataMainMenuLinks, "menu-label-close": this.menuLabelClose })),
-                h("div", { class: "hy-site-header__actions" },
-                  h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }),
-                  !this.noSearch && (h("hy-site-search", { class: 'menu--secondary__item group', size: 18, color: logoColorGroup, "is-group": true, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })),
-                  this.donateLink.map(({ label, url }) => {
-                    return (h("a", { class: 'hy-site-header__donate-link', href: url },
-                      h("hy-icon", { icon: 'hy-icon-heart-support', size: 14, fill: ColorVariant.black }),
-                      h("span", null, label)));
-                  }))))),
-            h("section", { class: `hy-site-header__container ${this.isGroup ? 'is-group' : ''} ${this.groupType === 'research_group_menu' ? 'is-research-group' : ''}` },
-              h("div", { class: 'hy-site-header__branding' },
-                this.isGroup && this.groupType == 'research_group_menu' && h("p", null, this.researchGroupLabel),
-                this.isGroup ? (h("a", { href: this.logoUrl }, this.groupType == 'generic_site_group_menu' && this.groupLogoUrl ? (h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))),
-              this.groupType != 'research_group_menu' && h("slot", { name: "menu" }),
-              !this.isGroup && (h("div", { class: "hy-site-header__actions" },
-                h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels }),
-                !this.noSearch && (h("hy-site-search", { size: 14, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, color: ColorVariant.black, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })),
-                this.donateLink.map(({ label, url }) => {
-                  return (h("a", { class: 'hy-site-header__donate-link', href: url },
-                    h("hy-icon", { icon: 'hy-icon-heart-support', size: 14, fill: ColorVariant.black }),
-                    h("span", null, label)));
-                }))))),
+          h("header", { class: `${classAttributes.join(' ')}` }, h("div", { class: {
+              'hy-backdrop': true,
+              'is-active': (this.isMenuOpen && !this.isDesktopMenuDropdown) ||
+                (this.isTopMenuOpen && !this.isDesktopMenuDropdown),
+            } }), this.isGroup && (h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? 'is-open' : ''}` }, h("div", { class: "hy-site-header__container" }, h("div", { class: "hy-site-header__branding" }, h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), this.dataMainMenuLinks.length > 2 && (h("hy-menu-main-group", { tabindex: "0", "is-mobile": false, "menu-label": (_a = this.groupPages['university_main_menu']) !== null && _a !== void 0 ? _a : null, "data-main-menu": this.dataMainMenuLinks, "menu-label-close": this.menuLabelClose })), h("div", { class: "hy-site-header__actions" }, h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (h("hy-site-search", { class: 'menu--secondary__item group', size: 18, color: logoColorGroup, "is-group": true, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
+            return (h("a", { class: 'hy-site-header__donate-link', href: url }, h("hy-icon", { icon: 'hy-icon-heart-support', size: 14, fill: ColorVariant.black }), h("span", null, label)));
+          }))))), h("section", { class: `hy-site-header__container ${this.isGroup ? 'is-group' : ''} ${this.groupType === 'research_group_menu' ? 'is-research-group' : ''}` }, h("div", { class: 'hy-site-header__branding' }, this.isGroup && this.groupType == 'research_group_menu' && h("p", null, this.researchGroupLabel), this.isGroup ? (h("a", { href: this.logoUrl }, this.groupType == 'generic_site_group_menu' && this.groupLogoUrl ? (h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.groupType != 'research_group_menu' && h("slot", { name: "menu" }), !this.isGroup && (h("div", { class: "hy-site-header__actions" }, h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels }), !this.noSearch && (h("hy-site-search", { size: 14, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, color: ColorVariant.black, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
+            return (h("a", { class: 'hy-site-header__donate-link', href: url }, h("hy-icon", { icon: 'hy-icon-heart-support', size: 14, fill: ColorVariant.black }), h("span", null, label)));
+          }))))),
         ];
       case MenuType.mobile:
         // Smaller than 960px screens
-        return (h("header", { class: classAttributes.join(' '), "data-menu-active": this.isMenuOpen },
-          h("div", { class: { 'hy-backdrop': true, 'is-active': this.isMenuOpen } }),
-          h("div", { class: { 'hy-backdrop': true, 'is-active-top': this.isTopMenuOpen } }),
-          this.isGroup && (h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? 'is-open' : ''}` },
-            h("div", { class: "hy-site-header__container" },
-              h("div", { class: "hy-site-header__branding" },
-                h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })),
-              h("div", { class: "hy-site-header__actions" },
-                h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }),
-                !this.noSearch && (h("hy-site-search", { class: 'menu--secondary__item group', size: 18, color: logoColorGroup, "is-group": true, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })),
-                this.dataMainMenuLinks.length > 2 && (h("hy-menu-main-group", { "site-label": this.siteLabel, "site-url": this.siteUrl, "logo-label": this.logoLabel, "logo-url": this.logoUrl, "is-mobile": true, donate: this.donateLink, "data-main-menu": this.dataMainMenuLinks })))))),
-          h("section", { class: "hy-site-header__container" },
-            h("div", { class: 'hy-site-header__branding' },
-              this.groupType == 'research_group_menu' && h("p", null, this.researchGroupLabel),
-              this.isGroup ? (h("a", { href: this.logoUrl }, this.groupType == 'generic_site_group_menu' && this.groupLogoUrl ? (h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))),
-            h("div", { class: "hy-site-header__actions" },
-              !this.isGroup && (h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels })),
-              !this.isGroup && !this.noSearch && (h("hy-site-search", { size: 24, color: ColorVariant.black, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })),
-              h("button", { onClick: () => toggleMenuMobileAndRemoveListener(), class: `hy-site-header__menu-open-button`, "aria-label": this.isMenuOpen ? this.menuLabels['close'] : this.menuLabels['open'], "aria-expanded": `${this.isMenuOpen}` },
-                !this.isMenuOpen && h("hy-icon", { icon: 'hy-icon-hamburger', size: 24, fill: ColorVariant.black }),
-                this.isMenuOpen && (h(Fragment, null,
-                  h("span", null, this.menuLabelClose),
-                  h("hy-icon", { icon: 'hy-icon-remove', size: 16 }))))),
-            h("div", { class: {
-                'is-open': this.isMenuOpen,
-                'hy-site-header__panel': true,
-              }, "aria-hidden": `${!this.isMenuOpen}` },
-              h("slot", { name: 'menu_mobile' })))));
+        return (h("header", { class: classAttributes.join(' '), "data-menu-active": this.isMenuOpen }, h("div", { class: { 'hy-backdrop': true, 'is-active': this.isMenuOpen } }), h("div", { class: { 'hy-backdrop': true, 'is-active-top': this.isTopMenuOpen } }), this.isGroup && (h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? 'is-open' : ''}` }, h("div", { class: "hy-site-header__container" }, h("div", { class: "hy-site-header__branding" }, h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), h("div", { class: "hy-site-header__actions" }, h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (h("hy-site-search", { class: 'menu--secondary__item group', size: 18, color: logoColorGroup, "is-group": true, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.dataMainMenuLinks.length > 2 && (h("hy-menu-main-group", { "site-label": this.siteLabel, "site-url": this.siteUrl, "logo-label": this.logoLabel, "logo-url": this.logoUrl, "is-mobile": true, donate: this.donateLink, "data-main-menu": this.dataMainMenuLinks })))))), h("section", { class: "hy-site-header__container" }, h("div", { class: 'hy-site-header__branding' }, this.groupType == 'research_group_menu' && h("p", null, this.researchGroupLabel), this.isGroup ? (h("a", { href: this.logoUrl }, this.groupType == 'generic_site_group_menu' && this.groupLogoUrl ? (h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), h("div", { class: "hy-site-header__actions" }, !this.isGroup && (h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels })), !this.isGroup && !this.noSearch && (h("hy-site-search", { size: 24, color: ColorVariant.black, "is-luomus-group": this.isLuomusGroup, "is-beta-group": this.isBetaGroup, "search-language": activeLang, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), h("button", { onClick: () => toggleMenuMobileAndRemoveListener(), class: `hy-site-header__menu-open-button`, "aria-label": this.isMenuOpen ? this.menuLabels['close'] : this.menuLabels['open'], "aria-expanded": `${this.isMenuOpen}` }, !this.isMenuOpen && h("hy-icon", { icon: 'hy-icon-hamburger', size: 24, fill: ColorVariant.black }), this.isMenuOpen && (h(Fragment, null, h("span", null, this.menuLabelClose), h("hy-icon", { icon: 'hy-icon-remove', size: 16 }))))), h("div", { class: {
+            'is-open': this.isMenuOpen,
+            'hy-site-header__panel': true,
+          }, "aria-hidden": `${!this.isMenuOpen}` }, h("slot", { name: 'menu_mobile' })))));
     }
   }
   static get is() { return "hy-site-header"; }
-  static get originalStyleUrls() { return {
-    "$": ["site-header.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["site-header.css"]
-  }; }
-  static get properties() { return {
-    "isGroup": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-group",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "isLuomusGroup": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-luomus-group",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "isBetaGroup": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-beta-group",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "researchGroupLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "research-group-label",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "groupType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "group-type",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "groupLogoUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "group-logo-url",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "dataMenuLanguage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-menu-language",
-      "reflect": false
-    },
-    "dataMenuDonate": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-menu-donate",
-      "reflect": false
-    },
-    "dataSiteHeaderLabels": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-site-header-labels",
-      "reflect": false
-    },
-    "dataSiteSearchLabels": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-site-search-labels",
-      "reflect": 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
-    },
-    "showSearchLabel": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-search-label",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "noSearch": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "no-search",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "menuLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "menu-label",
-      "reflect": false,
-      "defaultValue": "'Menu'"
-    },
-    "menuLabelOpen": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "menu-label-open",
-      "reflect": false
-    },
-    "menuLabelClose": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "menu-label-close",
-      "reflect": false
-    },
-    "menuType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "MenuType",
-        "resolved": "MenuType.desktop | MenuType.mobile | MenuType.tablet",
-        "references": {
-          "MenuType": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["site-header.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["site-header.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "isGroup": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-group",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "isLuomusGroup": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-luomus-group",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "isBetaGroup": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-beta-group",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "researchGroupLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "research-group-label",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "groupType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "group-type",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "groupLogoUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "group-logo-url",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "dataMenuLanguage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-menu-language",
+        "reflect": false
+      },
+      "dataMenuDonate": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-menu-donate",
+        "reflect": false
+      },
+      "dataSiteHeaderLabels": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-site-header-labels",
+        "reflect": false
+      },
+      "dataSiteSearchLabels": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-site-search-labels",
+        "reflect": 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
+      },
+      "showSearchLabel": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-search-label",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "noSearch": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "no-search",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "menuLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "menu-label",
+        "reflect": false,
+        "defaultValue": "'Menu'"
+      },
+      "menuLabelOpen": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "menu-label-open",
+        "reflect": false
+      },
+      "menuLabelClose": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "menu-label-close",
+        "reflect": false
+      },
+      "menuType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "MenuType",
+          "resolved": "MenuType.desktop | MenuType.mobile | MenuType.tablet",
+          "references": {
+            "MenuType": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "menu-type",
-      "reflect": true,
-      "defaultValue": "null"
-    },
-    "dataMainMenuLinks": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DesktopLinks[] | string",
-        "resolved": "DesktopLinks[] | string",
-        "references": {
-          "DesktopLinks": {
-            "location": "local"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "menu-type",
+        "reflect": true,
+        "defaultValue": "null"
+      },
+      "dataMainMenuLinks": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DesktopLinks[] | string",
+          "resolved": "DesktopLinks[] | string",
+          "references": {
+            "DesktopLinks": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/site-header/site-header.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-main-menu-links",
-      "reflect": false
-    },
-    "dataSearchTools": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DesktopLinks[] | string",
-        "resolved": "DesktopLinks[] | string",
-        "references": {
-          "DesktopLinks": {
-            "location": "local"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-main-menu-links",
+        "reflect": false
+      },
+      "dataSearchTools": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DesktopLinks[] | string",
+          "resolved": "DesktopLinks[] | string",
+          "references": {
+            "DesktopLinks": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/site-header/site-header.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-search-tools",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "isMobile": {},
-    "isMenuOpen": {},
-    "isDesktopMenuOpen": {},
-    "isDesktopMenuDropdown": {},
-    "isTopMenuOpen": {},
-    "isBottomVisible": {},
-    "isTopVisible": {},
-    "lastScrollTop": {},
-    "delta": {},
-    "navbarHeight": {}
-  }; }
-  static get events() { return [{
-      "method": "headerScrollUp",
-      "name": "headerScrollUp",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "headerScrollDown",
-      "name": "headerScrollDown",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "menuMobileToggled",
-      "name": "menuMobileToggled",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-search-tools",
+        "reflect": false
       }
-    }, {
-      "method": "menuMobileTopToggled",
-      "name": "menuMobileTopToggled",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "isMobile": {},
+      "isMenuOpen": {},
+      "isDesktopMenuOpen": {},
+      "isDesktopMenuDropdown": {},
+      "isTopMenuOpen": {},
+      "isBottomVisible": {},
+      "isTopVisible": {},
+      "lastScrollTop": {},
+      "delta": {},
+      "navbarHeight": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "headerScrollUp",
+        "name": "headerScrollUp",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "headerScrollDown",
+        "name": "headerScrollDown",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "menuMobileToggled",
+        "name": "menuMobileToggled",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "menuMobileTopToggled",
+        "name": "menuMobileTopToggled",
+        "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": "mobileMenuToggle",
-      "method": "mobileMenuToggle",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "mobileMenuTopToggle",
-      "method": "mobileMenuTopToggle",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "menuToggled",
-      "method": "mainMenuToggled",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "scroll",
-      "method": "handleScroll",
-      "target": "window",
-      "capture": false,
-      "passive": true
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "mobileMenuToggle",
+        "method": "mobileMenuToggle",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "mobileMenuTopToggle",
+        "method": "mobileMenuTopToggle",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "menuToggled",
+        "method": "mainMenuToggled",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "scroll",
+        "method": "handleScroll",
+        "target": "window",
+        "capture": false,
+        "passive": true
+      }];
+  }
 }