@itcenteratunihelsinki/huds-lib 0.5.43 → 0.5.46

package/dist/collection/components/hy-opening-hours/hy-opening-hours.js

@@ -3,6 +3,7 @@ import { CtaLinkVariants } from '../../utils/utils';
 export class HyOpeningHours {
   constructor() {
     this.blockTitle = null;
+    this.venueType = 'libraries';
     this.date = null;
     this.dateTitle = null;
     this.dateType = 'day';
@@ -16,6 +17,8 @@ export class HyOpeningHours {
       'hy-open-hours--container',
       this.exceptional ? 'hy-open-hours--container--exceptional' : '',
     ].join(' ');
+    const listClasses = ['open-hours__content__top-label', this.venueType].join(' ');
+    const buildingClasses = ['open-hours__content__top-label building', this.venueType].join(' ');
     return (h(Host, null,
       h("div", { class: containerClasses, "data-lang": this.language, "data-id": this.blockId, "data-date": this.date, "data-type": this.dateType, "data-multiple": this.multiple },
         this.blockTitle && h("h3", { class: "open-hours__title" }, this.blockTitle),
@@ -26,9 +29,9 @@ export class HyOpeningHours {
           h("button", { "aria-label": this.nextLabel, class: "icon--arrow-right open-hours__next-date" },
             h("hy-icon", { icon: 'hy-icon-caret-right', size: 18 })))),
         h("div", { class: "open-hours__content__top" },
-          h("span", { class: "open-hours__content__top-label" }, this.listLabel),
-          h("span", { class: "open-hours__content__top-label" }, this.buildingLabel),
-          this.customerServiceLabel && (h("span", { class: "open-hours__content__top-label" }, this.customerServiceLabel))),
+          h("span", { class: listClasses }, this.listLabel),
+          h("span", { class: buildingClasses }, this.buildingLabel),
+          this.customerServiceLabel && h("span", { class: listClasses }, this.customerServiceLabel)),
         h("div", { class: "open-hours__content" },
           h("slot", null)),
         this.customLink && (h("div", { class: "open-hours__links" },
@@ -78,6 +81,24 @@ export class HyOpeningHours {
       "attribute": "language",
       "reflect": false
     },
+    "venueType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "venue-type",
+      "reflect": false,
+      "defaultValue": "'libraries'"
+    },
     "blockId": {
       "type": "string",
       "mutable": false,

package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.css

@@ -91,15 +91,23 @@
   border-left: 2px solid var(--grayscale-black);
 }
 
-.open-hours__list-item > span {
+.open-hours__list-item > span:not(.luomus) {
   text-align: left;
   width: calc(100vw / 3);
 }
 
+.open-hours__list-item > span.luomus {
+  width: calc(100vw / 2);
+}
+
 .open-hours__list-item--date {
   margin-right: 1rem;
 }
 
 .open-hours__list-item--hours {
   margin-right: 0.2rem;
+}
+
+.open-hours__list-item--hours.luomus {
+  text-align: center;
 }

package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.js

@@ -28,9 +28,11 @@ export class HyOpeningHoursContent {
         if (item.service)
           return;
         const itemClasses = ['open-hours__list-item', item.today ? 'open-hours__list-item--today' : ''].join(' ');
+        const hoursClasses = ['open-hours__list-item--hours', this.venueType].join(' ');
+        const officeClasses = ['open-hours__list-item--office', this.venueType].join(' ');
         return (h("div", { class: itemClasses },
-          h("span", { class: "open-hours__list-item--office" }, item.today ? item.today : item.dateLibrary),
-          h("span", { class: "open-hours__list-item--hours" }, item.building),
+          h("span", { class: officeClasses }, item.today ? item.today : item.dateLibrary),
+          h("span", { class: hoursClasses }, item.building),
           this.venueType !== 'luomus' && h("span", { class: "open-hours__list-item--service" }, "-")));
       })));
   }

package/dist/collection/components/hy-search-field/hy-search-field.js

@@ -3,8 +3,10 @@ import { ColorVariant } from '../../utils/utils';
 export class HySearchField {
   constructor() {
     this.isLabelBold = false;
+    this.isLuomusSearch = false;
     this.placeholder = 'Type here...';
     this.isLabelHidden = false;
+    this.prefillParameter = '';
     this.isInputValueEmpty = true;
   }
   componentDidLoad() {
@@ -13,6 +15,15 @@ export class HySearchField {
       const { value } = event.target;
       this.isInputValueEmpty = value.length > 0 ? false : true;
     });
+    if (this.prefillParameter.length > 0) {
+      if (window.location === undefined)
+        return;
+      const urlParams = new URLSearchParams(window.location.search);
+      const searchValue = urlParams.get(`${this.prefillParameter}`);
+      const searchInput = this.el.querySelector('.search-field__input');
+      searchInput.value = searchValue.length > 0 ? searchValue : '';
+      this.isInputValueEmpty = false;
+    }
   }
   handleInputReset() {
     this.isInputValueEmpty = true;
@@ -22,16 +33,19 @@ export class HySearchField {
   }
   render() {
     return (h(Host, { class: "search-field" },
-      h("label", { htmlFor: this.inputId, class: `search-field__label 
+      !this.isLuomusSearch && (h("label", { htmlFor: this.inputId, class: `search-field__label 
           ${this.isLabelHidden ? 'visually-hidden' : ''} 
-          ${this.isLabelBold ? 'bold' : ''}` }, this.label),
+          ${this.isLabelBold ? 'bold' : ''}` }, this.label)),
       h("div", { class: "search-field__actions" },
         h("div", { class: "search-field__wrapper" },
-          h("input", { id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" }),
+          this.isLuomusSearch && (h("input", { id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })),
+          !this.isLuomusSearch && (h("input", { id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })),
           !this.isInputValueEmpty && (h("button", { type: "button", class: "search-field__reset", "aria-label": "Reset", onClick: () => this.handleInputReset() },
             h("hy-icon", { icon: 'hy-icon-remove', size: 14, "aria-hidden": "true" })))),
-        h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search" },
-          h("hy-icon", { icon: 'hy-icon-search', size: 18, fill: ColorVariant.white, "aria-hidden": "true" })))));
+        this.isLuomusSearch && (h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search", "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" },
+          h("hy-icon", { icon: 'hy-icon-search', size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))),
+        !this.isLuomusSearch && (h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search" },
+          h("hy-icon", { icon: 'hy-icon-search', size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))))));
   }
   static get is() { return "hy-search-field"; }
   static get originalStyleUrls() { return {
@@ -76,6 +90,24 @@ export class HySearchField {
       "reflect": false,
       "defaultValue": "false"
     },
+    "isLuomusSearch": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "is-luomus-search",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "placeholder": {
       "type": "string",
       "mutable": false,
@@ -128,6 +160,24 @@ export class HySearchField {
       },
       "attribute": "input-id",
       "reflect": false
+    },
+    "prefillParameter": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "prefill-parameter",
+      "reflect": false,
+      "defaultValue": "''"
     }
   }; }
   static get states() { return {

package/dist/collection/components/navigation/menu/menu.js

@@ -1,6 +1,8 @@
 import { Component, Element, Event, h, Listen, Prop, State } from '@stencil/core';
 import { MenuType } from '../../../utils/utils';
 import { jsonParserWorker } from '../../../global/globalScript';
+let breadcrumbTimeout = null;
+let addbreadTimeout = null;
 export class Menu {
   constructor() {
     this.isGroup = false;
@@ -10,49 +12,59 @@ export class Menu {
   }
   // Listener for removing a breadcrumb from mobile menu breadcrumbs.
   async removeBreadcrumb(data) {
+    clearTimeout(breadcrumbTimeout);
     let breadcrumbs = await jsonParserWorker(this.breadcrumbs);
-    let currentBreadcrumb = breadcrumbs
-      .map(function (e) {
-      return e.bid;
-    })
-      .indexOf(data.detail.bid);
-    for (let i = currentBreadcrumb, l = this.breadcrumbs.length; i < l; i++) {
-      this.menuContainerToggled.emit({
-        triggerItem: this.breadcrumbs[i].bid,
-        triggerType: 'remove',
-      });
-    }
-    this.breadcrumbs = [];
-    this.breadcrumbs = breadcrumbs.slice(0, -1);
-    // Reset if home breadcrumb link has been clicked.
-    if (currentBreadcrumb === 0) {
+    breadcrumbTimeout = setTimeout(() => {
+      let currentBreadcrumb = breadcrumbs
+        .map(function (e) {
+        return e.bid;
+      })
+        .indexOf(data.detail.bid);
+      for (let i = currentBreadcrumb, l = this.breadcrumbs.length; i < l; i++) {
+        this.menuContainerToggled.emit({
+          triggerItem: this.breadcrumbs[i].bid,
+          triggerType: 'remove',
+        });
+      }
       this.breadcrumbs = [];
-      // Notify menu-level-container toggle listener about closing all levels.
-      let elements = this.el.querySelectorAll('.hy-menu-level-container--mobile');
-      elements.forEach((element) => {
-        if (!element.classList.contains('hy-menu-level-container--level-0')) {
-          this.menuContainerToggled.emit({
-            triggerItem: element.getAttribute('trigger-item'),
-            triggerType: 'remove',
-          });
-        }
-      });
-    }
+      this.breadcrumbs = breadcrumbs.slice(0, -1);
+      // Reset if home breadcrumb link has been clicked.
+      if (currentBreadcrumb === 0) {
+        this.breadcrumbs = [];
+        // Notify menu-level-container toggle listener about closing all levels.
+        let elements = this.el.querySelectorAll('.hy-menu-level-container--mobile');
+        elements.forEach((element) => {
+          if (!element.classList.contains('hy-menu-level-container--level-0')) {
+            this.menuContainerToggled.emit({
+              triggerItem: element.getAttribute('trigger-item'),
+              triggerType: 'remove',
+            });
+          }
+        });
+      }
+    }, 100);
   }
   // Listener for adding a breadcrumb to mobile menu breadcrumbs.
   addBreadcrumb(event) {
-    this.breadcrumbs = [
-      ...this.breadcrumbs,
-      {
-        label: event.detail.label,
-        bid: event.detail.bid,
-        url: event.detail.url,
-      },
-    ];
+    clearTimeout(addbreadTimeout);
+    addbreadTimeout = setTimeout(() => {
+      this.breadcrumbs = [
+        ...this.breadcrumbs,
+        {
+          label: event.detail.label,
+          bid: event.detail.bid,
+          url: event.detail.url,
+        },
+      ];
+    }, 100);
   }
   async componentWillLoad() {
     this.breadcrumbs = [];
   }
+  disconnectedCallback() {
+    clearTimeout(breadcrumbTimeout);
+    clearTimeout(addbreadTimeout);
+  }
   componentWillUpdate() {
     // Pass the menu type and menu-button-submenu-expand attributes to
     // the child menu-level-container component.

package/dist/collection/components/navigation/menu-sidebar/menu-sidebar.js

@@ -1,6 +1,8 @@
 import { Component, Element, h, State, Listen, Prop } from '@stencil/core';
 import { MenuType, SiteLogoSize, ColorVariant } from '../../../utils/utils';
 import ResizeObserver from 'resize-observer-polyfill';
+let sidebarClickTimeout = null;
+let sidepanelClickTimeout = null;
 export class MenuSidebar {
   constructor() {
     /**
@@ -241,17 +243,23 @@ export class MenuSidebar {
     const sidebarContainer = document.querySelector('.hy-menu-sidebar--container');
     if (sidebarContainer) {
       sidebarContainer.addEventListener('click', (e) => {
-        if (e.target.classList.contains('sidebar-open')) {
-          this.closeWholeTree();
-        }
+        clearTimeout(sidebarClickTimeout);
+        sidebarClickTimeout = setTimeout(() => {
+          if (e.target.classList.contains('sidebar-open')) {
+            this.closeWholeTree();
+          }
+        }, 250);
       });
     }
     const sidepanelContainer = document.querySelector('.hy-menu-sidepanel--container');
     if (sidepanelContainer) {
       sidepanelContainer.addEventListener('click', (e) => {
-        if (e.target.classList.contains('sidepanel-open')) {
-          this.panelToggle(e);
-        }
+        clearTimeout(sidepanelClickTimeout);
+        sidepanelClickTimeout = setTimeout(() => {
+          if (e.target.classList.contains('sidepanel-open')) {
+            this.panelToggle(e);
+          }
+        }, 250);
       });
     }
     const logoColor = ColorVariant.black;

package/dist/collection/components/person-profile/person-profile.js

@@ -1,4 +1,5 @@
 import { Component, Host, h, Prop, State, Fragment } from '@stencil/core';
+let resizeTimeout = null;
 export class PersonProfile {
   constructor() {
     this.isFullAboutTextHidden = false;
@@ -6,6 +7,9 @@ export class PersonProfile {
   componentWillLoad() {
     this.viewportSize = window.innerWidth;
   }
+  disconnectedCallback() {
+    clearTimeout(resizeTimeout);
+  }
   toggleShowFullAboutText() {
     this.isFullAboutTextHidden = !this.isFullAboutTextHidden;
   }
@@ -37,7 +41,10 @@ export class PersonProfile {
       }
     }
     window.addEventListener('resize', () => {
-      this.viewportSize = window.innerWidth;
+      clearTimeout(resizeTimeout);
+      resizeTimeout = setTimeout(() => {
+        this.viewportSize = window.innerWidth;
+      }, 250);
     });
     return (h(Host, null,
       h("section", { class: "hy-profile-page" },

package/dist/collection/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.js

@@ -6,6 +6,8 @@ let keys = {
   tab: 'Tab',
   space: 'Space',
 };
+let scrollTimeout = null;
+let resizeTimeout = null;
 export class HyDesktopMenuLinks {
   constructor() {
     /*
@@ -95,18 +97,21 @@ export class HyDesktopMenuLinks {
     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);
+        clearTimeout(scrollTimeout);
+        scrollTimeout = setTimeout(() => {
+          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);
+              }
             }
           }
-        }
+        }, 250);
       });
     }
     if (!this.isDropdown) {
@@ -135,15 +140,18 @@ export class HyDesktopMenuLinks {
         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`;
-        }
+        clearTimeout(resizeTimeout);
+        resizeTimeout = setTimeout(() => {
+          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`;
+          }
+        }, 250);
       });
     }
   }

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

@@ -2,10 +2,13 @@ import { Component, Element, Event, Fragment, h, Listen, Prop, State } from '@st
 import ResizeObserver from 'resize-observer-polyfill';
 import { MenuType, ColorVariant, SiteLogoSize } from '../../utils/utils';
 import { jsonParserWorker } from '../../global/globalScript';
+let clickTimeout = null;
+let scrollTimeout = null;
 export class SiteHeader {
   constructor() {
     this.isGroup = false;
     this.isLuomusGroup = false;
+    this.isBetaGroup = false;
     this.researchGroupLabel = '';
     this.groupType = '';
     this.groupLogoUrl = '';
@@ -42,7 +45,10 @@ export class SiteHeader {
     this.menuMobileTopToggled.emit();
   }
   handleScroll() {
-    this.check();
+    clearTimeout(scrollTimeout);
+    scrollTimeout = setTimeout(() => {
+      this.check();
+    }, 250);
   }
   componentDidLoad() {
     // Set the browser resize observer to gather information about browser width.
@@ -141,6 +147,8 @@ export class SiteHeader {
   }
   disconnectedCallback() {
     this.ro.disconnect();
+    clearTimeout(scrollTimeout);
+    clearTimeout(clickTimeout);
   }
   applySizeClasses(size) {
     // Set the menu-type based on the width of the browser.
@@ -175,8 +183,20 @@ export class SiteHeader {
       }
     };
     if (this.isMenuOpen) {
-      window.addEventListener('click', handleClickOutside);
+      window.addEventListener('click', () => {
+        clearTimeout(clickTimeout);
+        clickTimeout = setTimeout(() => {
+          handleClickOutside;
+        }, 250);
+      });
     }
+    let activeLang = 'en';
+    let dataMenuLanguageArray = JSON.parse(this.dataMenuLanguage);
+    dataMenuLanguageArray.forEach((lang) => {
+      if (lang.isActive) {
+        activeLang = lang.langCode;
+      }
+    });
     switch (this.menuType) {
       case MenuType.desktop:
         // Larger than 1200px screens
@@ -194,7 +214,7 @@ export class SiteHeader {
                 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 })),
                 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, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })),
+                  !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 }),
@@ -207,7 +227,7 @@ export class SiteHeader {
               this.groupType != 'research_group_menu' && (h("hy-desktop-menu-links", { "data-desktop-links": this.dataDesktopLinks, isGroup: this.isGroup, isDropdown: this.isDesktopMenuDropdown })),
               !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, color: ColorVariant.black, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })),
+                !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 }),
@@ -225,7 +245,7 @@ export class SiteHeader {
                 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, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })),
+                !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' },
@@ -233,7 +253,7 @@ export class SiteHeader {
               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, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })),
+              !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.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,
@@ -291,6 +311,24 @@ export class SiteHeader {
       "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,