@itcenteratunihelsinki/huds-lib 0.5.38 → 0.5.41
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 +21 -7
- 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 +2 -2
- 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 +1 -1
- package/dist/cjs/hy-link-list.cjs.entry.js +1 -1
- package/dist/cjs/hy-link.cjs.entry.js +1 -1
- package/dist/cjs/hy-list-item.cjs.entry.js +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 +1 -1
- package/dist/cjs/hy-menu-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/hy-menu.cjs.entry.js +1 -1
- package/dist/cjs/hy-opening-hours.cjs.entry.js +1 -1
- package/dist/cjs/hy-pager-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-person-card.cjs.entry.js +1 -1
- package/dist/cjs/hy-process-flow-box.cjs.entry.js +1 -1
- package/dist/cjs/hy-process.cjs.entry.js +1 -1
- package/dist/cjs/hy-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 +4 -4
- 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 +1 -1
- package/dist/collection/components/footer/hy-footer-info/hy-footer-info.js +3 -1
- package/dist/collection/components/footer/hy-footer-link-item/hy-footer-link-item.css +2 -2
- package/dist/collection/components/footer/hy-footer-link-item/hy-footer-link-item.js +33 -3
- package/dist/collection/components/hy-hero/hy-hero.css +7 -7
- 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-prominent-image/hy-prominent-image.js +20 -1
- package/dist/collection/components/icon/icon.js +1 -0
- package/dist/collection/components/site-header/site-header.js +3 -2
- package/dist/collection/components/site-header/site-logo/site-logo.js +0 -1
- 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 +21 -7
- 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 +2 -2
- 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 +1 -1
- package/dist/esm/hy-link-list.entry.js +1 -1
- package/dist/esm/hy-link.entry.js +1 -1
- package/dist/esm/hy-list-item.entry.js +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 +1 -1
- package/dist/esm/hy-menu-sidebar.entry.js +1 -1
- package/dist/esm/hy-menu.entry.js +1 -1
- package/dist/esm/hy-opening-hours.entry.js +1 -1
- package/dist/esm/hy-pager-item.entry.js +1 -1
- package/dist/esm/hy-person-card.entry.js +1 -1
- package/dist/esm/hy-process-flow-box.entry.js +1 -1
- package/dist/esm/hy-process.entry.js +1 -1
- package/dist/esm/hy-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 +4 -4
- 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-33f275c0.entry.js → p-00a1f0c4.entry.js} +1 -1
- package/dist/huds-lib/{p-43301ec9.entry.js → p-03ada2ef.entry.js} +1 -1
- 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-c51acec7.entry.js → p-3f050660.entry.js} +1 -1
- 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-db25d5b5.entry.js → p-51dd0bf2.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-84b7ca24.entry.js → p-8210747a.entry.js} +1 -1
- package/dist/huds-lib/p-8ab550d6.js +1 -0
- 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-c87b7917.entry.js +1 -0
- package/dist/huds-lib/p-cc3a6a5b.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-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-link-item/hy-footer-link-item.d.ts +1 -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-prominent-image/hy-prominent-image.d.ts +1 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/types/utils/utils.d.ts +2 -1
- package/package.json +1 -1
- package/dist/huds-lib/p-4d6f4bd3.entry.js +0 -1
- package/dist/huds-lib/p-70d43477.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-f309375a.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r,H as i,g as a}from"./p-bb24c6b5.js";import{H as n}from"./p-
|
|
1
|
+
import{r as t,h as r,H as i,g as a}from"./p-bb24c6b5.js";import{H as n}from"./p-8ab550d6.js";const e=class{constructor(r){t(this,r),this.listHeading="",this.headerstyle="default"}arrayDataWatcher(t){this._dataItems="string"==typeof t?JSON.parse(t):t}componentWillLoad(){this.arrayDataWatcher(this.dataItems)}componentDidLoad(){let t=this.el.closest(".hy-main");t&&(t.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const t=["hy-shortcuts",`hy-shortcuts__${this.headerstyle}`].join(" "),a=["text"].join(" "),e=["link-icon"].join(" ");let o=["shortcut-link-wrapper",this._dataItems.length%4==0?"box-4":"box-3"].join(" ");return r(i,null,r("div",{class:t},this.listHeading.length>0&&r("hy-heading",{class:"list-title",heading:n.h2},this.listHeading),r("div",{class:"shortcut-link-container"},this._dataItems.map(((t,i)=>{let n="";n=this._dataItems.length%4==0?0==i||1==i?"first":"":0==i?"first":"";let s=o.concat(" ",n);return r("div",{class:s},r("a",{"aria-label":t.ariaLabel,class:"shortcut-link",href:t.url,target:t.isExternal?"_blank":"_self"},r("span",{class:a},t.heading),r("span",{class:e},r("hy-icon",{icon:"hy-icon-arrow-right",size:28}))))})))),r("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}static get watchers(){return{dataItems:["arrayDataWatcher"]}}};e.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-shortcuts{overflow:hidden}.hy-shortcuts .shortcut-link-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--gutter-mobile)* -1)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-narrow)* -1)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-wide)* -1)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:62px;padding:0 var(--gutter-mobile)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:70px;padding:0 var(--gutter-narrow)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:82px;padding:0 var(--gutter-wide)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:100%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:33.33%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:50%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:25%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:2.5px solid var(--brand-main-nearly-black)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:3px solid var(--brand-main-nearly-black)}}.hy-shortcuts .shortcut-link-container a.shortcut-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border-bottom:2.5px solid var(--brand-main-nearly-black);color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:14px;font-weight:600;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;letter-spacing:-0.44px;line-height:18px;min-height:70px;position:relative;text-decoration:none;word-break:break-word}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{border-bottom:3px solid var(--brand-main-nearly-black);border-top:3px solid var(--brand-main-nearly-black);font-size:16px;letter-spacing:-0.5px;line-height:18px;min-height:70px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{font-size:16px;letter-spacing:-0.5px;line-height:22px;min-height:82px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 8px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 12px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 4px 0 22px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:20px;fill:var(--brand-main-light);width:20px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:24px;width:24px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:28px;width:28px}}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover{color:var(--brand-main)}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover svg{fill:var(--brand-main)}";export{e as hy_shortcuts}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as a}from"./p-bb24c6b5.js";import{e as c}from"./p-
|
|
1
|
+
import{r as e,h as i,H as a}from"./p-bb24c6b5.js";import{e as c}from"./p-8ab550d6.js";const o=class{constructor(i){e(this,i),this.checkboxChecked=!1,this.variant=c.default}render(){switch(this.variant){case"button":return i(a,{class:"hy-checkbox--button"},i("input",{type:"checkbox",class:"hy-checkbox--button__checkbox",checked:this.checkboxChecked,id:`${this.checkboxId}`,value:`${this.checkboxValue}`}),i("label",{class:"hy-checkbox--button__label",htmlFor:`${this.checkboxId}`},this.checkboxLabel,i("span",{class:"hy-checkbox--button__checkmark"},i("hy-icon",{class:"hy-checkbox--button__label-icon",icon:"hy-icon-done",size:14,"aria-hidden":"true"}))));default:return i(a,{class:"hy-checkbox"},i("input",{type:"checkbox",class:"hy-checkbox__checkbox",checked:this.checkboxChecked,id:`${this.checkboxId}`,value:`${this.checkboxValue}`}),i("label",{class:"hy-checkbox__label",htmlFor:`${this.checkboxId}`},i("span",{class:"hy-checkbox__checkmark"},i("hy-icon",{class:"hy-checkbox__label-icon",icon:"hy-icon-done",size:23,"aria-hidden":"true"})),this.checkboxLabel))}}};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}.hy-checkbox{display:inline-block;position:relative;margin-right:1rem}.hy-checkbox__checkmark{border-color:var(--link-blue);border-style:solid inset solid solid;border-width:2px;height:20px;margin-right:6px;min-width:20px;min-height:20px;position:relative;width:20px}.hy-checkbox__checkmark svg{bottom:0;left:0;position:absolute;visibility:hidden}.hy-checkbox__checkmark::before{background-color:var(--grayscale-white);content:"";height:10px;position:absolute;right:0;-webkit-transform:rotate(40deg) translate(6%, -55%);transform:rotate(40deg) translate(6%, -55%);visibility:hidden;width:8px}.hy-checkbox__label{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.4px;text-align:left}@media (min-width: 30rem){.hy-checkbox__label{font-size:1rem;line-height:20px}}.hy-checkbox__checkbox{height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:10}.hy-checkbox__checkbox:checked+label{color:var(--grayscale-black)}.hy-checkbox__checkbox:checked+label .hy-checkbox__checkmark svg,.hy-checkbox__checkbox:checked+label .hy-checkbox__checkmark::before{visibility:visible}.hy-checkbox__checkbox:hover{cursor:pointer}.hy-checkbox__checkbox:hover+label{color:var(--brand-main)}.hy-checkbox__checkbox:focus+label{outline-offset:1px;outline:2px solid var(--link-blue)}.hy-checkbox--button{display:inline-block;margin-right:4px;position:relative}.hy-checkbox--button__label{font-size:0.75rem;line-height:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0.5px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.3px;padding:12px 15px 12px 13px;z-index:1}@media (min-width: 60rem){.hy-checkbox--button__label{font-size:0.875rem;line-height:18px;letter-spacing:-0.4px;padding:9px 8px 9px 8px}}.hy-checkbox--button__checkmark{position:absolute;right:12px;top:0;bottom:0}@media (min-width: 60rem){.hy-checkbox--button__checkmark{right:10px;bottom:calc(50% + 10px)}}.hy-checkbox--button__checkmark svg{bottom:0;left:0;position:absolute;visibility:hidden}.hy-checkbox--button__label-icon{height:13px;position:absolute;width:12px}@media (min-width: 60rem){.hy-checkbox--button__label-icon{padding:10px;right:-6px;top:calc(50% + 5px)}}.hy-checkbox--button__label-icon svg{background:var(--grayscale-white);height:12px;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:12px}.hy-checkbox--button__checkbox{height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:10}.hy-checkbox--button__checkbox:checked+label{border:1px solid var(--grayscale-black);color:var(--grayscale-black);padding:12px 15px 12px 13px}@media (min-width: 60rem){.hy-checkbox--button__checkbox:checked+label{border:2px solid var(--grayscale-black);padding:8px 26px 8px 7px}}.hy-checkbox--button__checkbox:checked+label .hy-checkbox--button__checkmark .hy-checkbox--button__label-icon{background:var(--grayscale-white)}.hy-checkbox--button__checkbox:checked+label .hy-checkbox--button__checkmark svg{visibility:visible}.hy-checkbox--button__checkbox:hover{cursor:pointer}.hy-checkbox--button__checkbox:focus+label{outline-offset:1px;outline:1px solid var(--link-blue)}';export{o as hy_checkbox}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as n,g as t}from"./p-bb24c6b5.js";import{H as h,d as a}from"./p-e20f6203.js";const r=class{constructor(i){e(this,i),this.heading=h.default,this.isSearch=!1,this.section=a.default,this.negative=!1,this.headerstyle="common",this.hasChildren=!0}componentDidLoad(){let e=this.el.closest(".hy-main");e&&(e.classList.contains("with-sidebar")||(this.headerstyle="large")),this.el.parentElement.classList.contains("hy-hero__title-container")&&(this.hasChildren=!1)}render(){const e=this.heading in h,t=["hy-heading",this.negative?"negative":"",this.isSearch?"hy-heading__search":"",this.isSearch?`hy-heading__search__${this.headerstyle}`:"",`hy-heading__${this.section}`,`hy-heading__${this.headerstyle}`,`hy-heading__${this.section}__${this.headerstyle}`],a=[`hy-heading__${this.section}--divider`].join(" "),r=["hy-heading__container",`hy-heading__container__${this.section}`,`hy-heading__container__${this.headerstyle}`].join(" ");return i(n,null,e?[i("div",{class:r},this.hyphenatedText&&!this.hasChildren?i(this.heading,{class:t.join(" "),innerHTML:this.hyphenatedText}):i(this.heading,{class:t.join(" ")},i("slot",null)),i("span",{class:a}))]:i("div",{class:r},i(h.default,{class:t.join(" ")},this.hyphenatedText&&!this.hasChildren?i("span",{innerHTML:this.hyphenatedText}):i("span",null,i("slot",null))),i("span",{class:a})))}get el(){return t(this)}};r.style={default:':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-heading__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%}@media (min-width: 30rem){.hy-heading__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-heading__container__subsection{padding:2.5rem 0 1.375rem}@media (min-width: 30rem){.hy-heading__container__subsection{padding:4rem 0 2.375rem}}.hy-heading__container h1.hy-heading__default{margin-bottom:12px}@media (min-width: 1601px){.hy-heading__container h1.hy-heading__default{margin-bottom:16px}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__default__large{margin-bottom:16px}}.hy-heading__container h1.hy-heading__search{margin-bottom:0;padding:16px 0 0}@media (min-width: 30rem){.hy-heading__container h1.hy-heading__search{padding:28px 0 0}}@media (min-width: 60rem){.hy-heading__container h1.hy-heading__search{padding:32px 0 0}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__search__large{padding:40px 0 0}}.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:1.5rem 0 1rem}@media (min-width: 30rem){.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:2rem 0 1rem}}.hy-heading__container.hy-heading__introduction{padding-top:0}.hy-heading__container .hy-heading__courses{padding-top:0}.hy-heading{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-heading__subsection--divider,.hy-heading__contentsection--divider{-ms-flex-negative:2;flex-shrink:2;overflow:hidden;width:100%}.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{background-color:transparent;border-bottom:6px solid var(--grayscale-dark);content:" ";display:-webkit-box;display:-ms-flexbox;display:flex;height:2px;width:100%;margin-left:0;margin-bottom:0.5rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{margin-left:2rem;border-bottom:1px solid var(--grayscale-dark);margin-bottom:1rem}}h2.hy-heading__introduction,h2.hy-heading__landingsection{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}h1.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-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 12px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 1rem}}.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:40px}}.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__common h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 1rem}}@media (min-width: 1601px){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 20px}}.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:40px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__landing_minor{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__frontpage,.hy-heading__container__large h1.hy-heading__landing_major{font-size:3.5rem;line-height:64px;letter-spacing:-1.4px}}.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__large h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-heading__landingsection{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}@media (min-width: 30rem){h3.hy-heading__landingsection{font-size:2rem;line-height:32px;letter-spacing:-1px}}@media (min-width: 75.0625rem){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}@media (min-width: 1601px){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}h1,h2,h3,h4,h5,h6{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-weight:700;padding:0;margin:0;width:100%}h1.negative,h2.negative,h3.negative,h4.negative,h5.negative,h6.negative{color:var(--grayscale-white)}h1{font-size:2rem;line-height:38px;letter-spacing:-0.8px;text-transform:uppercase}@media (min-width: 30rem){h1{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}h2{font-size:1.625rem;line-height:32px;font-weight:700;letter-spacing:-0.52px}@media (min-width: 30rem){h2{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.hy-heading__container__common h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px}@media (min-width: 30rem){h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}}h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}@media (min-width: 30rem){h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px}}h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px}@media (min-width: 30rem){h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}}h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px}@media (min-width: 30rem){h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}',wide:':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-heading__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%}@media (min-width: 30rem){.hy-heading__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-heading__container__subsection{padding:2.5rem 0 1.375rem}@media (min-width: 30rem){.hy-heading__container__subsection{padding:4rem 0 2.375rem}}.hy-heading__container h1.hy-heading__default{margin-bottom:12px}@media (min-width: 1601px){.hy-heading__container h1.hy-heading__default{margin-bottom:16px}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__default__large{margin-bottom:16px}}.hy-heading__container h1.hy-heading__search{margin-bottom:0;padding:16px 0 0}@media (min-width: 30rem){.hy-heading__container h1.hy-heading__search{padding:28px 0 0}}@media (min-width: 60rem){.hy-heading__container h1.hy-heading__search{padding:32px 0 0}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__search__large{padding:40px 0 0}}.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:1.5rem 0 1rem}@media (min-width: 30rem){.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:2rem 0 1rem}}.hy-heading__container.hy-heading__introduction{padding-top:0}.hy-heading__container .hy-heading__courses{padding-top:0}.hy-heading{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-heading__subsection--divider,.hy-heading__contentsection--divider{-ms-flex-negative:2;flex-shrink:2;overflow:hidden;width:100%}.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{background-color:transparent;border-bottom:6px solid var(--grayscale-dark);content:" ";display:-webkit-box;display:-ms-flexbox;display:flex;height:2px;width:100%;margin-left:0;margin-bottom:0.5rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{margin-left:2rem;border-bottom:1px solid var(--grayscale-dark);margin-bottom:1rem}}h2.hy-heading__introduction,h2.hy-heading__landingsection{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}h1.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-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 12px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 1rem}}.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:40px}}.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__common h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 1rem}}@media (min-width: 1601px){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 20px}}.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:40px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__landing_minor{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__frontpage,.hy-heading__container__large h1.hy-heading__landing_major{font-size:3.5rem;line-height:64px;letter-spacing:-1.4px}}.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__large h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-heading__landingsection{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}@media (min-width: 30rem){h3.hy-heading__landingsection{font-size:2rem;line-height:32px;letter-spacing:-1px}}@media (min-width: 75.0625rem){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}@media (min-width: 1601px){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}h1,h2,h3,h4,h5,h6{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-weight:700;padding:0;margin:0;width:100%}h1.negative,h2.negative,h3.negative,h4.negative,h5.negative,h6.negative{color:var(--grayscale-white)}h1{font-size:2rem;line-height:38px;letter-spacing:-0.8px;text-transform:uppercase}@media (min-width: 30rem){h1{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}h2{font-size:1.625rem;line-height:32px;font-weight:700;letter-spacing:-0.52px}@media (min-width: 30rem){h2{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.hy-heading__container__common h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px}@media (min-width: 30rem){h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}}h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}@media (min-width: 30rem){h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px}}h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px}@media (min-width: 30rem){h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}}h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px}@media (min-width: 30rem){h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}h1{font-size:80px;font-weight:bold;text-transform:uppercase;line-height:1.2}'};export{r as hy_heading}
|
|
1
|
+
import{r as e,h as i,H as n,g as t}from"./p-bb24c6b5.js";import{H as h,d as a}from"./p-8ab550d6.js";const r=class{constructor(i){e(this,i),this.heading=h.default,this.isSearch=!1,this.section=a.default,this.negative=!1,this.headerstyle="common",this.hasChildren=!0}componentDidLoad(){let e=this.el.closest(".hy-main");e&&(e.classList.contains("with-sidebar")||(this.headerstyle="large")),this.el.parentElement.classList.contains("hy-hero__title-container")&&(this.hasChildren=!1)}render(){const e=this.heading in h,t=["hy-heading",this.negative?"negative":"",this.isSearch?"hy-heading__search":"",this.isSearch?`hy-heading__search__${this.headerstyle}`:"",`hy-heading__${this.section}`,`hy-heading__${this.headerstyle}`,`hy-heading__${this.section}__${this.headerstyle}`],a=[`hy-heading__${this.section}--divider`].join(" "),r=["hy-heading__container",`hy-heading__container__${this.section}`,`hy-heading__container__${this.headerstyle}`].join(" ");return i(n,null,e?[i("div",{class:r},this.hyphenatedText&&!this.hasChildren?i(this.heading,{class:t.join(" "),innerHTML:this.hyphenatedText}):i(this.heading,{class:t.join(" ")},i("slot",null)),i("span",{class:a}))]:i("div",{class:r},i(h.default,{class:t.join(" ")},this.hyphenatedText&&!this.hasChildren?i("span",{innerHTML:this.hyphenatedText}):i("span",null,i("slot",null))),i("span",{class:a})))}get el(){return t(this)}};r.style={default:':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-heading__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%}@media (min-width: 30rem){.hy-heading__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-heading__container__subsection{padding:2.5rem 0 1.375rem}@media (min-width: 30rem){.hy-heading__container__subsection{padding:4rem 0 2.375rem}}.hy-heading__container h1.hy-heading__default{margin-bottom:12px}@media (min-width: 1601px){.hy-heading__container h1.hy-heading__default{margin-bottom:16px}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__default__large{margin-bottom:16px}}.hy-heading__container h1.hy-heading__search{margin-bottom:0;padding:16px 0 0}@media (min-width: 30rem){.hy-heading__container h1.hy-heading__search{padding:28px 0 0}}@media (min-width: 60rem){.hy-heading__container h1.hy-heading__search{padding:32px 0 0}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__search__large{padding:40px 0 0}}.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:1.5rem 0 1rem}@media (min-width: 30rem){.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:2rem 0 1rem}}.hy-heading__container.hy-heading__introduction{padding-top:0}.hy-heading__container .hy-heading__courses{padding-top:0}.hy-heading{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-heading__subsection--divider,.hy-heading__contentsection--divider{-ms-flex-negative:2;flex-shrink:2;overflow:hidden;width:100%}.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{background-color:transparent;border-bottom:6px solid var(--grayscale-dark);content:" ";display:-webkit-box;display:-ms-flexbox;display:flex;height:2px;width:100%;margin-left:0;margin-bottom:0.5rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{margin-left:2rem;border-bottom:1px solid var(--grayscale-dark);margin-bottom:1rem}}h2.hy-heading__introduction,h2.hy-heading__landingsection{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}h1.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-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 12px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 1rem}}.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:40px}}.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__common h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 1rem}}@media (min-width: 1601px){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 20px}}.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:40px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__landing_minor{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__frontpage,.hy-heading__container__large h1.hy-heading__landing_major{font-size:3.5rem;line-height:64px;letter-spacing:-1.4px}}.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__large h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-heading__landingsection{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}@media (min-width: 30rem){h3.hy-heading__landingsection{font-size:2rem;line-height:32px;letter-spacing:-1px}}@media (min-width: 75.0625rem){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}@media (min-width: 1601px){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}h1,h2,h3,h4,h5,h6{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-weight:700;padding:0;margin:0;width:100%}h1.negative,h2.negative,h3.negative,h4.negative,h5.negative,h6.negative{color:var(--grayscale-white)}h1{font-size:2rem;line-height:38px;letter-spacing:-0.8px;text-transform:uppercase}@media (min-width: 30rem){h1{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}h2{font-size:1.625rem;line-height:32px;font-weight:700;letter-spacing:-0.52px}@media (min-width: 30rem){h2{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.hy-heading__container__common h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px}@media (min-width: 30rem){h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}}h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}@media (min-width: 30rem){h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px}}h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px}@media (min-width: 30rem){h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}}h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px}@media (min-width: 30rem){h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}',wide:':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-heading__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%}@media (min-width: 30rem){.hy-heading__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-heading__container__subsection{padding:2.5rem 0 1.375rem}@media (min-width: 30rem){.hy-heading__container__subsection{padding:4rem 0 2.375rem}}.hy-heading__container h1.hy-heading__default{margin-bottom:12px}@media (min-width: 1601px){.hy-heading__container h1.hy-heading__default{margin-bottom:16px}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__default__large{margin-bottom:16px}}.hy-heading__container h1.hy-heading__search{margin-bottom:0;padding:16px 0 0}@media (min-width: 30rem){.hy-heading__container h1.hy-heading__search{padding:28px 0 0}}@media (min-width: 60rem){.hy-heading__container h1.hy-heading__search{padding:32px 0 0}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__search__large{padding:40px 0 0}}.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:1.5rem 0 1rem}@media (min-width: 30rem){.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:2rem 0 1rem}}.hy-heading__container.hy-heading__introduction{padding-top:0}.hy-heading__container .hy-heading__courses{padding-top:0}.hy-heading{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-heading__subsection--divider,.hy-heading__contentsection--divider{-ms-flex-negative:2;flex-shrink:2;overflow:hidden;width:100%}.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{background-color:transparent;border-bottom:6px solid var(--grayscale-dark);content:" ";display:-webkit-box;display:-ms-flexbox;display:flex;height:2px;width:100%;margin-left:0;margin-bottom:0.5rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{margin-left:2rem;border-bottom:1px solid var(--grayscale-dark);margin-bottom:1rem}}h2.hy-heading__introduction,h2.hy-heading__landingsection{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}h1.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-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 12px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 1rem}}.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:40px}}.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__common h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 1rem}}@media (min-width: 1601px){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 20px}}.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:40px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__landing_minor{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__frontpage,.hy-heading__container__large h1.hy-heading__landing_major{font-size:3.5rem;line-height:64px;letter-spacing:-1.4px}}.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__large h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-heading__landingsection{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}@media (min-width: 30rem){h3.hy-heading__landingsection{font-size:2rem;line-height:32px;letter-spacing:-1px}}@media (min-width: 75.0625rem){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}@media (min-width: 1601px){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}h1,h2,h3,h4,h5,h6{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-weight:700;padding:0;margin:0;width:100%}h1.negative,h2.negative,h3.negative,h4.negative,h5.negative,h6.negative{color:var(--grayscale-white)}h1{font-size:2rem;line-height:38px;letter-spacing:-0.8px;text-transform:uppercase}@media (min-width: 30rem){h1{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}h2{font-size:1.625rem;line-height:32px;font-weight:700;letter-spacing:-0.52px}@media (min-width: 30rem){h2{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.hy-heading__container__common h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px}@media (min-width: 30rem){h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}}h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}@media (min-width: 30rem){h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px}}h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px}@media (min-width: 30rem){h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}}h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px}@media (min-width: 30rem){h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}h1{font-size:80px;font-weight:bold;text-transform:uppercase;line-height:1.2}'};export{r as hy_heading}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as e}from"./p-bb24c6b5.js";import{g as a,f as n}from"./p-
|
|
1
|
+
import{r as t,h as i,g as e}from"./p-bb24c6b5.js";import{g as a,f as n}from"./p-8ab550d6.js";import{j as r}from"./p-fd1edbd5.js";const o=class{constructor(i){t(this,i),this.variant=a.default,this.stateVariant=n.default,this.cancelledLabel="Cancelled",this._dateValue=""}async componentWillLoad(){this._courseTags=await r(this.courseTags);let t=this.courseStartDate?this.courseStartDate.split(/\-|\s/):"",i=this.courseEndDate?this.courseEndDate.split(/\-|\s/):"";!t&&i?this._dateValue=` - ${i[2]}.${i[1]}.${i[0]}`:t&&!i?this._dateValue=`${t[2]}.${t[1]}. - `:t&&i&&(this._dateValue=`${t[2]}.${t[1]}. - ${i[2]}.${i[1]}.${i[0]}`)}handleKeyDown(t){"Enter"==t.code&&window.open(this.el.dataset.location,"_blank","noopener")}render(){const t=[this.variant,"hy-content-list-item"].join(" "),e=["hy-content-list-item--item-name",`hy-content-list-item--item-name--${this.stateVariant}`].join(" "),a=["cancelled",`cancelled--${this.stateVariant}`].join(" ");return[i("div",{class:t,tabindex:"0"},i("div",{class:e},this.courseName),i("div",{class:"hy-content-list-item--metadata"},this.isCancelled&&i("div",{class:a},i("span",null,this.cancelledLabel)),i("div",{class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--first"},i("span",null,this._dateValue)),this.courseOrganisation?[i("div",{class:"hy-content-list-item--metadata--item"},i("span",null,this.courseStudyFormat)),i("div",{class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last"},i("span",null,this.courseOrganisation))]:[i("div",{class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last"},i("span",null,this.courseStudyFormat))]),this._courseTags&&this._courseTags.length>0&&i("div",{class:"hy-content-list-item--tags"},this._courseTags.map((t=>i("hy-tag",null,t.name)))),this.isCancelled&&i("div",{class:"cancelled mobile"},i("span",null,this.cancelledLabel)),i("div",{class:"hy-content-list-item--link"},i("a",{href:this.courseEnrollmentLink,target:"_blank","aria-label":"Link points outside the current website.",class:"hy-content-list-item--link--link",tabindex:"-1"},i("span",{class:"label"},this.courseLinkLabel),i("span",{class:"icon-wrapper"},i("div",{class:"icon"},i("hy-icon",{icon:"hy-icon-arrow-to-right",size:40}))))))]}get el(){return e(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{background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px;position:relative}@media (min-width: 30rem){:host{margin-bottom:24px}}:host([variant=row]),:host(.row){max-width:100%;padding:21px 0 60px 12px;width:100%}@media (min-width: 30rem){:host([variant=row]),:host(.row){padding:21px 0 12px 24px}}@media (min-width: 60rem){:host([variant=row]),:host(.row){margin-bottom:16px}}:host(.grid){max-width:100%;padding:21px 0 60px 12px;width:100%}@media (min-width: 30rem){:host(.grid){margin-right:var(--gutter-medium);max-width:calc(((100% - var(--gutter-medium) * 11) / 12) * 6 + var(--gutter-medium) * 5);padding:21px 0 60px 12px;width:calc(((100% - var(--gutter-medium) * 11) / 12) * 6 + var(--gutter-medium) * 5)}}@media (min-width: 60rem){:host(.grid){margin-bottom:27px;margin-right:var(--gutter-wide);max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3)}}@media (min-width: 75.0625rem){:host(.grid){margin-bottom:32px;margin-right:var(--gutter-extrawide);max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3)}}@media (min-width: 30rem){:host(.grid:nth-of-type(2n+0)){margin-right:0}}@media (min-width: 60rem){:host(.grid:nth-of-type(2n+0)){margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){:host(.grid:nth-of-type(2n+0)){margin-right:var(--gutter-extrawide)}}@media (min-width: 60rem){:host(.grid:nth-of-type(3n+0)){margin-right:0}}.hy-content-list-item{font-family:var(--main-font-family);position:relative;width:100%}.hy-content-list-item a{text-decoration:none}.hy-content-list-item--container{cursor:pointer}.hy-content-list-item--item-name{color:var(--link-blue);font-size:1.25rem;line-height:24px;font-weight:700;letter-spacing:-0.6px;margin-bottom:16px;word-break:break-word}.hy-content-list-item--item-name--past-courses{color:var(--grayscale-dark)}.hy-content-list-item--metadata{font-size:0.875rem;line-height:16px;font-weight:600;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;letter-spacing:-0.44px;line-height:16px;margin-bottom:19px;padding-bottom:0}.hy-content-list-item--metadata--item{padding-bottom:6px}@media (min-width: 30rem){.hy-content-list-item--metadata{padding-bottom:1rem}}@media (min-width: 75.0625rem){.hy-content-list-item--metadata{padding-bottom:0}}.hy-content-list-item--metadata--item:after{content:"|";padding:0 8px}.hy-content-list-item--metadata--item--last:after{content:" "}.hy-content-list-item .cancelled span{font-size:0.75rem;line-height:12px;font-weight:700;background-color:var(--additional-red-light);color:var(--grayscale-white);letter-spacing:-0.5px;padding:6px 8px;text-transform:uppercase}.hy-content-list-item .cancelled--past-courses span{background-color:var(--grayscale-dark)}.hy-content-list-item .cancelled:not(.mobile){display:none}.hy-content-list-item .cancelled.mobile{bottom:-50px;display:block;margin:0;padding-bottom:12px;position:absolute}@media (min-width: 30rem){.hy-content-list-item .cancelled{margin-right:8px}.hy-content-list-item .cancelled.mobile{display:none}.hy-content-list-item .cancelled:not(.mobile){display:block}}.hy-content-list-item--link{position:absolute;right:-6px}.hy-content-list-item--link a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-decoration:none}.hy-content-list-item--link a .label{font-size:1rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.5px;line-height:16px;margin-right:8px;text-align:right}.hy-content-list-item--link a .icon-wrapper{background-color:var(--brand-main-light);z-index:10}.hy-content-list-item--link a .icon-wrapper .icon{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;overflow:hidden}.hy-content-list-item--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:10.29px}.hy-content-list-item.row .hy-content-list-item--link{bottom:-60px;padding-bottom:12px}@media (min-width: 30rem){.hy-content-list-item.row .hy-content-list-item--link{bottom:0;padding-bottom:0}}.hy-content-list-item.row .hy-content-list-item--tags{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: 60rem){.hy-content-list-item.row .hy-content-list-item--tags{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-right:200px}}.hy-content-list-item.grid .hy-content-list-item--link{bottom:-60px;padding-bottom:12px}.hy-content-list-item.grid .hy-content-list-item--tags{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}';export{o as hy_content_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as n,g as t}from"./p-bb24c6b5.js";import{M as a}from"./p-e20f6203.js";const l=class{constructor(i){e(this,i),this.menuType=a.mobile,this.activeTrailTriggered=!1,this.depth=0,this.menuIsOpen=!1}assignMenuItemClass(e,i){e&&Array.from(e.children).forEach((e=>{"remove"===i?e.classList.remove("is-hidden"):e.classList.add("is-hidden")}))}menuContainerActiveTrail(e){this.el.getAttribute("trigger-item")===e.detail.triggerItem&&(this.activeTrailTriggered=!0,this.menuIsOpen=!0,this.assignMenuItemClass(this.el.parentElement.closest("hy-menu-level-container"),"add"))}menuContainerToggled(e){this.triggerItem==e.detail.triggerItem&&(this.activeTrailTriggered=!1,this.menuIsOpen="remove"!=e.detail.triggerType,this.assignMenuItemClass(this.el.parentElement.closest("hy-menu-level-container"),e.detail.triggerType),this.el.parentElement.closest("hy-menu").shadowRoot.querySelector(".hy-menu").scrollTop=0)}componentWillUpdate(){this.menuType&&Array.from(this.el.children).forEach((e=>{e.setAttribute("menu-type",this.menuType),e.setAttribute("menu-button-submenu-expand",this.menuButtonSubmenuExpand)}))}componentWillLoad(){if(this.menuType===a.mobile)if(this.menuLevel>1){const e=this.el.closest("hy-menu-item");this.triggerItem=e.getAttribute("menu-link-id"),this.headingItem=Object.assign(Object.assign({},this.headingItem),{url:e.getAttribute("url")}),this.headingItem=Object.assign(Object.assign({},this.headingItem),{label:e.getAttribute("label")}),this.headingItem=Object.assign(Object.assign({},this.headingItem),{isActive:window.location.pathname===this.headingItem.url})}else this.triggerItem="home";if(this.menuType===a.sidenav){const e=this.el.closest("hy-menu-item-sidebar");e&&e.classList.contains("is-active")&&(this.menuIsOpen=!0,Array.from(this.el.children).forEach((e=>{e.setAttribute("is-active-child","true"),e.setAttribute("menu-level",this.menuLevel.toString())})))}}render(){let e=["hy-menu-level-container","hy-menu-level-container--level-"+this.depth];switch(this.menuType){case a.desktop:return e=[...e,"hy-menu-level-container--desktop"],i(n,{class:e.join(" ")},i("slot",null));case a.mobile:return e=[...e,"hy-menu-level-container--mobile"],1===this.depth?(e=[...e,"is-open"],i(n,{"aria-expanded":this.menuIsOpen.toString(),class:e.join(" "),tabindex:"-1"},i("slot",null))):(e=[...e,this.menuIsOpen?"is-open":null],i(n,{"aria-expanded":this.menuIsOpen.toString(),class:e.join(" "),tabindex:"-1"},i("hy-menu-item",{label:this.headingItem.label,url:this.headingItem.url,isHeading:!0,isActive:this.headingItem.isActive,"menu-type":"mobile",depth:this.menuLevel}),i("slot",null),i("slot",{name:"shortcuts"})));case a.sidenav:if(0===this.depth){const n=null!=this.depth&&0===this.depth?"is-open":"";return e=[...e,"hy-menu-level-container--sidenav",n],i("ul",{"data-menu-level":this.menuLevel,"data-depth":this.menuLevel,class:e.join(" ")},i("slot",null))}{const n=this.menuIsOpen?"is-open_is-open__sub-level":null,t=null!=this.depth&&0===this.depth?"is-open":"",a=this.el.closest("hy-menu-item-sidebar"),l=null!==a?a.cloneNode(!0):null,o=l?l.querySelector(".hy-menu-item-sidebar__label"):null;return e=[...e,"hy-menu-level-container--sidenav",t,n],i("ul",{"data-menu-level":this.menuLevel,"data-depth":this.menuLevel,class:e.join(" ")},o&&i("li",{class:"hy-menu-item-sidebar is-parent is-parent--sub-level"},i("hy-icon",{class:"hy-menu-item-parent__icon",icon:"hy-icon-dot-arrow-right",fill:"currentColor",size:20}),i("span",{"aria-level":this.depth,role:"heading",class:"hy-menu-item-sidebar--label-container",innerHTML:o.outerHTML})),i("slot",null))}case a.sidepanel:e=[...e,"hy-menu-level-container--sidepanel"];const t=this.el.closest("hy-menu-item-sidebar"),l=t?t.cloneNode(!0):null,o=l?l.querySelector(".hy-menu-item-sidebar__label"):null;return i("ul",{"data-menu-level":this.depth,"data-depth":this.menuLevel,class:e.join(" ")},o?i("li",{class:"hy-menu-item-sidebar is-parent is-parent--sub-level"},i("hy-icon",{class:"hy-menu-item-parent__icon",icon:"hy-icon-dot-arrow-right",fill:"currentColor",size:20}),i("span",{"aria-level":this.depth,role:"heading",class:"hy-menu-item-sidebar--label-container",innerHTML:o.outerHTML})):i("li",{class:"hy-menu-item-sidebar is-parent is-parent--sub-level is-parent--frontpage"},i("span",{class:"hy-menu-item__parent__icon"},i("hy-icon",{class:"hy-menu-item__parent__icon__svg",icon:"hy-icon-caret-left",fill:"currentColor",size:10})),i("div",{class:"hy-menu-item-sidebar--label-container"},i("a",{class:"hy-menu-item-sidebar__label",href:this.frontUrl},this.frontLabel))),i("slot",null))}}get el(){return t(this)}};l.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-menu-level-container--mobile{background-color:var(--grayscale-white);display:block;height:0;left:0;position:absolute;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;transition:transform 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;visibility:hidden !important;width:100%}.hy-menu-level-container--mobile.is-open{height:auto;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible !important;padding-bottom:96px}.hy-menu-level-container--mobile.hy-menu-level-container--level-0{padding-top:8px;position:relative}.hy-menu-level-container--mobile.hy-menu-level-container--level-0:before{background-color:var(--brand-main-light);content:"";display:block;height:3px;left:0;position:absolute;right:0;top:0}.hy-menu-level-container--mobile:focus{outline:0}.hy-menu-level-container--desktop{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;width:100%}.hy-menu-level-container--desktop.is-open{display:block;visibility:visible}.hy-menu-level-container--desktop:not(.hy-menu-level-container--level-0):not(.hy-menu-level-container--level-2){display:none}.hy-menu-level-container--desktop.hy-menu-level-container--level-2{background-color:var(--grayscale-background-box)}.hy-menu-level-container--sidepanel{background-color:var(--grayscale-white);border-left:1px solid rgba(0, 0, 0, 0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;left:0;margin:0;max-width:320px;padding-left:13px;padding-right:13px;padding-top:240px;position:absolute;top:0;visibility:visible;width:20%;z-index:123}.hy-menu-level-container--sidepanel:not(.hy-menu-level-container--level-0){display:none;min-height:var(--minHeight);-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px))}.hy-menu-level-container--sidepanel:not(.hy-menu-level-container--level-0).active-trail-panel,.hy-menu-level-container--sidepanel:not(.hy-menu-level-container--level-0).is-open{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:320px;width:20vw}.hy-menu-level-container--sidepanel.is-open,.hy-menu-level-container--sidepanel.active-trail-panel{height:100%;min-height:var(--minHeight)}.hy-menu-level-container--sidenav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin:0;padding:0;position:relative}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0){opacity:0;visibility:hidden}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).is-closed{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-name:slide-panel-in;animation-name:slide-panel-in}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).is-open{-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:slide-panel-in;animation-name:slide-panel-in;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:320px;opacity:1;visibility:visible;width:20vw}.hy-menu-level-container--sidenav.is-open.is-open-on-top{display:none;-webkit-transform:none !important;transform:none !important}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).hy-menu-level-container.is-open{max-width:320px;width:20vw}.hy-menu-level-container--sidenav .hy-menu-level-container--level-0{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0){background-color:var(--grayscale-white);border-left:1px solid rgba(0, 0, 0, 0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;left:0;margin:-100vh 0;max-width:320px;min-height:var(--minHeight);padding-left:13px;padding-right:13px;position:absolute;-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px));width:20vw;z-index:123}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).hy-menu-level-container--level-1{-webkit-transform:translateX(100%) !important;transform:translateX(100%) !important}.hy-menu-level-container--sidenav .hy-menu-level-container--level-1{margin:-100vh 0;padding:100vh 13px;top:0}.hy-menu-level-container--sidenav .hy-menu-level-container--level-2,.hy-menu-level-container--sidenav .hy-menu-level-container--level-3,.hy-menu-level-container--sidenav .hy-menu-level-container--level-4,.hy-menu-level-container--sidenav .hy-menu-level-container--level-5,.hy-menu-level-container--sidenav .hy-menu-level-container--level-6,.hy-menu-level-container--sidenav .hy-menu-level-container--level-7{padding:100vh 13px;top:100vh}@-webkit-keyframes slide-panel-in{from{display:none;opacity:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:1}25%{display:-webkit-box;display:flex}35%{-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px))}to{opacity:1;z-index:123}}@keyframes slide-panel-in{from{display:none;opacity:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:1}25%{display:-webkit-box;display:-ms-flexbox;display:flex}35%{-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px))}to{opacity:1;z-index:123}}@-webkit-keyframes slide-panel-out{from{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:123}25%{-webkit-transform:translateX(0);transform:translateX(0)}95%{opacity:0;z-index:1}to{display:none}}@keyframes slide-panel-out{from{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:123}25%{-webkit-transform:translateX(0);transform:translateX(0)}95%{opacity:0;z-index:1}to{display:none}}';export{l as hy_menu_level_container}
|
|
1
|
+
import{r as e,h as i,H as n,g as t}from"./p-bb24c6b5.js";import{M as a}from"./p-8ab550d6.js";const l=class{constructor(i){e(this,i),this.menuType=a.mobile,this.activeTrailTriggered=!1,this.depth=0,this.menuIsOpen=!1}assignMenuItemClass(e,i){e&&Array.from(e.children).forEach((e=>{"remove"===i?e.classList.remove("is-hidden"):e.classList.add("is-hidden")}))}menuContainerActiveTrail(e){this.el.getAttribute("trigger-item")===e.detail.triggerItem&&(this.activeTrailTriggered=!0,this.menuIsOpen=!0,this.assignMenuItemClass(this.el.parentElement.closest("hy-menu-level-container"),"add"))}menuContainerToggled(e){this.triggerItem==e.detail.triggerItem&&(this.activeTrailTriggered=!1,this.menuIsOpen="remove"!=e.detail.triggerType,this.assignMenuItemClass(this.el.parentElement.closest("hy-menu-level-container"),e.detail.triggerType),this.el.parentElement.closest("hy-menu").shadowRoot.querySelector(".hy-menu").scrollTop=0)}componentWillUpdate(){this.menuType&&Array.from(this.el.children).forEach((e=>{e.setAttribute("menu-type",this.menuType),e.setAttribute("menu-button-submenu-expand",this.menuButtonSubmenuExpand)}))}componentWillLoad(){if(this.menuType===a.mobile)if(this.menuLevel>1){const e=this.el.closest("hy-menu-item");this.triggerItem=e.getAttribute("menu-link-id"),this.headingItem=Object.assign(Object.assign({},this.headingItem),{url:e.getAttribute("url")}),this.headingItem=Object.assign(Object.assign({},this.headingItem),{label:e.getAttribute("label")}),this.headingItem=Object.assign(Object.assign({},this.headingItem),{isActive:window.location.pathname===this.headingItem.url})}else this.triggerItem="home";if(this.menuType===a.sidenav){const e=this.el.closest("hy-menu-item-sidebar");e&&e.classList.contains("is-active")&&(this.menuIsOpen=!0,Array.from(this.el.children).forEach((e=>{e.setAttribute("is-active-child","true"),e.setAttribute("menu-level",this.menuLevel.toString())})))}}render(){let e=["hy-menu-level-container","hy-menu-level-container--level-"+this.depth];switch(this.menuType){case a.desktop:return e=[...e,"hy-menu-level-container--desktop"],i(n,{class:e.join(" ")},i("slot",null));case a.mobile:return e=[...e,"hy-menu-level-container--mobile"],1===this.depth?(e=[...e,"is-open"],i(n,{"aria-expanded":this.menuIsOpen.toString(),class:e.join(" "),tabindex:"-1"},i("slot",null))):(e=[...e,this.menuIsOpen?"is-open":null],i(n,{"aria-expanded":this.menuIsOpen.toString(),class:e.join(" "),tabindex:"-1"},i("hy-menu-item",{label:this.headingItem.label,url:this.headingItem.url,isHeading:!0,isActive:this.headingItem.isActive,"menu-type":"mobile",depth:this.menuLevel}),i("slot",null),i("slot",{name:"shortcuts"})));case a.sidenav:if(0===this.depth){const n=null!=this.depth&&0===this.depth?"is-open":"";return e=[...e,"hy-menu-level-container--sidenav",n],i("ul",{"data-menu-level":this.menuLevel,"data-depth":this.menuLevel,class:e.join(" ")},i("slot",null))}{const n=this.menuIsOpen?"is-open_is-open__sub-level":null,t=null!=this.depth&&0===this.depth?"is-open":"",a=this.el.closest("hy-menu-item-sidebar"),l=null!==a?a.cloneNode(!0):null,o=l?l.querySelector(".hy-menu-item-sidebar__label"):null;return e=[...e,"hy-menu-level-container--sidenav",t,n],i("ul",{"data-menu-level":this.menuLevel,"data-depth":this.menuLevel,class:e.join(" ")},o&&i("li",{class:"hy-menu-item-sidebar is-parent is-parent--sub-level"},i("hy-icon",{class:"hy-menu-item-parent__icon",icon:"hy-icon-dot-arrow-right",fill:"currentColor",size:20}),i("span",{"aria-level":this.depth,role:"heading",class:"hy-menu-item-sidebar--label-container",innerHTML:o.outerHTML})),i("slot",null))}case a.sidepanel:e=[...e,"hy-menu-level-container--sidepanel"];const t=this.el.closest("hy-menu-item-sidebar"),l=t?t.cloneNode(!0):null,o=l?l.querySelector(".hy-menu-item-sidebar__label"):null;return i("ul",{"data-menu-level":this.depth,"data-depth":this.menuLevel,class:e.join(" ")},o?i("li",{class:"hy-menu-item-sidebar is-parent is-parent--sub-level"},i("hy-icon",{class:"hy-menu-item-parent__icon",icon:"hy-icon-dot-arrow-right",fill:"currentColor",size:20}),i("span",{"aria-level":this.depth,role:"heading",class:"hy-menu-item-sidebar--label-container",innerHTML:o.outerHTML})):i("li",{class:"hy-menu-item-sidebar is-parent is-parent--sub-level is-parent--frontpage"},i("span",{class:"hy-menu-item__parent__icon"},i("hy-icon",{class:"hy-menu-item__parent__icon__svg",icon:"hy-icon-caret-left",fill:"currentColor",size:10})),i("div",{class:"hy-menu-item-sidebar--label-container"},i("a",{class:"hy-menu-item-sidebar__label",href:this.frontUrl},this.frontLabel))),i("slot",null))}}get el(){return t(this)}};l.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-menu-level-container--mobile{background-color:var(--grayscale-white);display:block;height:0;left:0;position:absolute;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;transition:transform 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;visibility:hidden !important;width:100%}.hy-menu-level-container--mobile.is-open{height:auto;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible !important;padding-bottom:96px}.hy-menu-level-container--mobile.hy-menu-level-container--level-0{padding-top:8px;position:relative}.hy-menu-level-container--mobile.hy-menu-level-container--level-0:before{background-color:var(--brand-main-light);content:"";display:block;height:3px;left:0;position:absolute;right:0;top:0}.hy-menu-level-container--mobile:focus{outline:0}.hy-menu-level-container--desktop{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;width:100%}.hy-menu-level-container--desktop.is-open{display:block;visibility:visible}.hy-menu-level-container--desktop:not(.hy-menu-level-container--level-0):not(.hy-menu-level-container--level-2){display:none}.hy-menu-level-container--desktop.hy-menu-level-container--level-2{background-color:var(--grayscale-background-box)}.hy-menu-level-container--sidepanel{background-color:var(--grayscale-white);border-left:1px solid rgba(0, 0, 0, 0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;left:0;margin:0;max-width:320px;padding-left:13px;padding-right:13px;padding-top:240px;position:absolute;top:0;visibility:visible;width:20%;z-index:123}.hy-menu-level-container--sidepanel:not(.hy-menu-level-container--level-0){display:none;min-height:var(--minHeight);-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px))}.hy-menu-level-container--sidepanel:not(.hy-menu-level-container--level-0).active-trail-panel,.hy-menu-level-container--sidepanel:not(.hy-menu-level-container--level-0).is-open{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:320px;width:20vw}.hy-menu-level-container--sidepanel.is-open,.hy-menu-level-container--sidepanel.active-trail-panel{height:100%;min-height:var(--minHeight)}.hy-menu-level-container--sidenav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin:0;padding:0;position:relative}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0){opacity:0;visibility:hidden}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).is-closed{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-name:slide-panel-in;animation-name:slide-panel-in}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).is-open{-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:slide-panel-in;animation-name:slide-panel-in;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:320px;opacity:1;visibility:visible;width:20vw}.hy-menu-level-container--sidenav.is-open.is-open-on-top{display:none;-webkit-transform:none !important;transform:none !important}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).hy-menu-level-container.is-open{max-width:320px;width:20vw}.hy-menu-level-container--sidenav .hy-menu-level-container--level-0{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0){background-color:var(--grayscale-white);border-left:1px solid rgba(0, 0, 0, 0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;left:0;margin:-100vh 0;max-width:320px;min-height:var(--minHeight);padding-left:13px;padding-right:13px;position:absolute;-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px));width:20vw;z-index:123}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).hy-menu-level-container--level-1{-webkit-transform:translateX(100%) !important;transform:translateX(100%) !important}.hy-menu-level-container--sidenav .hy-menu-level-container--level-1{margin:-100vh 0;padding:100vh 13px;top:0}.hy-menu-level-container--sidenav .hy-menu-level-container--level-2,.hy-menu-level-container--sidenav .hy-menu-level-container--level-3,.hy-menu-level-container--sidenav .hy-menu-level-container--level-4,.hy-menu-level-container--sidenav .hy-menu-level-container--level-5,.hy-menu-level-container--sidenav .hy-menu-level-container--level-6,.hy-menu-level-container--sidenav .hy-menu-level-container--level-7{padding:100vh 13px;top:100vh}@-webkit-keyframes slide-panel-in{from{display:none;opacity:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:1}25%{display:-webkit-box;display:flex}35%{-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px))}to{opacity:1;z-index:123}}@keyframes slide-panel-in{from{display:none;opacity:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:1}25%{display:-webkit-box;display:-ms-flexbox;display:flex}35%{-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px))}to{opacity:1;z-index:123}}@-webkit-keyframes slide-panel-out{from{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:123}25%{-webkit-transform:translateX(0);transform:translateX(0)}95%{opacity:0;z-index:1}to{display:none}}@keyframes slide-panel-out{from{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:123}25%{-webkit-transform:translateX(0);transform:translateX(0)}95%{opacity:0;z-index:1}to{display:none}}';export{l as hy_menu_level_container}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as t,H as n,g as e}from"./p-bb24c6b5.js";import{H as o,d as r}from"./p-8ab550d6.js";const a=class{constructor(t){i(this,t),this.variant=null,this.reversed=!1,this.limitContentWidth=!1,this.textDescription=null,this.imageAlt="",this.isExternal=!1,this.headerstyle="common"}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-introduction",`hy-introduction__${this.headerstyle}`,this.headerstyle,this.reversed?"hy-introduction--reversed":"",this.variant?`hy-introduction--with-bg hy-introduction--with-bg__${this.variant}`:"hy-introduction--without-bg"].join(" "),e=["hy-introduction__title",`hy-introduction__title__${this.headerstyle}`].join(" "),a=["hy-introduction__description",`hy-introduction__description__${this.headerstyle}`].join(" "),d=["hy-introduction__content",this.reversed?"hy-introduction__content--reversed":"",this.imageUrl?"hy-introduction__content--with-image":"hy-introduction__content--without-image",this.limitContentWidth?"hy-introduction__content--limit-width":""].join(" "),h=this.isExternal?"_blank":"_self";return t(n,null,t("hy-box",{pt:"1.25, 1.25, 1.5, 2.5"}),t("div",{class:i},t("hy-main-content-wrapper",null,t("div",{class:"hy-introduction__outer-content"},t("div",{class:d},t("hy-heading",{class:e,heading:o.h2,section:r.introduction},this.textTitle),t("p",{class:a},this.textDescription),this.url&&t("div",{class:"hy-introduction__link__container"},t("a",{class:"hy-introduction__link",href:this.url,"aria-label":this.scLabel,target:h},this.urlTitle,t("span",{class:"hy-introduction__link__icon"},t("hy-icon",{icon:"hy-icon-arrow-right",size:24}))))),this.imageUrl&&t("div",{class:"hy-introduction__image"},t("hy-image",this.sourceSet?{"source-set":this.sourceSet,"image-url":this.imageUrl,aspectRatioWidth:16,aspectRatioHeight:10,"image-alt":this.imageAlt}:{"image-url":this.imageUrl,aspectRatioWidth:16,aspectRatioHeight:10,"image-alt":this.imageAlt}))))),t("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return e(this)}};a.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-introduction__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 60rem){.hy-introduction__content.hy-introduction__content--without-image.hy-introduction__content--limit-width{width:calc(50% - 16px)}}.hy-introduction--reversed .hy-introduction__outer-content{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media (min-width: 60rem){.hy-introduction--reversed .hy-introduction__outer-content{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.hy-introduction--with-bg{width:auto}@media (min-width: 60rem){.hy-introduction--with-bg{padding:0}}.hy-introduction--with-bg__white{background:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__content--with-image{background:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__title h2,.hy-introduction--with-bg__white .hy-introduction__description{color:var(--grayscale-black)}.hy-introduction--with-bg__white .hy-introduction__link{background:var(--brand-main-light);color:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__link__icon svg{fill:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__link:hover{background:var(--brand-main-active)}.hy-introduction__outer-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 60rem){.hy-introduction__outer-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:0}@supports (gap: 32px){.hy-introduction__outer-content{gap:32px}}}@media (min-width: 1601px){@supports (gap: 48px){.hy-introduction__outer-content{gap:48px}}}.hy-introduction__content--without-image{width:100%}@media (min-width: 60rem){.hy-introduction__content--without-image{width:91.46%}}@media (min-width: 75.0625rem){.hy-introduction__content--without-image{width:82.89%}}@media (min-width: 1601px){.hy-introduction__content--without-image{width:74.2%}}@media (min-width: 60rem){.hy-introduction__content--with-image{margin:0;padding:0;width:50%}}@media (min-width: 60rem){.hy-introduction__title .hy-heading__container{padding-top:0}}.hy-introduction__image{width:100%}@media (min-width: 60rem){.hy-introduction__image{width:50%}@supports not (gap: 32px){.hy-introduction__image{width:calc(50% - 32px)}}}.hy-introduction__image img,.hy-introduction__image .hy-image,.hy-introduction__image .hy-image .hy-image__image-container{height:100% !important}.hy-introduction__description{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);margin-bottom:24px;margin-top:0}@media (min-width: 30rem){.hy-introduction__description{font-size:1rem;line-height:24px}}@media (min-width: 60rem){.hy-introduction__description{margin-bottom:28px}}@media (min-width: 1601px){.hy-introduction__description{font-size:1.0625rem;line-height:26px}}@media (min-width: 75.0625rem){.hy-introduction__description__large{font-size:1.0625rem;line-height:26px;margin-bottom:28px}}.hy-introduction__link{font-size:1rem;line-height:20px;letter-spacing:-0.5px;background-color:var(--brand-main-light);-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--grayscale-white);cursor:pointer;display:inline-block;font-family:var(--main-font-family);font-weight:700;height:100%;padding:12px 60px 12px 12px;position:relative;text-decoration:none}@media (min-width: 30rem){.hy-introduction__link{font-size:1rem;line-height:20px;letter-spacing:-0.6px;padding:15px 62px 15px 16px}}@media (min-width: 60rem){.hy-introduction__link{font-size:1.125rem;line-height:20px}}@media (min-width: 75.0625rem){.hy-introduction__link{font-size:1.25rem;line-height:20px;letter-spacing:-0.7px;padding:16px 70px 16px 18px}}.hy-introduction__link__icon{position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-introduction__link__icon svg{fill:var(--grayscale-white)}";export{a as hy_introduction}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as e}from"./p-bb24c6b5.js";import{t as n}from"./p-e20f6203.js";import{R as a}from"./p-a82d4779.js";const r=class{constructor(e){i(this,e),this.variant=n.default,this.imageUrl=null,this.imageAlt=null,this.disableLazy=!1,this.url=null,this.isExternal=!1,this.department=null,this.field=null,this.email=null,this.phone=null,this.aboutInfo=null}componentDidLoad(){this.ro=new a((i=>{for(const e of i)this.checkForMobile(e.contentRect.width)})),this.ro.observe(document.body)}disconnectedCallback(){this.ro.disconnect()}checkForMobile(i){this.isMobile=i<=479}componentWillRender(){this._fullName=this.firstName&&this.lastName?`${this.firstName} ${this.lastName}`:"",this._initials=this.imageUrl&&this.firstName&&this.lastName?"":`${this.firstName.charAt(0)}${this.lastName.charAt(0)}`,this.imageAlt||(this.imageAlt=this._fullName),this.scLabel||(this.scLabel="Link to the person profile")}render(){let i=["hy-person-card-container__link",this.variant].join(" ");i=i.concat(this.url&&this.url.length>0?"":" inactive");const a=["hy-person-card",this.variant].join(" "),r=["hy-person-card__info-container__position-title",`hy-person-card__info-container__position-title__${this.variant}`].join(" ");return e("article",{class:"hy-person-card-container"},e("a",{class:i,href:this.url,target:this.isExternal?"_blank":"_self","aria-label":this.scLabel},this.categoryTitle&&this.variant==n.default&&e("div",{class:"hy-person-card-container__category-title"},this.categoryTitle),e("div",{class:a},e("div",{class:"hy-person-card__image-container"},this.imageUrl?e("div",{class:"hy-person-card__image-container__image"},e("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})):e("div",{class:"hy-person-card__image-container__no-image"},e("div",{class:"hy-person-card__image-container__no-image__initials"},this._initials))),e("div",{class:"hy-person-card__info-container"},e("div",{class:"hy-person-card__info-container__full-name"},this._fullName),this.positionTitle&&e("div",{class:r},this.positionTitle),this.department&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&e("div",{class:"hy-person-card__info-container__department"},this.department),this.field&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&e("div",{class:"hy-person-card__info-container__field"},this.field),this.email&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&[e("div",{class:"hy-person-card__info-container__email-container"},e("span",{class:"hy-person-card__info-container__email__icon"},e("hy-icon",{icon:"hy-icon-email",size:16})),e("span",{class:"hy-person-card__info-container__email"},this.email))],this.phone&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&[e("div",{class:"hy-person-card__info-container__phone-container"},e("span",{class:"hy-person-card__info-container__phone__icon"},e("hy-icon",{icon:"hy-icon-phone",size:14})),e("span",{class:"hy-person-card__info-container__phone"},this.phone))])),this.variant==n.extended&&e("div",{class:"hy-person-card hy-person-card__extended-info-container"},this.department&&this.isMobile&&e("div",{class:"hy-person-card__info-container__department"},this.department),this.field&&this.isMobile&&e("div",{class:"hy-person-card__info-container__field"},this.field),this.email&&this.isMobile&&[e("div",{class:"hy-person-card__info-container__email-container"},e("span",{class:"hy-person-card__info-container__email__icon"},e("hy-icon",{icon:"hy-icon-email",size:16})),e("span",{class:"hy-person-card__info-container__email"},this.email))],this.phone&&this.isMobile&&[e("div",{class:"hy-person-card__info-container__phone-container"},e("span",{class:"hy-person-card__info-container__phone__icon"},e("hy-icon",{icon:"hy-icon-phone",size:14})),e("span",{class:"hy-person-card__info-container__phone"},this.phone))],this.aboutInfo&&e("div",{class:"hy-person-card__extended-info-container__about"},e("span",{class:"label"},this.aboutInfoLabel,":"),e("span",null,this.aboutInfo)))))}};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-person-card-container{font-family:var(--main-font-family);margin-bottom:28px}@media (min-width: 60rem){.hy-person-card-container{margin-bottom:32px}}.hy-person-card-container__category-title{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:8px}@media (min-width: 30rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}@media (min-width: 120.0625rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}.hy-person-card-container__link{text-decoration:none}.hy-person-card-container__link.inactive{cursor:default;pointer-events:none}.hy-person-card{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)}.hy-person-card__image-container{margin-right:12px}@media (min-width: 30rem){.hy-person-card__image-container{margin-right:16px}}.hy-person-card__image-container__image{height:70px;width:70px}@media (min-width: 30rem){.hy-person-card__image-container__image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image{height:140px;width:140px}}.hy-person-card__image-container__image img{height:70px;width:70px;-o-object-fit:cover;object-fit:cover}@media (min-width: 30rem){.hy-person-card__image-container__image img{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image img{height:140px;width:140px}}.hy-person-card__image-container__no-image{height:70px;width:70px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 30rem){.hy-person-card__image-container__no-image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__no-image{height:140px;width:140px}}.hy-person-card__image-container__no-image__initials{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-white);letter-spacing:-0.56px}@media (min-width: 30rem){.hy-person-card__image-container__no-image__initials{font-size:2rem;line-height:32px;letter-spacing:0.96px}}.hy-person-card__info-container__full-name{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.56px;margin-bottom:4px}@media (min-width: 30rem){.hy-person-card__info-container__full-name{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;margin-bottom:3px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__full-name{font-size:1.625rem;line-height:28px;letter-spacing:-0.81px;margin-bottom:5px}}.hy-person-card__info-container__position-title{font-size:0.875rem;line-height:19px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px}@media (min-width: 30rem){.hy-person-card__info-container__position-title{font-size:1rem;line-height:20px;letter-spacing:-0.5px;margin-bottom:4px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__position-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin-bottom:8px}}.hy-person-card__info-container__position-title__search-panel{font-weight:400}.hy-person-card__info-container__department{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px;text-transform:uppercase}@media (min-width: 30rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__field{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:4px}@media (min-width: 30rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__email-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px}.hy-person-card__info-container__email{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__email{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__email__icon svg{height:15px;width:16px}@media (min-width: 30rem){.hy-person-card__info-container__email__icon svg{height:12px;width:16px}}.hy-person-card__info-container__phone-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-person-card__info-container__phone{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__phone{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__phone__icon svg{height:13px;width:13px}@media (min-width: 30rem){.hy-person-card__info-container__phone__icon svg{height:14px;width:14px}}.hy-person-card.search-panel{margin-bottom:12px}@media (min-width: 30rem){.hy-person-card.search-panel{margin-bottom:14px}}.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:0.875rem;line-height:20px;font-weight:600;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:0}@media (min-width: 30rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{letter-spacing:-0.3px}}@media (min-width: 120.0625rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:1rem;line-height:24px;letter-spacing:0}}.hy-person-card.search-panel .hy-person-card__info-container__position-title{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);letter-spacing:-0.07px;margin-bottom:0}.hy-person-card.search-panel .hy-person-card__image-container{margin-right:12px}.hy-person-card.search-panel .hy-person-card__image-container__image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__image img{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image__initials{color:var(--grayscale-white);font-size:1rem;line-height:32px;font-weight:700;letter-spacing:0.48px}.hy-person-card__extended-info-container{display:block;padding-top:8px}@media (min-width: 30rem){.hy-person-card__extended-info-container{padding-top:12px}}.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:17px;color:var(--grayscale-dark-text);font-family:var(--main-font-family);font-style:italic;letter-spacing:0}@media (min-width: 30rem){.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:16px}}@media (min-width: 1601px){.hy-person-card__extended-info-container__about{font-size:0.875rem;line-height:16px}}.hy-person-card__extended-info-container__about .label{font-weight:700;padding-right:3px}";export{r as hy_person_card}
|
|
1
|
+
import{r as i,h as e}from"./p-bb24c6b5.js";import{t as n}from"./p-8ab550d6.js";import{R as a}from"./p-a82d4779.js";const r=class{constructor(e){i(this,e),this.variant=n.default,this.imageUrl=null,this.imageAlt=null,this.disableLazy=!1,this.url=null,this.isExternal=!1,this.department=null,this.field=null,this.email=null,this.phone=null,this.aboutInfo=null}componentDidLoad(){this.ro=new a((i=>{for(const e of i)this.checkForMobile(e.contentRect.width)})),this.ro.observe(document.body)}disconnectedCallback(){this.ro.disconnect()}checkForMobile(i){this.isMobile=i<=479}componentWillRender(){this._fullName=this.firstName&&this.lastName?`${this.firstName} ${this.lastName}`:"",this._initials=this.imageUrl&&this.firstName&&this.lastName?"":`${this.firstName.charAt(0)}${this.lastName.charAt(0)}`,this.imageAlt||(this.imageAlt=this._fullName),this.scLabel||(this.scLabel="Link to the person profile")}render(){let i=["hy-person-card-container__link",this.variant].join(" ");i=i.concat(this.url&&this.url.length>0?"":" inactive");const a=["hy-person-card",this.variant].join(" "),r=["hy-person-card__info-container__position-title",`hy-person-card__info-container__position-title__${this.variant}`].join(" ");return e("article",{class:"hy-person-card-container"},e("a",{class:i,href:this.url,target:this.isExternal?"_blank":"_self","aria-label":this.scLabel},this.categoryTitle&&this.variant==n.default&&e("div",{class:"hy-person-card-container__category-title"},this.categoryTitle),e("div",{class:a},e("div",{class:"hy-person-card__image-container"},this.imageUrl?e("div",{class:"hy-person-card__image-container__image"},e("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})):e("div",{class:"hy-person-card__image-container__no-image"},e("div",{class:"hy-person-card__image-container__no-image__initials"},this._initials))),e("div",{class:"hy-person-card__info-container"},e("div",{class:"hy-person-card__info-container__full-name"},this._fullName),this.positionTitle&&e("div",{class:r},this.positionTitle),this.department&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&e("div",{class:"hy-person-card__info-container__department"},this.department),this.field&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&e("div",{class:"hy-person-card__info-container__field"},this.field),this.email&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&[e("div",{class:"hy-person-card__info-container__email-container"},e("span",{class:"hy-person-card__info-container__email__icon"},e("hy-icon",{icon:"hy-icon-email",size:16})),e("span",{class:"hy-person-card__info-container__email"},this.email))],this.phone&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&[e("div",{class:"hy-person-card__info-container__phone-container"},e("span",{class:"hy-person-card__info-container__phone__icon"},e("hy-icon",{icon:"hy-icon-phone",size:14})),e("span",{class:"hy-person-card__info-container__phone"},this.phone))])),this.variant==n.extended&&e("div",{class:"hy-person-card hy-person-card__extended-info-container"},this.department&&this.isMobile&&e("div",{class:"hy-person-card__info-container__department"},this.department),this.field&&this.isMobile&&e("div",{class:"hy-person-card__info-container__field"},this.field),this.email&&this.isMobile&&[e("div",{class:"hy-person-card__info-container__email-container"},e("span",{class:"hy-person-card__info-container__email__icon"},e("hy-icon",{icon:"hy-icon-email",size:16})),e("span",{class:"hy-person-card__info-container__email"},this.email))],this.phone&&this.isMobile&&[e("div",{class:"hy-person-card__info-container__phone-container"},e("span",{class:"hy-person-card__info-container__phone__icon"},e("hy-icon",{icon:"hy-icon-phone",size:14})),e("span",{class:"hy-person-card__info-container__phone"},this.phone))],this.aboutInfo&&e("div",{class:"hy-person-card__extended-info-container__about"},e("span",{class:"label"},this.aboutInfoLabel,":"),e("span",null,this.aboutInfo)))))}};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-person-card-container{font-family:var(--main-font-family);margin-bottom:28px}@media (min-width: 60rem){.hy-person-card-container{margin-bottom:32px}}.hy-person-card-container__category-title{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:8px}@media (min-width: 30rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}@media (min-width: 120.0625rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}.hy-person-card-container__link{text-decoration:none}.hy-person-card-container__link.inactive{cursor:default;pointer-events:none}.hy-person-card{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)}.hy-person-card__image-container{margin-right:12px}@media (min-width: 30rem){.hy-person-card__image-container{margin-right:16px}}.hy-person-card__image-container__image{height:70px;width:70px}@media (min-width: 30rem){.hy-person-card__image-container__image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image{height:140px;width:140px}}.hy-person-card__image-container__image img{height:70px;width:70px;-o-object-fit:cover;object-fit:cover}@media (min-width: 30rem){.hy-person-card__image-container__image img{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image img{height:140px;width:140px}}.hy-person-card__image-container__no-image{height:70px;width:70px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 30rem){.hy-person-card__image-container__no-image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__no-image{height:140px;width:140px}}.hy-person-card__image-container__no-image__initials{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-white);letter-spacing:-0.56px}@media (min-width: 30rem){.hy-person-card__image-container__no-image__initials{font-size:2rem;line-height:32px;letter-spacing:0.96px}}.hy-person-card__info-container__full-name{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.56px;margin-bottom:4px}@media (min-width: 30rem){.hy-person-card__info-container__full-name{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;margin-bottom:3px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__full-name{font-size:1.625rem;line-height:28px;letter-spacing:-0.81px;margin-bottom:5px}}.hy-person-card__info-container__position-title{font-size:0.875rem;line-height:19px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px}@media (min-width: 30rem){.hy-person-card__info-container__position-title{font-size:1rem;line-height:20px;letter-spacing:-0.5px;margin-bottom:4px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__position-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin-bottom:8px}}.hy-person-card__info-container__position-title__search-panel{font-weight:400}.hy-person-card__info-container__department{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px;text-transform:uppercase}@media (min-width: 30rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__field{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:4px}@media (min-width: 30rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__email-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px}.hy-person-card__info-container__email{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__email{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__email__icon svg{height:15px;width:16px}@media (min-width: 30rem){.hy-person-card__info-container__email__icon svg{height:12px;width:16px}}.hy-person-card__info-container__phone-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-person-card__info-container__phone{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__phone{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__phone__icon svg{height:13px;width:13px}@media (min-width: 30rem){.hy-person-card__info-container__phone__icon svg{height:14px;width:14px}}.hy-person-card.search-panel{margin-bottom:12px}@media (min-width: 30rem){.hy-person-card.search-panel{margin-bottom:14px}}.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:0.875rem;line-height:20px;font-weight:600;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:0}@media (min-width: 30rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{letter-spacing:-0.3px}}@media (min-width: 120.0625rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:1rem;line-height:24px;letter-spacing:0}}.hy-person-card.search-panel .hy-person-card__info-container__position-title{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);letter-spacing:-0.07px;margin-bottom:0}.hy-person-card.search-panel .hy-person-card__image-container{margin-right:12px}.hy-person-card.search-panel .hy-person-card__image-container__image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__image img{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image__initials{color:var(--grayscale-white);font-size:1rem;line-height:32px;font-weight:700;letter-spacing:0.48px}.hy-person-card__extended-info-container{display:block;padding-top:8px}@media (min-width: 30rem){.hy-person-card__extended-info-container{padding-top:12px}}.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:17px;color:var(--grayscale-dark-text);font-family:var(--main-font-family);font-style:italic;letter-spacing:0}@media (min-width: 30rem){.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:16px}}@media (min-width: 1601px){.hy-person-card__extended-info-container__about{font-size:0.875rem;line-height:16px}}.hy-person-card__extended-info-container__about .label{font-weight:700;padding-right:3px}";export{r as hy_person_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as o,H as n,g as a}from"./p-bb24c6b5.js";import{C as t,S as r}from"./p-e20f6203.js";import{j as l}from"./p-fd1edbd5.js";let s={enter:"Enter"};const m=class{constructor(o){e(this,o),this.universityMainMenuToggled=i(this,"universityMainMenuToggled",7),this.mobileMenuTopToggle=i(this,"mobileMenuTopToggle",7),this.menuLabel="University main menu",this.isMobile=!1,this.isMenuOpen=!1}handleComponentClick(e){e.stopPropagation(),this.emitEvent(),this.isMenuOpen=!this.isMenuOpen,this.isMenuOpen&&this.adjustMainMenuPosition(e.target)}handleComponentKeyDown(e){e.stopPropagation();const i=e.code;let o=e.target;"Escape"===i&&this.isMenuOpen&&(this.isMenuOpen=!1,this.emitEvent()),o&&[s.enter].includes(i)&&(this.isMenuOpen=!this.isMenuOpen,this.isMenuOpen&&(this.emitEvent(),this.adjustMainMenuPosition(o)))}emitEvent(){this.universityMainMenuToggled.emit(),this.mobileMenuTopToggle.emit()}adjustMainMenuPosition(e){let i=this.el.closest(".hy-site-header__content-top");if(i&&!i.hasAttribute("is-mobile")){let o=e.shadowRoot.querySelector(".menu--main-group__toggle"),n=e.shadowRoot.querySelector(".menu--main-group__dropdown"),a=e.shadowRoot.querySelector(".list");if(n&&a&&o){let e=i.getBoundingClientRect(),t=o.getBoundingClientRect();n.style.top=`${e.height}px`,a.style.left=`${t.left}px`}this.showBackdropShadow("open",i.offsetHeight+270)}}showBackdropShadow(e="close",i=0){let o=this.el.closest(".hy-site-header").children[0];if(o)if("open"===e){let e=window.outerHeight-i;o.style.height=`${e}px`,o.style.top=`${i}px`,o.style.position="absolute",o.classList.add("is-active")}else o.removeAttribute("style"),o.classList.remove("is-active")}async componentWillLoad(){this._dataMainMenu=await l(this.dataMainMenu)}handleTopMenuClose(e){this.isMenuOpen=!1,this.mobileMenuTopToggle.emit(),this.showBackdropShadow(),e.stopPropagation()}handleOutsideMenuClick(e){this.isMenuOpen&&(this.isMenuOpen=!1,this.handleTopMenuClose(e)),e.stopPropagation()}desktopMenuToggled(){this.isMenuOpen=!1}searchPanelToggled(){this.isMenuOpen=!1}languageMenuToggled(){this.isMenuOpen=!1}render(){const e="var(--grayscale-white)",i=r.small,a=t.white;return this.isMobile?o(n,{class:{"menu--main-group--mobile":!0,"menu--main-group--mobile__is-open":this.isMenuOpen}},o("button",{"aria-label":this.menuLabel,class:{"menu--main-group__mobile-toggle":!0,"is-open":this.isMenuOpen}},o("hy-icon",{icon:"hy-icon-slim-hamburger-menu",size:20,fill:e})),o("nav",{role:"navigation","aria-hidden":this.isMenuOpen?"false":"true",class:{"menu--main-group__dropdown--mobile":!0,"is-open":this.isMenuOpen}},o("div",{class:"menu--main-group__dropdown__top"},o("div",{class:"menu--main-group__logo-container",id:"menu-logo"},o("hy-site-logo",{"is-group":!0,size:i,color:a,url:this.siteUrl,label:this.siteLabel})),o("button",{"aria-label":`Close ${this.menuLabel}`,class:"menu--main-group__dropdown__close",onClick:e=>this.handleTopMenuClose(e)},o("hy-icon",{icon:"hy-icon-remove",size:20,fill:e}))),o("div",{class:"menu--main-group__dropdown__items"},this._dataMainMenu.map((e=>o("a",{href:e.url,class:{"menu-main-link":!0}},o("span",{class:"menu--main-group__label"},e.label))))),o("div",{class:"menu--main-group__dropdown__donate"},this.donate&&this.donate.map((e=>o("a",{class:"menu--secondary__item hy-link__donate group",href:e.url},o("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:a}),o("span",{class:"hy-link__donate__label group"},e.label))))))):o(n,{class:{"menu--main-group":!0,"menu--main-group__is-open":this.isMenuOpen}},o("button",{class:{"menu--main-group__toggle":!0,"is-open":this.isMenuOpen}},o("hy-icon",this.isMenuOpen?{class:"toggle__close",icon:"hy-icon-remove",size:8,fill:e}:{class:"toggle__caret",icon:"hy-icon-slim-hamburger-menu",size:8,fill:e}),o("span",null,this.menuLabel)),o("div",{class:{"menu--main-group__dropdown":!0,"is-open":this.isMenuOpen}},o("div",{class:"list"},this._dataMainMenu.map((i=>o("a",{href:i.url,class:{"menu-main-link":!0}},o("span",{class:"heading-icon"},o("hy-icon",{icon:"hy-icon-caret-right",size:10,fill:e})),o("span",{class:"menu--main-group__label"},i.label))))),o("button",{onClick:e=>this.handleComponentClick(e),class:{"panel-toggle":!0},"aria-label":"Close menu"},o("span",{class:"panel-toggle__label"},o("span",{class:"panel-toggle__label__title"},"Close"),o("hy-icon",{icon:"hy-icon-remove",size:20,fill:t.white})))))}get el(){return a(this)}};m.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}:host(.menu--main-group){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;margin-left:28px}@media (min-width: 75.0625rem){:host(.menu--main-group){margin-right:auto}}.menu--main-group__toggle{font-size:0.875rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--grayscale-black);border:0 none;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;font-family:var(--main-font-family);letter-spacing:-0.44px;margin:0 -4px;padding:0;position:relative}.menu--main-group__toggle:focus{outline:none}.menu--main-group__toggle:hover{cursor:pointer}.menu--main-group__toggle:hover span{color:var(--grayscale-medium)}.menu--main-group__toggle:hover svg{fill:var(--grayscale-medium)}@media (min-width: 60rem){.menu--main-group__toggle .toggle__caret svg{height:15.27px;width:3px}}@media (min-width: 75.0625rem){.menu--main-group__toggle .toggle__caret svg{height:14px;width:3px}}@media (min-width: 60rem){.menu--main-group__toggle span{margin-left:17px}}.menu--main-group__toggle.is-open:after{border-bottom:3px solid white;bottom:-10px;content:" ";position:absolute;width:100%}@media (min-width: 60rem){.menu--main-group__toggle.is-open .toggle__close{height:15px;width:15px}.menu--main-group__toggle.is-open .toggle__close svg{height:15px;width:15px}}@media (min-width: 60rem){.menu--main-group__toggle.is-open span{margin-left:10px}}.menu--main-group__dropdown{display:none;visibility:hidden}.menu--main-group__dropdown.is-open{background-color:var(--grayscale-black);border-radius:0 0 5px 5px;-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);left:0;margin:0;padding:6px 0 20px;position:absolute;top:0;visibility:visible;width:100%;z-index:511}.menu--main-group__dropdown.is-open .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;justify-items:center;padding-top:14px;position:relative}.menu--main-group__dropdown.is-open .panel-toggle{background-color:transparent;border:none;position:absolute;right:0;top:0}@media (min-width: 60rem){.menu--main-group__dropdown.is-open .panel-toggle{padding:26px 32px}}.menu--main-group__dropdown.is-open .panel-toggle__label{font-size:1rem;line-height:20px;font-weight:700;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.5px;text-transform:uppercase}.menu--main-group__dropdown.is-open .panel-toggle__label__title{padding-right:12px}.menu--main-group__dropdown.is-open .panel-toggle__label:hover{cursor:pointer}.menu--main-group__dropdown.is-open .panel-toggle__label:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .panel-toggle__label:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link{font-size:1rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:20px;text-decoration:none}@media (min-width: 75.0625rem){.menu--main-group__dropdown.is-open .menu-main-link{font-size:0.875rem;line-height:18px}}.menu--main-group__dropdown.is-open .menu-main-link:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu--main-group__label{color:var(--grayscale-white);margin-left:12px}:host(.menu--main-group--mobile){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;position:relative}.menu--main-group__mobile-toggle{border:none;background:transparent;padding:15px 12px}.menu--main-group__mobile-toggle:hover{cursor:pointer}.menu--main-group__dropdown__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:23px}.menu--main-group__dropdown__close{border:none;background-color:transparent;padding:0;margin:0}.menu--main-group__dropdown__close:hover{cursor:pointer}.menu--main-group__logo-container .hy-site-logo__label.group{max-width:250px}.menu--main-group__dropdown__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu--main-group__dropdown__items .menu-main-link{font-size:0.9375rem;line-height:20px;background-color:var(--grayscale-dark-text);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.5px;margin-bottom:8px;padding:14px 20px;text-decoration:none;width:100%}.menu--main-group__dropdown__items .menu-main-link:hover{text-decoration:underline}.menu--main-group__dropdown__donate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--grayscale-dark-text);position:fixed;bottom:0;margin-left:-20px;width:100%}.menu--main-group__dropdown__donate .hy-link__donate.group{font-size:1rem;line-height:16px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--grayscale-white);font-family:var(--main-font-family);margin:20px auto 16px auto;text-decoration:none}.menu--main-group__dropdown__donate .hy-link__donate.group .hy-link__donate__label{margin-left:6px}.menu--main-group__dropdown--mobile{-webkit-box-direction:normal;-webkit-box-orient:vertical;background-color:var(--grayscale-black);bottom:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-items:space-between;max-width:400px;overflow:hidden;padding:0px;place-items:stretch;position:fixed;right:0px;top:0px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;visibility:hidden;width:0px}.menu--main-group__dropdown--mobile.is-open{padding:50px 20px 20px;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);visibility:visible;width:90%;z-index:101}.menu--main-group__dropdown--mobile.is-open::after{opacity:1;visibility:visible}';export{m as hy_menu_main_group}
|
|
1
|
+
import{r as e,c as i,h as o,H as n,g as a}from"./p-bb24c6b5.js";import{C as t,S as r}from"./p-8ab550d6.js";import{j as l}from"./p-fd1edbd5.js";let s={enter:"Enter"};const m=class{constructor(o){e(this,o),this.universityMainMenuToggled=i(this,"universityMainMenuToggled",7),this.mobileMenuTopToggle=i(this,"mobileMenuTopToggle",7),this.menuLabel="University main menu",this.isMobile=!1,this.isMenuOpen=!1}handleComponentClick(e){e.stopPropagation(),this.emitEvent(),this.isMenuOpen=!this.isMenuOpen,this.isMenuOpen&&this.adjustMainMenuPosition(e.target)}handleComponentKeyDown(e){e.stopPropagation();const i=e.code;let o=e.target;"Escape"===i&&this.isMenuOpen&&(this.isMenuOpen=!1,this.emitEvent()),o&&[s.enter].includes(i)&&(this.isMenuOpen=!this.isMenuOpen,this.isMenuOpen&&(this.emitEvent(),this.adjustMainMenuPosition(o)))}emitEvent(){this.universityMainMenuToggled.emit(),this.mobileMenuTopToggle.emit()}adjustMainMenuPosition(e){let i=this.el.closest(".hy-site-header__content-top");if(i&&!i.hasAttribute("is-mobile")){let o=e.shadowRoot.querySelector(".menu--main-group__toggle"),n=e.shadowRoot.querySelector(".menu--main-group__dropdown"),a=e.shadowRoot.querySelector(".list");if(n&&a&&o){let e=i.getBoundingClientRect(),t=o.getBoundingClientRect();n.style.top=`${e.height}px`,a.style.left=`${t.left}px`}this.showBackdropShadow("open",i.offsetHeight+270)}}showBackdropShadow(e="close",i=0){let o=this.el.closest(".hy-site-header").children[0];if(o)if("open"===e){let e=window.outerHeight-i;o.style.height=`${e}px`,o.style.top=`${i}px`,o.style.position="absolute",o.classList.add("is-active")}else o.removeAttribute("style"),o.classList.remove("is-active")}async componentWillLoad(){this._dataMainMenu=await l(this.dataMainMenu)}handleTopMenuClose(e){this.isMenuOpen=!1,this.mobileMenuTopToggle.emit(),this.showBackdropShadow(),e.stopPropagation()}handleOutsideMenuClick(e){this.isMenuOpen&&(this.isMenuOpen=!1,this.handleTopMenuClose(e)),e.stopPropagation()}desktopMenuToggled(){this.isMenuOpen=!1}searchPanelToggled(){this.isMenuOpen=!1}languageMenuToggled(){this.isMenuOpen=!1}render(){const e="var(--grayscale-white)",i=r.small,a=t.white;return this.isMobile?o(n,{class:{"menu--main-group--mobile":!0,"menu--main-group--mobile__is-open":this.isMenuOpen}},o("button",{"aria-label":this.menuLabel,class:{"menu--main-group__mobile-toggle":!0,"is-open":this.isMenuOpen}},o("hy-icon",{icon:"hy-icon-slim-hamburger-menu",size:20,fill:e})),o("nav",{role:"navigation","aria-hidden":this.isMenuOpen?"false":"true",class:{"menu--main-group__dropdown--mobile":!0,"is-open":this.isMenuOpen}},o("div",{class:"menu--main-group__dropdown__top"},o("div",{class:"menu--main-group__logo-container",id:"menu-logo"},o("hy-site-logo",{"is-group":!0,size:i,color:a,url:this.siteUrl,label:this.siteLabel})),o("button",{"aria-label":`Close ${this.menuLabel}`,class:"menu--main-group__dropdown__close",onClick:e=>this.handleTopMenuClose(e)},o("hy-icon",{icon:"hy-icon-remove",size:20,fill:e}))),o("div",{class:"menu--main-group__dropdown__items"},this._dataMainMenu.map((e=>o("a",{href:e.url,class:{"menu-main-link":!0}},o("span",{class:"menu--main-group__label"},e.label))))),o("div",{class:"menu--main-group__dropdown__donate"},this.donate&&this.donate.map((e=>o("a",{class:"menu--secondary__item hy-link__donate group",href:e.url},o("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:a}),o("span",{class:"hy-link__donate__label group"},e.label))))))):o(n,{class:{"menu--main-group":!0,"menu--main-group__is-open":this.isMenuOpen}},o("button",{class:{"menu--main-group__toggle":!0,"is-open":this.isMenuOpen}},o("hy-icon",this.isMenuOpen?{class:"toggle__close",icon:"hy-icon-remove",size:8,fill:e}:{class:"toggle__caret",icon:"hy-icon-slim-hamburger-menu",size:8,fill:e}),o("span",null,this.menuLabel)),o("div",{class:{"menu--main-group__dropdown":!0,"is-open":this.isMenuOpen}},o("div",{class:"list"},this._dataMainMenu.map((i=>o("a",{href:i.url,class:{"menu-main-link":!0}},o("span",{class:"heading-icon"},o("hy-icon",{icon:"hy-icon-caret-right",size:10,fill:e})),o("span",{class:"menu--main-group__label"},i.label))))),o("button",{onClick:e=>this.handleComponentClick(e),class:{"panel-toggle":!0},"aria-label":"Close menu"},o("span",{class:"panel-toggle__label"},o("span",{class:"panel-toggle__label__title"},"Close"),o("hy-icon",{icon:"hy-icon-remove",size:20,fill:t.white})))))}get el(){return a(this)}};m.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}:host(.menu--main-group){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;margin-left:28px}@media (min-width: 75.0625rem){:host(.menu--main-group){margin-right:auto}}.menu--main-group__toggle{font-size:0.875rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--grayscale-black);border:0 none;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;font-family:var(--main-font-family);letter-spacing:-0.44px;margin:0 -4px;padding:0;position:relative}.menu--main-group__toggle:focus{outline:none}.menu--main-group__toggle:hover{cursor:pointer}.menu--main-group__toggle:hover span{color:var(--grayscale-medium)}.menu--main-group__toggle:hover svg{fill:var(--grayscale-medium)}@media (min-width: 60rem){.menu--main-group__toggle .toggle__caret svg{height:15.27px;width:3px}}@media (min-width: 75.0625rem){.menu--main-group__toggle .toggle__caret svg{height:14px;width:3px}}@media (min-width: 60rem){.menu--main-group__toggle span{margin-left:17px}}.menu--main-group__toggle.is-open:after{border-bottom:3px solid white;bottom:-10px;content:" ";position:absolute;width:100%}@media (min-width: 60rem){.menu--main-group__toggle.is-open .toggle__close{height:15px;width:15px}.menu--main-group__toggle.is-open .toggle__close svg{height:15px;width:15px}}@media (min-width: 60rem){.menu--main-group__toggle.is-open span{margin-left:10px}}.menu--main-group__dropdown{display:none;visibility:hidden}.menu--main-group__dropdown.is-open{background-color:var(--grayscale-black);border-radius:0 0 5px 5px;-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);left:0;margin:0;padding:6px 0 20px;position:absolute;top:0;visibility:visible;width:100%;z-index:511}.menu--main-group__dropdown.is-open .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;justify-items:center;padding-top:14px;position:relative}.menu--main-group__dropdown.is-open .panel-toggle{background-color:transparent;border:none;position:absolute;right:0;top:0}@media (min-width: 60rem){.menu--main-group__dropdown.is-open .panel-toggle{padding:26px 32px}}.menu--main-group__dropdown.is-open .panel-toggle__label{font-size:1rem;line-height:20px;font-weight:700;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.5px;text-transform:uppercase}.menu--main-group__dropdown.is-open .panel-toggle__label__title{padding-right:12px}.menu--main-group__dropdown.is-open .panel-toggle__label:hover{cursor:pointer}.menu--main-group__dropdown.is-open .panel-toggle__label:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .panel-toggle__label:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link{font-size:1rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:20px;text-decoration:none}@media (min-width: 75.0625rem){.menu--main-group__dropdown.is-open .menu-main-link{font-size:0.875rem;line-height:18px}}.menu--main-group__dropdown.is-open .menu-main-link:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu--main-group__label{color:var(--grayscale-white);margin-left:12px}:host(.menu--main-group--mobile){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;position:relative}.menu--main-group__mobile-toggle{border:none;background:transparent;padding:15px 12px}.menu--main-group__mobile-toggle:hover{cursor:pointer}.menu--main-group__dropdown__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:23px}.menu--main-group__dropdown__close{border:none;background-color:transparent;padding:0;margin:0}.menu--main-group__dropdown__close:hover{cursor:pointer}.menu--main-group__logo-container .hy-site-logo__label.group{max-width:250px}.menu--main-group__dropdown__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu--main-group__dropdown__items .menu-main-link{font-size:0.9375rem;line-height:20px;background-color:var(--grayscale-dark-text);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.5px;margin-bottom:8px;padding:14px 20px;text-decoration:none;width:100%}.menu--main-group__dropdown__items .menu-main-link:hover{text-decoration:underline}.menu--main-group__dropdown__donate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--grayscale-dark-text);position:fixed;bottom:0;margin-left:-20px;width:100%}.menu--main-group__dropdown__donate .hy-link__donate.group{font-size:1rem;line-height:16px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--grayscale-white);font-family:var(--main-font-family);margin:20px auto 16px auto;text-decoration:none}.menu--main-group__dropdown__donate .hy-link__donate.group .hy-link__donate__label{margin-left:6px}.menu--main-group__dropdown--mobile{-webkit-box-direction:normal;-webkit-box-orient:vertical;background-color:var(--grayscale-black);bottom:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-items:space-between;max-width:400px;overflow:hidden;padding:0px;place-items:stretch;position:fixed;right:0px;top:0px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;visibility:hidden;width:0px}.menu--main-group__dropdown--mobile.is-open{padding:50px 20px 20px;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);visibility:visible;width:90%;z-index:101}.menu--main-group__dropdown--mobile.is-open::after{opacity:1;visibility:visible}';export{m as hy_menu_main_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as e}from"./p-bb24c6b5.js";import{S as i,C as a}from"./p-
|
|
1
|
+
import{r,h as e}from"./p-bb24c6b5.js";import{S as i,C as a}from"./p-8ab550d6.js";const o=class{constructor(e){r(this,e)}render(){return e("div",{class:"hy-user-login-form"},e("div",{class:"hy-site-header__logo-container"},e("hy-site-logo",{size:i.large,color:a.black,url:this.logoUrl,label:this.logoLabel})),e("slot",null))}};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-user-login-form{font-family:var(--main-font-family)}.hy-user-login-form .user-login-form{position:relative}.hy-user-login-form .user-login-form .hy-login-label{margin-top:16px}.hy-user-login-form .user-login-form input{display:block;margin:8px 0 0 0;min-height:32px}.hy-user-login-form .user-login-form label{font-size:1rem;line-height:16px;font-weight:700;display:block}.hy-user-login-form .user-login-form label:before{content:"*";padding-right:3px}.hy-user-login-form .user-login-form div#edit-name--description,.hy-user-login-form .user-login-form div#edit-pass--description{display:none}.hy-user-login-form .user-login-form div.form-item-pass{margin-top:28px}.hy-user-login-form .user-login-form div#edit-actions{margin-top:32px}';export{o as hy_user_login_form}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as r,g as a}from"./p-bb24c6b5.js";import{C as t}from"./p-
|
|
1
|
+
import{r as e,h as i,H as r,g as a}from"./p-bb24c6b5.js";import{C as t}from"./p-8ab550d6.js";const l=class{constructor(i){e(this,i),this.isLabelBold=!1,this.placeholder="Type here...",this.isLabelHidden=!1,this.isInputValueEmpty=!0}componentDidLoad(){this.el.querySelector(".search-field__input").addEventListener("keyup",(e=>{const{value:i}=e.target;this.isInputValueEmpty=!(i.length>0)}))}handleInputReset(){this.isInputValueEmpty=!0;const e=this.el.querySelector(".search-field__input");e.value="",e.focus()}render(){return i(r,{class:"search-field"},i("label",{htmlFor:this.inputId,class:`search-field__label \n ${this.isLabelHidden?"visually-hidden":""} \n ${this.isLabelBold?"bold":""}`},this.label),i("div",{class:"search-field__actions"},i("div",{class:"search-field__wrapper"},i("input",{id:this.inputId,type:"text",placeholder:this.placeholder,class:"search-field__input"}),!this.isInputValueEmpty&&i("button",{type:"button",class:"search-field__reset","aria-label":"Reset",onClick:()=>this.handleInputReset()},i("hy-icon",{icon:"hy-icon-remove",size:14,"aria-hidden":"true"}))),i("button",{type:"submit",class:"search-field__submit","aria-label":"Search"},i("hy-icon",{icon:"hy-icon-search",size:18,fill:t.white,"aria-hidden":"true"}))))}get el(){return a(this)}};l.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.search-field{display:inline-block;width:100%}@media (min-width: 30rem){.search-field{min-width:48.3%}}@media (min-width: 75.0625rem){.search-field{min-width:23.03%}}.search-field__label{font-size:0.875rem;line-height:20px;display:block;font-family:var(--main-font-family);letter-spacing:-0.44px;margin-bottom:8px;position:relative;text-decoration:none;width:100%}@media (min-width: 30rem){.search-field__label{font-size:1rem;line-height:20px}}.search-field__label.bold{font-weight:700}.search-field__actions{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}.search-field__wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}.search-field__input{font-size:0.875rem;line-height:24px;border-radius:0;border:1px solid var(--grayscale-medium-dark);caret-color:var(--brand-main-light);font-weight:bold;height:40px;letter-spacing:normal;padding:8px 12px;width:100%}@media (min-width: 30rem){.search-field__input{font-size:1rem;line-height:24px;height:44px}}@media (min-width: 75.0625rem){.search-field__input{height:48px}}.search-field__input::-webkit-input-placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::-moz-placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input:-ms-input-placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::-ms-input-placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}@media (min-width: 30rem){.search-field__input::-webkit-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::-moz-placeholder{font-size:1rem;line-height:24px}.search-field__input:-ms-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::-ms-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::placeholder{font-size:1rem;line-height:24px}}.search-field__input:hover{border-color:var(--brand-main-light)}.search-field__input:focus{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0}.search-field__reset{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px}@media (min-width: 30rem){.search-field__reset{height:44px;width:44px}}@media (min-width: 75.0625rem){.search-field__reset{height:48px;width:48px}}.search-field__reset svg{fill:var(--grayscale-dark)}@media (min-width: 75.0625rem){.search-field__reset svg{height:16px;width:16px}}.search-field__reset:hover{cursor:pointer}.search-field__reset:focus{outline-color:var(--brand-main-light)}.search-field__submit{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);border:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}@media (min-width: 30rem){.search-field__submit{height:44px;width:44px}}@media (min-width: 75.0625rem){.search-field__submit{height:48px;width:48px}}@media (min-width: 30rem){.search-field__submit svg{height:20px;width:20px}}@media (min-width: 75.0625rem){.search-field__submit svg{height:22px;width:22px}}.search-field__submit:hover{cursor:pointer}s .search-field__submit:focus{outline-color:var(--brand-main-light)}";export{l as hy_search_field}
|