@itcenteratunihelsinki/huds-lib 0.5.36 → 0.5.39
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-container_5.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 +1 -1
- package/dist/cjs/hy-content-list.cjs.entry.js +1 -1
- 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-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 +20 -9
- 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 +4 -4
- package/dist/cjs/hy-icon.cjs.entry.js +6 -0
- package/dist/cjs/hy-introduction.cjs.entry.js +3 -2
- 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 +2 -2
- 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 +16 -2
- 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 +6 -2
- 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-content.cjs.entry.js +2 -1
- package/dist/cjs/hy-opening-hours.cjs.entry.js +2 -2
- 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-prominent-image.cjs.entry.js +2 -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 +9 -5
- 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-3692dcdb.js → utils-eeb7b089.js} +1 -0
- package/dist/collection/components/footer/hy-footer-info/hy-footer-info.css +55 -0
- package/dist/collection/components/footer/hy-footer-info/hy-footer-info.js +118 -9
- package/dist/collection/components/footer/hy-footer-link-item/hy-footer-link-item.css +36 -40
- package/dist/collection/components/hy-hero/hy-hero.css +7 -7
- package/dist/collection/components/hy-hero/hy-hero.js +2 -2
- package/dist/collection/components/hy-introduction/hy-introduction.js +21 -2
- package/dist/collection/components/hy-list-item/hy-list-item.css +170 -0
- package/dist/collection/components/hy-list-item/hy-list-item.js +63 -1
- package/dist/collection/components/hy-opening-hours/hy-opening-hours.js +1 -1
- package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.js +20 -1
- package/dist/collection/components/hy-prominent-image/hy-prominent-image.js +20 -1
- package/dist/collection/components/icon/icon.js +1 -0
- package/dist/collection/components/link-box/link-box.js +1 -1
- package/dist/collection/components/navigation/hy-menu-main-group/hy-menu-main-group.js +5 -1
- package/dist/collection/components/site-header/site-header.js +23 -4
- package/dist/collection/components/site-header/site-logo/site-logo.css +8 -6
- package/dist/collection/components/site-header/site-logo/site-logo.js +26 -2
- package/dist/collection/utils/utils.js +1 -0
- package/dist/esm/huds-lib.js +1 -1
- package/dist/esm/hy-accordion-container_5.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 +1 -1
- package/dist/esm/hy-content-list.entry.js +1 -1
- package/dist/esm/hy-cta-button.entry.js +1 -1
- package/dist/esm/hy-cta-link.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 +20 -9
- 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 +4 -4
- package/dist/esm/hy-icon.entry.js +6 -0
- package/dist/esm/hy-introduction.entry.js +3 -2
- 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 +2 -2
- 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 +16 -2
- 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 +6 -2
- 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-content.entry.js +2 -1
- package/dist/esm/hy-opening-hours.entry.js +2 -2
- 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-prominent-image.entry.js +2 -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 +9 -5
- 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-cb48185b.js → utils-708bbefe.js} +1 -0
- package/dist/huds-lib/huds-lib.esm.js +1 -1
- package/dist/huds-lib/{p-aa135221.entry.js → p-003597de.entry.js} +1 -1
- package/dist/huds-lib/{p-c1222b96.entry.js → p-00a1f0c4.entry.js} +1 -1
- package/dist/huds-lib/p-03ada2ef.entry.js +1 -0
- package/dist/huds-lib/{p-8ddab2fa.entry.js → p-065ae4a9.entry.js} +1 -1
- package/dist/huds-lib/{p-9e1e7a50.entry.js → p-095afc4e.entry.js} +1 -1
- package/dist/huds-lib/{p-ba49a9c2.entry.js → p-0ba24d1d.entry.js} +1 -1
- package/dist/huds-lib/{p-78060d4c.entry.js → p-0d751fcd.entry.js} +1 -1
- package/dist/huds-lib/{p-b5fc027f.entry.js → p-14a7e308.entry.js} +1 -1
- package/dist/huds-lib/{p-e933c51d.entry.js → p-1ed13a8e.entry.js} +1 -1
- package/dist/huds-lib/{p-a86d576b.entry.js → p-1f5cb6ed.entry.js} +1 -1
- package/dist/huds-lib/{p-47192e43.entry.js → p-24c25896.entry.js} +1 -1
- package/dist/huds-lib/p-2c83cfcf.entry.js +1 -0
- package/dist/huds-lib/{p-14f40b8c.entry.js → p-31d9c326.entry.js} +1 -1
- package/dist/huds-lib/p-3f050660.entry.js +1 -0
- package/dist/huds-lib/p-4807fa93.entry.js +1 -0
- package/dist/huds-lib/{p-064b4cbf.entry.js → p-497703c3.entry.js} +1 -1
- package/dist/huds-lib/{p-938a2d69.entry.js → p-4c59a5f1.entry.js} +1 -1
- package/dist/huds-lib/{p-c12bd151.entry.js → p-69559eff.entry.js} +1 -1
- package/dist/huds-lib/{p-b7d6d7a9.entry.js → p-69849560.entry.js} +1 -1
- package/dist/huds-lib/{p-48fbe621.entry.js → p-6c54b7bc.entry.js} +1 -1
- package/dist/huds-lib/p-7225fde6.entry.js +1 -0
- package/dist/huds-lib/{p-5ed9781b.entry.js → p-75f84185.entry.js} +1 -1
- package/dist/huds-lib/{p-ddeb65de.entry.js → p-7ca87180.entry.js} +1 -1
- package/dist/huds-lib/{p-b5d1ec3a.entry.js → p-7dd26e2a.entry.js} +1 -1
- package/dist/huds-lib/p-8ab550d6.js +1 -0
- package/dist/huds-lib/{p-84b7ca24.entry.js → p-8aee711e.entry.js} +1 -1
- package/dist/huds-lib/{p-7d8c86f1.entry.js → p-90a2d5bd.entry.js} +1 -1
- package/dist/huds-lib/{p-f110b94a.entry.js → p-98487b2c.entry.js} +1 -1
- package/dist/huds-lib/{p-aa3255bd.entry.js → p-9b5113e0.entry.js} +1 -1
- package/dist/huds-lib/{p-6cc92340.entry.js → p-a0a1ead3.entry.js} +1 -1
- package/dist/huds-lib/p-a4745be5.entry.js +1 -0
- package/dist/huds-lib/{p-5214f8e4.entry.js → p-afe191fd.entry.js} +1 -1
- package/dist/huds-lib/{p-78ceaf5c.entry.js → p-b7268181.entry.js} +1 -1
- package/dist/huds-lib/{p-4d46f33b.entry.js → p-bd56a257.entry.js} +1 -1
- package/dist/huds-lib/p-c09b65fb.entry.js +1 -0
- package/dist/huds-lib/p-c87b7917.entry.js +1 -0
- package/dist/huds-lib/{p-8a62a954.entry.js → p-d56f5a7a.entry.js} +1 -1
- package/dist/huds-lib/{p-ac362729.entry.js → p-db4dc333.entry.js} +1 -1
- package/dist/huds-lib/{p-e93ed0a4.entry.js → p-dc6a653f.entry.js} +1 -1
- package/dist/huds-lib/{p-99cdca42.entry.js → p-dd2d9165.entry.js} +1 -1
- package/dist/huds-lib/p-de9a3ec8.entry.js +1 -0
- package/dist/huds-lib/{p-8f62c5a4.entry.js → p-e24fb999.entry.js} +1 -1
- package/dist/huds-lib/{p-f2fe08a4.entry.js → p-e834c239.entry.js} +1 -1
- package/dist/huds-lib/{p-5e60356e.entry.js → p-efc359e3.entry.js} +1 -1
- package/dist/huds-lib/{p-ede56435.entry.js → p-fbf11f85.entry.js} +1 -1
- package/dist/huds-lib/{p-9f0357c6.entry.js → p-fcf2d27d.entry.js} +1 -1
- package/dist/types/components/footer/hy-footer-info/hy-footer-info.d.ts +20 -0
- package/dist/types/components/hy-introduction/hy-introduction.d.ts +1 -0
- package/dist/types/components/hy-list-item/hy-list-item.d.ts +2 -0
- package/dist/types/components/hy-opening-hours-content/hy-opening-hours-content.d.ts +1 -0
- package/dist/types/components/hy-prominent-image/hy-prominent-image.d.ts +1 -0
- package/dist/types/components/site-header/site-header.d.ts +1 -0
- package/dist/types/components/site-header/site-logo/site-logo.d.ts +1 -0
- package/dist/types/components.d.ts +43 -1
- package/dist/types/utils/utils.d.ts +2 -1
- package/package.json +1 -1
- package/dist/huds-lib/p-2517134c.entry.js +0 -1
- package/dist/huds-lib/p-33ffdffe.entry.js +0 -1
- package/dist/huds-lib/p-4d6f4bd3.entry.js +0 -1
- package/dist/huds-lib/p-51b159ea.entry.js +0 -1
- package/dist/huds-lib/p-70d43477.entry.js +0 -1
- package/dist/huds-lib/p-8081f6df.entry.js +0 -1
- package/dist/huds-lib/p-9080f8a1.entry.js +0 -1
- package/dist/huds-lib/p-a099ede9.entry.js +0 -1
- package/dist/huds-lib/p-e20f6203.js +0 -1
- package/dist/huds-lib/p-ed83fcf6.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as e,h as t,H as a,g as n}from"./p-bb24c6b5.js";import{M as s}from"./p-e20f6203.js";const o=class{constructor(t){i(this,t),this.addBreadcrumb=e(this,"addBreadcrumb",7),this.menuContainerActiveTrail=e(this,"menuContainerActiveTrail",7),this.menuContainerToggled=e(this,"menuContainerToggled",7),this.routeClicked=e(this,"routeClicked",7),this.inActiveTrail=!1,this.isActive=!1,this.isActiveChild=!1,this.isHeading=!1,this.isParent=!1,this.isDemo=!1,this.isExternal=!1,this.menuItemAlternative=!1,this.menuLinkId="",this.menuType=s.desktop,this.menuButtonSubmenuExpand="",this.ariaExpanded=!1,this.depth=0,this.hasChildren=null,this.label="",this.parentAsHeading="",this.parentExpanded=!1,this.url=""}handleClick(){this.menuContainerToggled.emit({triggerItem:this.menuLinkId,triggerType:"add"});const i=this.el.parentNode;let e=i.parentElement.getAttribute("label")?i.parentElement.getAttribute("label"):this.menuButtonBreadcrumbMain;this.addBreadcrumb.emit({url:this.url,label:e,bid:this.menuLinkId,isMainMenu:e==this.menuButtonBreadcrumbMain})}componentWillLoad(){if(this.el.classList.contains("is-active")&&(this.isActive=!0),this.inActiveTrail&&!this.isActive){const i=this.el.parentNode;let e=i.parentElement.getAttribute("label")?i.parentElement.getAttribute("label"):this.menuButtonBreadcrumbMain;this.addBreadcrumb.emit({url:this.url,label:e,bid:this.menuLinkId})}if(this.isActive){(i=>{let e=[];for(;i.parentNode&&"hy-menu"!=i.parentNode.nodeName.toLowerCase();)e.push(i=i.parentNode);return e})(this.el).forEach((i=>{"hy-menu-item"===i.tagName.toLowerCase()&&this.menuContainerActiveTrail.emit({triggerItem:i.getAttribute("menu-link-id")})}))}this.hasChildren=this.el.getElementsByTagName("hy-menu-level-container").length>=1}render(){switch(this.menuType){case s.desktop:return t(a,{class:{"is-active":this.isActive,"hy-menu-item":!0,"hy-menu-item--alternative":this.menuItemAlternative,"hy-menu-item--desktop":!0,"is-demo":this.isDemo}},t("a",{"aria-current":this.isHeading.toString(),href:this.url,class:{"is-active":this.isActive,"in-active-trail":this.inActiveTrail,"is-heading":this.isHeading,"hy-menu-item--desktop":!0,"is-demo":this.isDemo}},1==this.depth&&t("span",{class:"hy-menu-item__heading__icon"},t("hy-icon",{icon:"hy-icon-arrow-right",size:40})),2==this.depth&&t("span",{class:"hy-menu-item__heading__icon"},t("hy-icon",{icon:"hy-icon-caret-right",size:12})),t("span",{class:"hy-menu-item__label"},this.label)),this.hasChildren&&t("slot",null));case s.mobile:return t(a,{class:{"is-active":this.isActive,"hy-menu-item":!0,"hy-menu-item--alternative":this.menuItemAlternative,"hy-menu-item--mobile":!0,"is-demo":this.isDemo}},t("a",{"aria-current":this.isHeading.toString(),href:this.url,class:{"is-active":this.isActive,"in-active-trail":this.inActiveTrail,"is-heading":this.isHeading,"hy-menu-item--mobile":!0,"is-demo":this.isDemo,"is-external":this.isExternal,first:1==this.depth}},1!==this.depth&&!this.isHeading&&t("hy-icon",{icon:"hy-icon-caret-right",size:10}),t("span",{class:"hy-menu-item__label"},this.label,this.isExternal&&t("hy-icon",{icon:"hy-icon-arrow-right",size:12}))),this.hasChildren&&t("button",{"aria-haspopup":"true","aria-label":`Open submenu for ${this.label}`,onClick:()=>this.handleClick(),class:"hy-menu-item__button"},t("hy-icon",{icon:"hy-icon-caret-right",size:16})),this.hasChildren&&t("slot",null));case s.sidenav:let i=["hy-menu-item--sidenav",this.isDemo?"is-demo":"",this.isActive?"is-active":"",this.isParent?"is-parent":"",this.isActiveChild?"is-active--child":"",this.inActiveTrail?"in-active-trail":"",null!=this.depth?"hy-menu-item--level-"+this.depth:"",this.isActive&&this.hasChildren?"is-active--heading":""],e=[...i,this.isHeading?"is-heading":""];return i=[...i,"hy-menu-item"],t("li",{class:i.join(" ")},t("a",{class:e.join(" "),href:this.url},this.label),this.hasChildren&&t("slot",null))}}get el(){return n(this)}};o.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host(.hy-menu-item--mobile){--menu-item-display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px}:host(.hy-menu-item--mobile.hy-menu-item--alternative){border-bottom:0 none;border-top:1px solid black}:host(.hy-menu-item--mobile:last-of-type){border-bottom:0 none}:host(.hy-menu-item--mobile.is-hidden){visibility:hidden !important}:host(.hy-menu-item--mobile.is-hidden):focus{outline:none}:host(.hy-menu-item--sidenav){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;--hy-menu-item-sidenav-display:block}:host(.hy-menu-item--sidenav.is-active){display:block;visibility:visible}:host(.hy-menu-item--sidenav.is-active--child){display:block;visibility:visible}:host(.hy-menu-item--sidenav.in-active-trail){display:block;visibility:visible}:host(.hy-menu-item) a{font-size:1rem;line-height:20px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.5px;text-decoration:none;width:100%;padding:12px 16px}:host(.hy-menu-item) a:focus{outline:solid 2px var(--additional-yellow);outline-offset:-2px}:host(.hy-menu-item) a .hy-menu-item__label hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-left:6px;margin-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:host(.hy-menu-item) a .hy-menu-item__label hy-icon svg{fill:var(--brand-main)}:host(.hy-menu-item) a.hy-menu-item--mobile.first{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.42px;padding:16px 0 16px 16px}:host(.hy-menu-item) a.hy-menu-item--mobile.is-active{color:var(--grayscale-black);position:relative}:host(.hy-menu-item) a.hy-menu-item--mobile.is-active:before{border-left:3px solid var(--grayscale-black);content:"";height:75%;left:10px;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host(.hy-menu-item) a.hy-menu-item--mobile.in-active-trail{font-weight:700;color:var(--grayscale-black)}:host(.hy-menu-item) a.hy-menu-item--mobile.in-active-trail:before{border-left-width:3px;height:55%}:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.42px;padding:16px}:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.is-active,:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.in-active-trail{font-weight:700;background:transparent;border-bottom:0;color:var(--grayscale-black)}:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.is-active:before,:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.in-active-trail:before{border-left-width:3px;height:55%}:host(.hy-menu-item) a.hy-menu-item--mobile>hy-icon{-ms-flex-item-align:start;align-self:flex-start;margin-top:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.hy-menu-item) a.hy-menu-item--mobile hy-icon+.hy-menu-item__label{margin-left:10px}:host(.hy-menu-item) a.is-heading{display:inherit}@media (min-width: 75.0625rem){:host(.hy-menu-item) a.is-heading{display:none}}:host(.hy-menu-item) a.hy-menu-item--sidenav{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--brand-main-light);display:var(--hy-menu-item-sidenav-display);font-family:var(--main-font-family);margin:10px 0;padding:8px 0}:host(.hy-menu-item) a.hy-menu-item--sidenav:focus{outline-offset:4px}:host(.hy-menu-item) a.hy-menu-item--sidenav:hover{color:var(--brand-main-nearly-black)}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active{color:var(--brand-main-nearly-black);text-decoration:none}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active .hy-menu-item__label{padding-bottom:0}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--heading{font-size:1.625rem;line-height:40px;color:var(--brand-main-nearly-black);text-transform:uppercase}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--heading .hy-menu-item__label{border-bottom:4px solid var(--brand-main-nearly-black);padding:0}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--heading .hy-menu-item__label__icon{display:none}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--child{color:var(--brand-main-light);text-decoration:none}:host(.hy-menu-item) a.hy-menu-item--sidenav .hy-menu-item__label__icon{color:var(--brand-main-light);display:inline-block;padding-left:5px}.is-active :host(.hy-menu-item) a.hy-menu-item--sidenav .hy-menu-item__label__icon{display:none}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent{font-size:1rem;line-height:22px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent:hover{color:var(--brand-main-nearly-black)}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent:hover .hy-menu-item__label__icon{color:var(--brand-main-nearly-black)}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent .hy-menu-item__label__icon{margin-right:8px}.hy-menu-item__button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0;border-bottom:0;border-right:0;border-top:0;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;width:44px;position:relative;-ms-flex-negative:0;flex-shrink:0}.hy-menu-item__button:before{background-color:var(--grayscale-medium);width:1px;height:32px;content:"";display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:0;position:absolute}.hy-menu-item__button svg{fill:var(--grayscale-black)}';export{o as hy_menu_item}
|
|
1
|
+
import{r as i,c as e,h as t,H as a,g as n}from"./p-bb24c6b5.js";import{M as s}from"./p-8ab550d6.js";const o=class{constructor(t){i(this,t),this.addBreadcrumb=e(this,"addBreadcrumb",7),this.menuContainerActiveTrail=e(this,"menuContainerActiveTrail",7),this.menuContainerToggled=e(this,"menuContainerToggled",7),this.routeClicked=e(this,"routeClicked",7),this.inActiveTrail=!1,this.isActive=!1,this.isActiveChild=!1,this.isHeading=!1,this.isParent=!1,this.isDemo=!1,this.isExternal=!1,this.menuItemAlternative=!1,this.menuLinkId="",this.menuType=s.desktop,this.menuButtonSubmenuExpand="",this.ariaExpanded=!1,this.depth=0,this.hasChildren=null,this.label="",this.parentAsHeading="",this.parentExpanded=!1,this.url=""}handleClick(){this.menuContainerToggled.emit({triggerItem:this.menuLinkId,triggerType:"add"});const i=this.el.parentNode;let e=i.parentElement.getAttribute("label")?i.parentElement.getAttribute("label"):this.menuButtonBreadcrumbMain;this.addBreadcrumb.emit({url:this.url,label:e,bid:this.menuLinkId,isMainMenu:e==this.menuButtonBreadcrumbMain})}componentWillLoad(){if(this.el.classList.contains("is-active")&&(this.isActive=!0),this.inActiveTrail&&!this.isActive){const i=this.el.parentNode;let e=i.parentElement.getAttribute("label")?i.parentElement.getAttribute("label"):this.menuButtonBreadcrumbMain;this.addBreadcrumb.emit({url:this.url,label:e,bid:this.menuLinkId})}if(this.isActive){(i=>{let e=[];for(;i.parentNode&&"hy-menu"!=i.parentNode.nodeName.toLowerCase();)e.push(i=i.parentNode);return e})(this.el).forEach((i=>{"hy-menu-item"===i.tagName.toLowerCase()&&this.menuContainerActiveTrail.emit({triggerItem:i.getAttribute("menu-link-id")})}))}this.hasChildren=this.el.getElementsByTagName("hy-menu-level-container").length>=1}render(){switch(this.menuType){case s.desktop:return t(a,{class:{"is-active":this.isActive,"hy-menu-item":!0,"hy-menu-item--alternative":this.menuItemAlternative,"hy-menu-item--desktop":!0,"is-demo":this.isDemo}},t("a",{"aria-current":this.isHeading.toString(),href:this.url,class:{"is-active":this.isActive,"in-active-trail":this.inActiveTrail,"is-heading":this.isHeading,"hy-menu-item--desktop":!0,"is-demo":this.isDemo}},1==this.depth&&t("span",{class:"hy-menu-item__heading__icon"},t("hy-icon",{icon:"hy-icon-arrow-right",size:40})),2==this.depth&&t("span",{class:"hy-menu-item__heading__icon"},t("hy-icon",{icon:"hy-icon-caret-right",size:12})),t("span",{class:"hy-menu-item__label"},this.label)),this.hasChildren&&t("slot",null));case s.mobile:return t(a,{class:{"is-active":this.isActive,"hy-menu-item":!0,"hy-menu-item--alternative":this.menuItemAlternative,"hy-menu-item--mobile":!0,"is-demo":this.isDemo}},t("a",{"aria-current":this.isHeading.toString(),href:this.url,class:{"is-active":this.isActive,"in-active-trail":this.inActiveTrail,"is-heading":this.isHeading,"hy-menu-item--mobile":!0,"is-demo":this.isDemo,"is-external":this.isExternal,first:1==this.depth}},1!==this.depth&&!this.isHeading&&t("hy-icon",{icon:"hy-icon-caret-right",size:10}),t("span",{class:"hy-menu-item__label"},this.label,this.isExternal&&t("hy-icon",{icon:"hy-icon-arrow-right",size:12}))),this.hasChildren&&t("button",{"aria-haspopup":"true","aria-label":`Open submenu for ${this.label}`,onClick:()=>this.handleClick(),class:"hy-menu-item__button"},t("hy-icon",{icon:"hy-icon-caret-right",size:16})),this.hasChildren&&t("slot",null));case s.sidenav:let i=["hy-menu-item--sidenav",this.isDemo?"is-demo":"",this.isActive?"is-active":"",this.isParent?"is-parent":"",this.isActiveChild?"is-active--child":"",this.inActiveTrail?"in-active-trail":"",null!=this.depth?"hy-menu-item--level-"+this.depth:"",this.isActive&&this.hasChildren?"is-active--heading":""],e=[...i,this.isHeading?"is-heading":""];return i=[...i,"hy-menu-item"],t("li",{class:i.join(" ")},t("a",{class:e.join(" "),href:this.url},this.label),this.hasChildren&&t("slot",null))}}get el(){return n(this)}};o.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host(.hy-menu-item--mobile){--menu-item-display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px}:host(.hy-menu-item--mobile.hy-menu-item--alternative){border-bottom:0 none;border-top:1px solid black}:host(.hy-menu-item--mobile:last-of-type){border-bottom:0 none}:host(.hy-menu-item--mobile.is-hidden){visibility:hidden !important}:host(.hy-menu-item--mobile.is-hidden):focus{outline:none}:host(.hy-menu-item--sidenav){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;--hy-menu-item-sidenav-display:block}:host(.hy-menu-item--sidenav.is-active){display:block;visibility:visible}:host(.hy-menu-item--sidenav.is-active--child){display:block;visibility:visible}:host(.hy-menu-item--sidenav.in-active-trail){display:block;visibility:visible}:host(.hy-menu-item) a{font-size:1rem;line-height:20px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.5px;text-decoration:none;width:100%;padding:12px 16px}:host(.hy-menu-item) a:focus{outline:solid 2px var(--additional-yellow);outline-offset:-2px}:host(.hy-menu-item) a .hy-menu-item__label hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-left:6px;margin-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:host(.hy-menu-item) a .hy-menu-item__label hy-icon svg{fill:var(--brand-main)}:host(.hy-menu-item) a.hy-menu-item--mobile.first{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.42px;padding:16px 0 16px 16px}:host(.hy-menu-item) a.hy-menu-item--mobile.is-active{color:var(--grayscale-black);position:relative}:host(.hy-menu-item) a.hy-menu-item--mobile.is-active:before{border-left:3px solid var(--grayscale-black);content:"";height:75%;left:10px;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host(.hy-menu-item) a.hy-menu-item--mobile.in-active-trail{font-weight:700;color:var(--grayscale-black)}:host(.hy-menu-item) a.hy-menu-item--mobile.in-active-trail:before{border-left-width:3px;height:55%}:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.42px;padding:16px}:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.is-active,:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.in-active-trail{font-weight:700;background:transparent;border-bottom:0;color:var(--grayscale-black)}:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.is-active:before,:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.in-active-trail:before{border-left-width:3px;height:55%}:host(.hy-menu-item) a.hy-menu-item--mobile>hy-icon{-ms-flex-item-align:start;align-self:flex-start;margin-top:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.hy-menu-item) a.hy-menu-item--mobile hy-icon+.hy-menu-item__label{margin-left:10px}:host(.hy-menu-item) a.is-heading{display:inherit}@media (min-width: 75.0625rem){:host(.hy-menu-item) a.is-heading{display:none}}:host(.hy-menu-item) a.hy-menu-item--sidenav{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--brand-main-light);display:var(--hy-menu-item-sidenav-display);font-family:var(--main-font-family);margin:10px 0;padding:8px 0}:host(.hy-menu-item) a.hy-menu-item--sidenav:focus{outline-offset:4px}:host(.hy-menu-item) a.hy-menu-item--sidenav:hover{color:var(--brand-main-nearly-black)}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active{color:var(--brand-main-nearly-black);text-decoration:none}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active .hy-menu-item__label{padding-bottom:0}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--heading{font-size:1.625rem;line-height:40px;color:var(--brand-main-nearly-black);text-transform:uppercase}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--heading .hy-menu-item__label{border-bottom:4px solid var(--brand-main-nearly-black);padding:0}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--heading .hy-menu-item__label__icon{display:none}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--child{color:var(--brand-main-light);text-decoration:none}:host(.hy-menu-item) a.hy-menu-item--sidenav .hy-menu-item__label__icon{color:var(--brand-main-light);display:inline-block;padding-left:5px}.is-active :host(.hy-menu-item) a.hy-menu-item--sidenav .hy-menu-item__label__icon{display:none}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent{font-size:1rem;line-height:22px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent:hover{color:var(--brand-main-nearly-black)}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent:hover .hy-menu-item__label__icon{color:var(--brand-main-nearly-black)}:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent .hy-menu-item__label__icon{margin-right:8px}.hy-menu-item__button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0;border-bottom:0;border-right:0;border-top:0;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;width:44px;position:relative;-ms-flex-negative:0;flex-shrink:0}.hy-menu-item__button:before{background-color:var(--grayscale-medium);width:1px;height:32px;content:"";display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:0;position:absolute}.hy-menu-item__button svg{fill:var(--grayscale-black)}';export{o as hy_menu_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,g as t}from"./p-bb24c6b5.js";import{M as a,S as n,C as o}from"./p-e20f6203.js";import{R as s}from"./p-a82d4779.js";const r=class{constructor(i){e(this,i),this.menuIsOpen=!1,this.menuType=a.sidenav,this.pageSize=a.mobile,this.panelOpen=!1,this.size=n.big,this.isDemo=!1,this.noChildren=!1,this.isResearchGroup=!1,this.isActive=!1,this.minHeight=null}panelToggle(e){this.menuIsOpen?(this.closeWholeTree(),this.panelOpen=!this.panelOpen):this.panelOpen=!this.panelOpen,e.preventDefault(),e.stopPropagation()}async componentWillLoad(){if(this.pageSize===a.mobile)return;const e=document.querySelector(".layout-sidebar-first");e&&(this.menuIsOpen?e.classList.add("menu-is-open"):e.classList.contains("menu-is-open")&&e.classList.remove("menu-is-open"))}componentDidLoad(){this.ro=new s((e=>{for(const i of e)this.applySize(i.contentRect.width)})),this.ro.observe(document.body);const e=document.querySelectorAll(".hy-menu-level-container");if(e){const i=Math.max.apply(Math,[...e].map((e=>e.scrollHeight)));this.minHeight=i}}applySize(e){this.pageSize=e<=960?a.mobile:a.desktop}handlePanel(e){const i=e.target,t=[i.tagName.toLowerCase()].some((e=>["svg","path"].indexOf(e)>=0));if(i.classList.contains("hy-menu-item__label__icon")||t){const e=i.closest(".hy-menu-item-sidebar"),t=e.getAttribute("data-link-id"),a=e.getAttribute("item-level"),n=e.closest(".hy-menu-level-container"),o=e.querySelector(".hy-menu-level-container");if(i.closest(".hy-menu").classList.contains("hy-menu-sidepanel")&&!this.previousPanel){const i=n.querySelector(".is-active-item");if(i){const t=i.querySelector(".hy-menu-level-container");return this.updatePrevious(n,i),this.togglePanel(i,t,!0),void this.togglePanel(e,o)}}if(!this.previousPanel)return this.updatePrevious(n,e),void this.togglePanel(e,o);const s=this.previousItem.dataset.linkId,r=this.previousItem.getAttribute("item-level");if(t===s)return void(e.classList.contains("is-active-item")?(this.togglePanel(e,o,!0),0==a&&(this.menuIsOpen=!1,this.toggleSidebarBg())):this.togglePanel(e,o));if(a<=r){if(e.classList.contains("is-active-item"))return this.togglePanel(e,o,!0),void this.updatePrevious(n,e);this.togglePanel(this.previousItem,n,!0),this.togglePanel(e,o),this.updatePrevious(n,e)}else a>r&&(this.togglePanel(e,o),this.updatePrevious(n,e))}e.stopImmediatePropagation(),e.stopPropagation()}updatePrevious(e,i){this.previousPanel=e,this.previousItem=i}closeWholeTree(){const e=document.querySelector(".hy-menu-level-container--level-0");let i=document.querySelector(".hy-menu-item-sidebar--sidenav.hy-menu-item--level-0.has-children.is-active-item");i?this.togglePanel(i,e,!0):i=document.querySelector(".hy-menu-item-sidebar--sidenav.hy-menu-item--level-0.is-active-item");const t=document.querySelector("body"),a=document.querySelector(".hy-menu-sidebar--container");a.classList.contains("sidebar-open")&&i&&(a.classList.remove("sidebar-open"),t.classList.remove("hy-menu-sidebar__no-scroll"))}togglePanel(e,i,t=!1){const a=e.querySelector("button"),n=e.getAttribute("item-level");if(0!=n||this.menuIsOpen||(window.pageYOffset>50&&!this.isDemo&&window.scrollTo({top:0}),this.menuIsOpen=!0),t){const t=[...i.querySelectorAll(".hy-menu-item-sidebar")].filter((e=>e.classList.contains("is-active-item")));if(0==n&&t&&(this.menuIsOpen=!1,this.toggleSidebarBg()),t.length>0)for(let e=0;e<t.length;e++)this.closeChildren(t[e]);return a&&a.setAttribute("aria-expanded","false"),void this.closeChildren(e)}a.setAttribute("aria-expanded","true"),i.classList.add("is-open"),e.classList.add("is-active-item")}closeChildren(e){if(e.classList.contains("is-active-item")&&e.classList.remove("is-active-item"),e.classList.contains("has-children")){e.querySelector("button").setAttribute("aria-expanded","false");const i=e.querySelector(".hy-menu-level-container");i.classList.remove("is-open");const t=i.querySelectorAll(".hy-menu-item-sidebar");i.classList.contains("is-active")&&i.classList.remove("is-active"),t.forEach((e=>{e.classList.remove("is-active-item"),e.classList.contains("has-children")&&(e.querySelector("button").setAttribute("aria-expanded","false"),this.closeChildren(e))}))}}toggleSidebarBg(){const e=document.querySelector(".layout-sidebar-first");this.menuIsOpen?e.classList.add("menu-is-open"):e.classList.contains("menu-is-open")&&e.classList.remove("menu-is-open")}render(){const e=document.querySelector(".hy-menu-sidebar--container");e&&e.addEventListener("click",(e=>{e.target.classList.contains("sidebar-open")&&this.closeWholeTree()}));const t=document.querySelector(".hy-menu-sidepanel--container");t&&t.addEventListener("click",(e=>{e.target.classList.contains("sidepanel-open")&&this.panelToggle(e)}));const n=o.black,s=["hy-menu-sidepanel--container",this.panelOpen?"sidepanel-open":""].join(" ");switch(this.menuType){case a.sidepanel:return i("div",{class:"hy-menu-sidebar__container",style:{"--minHeight":`${this.minHeight}px`}},this.noChildren&&this.isResearchGroup&&this.isActive&&i("a",{"aria-label":this.frontLabel,class:"hy-menu-sidebar__panel-toggle",href:this.frontUrl},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.frontLabel),this.noChildren&&this.isResearchGroup&&!this.isActive&&i("a",{"aria-label":this.frontLabel,class:"hy-menu-sidebar__panel-toggle",href:this.frontUrl},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.frontLabel),this.noChildren&&!this.isResearchGroup&&i("a",{"aria-label":this.frontLabel,class:"hy-menu-sidebar__panel-toggle",href:this.frontUrl},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.frontLabel),!this.noChildren&&i("button",{"aria-label":this.panelToggleAriaLabel,class:"hy-menu-sidebar__panel-toggle",onClick:e=>this.panelToggle(e)},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.panelToggleLabel),i("div",{class:s,"aria-hidden":this.panelOpen?"false":"true","aria-expanded":this.panelOpen?"true":"false"},i("div",{class:"hy-menu-sidepanel__nav-container"},i("div",{class:"hy-menu-sidepanel__logo-container"},i("div",{class:"hy-menu-sidepanel__logo","aria-hidden":this.panelOpen?"false":"true",tabindex:this.panelOpen?"0":"-1"},i("hy-site-logo",{size:56,color:n,url:this.logoUrl,label:this.logoLabel})),i("button",{"aria-label":this.panelToggleCloseAriaLabel,"aria-hidden":this.panelOpen?"false":"true",tabindex:this.panelOpen?"0":"-1",class:"hy-menu-sidebar__panel-toggle",onClick:e=>this.panelToggle(e)},i("hy-icon",{icon:"hy-icon-remove",fill:"currentColor",size:10}),this.panelToggleCloseLabel)),i("nav",{role:"navigation","aria-hidden":this.panelOpen?"false":"true",tabindex:this.panelOpen?"0":"-1",class:{"hy-menu":!0,"hy-menu-sidepanel":!0,"is-demo":this.isDemo}},i("slot",null)))));case a.sidenav:return i("div",{class:"hy-menu-sidebar--container",style:{"--minHeight":`${this.minHeight}px`}},i("div",{class:"hy-menu-sidebar__logo"},i("hy-site-logo",{size:56,color:n,url:this.logoUrl,label:this.logoLabel})),i("button",{"aria-label":this.panelToggleAriaLabel,class:"hy-menu-sidebar__panel-toggle",onClick:e=>this.panelToggle(e)},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.panelToggleLabel),i("nav",{role:"navigation","aria-hidden":this.menuIsOpen?"false":"true",class:{"hy-menu":!0,"hy-menu-sidebar":!0,"is-demo":this.isDemo}},i("slot",null)))}}get el(){return t(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{display:block}.hy-menu-sidebar--container{background:none;position:relative}.hy-menu-sidebar--container.sidebar-open{background:linear-gradient(to right, #fff 380px, rgba(0, 0, 0, 0.5) 10%);bottom:0;display:block;height:auto;left:16px;overflow:auto;position:absolute;right:0;top:-96px;-webkit-transition:all 0.25s ease-in;transition:all 0.25s ease-in;z-index:15}.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:96px;margin-bottom:40px;margin-top:-8px}.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__logo .hy-site-logo__label{max-width:200px}.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__panel-toggle{display:-webkit-box;display:-ms-flexbox;display:flex}.hy-menu-sidebar--container .hy-menu-sidebar__panel-toggle,.hy-menu-sidebar--container .hy-menu-sidebar__logo{display:none}.hy-menu-sidepanel--container{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:sidepanel-moveout;animation-name:sidepanel-moveout;bottom:0;display:none;left:0;overflow:auto;position:absolute;right:0;top:-96px;-webkit-transform:translateX(-105%);transform:translateX(-105%);visibility:hidden;z-index:124}.hy-menu-sidepanel--container.sidepanel-open{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.35s;animation-duration:0.35s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:sidepanel-movein;animation-name:sidepanel-movein;display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;min-height:100vh;width:100%}.hy-menu-sidepanel--container.sidepanel-open :not(.is-parent):not(.in-active-trail):not(.is-active-item).hy-menu-item-sidebar .hy-menu-item-sidebar--label-container{background:-webkit-gradient(linear, right top, left top, from(#f5f5f5), to(#f8f8f8));background:linear-gradient(270deg, #f5f5f5 0%, #f8f8f8 100%)}.hy-menu-sidepanel--container.sidepanel-open .hy-menu-sidepanel__logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:96px;margin-bottom:46px;margin-top:-26px;margin-left:-4px}.hy-menu-sidepanel--container.sidepanel-open .hy-menu-sidepanel__logo .hy-site-logo__label{max-width:200px}.hy-menu-sidebar{display:none}@media (min-width: 75.0625rem){.hy-menu-sidebar{display:block;max-width:calc(320px - 16px)}.hy-menu-sidebar[aria-hidden=false]{padding-right:12px;min-height:var(--minHeight);width:20vw}.hy-menu-sidebar[aria-hidden=false] .hy-menu-item-sidebar.hy-menu-item-sidebar--sidenav.hy-menu-item--level-1.is-parent{border-bottom:1px solid var(--brand-main-light) !important}}.hy-menu-sidebar__panel-toggle{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main-light);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-weight:600;letter-spacing:-0.5px;margin-bottom:1rem;text-decoration:none}.hy-menu-sidebar__panel-toggle:hover{cursor:pointer;color:var(--brand-main);text-decoration:underline}.hy-menu-sidebar__panel-toggle svg{fill:var(--brand-main-light)}.hy-menu-sidebar__panel-toggle hy-icon:last-child{margin-right:0.75rem}.hy-menu-sidepanel__logo-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:150px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:20px;position:relative;z-index:125}@-webkit-keyframes sidepanel-movein{from{display:none;-webkit-transform:translateX(-105%);transform:translateX(-105%);visibility:hidden}5%{display:-webkit-box;display:flex}50%{background-color:rgba(0, 0, 0, 0)}to{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}@keyframes sidepanel-movein{from{display:none;-webkit-transform:translateX(-105%);transform:translateX(-105%);visibility:hidden}5%{display:-webkit-box;display:-ms-flexbox;display:flex}50%{background-color:rgba(0, 0, 0, 0)}to{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}@-webkit-keyframes sidepanel-moveout{from{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}75%{background-color:rgba(0, 0, 0, 0)}90%{-webkit-transform:translateX(-105%);transform:translateX(-105%)}to{display:none;visibility:hidden}}@keyframes sidepanel-moveout{from{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}75%{background-color:rgba(0, 0, 0, 0)}90%{-webkit-transform:translateX(-105%);transform:translateX(-105%)}to{display:none;visibility:hidden}}";export{r as hy_menu_sidebar}
|
|
1
|
+
import{r as e,h as i,g as t}from"./p-bb24c6b5.js";import{M as a,S as n,C as o}from"./p-8ab550d6.js";import{R as s}from"./p-a82d4779.js";const r=class{constructor(i){e(this,i),this.menuIsOpen=!1,this.menuType=a.sidenav,this.pageSize=a.mobile,this.panelOpen=!1,this.size=n.big,this.isDemo=!1,this.noChildren=!1,this.isResearchGroup=!1,this.isActive=!1,this.minHeight=null}panelToggle(e){this.menuIsOpen?(this.closeWholeTree(),this.panelOpen=!this.panelOpen):this.panelOpen=!this.panelOpen,e.preventDefault(),e.stopPropagation()}async componentWillLoad(){if(this.pageSize===a.mobile)return;const e=document.querySelector(".layout-sidebar-first");e&&(this.menuIsOpen?e.classList.add("menu-is-open"):e.classList.contains("menu-is-open")&&e.classList.remove("menu-is-open"))}componentDidLoad(){this.ro=new s((e=>{for(const i of e)this.applySize(i.contentRect.width)})),this.ro.observe(document.body);const e=document.querySelectorAll(".hy-menu-level-container");if(e){const i=Math.max.apply(Math,[...e].map((e=>e.scrollHeight)));this.minHeight=i}}applySize(e){this.pageSize=e<=960?a.mobile:a.desktop}handlePanel(e){const i=e.target,t=[i.tagName.toLowerCase()].some((e=>["svg","path"].indexOf(e)>=0));if(i.classList.contains("hy-menu-item__label__icon")||t){const e=i.closest(".hy-menu-item-sidebar"),t=e.getAttribute("data-link-id"),a=e.getAttribute("item-level"),n=e.closest(".hy-menu-level-container"),o=e.querySelector(".hy-menu-level-container");if(i.closest(".hy-menu").classList.contains("hy-menu-sidepanel")&&!this.previousPanel){const i=n.querySelector(".is-active-item");if(i){const t=i.querySelector(".hy-menu-level-container");return this.updatePrevious(n,i),this.togglePanel(i,t,!0),void this.togglePanel(e,o)}}if(!this.previousPanel)return this.updatePrevious(n,e),void this.togglePanel(e,o);const s=this.previousItem.dataset.linkId,r=this.previousItem.getAttribute("item-level");if(t===s)return void(e.classList.contains("is-active-item")?(this.togglePanel(e,o,!0),0==a&&(this.menuIsOpen=!1,this.toggleSidebarBg())):this.togglePanel(e,o));if(a<=r){if(e.classList.contains("is-active-item"))return this.togglePanel(e,o,!0),void this.updatePrevious(n,e);this.togglePanel(this.previousItem,n,!0),this.togglePanel(e,o),this.updatePrevious(n,e)}else a>r&&(this.togglePanel(e,o),this.updatePrevious(n,e))}e.stopImmediatePropagation(),e.stopPropagation()}updatePrevious(e,i){this.previousPanel=e,this.previousItem=i}closeWholeTree(){const e=document.querySelector(".hy-menu-level-container--level-0");let i=document.querySelector(".hy-menu-item-sidebar--sidenav.hy-menu-item--level-0.has-children.is-active-item");i?this.togglePanel(i,e,!0):i=document.querySelector(".hy-menu-item-sidebar--sidenav.hy-menu-item--level-0.is-active-item");const t=document.querySelector("body"),a=document.querySelector(".hy-menu-sidebar--container");a.classList.contains("sidebar-open")&&i&&(a.classList.remove("sidebar-open"),t.classList.remove("hy-menu-sidebar__no-scroll"))}togglePanel(e,i,t=!1){const a=e.querySelector("button"),n=e.getAttribute("item-level");if(0!=n||this.menuIsOpen||(window.pageYOffset>50&&!this.isDemo&&window.scrollTo({top:0}),this.menuIsOpen=!0),t){const t=[...i.querySelectorAll(".hy-menu-item-sidebar")].filter((e=>e.classList.contains("is-active-item")));if(0==n&&t&&(this.menuIsOpen=!1,this.toggleSidebarBg()),t.length>0)for(let e=0;e<t.length;e++)this.closeChildren(t[e]);return a&&a.setAttribute("aria-expanded","false"),void this.closeChildren(e)}a.setAttribute("aria-expanded","true"),i.classList.add("is-open"),e.classList.add("is-active-item")}closeChildren(e){if(e.classList.contains("is-active-item")&&e.classList.remove("is-active-item"),e.classList.contains("has-children")){e.querySelector("button").setAttribute("aria-expanded","false");const i=e.querySelector(".hy-menu-level-container");i.classList.remove("is-open");const t=i.querySelectorAll(".hy-menu-item-sidebar");i.classList.contains("is-active")&&i.classList.remove("is-active"),t.forEach((e=>{e.classList.remove("is-active-item"),e.classList.contains("has-children")&&(e.querySelector("button").setAttribute("aria-expanded","false"),this.closeChildren(e))}))}}toggleSidebarBg(){const e=document.querySelector(".layout-sidebar-first");this.menuIsOpen?e.classList.add("menu-is-open"):e.classList.contains("menu-is-open")&&e.classList.remove("menu-is-open")}render(){const e=document.querySelector(".hy-menu-sidebar--container");e&&e.addEventListener("click",(e=>{e.target.classList.contains("sidebar-open")&&this.closeWholeTree()}));const t=document.querySelector(".hy-menu-sidepanel--container");t&&t.addEventListener("click",(e=>{e.target.classList.contains("sidepanel-open")&&this.panelToggle(e)}));const n=o.black,s=["hy-menu-sidepanel--container",this.panelOpen?"sidepanel-open":""].join(" ");switch(this.menuType){case a.sidepanel:return i("div",{class:"hy-menu-sidebar__container",style:{"--minHeight":`${this.minHeight}px`}},this.noChildren&&this.isResearchGroup&&this.isActive&&i("a",{"aria-label":this.frontLabel,class:"hy-menu-sidebar__panel-toggle",href:this.frontUrl},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.frontLabel),this.noChildren&&this.isResearchGroup&&!this.isActive&&i("a",{"aria-label":this.frontLabel,class:"hy-menu-sidebar__panel-toggle",href:this.frontUrl},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.frontLabel),this.noChildren&&!this.isResearchGroup&&i("a",{"aria-label":this.frontLabel,class:"hy-menu-sidebar__panel-toggle",href:this.frontUrl},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.frontLabel),!this.noChildren&&i("button",{"aria-label":this.panelToggleAriaLabel,class:"hy-menu-sidebar__panel-toggle",onClick:e=>this.panelToggle(e)},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.panelToggleLabel),i("div",{class:s,"aria-hidden":this.panelOpen?"false":"true","aria-expanded":this.panelOpen?"true":"false"},i("div",{class:"hy-menu-sidepanel__nav-container"},i("div",{class:"hy-menu-sidepanel__logo-container"},i("div",{class:"hy-menu-sidepanel__logo","aria-hidden":this.panelOpen?"false":"true",tabindex:this.panelOpen?"0":"-1"},i("hy-site-logo",{size:56,color:n,url:this.logoUrl,label:this.logoLabel})),i("button",{"aria-label":this.panelToggleCloseAriaLabel,"aria-hidden":this.panelOpen?"false":"true",tabindex:this.panelOpen?"0":"-1",class:"hy-menu-sidebar__panel-toggle",onClick:e=>this.panelToggle(e)},i("hy-icon",{icon:"hy-icon-remove",fill:"currentColor",size:10}),this.panelToggleCloseLabel)),i("nav",{role:"navigation","aria-hidden":this.panelOpen?"false":"true",tabindex:this.panelOpen?"0":"-1",class:{"hy-menu":!0,"hy-menu-sidepanel":!0,"is-demo":this.isDemo}},i("slot",null)))));case a.sidenav:return i("div",{class:"hy-menu-sidebar--container",style:{"--minHeight":`${this.minHeight}px`}},i("div",{class:"hy-menu-sidebar__logo"},i("hy-site-logo",{size:56,color:n,url:this.logoUrl,label:this.logoLabel})),i("button",{"aria-label":this.panelToggleAriaLabel,class:"hy-menu-sidebar__panel-toggle",onClick:e=>this.panelToggle(e)},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.panelToggleLabel),i("nav",{role:"navigation","aria-hidden":this.menuIsOpen?"false":"true",class:{"hy-menu":!0,"hy-menu-sidebar":!0,"is-demo":this.isDemo}},i("slot",null)))}}get el(){return t(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{display:block}.hy-menu-sidebar--container{background:none;position:relative}.hy-menu-sidebar--container.sidebar-open{background:linear-gradient(to right, #fff 380px, rgba(0, 0, 0, 0.5) 10%);bottom:0;display:block;height:auto;left:16px;overflow:auto;position:absolute;right:0;top:-96px;-webkit-transition:all 0.25s ease-in;transition:all 0.25s ease-in;z-index:15}.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:96px;margin-bottom:40px;margin-top:-8px}.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__logo .hy-site-logo__label{max-width:200px}.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__panel-toggle{display:-webkit-box;display:-ms-flexbox;display:flex}.hy-menu-sidebar--container .hy-menu-sidebar__panel-toggle,.hy-menu-sidebar--container .hy-menu-sidebar__logo{display:none}.hy-menu-sidepanel--container{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:sidepanel-moveout;animation-name:sidepanel-moveout;bottom:0;display:none;left:0;overflow:auto;position:absolute;right:0;top:-96px;-webkit-transform:translateX(-105%);transform:translateX(-105%);visibility:hidden;z-index:124}.hy-menu-sidepanel--container.sidepanel-open{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.35s;animation-duration:0.35s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:sidepanel-movein;animation-name:sidepanel-movein;display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;min-height:100vh;width:100%}.hy-menu-sidepanel--container.sidepanel-open :not(.is-parent):not(.in-active-trail):not(.is-active-item).hy-menu-item-sidebar .hy-menu-item-sidebar--label-container{background:-webkit-gradient(linear, right top, left top, from(#f5f5f5), to(#f8f8f8));background:linear-gradient(270deg, #f5f5f5 0%, #f8f8f8 100%)}.hy-menu-sidepanel--container.sidepanel-open .hy-menu-sidepanel__logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:96px;margin-bottom:46px;margin-top:-26px;margin-left:-4px}.hy-menu-sidepanel--container.sidepanel-open .hy-menu-sidepanel__logo .hy-site-logo__label{max-width:200px}.hy-menu-sidebar{display:none}@media (min-width: 75.0625rem){.hy-menu-sidebar{display:block;max-width:calc(320px - 16px)}.hy-menu-sidebar[aria-hidden=false]{padding-right:12px;min-height:var(--minHeight);width:20vw}.hy-menu-sidebar[aria-hidden=false] .hy-menu-item-sidebar.hy-menu-item-sidebar--sidenav.hy-menu-item--level-1.is-parent{border-bottom:1px solid var(--brand-main-light) !important}}.hy-menu-sidebar__panel-toggle{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main-light);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-weight:600;letter-spacing:-0.5px;margin-bottom:1rem;text-decoration:none}.hy-menu-sidebar__panel-toggle:hover{cursor:pointer;color:var(--brand-main);text-decoration:underline}.hy-menu-sidebar__panel-toggle svg{fill:var(--brand-main-light)}.hy-menu-sidebar__panel-toggle hy-icon:last-child{margin-right:0.75rem}.hy-menu-sidepanel__logo-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:150px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:20px;position:relative;z-index:125}@-webkit-keyframes sidepanel-movein{from{display:none;-webkit-transform:translateX(-105%);transform:translateX(-105%);visibility:hidden}5%{display:-webkit-box;display:flex}50%{background-color:rgba(0, 0, 0, 0)}to{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}@keyframes sidepanel-movein{from{display:none;-webkit-transform:translateX(-105%);transform:translateX(-105%);visibility:hidden}5%{display:-webkit-box;display:-ms-flexbox;display:flex}50%{background-color:rgba(0, 0, 0, 0)}to{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}@-webkit-keyframes sidepanel-moveout{from{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}75%{background-color:rgba(0, 0, 0, 0)}90%{-webkit-transform:translateX(-105%);transform:translateX(-105%)}to{display:none;visibility:hidden}}@keyframes sidepanel-moveout{from{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}75%{background-color:rgba(0, 0, 0, 0)}90%{-webkit-transform:translateX(-105%);transform:translateX(-105%)}to{display:none;visibility:hidden}}";export{r as hy_menu_sidebar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as e,g as t}from"./p-bb24c6b5.js";import{s as n}from"./p-8ab550d6.js";let a={enter:"Enter",space:"Space"};const o=class{constructor(e){i(this,e),this.isExpandedRelatedContent=!1,this.variant=n.default,this.isExternal=!1,this.disableLazy=!1,this.outGoingUrlLabel="Go to programme page",this.headerstyle="common",this.truncateDescription=!1,this.truncateLimit=140,this._imageMinHeight=0,this._imageMinWidth=0}relatedLinksWatcher(i){this._relatedLinks="string"==typeof i?JSON.parse(i):i}additionalInfoWatcher(i){this._additionalInfo="string"==typeof i?JSON.parse(i):i}srcSetWatcher(i){this._sourceSet="string"==typeof i?JSON.parse(i):i}expandRelatedInfoPanel(i){let e=`hy-list-item-wrapper__${this.variant}__related-info__content`,t="hy-list-item-wrapper__degree__related-info__heading__button",n=document.querySelectorAll(`[aria-labelledBy="${i.id}"]`)[0];n&&(this.isExpandedRelatedContent?(n.classList.remove(`${e}__is-open`),i.classList.remove(`${t}__is-open`)):(n.classList.add(`${e}__is-open`),i.classList.add(`${t}__is-open`)),this.isExpandedRelatedContent=!this.isExpandedRelatedContent)}handleKeyDown(i){const e=i.code;let t=i.target;const n=t.tagName.toLowerCase(),o=[n].some((i=>["svg","path","button","a"].indexOf(i)>=0));t&&o&&!t.classList.contains("hy-list-item-wrapper__degree__related-info__link")&&[a.enter,a.space].includes(e)&&("button"!==n&&(t=t.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`)),this.expandRelatedInfoPanel(t),i.preventDefault())}handleClick(i){let e=i.target;const t=e.tagName.toLowerCase(),n=[t].some((i=>["svg","path","button","a"].indexOf(i)>=0));e&&n&&!e.classList.contains("hy-list-item-wrapper__degree__related-info__link")&&("button"!==t&&(e=e.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`)),this.expandRelatedInfoPanel(e),i.preventDefault(),i.stopImmediatePropagation())}componentWillLoad(){this.relatedLinksWatcher(this.relatedLinks),this.additionalInfoWatcher(this.additionalInfo),this.srcSetWatcher(this.sourceSet)}componentDidLoad(){let i=this.el.closest(".hy-main");if(i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large")),this.variant==n.degreeProgramme){const i=document.querySelector(".hy-list-item__degree__image-container__image img");i&&i.addEventListener("load",(function(){const e=i.naturalHeight,t=i.naturalWidth,n=t/e;this._imageMinWidth=t,this._imageMinHeight=e,n>1?this._imageMinWidth=1*e:n<1&&(this._imageMinHeight=t/1)}))}}render(){const i=["hy-list-item-wrapper",`hy-list-item-wrapper__${this.variant}`,`hy-list-item-wrapper__${this.variant}__${this.headerstyle}`].join(" "),t=["hy-list-item",`hy-list-item__${this.variant}`].join(" "),a=[`hy-list-item__${this.variant}__info-container`,`hy-list-item__${this.variant}__info-container__${this.headerstyle}`].join(" "),o=[`hy-list-item__${this.variant}__info-container__header`,`hy-list-item__${this.variant}__info-container__header__${this.headerstyle}`].join(" "),r=[`hy-list-item__${this.variant}__info-container__title`,`hy-list-item__${this.variant}__info-container__title__${this.headerstyle}`].join(" "),_=[`hy-list-item__${this.variant}__info-container__description`,`hy-list-item__${this.variant}__info-container__description__${this.headerstyle}`].join(" "),l=[`hy-list-item__${this.variant}__info-container__link-container`].join(" "),s=[`hy-list-item__${this.variant}__info-container__link__icon`].join(" "),d=[`hy-list-item__${this.variant}__info-container__link`].join(" "),m=this.isExternal?"_blank":"_self";switch(this.variant){case n.position:{const i=[`hy-list-item__${this.variant}__info-container__outgoing-link`,`hy-list-item__${this.variant}__info-container__outgoing-link__${this.headerstyle}`].join(" ");return e("article",null,e("a",{class:t,href:this.url,target:m,"aria-label":this.scLabel},e("div",{class:a},e("div",{class:o},e("div",{class:"icon"},e("hy-icon",{icon:"hy-icon-units-and-faculties",size:18})),this.itemType),e("div",{class:r},this.itemTitle),this.itemDescription&&e("div",{class:_,innerHTML:this.truncateDescription?(h=this.itemDescription,p=this.truncateLimit,h.length>p?h.substr(0,p-1)+"...":h):this.itemDescription})),e("div",{class:i},e("span",{class:"icon"},e("hy-icon",{icon:"hy-icon-done",size:14})),e("span",{class:"label"},this.outGoingUrlLabel))))}case n.degreeProgramme:{const n=[`hy-list-item__${this.variant}__image-container`].join(" "),o=[`hy-list-item__${this.variant}__image-container__image`].join(" "),l=[`hy-list-item__${this.variant}__info-container__additional-info`,`hy-list-item__${this.variant}__info-container__additional-info__${this.headerstyle}`].join(" "),s=[`hy-list-item__${this.variant}__info-container__metadata-wrapper`,this._additionalInfo&&this._additionalInfo.length>0?"":"link-only"].join(" "),d=[`hy-list-item__${this.variant}__info-container__content-wrapper`].join(" "),h=[`hy-list-item__${this.variant}__info-container__outgoing-link`,`hy-list-item__${this.variant}__info-container__outgoing-link__${this.headerstyle}`].join(" "),p=[`hy-list-item__${this.variant}__info-container__outgoing-link__link`].join(" "),c=[`hy-list-item-wrapper__${this.variant}__related-info`,`hy-list-item-wrapper__${this.variant}__related-info__${this.headerstyle}`].join(" "),g=[`hy-list-item-wrapper__${this.variant}__related-info__heading`].join(" "),f=[`hy-list-item-wrapper__${this.variant}__related-info__heading__link`].join(" "),x=[`hy-list-item-wrapper__${this.variant}__related-info__heading__button`].join(" "),b=[`hy-list-item-wrapper__${this.variant}__related-info__heading__icon`].join(" "),y=[`hy-list-item-wrapper__${this.variant}__related-info__content`].join(" "),w=[`hy-list-item-wrapper__${this.variant}__related-info__link`].join(" "),k=this.relatedLinksBlockTitle&&this.relatedLinksBlockTitle.length>0?`${this.itemTitle}-${this.relatedLinksBlockTitle}`.toLowerCase().replace(/\W/g,"-"):"",u="#"+k+"--title",v=this.relatedLinksBlockTitle&&this.relatedLinksBlockTitle.length>0?this._relatedLinks.length:"";return[e("article",{class:i},e("a",{class:t,href:this.url,target:m,"aria-label":this.scLabel},e("div",{class:n},e("div",{class:o},this._sourceSet?e("picture",null,this._sourceSet.map((i=>e("source",{srcSet:i.src,media:i.media,type:i.type,sizes:i.sizes?i.sizes:""}))),e("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.itemImageUrl,alt:this.itemImageAlt,style:{"--minheight":`${this._imageMinHeight}px`,"--minwidth":`${this._imageMinWidth}px`}})):e("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.itemImageUrl,alt:this.itemImageAlt,style:{"--minheight":`${this._imageMinHeight}px`,"--minwidth":`${this._imageMinWidth}px`}})),this.imageLabel&&e("span",null,this.imageLabel)),e("div",{class:a},e("div",{class:d},e("div",{class:r},this.itemTitle),this.itemDescription&&e("div",{class:_,innerHTML:this.itemDescription})),e("div",{class:s},this._additionalInfo&&e("div",{class:l},this._additionalInfo.map((i=>{let t=[`hy-list-item__${this.variant}__info-container__additional-info__item`,`hy-list-item__${this.variant}__info-container__additional-info__item__${this.headerstyle}`,"true"==i.isActive.toString()?"active":""].join(" ");return e("div",{class:t},i.text)}))),e("div",{class:h},e("a",{href:this.url,target:m,"aria-label":this.scLabel,class:p,tabindex:"-1"},e("span",{class:"label"},this.outGoingUrlLabel),e("span",{class:"icon-wrapper"},e("div",{class:"icon"},e("hy-icon",{icon:"hy-icon-arrow-to-right",size:32})))))))),this.relatedLinksBlockTitle&&e("div",{class:c},e("div",{class:g},e("a",{href:u,class:f,tabindex:"-1"},e("button",{"aria-expanded":"false","aria-controls":`${k}--content`,class:x,id:`${k}--title`},e("span",{class:b},e("hy-icon",{icon:"hy-icon-caret-down",size:14})),this.relatedLinksBlockTitle," (",v,")"))),e("div",{class:y,"aria-labelledBy":`${k}--title`,id:`${k}--content`,role:"region","aria-hidden":"true"},this._relatedLinks.map((i=>e("a",{class:w,href:i.url,target:m,"aria-label":i.isExternal?"_blank":"_self"},i.label))))))]}default:return e("article",null,e("a",{class:t,href:this.url,target:m,"aria-label":this.scLabel},e("div",{class:a},e("div",{class:o},this.itemType),e("div",{class:r},this.itemTitle),e("div",{class:l},e("span",{class:s},e("hy-icon",{icon:"hy-icon-link",size:15})),e("div",{class:d},this.url)),this.itemDescription&&e("div",{class:_,innerHTML:this.itemDescription}))))}var h,p}get el(){return t(this)}static get watchers(){return{relatedLinks:["relatedLinksWatcher"],additionalInfo:["additionalInfoWatcher"],sourceSet:["srcSetWatcher"]}}};o.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);text-decoration:none}.hy-list-item__default{margin-bottom:28px}@media (min-width: 60rem){.hy-list-item__default{margin-bottom:32px}}.hy-list-item__default__info-container__header{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:4px}@media (min-width: 30rem){.hy-list-item__default__info-container__header{font-size:0.875rem;line-height:18px;margin-bottom:2px}}.hy-list-item__default__info-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.56px;margin-bottom:6px}@media (min-width: 30rem){.hy-list-item__default__info-container__title{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;margin-bottom:10px}}@media (min-width: 1601px){.hy-list-item__default__info-container__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:8px}}@media (min-width: 75.0625rem){.hy-list-item__default__info-container__title__large{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:8px}}.hy-list-item__default__info-container__link-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:6px}@media (min-width: 30rem){.hy-list-item__default__info-container__link-container{margin-bottom:8px}}.hy-list-item__default__info-container__link{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);letter-spacing:-0.07px;margin-left:4px}@media (min-width: 30rem){.hy-list-item__default__info-container__link{margin-left:5px}}.hy-list-item__default__info-container__link__icon svg{fill:var(--grayscale-dark)}.hy-list-item__default__info-container__description{font-size:0.875rem;line-height:20px;color:var(--grayscale-black);letter-spacing:0}@media (min-width: 30rem){.hy-list-item__default__info-container__description{font-size:1rem;line-height:24px}}.hy-list-item__position{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 30rem){.hy-list-item__position{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-list-item__position__info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-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;margin:0;padding:12px;position:relative}@media (min-width: 60rem){.hy-list-item__position__info-container{padding:12px 16px}}@media (min-width: 1601px){.hy-list-item__position__info-container{padding:20px 24px}}.hy-list-item__position__info-container__header{display:-webkit-box;display:-ms-flexbox;display:flex;-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;color:var(--brand-main);font-family:var(--main-font-family);font-size:14px;font-weight:600;letter-spacing:-0.2px;line-height:14px;margin-bottom:14px}.hy-list-item__position__info-container__header .icon{margin-right:0.75rem}.hy-list-item__position__info-container__header .icon svg{fill:var(--brand-main)}@media (min-width: 75.0625rem){.hy-list-item__position__info-container__large{padding:20px 24px}}.hy-list-item__position__info-container__data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-list-item__position__info-container__title{font-size:1.125rem;line-height:20px;font-weight:700;font-family:var(--main-font-family);color:var(--grayscale-black);margin-bottom:12px;letter-spacing:-0.45px;line-height:22px}@media (min-width: 30rem){.hy-list-item__position__info-container__title{letter-spacing:-0.5px}}.hy-list-item__position__info-container__description{font-size:0.875rem;color:var(--grayscale-dark-text);display:none;font-family:var(--main-font-family);letter-spacing:0.8px;margin-bottom:14px;line-height:20px}@media (min-width: 30rem){.hy-list-item__position__info-container__description{display:block}}.hy-list-item__position__info-container__outgoing-link{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;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:start;-ms-flex-pack:start;justify-content:flex-start;position:relative;padding:0 24px 24px 12px}@media (min-width: 30rem){.hy-list-item__position__info-container__outgoing-link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 24px 24px 0}}.hy-list-item__position__info-container__outgoing-link .label{color:var(--link-blue);font-family:var(--main-font-family);font-size:16px;font-weight:600;letter-spacing:-0.3px;line-height:20px}.hy-list-item__position__info-container__outgoing-link .icon{margin-right:4px;margin-bottom:2px}.hy-list-item__position__info-container__outgoing-link .icon svg{fill:var(--link-blue)}.hy-list-item__degree{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 30rem){.hy-list-item__degree{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-list-item__degree__image-container{display:block;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}@media (min-width: 30rem){.hy-list-item__degree__image-container{-webkit-box-flex:0;-ms-flex:0 0 24%;flex:0 0 24%}}.hy-list-item__degree__image-container__image{vertical-align:bottom;max-width:100%;height:100%}.hy-list-item__degree__image-container__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hy-list-item__degree__image-container span{font-weight:600;font-size:0.75rem;line-height:14px;background-color:var(--additional-yellow);-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);color:var(--grayscale-black);left:-4px;letter-spacing:-0.07px;padding:5px 8px;position:absolute;top:16px;text-transform:uppercase}@media (min-width: 30rem){.hy-list-item__degree__image-container span{left:-8px}}@media (min-width: 60rem){.hy-list-item__degree__image-container span{top:22px}}.hy-list-item__degree__info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-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;margin:0;padding:12px;position:relative}@media (min-width: 60rem){.hy-list-item__degree__info-container{padding:12px 16px}}@media (min-width: 1601px){.hy-list-item__degree__info-container{padding:20px 24px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__large{padding:20px 24px}}.hy-list-item__degree__info-container__data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-list-item__degree__info-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--link-blue);letter-spacing:-0.54px;margin-bottom:8px}@media (min-width: 60rem){.hy-list-item__degree__info-container__title{font-size:1.125rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.hy-list-item__degree__info-container__title{font-size:1.25rem;line-height:26px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__title__large{font-size:1.25rem;line-height:26px;letter-spacing:-0.6px}}.hy-list-item__degree__info-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:16px}@media (min-width: 60rem){.hy-list-item__degree__info-container__description{letter-spacing:-0.2}}@media (min-width: 1601px){.hy-list-item__degree__info-container__description{font-size:1rem;line-height:20px;letter-spacing:-0.25px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__description__large{font-size:1rem;line-height:20px;letter-spacing:-0.25px}}.hy-list-item__degree__info-container__metadata-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px;width:100%}@media (min-width: 30rem){.hy-list-item__degree__info-container__metadata-wrapper{-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;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.hy-list-item__degree__info-container__metadata-wrapper.link-only{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.hy-list-item__degree__info-container__additional-info{width:100%}.hy-list-item__degree__info-container__additional-info__item{font-size:0.75rem;line-height:16px;font-weight:300;-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;letter-spacing:-0.2px}@media (min-width: 1601px){.hy-list-item__degree__info-container__additional-info__item{font-size:0.875rem;line-height:16px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__additional-info__item__large{font-size:0.875rem;line-height:16px}}.hy-list-item__degree__info-container__additional-info__item.active::before{content:" ";-webkit-box-sizing:border-box;box-sizing:border-box;height:14px;width:14px;border:3px solid #ffffff;border-radius:50%;background-color:#f9a21a;left:-7px;position:absolute}@media (min-width: 30rem){.hy-list-item__degree__info-container__additional-info__item.active::before{border:none;height:8px;margin-right:6px;width:8px;left:0;position:relative}}.hy-list-item__degree__info-container__outgoing-link{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:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;width:100%}.hy-list-item__degree__info-container__outgoing-link a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;right:-18px;text-decoration:none}@media (min-width: 60rem){.hy-list-item__degree__info-container__outgoing-link a{right:-22px}}@media (min-width: 1601px){.hy-list-item__degree__info-container__outgoing-link a{right:-30px}}.hy-list-item__degree__info-container__outgoing-link a .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.5px;margin-right:8px;text-align:right}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper{background-color:var(--brand-main-light);z-index:10}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon{position:relative;overflow:hidden}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon svg{background-color:transparent;-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);fill:var(--grayscale-white);padding:6.4px}@media (min-width: 1601px){.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon svg{height:36px;width:36px;padding:7.2px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__outgoing-link__large svg{height:36px;width:36px;padding:7.2px}}.hy-list-item-wrapper{font-family:var(--main-font-family)}.hy-list-item-wrapper__degree{margin-bottom:16px}@media (min-width: 30rem){.hy-list-item-wrapper__degree{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:24px}}@media (min-width: 60rem){.hy-list-item-wrapper__degree{margin-bottom:28px}}@media (min-width: 1601px){.hy-list-item-wrapper__degree{margin-bottom:32px}}@media (min-width: 75.0625rem){.hy-list-item-wrapper__degree__large{margin-bottom:32px}}.hy-list-item-wrapper__degree__related-info{background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);margin-top:4px;padding:0 12px 0 16px}@media (min-width: 30rem){.hy-list-item-wrapper__degree__related-info{padding:0 24px 0 16px}}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info{margin-top:6px;padding:0 24px 0 24px}}@media (min-width: 1601px){.hy-list-item-wrapper__degree__related-info{margin-top:8px}}@media (min-width: 75.0625rem){.hy-list-item-wrapper__degree__related-info__large{margin-top:8px}}.hy-list-item-wrapper__degree__related-info__heading__link{text-decoration:none}.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);border:none;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);letter-spacing:-0.2px;height:100%;padding:8px 0;text-align:left;width:100%}@media (min-width: 30rem){.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.75rem;line-height:20px;padding:14px 0}}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.875rem;line-height:20px;letter-spacing:-0.4px;padding:18px 0}}.hy-list-item-wrapper__degree__related-info__heading__button:hover{cursor:pointer}.hy-list-item-wrapper__degree__related-info__heading__button__is-open svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-list-item-wrapper__degree__related-info__heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__icon{margin-right:12px}}.hy-list-item-wrapper__degree__related-info__heading__icon svg{fill:var(--brand-main);height:14px;width:14px}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__icon svg{height:18px;width:18px}}.hy-list-item-wrapper__degree__related-info__content{display:none}.hy-list-item-wrapper__degree__related-info__content__is-open{border-top:1px solid #d2d2d2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px 8px 5px 8px}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__content__is-open{padding:20px 0 14px 0}}.hy-list-item-wrapper__degree__related-info__link{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.4px;margin-bottom:16px;text-decoration:none}';export{o as hy_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as e,H as t}from"./p-bb24c6b5.js";import{u as s}from"./p-
|
|
1
|
+
import{r as o,h as e,H as t}from"./p-bb24c6b5.js";import{u as s}from"./p-8ab550d6.js";const i=class{constructor(e){o(this,e),this.variant=s.default,this.intermediateStepTitle="",this.stepState="default"}render(){const o=[this.variant,"hy-process-flow-box"].join(" "),s=[this.variant,"hy-process-flow-box__content"].join(" "),i=parseInt(this.boxNumber)%2==0?"even":"odd",r=[this.variant,"hy-process-flow-box__number__container"].join(" "),a=[this.variant,this.stepState,i,"hy-process-flow-box__step__container"].join(" ");return e(t,null,e("div",{class:o},this.intermediateStepTitle&&e("div",{class:a},e("svg",{class:"desktop",width:"210",height:"60"},e("polygon",{points:"0 0, 0 60, 190 60, 210 30, 190 0, 0 0"})),e("svg",{class:"mobile",width:"138",height:"82"},e("polygon",{points:"0 0, 69 15, 138 0, 138 50, 69 82, 0 50"})),e("h2",{class:"hy-process-flow-box__step"},this.intermediateStepTitle)),e("div",{class:r},e("h2",{class:"hy-process-flow-box__number","aria-label":`${this.numberTerm&&this.numberTerm} ${this.boxNumber}`},e("div",{class:"hy-process-flow-box__number-title"},this.boxNumber))),e("div",{class:s},e("h3",{class:"hy-process-flow-box__title",innerHTML:this.boxTitle}),e("div",{class:"hy-process-flow-box__description",innerHTML:this.boxDescription}))),e("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}};i.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-process-flow-box{height:calc(100% - 32px);position:relative}.hy-process-flow-box__step__container{bottom:unset;display:grid;height:82px;place-items:center;position:absolute;top:-35px;width:138px;z-index:1}@media (min-width: 30rem){.hy-process-flow-box__step__container{bottom:-62px;display:grid;height:60px;top:unset;width:210px}}.hy-process-flow-box__step__container svg polygon{fill:var(--grayscale-background-arrow)}.hy-process-flow-box__step__container svg.mobile{display:block}@media (min-width: 30rem){.hy-process-flow-box__step__container svg.mobile{display:none}}.hy-process-flow-box__step__container svg.desktop{display:none}@media (min-width: 30rem){.hy-process-flow-box__step__container svg.desktop{display:block}}.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:-90px}}@media (min-width: 60rem){.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:0}}.hy-process-flow-box .first.odd.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box .first.odd.hy-process-flow-box__step__container{left:0}}.hy-process-flow-box :not(.first).even.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box :not(.first).even.hy-process-flow-box__step__container{left:-90px}}.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:0}}@media (min-width: 60rem){.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:-90px}}.hy-process-flow-box__step{background-color:transparent;color:var(--grayscale-black);font-family:var(--main-font-family);font-size:16px;font-weight:600;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;letter-spacing:0;line-height:22px;padding:19px 17px;position:absolute;text-align:center;word-break:break-word;z-index:11}@media (min-width: 30rem){.hy-process-flow-box__step{left:0;max-width:175px;padding:8px 23px 8px 14px}}.hy-process-flow-box__number__container{display:grid;height:64px;place-items:center;position:relative;width:64px;z-index:2}.hy-process-flow-box__number{background-color:var(--brand-main-light);color:var(--grayscale-white);display:grid;font-family:var(--main-font-family);font-size:36px;font-weight:600;height:48px;letter-spacing:0;line-height:49px;margin:0;padding:0;place-items:center;position:relative;width:48px}.hy-process-flow-box__number::after{content:"";height:48px;left:-6px;position:absolute;width:48px}.hy-process-flow-box__content.small{padding:16px 32px;padding-bottom:64px}@media (min-width: 60rem){.hy-process-flow-box__content.small{padding:20px;padding-bottom:64px}}.hy-process-flow-box__content.big{padding:24px 32px;padding-bottom:64px}.hy-process-flow-box__content{background-color:var(--grayscale-background-box);height:100%;margin-left:32px;margin-top:-32px;position:relative}.hy-process-flow-box__title{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-size:26px;font-weight:600;letter-spacing:-0.82px;line-height:32px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:16px;margin-top:0;word-break:break-word}.hy-process-flow-box__description{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:16px;letter-spacing:0;line-height:24px}.small.hy-process-flow-box .small.hy-process-flow-box__number__container{height:56px;width:56px}.small.hy-process-flow-box .small.hy-process-flow-box__number__container .hy-process-flow-box__number{font-size:28px;height:40px;line-height:40px;width:40px}';export{i as hy_process_flow_box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as i,g as e}from"./p-bb24c6b5.js";import{r}from"./p-
|
|
1
|
+
import{r as a,h as i,g as e}from"./p-bb24c6b5.js";import{r}from"./p-8ab550d6.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i}from"./p-bb24c6b5.js";import{K as a}from"./p-
|
|
1
|
+
import{r as e,h as i}from"./p-bb24c6b5.js";import{K as a}from"./p-8ab550d6.js";const r=class{constructor(i){e(this,i),this.variant=a.default}render(){const e=[this.variant,"hy-key-figure"].join(" ");return i("div",{class:e},i("div",{class:"hy-key-figure__title"},this.heading),i("div",{class:"hy-key-figure__description"},this.description))}};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{display:block}.hy-key-figure{display:block;margin-bottom:32px;text-align:center;width:100%}@media (min-width: 30rem){.hy-key-figure{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}}@media (min-width: 60rem){.hy-key-figure{text-align:left}}.hy-key-figure__title{font-size:2.5rem;line-height:60px;font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--brand-main-light);display:inline;font-family:var(--main-font-family);letter-spacing:-2px;position:relative;z-index:1}@media (min-width: 30rem){.hy-key-figure__title{font-size:2.5rem;line-height:30px}}@media (min-width: 75.0625rem){.hy-key-figure__title{font-size:5rem;line-height:70px}}.hy-key-figure__description{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:0.875rem;line-height:20px;letter-spacing:0;line-height:20px;margin-top:8px}@media (min-width: 75.0625rem){.hy-key-figure__description{font-size:1.25rem;line-height:20px}}";export{r as hy_key_figure}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var n,a,t,i,o,e,s,u,r,c,l,f,d,g,b,h,p,k,m,_,w,v,x,y,j,q,A,B,C,F,G,H,K;!function(n){n.enabled="enabled",n.disabled="disabled"}(n||(n={})),function(n){n.default="base",n.base="base",n.campus="base",n.group="group"}(a||(a={})),function(n){n.default="default",n.mini="mini"}(t||(t={})),function(n){n.default="default",n.landingLarge="large"}(i||(i={})),function(n){n.default="h1",n.h2="h2",n.h3="h3",n.h4="h4",n.h5="h5",n.h6="h6"}(o||(o={})),function(n){n.default="default",n.hero="hero",n.subSection="subsection",n.introduction="introduction",n.landingPageHeader="landingsection",n.contentPageHeader="contentsection",n.frontPage="frontpage",n.landingMajor="landing_major",n.landingMinor="landing_minor",n.course="courses",n.groupFooterInfo="group_footer_info",n.defaultFooterInfo="footer_info"}(e||(e={})),function(n){n.default="default",n.paragraph="within-paragraph"}(s||(s={})),function(n){n.default="default",n.linkList="link-list"}(u||(u={})),function(n){n.default="default",n.onBlueBkgd="blue-background",n.onWhiteBkgd="white-background",n.onBlackBkgd="black-background",n.onTransparentBkgd="transparent-background",n.heroWhite="hero-white",n.heroBlue="hero-blue",n.heroBlack="hero-black",n.darkBlue="dark-blue-background"}(r||(r={})),function(n){n.default="big",n.small="small"}(c||(c={})),function(n){n.default="big",n.small="small"}(l||(l={})),function(n){n.default="content",n.landingPage="landing"}(f||(f={})),function(n){n.default="row",n.row="row",n.grid="grid"}(d||(d={})),function(n){n.default="current",n.pastCourses="past-courses"}(g||(g={})),function(n){n.default="results",n.searchPanel="search-panel",n.extended="extended"}(b||(b={})),function(n){n.default="grid",n.grid="grid",n.list="list"}(h||(h={})),function(n){n.default="default",n.degreeProgramme="degree",n.position="position"}(p||(p={})),function(n){n.default="default",n.current="current",n.previous="previous",n.next="next",n.ellipsis="ellipsis"}(k||(k={})),function(n){n.columnsSm1="1",n.columnsSm2="2",n.columnsSm3="3",n.columnsSm4="4",n.columnsSm5="5",n.columnsSm6="6",n.columnsSm7="7",n.columnsSm8="8",n.columnsSm9="9",n.columnsSm10="10",n.columnsSm11="11",n.columnsSm12="12",n.default="12"}(m||(m={})),function(n){n.columns1="1",n.columns2="2",n.columns3="3",n.columns4="4",n.columns5="5",n.columns6="6",n.columns7="7",n.columns8="8",n.columns9="9",n.columns10="10",n.columns11="11",n.columns12="12",n.default="12"}(_||(_={})),function(n){n.columnsLg1="1",n.columnsLg2="2",n.columnsLg3="3",n.columnsLg4="4",n.columnsLg5="5",n.columnsLg6="6",n.columnsLg7="7",n.columnsLg8="8",n.columnsLg9="9",n.columnsLg10="10",n.columnsLg11="11",n.columnsLg12="12",n.default="12"}(w||(w={})),function(n){n.default="left",n.right="right",n.center="center"}(v||(v={})),function(n){n.desktop="desktop",n.sidenav="sidenav",n.sidepanel="sidepanel",n.mobile="mobile",n.tablet="tablet",n.default="desktop"}(x||(x={})),function(n){n[n.small=32]="small",n[n.big=64]="big",n[n.large=80]="large"}(y||(y={})),function(n){n.header="header",n.footer="footer"}(j||(j={})),function(n){n.black="var(--brand-main-nearly-black)",n.white="var(--grayscale-white)",n.grey_dark="var(--grayscale-dark)"}(q||(q={})),function(n){n.blue="blue",n.black="black",n.white="white",n.fp_white="fp_white"}(A||(A={})),function(n){n.large="large",n.small="small"}(B||(B={})),function(n){n.landing="landing",n.minor_landing="minor_landing",n.front_page="front_page"}(C||(C={})),function(n){n.default="no_group",n.research="research_group"}(F||(F={})),function(n){n.black="black",n.white="white"}(G||(G={})),function(n){n.default="default",n.button="button"}(H||(H={})),function(n){n.list="list",n.grid="grid"}(K||(K={}));export{t as A,i as B,q as C,j as F,K as G,o as H,l as K,h as L,x as M,k as P,y as S,G as a,r as b,a as c,e as d,H as e,g as f,d as g,_ as h,m as i,w as j,v as k,C as l,F as m,A as n,B as o,s as p,f as q,u as r,p as s,b as t,c as u}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as h,g as r}from"./p-bb24c6b5.js";import{j as t}from"./p-fd1edbd5.js";import{l as o,m as a,n,o as d,b as s}from"./p-e20f6203.js";let m=null;const c=class{constructor(i){e(this,i),this.heroType=o.landing,this.heroGroupType=a.default,this.colorVariant=n.blue,this.sizeVariant=d.large,this.disableLazy=!1,this.hasShortcuts=!1,this.isExternal=!1}async componentWillLoad(){this._sourceSet=await t(this.sourceSet)}handleHeroImageObjectFitValue(e,i){const h=i.getElementsByClassName("hy-hero__content-container")[0];"small"===e&&(h.offsetHeight>=300?i.classList.add("has-cover"):i.classList.remove("has-cover")),"large"===e&&(h.offsetHeight>=344?i.classList.add("has-cover"):i.classList.remove("has-cover"))}render(){let e=s.heroWhite,r=this.colorVariant,t=this.heroType;"minor_landing"===this.heroType&&(r=n.white,t=o.landing),r===n.blue&&(e=s.heroBlue),r===n.black&&(e=s.heroBlack),r&&"fp_white"!==r||(r=n.white);const a=["hy-hero",`hy-hero--${t}`,`hy-hero--${this.heroGroupType}`,`hy-hero--${r}`,`hy-hero--${this.sizeVariant}`],d=["hy-hero__title","hy-heading__hero"].join(" ");this.hasShortcuts&&a.push("has-shortcuts");const c={"--aspectRatio":"62.5%"};return window.onload=()=>{const e=document.getElementsByClassName("hy-hero")[0];this.handleHeroImageObjectFitValue(this.sizeVariant,e),window.addEventListener("resize",(()=>{clearTimeout(m),m=setTimeout((()=>this.handleHeroImageObjectFitValue(this.sizeVariant,e)),250)}))},i(h,null,i("div",{class:a.join(" ")},"front_page"===t?i("div",{class:"hy-hero__container"},i("div",{class:"hy-hero__image-container",style:c},this.image&&(this._sourceSet?i("picture",null,this._sourceSet.map((e=>i("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image})):i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image}))),i("div",{class:"hy-hero__spacer-box"}),i("div",{class:"hy-hero__content-container"},i("div",{class:"hy-hero__content"},i("div",{class:"hy-hero__title-container"},i("h1",{innerHTML:this.heading,class:d})),this.description&&i("p",{class:"hy-hero__description"},this.description),this.url&&i("div",{class:"hy-hero__actions"},i("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e}))))):i("div",{class:"hy-hero__container"},i("div",{class:"hy-hero__image-container",style:c},this.image&&(this._sourceSet?i("picture",null,this._sourceSet.map((e=>i("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image})):i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image}))),i("div",{class:"hy-hero__content-container"},i("div",{class:"hy-hero__content"},i("div",{class:"hy-hero__title-container"},i("h1",{innerHTML:this.heading,class:d})),this.description&&i("p",{class:"hy-hero__description"},this.description),this.url&&i("div",{class:"hy-hero__actions"},i("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),i("hy-box",{mb:"2, 2, 1, 1"}))}get el(){return r(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-hero{position:relative;padding-bottom:0}@media (min-width: 60rem){.hy-hero{margin-top:32px}}@media (min-width: 60rem){.hy-hero:not(.has-shortcuts){margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero{max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 75.0625rem){.with-sidebar .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 60rem){.hy-hero--white{padding-top:40px}}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts){padding-bottom:48px}}.hy-hero--white:not(.has-shortcuts):after{width:100%;background-color:var(--grayscale-medium-dark);height:1px;content:"";margin:0 auto;display:block}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts):after{position:absolute;left:0;right:0;bottom:0}}.hy-hero--white:not(.hy-hero--front_page):after{max-width:1216px}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:grid;position:relative}}@media (min-width: 60rem){.hy-hero--small .hy-hero__container{grid-template-columns:60% 1fr}}@media (min-width: 60rem){.hy-hero--large .hy-hero__container{grid-template-columns:repeat(2, 1fr)}}.hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}@media (min-width: 30rem){.hy-hero__content-container{padding:40px 2rem}}@media (min-width: 75.0625rem){.hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 24px}}@media (min-width: 1601px){.hy-hero__content-container{max-width:1216px}}.hy-hero--black .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 75.0625rem){.hy-hero--white .hy-hero__content-container{padding:40px 24px 40px 0}}.hy-hero__content{position:relative}h1.hy-hero__title{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-hero--blue h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--black h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--white h1.hy-hero__title{color:var(--grayscale-black) !important}h1.hy-hero__title.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-hero__title.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-hero__title.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-hero__description{font-size:1rem;line-height:24px;font-family:var(--main-font-family);margin:16px 0 0 0;padding:0;position:relative}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}.hy-hero--black .hy-hero__description{color:var(--grayscale-white)}.hy-hero--blue .hy-hero__description{color:var(--grayscale-white)}.hy-hero--white .hy-hero__description{color:var(--grayscale-black)}.hy-hero__actions{margin-top:24px}.hy-hero__image-container{margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero__image-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__image-container{padding:0}}.hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:contain;object-fit:contain;width:100%}.has-cover .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--white{margin-top:0}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page{margin-left:-32px;margin-right:-32px;max-width:none}}.hy-hero.hy-hero--front_page .hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}.hy-hero--black .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:373px}}@media (min-width: 1160px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:443px}}@media (min-width: 1280px){.hy-hero.hy-hero--front_page .hy-hero__content-container{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:478px}}@media (min-width: 1460px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:513px}}@media (min-width: 1560px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:548px}}@media (min-width: 1601px){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:0}}@media (min-width: 1660px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:583px}}@media (min-width: 1760px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:619px}}@media (min-width: 1860px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:654px}}@media (min-width: 1920px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:675px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__image-container{width:40%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__content{max-width:60%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__image-container{width:50%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__content{max-width:50%}}.hy-hero.hy-hero--front_page .hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero.hy-hero--front_page .hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0;position:absolute;right:0;top:0}}.hy-hero.hy-hero--front_page .hy-hero__content{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content{padding-right:24px}}.hy-hero.hy-hero--front_page .hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;inset:0}}@media (min-width: 60rem){.hy-hero--small .hy-hero__spacer-box{width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__spacer-box{width:50%}}.hy-hero--black .hy-hero__spacer-box{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__spacer-box{background-color:var(--brand-main)}.hy-hero--white .hy-hero__spacer-box{background-color:var(--grayscale-white)}';export{c as hy_hero}
|
|
1
|
+
import{r as e,h as i,H as h,g as r}from"./p-bb24c6b5.js";import{j as t}from"./p-fd1edbd5.js";import{l as o,m as a,n,o as d,b as s}from"./p-8ab550d6.js";let m=null;const c=class{constructor(i){e(this,i),this.heroType=o.landing,this.heroGroupType=a.default,this.colorVariant=n.blue,this.sizeVariant=d.large,this.disableLazy=!1,this.hasShortcuts=!1,this.isExternal=!1}async componentWillLoad(){this._sourceSet=await t(this.sourceSet)}handleHeroImageObjectFitValue(e,i){const h=i.getElementsByClassName("hy-hero__content-container")[0];"small"===e&&(h.offsetHeight>=300?i.classList.add("has-cover"):i.classList.remove("has-cover")),"large"===e&&(h.offsetHeight>=344?i.classList.add("has-cover"):i.classList.remove("has-cover"))}render(){let e=s.heroWhite,r=this.colorVariant,t=this.heroType;"minor_landing"===this.heroType&&(r=n.white,t=o.landing),r===n.blue&&(e=s.heroBlue),r===n.black&&(e=s.heroBlack),r&&"fp_white"!==r||(r=n.white);const a=["hy-hero",`hy-hero--${t}`,`hy-hero--${this.heroGroupType}`,`hy-hero--${r}`,`hy-hero--${this.sizeVariant}`],d=["hy-hero__title","hy-heading__hero"].join(" ");this.hasShortcuts&&a.push("has-shortcuts");const c={"--aspectRatio":"62.5%"};return window.onload=()=>{const e=document.getElementsByClassName("hy-hero")[0];this.handleHeroImageObjectFitValue(this.sizeVariant,e),window.addEventListener("resize",(()=>{clearTimeout(m),m=setTimeout((()=>this.handleHeroImageObjectFitValue(this.sizeVariant,e)),250)}))},i(h,null,i("div",{class:a.join(" ")},"front_page"===t?i("div",{class:"hy-hero__container"},i("div",{class:"hy-hero__image-container",style:c},this.image&&(this._sourceSet?i("picture",null,this._sourceSet.map((e=>i("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image})):i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image}))),i("div",{class:"hy-hero__spacer-box"}),i("div",{class:"hy-hero__content-container"},i("div",{class:"hy-hero__content"},i("div",{class:"hy-hero__title-container"},i("h2",{innerHTML:this.heading,class:d})),this.description&&i("p",{class:"hy-hero__description"},this.description),this.url&&i("div",{class:"hy-hero__actions"},i("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e}))))):i("div",{class:"hy-hero__container"},i("div",{class:"hy-hero__image-container",style:c},this.image&&(this._sourceSet?i("picture",null,this._sourceSet.map((e=>i("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image})):i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image}))),i("div",{class:"hy-hero__content-container"},i("div",{class:"hy-hero__content"},i("div",{class:"hy-hero__title-container"},i("h2",{innerHTML:this.heading,class:d})),this.description&&i("p",{class:"hy-hero__description"},this.description),this.url&&i("div",{class:"hy-hero__actions"},i("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),i("hy-box",{mb:"2, 2, 1, 1"}))}get el(){return r(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-hero{position:relative;padding-bottom:0}@media (min-width: 60rem){.hy-hero{margin-top:32px}}@media (min-width: 60rem){.hy-hero:not(.has-shortcuts){margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero{max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 75.0625rem){.with-sidebar .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 60rem){.hy-hero--white{padding-top:40px}}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts){padding-bottom:48px}}.hy-hero--white:not(.has-shortcuts):after{width:100%;background-color:var(--grayscale-medium-dark);height:1px;content:"";margin:0 auto;display:block}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts):after{position:absolute;left:0;right:0;bottom:0}}.hy-hero--white:not(.hy-hero--front_page):after{max-width:1216px}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:grid;position:relative}}@media (min-width: 60rem){.hy-hero--small .hy-hero__container{grid-template-columns:60% 1fr}}@media (min-width: 60rem){.hy-hero--large .hy-hero__container{grid-template-columns:repeat(2, 1fr)}}.hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}@media (min-width: 30rem){.hy-hero__content-container{padding:40px 2rem}}@media (min-width: 75.0625rem){.hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 24px}}@media (min-width: 1601px){.hy-hero__content-container{max-width:1216px}}.hy-hero--black .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 75.0625rem){.hy-hero--white .hy-hero__content-container{padding:40px 24px 40px 0}}.hy-hero__content{position:relative}h2.hy-hero__title{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-hero--blue h2.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--black h2.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--white h2.hy-hero__title{color:var(--grayscale-black) !important}h2.hy-hero__title.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h2.hy-hero__title.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h2.hy-hero__title.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-hero__description{font-size:1rem;line-height:24px;font-family:var(--main-font-family);margin:16px 0 0 0;padding:0;position:relative}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}.hy-hero--black .hy-hero__description{color:var(--grayscale-white)}.hy-hero--blue .hy-hero__description{color:var(--grayscale-white)}.hy-hero--white .hy-hero__description{color:var(--grayscale-black)}.hy-hero__actions{margin-top:24px}.hy-hero__image-container{margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero__image-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__image-container{padding:0}}.hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:contain;object-fit:contain;width:100%}.has-cover .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--white{margin-top:0}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page{margin-left:-32px;margin-right:-32px;max-width:none}}.hy-hero.hy-hero--front_page .hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}.hy-hero--black .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:373px}}@media (min-width: 1160px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:443px}}@media (min-width: 1280px){.hy-hero.hy-hero--front_page .hy-hero__content-container{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:478px}}@media (min-width: 1460px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:513px}}@media (min-width: 1560px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:548px}}@media (min-width: 1601px){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:0}}@media (min-width: 1660px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:583px}}@media (min-width: 1760px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:619px}}@media (min-width: 1860px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:654px}}@media (min-width: 1920px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:675px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__image-container{width:40%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__content{max-width:60%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__image-container{width:50%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__content{max-width:50%}}.hy-hero.hy-hero--front_page .hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero.hy-hero--front_page .hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0;position:absolute;right:0;top:0}}.hy-hero.hy-hero--front_page .hy-hero__content{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content{padding-right:24px}}.hy-hero.hy-hero--front_page .hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;inset:0}}@media (min-width: 60rem){.hy-hero--small .hy-hero__spacer-box{width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__spacer-box{width:50%}}.hy-hero--black .hy-hero__spacer-box{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__spacer-box{background-color:var(--brand-main)}.hy-hero--white .hy-hero__spacer-box{background-color:var(--grayscale-white)}';export{c as hy_hero}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as e}from"./p-bb24c6b5.js";import{K as t}from"./p-
|
|
1
|
+
import{r as i,h as e}from"./p-bb24c6b5.js";import{K as t}from"./p-8ab550d6.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
|
|
1
|
+
import{r as a,h as e,g as r}from"./p-bb24c6b5.js";import{H as i}from"./p-8ab550d6.js";import{j as t}from"./p-fd1edbd5.js";const o=class{constructor(e){a(this,e),this.headerstyle="common"}async componentWillLoad(){this._dataItems=await t(this.dataItems)}componentDidLoad(){let a=this.el.closest(".hy-main");a&&(a.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const a=["hy-large-process-flow",`hy-large-process-flow__${this.headerstyle}`].join(" ");return[e("div",{class:a},this._dataItems.map(((a,r)=>{let t=JSON.stringify(a.boxes);return[e("hy-heading",{class:0!==r?"hy-large-process-flow__multi-phase-title":"hy-large-process-flow__first-phase",heading:i.h3},a.phaseTitle),e("hy-large-process-flow-phase",{"data-items":t})]})))]}get el(){return r(this)}};o.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-large-process-flow{max-width:100%;padding-top:8px;width:100%}@media (min-width: 30rem){.hy-large-process-flow{max-width:calc(100% / 8 * 7 + var(--gutter-narrow));padding-top:0}}@media (min-width: 60rem){.hy-large-process-flow{max-width:calc(100% / 12 * 8 + var(--gutter-wide))}}@media (min-width: 75.0625rem){.hy-large-process-flow{max-width:calc(100% / 12 * 8 + var(--gutter-extrawide))}}.hy-large-process-flow h3.hy-heading{font-size:20px}@media (min-width: 30rem){.hy-large-process-flow h3.hy-heading{font-size:32px}}.hy-large-process-flow__first-phase h3.hy-heading{margin-bottom:8px;padding:24px 0 !important}@media (min-width: 30rem){.hy-large-process-flow__first-phase h3.hy-heading{margin-bottom:24px;margin-top:16px}}.hy-large-process-flow__multi-phase-title{position:relative}.hy-large-process-flow__multi-phase-title:after{background-color:var(--grayscale-background-arrow);bottom:0;content:" ";display:inline-block;height:100%;left:26.5px;position:absolute;width:8px;z-index:-1}@media (min-width: 30rem){.hy-large-process-flow__multi-phase-title:after{left:calc(100% / 8 + var(--gutter-narrow) + 26.5px)}}@media (min-width: 60rem){.hy-large-process-flow__multi-phase-title:after{left:calc(100% / 12 + var(--gutter-wide) + 26.5px)}}@media (min-width: 75.0625rem){.hy-large-process-flow__multi-phase-title:after{left:calc(100% / 12 + var(--gutter-extrawide) + 26.5px)}}.hy-large-process-flow__multi-phase-title h3.hy-heading{background-color:var(--grayscale-white);margin:1.5rem 0 1.5rem;padding:8px 0 !important}@media (min-width: 30rem){.hy-large-process-flow__multi-phase-title h3.hy-heading{margin:48px 0;padding:16px 0 !important}}';export{o as hy_large_process_flow}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as
|
|
1
|
+
import{r as i,h as a}from"./p-bb24c6b5.js";import{L as e}from"./p-8ab550d6.js";const r=class{constructor(a){i(this,a)}render(){return a("div",{class:"hy-filter__list-type"},a("span",null,this.filterLabel),a("button",{type:"button",class:{"hy-filter-item":!0,"hy-filter__list-type__list":!0,"is-active":this.filterValue==e.list},"aria-label":`${this.filterLabel}--list`},a("hy-icon",{class:"hy-filter-group__button-icon",icon:"hy-icon-list-style-list",size:16,"aria-hidden":"true"})),a("button",{type:"button",class:{"hy-filter-item":!0,"hy-filter__list-type__grid":!0,"is-active":this.filterValue==e.grid},"aria-label":`${this.filterLabel}--grid`},a("hy-icon",{class:"hy-filter-group__button-icon",icon:"hy-icon-list-style-grid",size:16,"aria-hidden":"true"})))}};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{display:block}.hy-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";export{r as hy_filter_list_type}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as n,H as e,g as a}from"./p-bb24c6b5.js";import{b as t}from"./p-
|
|
1
|
+
import{r as i,h as n,H as e,g as a}from"./p-bb24c6b5.js";import{b as t}from"./p-8ab550d6.js";const r=class{constructor(n){i(this,n),this.textDescription=null,this.headerstyle="common",this.isExternal=!1}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-banner",`hy-banner__${this.headerstyle}`,this.headerstyle].join(" "),a=["hy-banner__info-container"].join(" "),r=["hy-banner__info-container__title",`hy-banner__info-container__title__${this.headerstyle}`,this.headerstyle].join(" "),o=["hy-banner__info-container__description",`hy-banner__info-container__description__${this.headerstyle}`,this.headerstyle].join(" "),m=t.onBlueBkgd;return n(e,null,n("hy-box",{pt:"1.25, 1.25, 1.5, 2.5"}),n("div",{class:i},n("hy-main-content-wrapper",null,n("div",{class:a},n("div",{class:r},this.textTitle),n("div",{class:o},this.textDescription),this.url&&n("div",{class:"hy-banner__info-container__link"},n("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:m}))))),n("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(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{display:block}.hy-banner{background-color:var(--brand-main-light);padding:28px 0 24px 0}@media (min-width: 30rem){.hy-banner{padding:40px 0 32px 0}}@media (min-width: 60rem){.hy-banner{padding:48px 0 40px 0;margin-left:8px;margin-right:8px}}@media (min-width: 75.0625rem){.hy-banner{margin-left:0;margin-right:0}}@media (min-width: 1601px){.hy-banner{padding:64px 32px 48px 32px;margin-left:-20px;margin-right:-20px}}@media (min-width: 1664px){.hy-banner{margin-left:0;margin-right:0}}@media (min-width: 75.0625rem){.hy-banner__large{padding:64px 0 48px 0;margin-left:-20px;margin-right:-20px}}@media (min-width: 1344px){.hy-banner__large{margin-left:0;margin-right:0}}@media (min-width: 60rem){.hy-banner__info-container{margin-left:-8px;margin-right:-8px}}@media (min-width: 1601px){.hy-banner__info-container{margin-left:0;margin-right:0}}.hy-banner__info-container__title{font-size:1.5rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.8px;margin-bottom:16px;text-transform:uppercase}@media (min-width: 30rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 1601px){.hy-banner__info-container__title{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title__large{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__title__large{font-size:2.5rem;line-height:40px;letter-spacing:-1.33px;margin-bottom:32px}}.hy-banner__info-container__description{color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:500;font-size:14px;letter-spacing:-0.7px;line-height:20px;margin-bottom:24px}@media (min-width: 30rem){.hy-banner__info-container__description{font-size:1rem;line-height:24px;letter-spacing:-0.08px;margin-bottom:28px;max-width:92%}}@media (min-width: 60rem){.hy-banner__info-container__description{margin-bottom:32px}}@media (min-width: 1601px){.hy-banner__info-container__description{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__description__large{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__description__large{margin-bottom:44px}}";export{r as hy_banner}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as i,H as t,g as a}from"./p-bb24c6b5.js";const r=class{constructor(i){e(this,i),this.imageAlt="",this.headerstyle="common"}componentDidLoad(){let e=this.el.closest(".hy-main");e&&(e.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const e=["hy-prominent-image",this.headerstyle,`hy-prominent-image__${this.headerstyle}`].join(" "),a=["hy-prominent-image__text",`hy-prominent-image__text__${this.headerstyle}`].join(" ");return i(t,null,i("div",{class:e},i("div",{class:"hy-prominent-image__image"},i("hy-image",{"source-set":this.sourceSet,"image-url":this.imageUrl,"image-alt":this.imageAlt,aspectRatioWidth:2,aspectRatioHeight:1})),this.textTitle&&i("div",{class:a},this.textTitle)))}get el(){return a(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{display:block}.hy-prominent-image{position:relative}.hy-prominent-image__text{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-prominent-image__text{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-prominent-image__text{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-prominent-image__text{font-size:1.625rem;line-height:32px;bottom:28px;left:-16px;letter-spacing:-0.8px;padding:20px 24px;position:absolute}}@media (min-width: 75.0625rem){.hy-prominent-image__text__large{font-size:1.625rem;line-height:32px;bottom:28px;left:-16px;letter-spacing:-0.8px;padding:20px 24px;position:absolute}}";export{r as hy_prominent_image}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as e,H as
|
|
1
|
+
import{r as i,h as e,H as a,g as r}from"./p-bb24c6b5.js";import{K as t}from"./p-8ab550d6.js";import{j as h}from"./p-fd1edbd5.js";const o=class{constructor(e){i(this,e),this.variant=t.default,this.headerstyle="common"}async componentWillLoad(){this._dataItems=await h(this.dataItems)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=[this.variant,"hy-key-highlight-group",`hy-key-highlight-group__${this.headerstyle}`].join(" "),r=this._dataItems.length%4==0?"box-4":"box";return e(a,null,e("div",{class:i},this._dataItems.map((i=>e("hy-key-highlight",{class:r,variant:this.variant,heading:i.heading,description:i.description})))))}get el(){return r(this)}};o.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-key-highlight-group-container{overflow:hidden}.hy-key-highlight-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 30rem){.hy-key-highlight-group{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 calc(-1 * var(--gutter-medium))}}@media (min-width: 60rem){.hy-key-highlight-group{margin:0 calc(-1 * var(--gutter-wide))}}.hy-key-highlight-group .box,.hy-key-highlight-group .box-4{padding:0 50px 0 20px}@media (min-width: 30rem){.hy-key-highlight-group .box,.hy-key-highlight-group .box-4{padding:0 var(--gutter-medium)}}@media (min-width: 60rem){.hy-key-highlight-group .box,.hy-key-highlight-group .box-4{padding:0 var(--gutter-wide)}}.hy-key-highlight-group .box{width:100%}@media (min-width: 30rem){.hy-key-highlight-group .box{width:33.33%;max-width:33.33%}}.hy-key-highlight-group .box-4{width:100%}@media (min-width: 30rem){.hy-key-highlight-group .box-4{width:50%;max-width:50%}}@media (min-width: 60rem){.hy-key-highlight-group .box-4{width:25%}}";export{o as hy_key_highlight_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as
|
|
1
|
+
import{r as a,h as r,H as e}from"./p-bb24c6b5.js";import{p as i}from"./p-8ab550d6.js";const t=class{constructor(r){a(this,r),this.variant=i.default,this.linkContent="",this.isExternal=!1}render(){const a=this.isExternal?"_blank":"_self";return r(e,null,r("a",{"aria-label":this.scLabel,class:["hy-link",this.variant].join(" "),href:this.url,target:a},this.linkContent))}};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-link{color:var(--brand-main);font-family:var(--main-font-family);font-weight:600;font-size:14px;letter-spacing:-0.47px;margin:theme("spacing.8");line-height:16px;text-decoration:none}.hy-link.within-paragraph{color:var(--brand-main);font-family:var(--main-font-family);font-weight:400;font-size:14px;line-height:20px;text-decoration:underline}';export{t as hy_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as i,H as e,g as r}from"./p-bb24c6b5.js";import{q as t}from"./p-
|
|
1
|
+
import{r as a,h as i,H as e,g as r}from"./p-bb24c6b5.js";import{q as t}from"./p-8ab550d6.js";import{j as l}from"./p-fd1edbd5.js";const n=class{constructor(i){a(this,i),this.headerstyle="common",this.variant=t.default}async componentWillLoad(){this._dataItems=await l(this.dataItems)}componentDidLoad(){let a=this.el.closest(".hy-main");a&&(a.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const a=["hy-link-box-list",this.variant,`hy-link-box-list__${this.variant}`,`hy-link-box-list__${this.headerstyle}`].join(" "),r=[this.variant,`hy-link-box__${this.variant}`].join(" ");return i(e,null,i("ul",{class:a},this._dataItems.map((a=>i("li",null,i("hy-link-box",{class:r,variant:this.variant,"source-set":a.imageSets,"image-url":a.imageUrl,"image-alt":a.imageAlt,"text-title":a.heading,"text-description":a.description,"show-logo":a.showLogo,url:a.boxUrl,"is-external":a.isExternal,"sc-label":a.ariaLabel,"read-more-label":this.readMoreLabel}))))),i("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return r(this)}};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-link-box-list{padding:0;margin:0;list-style:none;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-link-box-list{grid-template-columns:repeat(2, 1fr);gap:32px 24px}}@media screen and (min-width: 1024px){.hy-link-box-list{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1920px){.hy-link-box-list{gap:32px}}";export{n as hy_link_box_list}
|