@itcenteratunihelsinki/huds-lib 0.5.43 → 0.5.44

package/dist/types/components.d.ts

@@ -830,6 +830,7 @@ export namespace Components {
         "multiple": boolean;
         "nextLabel"?: string;
         "prevLabel"?: string;
+        "venueType": string;
     }
     interface HyOpeningHoursContent {
         "dataItems": items[] | string;
@@ -930,6 +931,7 @@ export namespace Components {
         "inputId": string;
         "isLabelBold": boolean;
         "isLabelHidden"?: boolean;
+        "isLuomusSearch": boolean;
         "label": string;
         "placeholder": string;
     }
@@ -950,6 +952,7 @@ export namespace Components {
         "dataSiteSearchLabels": string;
         "groupLogoUrl": string;
         "groupType": string;
+        "isBetaGroup": boolean;
         "isGroup": boolean;
         "isLuomusGroup": boolean;
         "logoLabel"?: string;
@@ -977,9 +980,12 @@ export namespace Components {
         "color": ColorVariant;
         "dataSearchSpecialTools": string;
         "isAlternative": boolean;
+        "isBetaGroup": boolean;
         "isGroup": boolean;
+        "isLuomusGroup": boolean;
         "labels"?: ComponentLabels[] | string;
         "searchLabels": string;
+        "searchLanguage": string;
         "searchTools": string;
         "showLabel": boolean;
         "size": number;
@@ -2583,6 +2589,7 @@ declare namespace LocalJSX {
         "multiple"?: boolean;
         "nextLabel"?: string;
         "prevLabel"?: string;
+        "venueType"?: string;
     }
     interface HyOpeningHoursContent {
         "dataItems"?: items[] | string;
@@ -2683,6 +2690,7 @@ declare namespace LocalJSX {
         "inputId"?: string;
         "isLabelBold"?: boolean;
         "isLabelHidden"?: boolean;
+        "isLuomusSearch"?: boolean;
         "label"?: string;
         "placeholder"?: string;
     }
@@ -2703,6 +2711,7 @@ declare namespace LocalJSX {
         "dataSiteSearchLabels"?: string;
         "groupLogoUrl"?: string;
         "groupType"?: string;
+        "isBetaGroup"?: boolean;
         "isGroup"?: boolean;
         "isLuomusGroup"?: boolean;
         "logoLabel"?: string;
@@ -2734,10 +2743,13 @@ declare namespace LocalJSX {
         "color"?: ColorVariant;
         "dataSearchSpecialTools"?: string;
         "isAlternative"?: boolean;
+        "isBetaGroup"?: boolean;
         "isGroup"?: boolean;
+        "isLuomusGroup"?: boolean;
         "labels"?: ComponentLabels[] | string;
         "onSearchPanelToggled"?: (event: CustomEvent<any>) => void;
         "searchLabels"?: string;
+        "searchLanguage"?: string;
         "searchTools"?: string;
         "showLabel"?: boolean;
         "size"?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcenteratunihelsinki/huds-lib",
-  "version": "0.5.43",
+  "version": "0.5.44",
   "description": "Helsinki University Design System library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/huds-lib/p-03ada2ef.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as a}from"./p-bb24c6b5.js";import{r}from"./p-8ab550d6.js";const o=class{constructor(t){e(this,t),this.blockTitle=null,this.date=null,this.dateTitle=null,this.dateType="day",this.multiple=!1,this.customLinkTitle=null,this.customLink=null,this.exceptional=!1}render(){const e=["hy-open-hours--container",this.exceptional?"hy-open-hours--container--exceptional":""].join(" ");return t(a,null,t("div",{class:e,"data-lang":this.language,"data-id":this.blockId,"data-date":this.date,"data-type":this.dateType,"data-multiple":this.multiple},this.blockTitle&&t("h3",{class:"open-hours__title"},this.blockTitle),!this.exceptional&&t("div",{class:"open-hours__date-change"},t("button",{"aria-label":this.prevLabel,class:"icon--arrow-left open-hours__prev-date"},t("hy-icon",{icon:"hy-icon-caret-left",size:18})),t("span",{class:"open-hours__date-change--title"},this.dateTitle),t("button",{"aria-label":this.nextLabel,class:"icon--arrow-right open-hours__next-date"},t("hy-icon",{icon:"hy-icon-caret-right",size:18}))),t("div",{class:"open-hours__content__top"},t("span",{class:"open-hours__content__top-label"},this.listLabel),t("span",{class:"open-hours__content__top-label"},this.buildingLabel),this.customerServiceLabel&&t("span",{class:"open-hours__content__top-label"},this.customerServiceLabel)),t("div",{class:"open-hours__content"},t("slot",null)),this.customLink&&t("div",{class:"open-hours__links"},t("hy-cta-link",{"full-width":!0,"link-content":this.customLinkTitle,"sc-label":this.customLinkTitle,url:this.customLink,variant:r.linkList},this.customLinkTitle))),t("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}};o.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-open-hours--container{font-family:var(--main-font-family);max-width:50rem;overflow:hidden}.hy-open-hours--container--exceptional{max-width:100%}.open-hours__title{text-transform:uppercase}.open-hours__date-change{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);color:var(--brand-main);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.open-hours__date-change--title{font-size:1.25rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-align:center;text-transform:uppercase}.open-hours__date-change .open-hours__prev-date,.open-hours__date-change .open-hours__next-date{background:none;border:0;color:var(--brand-main);display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;outline:5px solid var(--grayscale-white);position:relative;width:44px}.open-hours__date-change .open-hours__prev-date:hover,.open-hours__date-change .open-hours__next-date:hover{background-color:var(--hover-gray);color:var(--brand-main-active);cursor:pointer}.open-hours__date-change .open-hours__prev-date:focus,.open-hours__date-change .open-hours__next-date:focus{background-color:var(--hover-gray);color:var(--brand-main-active)}.open-hours__date-change .open-hours__prev-date:disabled,.open-hours__date-change .open-hours__next-date:disabled{cursor:none}.open-hours__date-change .open-hours__prev-date hy-icon,.open-hours__date-change .open-hours__next-date hy-icon{color:var(--link-blue);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.open-hours__date-change .open-hours__prev-date svg,.open-hours__date-change .open-hours__next-date svg{fill:currentColor;height:20px;width:20px}.open-hours__date-change .open-hours__prev-date{border-right:1px solid var(--link-blue)}.open-hours__date-change .open-hours__next-date{border-left:1px solid var(--link-blue)}.open-hours__content__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0.9rem;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.5rem 0}.open-hours__content__top-label{margin:0.5rem 0 0.5rem 0;text-align:left;width:calc(100vw / 3);word-break:break-word}.open-hours__content__top-label:first-child(){margin-right:1rem}.open-hours__content{position:relative}.open-hours__content.open-hours__loading:after{-webkit-animation-duration:1s;animation-duration:1s;font-size:3.2rem;position:absolute;left:45%;top:35%;z-index:2}.open-hours__content.slide-left{-webkit-animation:slide-left 0.2s ease-in-out both;animation:slide-left 0.2s ease-in-out both}.open-hours__content.slide-left-reverse{-webkit-animation:slide-left-reverse 0.2s ease-in-out reverse both;animation:slide-left-reverse 0.2s ease-in-out reverse both}.open-hours__content.slide-right{-webkit-animation:slide-right 0.2s ease-in-out both;animation:slide-right 0.2s ease-in-out both}.open-hours__content.slide-right-reverse{-webkit-animation:slide-right-reverse 0.2s ease-in-out reverse both;animation:slide-right-reverse 0.2s ease-in-out reverse both}.open-hours__links{margin:1.5rem 0 1rem 0}.open-hours__links .open-hours__link .hy-cta-link{width:100% !important;-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.open-hours__links .open-hours__link .hy-cta-link .text{width:100% !important}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@-webkit-keyframes slide-right-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@keyframes slide-right-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@-webkit-keyframes slide-left-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@keyframes slide-left-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}";export{o as hy_opening_hours}

package/dist/huds-lib/p-4c59a5f1.entry.js

@@ -1 +0,0 @@
-import{r as e,h as i,H as r,g as a}from"./p-bb24c6b5.js";import{C as t}from"./p-8ab550d6.js";const l=class{constructor(i){e(this,i),this.isLabelBold=!1,this.placeholder="Type here...",this.isLabelHidden=!1,this.isInputValueEmpty=!0}componentDidLoad(){this.el.querySelector(".search-field__input").addEventListener("keyup",(e=>{const{value:i}=e.target;this.isInputValueEmpty=!(i.length>0)}))}handleInputReset(){this.isInputValueEmpty=!0;const e=this.el.querySelector(".search-field__input");e.value="",e.focus()}render(){return i(r,{class:"search-field"},i("label",{htmlFor:this.inputId,class:`search-field__label \n          ${this.isLabelHidden?"visually-hidden":""} \n          ${this.isLabelBold?"bold":""}`},this.label),i("div",{class:"search-field__actions"},i("div",{class:"search-field__wrapper"},i("input",{id:this.inputId,type:"text",placeholder:this.placeholder,class:"search-field__input"}),!this.isInputValueEmpty&&i("button",{type:"button",class:"search-field__reset","aria-label":"Reset",onClick:()=>this.handleInputReset()},i("hy-icon",{icon:"hy-icon-remove",size:14,"aria-hidden":"true"}))),i("button",{type:"submit",class:"search-field__submit","aria-label":"Search"},i("hy-icon",{icon:"hy-icon-search",size:18,fill:t.white,"aria-hidden":"true"}))))}get el(){return a(this)}};l.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.search-field{display:inline-block;width:100%}@media (min-width: 30rem){.search-field{min-width:48.3%}}@media (min-width: 75.0625rem){.search-field{min-width:23.03%}}.search-field__label{font-size:0.875rem;line-height:20px;display:block;font-family:var(--main-font-family);letter-spacing:-0.44px;margin-bottom:8px;position:relative;text-decoration:none;width:100%}@media (min-width: 30rem){.search-field__label{font-size:1rem;line-height:20px}}.search-field__label.bold{font-weight:700}.search-field__actions{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}.search-field__wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}.search-field__input{font-size:0.875rem;line-height:24px;border-radius:0;border:1px solid var(--grayscale-medium-dark);caret-color:var(--brand-main-light);font-weight:bold;height:40px;letter-spacing:normal;padding:8px 12px;width:100%}@media (min-width: 30rem){.search-field__input{font-size:1rem;line-height:24px;height:44px}}@media (min-width: 75.0625rem){.search-field__input{height:48px}}.search-field__input::-webkit-input-placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::-moz-placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input:-ms-input-placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::-ms-input-placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}@media (min-width: 30rem){.search-field__input::-webkit-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::-moz-placeholder{font-size:1rem;line-height:24px}.search-field__input:-ms-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::-ms-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::placeholder{font-size:1rem;line-height:24px}}.search-field__input:hover{border-color:var(--brand-main-light)}.search-field__input:focus{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0}.search-field__reset{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px}@media (min-width: 30rem){.search-field__reset{height:44px;width:44px}}@media (min-width: 75.0625rem){.search-field__reset{height:48px;width:48px}}.search-field__reset svg{fill:var(--grayscale-dark)}@media (min-width: 75.0625rem){.search-field__reset svg{height:16px;width:16px}}.search-field__reset:hover{cursor:pointer}.search-field__reset:focus{outline-color:var(--brand-main-light)}.search-field__submit{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);border:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}@media (min-width: 30rem){.search-field__submit{height:44px;width:44px}}@media (min-width: 75.0625rem){.search-field__submit{height:48px;width:48px}}@media (min-width: 30rem){.search-field__submit svg{height:20px;width:20px}}@media (min-width: 75.0625rem){.search-field__submit svg{height:22px;width:22px}}.search-field__submit:hover{cursor:pointer}s .search-field__submit:focus{outline-color:var(--brand-main-light)}";export{l as hy_search_field}

package/dist/huds-lib/p-cc3a6a5b.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,h as t,F as a,g as s,H as r}from"./p-bb24c6b5.js";import{R as n}from"./p-a82d4779.js";import{M as o,C as l,S as h,F as d}from"./p-8ab550d6.js";import{j as c}from"./p-fd1edbd5.js";const p=class{constructor(t){e(this,t),this.headerScrollUp=i(this,"headerScrollUp",7),this.headerScrollDown=i(this,"headerScrollDown",7),this.menuMobileToggled=i(this,"menuMobileToggled",7),this.menuMobileTopToggled=i(this,"menuMobileTopToggled",7),this.isGroup=!1,this.isLuomusGroup=!1,this.researchGroupLabel="",this.groupType="",this.groupLogoUrl="",this.showSearchLabel=!0,this.noSearch=!1,this.menuLabel="Menu",this.menuType=null,this.isMenuOpen=!1,this.isDesktopMenuOpen=!1,this.isDesktopMenuDropdown=!1,this.isTopMenuOpen=!1,this.lastScrollTop=0,this.delta=5,this.navbarHeight=0,this.check=()=>window.requestAnimationFrame((()=>{this.hasScrolled()}))}mobileMenuToggle(){this.isMenuOpen=!this.isMenuOpen,this.menuMobileToggled.emit(),document.getElementsByTagName("body")[0].style.overflow=this.isMenuOpen?"hidden":"initial"}mobileMenuTopToggle(){this.isTopMenuOpen=!this.isTopMenuOpen,this.menuMobileTopToggled.emit()}handleScroll(){this.check()}componentDidLoad(){this.ro=new n((e=>{for(const i of e)this.applySizeClasses(i.contentRect.width)})),this.ro.observe(document.body),this.el.children[0].setAttribute("data-menu-language",this.dataMenuLanguage),this.navbarHeight=this.el.getBoundingClientRect().height}async componentWillLoad(){if(this.dataSiteHeaderLabels){const e=await c(this.dataSiteHeaderLabels);this.menuLabels=e.menu_labels,this.languageLabels=e.language_labels,this.searchLabels=e.search_labels,this.groupPages=e.group_pages,this.el.children[0].setAttribute("menu-button-breadcrumb-home",this.menuLabels.home),this.el.children[0].setAttribute("menu-button-breadcrumb-main",this.menuLabels.main),this.el.children[0].setAttribute("menu-button-breadcrumb-logourl",this.logoUrl)}this.dataMenuDonate&&(this.donateLink=await c(this.dataMenuDonate),this.el.children[0].setAttribute("data-menu-donate",this.dataMenuDonate)),this.el.children[0].setAttribute("open",this.isMenuOpen.toString()),this.el.children[0].setAttribute("logo-label",this.logoLabel),this.el.children[0].setAttribute("logo-url",this.logoUrl),this.el.children[0].setAttribute("site-label",this.siteLabel),this.el.children[0].setAttribute("site-url",this.siteUrl),this.el.children[0].setAttribute("menu-button-submenu-expand",this.menuLabels.expand),this.el.children[0].setAttribute("menu-button-breadcrumb-return",this.menuLabels.return),this.el.children[0].setAttribute("menu-button-breadcrumb-home",this.menuLabels.home),this.el.children[0].setAttribute("menu-button-breadcrumb-main",this.menuLabels.main),this.el.children[0].setAttribute("menu-button-breadcrumb-logourl",this.logoUrl),this.el.children[0].setAttribute("menu-language-label-open",this.languageLabels.open),this.el.children[0].setAttribute("menu-language-label-close",this.languageLabels.close),this.el.children[0].setAttribute("label-front-page",this.menuLabels.front_page),""!==this.groupType&&(this.isDesktopMenuDropdown=!0)}hasScrolled(){let e=window.pageYOffset;const i=document.querySelector("body").classList;if(i.contains("hy-menu-sidepanel__no-scroll")||i.contains("hy-menu-sidebar__no-scroll"))return;if(Math.abs(this.lastScrollTop-e)<=this.delta)return;let t=this.el.shadowRoot.querySelector(".hy-site-header");t&&(e>this.lastScrollTop&&e>this.navbarHeight?(t.classList.remove("hy-site-header--sticky-visible"),t.classList.remove("has-toolbar","has-toolbar--large"),this.headerScrollDown.emit()):e<=this.el.offsetTop+this.navbarHeight||e<=10&&this.el.offsetTop+this.navbarHeight==0?(t.classList.remove("hy-site-header--sticky-active"),t.classList.remove("hy-site-header--sticky-visible"),t.classList.remove("hy-site-header--sticky-hidden"),t.classList.remove("has-toolbar","has-toolbar--large")):(t.classList.add("hy-site-header--sticky-active"),t.classList.remove("hy-site-header--sticky-hidden"),t.classList.add("hy-site-header--sticky-visible"),i.contains("toolbar-horizontal")&&(t.classList.add("has-toolbar"),i.contains("toolbar-tray-open")&&t.classList.add("has-toolbar--large"))),this.lastScrollTop=e)}disconnectedCallback(){this.ro.disconnect()}applySizeClasses(e){this.menuType=e<=1200?o.mobile:o.desktop,this.isMobile=this.menuType===(o.mobile||o.tablet),this.el.children[0].setAttribute("menu-type",this.menuType)}render(){var e;if(null===this.menuType)return;const i=this.isMobile?h.small:h.big,s=h.small,r=l.black,n=l.white;let d=["hy-site-header",`hy-site-header--${this.menuType}`,this.isGroup?"is-group":""];const c=()=>{window.removeEventListener("click",p),this.mobileMenuToggle()},p=e=>{const[i]=e.composedPath();i.classList.contains("hy-backdrop")&&c()};switch(this.isMenuOpen&&window.addEventListener("click",p),this.menuType){case o.desktop:return[t("header",{class:`${d.join(" ")}`},t("div",{class:{"hy-backdrop":!0,"is-active":this.isMenuOpen&&!this.isDesktopMenuDropdown||this.isTopMenuOpen&&!this.isDesktopMenuDropdown}}),this.isGroup&&t("section",{class:"hy-site-header__content-top "+(this.isTopMenuOpen?"is-open":"")},t("div",{class:"hy-site-header__container"},t("div",{class:"hy-site-header__branding"},t("hy-site-logo",{"is-group":!0,"is-luomus-group":this.isLuomusGroup,size:s,color:n,url:this.siteUrl,label:this.siteLabel})),this.dataMainMenuLinks.length>2&&t("hy-menu-main-group",{tabindex:"0","is-mobile":!1,"menu-label":null!==(e=this.groupPages.university_main_menu)&&void 0!==e?e:null,"data-main-menu":this.dataMainMenuLinks}),t("div",{class:"hy-site-header__actions"},t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels,isGroup:!0}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:18,color:n,"is-group":!0,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((({label:e,url:i})=>t("a",{class:"hy-site-header__donate-link",href:i},t("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:l.black}),t("span",null,e))))))),t("section",{class:`hy-site-header__container ${this.isGroup?"is-group":""} ${"research_group_menu"===this.groupType?"is-research-group":""}`},t("div",{class:"hy-site-header__branding"},this.isGroup&&"research_group_menu"==this.groupType&&t("p",null,this.researchGroupLabel),this.isGroup?t("a",{href:this.logoUrl},"generic_site_group_menu"==this.groupType&&this.groupLogoUrl?t("img",{src:this.groupLogoUrl,alt:`${this.logoLabel} logo`}):this.logoLabel):t("hy-site-logo",{size:i,color:r,url:this.logoUrl,label:this.logoLabel})),"research_group_menu"!=this.groupType&&t("hy-desktop-menu-links",{"data-desktop-links":this.dataDesktopLinks,isGroup:this.isGroup,isDropdown:this.isDesktopMenuDropdown}),!this.isGroup&&t("div",{class:"hy-site-header__actions"},t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.noSearch&&t("hy-site-search",{size:14,color:l.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((({label:e,url:i})=>t("a",{class:"hy-site-header__donate-link",href:i},t("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:l.black}),t("span",null,e)))))))];case o.mobile:return t("header",{class:d.join(" ")},t("div",{class:{"hy-backdrop":!0,"is-active":this.isMenuOpen}}),t("div",{class:{"hy-backdrop":!0,"is-active-top":this.isTopMenuOpen}}),this.isGroup&&t("section",{class:"hy-site-header__content-top "+(this.isTopMenuOpen?"is-open":"")},t("div",{class:"hy-site-header__container"},t("div",{class:"hy-site-header__branding"},t("hy-site-logo",{"is-group":!0,"is-luomus-group":this.isLuomusGroup,size:s,color:n,url:this.siteUrl,label:this.siteLabel})),t("div",{class:"hy-site-header__actions"},t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels,isGroup:!0}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:18,color:n,"is-group":!0,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.dataMainMenuLinks.length>2&&t("hy-menu-main-group",{"site-label":this.siteLabel,"site-url":this.siteUrl,"logo-label":this.logoLabel,"logo-url":this.logoUrl,"is-mobile":!0,donate:this.donateLink,"data-main-menu":this.dataMainMenuLinks})))),t("section",{class:"hy-site-header__container"},t("div",{class:"hy-site-header__branding"},"research_group_menu"==this.groupType&&t("p",null,this.researchGroupLabel),this.isGroup?t("a",{href:this.logoUrl},"generic_site_group_menu"==this.groupType&&this.groupLogoUrl?t("img",{src:this.groupLogoUrl,alt:`${this.logoLabel} logo`}):this.logoLabel):t("hy-site-logo",{size:i,color:r,url:this.logoUrl,label:this.logoLabel})),t("div",{class:"hy-site-header__actions"},!this.isGroup&&t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.isGroup&&!this.noSearch&&t("hy-site-search",{size:24,color:l.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),t("button",{onClick:()=>c(),class:"hy-site-header__menu-open-button","aria-label":this.menuLabels.open,"aria-expanded":`${this.isMenuOpen}`},!this.isMenuOpen&&t("hy-icon",{icon:"hy-icon-hamburger",size:24,fill:l.black}),this.isMenuOpen&&t(a,null,t("span",null,"Close"),t("hy-icon",{icon:"hy-icon-remove",size:16})))),t("div",{class:{"is-open":this.isMenuOpen,"hy-site-header__panel":!0},"aria-hidden":`${!this.isMenuOpen}`},t("slot",{name:"menu"}))))}}get el(){return s(this)}};p.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-site-header{background-color:var(--grayscale-white);z-index:100;border-bottom:2px solid var(--grayscale-dark)}@media (min-width: 75.0625rem){.hy-site-header{border-bottom:1px solid var(--grayscale-black);margin:0 auto;max-width:120.0625rem}}.hy-site-header.hy-site-header--sticky-active{-webkit-transition:-webkit-transform 200ms linear;transition:-webkit-transform 200ms linear;transition:transform 200ms linear;transition:transform 200ms linear, -webkit-transform 200ms linear;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-shadow:rgba(14, 104, 139, 0.2) 0 20px 20px -20px;box-shadow:rgba(14, 104, 139, 0.2) 0 20px 20px -20px}.hy-site-header.hy-site-header--sticky-visible{left:0;position:fixed;right:0;top:0}.hy-site-header.hy-site-header--sticky-visible.has-toolbar{top:39px}.hy-site-header.hy-site-header--sticky-visible.has-toolbar--large{top:79px}.hy-site-header.hy-site-header--sticky-hidden{top:0}@media (min-width: 75.0625rem){.hy-site-header.is-group hy-desktop-menu-links{margin-left:-10px}}.hy-site-header__container{padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 75.0625rem){.hy-site-header__container{padding:0 32px}}.hy-site-header__container.is-group{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (min-width: 75.0625rem){.hy-site-header__container.is-group{min-height:82px}}.hy-site-header__branding{padding:12px 0}@media (min-width: 75.0625rem){.hy-site-header__branding{padding:26px 0}}.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}@media (min-width: 75.0625rem){.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}}.hy-site-header__branding>p{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);letter-spacing:-0.1px;margin-bottom:4px;text-transform:uppercase}.hy-site-header__branding>p+a{min-height:auto}@media (min-width: 75.0625rem){.hy-site-header__branding>p{margin-bottom:8px}}.hy-site-header__branding>a{font-size:1rem;line-height:16px;font-weight:700;font-family:var(--main-font-family);color:var(--brand-main-nearly-black);letter-spacing:-0.6px;text-transform:uppercase;text-decoration:none;min-height:48px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 75.0625rem){.hy-site-header__branding>a{font-size:1.625rem;line-height:30px;letter-spacing:-0.8px;min-height:auto}}.hy-site-header__branding>a img{height:100%;max-height:48px}@media (min-width: 75.0625rem){.hy-site-header__branding>a img{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@media (min-width: 75.0625rem){.is-group:not(.is-research-group)>.hy-site-header__branding{margin-right:42px;padding-bottom:0;margin-bottom:-10px}}.hy-site-header__actions{display:inline-grid;gap:4px;grid-template-columns:repeat(3, auto);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (min-width: 1601px){.hy-site-header__actions{gap:16px}}.hy-site-header__menu-open-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;background-color:transparent;border:0;padding:0;margin:0}.hy-site-header__menu-open-button[aria-expanded=true]{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);height:auto;letter-spacing:-0.3px;margin-left:auto;margin-right:-16px;padding:16px;position:fixed;right:16px;top:12px;z-index:101;width:auto}.hy-site-header__menu-open-button[aria-expanded=true]:hover{cursor:pointer}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon{margin-left:8px}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon svg{fill:var(--brand-main)}.hy-site-header__donate-link{font-size:0.75rem;line-height:24px;font-weight:400;display:inline-grid;font-family:var(--main-font-family);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;grid-template-columns:repeat(2, auto);color:var(--brand-main-nearly-black);letter-spacing:-0.5px;padding:0;text-decoration:none}@media (min-width: 1601px){.hy-site-header__donate-link{font-size:0.875rem;line-height:24px}}.hy-site-header__donate-link:hover{color:var(--brand-main);cursor:pointer}.hy-site-header__donate-link:hover svg{fill:var(--brand-main)}.hy-site-header__donate-link:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-header__content-top .hy-site-header__donate-link{color:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link svg{fill:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link:hover{color:var(--grayscale-medium);cursor:pointer}.hy-site-header__content-top .hy-site-header__donate-link:hover svg{fill:var(--grayscale-medium)}.hy-site-header__content-top{background-color:var(--grayscale-black);border-bottom:2px solid rgba(0, 0, 0, 0.7);position:relative}.hy-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;visibility:hidden}.hy-backdrop.is-active{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:99}.hy-backdrop.is-active-top{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:98}.hy-site-header__panel{background:var(--grayscale-white);bottom:0;overflow:hidden;position:fixed;right:0;top:0;visibility:visible;width:90%;z-index:100}@media (min-width: 30rem){.hy-site-header__panel{width:400px}}.hy-site-header__panel[aria-hidden=true]{visibility:hidden;padding:0;width:0}";const g=class{constructor(i){e(this,i),this.type=d.header,this.color=l.black,this.isGroup=!1,this.isLuomusGroup=!1,this.size=h.big}render(){const e=["hy-site-logo",`hy-site-logo__${this.type}__${this.isGroup?"group":"page"}`,`hy-site-logo__${this.type}`,"luomus"].join(" ");return this.url?t(r,{class:e},!this.isLuomusGroup&&t("a",{href:this.url},t("hy-icon",{class:{"hy-site-logo__icon":!0,group:this.isGroup},icon:"hy-icon-hy-logo",size:this.size,fill:this.color}),t("span",{class:{"hy-site-logo__label":!0,group:this.isGroup},style:{color:this.color}},this.label)),this.isLuomusGroup&&t("div",{class:"luomus-group"},t("hy-icon",{class:{"hy-site-logo__icon":!0,group:this.isGroup},icon:"hy-icon-hy-logo",size:this.size,fill:this.color}),t("span",{class:{"hy-site-logo__label":!0,group:this.isGroup},style:{color:this.color}},this.label))):this.label?t(r,{class:e},t("hy-icon",{class:{"hy-site-logo__icon":!0,group:this.isGroup},icon:"hy-icon-hy-logo",size:this.size,fill:this.color}),t("span",{class:{"hy-site-logo__label":!0,group:this.isGroup},style:{color:this.color}},this.label)):""}};g.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{--site-logo-color:var(--brand-main-nearly-black)}:host(.hy-site-logo--mobile){--site-logo-color:var(--brand-main-nearly-black)}.hy-site-logo a,.hy-site-logo div.luomus-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none}.hy-site-logo a:focus,.hy-site-logo div.luomus-group:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-logo__label{font-size:0.875rem;line-height:14px;font-weight:700;color:var(--site-logo-color);font-family:var(--main-font-family);letter-spacing:-0.7px;margin-left:8px;max-width:90px;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 75.0625rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:90px;white-space:initial}}@media (min-width: 1601px){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 30rem){.hy-site-logo__label{font-size:0.9375rem;line-height:16px;letter-spacing:-0.75px;margin-left:6px}}@media (min-width: 75.0625rem){.hy-site-logo__label{font-size:0.875rem;line-height:14px;letter-spacing:-0.6px;margin-left:4px}}@media (min-width: 1601px){.hy-site-logo__label{font-size:1rem;line-height:16px;letter-spacing:-0.7px;margin-left:4px}}.hy-site-logo__label.group{font-size:0.75rem;line-height:14px;color:var(--grayscale-white);letter-spacing:-0.6px;margin-left:3px}@media (min-width: 60rem){.hy-site-logo__label.group{font-size:0.875rem;line-height:14px;letter-spacing:-0.7px}}@media (min-width: 1601px){.hy-site-logo__label.group{margin-left:8px}}.hy-site-logo__icon.group svg{height:32px !important;width:33.41px}.hy-site-logo__icon:not(.group) svg{height:32px;width:33.41px}@media (min-width: 30rem){.hy-site-logo__icon:not(.group) svg{height:48px;width:51px}}@media (min-width: 1601px){.hy-site-logo__icon:not(.group) svg{height:60px;width:64px}}.hy-site-logo__header__page:hover{color:var(--brand-main)}.hy-site-logo__header__page:hover a,.hy-site-logo__header__page:hover span{color:var(--brand-main) !important}.hy-site-logo__header__page:hover svg{fill:var(--brand-main)}.hy-site-logo__header__group:not(.luomus):hover{color:var(--grayscale-medium)}.hy-site-logo__header__group:not(.luomus):hover a,.hy-site-logo__header__group:not(.luomus):hover span{color:var(--grayscale-medium) !important}.hy-site-logo__header__group:not(.luomus):hover svg{fill:var(--grayscale-medium)}.hy-site-logo__footer:hover span{color:var(--grayscale-medium) !important}.hy-site-logo__footer:hover svg{fill:var(--grayscale-medium) !important}.hy-site-header__logo-container a.group{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-decoration:none;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__logo-container a.group{font-size:1.5rem;line-height:28px;letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-site-header__logo-container a.group{font-size:1.625rem;line-height:30px}}";const m=class{constructor(t){e(this,t),this.searchPanelToggled=i(this,"searchPanelToggled",7),this.color=l.black,this.isAlternative=!1,this.isGroup=!1,this.showLabel=!1,this.isSearchPanelOpen=!1}async componentWillLoad(){this._labels=await c(this.labels),this.searchTools&&(this._searchTools=await c(this.searchTools)),this.searchLabels&&(this._searchLabels=await c(this.searchLabels),this.searchTitleLabel=this._searchLabels.search_label,this.searchCloseLabel=this._searchLabels.search_close_label,this.searchToolsLabel=this._searchLabels.search_tools_label,this.searchDescriptionLabel=this._searchLabels.search_description)}desktopMenuToggled(){this.closeSearchPanel()}mobileMenuToggled(){this.closeSearchPanel()}menuLanguageToggled(){this.closeSearchPanel()}universityMainMenuPanelToggled(){this.closeSearchPanel()}handleWindowClick(e){0!=e.detail&&this.isSearchPanelOpen&&(e.path||e.composedPath&&e.composedPath())[0].classList.contains("hy-backdrop")&&(this.closeSearchPanel(),e.stopPropagation())}closeSearchPanel(){if(this.isSearchPanelOpen=!1,document.querySelectorAll("stencil-cludo-sayt")[0]){let e=window.CludoSayt;void 0!==e&&e.hide()}this.showBackdropShadow()}handleSearchPanelToggle(e){if(this.isSearchPanelOpen=!this.isSearchPanelOpen,this.isSearchPanelOpen){this.searchPanelToggled.emit(),this.adjustPosition(this.el);let e=document.querySelectorAll("stencil-cludo-sayt")[0];if(e){const i=this.el.shadowRoot.querySelector("#cludo-search-content-form");e.classList.remove("hidden"),i.append(e),e.shadowRoot.querySelector("#cludo-reli-flexi-wrapper").style.position="relative",e.shadowRoot.querySelector("#cludo-reli-flexi").style.position="relative",e.shadowRoot.querySelector("#cludo-reli-flexi").style.maxWidth="none"}setTimeout((()=>{this.el.shadowRoot.querySelector("input#search").focus()}))}else this.closeSearchPanel();e.stopPropagation()}adjustPosition(e){let i="0",t=0;const a=e.shadowRoot.querySelectorAll(".site-search__panel")[0];let s=a.style.display;if(this.isGroup){let s=e.closest(".hy-site-header__content-top");if(s){let e=s.offsetHeight;i=`${e}px`;let r=s.offsetTop;a.style.display="flex",t=e+r+a.offsetHeight}}else{let s=e.closest(".hy-site-header");if(s){let e=s.classList.contains("hy-site-header--sticky-active")?s.offsetHeight:s.offsetTop+s.offsetHeight;i=`${e}px`,a.style.display="flex",t=a.offsetHeight+e}}a.style.display=s,a.style.top=i,this.showBackdropShadow("open",t)}showBackdropShadow(e="close",i=0){let t=this.el.closest(".hy-site-header").children[0];if(t)if("open"===e){let e=window.outerHeight-i;t.style.height=`${e}px`,t.style.top=`${i}px`,t.style.position="absolute",t.classList.add("is-active")}else t.removeAttribute("style"),t.classList.remove("is-active")}render(){const e=window.location.pathname,i=["/fi/haku","/en/search","/sv/sök"];return t("div",{class:{"site-search":!0,"site-search__is-open":this.isSearchPanelOpen,"is-group":this.isGroup}},t("button",{"aria-label":this.showLabel?this._labels.open:"","aria-expanded":`${this.isSearchPanelOpen}`,class:{"button--search":!0,"is-open--menu":this.isAlternative,"is-open":this.isSearchPanelOpen,"is-active":i.some((i=>i===e))},onClick:e=>this.handleSearchPanelToggle(e),disabled:!!i.some((i=>i===e))},this.showLabel?t("span",{class:{"button--search__label":!0,"button--search__label__group":this.isGroup}},this._labels.label):"",t("hy-icon",{icon:"hy-icon-search",size:this.size,fill:this.color})),t("div",{class:{"site-search__panel":!0,"site-search__panel__is-open":this.isSearchPanelOpen},"aria-hidden":`${!this.isSearchPanelOpen}`},t("div",{class:"site-search__panel__wrapper"},t("div",{class:"site-search__panel__title"},t("div",{class:"site-search__panel__title__group"},t("h1",null,this.searchTitleLabel),t("div",{class:"description"},this.searchDescriptionLabel))),t("div",{id:"cludo-search-results",class:"container_12"},t("div",{class:"search-banner"}),t("div",{class:"search-filters search-filters-mobile"}),t("div",{class:"col-md-12"},t("div",{style:{margin:"20px 0 32px"},id:"cludo-search-content-form"},t("hy-search-field",{"input-id":"search",label:""}))),t("div",{class:"col-md-3"},t("div",{class:"search-filters","aria-controls":"search-results"})),t("div",{class:"col-md-9"},t("div",{class:"search-results-container"},t("hy-paragraph-text",null,t("div",{class:"search-result-count"})),t("div",{class:"search-did-you-mean",role:"Complementary"}),t("div",{class:"search-results",role:"region",id:"search-results","aria-live":"polite"})))),this._searchTools&&this._searchTools.length>0&&t("div",{class:"site-search__panel__tools"},t("div",{class:"title"},this.searchToolsLabel),t("div",{class:"list"},this._searchTools.map((e=>t("a",{class:"search-special-tool",href:e.url,target:e.isExternal?"_blank":"_self"},t("hy-icon",{icon:"hy-icon-arrow-to-right",size:14,fill:l.black}),t("span",{class:"label"},e.label),t("span",{class:"description"},e.description)))))),t("button",{onClick:()=>this.closeSearchPanel(),class:{"site-search__panel__panel-toggle":!0},"aria-label":this.searchCloseLabel,"aria-expanded":`${this.isSearchPanelOpen}`},t("span",{class:"site-search__panel__panel-toggle__label"},t("span",{class:"site-search__panel__panel-toggle__label__title",tabindex:"0"},this.searchCloseLabel),t("hy-icon",{icon:"hy-icon-remove",size:16,fill:l.black}))))))}get el(){return s(this)}};m.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:"";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:#f8f8f8;border:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title h1{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title h1{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title h1{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:8px;width:40px}';export{p as hy_site_header,g as hy_site_logo,m as hy_site_search}

package/dist/huds-lib/p-de9a3ec8.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as t}from"./p-bb24c6b5.js";const i=class{constructor(a){e(this,a),this.multiple=!1,this.selfServiceLabel=null,this.venueType="libraries"}dataItemsWatcher(e){this._dataItems="string"==typeof e?JSON.parse(e):e}componentWillLoad(){this.dataItemsWatcher(this.dataItems)}render(){return a(t,null,this._dataItems.map((e=>{if(!e.service)return;const t=["open-hours__list-item",e.today?"open-hours__list-item--today":""].join(" ");return a("div",{class:t},a("span",{class:"open-hours__list-item--office"},e.today?e.today:e.dateLibrary),a("span",{class:"open-hours__list-item--hours"},e.building),a("span",{class:"open-hours__list-item--service"},e.service))})),this.selfServiceLabel&&a("div",{class:"open-hours__content__top"},a("span",{class:"open-hours__content__top-label"},this.selfServiceLabel)),this._dataItems.map((e=>{if(e.service)return;const t=["open-hours__list-item",e.today?"open-hours__list-item--today":""].join(" ");return a("div",{class:t},a("span",{class:"open-hours__list-item--office"},e.today?e.today:e.dateLibrary),a("span",{class:"open-hours__list-item--hours"},e.building),"luomus"!==this.venueType&&a("span",{class:"open-hours__list-item--service"},"-"))})))}static get watchers(){return{dataItems:["dataItemsWatcher"]}}};i.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.open-hours__list-item{border-top:1px solid var(--grayscale-medium);color:var(--grayscale-dark-text);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0.875rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.5rem 0;font-family:var(--main-font-family);text-align:start}.open-hours__list-item--today{background-color:var(--grayscale-light)}.open-hours__list-item--today span:first-child{margin-left:4px;padding-left:4px;margin-right:-8px;font-weight:bold;border-left:2px solid var(--grayscale-black)}.open-hours__list-item>span{text-align:left;width:calc(100vw / 3)}.open-hours__list-item--date{margin-right:1rem}.open-hours__list-item--hours{margin-right:0.2rem}";export{i as hy_opening_hours_content}