@itcenteratunihelsinki/huds-lib 0.5.3 → 0.5.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/huds-lib.cjs.js +1 -1
- package/dist/cjs/hy-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-banner.cjs.entry.js +1 -1
- package/dist/cjs/hy-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/hy-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/hy-content-list-item.cjs.entry.js +9 -3
- package/dist/cjs/hy-content-list.cjs.entry.js +39 -36
- package/dist/cjs/hy-cta-button.cjs.entry.js +1 -1
- package/dist/cjs/hy-cta-link.cjs.entry.js +1 -1
- package/dist/cjs/hy-desktop-menu-links.cjs.entry.js +1 -1
- package/dist/cjs/hy-filter-group-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-filter-list-type.cjs.entry.js +1 -1
- package/dist/cjs/hy-footer_5.cjs.entry.js +1 -1
- package/dist/cjs/hy-general-list_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-heading.cjs.entry.js +1 -1
- package/dist/cjs/hy-hero.cjs.entry.js +1 -1
- package/dist/cjs/hy-introduction.cjs.entry.js +1 -1
- package/dist/cjs/hy-key-figure-group.cjs.entry.js +1 -1
- package/dist/cjs/hy-key-figure.cjs.entry.js +1 -1
- package/dist/cjs/hy-key-highlight-group.cjs.entry.js +1 -1
- package/dist/cjs/hy-key-highlight.cjs.entry.js +1 -1
- package/dist/cjs/hy-large-process-flow.cjs.entry.js +1 -1
- package/dist/cjs/hy-link-box-list.cjs.entry.js +1 -1
- package/dist/cjs/hy-link-box.cjs.entry.js +1 -1
- package/dist/cjs/hy-link-list.cjs.entry.js +1 -1
- package/dist/cjs/hy-link.cjs.entry.js +1 -1
- package/dist/cjs/hy-list-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-logo-grid-item.cjs.entry.js +30 -0
- package/dist/cjs/hy-logo-grid.cjs.entry.js +4 -8
- package/dist/cjs/hy-menu-item-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/hy-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-menu-level-container.cjs.entry.js +1 -1
- package/dist/cjs/hy-menu-main-group.cjs.entry.js +1 -1
- package/dist/cjs/hy-menu-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/hy-menu.cjs.entry.js +1 -1
- package/dist/cjs/hy-opening-hours.cjs.entry.js +1 -1
- package/dist/cjs/hy-pager-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-person-card.cjs.entry.js +1 -1
- package/dist/cjs/hy-process-flow-box.cjs.entry.js +1 -1
- package/dist/cjs/hy-process.cjs.entry.js +1 -1
- package/dist/cjs/hy-search-field.cjs.entry.js +1 -1
- package/dist/cjs/hy-shortcuts.cjs.entry.js +1 -1
- package/dist/cjs/hy-site-header_3.cjs.entry.js +1 -1
- package/dist/cjs/hy-user-login-form.cjs.entry.js +1 -1
- package/dist/cjs/hy-video.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-f230592a.js → utils-f2f5569b.js} +5 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/courses/hy-content-list/hy-content-list.js +62 -36
- package/dist/collection/components/courses/hy-content-list-item/hy-content-list-item.css +8 -0
- package/dist/collection/components/courses/hy-content-list-item/hy-content-list-item.js +32 -3
- package/dist/collection/components/hy-logo-grid/hy-logo-grid.item.js +64 -0
- package/dist/collection/components/hy-logo-grid/hy-logo-grid.js +3 -27
- package/dist/collection/utils/utils.js +5 -0
- package/dist/esm/huds-lib.js +1 -1
- package/dist/esm/hy-accordion-item.entry.js +1 -1
- package/dist/esm/hy-banner.entry.js +1 -1
- package/dist/esm/hy-breadcrumbs.entry.js +1 -1
- package/dist/esm/hy-checkbox.entry.js +1 -1
- package/dist/esm/hy-content-list-item.entry.js +9 -3
- package/dist/esm/hy-content-list.entry.js +39 -36
- package/dist/esm/hy-cta-button.entry.js +1 -1
- package/dist/esm/hy-cta-link.entry.js +1 -1
- package/dist/esm/hy-desktop-menu-links.entry.js +1 -1
- package/dist/esm/hy-filter-group-item.entry.js +1 -1
- package/dist/esm/hy-filter-list-type.entry.js +1 -1
- package/dist/esm/hy-footer_5.entry.js +1 -1
- package/dist/esm/hy-general-list_2.entry.js +1 -1
- package/dist/esm/hy-grid-item.entry.js +1 -1
- package/dist/esm/hy-heading.entry.js +1 -1
- package/dist/esm/hy-hero.entry.js +1 -1
- package/dist/esm/hy-introduction.entry.js +1 -1
- package/dist/esm/hy-key-figure-group.entry.js +1 -1
- package/dist/esm/hy-key-figure.entry.js +1 -1
- package/dist/esm/hy-key-highlight-group.entry.js +1 -1
- package/dist/esm/hy-key-highlight.entry.js +1 -1
- package/dist/esm/hy-large-process-flow.entry.js +1 -1
- package/dist/esm/hy-link-box-list.entry.js +1 -1
- package/dist/esm/hy-link-box.entry.js +1 -1
- package/dist/esm/hy-link-list.entry.js +1 -1
- package/dist/esm/hy-link.entry.js +1 -1
- package/dist/esm/hy-list-item.entry.js +1 -1
- package/dist/esm/hy-logo-grid-item.entry.js +26 -0
- package/dist/esm/hy-logo-grid.entry.js +4 -8
- package/dist/esm/hy-menu-item-sidebar.entry.js +1 -1
- package/dist/esm/hy-menu-item.entry.js +1 -1
- package/dist/esm/hy-menu-level-container.entry.js +1 -1
- package/dist/esm/hy-menu-main-group.entry.js +1 -1
- package/dist/esm/hy-menu-sidebar.entry.js +1 -1
- package/dist/esm/hy-menu.entry.js +1 -1
- package/dist/esm/hy-opening-hours.entry.js +1 -1
- package/dist/esm/hy-pager-item.entry.js +1 -1
- package/dist/esm/hy-person-card.entry.js +1 -1
- package/dist/esm/hy-process-flow-box.entry.js +1 -1
- package/dist/esm/hy-process.entry.js +1 -1
- package/dist/esm/hy-search-field.entry.js +1 -1
- package/dist/esm/hy-shortcuts.entry.js +1 -1
- package/dist/esm/hy-site-header_3.entry.js +1 -1
- package/dist/esm/hy-user-login-form.entry.js +1 -1
- package/dist/esm/hy-video.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-61777ed2.js → utils-5edb511a.js} +6 -1
- package/dist/huds-lib/huds-lib.esm.js +1 -1
- package/dist/huds-lib/{p-4ca80758.entry.js → p-039f663c.entry.js} +1 -1
- package/dist/huds-lib/{p-4595babb.entry.js → p-0523053d.entry.js} +1 -1
- package/dist/huds-lib/{p-0351dd65.entry.js → p-06a18d92.entry.js} +1 -1
- package/dist/huds-lib/{p-f5192ece.entry.js → p-0f50c3f9.entry.js} +1 -1
- package/dist/huds-lib/{p-7a65971b.entry.js → p-124131e3.entry.js} +1 -1
- package/dist/huds-lib/{p-b4cc370d.entry.js → p-1296897a.entry.js} +1 -1
- package/dist/huds-lib/p-20a265d7.js +1 -0
- package/dist/huds-lib/{p-22c93ad3.entry.js → p-253f796c.entry.js} +1 -1
- package/dist/huds-lib/{p-812b12b4.entry.js → p-2ae655ad.entry.js} +1 -1
- package/dist/huds-lib/{p-3cd8793e.entry.js → p-2ee57761.entry.js} +1 -1
- package/dist/huds-lib/{p-6b3ad370.entry.js → p-31ff02c7.entry.js} +1 -1
- package/dist/huds-lib/{p-76ef22cb.entry.js → p-3637543d.entry.js} +1 -1
- package/dist/huds-lib/p-381e756f.entry.js +1 -0
- package/dist/huds-lib/{p-24dfef04.entry.js → p-40da4ea2.entry.js} +1 -1
- package/dist/huds-lib/{p-feaf6720.entry.js → p-499b6c19.entry.js} +1 -1
- package/dist/huds-lib/{p-e55c6ab6.entry.js → p-4c8a98c2.entry.js} +1 -1
- package/dist/huds-lib/{p-24ddfb54.entry.js → p-57aaf7d3.entry.js} +1 -1
- package/dist/huds-lib/p-5a95b265.entry.js +1 -0
- package/dist/huds-lib/{p-7fba7553.entry.js → p-6053432d.entry.js} +1 -1
- package/dist/huds-lib/{p-9428c7c3.entry.js → p-69bb03b5.entry.js} +1 -1
- package/dist/huds-lib/{p-ae621107.entry.js → p-727a9714.entry.js} +1 -1
- package/dist/huds-lib/{p-45f1fef1.entry.js → p-7b16ec44.entry.js} +1 -1
- package/dist/huds-lib/p-7d777e18.entry.js +1 -0
- package/dist/huds-lib/p-8942d01b.entry.js +1 -0
- package/dist/huds-lib/{p-cf0bbb91.entry.js → p-8d9ced03.entry.js} +1 -1
- package/dist/huds-lib/p-8f8c3f99.entry.js +1 -0
- package/dist/huds-lib/{p-efbda8ad.entry.js → p-a2a007e9.entry.js} +1 -1
- package/dist/huds-lib/{p-b08c685d.entry.js → p-a8618be5.entry.js} +1 -1
- package/dist/huds-lib/{p-37527a95.entry.js → p-ad5233f6.entry.js} +1 -1
- package/dist/huds-lib/{p-73ef64d3.entry.js → p-ad8591a4.entry.js} +1 -1
- package/dist/huds-lib/{p-f959c8be.entry.js → p-af8801e4.entry.js} +1 -1
- package/dist/huds-lib/p-b87355aa.entry.js +1 -0
- package/dist/huds-lib/{p-e00e1bb8.entry.js → p-ba8ac70e.entry.js} +1 -1
- package/dist/huds-lib/{p-1694cf18.entry.js → p-c78875fd.entry.js} +1 -1
- package/dist/huds-lib/{p-782a7dd5.entry.js → p-d06af299.entry.js} +1 -1
- package/dist/huds-lib/{p-3a94e7b0.entry.js → p-db4c74a2.entry.js} +1 -1
- package/dist/huds-lib/{p-5a6ee7f7.entry.js → p-df306531.entry.js} +1 -1
- package/dist/huds-lib/{p-ccdfb2ca.entry.js → p-e00b9ff1.entry.js} +1 -1
- package/dist/huds-lib/{p-54b5b68e.entry.js → p-e07cc533.entry.js} +1 -1
- package/dist/huds-lib/{p-d38f7925.entry.js → p-e4930926.entry.js} +1 -1
- package/dist/huds-lib/{p-331314b8.entry.js → p-e5bf0843.entry.js} +1 -1
- package/dist/huds-lib/{p-634ad771.entry.js → p-ef6935c1.entry.js} +1 -1
- package/dist/huds-lib/{p-a64912bb.entry.js → p-f60f8340.entry.js} +1 -1
- package/dist/huds-lib/p-fc2f0ada.entry.js +1 -0
- package/dist/huds-lib/p-fe6eb2b6.entry.js +1 -0
- package/dist/huds-lib/p-ff55795d.entry.js +1 -0
- package/dist/types/components/courses/hy-content-list/hy-content-list.d.ts +2 -0
- package/dist/types/components/courses/hy-content-list-item/hy-content-list-item.d.ts +2 -1
- package/dist/types/components/hy-logo-grid/hy-logo-grid.d.ts +1 -2
- package/dist/types/components/hy-logo-grid/hy-logo-grid.item.d.ts +5 -0
- package/dist/types/components.d.ts +22 -3
- package/dist/types/utils/utils.d.ts +4 -0
- package/package.json +1 -1
- package/dist/huds-lib/p-13df2819.entry.js +0 -1
- package/dist/huds-lib/p-1dfe6322.entry.js +0 -1
- package/dist/huds-lib/p-2f4d1286.js +0 -1
- package/dist/huds-lib/p-7bdcb0e6.entry.js +0 -1
- package/dist/huds-lib/p-8d5a953e.entry.js +0 -1
- package/dist/huds-lib/p-92035ddc.entry.js +0 -1
- package/dist/huds-lib/p-970c2118.entry.js +0 -1
- package/dist/huds-lib/p-bae5b5b2.entry.js +0 -1
- package/dist/huds-lib/p-e7d5f3e6.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,g as a,H as s}from"./p-36dbfc06.js";import{R as o}from"./p-a82d4779.js";import{M as r,C as n,S as l,F as h}from"./p-2f4d1286.js";import{j as d}from"./p-45454a42.js";const c=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.researchGroupLabel="",this.groupType="",this.showSearchLabel=!0,this.noSearch=!1,this.menuLabel="Menu",this.menuType=null,this.isMenuOpen=!1,this.isDesktopMenuOpen=!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 o((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 d(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 d(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)}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?(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&&e>960?r.tablet:e<=960?r.mobile:r.desktop,this.isMobile=this.menuType===(r.mobile||r.tablet),this.el.children[0].setAttribute("menu-type",this.menuType===r.tablet?r.mobile:this.menuType)}render(){var e,i;if(null===this.menuType)return;const a=this.isMobile?l.small:l.big,s=l.small,o=n.black,h=n.white;let d=["hy-site-header","hy-site-header--"+this.menuType];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 r.desktop:return[t("header",{class:d.join(" ")},t("div",{class:{"hy-backdrop":!0,"is-active":this.isMenuOpen||this.isTopMenuOpen}}),this.isGroup&&t("div",{class:"hy-site-header__content-top"},t("div",{class:"hy-site-header__logo-container group ",role:"navigation"},t("hy-site-logo",{"is-group":!0,size:s,color:h,url:this.siteUrl,label:this.siteLabel}),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:"menu--secondary menu--secondary--group"},t("hy-menu-language",{class:"menu--secondary__item is-first group","is-group":!0,"is-mobile":!1,"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:16,color:h,"is-group":!0,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((e=>t("a",{class:"menu--secondary__item hy-link__donate group",href:e.url},t("hy-icon",{icon:"hy-icon-heart-support",size:16,fill:h}),t("span",{class:"hy-link__donate__label group"},e.label)))))),t("div",{class:{"hy-site-header__content":!0,group:this.isGroup}},t("div",{class:"hy-site-header__logo-container"},this.isGroup&&"research_group_menu"==this.groupType&&t("div",{class:"hy-site-header__logo-container__group_label"},this.researchGroupLabel),this.isGroup?t("a",{class:"group",href:this.logoUrl},this.logoLabel):t("hy-site-logo",{size:a,color:o,url:this.logoUrl,label:this.logoLabel})),"research_group_menu"!=this.groupType&&t("hy-desktop-menu-links",{"data-desktop-links":this.dataDesktopLinks}),!this.isGroup&&t("div",{class:"menu--secondary"},t("hy-menu-language",{class:"menu--secondary__item is-first","is-mobile":!1,"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item",size:14,color:n.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((e=>t("a",{class:"menu--secondary__item hy-link__donate",href:e.url},t("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:n.black}),t("span",{class:"hy-link__donate__label"},e.label)))))))];case r.tablet:return t("header",{class:d.join(" ")},t("div",{class:{"hy-backdrop":!0,"is-active":this.isMenuOpen}}),this.isGroup&&t("div",{class:"hy-site-header__content-top"},t("div",{class:"hy-site-header__logo-container group ",role:"navigation"},t("hy-site-logo",{"is-group":"true",size:a,color:h,url:this.siteUrl,label:this.siteLabel}),t("hy-menu-main-group",{"is-mobile":!1,"menu-label":null!==(i=this.groupPages.university_main_menu)&&void 0!==i?i:"","data-main-menu":this.dataMainMenuLinks})),t("div",{class:"menu--secondary menu--secondary--group"},t("hy-menu-language",{class:"menu--secondary__item is-first group","is-group":!0,"is-mobile":!1,"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:16,color:h,"show-label":this.showSearchLabel,"is-group":!0,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((e=>t("a",{class:"menu--secondary__item hy-link__donate group",href:e.url},t("hy-icon",{icon:"hy-icon-heart-support",size:16,fill:h}),t("span",{class:"hy-link__donate__label group"},e.label)))))),t("div",{class:{"hy-site-header__content":!0,group:this.isGroup}},t("div",{class:"hy-site-header__logo-container"},this.isGroup&&"research_group_menu"==this.groupType&&t("div",{class:"hy-site-header__logo-container__group_label"},this.researchGroupLabel),this.isGroup?t("a",{class:"group",href:this.logoUrl},this.logoLabel):t("hy-site-logo",{size:a,color:o,url:this.logoUrl,label:this.logoLabel})),!this.isGroup&&t("div",{class:"menu--secondary"},t("hy-menu-language",{class:"menu--secondary__item is-first","is-mobile":!1,"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item",size:14,color:n.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((e=>t("a",{class:"menu--secondary__item hy-link__donate",href:e.url},t("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:n.black}),t("span",{class:"hy-link__donate__label"},e.label))))),t("div",{class:"hy-site-header__menu-container"},t("span",{class:{"hy-site-header__menu-label":!0,"is-visible":this.isMenuOpen}},this.menuLabel),t("button",{onClick:()=>c(),class:{"hy-site-header__panel-toggle":!0,"is-open":this.isMenuOpen},"aria-label":this.isMenuOpen?this.menuLabels.close:this.menuLabels.open},this.isMenuOpen?t("span",{class:"hy-site-header__panel-toggle__label"},this.menuLabelClose,t("hy-icon",{icon:"hy-icon-remove",size:20,fill:n.black})):t("span",{class:"hy-site-header__panel-toggle__label"},this.menuLabelOpen,t("hy-icon",{icon:"hy-icon-hamburger",size:20,fill:n.black}))),t("div",{class:{"is-open":this.isMenuOpen,"hy-site-header__panel":!0}},t("slot",{name:"menu"})))));case r.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("div",{class:{"hy-site-header__content-top":!0,"is-open":this.isTopMenuOpen},"is-mobile":!0},t("div",{class:"hy-site-header__logo-container group "},t("hy-site-logo",{"is-group":!0,size:s,color:h,url:this.siteUrl,label:this.siteLabel})),t("div",{class:"menu--secondary menu--secondary--group"},!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:18,color:h,"is-group":!0,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),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("div",{class:{"hy-site-header__content":!0,group:this.isGroup}},t("div",{class:"hy-site-header__logo-container"},"research_group_menu"==this.groupType&&t("div",{class:"hy-site-header__logo-container__group_label"},this.researchGroupLabel),this.isGroup?t("a",{class:"group",href:this.logoUrl},this.logoLabel):t("hy-site-logo",{size:a,color:o,url:this.logoUrl,label:this.logoLabel})),t("div",{class:{"hy-site-header__menu-container":!0,"is-open":this.isMenuOpen}},!this.isGroup&&!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item",size:14,color:n.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),t("span",{class:{"hy-site-header__menu-label":!0,"is-visible":this.isMenuOpen}},this.menuLabel),t("button",{onClick:()=>c(),class:{"hy-site-header__panel-toggle":!0,"is-open":this.isMenuOpen},"aria-label":this.isMenuOpen?this.menuLabels.close:this.menuLabels.open},this.isMenuOpen?t("span",{class:"hy-site-header__panel-toggle__label"},this.menuLabelClose,t("hy-icon",{icon:"hy-icon-remove",size:20,fill:n.black})):t("span",{class:"hy-site-header__panel-toggle__label"},this.menuLabelOpen,t("hy-icon",{icon:"hy-icon-hamburger",size:20,fill:n.black}))),t("div",{class:{"is-open":this.isMenuOpen,"hy-site-header__panel":!0}},t("slot",{name:"menu"})))))}}get el(){return a(this)}};c.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:99}.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}.hy-site-header--sticky-active .hy-site-header__content{-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--sticky-visible{left:0;position:fixed;right:0;top:0}.hy-site-header--sticky-visible.has-toolbar{top:39px}.hy-site-header--sticky-visible.has-toolbar--large{top:79px}.hy-site-header--sticky-hidden{top:0}.hy-site-header__content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:2px solid rgba(0, 0, 0, 0.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;place-content:center space-between}@media (min-width: 30rem){.hy-site-header__content{-ms-flex-line-pack:center;align-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;max-width:120.0625rem}}@media (min-width: 60rem){.hy-site-header__content{border-bottom:3px solid rgba(0, 0, 0, 0.7);height:80px}}@media (min-width: 75.0625rem){.hy-site-header__content{border-bottom:1px solid rgba(0, 0, 0, 0.7)}}@media (min-width: 1601px){.hy-site-header__content{height:112px}}@media (min-width: 30rem){.hy-site-header__content.group{min-height:64px}}@media (min-width: 48rem){.hy-site-header__content.group{min-height:80px}}@media (min-width: 75.0625rem){.hy-site-header__content.group{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.hy-site-header__content-top{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;place-content:center space-between;position:relative;max-height:48px}@media (min-width: 30rem){.hy-site-header__content-top{margin:0 auto;max-width:120.0625rem}}.hy-site-header__content-top__main-menu-container{color:var(--grayscale-white)}.hy-site-header__content-top__main-menu{background-color:black;color:white;display:none;position:absolute;bottom:0;left:0}.hy-site-header__content-top .menu--secondary--group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-site-header__logo-container{color:var(--brand-main-nearly-black);margin:16px 8px}@media (min-width: 30rem){.hy-site-header__logo-container{margin:16px 16px 16px 28px}}@media (min-width: 60rem){.hy-site-header__logo-container{margin:16px 24px}}@media (min-width: 75.0625rem){.hy-site-header__logo-container{margin:16px 32px}}.hy-site-header__logo-container.group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:12px}@media (min-width: 30rem){.hy-site-header__logo-container.group{margin:12px 24px}}@media (min-width: 60rem){.hy-site-header__logo-container.group{margin:6px 24px}}@media (min-width: 75.0625rem){.hy-site-header__logo-container.group{margin:8px 24px}}@media (min-width: 1601px){.hy-site-header__logo-container.group{margin:8px 32px}}.hy-site-header__logo-container__group_label{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}@media (min-width: 60rem){.hy-site-header__logo-container__group_label{margin-bottom:6px}}.hy-site-header__menu-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:99}.hy-site-header__menu-container.is-open{z-index:101}.hy-site-header__panel{background:var(--grayscale-white);bottom:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;visibility:hidden;width:0}.hy-site-header__panel.is-open{padding:20px 16px;visibility:visible;width:90%;z-index:100}@media (min-width: 30rem){.hy-site-header__panel.is-open{padding:20px 28px;width:400px}}.hy-site-header__panel-toggle{background:transparent;border:0 none;padding:15px 16px 15px 12px}@media (min-width: 30rem){.hy-site-header__panel-toggle{padding:15px 28px 15px 15px}}@media (min-width: 60rem){.hy-site-header__panel-toggle{padding:15px 28px 15px 6px}}.hy-site-header__panel-toggle.is-open{position:fixed;right:0;top:2px;z-index:101}@media (min-width: 30rem){.hy-site-header__panel-toggle.is-open{top:12px}}.hy-site-header__panel-toggle__label{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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);font-size:0;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__panel-toggle__label{font-size:0.9375rem;line-height:16px;text-transform:uppercase}}.hy-site-header__panel-toggle__label svg{height:24px;width:24px}@media (min-width: 30rem){.hy-site-header__panel-toggle__label svg{width:20px}}.hy-site-header__menu-label{font-size:0.875rem;line-height:24px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.45px;padding-right:2px;text-transform:uppercase}.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}.menu--secondary{height:100%}@media (min-width: 60rem){.menu--secondary{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;margin-right:0}}@media (min-width: 75.0625rem){.menu--secondary{margin-right:32px}}.menu--secondary__item{margin:0 10px;padding:10px 0}@media (min-width: 60rem){.menu--secondary__item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}}@media (min-width: 75.0625rem){.menu--secondary__item{margin:0 6px;padding:10px 0}}@media (min-width: 1601px){.menu--secondary__item{margin:0 8px;padding:10px 0}}.menu--secondary__item:hover{color:var(--brand-main)}.menu--secondary__item:hover span{color:var(--brand-main)}.menu--secondary__item:hover svg{fill:var(--brand-main)}.hy-link__donate{font-family:var(--main-font-family)}@media (min-width: 60rem){.hy-link__donate{padding:0;text-decoration:none}.hy-link__donate:focus{outline:solid 2px var(--additional-yellow);outline-offset:-1px}}@media (min-width: 75.0625rem){.hy-link__donate{margin-right:0}}.hy-link__donate__label{font-family:var(--main-font-family);margin-left:4px;text-decoration:none}@media (min-width: 60rem){.hy-link__donate:not(.group) svg{height:16px;width:13.64px}}@media (min-width: 75.0625rem){.hy-link__donate:not(.group) svg{height:12px;width:10.23px}}@media (min-width: 1601px){.hy-link__donate:not(.group) svg{height:16px;width:13.64px}}@media (min-width: 60rem){.hy-link__donate:not(.group) .hy-link__donate__label{font-size:0.875rem;line-height:24px;font-weight:600;color:var(--brand-main-nearly-black);letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-link__donate:not(.group) .hy-link__donate__label{font-size:0.75rem;line-height:12px;font-weight:400;letter-spacing:-0.6px}}@media (min-width: 1601px){.hy-link__donate:not(.group) .hy-link__donate__label{font-size:0.875rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 60rem){.hy-link__donate.group .hy-link__donate__label{font-size:0.875rem;line-height:24px;font-weight:600;color:var(--grayscale-white);letter-spacing:-0.5px}}.hy-link__donate.group:hover{color:var(--grayscale-medium)}.hy-link__donate.group:hover span{color:var(--grayscale-medium)}.hy-link__donate.group:hover svg{fill:var(--grayscale-medium)}";const p=class{constructor(i){e(this,i),this.type=h.header,this.color=n.black,this.isGroup=!1,this.size=l.big}render(){const e=["hy-site-logo",`hy-site-logo__${this.type}__${this.isGroup?"group":"page"}`,`hy-site-logo__${this.type}`].join(" ");return this.url?t(s,{class:e},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.label?t(s,{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)):""}};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{--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{-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{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__logo-container .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}}@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:hover{color:var(--grayscale-medium)}.hy-site-logo__header__group:hover a,.hy-site-logo__header__group:hover span{color:var(--grayscale-medium) !important}.hy-site-logo__header__group: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=n.black,this.isAlternative=!1,this.isGroup=!1,this.showLabel=!1,this.isSearchPanelOpen=!1}async componentWillLoad(){this._labels=await d(this.labels),this.searchTools&&(this._searchTools=await d(this.searchTools)),this.searchLabels&&(this._searchLabels=await d(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()}headerScrollDown(){this.closeSearchPanel()}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];e&&e.classList.remove("hidden"),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 o=s.offsetTop;a.style.display="flex",t=e+o+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(){return t(s,{class:{"site-search":!0,"site-search__is-open":this.isSearchPanelOpen}},t("button",{"aria-label":this.showLabel?this._labels.open:"","aria-expanded":`${this.isSearchPanelOpen}`,class:{"button--search":!0,group:this.isGroup,"is-open--menu":this.isAlternative,"is-open":this.isSearchPanelOpen},onClick:e=>this.handleSearchPanelToggle(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:n.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:n.black}))))))}get el(){return a(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{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family)}@media (min-width: 30rem){.button--search{padding:15px 5px}}@media (min-width: 60rem){.button--search{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding:0}.button--search:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{font-family:var(--main-font-family);margin-left:4px}.button--search:not(.group):hover{color:var(--brand-main);cursor:pointer}.button--search:not(.group):hover span{color:var(--brand-main)}.button--search:not(.group):hover svg{fill:var(--brand-main)}.button--search:not(.group) svg{height:20px;width:20px}@media (min-width: 60rem){.button--search:not(.group) svg{height:16px;width:16px}}@media (min-width: 75.0625rem){.button--search:not(.group) svg{height:12px;width:12px}}@media (min-width: 1601px){.button--search:not(.group) svg{height:16px;width:16px}}.button--search:not(.group) .button--search__label{font-size:0.875rem;line-height:14px;font-weight:700;color:var(--site-logo-color);display:none;letter-spacing:-0.9px;visibility:hidden}@media (min-width: 30rem){.button--search:not(.group) .button--search__label{font-size:0.9375rem;line-height:24px;margin-left:4px;text-transform:uppercase}}@media (min-width: 60rem){.button--search:not(.group) .button--search__label{font-size:0.875rem;line-height:24px;font-weight:600;display:block;letter-spacing:-0.5px;text-transform:none;visibility:visible}}@media (min-width: 75.0625rem){.button--search:not(.group) .button--search__label{font-size:0.75rem;line-height:12px;font-weight:400;letter-spacing:-0.6px}}@media (min-width: 1601px){.button--search:not(.group) .button--search__label{font-size:0.875rem;line-height:24px;letter-spacing:-0.5px}}.button--search.group:hover{color:var(--grayscale-medium);cursor:pointer}.button--search.group:hover span{color:var(--grayscale-medium)}.button--search.group:hover svg{fill:var(--grayscale-medium)}.button--search.group .button--search__label{color:var(--grayscale-white);display:none}@media (min-width: 60rem){.button--search.group .button--search__label{font-size:0.875rem;line-height:24px;font-weight:600;display:block;letter-spacing:-0.5px}}.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,.site-search__panel__panel-toggle:hover{cursor:pointer}.site-search__panel__panel-toggle:focus span,.site-search__panel__panel-toggle:hover span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus svg,.site-search__panel__panel-toggle:hover 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{c as hy_site_header,p as hy_site_logo,m as hy_site_search}
|
|
1
|
+
import{r as e,c as i,h as t,g as a,H as s}from"./p-36dbfc06.js";import{R as o}from"./p-a82d4779.js";import{M as r,C as n,S as l,F as h}from"./p-20a265d7.js";import{j as d}from"./p-45454a42.js";const c=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.researchGroupLabel="",this.groupType="",this.showSearchLabel=!0,this.noSearch=!1,this.menuLabel="Menu",this.menuType=null,this.isMenuOpen=!1,this.isDesktopMenuOpen=!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 o((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 d(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 d(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)}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?(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&&e>960?r.tablet:e<=960?r.mobile:r.desktop,this.isMobile=this.menuType===(r.mobile||r.tablet),this.el.children[0].setAttribute("menu-type",this.menuType===r.tablet?r.mobile:this.menuType)}render(){var e,i;if(null===this.menuType)return;const a=this.isMobile?l.small:l.big,s=l.small,o=n.black,h=n.white;let d=["hy-site-header","hy-site-header--"+this.menuType];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 r.desktop:return[t("header",{class:d.join(" ")},t("div",{class:{"hy-backdrop":!0,"is-active":this.isMenuOpen||this.isTopMenuOpen}}),this.isGroup&&t("div",{class:"hy-site-header__content-top"},t("div",{class:"hy-site-header__logo-container group ",role:"navigation"},t("hy-site-logo",{"is-group":!0,size:s,color:h,url:this.siteUrl,label:this.siteLabel}),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:"menu--secondary menu--secondary--group"},t("hy-menu-language",{class:"menu--secondary__item is-first group","is-group":!0,"is-mobile":!1,"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:16,color:h,"is-group":!0,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((e=>t("a",{class:"menu--secondary__item hy-link__donate group",href:e.url},t("hy-icon",{icon:"hy-icon-heart-support",size:16,fill:h}),t("span",{class:"hy-link__donate__label group"},e.label)))))),t("div",{class:{"hy-site-header__content":!0,group:this.isGroup}},t("div",{class:"hy-site-header__logo-container"},this.isGroup&&"research_group_menu"==this.groupType&&t("div",{class:"hy-site-header__logo-container__group_label"},this.researchGroupLabel),this.isGroup?t("a",{class:"group",href:this.logoUrl},this.logoLabel):t("hy-site-logo",{size:a,color:o,url:this.logoUrl,label:this.logoLabel})),"research_group_menu"!=this.groupType&&t("hy-desktop-menu-links",{"data-desktop-links":this.dataDesktopLinks}),!this.isGroup&&t("div",{class:"menu--secondary"},t("hy-menu-language",{class:"menu--secondary__item is-first","is-mobile":!1,"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item",size:14,color:n.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((e=>t("a",{class:"menu--secondary__item hy-link__donate",href:e.url},t("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:n.black}),t("span",{class:"hy-link__donate__label"},e.label)))))))];case r.tablet:return t("header",{class:d.join(" ")},t("div",{class:{"hy-backdrop":!0,"is-active":this.isMenuOpen}}),this.isGroup&&t("div",{class:"hy-site-header__content-top"},t("div",{class:"hy-site-header__logo-container group ",role:"navigation"},t("hy-site-logo",{"is-group":"true",size:a,color:h,url:this.siteUrl,label:this.siteLabel}),t("hy-menu-main-group",{"is-mobile":!1,"menu-label":null!==(i=this.groupPages.university_main_menu)&&void 0!==i?i:"","data-main-menu":this.dataMainMenuLinks})),t("div",{class:"menu--secondary menu--secondary--group"},t("hy-menu-language",{class:"menu--secondary__item is-first group","is-group":!0,"is-mobile":!1,"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:16,color:h,"show-label":this.showSearchLabel,"is-group":!0,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((e=>t("a",{class:"menu--secondary__item hy-link__donate group",href:e.url},t("hy-icon",{icon:"hy-icon-heart-support",size:16,fill:h}),t("span",{class:"hy-link__donate__label group"},e.label)))))),t("div",{class:{"hy-site-header__content":!0,group:this.isGroup}},t("div",{class:"hy-site-header__logo-container"},this.isGroup&&"research_group_menu"==this.groupType&&t("div",{class:"hy-site-header__logo-container__group_label"},this.researchGroupLabel),this.isGroup?t("a",{class:"group",href:this.logoUrl},this.logoLabel):t("hy-site-logo",{size:a,color:o,url:this.logoUrl,label:this.logoLabel})),!this.isGroup&&t("div",{class:"menu--secondary"},t("hy-menu-language",{class:"menu--secondary__item is-first","is-mobile":!1,"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item",size:14,color:n.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((e=>t("a",{class:"menu--secondary__item hy-link__donate",href:e.url},t("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:n.black}),t("span",{class:"hy-link__donate__label"},e.label))))),t("div",{class:"hy-site-header__menu-container"},t("span",{class:{"hy-site-header__menu-label":!0,"is-visible":this.isMenuOpen}},this.menuLabel),t("button",{onClick:()=>c(),class:{"hy-site-header__panel-toggle":!0,"is-open":this.isMenuOpen},"aria-label":this.isMenuOpen?this.menuLabels.close:this.menuLabels.open},this.isMenuOpen?t("span",{class:"hy-site-header__panel-toggle__label"},this.menuLabelClose,t("hy-icon",{icon:"hy-icon-remove",size:20,fill:n.black})):t("span",{class:"hy-site-header__panel-toggle__label"},this.menuLabelOpen,t("hy-icon",{icon:"hy-icon-hamburger",size:20,fill:n.black}))),t("div",{class:{"is-open":this.isMenuOpen,"hy-site-header__panel":!0}},t("slot",{name:"menu"})))));case r.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("div",{class:{"hy-site-header__content-top":!0,"is-open":this.isTopMenuOpen},"is-mobile":!0},t("div",{class:"hy-site-header__logo-container group "},t("hy-site-logo",{"is-group":!0,size:s,color:h,url:this.siteUrl,label:this.siteLabel})),t("div",{class:"menu--secondary menu--secondary--group"},!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:18,color:h,"is-group":!0,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),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("div",{class:{"hy-site-header__content":!0,group:this.isGroup}},t("div",{class:"hy-site-header__logo-container"},"research_group_menu"==this.groupType&&t("div",{class:"hy-site-header__logo-container__group_label"},this.researchGroupLabel),this.isGroup?t("a",{class:"group",href:this.logoUrl},this.logoLabel):t("hy-site-logo",{size:a,color:o,url:this.logoUrl,label:this.logoLabel})),t("div",{class:{"hy-site-header__menu-container":!0,"is-open":this.isMenuOpen}},!this.isGroup&&!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item",size:14,color:n.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),t("span",{class:{"hy-site-header__menu-label":!0,"is-visible":this.isMenuOpen}},this.menuLabel),t("button",{onClick:()=>c(),class:{"hy-site-header__panel-toggle":!0,"is-open":this.isMenuOpen},"aria-label":this.isMenuOpen?this.menuLabels.close:this.menuLabels.open},this.isMenuOpen?t("span",{class:"hy-site-header__panel-toggle__label"},this.menuLabelClose,t("hy-icon",{icon:"hy-icon-remove",size:20,fill:n.black})):t("span",{class:"hy-site-header__panel-toggle__label"},this.menuLabelOpen,t("hy-icon",{icon:"hy-icon-hamburger",size:20,fill:n.black}))),t("div",{class:{"is-open":this.isMenuOpen,"hy-site-header__panel":!0}},t("slot",{name:"menu"})))))}}get el(){return a(this)}};c.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:99}.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}.hy-site-header--sticky-active .hy-site-header__content{-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--sticky-visible{left:0;position:fixed;right:0;top:0}.hy-site-header--sticky-visible.has-toolbar{top:39px}.hy-site-header--sticky-visible.has-toolbar--large{top:79px}.hy-site-header--sticky-hidden{top:0}.hy-site-header__content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:2px solid rgba(0, 0, 0, 0.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;place-content:center space-between}@media (min-width: 30rem){.hy-site-header__content{-ms-flex-line-pack:center;align-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;max-width:120.0625rem}}@media (min-width: 60rem){.hy-site-header__content{border-bottom:3px solid rgba(0, 0, 0, 0.7);height:80px}}@media (min-width: 75.0625rem){.hy-site-header__content{border-bottom:1px solid rgba(0, 0, 0, 0.7)}}@media (min-width: 1601px){.hy-site-header__content{height:112px}}@media (min-width: 30rem){.hy-site-header__content.group{min-height:64px}}@media (min-width: 48rem){.hy-site-header__content.group{min-height:80px}}@media (min-width: 75.0625rem){.hy-site-header__content.group{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.hy-site-header__content-top{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;place-content:center space-between;position:relative;max-height:48px}@media (min-width: 30rem){.hy-site-header__content-top{margin:0 auto;max-width:120.0625rem}}.hy-site-header__content-top__main-menu-container{color:var(--grayscale-white)}.hy-site-header__content-top__main-menu{background-color:black;color:white;display:none;position:absolute;bottom:0;left:0}.hy-site-header__content-top .menu--secondary--group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-site-header__logo-container{color:var(--brand-main-nearly-black);margin:16px 8px}@media (min-width: 30rem){.hy-site-header__logo-container{margin:16px 16px 16px 28px}}@media (min-width: 60rem){.hy-site-header__logo-container{margin:16px 24px}}@media (min-width: 75.0625rem){.hy-site-header__logo-container{margin:16px 32px}}.hy-site-header__logo-container.group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:12px}@media (min-width: 30rem){.hy-site-header__logo-container.group{margin:12px 24px}}@media (min-width: 60rem){.hy-site-header__logo-container.group{margin:6px 24px}}@media (min-width: 75.0625rem){.hy-site-header__logo-container.group{margin:8px 24px}}@media (min-width: 1601px){.hy-site-header__logo-container.group{margin:8px 32px}}.hy-site-header__logo-container__group_label{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}@media (min-width: 60rem){.hy-site-header__logo-container__group_label{margin-bottom:6px}}.hy-site-header__menu-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:99}.hy-site-header__menu-container.is-open{z-index:101}.hy-site-header__panel{background:var(--grayscale-white);bottom:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;visibility:hidden;width:0}.hy-site-header__panel.is-open{padding:20px 16px;visibility:visible;width:90%;z-index:100}@media (min-width: 30rem){.hy-site-header__panel.is-open{padding:20px 28px;width:400px}}.hy-site-header__panel-toggle{background:transparent;border:0 none;padding:15px 16px 15px 12px}@media (min-width: 30rem){.hy-site-header__panel-toggle{padding:15px 28px 15px 15px}}@media (min-width: 60rem){.hy-site-header__panel-toggle{padding:15px 28px 15px 6px}}.hy-site-header__panel-toggle.is-open{position:fixed;right:0;top:2px;z-index:101}@media (min-width: 30rem){.hy-site-header__panel-toggle.is-open{top:12px}}.hy-site-header__panel-toggle__label{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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);font-size:0;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__panel-toggle__label{font-size:0.9375rem;line-height:16px;text-transform:uppercase}}.hy-site-header__panel-toggle__label svg{height:24px;width:24px}@media (min-width: 30rem){.hy-site-header__panel-toggle__label svg{width:20px}}.hy-site-header__menu-label{font-size:0.875rem;line-height:24px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.45px;padding-right:2px;text-transform:uppercase}.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}.menu--secondary{height:100%}@media (min-width: 60rem){.menu--secondary{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;margin-right:0}}@media (min-width: 75.0625rem){.menu--secondary{margin-right:32px}}.menu--secondary__item{margin:0 10px;padding:10px 0}@media (min-width: 60rem){.menu--secondary__item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}}@media (min-width: 75.0625rem){.menu--secondary__item{margin:0 6px;padding:10px 0}}@media (min-width: 1601px){.menu--secondary__item{margin:0 8px;padding:10px 0}}.menu--secondary__item:hover{color:var(--brand-main)}.menu--secondary__item:hover span{color:var(--brand-main)}.menu--secondary__item:hover svg{fill:var(--brand-main)}.hy-link__donate{font-family:var(--main-font-family)}@media (min-width: 60rem){.hy-link__donate{padding:0;text-decoration:none}.hy-link__donate:focus{outline:solid 2px var(--additional-yellow);outline-offset:-1px}}@media (min-width: 75.0625rem){.hy-link__donate{margin-right:0}}.hy-link__donate__label{font-family:var(--main-font-family);margin-left:4px;text-decoration:none}@media (min-width: 60rem){.hy-link__donate:not(.group) svg{height:16px;width:13.64px}}@media (min-width: 75.0625rem){.hy-link__donate:not(.group) svg{height:12px;width:10.23px}}@media (min-width: 1601px){.hy-link__donate:not(.group) svg{height:16px;width:13.64px}}@media (min-width: 60rem){.hy-link__donate:not(.group) .hy-link__donate__label{font-size:0.875rem;line-height:24px;font-weight:600;color:var(--brand-main-nearly-black);letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-link__donate:not(.group) .hy-link__donate__label{font-size:0.75rem;line-height:12px;font-weight:400;letter-spacing:-0.6px}}@media (min-width: 1601px){.hy-link__donate:not(.group) .hy-link__donate__label{font-size:0.875rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 60rem){.hy-link__donate.group .hy-link__donate__label{font-size:0.875rem;line-height:24px;font-weight:600;color:var(--grayscale-white);letter-spacing:-0.5px}}.hy-link__donate.group:hover{color:var(--grayscale-medium)}.hy-link__donate.group:hover span{color:var(--grayscale-medium)}.hy-link__donate.group:hover svg{fill:var(--grayscale-medium)}";const p=class{constructor(i){e(this,i),this.type=h.header,this.color=n.black,this.isGroup=!1,this.size=l.big}render(){const e=["hy-site-logo",`hy-site-logo__${this.type}__${this.isGroup?"group":"page"}`,`hy-site-logo__${this.type}`].join(" ");return this.url?t(s,{class:e},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.label?t(s,{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)):""}};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{--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{-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{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__logo-container .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}}@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:hover{color:var(--grayscale-medium)}.hy-site-logo__header__group:hover a,.hy-site-logo__header__group:hover span{color:var(--grayscale-medium) !important}.hy-site-logo__header__group: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=n.black,this.isAlternative=!1,this.isGroup=!1,this.showLabel=!1,this.isSearchPanelOpen=!1}async componentWillLoad(){this._labels=await d(this.labels),this.searchTools&&(this._searchTools=await d(this.searchTools)),this.searchLabels&&(this._searchLabels=await d(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()}headerScrollDown(){this.closeSearchPanel()}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];e&&e.classList.remove("hidden"),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 o=s.offsetTop;a.style.display="flex",t=e+o+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(){return t(s,{class:{"site-search":!0,"site-search__is-open":this.isSearchPanelOpen}},t("button",{"aria-label":this.showLabel?this._labels.open:"","aria-expanded":`${this.isSearchPanelOpen}`,class:{"button--search":!0,group:this.isGroup,"is-open--menu":this.isAlternative,"is-open":this.isSearchPanelOpen},onClick:e=>this.handleSearchPanelToggle(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:n.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:n.black}))))))}get el(){return a(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{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family)}@media (min-width: 30rem){.button--search{padding:15px 5px}}@media (min-width: 60rem){.button--search{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding:0}.button--search:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{font-family:var(--main-font-family);margin-left:4px}.button--search:not(.group):hover{color:var(--brand-main);cursor:pointer}.button--search:not(.group):hover span{color:var(--brand-main)}.button--search:not(.group):hover svg{fill:var(--brand-main)}.button--search:not(.group) svg{height:20px;width:20px}@media (min-width: 60rem){.button--search:not(.group) svg{height:16px;width:16px}}@media (min-width: 75.0625rem){.button--search:not(.group) svg{height:12px;width:12px}}@media (min-width: 1601px){.button--search:not(.group) svg{height:16px;width:16px}}.button--search:not(.group) .button--search__label{font-size:0.875rem;line-height:14px;font-weight:700;color:var(--site-logo-color);display:none;letter-spacing:-0.9px;visibility:hidden}@media (min-width: 30rem){.button--search:not(.group) .button--search__label{font-size:0.9375rem;line-height:24px;margin-left:4px;text-transform:uppercase}}@media (min-width: 60rem){.button--search:not(.group) .button--search__label{font-size:0.875rem;line-height:24px;font-weight:600;display:block;letter-spacing:-0.5px;text-transform:none;visibility:visible}}@media (min-width: 75.0625rem){.button--search:not(.group) .button--search__label{font-size:0.75rem;line-height:12px;font-weight:400;letter-spacing:-0.6px}}@media (min-width: 1601px){.button--search:not(.group) .button--search__label{font-size:0.875rem;line-height:24px;letter-spacing:-0.5px}}.button--search.group:hover{color:var(--grayscale-medium);cursor:pointer}.button--search.group:hover span{color:var(--grayscale-medium)}.button--search.group:hover svg{fill:var(--grayscale-medium)}.button--search.group .button--search__label{color:var(--grayscale-white);display:none}@media (min-width: 60rem){.button--search.group .button--search__label{font-size:0.875rem;line-height:24px;font-weight:600;display:block;letter-spacing:-0.5px}}.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,.site-search__panel__panel-toggle:hover{cursor:pointer}.site-search__panel__panel-toggle:focus span,.site-search__panel__panel-toggle:hover span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus svg,.site-search__panel__panel-toggle:hover 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{c as hy_site_header,p as hy_site_logo,m as hy_site_search}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as t,H as n,g as e}from"./p-36dbfc06.js";import{H as o,d as r}from"./p-
|
|
1
|
+
import{r as i,h as t,H as n,g as e}from"./p-36dbfc06.js";import{H as o,d as r}from"./p-20a265d7.js";const a=class{constructor(t){i(this,t),this.variant=null,this.reversed=!1,this.limitContentWidth=!1,this.textDescription=null,this.isExternal=!1,this.headerstyle="common"}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-introduction",`hy-introduction__${this.headerstyle}`,this.headerstyle,this.reversed?"hy-introduction--reversed":"",this.variant?`hy-introduction--with-bg hy-introduction--with-bg__${this.variant}`:"hy-introduction--without-bg"].join(" "),e=["hy-introduction__title",`hy-introduction__title__${this.headerstyle}`].join(" "),a=["hy-introduction__description",`hy-introduction__description__${this.headerstyle}`].join(" "),d=["hy-introduction__content",this.reversed?"hy-introduction__content--reversed":"",this.imageUrl?"hy-introduction__content--with-image":"hy-introduction__content--without-image",this.limitContentWidth?"hy-introduction__content--limit-width":""].join(" "),h=this.isExternal?"_blank":"_self";return t(n,null,t("hy-box",{pt:"1.25, 1.25, 1.5, 2.5"}),t("div",{class:i},t("hy-main-content-wrapper",null,t("div",{class:"hy-introduction__outer-content"},t("div",{class:d},t("hy-heading",{class:e,heading:o.h2,section:r.introduction},this.textTitle),t("p",{class:a},this.textDescription),this.url&&t("div",{class:"hy-introduction__link__container"},t("a",{class:"hy-introduction__link",href:this.url,"aria-label":this.scLabel,target:h},this.urlTitle,t("span",{class:"hy-introduction__link__icon"},t("hy-icon",{icon:"hy-icon-arrow-right",size:24}))))),this.imageUrl&&t("div",{class:"hy-introduction__image"},t("hy-image",this.sourceSet?{"source-set":this.sourceSet,"image-url":this.imageUrl,aspectRatioWidth:16,aspectRatioHeight:10}:{"image-url":this.imageUrl,aspectRatioWidth:16,aspectRatioHeight:10}))))),t("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return e(this)}};a.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-introduction__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 60rem){.hy-introduction__content.hy-introduction__content--without-image.hy-introduction__content--limit-width{width:calc(50% - 16px)}}.hy-introduction--reversed .hy-introduction__outer-content{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media (min-width: 60rem){.hy-introduction--reversed .hy-introduction__outer-content{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.hy-introduction--with-bg{width:auto}@media (min-width: 60rem){.hy-introduction--with-bg{padding:0}}.hy-introduction--with-bg__white{background:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__content--with-image{background:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__title h2,.hy-introduction--with-bg__white .hy-introduction__description{color:var(--grayscale-black)}.hy-introduction--with-bg__white .hy-introduction__link{background:var(--brand-main-light);color:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__link__icon svg{fill:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__link:hover{background:var(--brand-main-active)}.hy-introduction__outer-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 60rem){.hy-introduction__outer-content{-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;padding-bottom:0}@supports (gap: 32px){.hy-introduction__outer-content{gap:32px}}}@media (min-width: 1601px){@supports (gap: 48px){.hy-introduction__outer-content{gap:48px}}}.hy-introduction__content--without-image{width:100%}@media (min-width: 60rem){.hy-introduction__content--without-image{width:91.46%}}@media (min-width: 75.0625rem){.hy-introduction__content--without-image{width:82.89%}}@media (min-width: 1601px){.hy-introduction__content--without-image{width:74.2%}}@media (min-width: 60rem){.hy-introduction__content--with-image{margin:0;padding:0;width:50%}}@media (min-width: 60rem){.hy-introduction__title .hy-heading__container{padding-top:0}}.hy-introduction__image{width:100%}@media (min-width: 60rem){.hy-introduction__image{width:50%}@supports not (gap: 32px){.hy-introduction__image{width:calc(50% - 32px)}}}.hy-introduction__image img,.hy-introduction__image .hy-image,.hy-introduction__image .hy-image .hy-image__image-container{height:100% !important}.hy-introduction__description{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);margin-bottom:24px;margin-top:0}@media (min-width: 30rem){.hy-introduction__description{font-size:1rem;line-height:24px}}@media (min-width: 60rem){.hy-introduction__description{margin-bottom:28px}}@media (min-width: 1601px){.hy-introduction__description{font-size:1.0625rem;line-height:26px}}@media (min-width: 75.0625rem){.hy-introduction__description__large{font-size:1.0625rem;line-height:26px;margin-bottom:28px}}.hy-introduction__link{font-size:1rem;line-height:20px;letter-spacing:-0.5px;background-color:var(--brand-main-light);-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--grayscale-white);cursor:pointer;display:inline-block;font-family:var(--main-font-family);font-weight:700;height:100%;padding:12px 60px 12px 12px;position:relative;text-decoration:none}@media (min-width: 30rem){.hy-introduction__link{font-size:1rem;line-height:20px;letter-spacing:-0.6px;padding:15px 62px 15px 16px}}@media (min-width: 60rem){.hy-introduction__link{font-size:1.125rem;line-height:20px}}@media (min-width: 75.0625rem){.hy-introduction__link{font-size:1.25rem;line-height:20px;letter-spacing:-0.7px;padding:16px 70px 16px 18px}}.hy-introduction__link__icon{position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-introduction__link__icon svg{fill:var(--grayscale-white)}";export{a as hy_introduction}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as e,g as t}from"./p-36dbfc06.js";import{H as o}from"./p-
|
|
1
|
+
import{r as i,h as e,g as t}from"./p-36dbfc06.js";import{H as o}from"./p-20a265d7.js";const a=class{constructor(t){i(this,t),this.contextLabelVisible=!1,this.playButtonVisible=!1,this.horizontal=!1,this.disableLazy=!1,this.headerstyle="default",this.renderPreviewWithLink=()=>this.linkToVideo?e("a",{title:this.videoTitle,href:this.linkToVideo,class:"hy-video__link-to-video"},e("img",{loading:this.disableLazy?"eager":"lazy",class:"hy-video__preview-image",src:this.previewImageUrl,alt:this.videoTitle})):e("img",{loading:this.disableLazy?"eager":"lazy",class:"hy-video__preview-image",src:this.previewImageUrl,alt:this.videoTitle}),this.renderPlayButton=()=>e("span",{class:"hy-video__play"},e("button",{type:"button"},e("hy-icon",{icon:"hy-icon-video",class:"hy-video__play-icon",size:20}),e("span",{class:"hy-video__button-label"},this.playButtonLabel)))}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-video",this.horizontal?"hy-video--horizontal":"",`hy-video__${this.headerstyle}`].join(" ");return[e("div",{class:i},e("div",{class:"hy-video__video-container"},this.previewImageUrl?e("div",null,this.renderPreviewWithLink(),e("slot",{name:"video"})):e("slot",{name:"video"}),this.playButtonVisible&&this.renderPlayButton(),this.contextLabelVisible&&e("span",{class:"hy-video__label"},this.contextLabel)),e("div",{class:"hy-video__meta"},this.videoTitle&&e("hy-heading",{class:"hy-video__meta__title",heading:o.h2},this.videoTitle),(this.duration||this.views||this.dateAdded)&&e("div",{class:"hy-video__meta__details"},this.duration&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.durationLabel),e("span",{class:"hy-video__meta__content"},this.duration)),this.views&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.viewsLabel),e("span",{class:"hy-video__meta__content"},this.views)),this.dateAdded&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.dateAddedLabel),e("span",{class:"hy-video__meta__content"},this.dateAdded))),this.videoDescription&&e("div",{class:"hy-video__meta__description"},this.videoDescription))),e("hy-box",{mb:"1.75, 1.75, 2, 2.5"})]}get el(){return t(this)}};a.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-video__video-container{display:inline-block;margin-bottom:8px;position:relative;width:100%}@media (min-width: 60rem){.hy-video__video-container{margin-bottom:16px}}.hy-video__video-container iframe{height:100%;overflow:hidden;width:100%}.hy-video__video-container .hy-video__preview-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.hy-video__video-container .hy-video__play{left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.hy-video__video-container .hy-video__play button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-video__video-container .hy-video__play button:hover{cursor:pointer}.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:1rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.1px;text-align:center;text-shadow:0 0 8px rgba(0, 0, 0, 0.6);text-transform:uppercase}@media (min-width: 30rem){.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:1.5rem;line-height:32px;letter-spacing:-0.14px;text-shadow:0 0 16px rgba(0, 0, 0, 0.6)}}@media (min-width: 75.0625rem){.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:1.75rem;line-height:32px;letter-spacing:-0.16px}}@media (min-width: 1601px){.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:2rem;line-height:32px}}.hy-video__video-container .hy-video__play button svg{fill:var(--grayscale-white);-webkit-filter:drop-shadow(0 0 8px rgba(0, 0, 0, 0.6));filter:drop-shadow(0 0 8px rgba(0, 0, 0, 0.6));height:48px;width:48px}@media (min-width: 30rem){.hy-video__video-container .hy-video__play button svg{-webkit-filter:drop-shadow(0 0 16px rgba(0, 0, 0, 0.6));filter:drop-shadow(0 0 16px rgba(0, 0, 0, 0.6));height:60px;width:60px}}@media (min-width: 60rem){.hy-video__video-container .hy-video__play button svg{height:80px;width:80px}}@media (min-width: 75.0625rem){.hy-video__video-container .hy-video__play button svg{height:104px;width:104px}}@media (min-width: 1601px){.hy-video__video-container .hy-video__play button svg{height:120px;width:120px}}.hy-video__video-container>*:not(.hy-video__label):not(.hy-video__play){bottom:0;left:0;position:absolute;right:0;top:0}.hy-video__video-container:after{content:"";display:block;padding-top:56.25%}.hy-video:not(.hy-video--horizontal){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){.hy-video:not(.hy-video--horizontal) .hy-video__meta__description{width:57.24%}}.hy-video__label{font-size:1rem;line-height:20px;background-color:var(--grayscale-black);bottom:12px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:bold;left:-8px;letter-spacing:-0.5px;max-width:46%;padding:6px 12px;position:absolute;text-transform:uppercase}@media (min-width: 30rem){.hy-video__label{font-size:1.125rem;line-height:24px;bottom:20px;left:-16px;letter-spacing:-0.56px;max-width:58%;padding:12px 24px;position:absolute}}@media (min-width: 60rem){.hy-video__label{font-size:1.375rem;line-height:28px;bottom:24px;left:-16px;letter-spacing:-0.69px;padding:16px 24px;position:absolute}}@media (min-width: 1601px){.hy-video__label{font-size:1.625rem;line-height:32px;bottom:28px;left:-16px;letter-spacing:-0.8px;padding:20px 24px;position:absolute}}.hy-video.hy-video--horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 60rem){.hy-video.hy-video--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-video.hy-video--horizontal .hy-video__meta{padding-left:0;width:100%}@media (min-width: 60rem){.hy-video.hy-video--horizontal .hy-video__meta{padding-left:2.5%;width:57.24%}}.hy-video__meta__title h2.hy-heading{margin:8px 0 12px 0 !important;padding:0 !important}@media (min-width: 60rem){.hy-video__meta__title h2.hy-heading{margin:0 0 16px 0 !important}}.hy-video__meta__details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:12px}@media (min-width: 60rem){.hy-video__meta__details{margin-bottom:16px}}.hy-video__meta__details--item{border-right:1px dashed var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:44px;min-width:87px;padding-right:46px;place-content:center space-between}.hy-video__meta__details--item:last-child{border-right:0}.hy-video__meta__description{font-size:0.875rem;line-height:20px;color:var(--grayscale-dark);display:block;font-family:var(--main-font-family);letter-spacing:0;width:100%}@media (min-width: 30rem){.hy-video__meta__description{font-size:1rem;line-height:24px}}.hy-video__meta__label{font-weight:700}.hy-video__meta__label,.hy-video__meta__content{font-size:1rem;line-height:20px;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px}@media (min-width: 30rem){.hy-video__meta__label,.hy-video__meta__content{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}}@media (min-width: 75.0625rem){.hy-video__meta__label,.hy-video__meta__content{font-size:1.375rem;line-height:34px;letter-spacing:-0.69px}}';export{a as hy_video}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as e}from"./p-36dbfc06.js";import{K as t}from"./p-
|
|
1
|
+
import{r as i,h as e}from"./p-36dbfc06.js";import{K as t}from"./p-20a265d7.js";const a=class{constructor(e){i(this,e),this.variant=t.default}render(){const i=[this.variant,"hy-key-highlight"].join(" ");return e("div",{class:i},e("div",{class:"hy-key-highlight__title__container"},e("div",{class:"hy-key-highlight__title",innerHTML:this.heading})),e("div",{class:"hy-key-highlight__description"},this.description))}};a.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}.hy-key-highlight{display:block;margin-bottom:20px;width:100%}@media (min-width: 30rem){.hy-key-highlight{width:100%}}.hy-key-highlight__title__container{display:inline-block;position:relative;text-align:center;margin-bottom:1rem}@media (min-width: 30rem){.hy-key-highlight__title__container{text-align:left}}.hy-key-highlight__title__container::after{clear:both}.hy-key-highlight__title{font-weight:700;background-color:var(--brand-main-light);-webkit-box-shadow:-5px 0px 0 0px var(--brand-main-light), 5px 0px 0 0px var(--brand-main-light), 0 0 0 0px var(--brand-main-light);box-shadow:-5px 0px 0 0px var(--brand-main-light), 5px 0px 0 0px var(--brand-main-light), 0 0 0 0px var(--brand-main-light);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--grayscale-white);display:inline;font-family:var(--main-font-family);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;letter-spacing:-0.75px;padding:0 5px;position:relative;text-transform:uppercase;word-break:break-word}.hy-key-highlight__description{color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:0;margin-top:8px;text-align:center}@media (min-width: 30rem){.hy-key-highlight__description{text-align:left}}.hy-key-highlight.small .hy-key-highlight__title__container{font-size:1.5rem;line-height:29px}.hy-key-highlight.small .hy-key-highlight__description{font-size:0.875rem;line-height:19px}.hy-key-highlight.big .hy-key-highlight__title__container{font-size:1.5rem;line-height:29px}@media (min-width: 30rem){.hy-key-highlight.big .hy-key-highlight__title__container{font-size:2.5rem;line-height:45px}}.hy-key-highlight.big .hy-key-highlight__description{font-size:0.875rem;line-height:20px}@media (min-width: 30rem){.hy-key-highlight.big .hy-key-highlight__description{font-size:1.25rem;line-height:20px}}";export{a as hy_key_highlight}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as n,g as i}from"./p-36dbfc06.js";import{C as a}from"./p-2f4d1286.js";import{j as o}from"./p-45454a42.js";import{R as s}from"./p-a82d4779.js";let l={enter:"Enter",tab:"Tab",space:"Space"};const r=class{constructor(n){e(this,n),this.menuDesktopToggled=t(this,"menuDesktopToggled",7),this.firstLevelLinksList=[],this.menuLinkItems=[],this.hasToolbar=!1,this.isDesktopMenuOpen=!1,this.currenOpenMenuId=0,this.isNewMenuIdOnHover=!1,this._submenuLeftMargin=32,this._headerBorderOffset=0,this._hoverTimer=null,this._fadeOutTimer=null,this._mouseEnter=null,this._mouseLeave=null}async componentWillLoad(){this._dataDesktopLinks=await o(this.dataDesktopLinks)}removeBackdropShadow(e){e<1200&&this.showBackdropShadow()}showBackdropShadow(e="close",t=0){let n=this.el.closest(".hy-site-header");if(!n)return;let i=n.children[0];if(i)if("open"===e){const e=window.outerHeight;i.style.height=`${e}px`,i.style.top=`${t}px`,i.style.position="absolute",i.classList.add("is-active")}else i.removeAttribute("style"),i.classList.remove("is-active")}showPanel(e){this.menuDesktopToggled.emit(),clearTimeout(this._hoverTimer),clearTimeout(this._fadeOutTimer),this.isDesktopMenuOpen=!0;const t=this.el.shadowRoot.querySelectorAll(".desktop-menu-link"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu-panel"),i=this.el.shadowRoot.querySelector(`.desktop-menu-link[link-id="${e}"]`),a=i.nextElementSibling;t.forEach((e=>{e.classList.remove("desktop-menu-link--is-active"),e.setAttribute("aria-expanded","false")})),n.forEach((e=>{e.classList.remove("hy-desktop-menu-panel--is-active"),e.classList.remove("hy-desktop-menu-panel--overflow"),e.setAttribute("aria-hidden","true"),e.style.transition="none",e.style.opacity="0"})),i.classList.add("desktop-menu-link--is-active"),i.setAttribute("aria-expanded","true"),a.classList.add("hy-desktop-menu-panel--is-active"),a.style.opacity="1",this.hasToolbar&&a.classList.add("hy-desktop-menu-panel--is-active--has-toolbar"),a.setAttribute("aria-hidden","false");const o=this.el.shadowRoot.querySelector(".desktop-menu-link__label--is-active-trail");o&&o.classList.add("desktop-menu-link__label--is-active-trail--disabled");let s=window.pageYOffset;const l=document.body.classList,r=document.querySelector("hy-site-header").shadowRoot.querySelector("header");let d=r.offsetHeight+this._headerBorderOffset,p=r.offsetTop,h=d+p,m=a.getBoundingClientRect(),c=d+p+m.height,u=c-79;window.addEventListener("scroll",(()=>{s=window.pageYOffset,0===s&&(a.style.top=`${h}px`),r.classList.contains("hy-site-header--sticky-active")&&s>0&&l.contains("toolbar-horizontal")&&(a.style.top=`${d}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",u))})),r.classList.contains("hy-site-header--sticky-active")&&s>0&&l.contains("toolbar-horizontal")?(a.style.top=`${d}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",u)):(a.style.top=`${h}px`,this.showBackdropShadow("open",c)),a.style.paddingLeft=i.offsetLeft-this._submenuLeftMargin+"px";let _=a.querySelectorAll("ul.shortcuts-panel")[0];if(_){let e=a.querySelectorAll(".hy-desktop-menu-panel__desktop-menu__menu-items")[0];if(e.getBoundingClientRect().right+_.offsetWidth>=document.body.scrollWidth){let t=e.getBoundingClientRect().left-_.offsetWidth;_.style.left=t.toString().concat("px")}else{let t=e.getBoundingClientRect().right;_.style.left=t.toString().concat("px")}}}closePanel(e=!1){this.isDesktopMenuOpen=!1,this.isNewMenuIdOnHover=!1,this.currenOpenMenuId=0,this.showBackdropShadow(),this.clearPanelItemsStatus(e),clearTimeout(this._hoverTimer)}clearPanelItemsStatus(e=!1){const t=this.el.shadowRoot.querySelectorAll(".desktop-menu-link"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu-panel"),i=this.el.shadowRoot.querySelector(".desktop-menu-link__label--is-active-trail");i&&i.classList.remove("desktop-menu-link__label--is-active-trail--disabled"),t.forEach((e=>{e.classList.remove("desktop-menu-link--is-active"),e.setAttribute("aria-expanded","false")})),e?(n.forEach((e=>{e.style.opacity="0",e.style.transition="opacity 1s"})),this._fadeOutTimer=window.requestAnimationFrame((()=>{n.forEach((e=>{e.classList.remove("hy-desktop-menu-panel--is-active"),e.setAttribute("aria-hidden","true")}))}))):n.forEach((e=>{e.classList.remove("hy-desktop-menu-panel--is-active"),e.setAttribute("aria-hidden","true"),e.style.opacity="0",e.style.transition="none"}))}handleDesktopMenuClose(e){this.closePanel(!0),e.stopPropagation()}menuLanguageToggled(){this.closePanel(!0)}universityMainMenuPanelToggled(){this.closePanel(!0)}searchPanelToggled(){this.closePanel(!0)}headerScrollUp(){this.closePanel(!1)}handleDesktopMenuEnter(e,t){this.isDesktopMenuOpen&&null==this._mouseEnter&&(clearTimeout(this._mouseLeave),this._mouseLeave=null,this._mouseEnter=setTimeout((()=>{this.isNewMenuIdOnHover=!0,clearTimeout(this._fadeOutTimer);const n=this.el.shadowRoot.querySelector(`.desktop-menu-link[link-id="${t}"]`);null!==n&&n.focus(),this.currenOpenMenuId=t,this.showPanel(t),e.stopPropagation()}),500))}handleDesktopMenuLeave(){clearTimeout(this._mouseEnter),this._mouseEnter=null}handleWindowClick(e){0!=e.detail&&this.isDesktopMenuOpen&&(this.handleDesktopMenuClose(e),e.stopPropagation())}handleDesktopMenuClick(e,t){if(0==e.detail)return;e.stopPropagation();const n=[e.target.tagName.toLowerCase()].some((e=>["svg","span","path"].indexOf(e)>=0));!this.isDesktopMenuOpen&&n?(this.currenOpenMenuId=t,this.showPanel(t)):this.isDesktopMenuOpen&&this.handleDesktopMenuClose(e),this.isNewMenuIdOnHover&&(this.isNewMenuIdOnHover=!1)}handleKeyDown(e,t){e.stopPropagation(),[l.enter,l.space].includes(e.code)&&(this.isDesktopMenuOpen?this.handleDesktopMenuClose(e):(this.currenOpenMenuId=t,this.showPanel(t)))}componentDidLoad(){this.ro=new s((e=>{for(const t of e)this.removeBackdropShadow(t.contentRect.width)})),this.ro.observe(document.body),document.querySelectorAll("#toolbar-administration")[0]&&(this.hasToolbar=!0);const e=this._dataDesktopLinks;let t=[];e&&e.map((({menuLinkId:e,shortcuts:i,items:o,url:s,description:l,toggleOff:r,label:d,labelExtra:p,isExternal:h,isActive:m,shortcutsTitle:c,closeButtonTitle:u})=>{let _=["desktop-menu-link","true"===m?"desktop-menu-link--is-active-trail":""].join(" "),k=["desktop-menu-link__label","true"===m?"desktop-menu-link__label--is-active-trail":""].join(" "),b=h?"_blank":"_self";t.push(r?n("li",{onMouseEnter:e=>this.handleDesktopMenuClose(e)},n("a",{"aria-current":d,href:s,target:b,class:"desktop-menu-link toggle","menu-link-id":e},n("span",{class:"label"},p||d))):n("li",null,n("button",{tabindex:"0",type:"button",class:_,"link-id":e,onClick:t=>this.handleDesktopMenuClick(t,e),onKeyDown:t=>this.handleKeyDown(t,e),onMouseEnter:t=>this.handleDesktopMenuEnter(t,e),onMouseLeave:()=>this.handleDesktopMenuLeave(),"aria-expanded":"false"},n("span",{class:k},d),n("hy-icon",{icon:"hy-icon-caret-down",size:32})),n("div",{class:"hy-desktop-menu-panel","aria-hidden":"true"},n("div",{class:"hy-desktop-menu-panel__desktop-menu"},n("div",{class:"hy-desktop-menu-panel__desktop-menu__menu-items"},n("a",{"aria-current":d,href:s,target:b,class:"hy-desktop-menu-panel__desktop-menu__first-level-menu-item","menu-link-id":e},n("span",{class:"heading-icon"},n("hy-icon",{icon:"hy-icon-arrow-right",size:40})),n("span",{class:"label"},p||d),l&&n("span",{class:"description"},l)),n("ul",{class:"hy-desktop-menu-panel__desktop-menu__second-level-menu","menu-link-id":e},o.map((({label:e,url:t,isExternal:i})=>n("li",null,n("a",{href:t,target:i?"_blank":"_self"},n("span",{class:"heading-icon"},n("hy-icon",{icon:"hy-icon-caret-right",size:12})),n("span",{class:"label"},e),i&&n("span",{class:"external-icon"},n("hy-icon",{icon:"hy-icon-arrow-right",size:12})))))))),i.length>0&&n("ul",{class:"shortcuts-panel"},n("h2",{class:"shortcuts-panel__title"},c),i.map((({shortcut_title:e,shortcut_url:t,shortcut_is_external:i,shortcut_aria_label:a},o)=>{let s=i?"_blank":"_self",l=["shortcuts-panel__shortcut-item",0==o?"shortcuts-panel__shortcut-item__first":""].join(" ");return n("li",{class:l},n("a",{"aria-current":a,href:t,class:"shortcut-item__link",target:s,"aria-label":a},n("span",{class:"label"},e),n("span",{class:"icon"},n("hy-icon",{icon:"hy-icon-arrow-right",size:24}))))})))),n("button",{onClick:e=>this.handleDesktopMenuClose(e),class:{"hy-desktop-menu-panel__panel-toggle":!0},"aria-label":"Close menu"},n("span",{class:"hy-desktop-menu-panel__panel-toggle__label"},n("span",{class:"hy-desktop-menu-panel__panel-toggle__label__title"},u),n("hy-icon",{icon:"hy-icon-remove",size:20,fill:a.black}))))))})),this.menuLinkItems=t}render(){return n("nav",{role:"navigation",class:"hy-site-header__menu-desktop"},n("ul",{class:"hy-site-header__menu-desktop-container"},this.menuLinkItems))}get el(){return i(this)}};r.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{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 32px;padding:0;height:100%}.hy-site-header__menu-desktop{height:100%}.hy-site-header__menu-desktop-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-flow:row;flex-flow:row;height:100%;list-style:none;margin:0;padding:0;width:100%}.hy-site-header__menu-desktop-container li{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.hy-site-header__menu-desktop-container .desktop-menu-link{background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;font-family:var(--main-font-family)}.hy-site-header__menu-desktop-container .desktop-menu-link:hover{cursor:pointer}.hy-site-header__menu-desktop-container .desktop-menu-link:hover span{color:var(--brand-main)}.hy-site-header__menu-desktop-container .desktop-menu-link:hover svg{fill:var(--brand-main)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link{font-size:0.875rem;line-height:14px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:0 none;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:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.6px;padding:0 7px;position:relative;text-transform:uppercase}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link{font-size:1rem;line-height:16px;letter-spacing:-0.7px;padding:0 9px}}.hy-site-header__menu-desktop-container .desktop-menu-link.toggle{text-decoration:none}.hy-site-header__menu-desktop-container .desktop-menu-link__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;position:relative;width:-webkit-min-content;width:-moz-min-content;width:min-content}@media (min-width: 87.5rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label{width:100%}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail{border-bottom:4px solid var(--brand-main-nearly-black);position:relative;margin-bottom:-4px}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::after{background-color:var(--grayscale-white);content:" ";position:absolute;bottom:-7px;left:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::after{bottom:-3px}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::before{background-color:var(--grayscale-white);content:" ";position:absolute;bottom:-7px;right:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::before{bottom:-3px}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled{border:none;margin-bottom:0}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled::after,.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled::before{display:none}.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon{display:-webkit-box;display:-ms-flexbox;display:flex;height:8px;margin-left:3px;width:10px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon{height:8.44px;margin-left:4px;width:12px}}.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon svg{height:8px;width:10px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon svg{height:8.44px;width:12px}}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:hover,.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:focus{color:var(--link-blue)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:hover hy-icon svg,.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:focus hy-icon svg{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active hy-icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active .desktop-menu-link__label--is-active-trail::after{border:none}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active{border-bottom:4px solid var(--brand-main-nearly-black);position:relative;margin-bottom:0px}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active .desktop-menu-link__label{margin-bottom:-4px}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::after{background-color:var(--grayscale-white);content:" ";position:absolute;bottom:-7px;left:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::after{bottom:-5px}}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::before{background-color:var(--grayscale-white);content:" ";position:absolute;bottom:-7px;right:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::before{bottom:-5px}}.hy-site-header__menu-desktop-container .desktop-menu-link:focus{outline:none;color:var(--link-blue);}.hy-site-header__menu-desktop-container .desktop-menu-link:focus span.external-icon svg{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel{display:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;opacity:0;-webkit-transition:none;transition:none;position:absolute;left:0;top:0;z-index:510;width:100%}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel--is-active{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:300px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:10px;top:0}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{padding:22px 32px 17px 32px}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{padding:30px 32px 30px 32px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.56px;margin-bottom:18px;text-transform:uppercase}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label__title{padding-right:5px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover{cursor:pointer}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover span{color:var(--brand-main)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover svg{fill:var(--brand-main)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:-8px;margin-top:6px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__menu-items{min-width:440px;max-width:540px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-weight:700;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);text-decoration:none;width:100%}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item:focus{-webkit-box-shadow:0 0 16px 0 rgba(0, 83, 121, 0.2);box-shadow:0 0 16px 0 rgba(0, 83, 121, 0.2);color:var(--link-blue)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-size:1.5rem;line-height:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-white);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.75px;margin-bottom:4px;padding:17px 32px 12px;position:relative;text-transform:none}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-size:1.625rem;line-height:32px;letter-spacing:-0.81px;margin-bottom:6px;padding:25px 32px 16px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label{border:none;margin-left:14px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label:focus{color:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description{font-size:0.875rem;line-height:18px;font-weight:400;color:var(--grayscale-dark);letter-spacing:-0.2;margin-left:14px;margin-bottom:12px;margin-top:4px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description{font-size:1rem;line-height:20px;letter-spacing:-0.25}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description:hover{color:var(--grayscale-dark)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon{position:absolute;top:12px;left:-6px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon{top:20px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);padding:8px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu{background-color:var(--grayscale-white);list-style:none;margin:0;padding:12px 0}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);text-decoration:none;width:100%;}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-size:0.875rem;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;letter-spacing:-0.5px;padding-left:24px;padding-right:48px;text-transform:none}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-size:1rem;line-height:18px;letter-spacing:-0.5px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:focus,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:hover{color:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:focus span.external-icon svg,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:hover span.external-icon svg{fill:var(--link-blue)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a .label{border:none;margin:0 5px 0 12px;padding-top:12px;padding-bottom:12px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.heading-icon svg{fill:var(--brand-main-light)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.heading-icon svg{padding:1px 0}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg{fill:var(--brand-main-nearly-black);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg:focus{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .shortcuts-panel{background-color:var(--grayscale-white);position:absolute;left:0;list-style:none;min-width:350px;margin:6px 4px 0 4px;max-width:400px;padding:0 48px;top:0}.hy-site-header__menu-desktop-container .shortcuts-panel__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.56px;margin-bottom:18px;text-transform:uppercase}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item{border-bottom:1px solid var(--grayscale-medium-dark)}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item__first{border-top:1px solid var(--grayscale-medium-dark)}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a{font-size:1rem;line-height:22px;font-weight:600;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:-0.5px;padding:19px 0;text-decoration:none}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a .icon{padding-left:24px}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a .icon svg{padding:4px}';export{r as hy_desktop_menu_links}
|
|
1
|
+
import{r as e,c as t,h as n,g as i}from"./p-36dbfc06.js";import{C as a}from"./p-20a265d7.js";import{j as o}from"./p-45454a42.js";import{R as s}from"./p-a82d4779.js";let l={enter:"Enter",tab:"Tab",space:"Space"};const r=class{constructor(n){e(this,n),this.menuDesktopToggled=t(this,"menuDesktopToggled",7),this.firstLevelLinksList=[],this.menuLinkItems=[],this.hasToolbar=!1,this.isDesktopMenuOpen=!1,this.currenOpenMenuId=0,this.isNewMenuIdOnHover=!1,this._submenuLeftMargin=32,this._headerBorderOffset=0,this._hoverTimer=null,this._fadeOutTimer=null,this._mouseEnter=null,this._mouseLeave=null}async componentWillLoad(){this._dataDesktopLinks=await o(this.dataDesktopLinks)}removeBackdropShadow(e){e<1200&&this.showBackdropShadow()}showBackdropShadow(e="close",t=0){let n=this.el.closest(".hy-site-header");if(!n)return;let i=n.children[0];if(i)if("open"===e){const e=window.outerHeight;i.style.height=`${e}px`,i.style.top=`${t}px`,i.style.position="absolute",i.classList.add("is-active")}else i.removeAttribute("style"),i.classList.remove("is-active")}showPanel(e){this.menuDesktopToggled.emit(),clearTimeout(this._hoverTimer),clearTimeout(this._fadeOutTimer),this.isDesktopMenuOpen=!0;const t=this.el.shadowRoot.querySelectorAll(".desktop-menu-link"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu-panel"),i=this.el.shadowRoot.querySelector(`.desktop-menu-link[link-id="${e}"]`),a=i.nextElementSibling;t.forEach((e=>{e.classList.remove("desktop-menu-link--is-active"),e.setAttribute("aria-expanded","false")})),n.forEach((e=>{e.classList.remove("hy-desktop-menu-panel--is-active"),e.classList.remove("hy-desktop-menu-panel--overflow"),e.setAttribute("aria-hidden","true"),e.style.transition="none",e.style.opacity="0"})),i.classList.add("desktop-menu-link--is-active"),i.setAttribute("aria-expanded","true"),a.classList.add("hy-desktop-menu-panel--is-active"),a.style.opacity="1",this.hasToolbar&&a.classList.add("hy-desktop-menu-panel--is-active--has-toolbar"),a.setAttribute("aria-hidden","false");const o=this.el.shadowRoot.querySelector(".desktop-menu-link__label--is-active-trail");o&&o.classList.add("desktop-menu-link__label--is-active-trail--disabled");let s=window.pageYOffset;const l=document.body.classList,r=document.querySelector("hy-site-header").shadowRoot.querySelector("header");let d=r.offsetHeight+this._headerBorderOffset,p=r.offsetTop,h=d+p,m=a.getBoundingClientRect(),c=d+p+m.height,u=c-79;window.addEventListener("scroll",(()=>{s=window.pageYOffset,0===s&&(a.style.top=`${h}px`),r.classList.contains("hy-site-header--sticky-active")&&s>0&&l.contains("toolbar-horizontal")&&(a.style.top=`${d}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",u))})),r.classList.contains("hy-site-header--sticky-active")&&s>0&&l.contains("toolbar-horizontal")?(a.style.top=`${d}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",u)):(a.style.top=`${h}px`,this.showBackdropShadow("open",c)),a.style.paddingLeft=i.offsetLeft-this._submenuLeftMargin+"px";let _=a.querySelectorAll("ul.shortcuts-panel")[0];if(_){let e=a.querySelectorAll(".hy-desktop-menu-panel__desktop-menu__menu-items")[0];if(e.getBoundingClientRect().right+_.offsetWidth>=document.body.scrollWidth){let t=e.getBoundingClientRect().left-_.offsetWidth;_.style.left=t.toString().concat("px")}else{let t=e.getBoundingClientRect().right;_.style.left=t.toString().concat("px")}}}closePanel(e=!1){this.isDesktopMenuOpen=!1,this.isNewMenuIdOnHover=!1,this.currenOpenMenuId=0,this.showBackdropShadow(),this.clearPanelItemsStatus(e),clearTimeout(this._hoverTimer)}clearPanelItemsStatus(e=!1){const t=this.el.shadowRoot.querySelectorAll(".desktop-menu-link"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu-panel"),i=this.el.shadowRoot.querySelector(".desktop-menu-link__label--is-active-trail");i&&i.classList.remove("desktop-menu-link__label--is-active-trail--disabled"),t.forEach((e=>{e.classList.remove("desktop-menu-link--is-active"),e.setAttribute("aria-expanded","false")})),e?(n.forEach((e=>{e.style.opacity="0",e.style.transition="opacity 1s"})),this._fadeOutTimer=window.requestAnimationFrame((()=>{n.forEach((e=>{e.classList.remove("hy-desktop-menu-panel--is-active"),e.setAttribute("aria-hidden","true")}))}))):n.forEach((e=>{e.classList.remove("hy-desktop-menu-panel--is-active"),e.setAttribute("aria-hidden","true"),e.style.opacity="0",e.style.transition="none"}))}handleDesktopMenuClose(e){this.closePanel(!0),e.stopPropagation()}menuLanguageToggled(){this.closePanel(!0)}universityMainMenuPanelToggled(){this.closePanel(!0)}searchPanelToggled(){this.closePanel(!0)}headerScrollUp(){this.closePanel(!1)}handleDesktopMenuEnter(e,t){this.isDesktopMenuOpen&&null==this._mouseEnter&&(clearTimeout(this._mouseLeave),this._mouseLeave=null,this._mouseEnter=setTimeout((()=>{this.isNewMenuIdOnHover=!0,clearTimeout(this._fadeOutTimer);const n=this.el.shadowRoot.querySelector(`.desktop-menu-link[link-id="${t}"]`);null!==n&&n.focus(),this.currenOpenMenuId=t,this.showPanel(t),e.stopPropagation()}),500))}handleDesktopMenuLeave(){clearTimeout(this._mouseEnter),this._mouseEnter=null}handleWindowClick(e){0!=e.detail&&this.isDesktopMenuOpen&&(this.handleDesktopMenuClose(e),e.stopPropagation())}handleDesktopMenuClick(e,t){if(0==e.detail)return;e.stopPropagation();const n=[e.target.tagName.toLowerCase()].some((e=>["svg","span","path"].indexOf(e)>=0));!this.isDesktopMenuOpen&&n?(this.currenOpenMenuId=t,this.showPanel(t)):this.isDesktopMenuOpen&&this.handleDesktopMenuClose(e),this.isNewMenuIdOnHover&&(this.isNewMenuIdOnHover=!1)}handleKeyDown(e,t){e.stopPropagation(),[l.enter,l.space].includes(e.code)&&(this.isDesktopMenuOpen?this.handleDesktopMenuClose(e):(this.currenOpenMenuId=t,this.showPanel(t)))}componentDidLoad(){this.ro=new s((e=>{for(const t of e)this.removeBackdropShadow(t.contentRect.width)})),this.ro.observe(document.body),document.querySelectorAll("#toolbar-administration")[0]&&(this.hasToolbar=!0);const e=this._dataDesktopLinks;let t=[];e&&e.map((({menuLinkId:e,shortcuts:i,items:o,url:s,description:l,toggleOff:r,label:d,labelExtra:p,isExternal:h,isActive:m,shortcutsTitle:c,closeButtonTitle:u})=>{let _=["desktop-menu-link","true"===m?"desktop-menu-link--is-active-trail":""].join(" "),k=["desktop-menu-link__label","true"===m?"desktop-menu-link__label--is-active-trail":""].join(" "),b=h?"_blank":"_self";t.push(r?n("li",{onMouseEnter:e=>this.handleDesktopMenuClose(e)},n("a",{"aria-current":d,href:s,target:b,class:"desktop-menu-link toggle","menu-link-id":e},n("span",{class:"label"},p||d))):n("li",null,n("button",{tabindex:"0",type:"button",class:_,"link-id":e,onClick:t=>this.handleDesktopMenuClick(t,e),onKeyDown:t=>this.handleKeyDown(t,e),onMouseEnter:t=>this.handleDesktopMenuEnter(t,e),onMouseLeave:()=>this.handleDesktopMenuLeave(),"aria-expanded":"false"},n("span",{class:k},d),n("hy-icon",{icon:"hy-icon-caret-down",size:32})),n("div",{class:"hy-desktop-menu-panel","aria-hidden":"true"},n("div",{class:"hy-desktop-menu-panel__desktop-menu"},n("div",{class:"hy-desktop-menu-panel__desktop-menu__menu-items"},n("a",{"aria-current":d,href:s,target:b,class:"hy-desktop-menu-panel__desktop-menu__first-level-menu-item","menu-link-id":e},n("span",{class:"heading-icon"},n("hy-icon",{icon:"hy-icon-arrow-right",size:40})),n("span",{class:"label"},p||d),l&&n("span",{class:"description"},l)),n("ul",{class:"hy-desktop-menu-panel__desktop-menu__second-level-menu","menu-link-id":e},o.map((({label:e,url:t,isExternal:i})=>n("li",null,n("a",{href:t,target:i?"_blank":"_self"},n("span",{class:"heading-icon"},n("hy-icon",{icon:"hy-icon-caret-right",size:12})),n("span",{class:"label"},e),i&&n("span",{class:"external-icon"},n("hy-icon",{icon:"hy-icon-arrow-right",size:12})))))))),i.length>0&&n("ul",{class:"shortcuts-panel"},n("h2",{class:"shortcuts-panel__title"},c),i.map((({shortcut_title:e,shortcut_url:t,shortcut_is_external:i,shortcut_aria_label:a},o)=>{let s=i?"_blank":"_self",l=["shortcuts-panel__shortcut-item",0==o?"shortcuts-panel__shortcut-item__first":""].join(" ");return n("li",{class:l},n("a",{"aria-current":a,href:t,class:"shortcut-item__link",target:s,"aria-label":a},n("span",{class:"label"},e),n("span",{class:"icon"},n("hy-icon",{icon:"hy-icon-arrow-right",size:24}))))})))),n("button",{onClick:e=>this.handleDesktopMenuClose(e),class:{"hy-desktop-menu-panel__panel-toggle":!0},"aria-label":"Close menu"},n("span",{class:"hy-desktop-menu-panel__panel-toggle__label"},n("span",{class:"hy-desktop-menu-panel__panel-toggle__label__title"},u),n("hy-icon",{icon:"hy-icon-remove",size:20,fill:a.black}))))))})),this.menuLinkItems=t}render(){return n("nav",{role:"navigation",class:"hy-site-header__menu-desktop"},n("ul",{class:"hy-site-header__menu-desktop-container"},this.menuLinkItems))}get el(){return i(this)}};r.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{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 32px;padding:0;height:100%}.hy-site-header__menu-desktop{height:100%}.hy-site-header__menu-desktop-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-flow:row;flex-flow:row;height:100%;list-style:none;margin:0;padding:0;width:100%}.hy-site-header__menu-desktop-container li{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.hy-site-header__menu-desktop-container .desktop-menu-link{background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;font-family:var(--main-font-family)}.hy-site-header__menu-desktop-container .desktop-menu-link:hover{cursor:pointer}.hy-site-header__menu-desktop-container .desktop-menu-link:hover span{color:var(--brand-main)}.hy-site-header__menu-desktop-container .desktop-menu-link:hover svg{fill:var(--brand-main)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link{font-size:0.875rem;line-height:14px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:0 none;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:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.6px;padding:0 7px;position:relative;text-transform:uppercase}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link{font-size:1rem;line-height:16px;letter-spacing:-0.7px;padding:0 9px}}.hy-site-header__menu-desktop-container .desktop-menu-link.toggle{text-decoration:none}.hy-site-header__menu-desktop-container .desktop-menu-link__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;position:relative;width:-webkit-min-content;width:-moz-min-content;width:min-content}@media (min-width: 87.5rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label{width:100%}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail{border-bottom:4px solid var(--brand-main-nearly-black);position:relative;margin-bottom:-4px}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::after{background-color:var(--grayscale-white);content:" ";position:absolute;bottom:-7px;left:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::after{bottom:-3px}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::before{background-color:var(--grayscale-white);content:" ";position:absolute;bottom:-7px;right:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::before{bottom:-3px}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled{border:none;margin-bottom:0}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled::after,.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled::before{display:none}.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon{display:-webkit-box;display:-ms-flexbox;display:flex;height:8px;margin-left:3px;width:10px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon{height:8.44px;margin-left:4px;width:12px}}.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon svg{height:8px;width:10px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon svg{height:8.44px;width:12px}}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:hover,.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:focus{color:var(--link-blue)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:hover hy-icon svg,.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:focus hy-icon svg{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active hy-icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active .desktop-menu-link__label--is-active-trail::after{border:none}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active{border-bottom:4px solid var(--brand-main-nearly-black);position:relative;margin-bottom:0px}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active .desktop-menu-link__label{margin-bottom:-4px}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::after{background-color:var(--grayscale-white);content:" ";position:absolute;bottom:-7px;left:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::after{bottom:-5px}}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::before{background-color:var(--grayscale-white);content:" ";position:absolute;bottom:-7px;right:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::before{bottom:-5px}}.hy-site-header__menu-desktop-container .desktop-menu-link:focus{outline:none;color:var(--link-blue);}.hy-site-header__menu-desktop-container .desktop-menu-link:focus span.external-icon svg{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel{display:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;opacity:0;-webkit-transition:none;transition:none;position:absolute;left:0;top:0;z-index:510;width:100%}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel--is-active{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:300px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:10px;top:0}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{padding:22px 32px 17px 32px}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{padding:30px 32px 30px 32px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.56px;margin-bottom:18px;text-transform:uppercase}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label__title{padding-right:5px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover{cursor:pointer}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover span{color:var(--brand-main)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover svg{fill:var(--brand-main)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:-8px;margin-top:6px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__menu-items{min-width:440px;max-width:540px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-weight:700;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);text-decoration:none;width:100%}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item:focus{-webkit-box-shadow:0 0 16px 0 rgba(0, 83, 121, 0.2);box-shadow:0 0 16px 0 rgba(0, 83, 121, 0.2);color:var(--link-blue)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-size:1.5rem;line-height:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-white);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.75px;margin-bottom:4px;padding:17px 32px 12px;position:relative;text-transform:none}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-size:1.625rem;line-height:32px;letter-spacing:-0.81px;margin-bottom:6px;padding:25px 32px 16px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label{border:none;margin-left:14px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label:focus{color:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description{font-size:0.875rem;line-height:18px;font-weight:400;color:var(--grayscale-dark);letter-spacing:-0.2;margin-left:14px;margin-bottom:12px;margin-top:4px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description{font-size:1rem;line-height:20px;letter-spacing:-0.25}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description:hover{color:var(--grayscale-dark)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon{position:absolute;top:12px;left:-6px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon{top:20px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);padding:8px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu{background-color:var(--grayscale-white);list-style:none;margin:0;padding:12px 0}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);text-decoration:none;width:100%;}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-size:0.875rem;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;letter-spacing:-0.5px;padding-left:24px;padding-right:48px;text-transform:none}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-size:1rem;line-height:18px;letter-spacing:-0.5px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:focus,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:hover{color:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:focus span.external-icon svg,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:hover span.external-icon svg{fill:var(--link-blue)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a .label{border:none;margin:0 5px 0 12px;padding-top:12px;padding-bottom:12px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.heading-icon svg{fill:var(--brand-main-light)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.heading-icon svg{padding:1px 0}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg{fill:var(--brand-main-nearly-black);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg:focus{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .shortcuts-panel{background-color:var(--grayscale-white);position:absolute;left:0;list-style:none;min-width:350px;margin:6px 4px 0 4px;max-width:400px;padding:0 48px;top:0}.hy-site-header__menu-desktop-container .shortcuts-panel__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.56px;margin-bottom:18px;text-transform:uppercase}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item{border-bottom:1px solid var(--grayscale-medium-dark)}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item__first{border-top:1px solid var(--grayscale-medium-dark)}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a{font-size:1rem;line-height:22px;font-weight:600;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:-0.5px;padding:19px 0;text-decoration:none}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a .icon{padding-left:24px}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a .icon svg{padding:4px}';export{r as hy_desktop_menu_links}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as i,g as e}from"./p-36dbfc06.js";import{r}from"./p-20a265d7.js";const t=class{constructor(i){a(this,i),this.variant=r.default,this.linkContent="",this.isExternal=!1}render(){const a=["hy-cta-link__icon",this.isExternal&&"hy-cta-link__icon--external"].join(" ");return i("a",{"aria-label":this.scLabel,href:this.url,target:this.isExternal?"_blank":"_self",class:`hy-cta-link hy-cta-link--${this.variant}`},this.variant==r.linkList&&i("span",{class:a},i("hy-icon",{icon:"hy-icon-arrow-to-right",size:24})),i("span",null,this.linkContent),this.variant==r.default&&i("span",{class:a},i("hy-icon",{icon:"hy-icon-arrow-to-right",size:24})))}get el(){return e(this)}};t.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-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-cta-link:hover,.hy-cta-link:focus{text-decoration:underline}.hy-cta-link:hover .hy-cta-link__icon,.hy-cta-link:focus .hy-cta-link__icon{background-color:var(--brand-main)}.hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}";export{t as hy_cta_link}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as i}from"./p-36dbfc06.js";const a=class{constructor(i){e(this,i)}render(){return i("div",{class:"hy-logo-grid",role:"complementary"},this.logoGridTitle&&i(this.headingVariant,{class:"hy-logo-grid__title"},this.logoGridTitle),i("div",{class:"hy-logo-grid__images"},i("slot",null)))}};a.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}.hy-logo-grid{padding:78px 0 92px}.hy-logo-grid__title{font-size:1.75rem;line-height:32px;letter-spacing:-0.7px;font-family:var(--main-font-family);margin:0 0 24px;text-transform:uppercase}@media (min-width: 30rem){.hy-logo-grid__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px;margin:0 0 32px}}@media (min-width: 1601px){.without-sidebar .hy-logo-grid__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px;margin:0 0 40px}}@media (min-width: 75.0625rem){.with-sidebar .hy-logo-grid__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px;margin:0 0 40px}}.hy-logo-grid__images{display:grid;gap:24px 36px;grid-template-columns:repeat(2, 1fr);padding:0 8px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 30rem){.hy-logo-grid__images{grid-template-columns:repeat(3, 25%);padding:0;gap:28px 0}}@media (min-width: 60rem){.without-sidebar .hy-logo-grid__images{grid-template-columns:repeat(4, 20%);gap:32px 0}}@media (min-width: 75.0625rem){.without-sidebar .hy-logo-grid__images{gap:40px 0}}@media (min-width: 75.0625rem){.with-sidebar .hy-logo-grid__images{grid-template-columns:repeat(4, 20%);gap:32px 0}}@media (min-width: 1601px){.with-sidebar .hy-logo-grid__images{gap:40px 0}}.hy-logo-grid__figure{margin:0;padding:0;position:relative}.hy-logo-grid__figure:after{content:"";display:block;padding-bottom:100%}.hy-logo-grid__figure picture{position:absolute;inset:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-logo-grid__figure img{max-width:100%;-o-object-fit:scale-down;object-fit:scale-down;height:100%}';export{a as hy_logo_grid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as i,g as a}from"./p-36dbfc06.js";import{f as r,g as l}from"./p-20a265d7.js";const n=class{constructor(e){t(this,e),this.linkLabel="Go to course page",this.noResultLabel="No courses scheduled at the moment",this.creditsLabel="cr",this.cancelledLabel="Cancelled",this.headerstyle="common",this.courseStateVariant=r.default,this.variant=l.default,this.courseRealisations=[]}dataWatcher(t){this._dataItems="string"==typeof t?JSON.parse(t):t}componentWillLoad(){this.dataWatcher(this.dataItems)}handleCardClick(t){let e=this.el.shadowRoot.getElementById(t);e&&window.open(e.dataset.location,"_blank")}async componentDidLoad(){let t=this.el.closest(".hy-main");t&&(t.classList.contains("with-sidebar")||(this.headerstyle="large"))}renderItems(){let t=[];return this._dataItems&&this._dataItems.length>0&&this._dataItems.forEach((i=>{let a=JSON.parse(JSON.stringify(i));this.variant="list"==a.courseListType?l.row:l.grid;for(let i in a){if("courseListType"==i)continue;let r=a[i],l=r.code,n=r.credits;if(r.realisations){let i=JSON.parse(JSON.stringify(r.realisations));for(let a in i){let r=i[a],s=r.name+", "+n+" "+this.creditsLabel,o=r.studyFormat,d=r.cancelled,c=r.startDate,h=r.endDate,m=r.enrolmentLink,g=r.teachingLanguage,b=r.organisation,f=[];if(r.tags){let t=JSON.parse(JSON.stringify(r.tags));for(let e in t)f.push({name:t[e]})}let y=JSON.stringify(f);const p=["item",this.variant].join(" ");t.push(e("hy-content-list-item",{id:a,class:p,variant:this.variant,"state-variant":this.courseStateVariant,"course-code":l,"course-name":s,"is-cancelled":d,"cancelled-label":this.cancelledLabel,"course-credits":n,"course-tags":y,"course-start-date":c,"course-end-date":h,"course-study-format":o,"course-organisation":b,"course-enrollment-link":m,"course-teaching-language":g,"course-link-label":this.linkLabel,"data-location":m,onClick:()=>this.handleCardClick(a)}))}}}})),t}render(){const t=[this.variant,"hy-content-list"].join(" "),a=["hy-content-list--alert",`hy-content-list--alert--${this.headerstyle}`].join(" "),r=["hy-content-list--alert-label",`hy-content-list--alert-label--${this.headerstyle}`].join(" ");return this.courseRealisations=this.renderItems(),e(i,null,e("div",{class:t},this.courseRealisations&&this.courseRealisations.length>0?this.courseRealisations:e("div",{class:"hy-content-list--no-result"},e("span",{class:a},e("hy-icon",{icon:"hy-icon-info",size:16})),e("span",{class:r},this.noResultLabel))))}get el(){return a(this)}static get watchers(){return{dataItems:["dataWatcher"]}}};n.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-content-list{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-content-list--no-result{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-content-list--alert{margin-right:6px}.hy-content-list--alert svg{fill:var(--grayscale-dark)}@media (min-width: 1601px){.hy-content-list--alert svg{height:18px;width:18px}}@media (min-width: 87.5rem){.hy-content-list--alert--large svg{height:18px;width:18px}}.hy-content-list--alert-label{font-family:var(--main-font-family);font-size:0.9375rem;line-height:22px;color:var(--grayscale-dark);font-style:italic;letter-spacing:0}@media (min-width: 30rem){.hy-content-list--alert-label{font-size:1rem;line-height:24px}}@media (min-width: 1601px){.hy-content-list--alert-label{font-size:1.0625rem;line-height:26px}}@media (min-width: 87.5rem){.hy-content-list--alert-label--large{font-size:1.0625rem;line-height:26px}}.hy-content-list.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-content-list.grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}";export{n as hy_content_list}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { CourseStateVariants } from '../../../utils/utils';
|
|
1
2
|
import { ComponentInterface } from '../../../stencil-public-runtime';
|
|
2
3
|
export declare class HyContentList implements ComponentInterface {
|
|
3
4
|
linkLabel: string;
|
|
@@ -6,6 +7,7 @@ export declare class HyContentList implements ComponentInterface {
|
|
|
6
7
|
cancelledLabel: string;
|
|
7
8
|
dataItems: string;
|
|
8
9
|
headerstyle: string;
|
|
10
|
+
courseStateVariant: CourseStateVariants;
|
|
9
11
|
private _dataItems;
|
|
10
12
|
private variant;
|
|
11
13
|
courseRealisations: Array<object>;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export interface TagValue {
|
|
2
2
|
name: string;
|
|
3
3
|
}
|
|
4
|
-
import { CourseVariants } from '../../../utils/utils';
|
|
4
|
+
import { CourseStateVariants, CourseVariants } from '../../../utils/utils';
|
|
5
5
|
export declare class HyContentLstItem {
|
|
6
6
|
variant: CourseVariants;
|
|
7
|
+
stateVariant: CourseStateVariants;
|
|
7
8
|
courseCode?: string;
|
|
8
9
|
courseName?: string;
|
|
9
10
|
isCancelled?: boolean;
|