@itcenteratunihelsinki/huds-lib 0.5.3 → 0.5.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/huds-lib.cjs.js +1 -1
- package/dist/cjs/hy-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-banner.cjs.entry.js +1 -1
- package/dist/cjs/hy-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/hy-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/hy-content-list-item.cjs.entry.js +9 -3
- package/dist/cjs/hy-content-list.cjs.entry.js +39 -36
- package/dist/cjs/hy-cta-button.cjs.entry.js +1 -1
- package/dist/cjs/hy-cta-link.cjs.entry.js +1 -1
- package/dist/cjs/hy-desktop-menu-links.cjs.entry.js +1 -1
- package/dist/cjs/hy-filter-group-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-filter-list-type.cjs.entry.js +1 -1
- package/dist/cjs/hy-footer_5.cjs.entry.js +1 -1
- package/dist/cjs/hy-general-list_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-heading.cjs.entry.js +1 -1
- package/dist/cjs/hy-hero.cjs.entry.js +1 -1
- package/dist/cjs/hy-introduction.cjs.entry.js +1 -1
- package/dist/cjs/hy-key-figure-group.cjs.entry.js +1 -1
- package/dist/cjs/hy-key-figure.cjs.entry.js +1 -1
- package/dist/cjs/hy-key-highlight-group.cjs.entry.js +1 -1
- package/dist/cjs/hy-key-highlight.cjs.entry.js +1 -1
- package/dist/cjs/hy-large-process-flow.cjs.entry.js +1 -1
- package/dist/cjs/hy-link-box-list.cjs.entry.js +1 -1
- package/dist/cjs/hy-link-box.cjs.entry.js +1 -1
- package/dist/cjs/hy-link-list.cjs.entry.js +1 -1
- package/dist/cjs/hy-link.cjs.entry.js +1 -1
- package/dist/cjs/hy-list-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-logo-grid-item.cjs.entry.js +30 -0
- package/dist/cjs/hy-logo-grid.cjs.entry.js +4 -8
- package/dist/cjs/hy-menu-item-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/hy-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-menu-level-container.cjs.entry.js +1 -1
- package/dist/cjs/hy-menu-main-group.cjs.entry.js +1 -1
- package/dist/cjs/hy-menu-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/hy-menu.cjs.entry.js +1 -1
- package/dist/cjs/hy-opening-hours.cjs.entry.js +1 -1
- package/dist/cjs/hy-pager-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-person-card.cjs.entry.js +1 -1
- package/dist/cjs/hy-process-flow-box.cjs.entry.js +1 -1
- package/dist/cjs/hy-process.cjs.entry.js +1 -1
- package/dist/cjs/hy-search-field.cjs.entry.js +1 -1
- package/dist/cjs/hy-shortcuts.cjs.entry.js +1 -1
- package/dist/cjs/hy-site-header_3.cjs.entry.js +1 -1
- package/dist/cjs/hy-user-login-form.cjs.entry.js +1 -1
- package/dist/cjs/hy-video.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-f230592a.js → utils-f2f5569b.js} +5 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/courses/hy-content-list/hy-content-list.js +62 -36
- package/dist/collection/components/courses/hy-content-list-item/hy-content-list-item.css +8 -0
- package/dist/collection/components/courses/hy-content-list-item/hy-content-list-item.js +32 -3
- package/dist/collection/components/hy-logo-grid/hy-logo-grid.item.js +64 -0
- package/dist/collection/components/hy-logo-grid/hy-logo-grid.js +3 -27
- package/dist/collection/utils/utils.js +5 -0
- package/dist/esm/huds-lib.js +1 -1
- package/dist/esm/hy-accordion-item.entry.js +1 -1
- package/dist/esm/hy-banner.entry.js +1 -1
- package/dist/esm/hy-breadcrumbs.entry.js +1 -1
- package/dist/esm/hy-checkbox.entry.js +1 -1
- package/dist/esm/hy-content-list-item.entry.js +9 -3
- package/dist/esm/hy-content-list.entry.js +39 -36
- package/dist/esm/hy-cta-button.entry.js +1 -1
- package/dist/esm/hy-cta-link.entry.js +1 -1
- package/dist/esm/hy-desktop-menu-links.entry.js +1 -1
- package/dist/esm/hy-filter-group-item.entry.js +1 -1
- package/dist/esm/hy-filter-list-type.entry.js +1 -1
- package/dist/esm/hy-footer_5.entry.js +1 -1
- package/dist/esm/hy-general-list_2.entry.js +1 -1
- package/dist/esm/hy-grid-item.entry.js +1 -1
- package/dist/esm/hy-heading.entry.js +1 -1
- package/dist/esm/hy-hero.entry.js +1 -1
- package/dist/esm/hy-introduction.entry.js +1 -1
- package/dist/esm/hy-key-figure-group.entry.js +1 -1
- package/dist/esm/hy-key-figure.entry.js +1 -1
- package/dist/esm/hy-key-highlight-group.entry.js +1 -1
- package/dist/esm/hy-key-highlight.entry.js +1 -1
- package/dist/esm/hy-large-process-flow.entry.js +1 -1
- package/dist/esm/hy-link-box-list.entry.js +1 -1
- package/dist/esm/hy-link-box.entry.js +1 -1
- package/dist/esm/hy-link-list.entry.js +1 -1
- package/dist/esm/hy-link.entry.js +1 -1
- package/dist/esm/hy-list-item.entry.js +1 -1
- package/dist/esm/hy-logo-grid-item.entry.js +26 -0
- package/dist/esm/hy-logo-grid.entry.js +4 -8
- package/dist/esm/hy-menu-item-sidebar.entry.js +1 -1
- package/dist/esm/hy-menu-item.entry.js +1 -1
- package/dist/esm/hy-menu-level-container.entry.js +1 -1
- package/dist/esm/hy-menu-main-group.entry.js +1 -1
- package/dist/esm/hy-menu-sidebar.entry.js +1 -1
- package/dist/esm/hy-menu.entry.js +1 -1
- package/dist/esm/hy-opening-hours.entry.js +1 -1
- package/dist/esm/hy-pager-item.entry.js +1 -1
- package/dist/esm/hy-person-card.entry.js +1 -1
- package/dist/esm/hy-process-flow-box.entry.js +1 -1
- package/dist/esm/hy-process.entry.js +1 -1
- package/dist/esm/hy-search-field.entry.js +1 -1
- package/dist/esm/hy-shortcuts.entry.js +1 -1
- package/dist/esm/hy-site-header_3.entry.js +1 -1
- package/dist/esm/hy-user-login-form.entry.js +1 -1
- package/dist/esm/hy-video.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-61777ed2.js → utils-5edb511a.js} +6 -1
- package/dist/huds-lib/huds-lib.esm.js +1 -1
- package/dist/huds-lib/{p-4ca80758.entry.js → p-039f663c.entry.js} +1 -1
- package/dist/huds-lib/{p-4595babb.entry.js → p-0523053d.entry.js} +1 -1
- package/dist/huds-lib/{p-0351dd65.entry.js → p-06a18d92.entry.js} +1 -1
- package/dist/huds-lib/{p-f5192ece.entry.js → p-0f50c3f9.entry.js} +1 -1
- package/dist/huds-lib/{p-7a65971b.entry.js → p-124131e3.entry.js} +1 -1
- package/dist/huds-lib/{p-b4cc370d.entry.js → p-1296897a.entry.js} +1 -1
- package/dist/huds-lib/p-20a265d7.js +1 -0
- package/dist/huds-lib/{p-22c93ad3.entry.js → p-253f796c.entry.js} +1 -1
- package/dist/huds-lib/{p-812b12b4.entry.js → p-2ae655ad.entry.js} +1 -1
- package/dist/huds-lib/{p-3cd8793e.entry.js → p-2ee57761.entry.js} +1 -1
- package/dist/huds-lib/{p-6b3ad370.entry.js → p-31ff02c7.entry.js} +1 -1
- package/dist/huds-lib/{p-76ef22cb.entry.js → p-3637543d.entry.js} +1 -1
- package/dist/huds-lib/p-381e756f.entry.js +1 -0
- package/dist/huds-lib/{p-24dfef04.entry.js → p-40da4ea2.entry.js} +1 -1
- package/dist/huds-lib/{p-feaf6720.entry.js → p-499b6c19.entry.js} +1 -1
- package/dist/huds-lib/{p-e55c6ab6.entry.js → p-4c8a98c2.entry.js} +1 -1
- package/dist/huds-lib/{p-24ddfb54.entry.js → p-57aaf7d3.entry.js} +1 -1
- package/dist/huds-lib/p-5a95b265.entry.js +1 -0
- package/dist/huds-lib/{p-7fba7553.entry.js → p-6053432d.entry.js} +1 -1
- package/dist/huds-lib/{p-9428c7c3.entry.js → p-69bb03b5.entry.js} +1 -1
- package/dist/huds-lib/{p-ae621107.entry.js → p-727a9714.entry.js} +1 -1
- package/dist/huds-lib/{p-45f1fef1.entry.js → p-7b16ec44.entry.js} +1 -1
- package/dist/huds-lib/p-7d777e18.entry.js +1 -0
- package/dist/huds-lib/p-8942d01b.entry.js +1 -0
- package/dist/huds-lib/{p-cf0bbb91.entry.js → p-8d9ced03.entry.js} +1 -1
- package/dist/huds-lib/p-8f8c3f99.entry.js +1 -0
- package/dist/huds-lib/{p-efbda8ad.entry.js → p-a2a007e9.entry.js} +1 -1
- package/dist/huds-lib/{p-b08c685d.entry.js → p-a8618be5.entry.js} +1 -1
- package/dist/huds-lib/{p-37527a95.entry.js → p-ad5233f6.entry.js} +1 -1
- package/dist/huds-lib/{p-73ef64d3.entry.js → p-ad8591a4.entry.js} +1 -1
- package/dist/huds-lib/{p-f959c8be.entry.js → p-af8801e4.entry.js} +1 -1
- package/dist/huds-lib/p-b87355aa.entry.js +1 -0
- package/dist/huds-lib/{p-e00e1bb8.entry.js → p-ba8ac70e.entry.js} +1 -1
- package/dist/huds-lib/{p-1694cf18.entry.js → p-c78875fd.entry.js} +1 -1
- package/dist/huds-lib/{p-782a7dd5.entry.js → p-d06af299.entry.js} +1 -1
- package/dist/huds-lib/{p-3a94e7b0.entry.js → p-db4c74a2.entry.js} +1 -1
- package/dist/huds-lib/{p-5a6ee7f7.entry.js → p-df306531.entry.js} +1 -1
- package/dist/huds-lib/{p-ccdfb2ca.entry.js → p-e00b9ff1.entry.js} +1 -1
- package/dist/huds-lib/{p-54b5b68e.entry.js → p-e07cc533.entry.js} +1 -1
- package/dist/huds-lib/{p-d38f7925.entry.js → p-e4930926.entry.js} +1 -1
- package/dist/huds-lib/{p-331314b8.entry.js → p-e5bf0843.entry.js} +1 -1
- package/dist/huds-lib/{p-634ad771.entry.js → p-ef6935c1.entry.js} +1 -1
- package/dist/huds-lib/{p-a64912bb.entry.js → p-f60f8340.entry.js} +1 -1
- package/dist/huds-lib/p-fc2f0ada.entry.js +1 -0
- package/dist/huds-lib/p-fe6eb2b6.entry.js +1 -0
- package/dist/huds-lib/p-ff55795d.entry.js +1 -0
- package/dist/types/components/courses/hy-content-list/hy-content-list.d.ts +2 -0
- package/dist/types/components/courses/hy-content-list-item/hy-content-list-item.d.ts +2 -1
- package/dist/types/components/hy-logo-grid/hy-logo-grid.d.ts +1 -2
- package/dist/types/components/hy-logo-grid/hy-logo-grid.item.d.ts +5 -0
- package/dist/types/components.d.ts +22 -3
- package/dist/types/utils/utils.d.ts +4 -0
- package/package.json +1 -1
- package/dist/huds-lib/p-13df2819.entry.js +0 -1
- package/dist/huds-lib/p-1dfe6322.entry.js +0 -1
- package/dist/huds-lib/p-2f4d1286.js +0 -1
- package/dist/huds-lib/p-7bdcb0e6.entry.js +0 -1
- package/dist/huds-lib/p-8d5a953e.entry.js +0 -1
- package/dist/huds-lib/p-92035ddc.entry.js +0 -1
- package/dist/huds-lib/p-970c2118.entry.js +0 -1
- package/dist/huds-lib/p-bae5b5b2.entry.js +0 -1
- package/dist/huds-lib/p-e7d5f3e6.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as e,g as t}from"./p-36dbfc06.js";import{r as n}from"./p-2f4d1286.js";let a={enter:"Enter",space:"Space"};const r=class{constructor(e){i(this,e),this.isExpandedRelatedContent=!1,this.variant=n.default,this.isExternal=!1,this.disableLazy=!1,this.outGoingUrlLabel="Go to programme page",this.headerstyle="common",this._imageMinHeight=0,this._imageMinWidth=0}relatedLinksWatcher(i){this._relatedLinks="string"==typeof i?JSON.parse(i):i}additionalInfoWatcher(i){this._additionalInfo="string"==typeof i?JSON.parse(i):i}srcSetWatcher(i){this._sourceSet="string"==typeof i?JSON.parse(i):i}expandRelatedInfoPanel(i){let e=`hy-list-item-wrapper__${this.variant}__related-info__content`,t="hy-list-item-wrapper__degree__related-info__heading__button",n=document.querySelectorAll(`[aria-labelledBy="${i.id}"]`)[0];n&&(this.isExpandedRelatedContent?(n.classList.remove(`${e}__is-open`),i.classList.remove(`${t}__is-open`)):(n.classList.add(`${e}__is-open`),i.classList.add(`${t}__is-open`)),this.isExpandedRelatedContent=!this.isExpandedRelatedContent)}handleKeyDown(i){const e=i.code;let t=i.target;const n=t.tagName.toLowerCase(),r=[n].some((i=>["svg","path","button","a"].indexOf(i)>=0));t&&r&&!t.classList.contains("hy-list-item-wrapper__degree__related-info__link")&&[a.enter,a.space].includes(e)&&("button"!==n&&(t=t.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`)),this.expandRelatedInfoPanel(t),i.preventDefault())}handleClick(i){let e=i.target;const t=e.tagName.toLowerCase(),n=[t].some((i=>["svg","path","button","a"].indexOf(i)>=0));e&&n&&!e.classList.contains("hy-list-item-wrapper__degree__related-info__link")&&("button"!==t&&(e=e.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`)),this.expandRelatedInfoPanel(e),i.preventDefault(),i.stopImmediatePropagation())}componentWillLoad(){this.relatedLinksWatcher(this.relatedLinks),this.additionalInfoWatcher(this.additionalInfo),this.srcSetWatcher(this.sourceSet)}componentDidLoad(){let i=this.el.closest(".hy-main");if(i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large")),this.variant==n.degreeProgramme){const i=document.querySelector(".hy-list-item__degree__image-container__image img");i&&i.addEventListener("load",(function(){const e=i.naturalHeight,t=i.naturalWidth,n=t/e;this._imageMinWidth=t,this._imageMinHeight=e,n>1?this._imageMinWidth=1*e:n<1&&(this._imageMinHeight=t/1)}))}}render(){const i=["hy-list-item-wrapper",`hy-list-item-wrapper__${this.variant}`,`hy-list-item-wrapper__${this.variant}__${this.headerstyle}`].join(" "),t=["hy-list-item",`hy-list-item__${this.variant}`].join(" "),a=[`hy-list-item__${this.variant}__info-container`,`hy-list-item__${this.variant}__info-container__${this.headerstyle}`].join(" "),r=[`hy-list-item__${this.variant}__info-container__header`,`hy-list-item__${this.variant}__info-container__header__${this.headerstyle}`].join(" "),_=[`hy-list-item__${this.variant}__info-container__title`,`hy-list-item__${this.variant}__info-container__title__${this.headerstyle}`].join(" "),o=[`hy-list-item__${this.variant}__info-container__description`,`hy-list-item__${this.variant}__info-container__description__${this.headerstyle}`].join(" "),l=[`hy-list-item__${this.variant}__info-container__link-container`].join(" "),s=[`hy-list-item__${this.variant}__info-container__link__icon`].join(" "),d=[`hy-list-item__${this.variant}__info-container__link`].join(" "),h=this.isExternal?"_blank":"_self";switch(this.variant){case n.degreeProgramme:{const n=[`hy-list-item__${this.variant}__image-container`].join(" "),r=[`hy-list-item__${this.variant}__image-container__image`].join(" "),l=[`hy-list-item__${this.variant}__info-container__additional-info`,`hy-list-item__${this.variant}__info-container__additional-info__${this.headerstyle}`].join(" "),s=[`hy-list-item__${this.variant}__info-container__metadata-wrapper`,this._additionalInfo&&this._additionalInfo.length>0?"":"link-only"].join(" "),d=[`hy-list-item__${this.variant}__info-container__content-wrapper`].join(" "),m=[`hy-list-item__${this.variant}__info-container__outgoing-link`,`hy-list-item__${this.variant}__info-container__outgoing-link__${this.headerstyle}`].join(" "),p=[`hy-list-item__${this.variant}__info-container__outgoing-link__link`].join(" "),c=[`hy-list-item-wrapper__${this.variant}__related-info`,`hy-list-item-wrapper__${this.variant}__related-info__${this.headerstyle}`].join(" "),g=[`hy-list-item-wrapper__${this.variant}__related-info__heading`].join(" "),f=[`hy-list-item-wrapper__${this.variant}__related-info__heading__link`].join(" "),x=[`hy-list-item-wrapper__${this.variant}__related-info__heading__button`].join(" "),b=[`hy-list-item-wrapper__${this.variant}__related-info__heading__icon`].join(" "),y=[`hy-list-item-wrapper__${this.variant}__related-info__content`].join(" "),w=[`hy-list-item-wrapper__${this.variant}__related-info__link`].join(" "),k=this.relatedLinksBlockTitle&&this.relatedLinksBlockTitle.length>0?`${this.itemTitle}-${this.relatedLinksBlockTitle}`.toLowerCase().replace(/\W/g,"-"):"",u="#"+k+"--title",v=this.relatedLinksBlockTitle&&this.relatedLinksBlockTitle.length>0?this._relatedLinks.length:"";return[e("article",{class:i},e("a",{class:t,href:this.url,target:h,"aria-label":this.scLabel},e("div",{class:n},e("div",{class:r},this._sourceSet?e("picture",null,this._sourceSet.map((i=>e("source",{srcSet:i.src,media:i.media,type:i.type,sizes:i.sizes?i.sizes:""}))),e("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.itemImageUrl,alt:this.itemImageAlt,style:{"--minheight":`${this._imageMinHeight}px`,"--minwidth":`${this._imageMinWidth}px`}})):e("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.itemImageUrl,alt:this.itemImageAlt,style:{"--minheight":`${this._imageMinHeight}px`,"--minwidth":`${this._imageMinWidth}px`}})),this.imageLabel&&e("span",null,this.imageLabel)),e("div",{class:a},e("div",{class:d},e("div",{class:_},this.itemTitle),this.itemDescription&&e("div",{class:o,innerHTML:this.itemDescription})),e("div",{class:s},this._additionalInfo&&e("div",{class:l},this._additionalInfo.map((i=>{let t=[`hy-list-item__${this.variant}__info-container__additional-info__item`,`hy-list-item__${this.variant}__info-container__additional-info__item__${this.headerstyle}`,"true"==i.isActive.toString()?"active":""].join(" ");return e("div",{class:t},i.text)}))),e("div",{class:m},e("a",{href:this.url,target:h,"aria-label":this.scLabel,class:p,tabindex:"-1"},e("span",{class:"label"},this.outGoingUrlLabel),e("span",{class:"icon-wrapper"},e("div",{class:"icon"},e("hy-icon",{icon:"hy-icon-arrow-to-right",size:32})))))))),this.relatedLinksBlockTitle&&e("div",{class:c},e("div",{class:g},e("a",{href:u,class:f,tabindex:"-1"},e("button",{"aria-expanded":"false","aria-controls":`${k}--content`,class:x,id:`${k}--title`},e("span",{class:b},e("hy-icon",{icon:"hy-icon-caret-down",size:14})),this.relatedLinksBlockTitle," (",v,")"))),e("div",{class:y,"aria-labelledBy":`${k}--title`,id:`${k}--content`,role:"region","aria-hidden":"true"},this._relatedLinks.map((i=>e("a",{class:w,href:i.url,target:h,"aria-label":i.isExternal?"_blank":"_self"},i.label))))))]}default:return e("article",null,e("a",{class:t,href:this.url,target:h,"aria-label":this.scLabel},e("div",{class:a},e("div",{class:r},this.itemType),e("div",{class:_},this.itemTitle),e("div",{class:l},e("span",{class:s},e("hy-icon",{icon:"hy-icon-link",size:15})),e("div",{class:d},this.url)),this.itemDescription&&e("div",{class:o,innerHTML:this.itemDescription}))))}}get el(){return t(this)}static get watchers(){return{relatedLinks:["relatedLinksWatcher"],additionalInfo:["additionalInfoWatcher"],sourceSet:["srcSetWatcher"]}}};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-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);text-decoration:none}.hy-list-item__default{margin-bottom:28px}@media (min-width: 60rem){.hy-list-item__default{margin-bottom:32px}}.hy-list-item__default__info-container__header{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:4px}@media (min-width: 30rem){.hy-list-item__default__info-container__header{font-size:0.875rem;line-height:18px;margin-bottom:2px}}.hy-list-item__default__info-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.56px;margin-bottom:6px}@media (min-width: 30rem){.hy-list-item__default__info-container__title{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;margin-bottom:10px}}@media (min-width: 1601px){.hy-list-item__default__info-container__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:8px}}@media (min-width: 75.0625rem){.hy-list-item__default__info-container__title__large{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:8px}}.hy-list-item__default__info-container__link-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:6px}@media (min-width: 30rem){.hy-list-item__default__info-container__link-container{margin-bottom:8px}}.hy-list-item__default__info-container__link{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);letter-spacing:-0.07px;margin-left:4px}@media (min-width: 30rem){.hy-list-item__default__info-container__link{margin-left:5px}}.hy-list-item__default__info-container__link__icon svg{fill:var(--grayscale-dark)}.hy-list-item__default__info-container__description{font-size:0.875rem;line-height:20px;color:var(--grayscale-black);letter-spacing:0}@media (min-width: 30rem){.hy-list-item__default__info-container__description{font-size:1rem;line-height:24px}}.hy-list-item__degree{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 30rem){.hy-list-item__degree{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-list-item__degree__image-container{display:block;min-width:100%;position:relative;width:100%}@media (min-width: 30rem){.hy-list-item__degree__image-container{min-width:24%;width:24%}}.hy-list-item__degree__image-container__image{vertical-align:bottom;max-width:100%;height:100%}.hy-list-item__degree__image-container__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hy-list-item__degree__image-container span{font-weight:600;font-size:0.75rem;line-height:14px;background-color:var(--additional-yellow);-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);color:var(--grayscale-black);left:-4px;letter-spacing:-0.07px;padding:5px 8px;position:absolute;top:16px;text-transform:uppercase}@media (min-width: 30rem){.hy-list-item__degree__image-container span{left:-8px}}@media (min-width: 60rem){.hy-list-item__degree__image-container span{top:22px}}.hy-list-item__degree__info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:12px;position:relative}@media (min-width: 60rem){.hy-list-item__degree__info-container{padding:12px 16px}}@media (min-width: 1601px){.hy-list-item__degree__info-container{padding:20px 24px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__large{padding:20px 24px}}.hy-list-item__degree__info-container__data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-list-item__degree__info-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--link-blue);letter-spacing:-0.54px;margin-bottom:8px}@media (min-width: 60rem){.hy-list-item__degree__info-container__title{font-size:1.125rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.hy-list-item__degree__info-container__title{font-size:1.25rem;line-height:26px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__title__large{font-size:1.25rem;line-height:26px;letter-spacing:-0.6px}}.hy-list-item__degree__info-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:16px}@media (min-width: 60rem){.hy-list-item__degree__info-container__description{letter-spacing:-0.2}}@media (min-width: 1601px){.hy-list-item__degree__info-container__description{font-size:1rem;line-height:20px;letter-spacing:-0.25px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__description__large{font-size:1rem;line-height:20px;letter-spacing:-0.25px}}.hy-list-item__degree__info-container__metadata-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px;width:100%}@media (min-width: 30rem){.hy-list-item__degree__info-container__metadata-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.hy-list-item__degree__info-container__metadata-wrapper.link-only{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.hy-list-item__degree__info-container__additional-info{width:100%}.hy-list-item__degree__info-container__additional-info__item{font-size:0.75rem;line-height:16px;font-weight:300;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;letter-spacing:-0.2px}@media (min-width: 1601px){.hy-list-item__degree__info-container__additional-info__item{font-size:0.875rem;line-height:16px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__additional-info__item__large{font-size:0.875rem;line-height:16px}}.hy-list-item__degree__info-container__additional-info__item.active::before{content:" ";-webkit-box-sizing:border-box;box-sizing:border-box;height:14px;width:14px;border:3px solid #ffffff;border-radius:50%;background-color:#f9a21a;left:-7px;position:absolute}@media (min-width: 30rem){.hy-list-item__degree__info-container__additional-info__item.active::before{border:none;height:8px;margin-right:6px;width:8px;left:0;position:relative}}.hy-list-item__degree__info-container__outgoing-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;width:100%}.hy-list-item__degree__info-container__outgoing-link a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;right:-18px;text-decoration:none}@media (min-width: 60rem){.hy-list-item__degree__info-container__outgoing-link a{right:-22px}}@media (min-width: 1601px){.hy-list-item__degree__info-container__outgoing-link a{right:-30px}}.hy-list-item__degree__info-container__outgoing-link a .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.5px;margin-right:8px;text-align:right}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper{background-color:var(--brand-main-light);z-index:10}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon{position:relative;overflow:hidden}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);fill:var(--grayscale-white);padding:6.4px}@media (min-width: 1601px){.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon svg{height:36px;width:36px;padding:7.2px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__outgoing-link__large svg{height:36px;width:36px;padding:7.2px}}.hy-list-item-wrapper{font-family:var(--main-font-family)}.hy-list-item-wrapper__degree{margin-bottom:16px}@media (min-width: 30rem){.hy-list-item-wrapper__degree{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:24px}}@media (min-width: 60rem){.hy-list-item-wrapper__degree{margin-bottom:28px}}@media (min-width: 1601px){.hy-list-item-wrapper__degree{margin-bottom:32px}}@media (min-width: 75.0625rem){.hy-list-item-wrapper__degree__large{margin-bottom:32px}}.hy-list-item-wrapper__degree__related-info{background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);margin-top:4px;padding:0 12px 0 16px}@media (min-width: 30rem){.hy-list-item-wrapper__degree__related-info{padding:0 24px 0 16px}}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info{margin-top:6px;padding:0 24px 0 24px}}@media (min-width: 1601px){.hy-list-item-wrapper__degree__related-info{margin-top:8px}}@media (min-width: 75.0625rem){.hy-list-item-wrapper__degree__related-info__large{margin-top:8px}}.hy-list-item-wrapper__degree__related-info__heading__link{text-decoration:none}.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);border:none;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);letter-spacing:-0.2px;height:100%;padding:8px 0;text-align:left;width:100%}@media (min-width: 30rem){.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.75rem;line-height:20px;padding:14px 0}}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.875rem;line-height:20px;letter-spacing:-0.4px;padding:18px 0}}.hy-list-item-wrapper__degree__related-info__heading__button:hover{cursor:pointer}.hy-list-item-wrapper__degree__related-info__heading__button__is-open svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-list-item-wrapper__degree__related-info__heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__icon{margin-right:12px}}.hy-list-item-wrapper__degree__related-info__heading__icon svg{fill:var(--brand-main);height:14px;width:14px}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__icon svg{height:18px;width:18px}}.hy-list-item-wrapper__degree__related-info__content{display:none}.hy-list-item-wrapper__degree__related-info__content__is-open{border-top:1px solid #d2d2d2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px 8px 5px 8px}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__content__is-open{padding:20px 0 14px 0}}.hy-list-item-wrapper__degree__related-info__link{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.4px;margin-bottom:16px;text-decoration:none}';export{r as hy_list_item}
|
|
1
|
+
import{r as i,h as e,g as t}from"./p-36dbfc06.js";import{s as n}from"./p-20a265d7.js";let a={enter:"Enter",space:"Space"};const r=class{constructor(e){i(this,e),this.isExpandedRelatedContent=!1,this.variant=n.default,this.isExternal=!1,this.disableLazy=!1,this.outGoingUrlLabel="Go to programme page",this.headerstyle="common",this._imageMinHeight=0,this._imageMinWidth=0}relatedLinksWatcher(i){this._relatedLinks="string"==typeof i?JSON.parse(i):i}additionalInfoWatcher(i){this._additionalInfo="string"==typeof i?JSON.parse(i):i}srcSetWatcher(i){this._sourceSet="string"==typeof i?JSON.parse(i):i}expandRelatedInfoPanel(i){let e=`hy-list-item-wrapper__${this.variant}__related-info__content`,t="hy-list-item-wrapper__degree__related-info__heading__button",n=document.querySelectorAll(`[aria-labelledBy="${i.id}"]`)[0];n&&(this.isExpandedRelatedContent?(n.classList.remove(`${e}__is-open`),i.classList.remove(`${t}__is-open`)):(n.classList.add(`${e}__is-open`),i.classList.add(`${t}__is-open`)),this.isExpandedRelatedContent=!this.isExpandedRelatedContent)}handleKeyDown(i){const e=i.code;let t=i.target;const n=t.tagName.toLowerCase(),r=[n].some((i=>["svg","path","button","a"].indexOf(i)>=0));t&&r&&!t.classList.contains("hy-list-item-wrapper__degree__related-info__link")&&[a.enter,a.space].includes(e)&&("button"!==n&&(t=t.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`)),this.expandRelatedInfoPanel(t),i.preventDefault())}handleClick(i){let e=i.target;const t=e.tagName.toLowerCase(),n=[t].some((i=>["svg","path","button","a"].indexOf(i)>=0));e&&n&&!e.classList.contains("hy-list-item-wrapper__degree__related-info__link")&&("button"!==t&&(e=e.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`)),this.expandRelatedInfoPanel(e),i.preventDefault(),i.stopImmediatePropagation())}componentWillLoad(){this.relatedLinksWatcher(this.relatedLinks),this.additionalInfoWatcher(this.additionalInfo),this.srcSetWatcher(this.sourceSet)}componentDidLoad(){let i=this.el.closest(".hy-main");if(i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large")),this.variant==n.degreeProgramme){const i=document.querySelector(".hy-list-item__degree__image-container__image img");i&&i.addEventListener("load",(function(){const e=i.naturalHeight,t=i.naturalWidth,n=t/e;this._imageMinWidth=t,this._imageMinHeight=e,n>1?this._imageMinWidth=1*e:n<1&&(this._imageMinHeight=t/1)}))}}render(){const i=["hy-list-item-wrapper",`hy-list-item-wrapper__${this.variant}`,`hy-list-item-wrapper__${this.variant}__${this.headerstyle}`].join(" "),t=["hy-list-item",`hy-list-item__${this.variant}`].join(" "),a=[`hy-list-item__${this.variant}__info-container`,`hy-list-item__${this.variant}__info-container__${this.headerstyle}`].join(" "),r=[`hy-list-item__${this.variant}__info-container__header`,`hy-list-item__${this.variant}__info-container__header__${this.headerstyle}`].join(" "),_=[`hy-list-item__${this.variant}__info-container__title`,`hy-list-item__${this.variant}__info-container__title__${this.headerstyle}`].join(" "),o=[`hy-list-item__${this.variant}__info-container__description`,`hy-list-item__${this.variant}__info-container__description__${this.headerstyle}`].join(" "),l=[`hy-list-item__${this.variant}__info-container__link-container`].join(" "),s=[`hy-list-item__${this.variant}__info-container__link__icon`].join(" "),d=[`hy-list-item__${this.variant}__info-container__link`].join(" "),h=this.isExternal?"_blank":"_self";switch(this.variant){case n.degreeProgramme:{const n=[`hy-list-item__${this.variant}__image-container`].join(" "),r=[`hy-list-item__${this.variant}__image-container__image`].join(" "),l=[`hy-list-item__${this.variant}__info-container__additional-info`,`hy-list-item__${this.variant}__info-container__additional-info__${this.headerstyle}`].join(" "),s=[`hy-list-item__${this.variant}__info-container__metadata-wrapper`,this._additionalInfo&&this._additionalInfo.length>0?"":"link-only"].join(" "),d=[`hy-list-item__${this.variant}__info-container__content-wrapper`].join(" "),m=[`hy-list-item__${this.variant}__info-container__outgoing-link`,`hy-list-item__${this.variant}__info-container__outgoing-link__${this.headerstyle}`].join(" "),p=[`hy-list-item__${this.variant}__info-container__outgoing-link__link`].join(" "),c=[`hy-list-item-wrapper__${this.variant}__related-info`,`hy-list-item-wrapper__${this.variant}__related-info__${this.headerstyle}`].join(" "),g=[`hy-list-item-wrapper__${this.variant}__related-info__heading`].join(" "),f=[`hy-list-item-wrapper__${this.variant}__related-info__heading__link`].join(" "),x=[`hy-list-item-wrapper__${this.variant}__related-info__heading__button`].join(" "),b=[`hy-list-item-wrapper__${this.variant}__related-info__heading__icon`].join(" "),y=[`hy-list-item-wrapper__${this.variant}__related-info__content`].join(" "),w=[`hy-list-item-wrapper__${this.variant}__related-info__link`].join(" "),k=this.relatedLinksBlockTitle&&this.relatedLinksBlockTitle.length>0?`${this.itemTitle}-${this.relatedLinksBlockTitle}`.toLowerCase().replace(/\W/g,"-"):"",u="#"+k+"--title",v=this.relatedLinksBlockTitle&&this.relatedLinksBlockTitle.length>0?this._relatedLinks.length:"";return[e("article",{class:i},e("a",{class:t,href:this.url,target:h,"aria-label":this.scLabel},e("div",{class:n},e("div",{class:r},this._sourceSet?e("picture",null,this._sourceSet.map((i=>e("source",{srcSet:i.src,media:i.media,type:i.type,sizes:i.sizes?i.sizes:""}))),e("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.itemImageUrl,alt:this.itemImageAlt,style:{"--minheight":`${this._imageMinHeight}px`,"--minwidth":`${this._imageMinWidth}px`}})):e("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.itemImageUrl,alt:this.itemImageAlt,style:{"--minheight":`${this._imageMinHeight}px`,"--minwidth":`${this._imageMinWidth}px`}})),this.imageLabel&&e("span",null,this.imageLabel)),e("div",{class:a},e("div",{class:d},e("div",{class:_},this.itemTitle),this.itemDescription&&e("div",{class:o,innerHTML:this.itemDescription})),e("div",{class:s},this._additionalInfo&&e("div",{class:l},this._additionalInfo.map((i=>{let t=[`hy-list-item__${this.variant}__info-container__additional-info__item`,`hy-list-item__${this.variant}__info-container__additional-info__item__${this.headerstyle}`,"true"==i.isActive.toString()?"active":""].join(" ");return e("div",{class:t},i.text)}))),e("div",{class:m},e("a",{href:this.url,target:h,"aria-label":this.scLabel,class:p,tabindex:"-1"},e("span",{class:"label"},this.outGoingUrlLabel),e("span",{class:"icon-wrapper"},e("div",{class:"icon"},e("hy-icon",{icon:"hy-icon-arrow-to-right",size:32})))))))),this.relatedLinksBlockTitle&&e("div",{class:c},e("div",{class:g},e("a",{href:u,class:f,tabindex:"-1"},e("button",{"aria-expanded":"false","aria-controls":`${k}--content`,class:x,id:`${k}--title`},e("span",{class:b},e("hy-icon",{icon:"hy-icon-caret-down",size:14})),this.relatedLinksBlockTitle," (",v,")"))),e("div",{class:y,"aria-labelledBy":`${k}--title`,id:`${k}--content`,role:"region","aria-hidden":"true"},this._relatedLinks.map((i=>e("a",{class:w,href:i.url,target:h,"aria-label":i.isExternal?"_blank":"_self"},i.label))))))]}default:return e("article",null,e("a",{class:t,href:this.url,target:h,"aria-label":this.scLabel},e("div",{class:a},e("div",{class:r},this.itemType),e("div",{class:_},this.itemTitle),e("div",{class:l},e("span",{class:s},e("hy-icon",{icon:"hy-icon-link",size:15})),e("div",{class:d},this.url)),this.itemDescription&&e("div",{class:o,innerHTML:this.itemDescription}))))}}get el(){return t(this)}static get watchers(){return{relatedLinks:["relatedLinksWatcher"],additionalInfo:["additionalInfoWatcher"],sourceSet:["srcSetWatcher"]}}};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-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);text-decoration:none}.hy-list-item__default{margin-bottom:28px}@media (min-width: 60rem){.hy-list-item__default{margin-bottom:32px}}.hy-list-item__default__info-container__header{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:4px}@media (min-width: 30rem){.hy-list-item__default__info-container__header{font-size:0.875rem;line-height:18px;margin-bottom:2px}}.hy-list-item__default__info-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.56px;margin-bottom:6px}@media (min-width: 30rem){.hy-list-item__default__info-container__title{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;margin-bottom:10px}}@media (min-width: 1601px){.hy-list-item__default__info-container__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:8px}}@media (min-width: 75.0625rem){.hy-list-item__default__info-container__title__large{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:8px}}.hy-list-item__default__info-container__link-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:6px}@media (min-width: 30rem){.hy-list-item__default__info-container__link-container{margin-bottom:8px}}.hy-list-item__default__info-container__link{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);letter-spacing:-0.07px;margin-left:4px}@media (min-width: 30rem){.hy-list-item__default__info-container__link{margin-left:5px}}.hy-list-item__default__info-container__link__icon svg{fill:var(--grayscale-dark)}.hy-list-item__default__info-container__description{font-size:0.875rem;line-height:20px;color:var(--grayscale-black);letter-spacing:0}@media (min-width: 30rem){.hy-list-item__default__info-container__description{font-size:1rem;line-height:24px}}.hy-list-item__degree{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 30rem){.hy-list-item__degree{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-list-item__degree__image-container{display:block;min-width:100%;position:relative;width:100%}@media (min-width: 30rem){.hy-list-item__degree__image-container{min-width:24%;width:24%}}.hy-list-item__degree__image-container__image{vertical-align:bottom;max-width:100%;height:100%}.hy-list-item__degree__image-container__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hy-list-item__degree__image-container span{font-weight:600;font-size:0.75rem;line-height:14px;background-color:var(--additional-yellow);-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);color:var(--grayscale-black);left:-4px;letter-spacing:-0.07px;padding:5px 8px;position:absolute;top:16px;text-transform:uppercase}@media (min-width: 30rem){.hy-list-item__degree__image-container span{left:-8px}}@media (min-width: 60rem){.hy-list-item__degree__image-container span{top:22px}}.hy-list-item__degree__info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:12px;position:relative}@media (min-width: 60rem){.hy-list-item__degree__info-container{padding:12px 16px}}@media (min-width: 1601px){.hy-list-item__degree__info-container{padding:20px 24px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__large{padding:20px 24px}}.hy-list-item__degree__info-container__data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-list-item__degree__info-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--link-blue);letter-spacing:-0.54px;margin-bottom:8px}@media (min-width: 60rem){.hy-list-item__degree__info-container__title{font-size:1.125rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.hy-list-item__degree__info-container__title{font-size:1.25rem;line-height:26px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__title__large{font-size:1.25rem;line-height:26px;letter-spacing:-0.6px}}.hy-list-item__degree__info-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:16px}@media (min-width: 60rem){.hy-list-item__degree__info-container__description{letter-spacing:-0.2}}@media (min-width: 1601px){.hy-list-item__degree__info-container__description{font-size:1rem;line-height:20px;letter-spacing:-0.25px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__description__large{font-size:1rem;line-height:20px;letter-spacing:-0.25px}}.hy-list-item__degree__info-container__metadata-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px;width:100%}@media (min-width: 30rem){.hy-list-item__degree__info-container__metadata-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.hy-list-item__degree__info-container__metadata-wrapper.link-only{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.hy-list-item__degree__info-container__additional-info{width:100%}.hy-list-item__degree__info-container__additional-info__item{font-size:0.75rem;line-height:16px;font-weight:300;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;letter-spacing:-0.2px}@media (min-width: 1601px){.hy-list-item__degree__info-container__additional-info__item{font-size:0.875rem;line-height:16px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__additional-info__item__large{font-size:0.875rem;line-height:16px}}.hy-list-item__degree__info-container__additional-info__item.active::before{content:" ";-webkit-box-sizing:border-box;box-sizing:border-box;height:14px;width:14px;border:3px solid #ffffff;border-radius:50%;background-color:#f9a21a;left:-7px;position:absolute}@media (min-width: 30rem){.hy-list-item__degree__info-container__additional-info__item.active::before{border:none;height:8px;margin-right:6px;width:8px;left:0;position:relative}}.hy-list-item__degree__info-container__outgoing-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;width:100%}.hy-list-item__degree__info-container__outgoing-link a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;right:-18px;text-decoration:none}@media (min-width: 60rem){.hy-list-item__degree__info-container__outgoing-link a{right:-22px}}@media (min-width: 1601px){.hy-list-item__degree__info-container__outgoing-link a{right:-30px}}.hy-list-item__degree__info-container__outgoing-link a .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.5px;margin-right:8px;text-align:right}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper{background-color:var(--brand-main-light);z-index:10}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon{position:relative;overflow:hidden}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);fill:var(--grayscale-white);padding:6.4px}@media (min-width: 1601px){.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon svg{height:36px;width:36px;padding:7.2px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__outgoing-link__large svg{height:36px;width:36px;padding:7.2px}}.hy-list-item-wrapper{font-family:var(--main-font-family)}.hy-list-item-wrapper__degree{margin-bottom:16px}@media (min-width: 30rem){.hy-list-item-wrapper__degree{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:24px}}@media (min-width: 60rem){.hy-list-item-wrapper__degree{margin-bottom:28px}}@media (min-width: 1601px){.hy-list-item-wrapper__degree{margin-bottom:32px}}@media (min-width: 75.0625rem){.hy-list-item-wrapper__degree__large{margin-bottom:32px}}.hy-list-item-wrapper__degree__related-info{background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);margin-top:4px;padding:0 12px 0 16px}@media (min-width: 30rem){.hy-list-item-wrapper__degree__related-info{padding:0 24px 0 16px}}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info{margin-top:6px;padding:0 24px 0 24px}}@media (min-width: 1601px){.hy-list-item-wrapper__degree__related-info{margin-top:8px}}@media (min-width: 75.0625rem){.hy-list-item-wrapper__degree__related-info__large{margin-top:8px}}.hy-list-item-wrapper__degree__related-info__heading__link{text-decoration:none}.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);border:none;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);letter-spacing:-0.2px;height:100%;padding:8px 0;text-align:left;width:100%}@media (min-width: 30rem){.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.75rem;line-height:20px;padding:14px 0}}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.875rem;line-height:20px;letter-spacing:-0.4px;padding:18px 0}}.hy-list-item-wrapper__degree__related-info__heading__button:hover{cursor:pointer}.hy-list-item-wrapper__degree__related-info__heading__button__is-open svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-list-item-wrapper__degree__related-info__heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__icon{margin-right:12px}}.hy-list-item-wrapper__degree__related-info__heading__icon svg{fill:var(--brand-main);height:14px;width:14px}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__icon svg{height:18px;width:18px}}.hy-list-item-wrapper__degree__related-info__content{display:none}.hy-list-item-wrapper__degree__related-info__content__is-open{border-top:1px solid #d2d2d2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px 8px 5px 8px}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__content__is-open{padding:20px 0 14px 0}}.hy-list-item-wrapper__degree__related-info__link{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.4px;margin-bottom:16px;text-decoration:none}';export{r as hy_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as n,g as t}from"./p-36dbfc06.js";import{M as a}from"./p-2f4d1286.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)));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}.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-36dbfc06.js";import{M as a}from"./p-20a265d7.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)));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}.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 +1 @@
|
|
|
1
|
-
import{r as i,h as t,g as e}from"./p-36dbfc06.js";import{p as n}from"./p-2f4d1286.js";const a=class{constructor(t){i(this,t),this.variant=n.default,this.imageUrl=null,this.imageAlt=null,this.disableLazy=!1,this.useSlot=!1,this.textDescription=null,this.isExternal=!1,this.headerstyle="common"}srcSetWatcher(i){this._sourceSet="string"==typeof i?JSON.parse(i):i}componentWillLoad(){this.srcSetWatcher(this.sourceSet)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}handleClick(i){this.openLink(i.currentTarget)}handleKeyDown(i){"Enter"==i.code&&this.openLink(i.currentTarget)}openLink(i){let t=i.shadowRoot.querySelector(".hy-link-box-container");window.open(t.dataset.location,t.dataset.target)}handleMouseEnter(i){this.manageHoverEffect(i.currentTarget)}handleMouseLeave(i){this.manageHoverEffect(i.currentTarget,!1)}handleOnFocusIn(i){this.manageHoverEffect(i.currentTarget)}handleOnFocusOut(i){this.manageHoverEffect(i.currentTarget,!1)}manageHoverEffect(i,t=!0){let e=i.shadowRoot.querySelector("h3.hy-link-box__text-container__title"),n=i.shadowRoot.querySelector(".hy-icon-wrapper");t?(e.classList.add("hy-link-box__text-container__title__hover"),n.classList.add("hy-icon-wrapper__hover")):(e.classList.remove("hy-link-box__text-container__title__hover"),n.classList.remove("hy-icon-wrapper__hover"))}render(){const i=["hy-link-box-container"].join(" "),e=["hy-link-box",this.variant,`hy-link-box__${this.variant}`,this.headerstyle,`hy-link-box__${this.headerstyle}`,this.imageUrl?"hy-link-box--with-image":null].join(" "),n=["hy-link-box-link",`hy-link-box-link__${this.variant}`,`hy-link-box-link__${this.headerstyle}`,this.headerstyle,this.isExternal?"hy-link-box-link__external":null].join(" "),a=["hy-link-box__text-container",this.imageUrl?"hy-link-box--with-image":null].join(" "),r=["hy-link-box__text-container__title",`hy-link-box__text-container__title__${this.variant}`,`hy-link-box__text-container__title__${this.headerstyle}`,this.imageUrl?"hy-link-box__text-container__title__image":"",this.imageUrl?"image":""].join(" "),o=["hy-link-box__text-container__description",`hy-link-box__text-container__description__${this.variant}`,`hy-link-box__text-container__description__${this.headerstyle}`].join(" "),l=this.isExternal?"_blank":"_self";return[t("article",{class:i,tabindex:"0","data-target":l,"data-location":this.url},t("div",{class:e,"aria-label":this.scLabel},this.imageUrl&&t("div",{class:"hy-link-box__image-container",style:{"--aspectRatio":"62.5%"}},this._sourceSet?t("picture",null,this._sourceSet.map((i=>t("source",{srcSet:i.src,media:i.media,type:i.type,sizes:i.sizes?i.sizes:""}))),t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})):t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})),t("div",{class:a},t("h3",{class:r,innerHTML:this.textTitle}),this.textDescription&&t("div",{class:o},this.textDescription))),t("span",{class:"hy-icon-wrapper"},t("a",{class:n,href:this.url,target:l,"aria-label":this.scLabel,tabindex:"-1"},t("hy-icon",{icon:"hy-icon-arrow-to-right",size:32}))))]}get el(){return e(this)}static get watchers(){return{sourceSet:["srcSetWatcher"]}}};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{background:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:32px;margin-right:0;max-width:100%;position:relative;width:100%}@media (min-width: 30rem){:host{margin-right:var(--gutter-narrow)}}@media (min-width: 60rem){:host{margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){:host{margin-right:var(--gutter-extrawide)}}:host(.big){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.big){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5);width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5)}}@media (min-width: 60rem){:host(.big){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(.big){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)}}:host(.small){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.small){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5);width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5)}}@media (min-width: 60rem){:host(.small){max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 3 + var(--gutter-wide) * 2);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 3 + var(--gutter-wide) * 2)}}@media (min-width: 75.0625rem){:host(.small){max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 3 + var(--gutter-extrawide) * 2);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 3 + var(--gutter-extrawide) * 2)}}@media (min-width: 60rem){:host(.content.big:nth-of-type(3n+0)){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}}:host(:nth-of-type(2n+0)){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}@media (min-width: 30rem){:host(:nth-of-type(2n+0)){margin-right:0}}@media (min-width: 60rem){:host(:nth-of-type(2n+0)){margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){:host(:nth-of-type(2n+0)){margin-right:var(--gutter-extrawide)}}:host(.small:nth-of-type(4n+0)){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.small:nth-of-type(4n+0)){margin-right:0}}:host(:last-of-type){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.hy-link-box-container{position:relative;width:100%}.hy-link-box-container:hover{cursor:pointer}.hy-link-box__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:"";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__landing .hy-link-box__text-container{margin-bottom:60px;padding:0 12px}@media (min-width: 30rem){.hy-link-box__landing .hy-link-box__text-container{padding:0 16px}}@media (min-width: 60rem){.hy-link-box__landing .hy-link-box__text-container{padding:0 12px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container{padding:0 16px}}.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.375rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.6px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:8px;margin-top:20px;word-break:break-word}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:16px}@media (min-width: 30rem){.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.5rem;line-height:30px;color:var(--grayscale-black);letter-spacing:-0.7px}}@media (min-width: 60rem){.hy-link-box__landing .hy-link-box__text-container__title{margin-top:24px}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:18px}}@media (min-width: 75.0625rem){.hy-link-box__landing .hy-link-box__text-container__title__common{font-size:1.5rem;line-height:30px;letter-spacing:-0.7px}.hy-link-box__landing .hy-link-box__text-container__title__large{font-size:1.75rem;line-height:36px;letter-spacing:-0.8px;margin-bottom:12px;margin-top:32px}.hy-link-box__landing .hy-link-box__text-container__title__large.image{margin-top:20px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.75rem;line-height:36px;letter-spacing:-0.8px;margin-bottom:12px;margin-top:32px}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:20px}}.hy-link-box__landing .hy-link-box__text-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.2px;margin-bottom:12px}@media (min-width: 75.0625rem){.hy-link-box__landing .hy-link-box__text-container__description__common{font-size:0.875rem;line-height:18px;letter-spacing:-0.2px}.hy-link-box__landing .hy-link-box__text-container__description__large{font-size:1rem;line-height:22px;letter-spacing:-0.2px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container__description{font-size:1rem;line-height:22px;letter-spacing:-0.2px}}.hy-link-box__content .hy-link-box__text-container{margin-bottom:60px;padding:0 12px}@media (min-width: 30rem){.hy-link-box__content .hy-link-box__text-container{padding:0 16px}}@media (min-width: 60rem){.hy-link-box__content .hy-link-box__text-container{padding:0 12px}}.hy-link-box__content .hy-link-box__text-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.5px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:8px;margin-top:24px;word-break:break-word}.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:20px}@media (min-width: 60rem){.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:16px}}@media (min-width: 75.0625rem){.hy-link-box__content .hy-link-box__text-container__title__common{font-size:1.125rem;line-height:22px;letter-spacing:-0.5px}.hy-link-box__content .hy-link-box__text-container__title__large{font-size:1.25rem;line-height:24px;letter-spacing:-0.6px;margin-bottom:12px;margin-top:32px}.hy-link-box__content .hy-link-box__text-container__title__large__image{margin-top:20px}}@media (min-width: 1601px){.hy-link-box__content .hy-link-box__text-container__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.6px;margin-bottom:12px;margin-top:32px}.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:20px}}.hy-link-box__content .hy-link-box__text-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.2px;margin-bottom:10px}.hy-link-box .hy-link-box__text-container__title__hover{color:var(--brand-main);text-decoration:underline}.hy-icon-wrapper{background-color:var(--brand-main-light);bottom:12px;overflow:hidden;position:absolute;right:-6px;z-index:10}.hy-icon-wrapper__hover{background-color:var(--brand-main)}.hy-link-box-link{display:block}.hy-link-box-link svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);fill:var(--grayscale-white);height:32px;padding:6px;width:32px}.hy-link-box-link__external{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width: 75.0625rem){.hy-link-box-link__landing.large svg{height:40px;padding:8px;width:40px}}@media (min-width: 1601px){.hy-link-box-link__landing svg{height:40px;padding:8px;width:40px}}';export{a as hy_link_box}
|
|
1
|
+
import{r as i,h as t,g as e}from"./p-36dbfc06.js";import{q as n}from"./p-20a265d7.js";const a=class{constructor(t){i(this,t),this.variant=n.default,this.imageUrl=null,this.imageAlt=null,this.disableLazy=!1,this.useSlot=!1,this.textDescription=null,this.isExternal=!1,this.headerstyle="common"}srcSetWatcher(i){this._sourceSet="string"==typeof i?JSON.parse(i):i}componentWillLoad(){this.srcSetWatcher(this.sourceSet)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}handleClick(i){this.openLink(i.currentTarget)}handleKeyDown(i){"Enter"==i.code&&this.openLink(i.currentTarget)}openLink(i){let t=i.shadowRoot.querySelector(".hy-link-box-container");window.open(t.dataset.location,t.dataset.target)}handleMouseEnter(i){this.manageHoverEffect(i.currentTarget)}handleMouseLeave(i){this.manageHoverEffect(i.currentTarget,!1)}handleOnFocusIn(i){this.manageHoverEffect(i.currentTarget)}handleOnFocusOut(i){this.manageHoverEffect(i.currentTarget,!1)}manageHoverEffect(i,t=!0){let e=i.shadowRoot.querySelector("h3.hy-link-box__text-container__title"),n=i.shadowRoot.querySelector(".hy-icon-wrapper");t?(e.classList.add("hy-link-box__text-container__title__hover"),n.classList.add("hy-icon-wrapper__hover")):(e.classList.remove("hy-link-box__text-container__title__hover"),n.classList.remove("hy-icon-wrapper__hover"))}render(){const i=["hy-link-box-container"].join(" "),e=["hy-link-box",this.variant,`hy-link-box__${this.variant}`,this.headerstyle,`hy-link-box__${this.headerstyle}`,this.imageUrl?"hy-link-box--with-image":null].join(" "),n=["hy-link-box-link",`hy-link-box-link__${this.variant}`,`hy-link-box-link__${this.headerstyle}`,this.headerstyle,this.isExternal?"hy-link-box-link__external":null].join(" "),a=["hy-link-box__text-container",this.imageUrl?"hy-link-box--with-image":null].join(" "),r=["hy-link-box__text-container__title",`hy-link-box__text-container__title__${this.variant}`,`hy-link-box__text-container__title__${this.headerstyle}`,this.imageUrl?"hy-link-box__text-container__title__image":"",this.imageUrl?"image":""].join(" "),o=["hy-link-box__text-container__description",`hy-link-box__text-container__description__${this.variant}`,`hy-link-box__text-container__description__${this.headerstyle}`].join(" "),l=this.isExternal?"_blank":"_self";return[t("article",{class:i,tabindex:"0","data-target":l,"data-location":this.url},t("div",{class:e,"aria-label":this.scLabel},this.imageUrl&&t("div",{class:"hy-link-box__image-container",style:{"--aspectRatio":"62.5%"}},this._sourceSet?t("picture",null,this._sourceSet.map((i=>t("source",{srcSet:i.src,media:i.media,type:i.type,sizes:i.sizes?i.sizes:""}))),t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})):t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})),t("div",{class:a},t("h3",{class:r,innerHTML:this.textTitle}),this.textDescription&&t("div",{class:o},this.textDescription))),t("span",{class:"hy-icon-wrapper"},t("a",{class:n,href:this.url,target:l,"aria-label":this.scLabel,tabindex:"-1"},t("hy-icon",{icon:"hy-icon-arrow-to-right",size:32}))))]}get el(){return e(this)}static get watchers(){return{sourceSet:["srcSetWatcher"]}}};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{background:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:32px;margin-right:0;max-width:100%;position:relative;width:100%}@media (min-width: 30rem){:host{margin-right:var(--gutter-narrow)}}@media (min-width: 60rem){:host{margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){:host{margin-right:var(--gutter-extrawide)}}:host(.big){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.big){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5);width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5)}}@media (min-width: 60rem){:host(.big){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(.big){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)}}:host(.small){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.small){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5);width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5)}}@media (min-width: 60rem){:host(.small){max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 3 + var(--gutter-wide) * 2);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 3 + var(--gutter-wide) * 2)}}@media (min-width: 75.0625rem){:host(.small){max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 3 + var(--gutter-extrawide) * 2);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 3 + var(--gutter-extrawide) * 2)}}@media (min-width: 60rem){:host(.content.big:nth-of-type(3n+0)){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}}:host(:nth-of-type(2n+0)){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}@media (min-width: 30rem){:host(:nth-of-type(2n+0)){margin-right:0}}@media (min-width: 60rem){:host(:nth-of-type(2n+0)){margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){:host(:nth-of-type(2n+0)){margin-right:var(--gutter-extrawide)}}:host(.small:nth-of-type(4n+0)){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.small:nth-of-type(4n+0)){margin-right:0}}:host(:last-of-type){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.hy-link-box-container{position:relative;width:100%}.hy-link-box-container:hover{cursor:pointer}.hy-link-box__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:"";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__landing .hy-link-box__text-container{margin-bottom:60px;padding:0 12px}@media (min-width: 30rem){.hy-link-box__landing .hy-link-box__text-container{padding:0 16px}}@media (min-width: 60rem){.hy-link-box__landing .hy-link-box__text-container{padding:0 12px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container{padding:0 16px}}.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.375rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.6px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:8px;margin-top:20px;word-break:break-word}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:16px}@media (min-width: 30rem){.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.5rem;line-height:30px;color:var(--grayscale-black);letter-spacing:-0.7px}}@media (min-width: 60rem){.hy-link-box__landing .hy-link-box__text-container__title{margin-top:24px}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:18px}}@media (min-width: 75.0625rem){.hy-link-box__landing .hy-link-box__text-container__title__common{font-size:1.5rem;line-height:30px;letter-spacing:-0.7px}.hy-link-box__landing .hy-link-box__text-container__title__large{font-size:1.75rem;line-height:36px;letter-spacing:-0.8px;margin-bottom:12px;margin-top:32px}.hy-link-box__landing .hy-link-box__text-container__title__large.image{margin-top:20px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.75rem;line-height:36px;letter-spacing:-0.8px;margin-bottom:12px;margin-top:32px}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:20px}}.hy-link-box__landing .hy-link-box__text-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.2px;margin-bottom:12px}@media (min-width: 75.0625rem){.hy-link-box__landing .hy-link-box__text-container__description__common{font-size:0.875rem;line-height:18px;letter-spacing:-0.2px}.hy-link-box__landing .hy-link-box__text-container__description__large{font-size:1rem;line-height:22px;letter-spacing:-0.2px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container__description{font-size:1rem;line-height:22px;letter-spacing:-0.2px}}.hy-link-box__content .hy-link-box__text-container{margin-bottom:60px;padding:0 12px}@media (min-width: 30rem){.hy-link-box__content .hy-link-box__text-container{padding:0 16px}}@media (min-width: 60rem){.hy-link-box__content .hy-link-box__text-container{padding:0 12px}}.hy-link-box__content .hy-link-box__text-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.5px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:8px;margin-top:24px;word-break:break-word}.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:20px}@media (min-width: 60rem){.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:16px}}@media (min-width: 75.0625rem){.hy-link-box__content .hy-link-box__text-container__title__common{font-size:1.125rem;line-height:22px;letter-spacing:-0.5px}.hy-link-box__content .hy-link-box__text-container__title__large{font-size:1.25rem;line-height:24px;letter-spacing:-0.6px;margin-bottom:12px;margin-top:32px}.hy-link-box__content .hy-link-box__text-container__title__large__image{margin-top:20px}}@media (min-width: 1601px){.hy-link-box__content .hy-link-box__text-container__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.6px;margin-bottom:12px;margin-top:32px}.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:20px}}.hy-link-box__content .hy-link-box__text-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.2px;margin-bottom:10px}.hy-link-box .hy-link-box__text-container__title__hover{color:var(--brand-main);text-decoration:underline}.hy-icon-wrapper{background-color:var(--brand-main-light);bottom:12px;overflow:hidden;position:absolute;right:-6px;z-index:10}.hy-icon-wrapper__hover{background-color:var(--brand-main)}.hy-link-box-link{display:block}.hy-link-box-link svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);fill:var(--grayscale-white);height:32px;padding:6px;width:32px}.hy-link-box-link__external{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width: 75.0625rem){.hy-link-box-link__landing.large svg{height:40px;padding:8px;width:40px}}@media (min-width: 1601px){.hy-link-box-link__landing svg{height:40px;padding:8px;width:40px}}';export{a as hy_link_box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as t,g as e}from"./p-36dbfc06.js";import{
|
|
1
|
+
import{r as i,h as t,g as e}from"./p-36dbfc06.js";import{r as l}from"./p-20a265d7.js";import{j as n}from"./p-45454a42.js";const a=class{constructor(t){i(this,t),this.headerstyle="default",this.listHeading="",this.headingVariant="h2"}async componentWillLoad(){this._dataItems=await n(this.dataItems)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=l.linkList,e=this.headingVariant.toLowerCase();let n="col-3";return 7!==this._dataItems.length&&this._dataItems.length%4!=0||(n="col-4"),[t("section",{class:`hy-link-list hy-link-list__${this.headerstyle}`},this.listHeading.length>0&&t(e,{class:"hy-link-list__title"},this.listHeading),t("ul",{class:`hy-link-list__links hy-link-list__links--${this.variation} ${"grid"===this.variation?n:""}`},this._dataItems.map((({heading:e,ariaLabel:l,url:n,isExternal:a})=>t("li",{class:"hy-link-list__links-item"},t("hy-cta-link",{variant:i,"link-content":e,"sc-label":l,url:n,"is-external":a}))))))]}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-link-list{margin-bottom:32px}.hy-link-list__links{display:grid;gap:16px;list-style:none;margin:0;padding:0}@media (min-width: 30rem){.hy-link-list__links--grid{gap:16px 24px;grid-template-columns:repeat(2, 1fr)}}@media (min-width: 60rem){.without-sidebar .hy-link-list__links--grid.col-3{gap:16px 24px;grid-template-columns:repeat(3, 1fr)}}@media (min-width: 75.0625rem){.without-sidebar .hy-link-list__links--grid.col-3{gap:16px 32px}}@media (min-width: 60rem){.without-sidebar .hy-link-list__links--grid.col-4{gap:16px 24px;grid-template-columns:repeat(4, 1fr)}}@media (min-width: 75.0625rem){.without-sidebar .hy-link-list__links--grid.col-4{gap:16px 32px}}@media (min-width: 75.0625rem){.with-sidebar .hy-link-list__links--grid.col-3{gap:16px 24px;grid-template-columns:repeat(3, 1fr)}}@media (min-width: 1601px){.with-sidebar .hy-link-list__links--grid.col-3{gap:16px 32px}}@media (min-width: 75.0625rem){.with-sidebar .hy-link-list__links--grid.col-4{gap:16px 24px;grid-template-columns:repeat(4, 1fr)}}@media (min-width: 1601px){.with-sidebar .hy-link-list__links--grid.col-4{gap:16px 32px}}.hy-link-list__title{font-weight:700;font-family:var(--main-font-family);margin:0 0 32px;color:var(--brand-main-nearly-black)}.is-content-page h2.hy-link-list__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.82px}@media (min-width: 30rem){.is-content-page h2.hy-link-list__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar .is-content-page h2.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar .is-content-page h2.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.is-front-page h2.hy-link-list__title,.is-landing-page h2.hy-link-list__title{font-size:1.75rem;line-height:32px;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.is-front-page h2.hy-link-list__title,.is-landing-page h2.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h2.hy-link-list__title,.without-sidebar .is-landing-page h2.hy-link-list__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 1601px){.with-sidebar .is-front-page h2.hy-link-list__title,.with-sidebar .is-landing-page h2.hy-link-list__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-two-columns h2.hy-link-list__title{font-size:1.125rem;line-height:22px;letter-spacing:-0.45px;margin-bottom:16px;text-transform:none}@media (min-width: 75.0625rem){.without-sidebar .hy-two-columns h2.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.with-sidebar .hy-two-columns h2.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}.is-content-page h3.hy-link-list__title{font-size:1.3125rem;line-height:28px;letter-spacing:-0.42px}@media (min-width: 30rem){.is-content-page h3.hy-link-list__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.is-front-page h3.hy-link-list__title,.is-landing-page h3.hy-link-list__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.52px}@media (min-width: 30rem){.is-front-page h3.hy-link-list__title,.is-landing-page h3.hy-link-list__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h3.hy-link-list__title,.without-sidebar .is-landing-page h3.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar .is-front-page h3.hy-link-list__title,.with-sidebar .is-landing-page h3.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-two-columns h3.hy-link-list__title{font-size:1.125rem;line-height:22px;letter-spacing:-0.45px;margin-bottom:16px;text-transform:none}@media (min-width: 75.0625rem){.without-sidebar .hy-two-columns h3.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.with-sidebar .hy-two-columns h3.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}";export{a as hy_link_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as r,g as a}from"./p-36dbfc06.js";import{C as t}from"./p-
|
|
1
|
+
import{r as e,h as i,H as r,g as a}from"./p-36dbfc06.js";import{C as t}from"./p-20a265d7.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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a,g as i}from"./p-36dbfc06.js";import{u as t}from"./p-20a265d7.js";import{j as r}from"./p-45454a42.js";const o=class{constructor(a){e(this,a),this.headerstyle="common"}async componentWillLoad(){this._dataItems=await r(this.dataItems)}componentDidLoad(){let e=this.el.closest(".hy-main");e&&(e.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const e=[3,5,6,9].includes(this._dataItems.length)?t.default:t.small,i=e==t.small?4:3,r=[e,"hy-process",`hy-process__${this.headerstyle}`].join(" ");return[a("div",{class:r},this._dataItems.map(((t,r)=>a("hy-process-flow-box",{class:"box",variant:e,"box-number":r+1,"box-title":t.heading,"box-description":t.description,"intermediate-step-title":t.step,"step-state":r%i==0?"first":"default","number-term":this.numberTerm}))))]}get el(){return i(this)}};o.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-process{display:block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:30rem;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 30rem){.hy-process{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;max-width:60rem;width:100%}}@media (min-width: 60rem){.hy-process{max-width:75rem}}.hy-process.small .box{display:block;margin:1%}@media (min-width: 30rem){.hy-process.small .box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:48%;padding-bottom:10px;width:48%}}@media (min-width: 60rem){.hy-process.small .box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:23%;width:23%}}.hy-process.big .box{display:block;margin:1%}@media (min-width: 30rem){.hy-process.big .box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:48%;padding-bottom:10px;width:48%}}@media (min-width: 60rem){.hy-process.big .box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:31%;width:31%}}.hy-process::after{clear:both}";export{o as hy_process}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as r,g as a}from"./p-36dbfc06.js";import{K as t}from"./p-
|
|
1
|
+
import{r as e,h as i,H as r,g as a}from"./p-36dbfc06.js";import{K as t}from"./p-20a265d7.js";import{j as o}from"./p-45454a42.js";const d=class{constructor(i){e(this,i),this.headerstyle="common"}async componentWillLoad(){this._dataItems=await o(this.dataItems)}componentDidLoad(){let e=this.el.closest(".hy-main");e&&(e.classList.contains("with-sidebar")||(this.headerstyle="large"))}getBoxClassName(e){let i="box";return e%3==0?i="box-3":e%4==0?i="box-4":e%5==0&&(i="box-5"),i}render(){const e=4==this._dataItems.length?t.small:t.default,a=[e,"hy-key-figure-group-container",`hy-key-figure-group-container__${this.headerstyle}`].join(" "),o=["hy-key-figure-group"].join(" "),d=["hy-key-figure-group","hy-key-figure-group-centered"].join(" ");return i(r,null,this._dataItems.length%5==0?i("div",{class:a},i("div",{class:o},this._dataItems.map(((r,a)=>{if(a<3)return i("hy-key-figure",{class:"box-3",variant:e,heading:r.heading,description:r.description})}))),i("div",{class:d},this._dataItems.map(((r,a)=>{if(a>=3)return i("hy-key-figure",{class:"box-2",variant:e,heading:r.heading,description:r.description})})))):i("div",{class:a},i("div",{class:o},this._dataItems.map((r=>i("hy-key-figure",{class:this.getBoxClassName(this._dataItems.length),variant:e,heading:r.heading,description:r.description}))))),i("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}};d.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-key-figure-group-container{margin:20px 0 28px 0}@media (min-width: 60rem){.hy-key-figure-group-container{margin:24px 0 32px 0}}@media (min-width: 1601px){.hy-key-figure-group-container{margin:40px 0}}@media (min-width: 75.0625rem){.hy-key-figure-group-container__large{margin:40px 0}}.hy-key-figure-group{display:block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:30rem;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 30rem){.hy-key-figure-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%}}@media (min-width: 60rem){.hy-key-figure-group{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}}@media (min-width: 60rem){.hy-key-figure-group.hy-key-figure-group-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (min-width: 30rem){.hy-key-figure-group .box-2,.hy-key-figure-group .box-3{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:33%;width:33%}}@media (min-width: 30rem){.hy-key-figure-group .box-4{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:49%;width:49%}}@media (min-width: 60rem){.hy-key-figure-group .box-4{max-width:25%;width:25%}}";export{d as hy_key_figure_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as a}from"./p-36dbfc06.js";import{L as e}from"./p-
|
|
1
|
+
import{r as i,h as a}from"./p-36dbfc06.js";import{L as e}from"./p-20a265d7.js";const r=class{constructor(a){i(this,a)}render(){return a("div",{class:"hy-filter__list-type"},a("span",null,this.filterLabel),a("button",{type:"button",class:{"hy-filter-item":!0,"hy-filter__list-type__list":!0,"is-active":this.filterValue==e.list},"aria-label":`${this.filterLabel}--list`},a("hy-icon",{class:"hy-filter-group__button-icon",icon:"hy-icon-list-style-list",size:16,"aria-hidden":"true"})),a("button",{type:"button",class:{"hy-filter-item":!0,"hy-filter__list-type__grid":!0,"is-active":this.filterValue==e.grid},"aria-label":`${this.filterLabel}--grid`},a("hy-icon",{class:"hy-filter-group__button-icon",icon:"hy-icon-list-style-grid",size:16,"aria-hidden":"true"})))}};r.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";export{r as hy_filter_list_type}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as r,H as e}from"./p-36dbfc06.js";import{
|
|
1
|
+
import{r as a,h as r,H as e}from"./p-36dbfc06.js";import{p as i}from"./p-20a265d7.js";const t=class{constructor(r){a(this,r),this.variant=i.default,this.linkContent="",this.isExternal=!1}render(){const a=this.isExternal?"_blank":"_self";return r(e,null,r("a",{"aria-label":this.scLabel,class:["hy-link",this.variant].join(" "),href:this.url,target:a},this.linkContent))}};t.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-link{color:var(--brand-main);font-family:var(--main-font-family);font-weight:600;font-size:14px;letter-spacing:-0.47px;margin:theme("spacing.8");line-height:16px;text-decoration:none}.hy-link.within-paragraph{color:var(--brand-main);font-family:var(--main-font-family);font-weight:400;font-size:14px;line-height:20px;text-decoration:underline}';export{t as hy_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as n,g as a}from"./p-36dbfc06.js";import{A as o}from"./p-2f4d1286.js";let e={enter:"Enter",tab:"Tab",pageUp:"PageUp",pageDown:"PageDown",arrowUp:"ArrowUp",arrowDown:"ArrowDown",home:"Home",end:"End"};const t=class{constructor(n){i(this,n),this.variant=o.default,this.headerstyle="common",this.showOpen=!1,this.ready=!1}componentDidLoad(){this.ready=!0;let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}componentDidRender(){window.location.hash&&this.expandPanelByAnchor(window.location.hash),document.querySelectorAll(".hy-accordion__content").forEach((function(i){let n=i.classList.contains("open"),a=i;n?(a.style.display="block",a.style.height=a.scrollHeight+"px"):(a.style.height="0px",a.style.display="none")}))}onHashChange(){window.location.hash&&this.expandPanelByAnchor(window.location.hash)}handleKeyDown(i){let n=document.querySelectorAll(`#${this.el.parentElement.id}`)[0];const a=Array.prototype.slice.call(n.querySelectorAll(".hy-accordion__button"));let o=i.target;const t=i.code,r=i.ctrlKey&&[e.pageDown,e.pageUp].includes(t);if(o.classList.contains("hy-accordion__button"))if([e.arrowDown,e.arrowUp].includes(t)||r){const n=a.indexOf(o),r=[e.arrowDown,e.pageDown].includes(t)?1:-1,d=a.length;a[(n+d+r)%d].focus(),i.preventDefault()}else if([e.home,e.end].includes(t)){switch(t){case e.home:a[0].focus();break;case e.end:a[a.length-1].focus()}i.preventDefault()}}handleClick(i){const n=this.el.parentElement.id;let a=i.target;const o=a.tagName.toLowerCase(),e=[o].some((i=>["svg","span","path","button","a"].indexOf(i)>=0));let t=document.querySelectorAll(`#${n}`)[0];const r=t.hasAttribute("data-allow-multiple"),d=r||t.hasAttribute("data-allow-toggle");if(a&&e){"button"!==o&&(a=a.closest(".hy-accordion__button"));let n=a.closest(".hy-accordion__item"),e=n.querySelectorAll(".hy-accordion__content")[0];const c="true"==a.getAttribute("aria-expanded"),h=t.querySelector('[aria-expanded="true"]');!r&&h&&h!==a&&(h.setAttribute("aria-expanded","false"),this.collapseSection(e),n.classList.contains("hy-accordion__item__is-open")&&n.classList.remove("hy-accordion__item__is-open"),t.querySelector(`#${h.getAttribute("aria-controls")}`).setAttribute("aria-hidden","true"),d||h.removeAttribute("aria-disabled")),c?d&&c&&(a.setAttribute("aria-expanded","false"),this.collapseSection(e),n.classList.contains("hy-accordion__item__is-open")&&n.classList.remove("hy-accordion__item__is-open"),t.querySelector(`#${a.getAttribute("aria-controls")}`).setAttribute("aria-hidden","true")):(this.expandSection(e),a.setAttribute("aria-expanded","true"),n.classList.add("hy-accordion__item__is-open"),t.querySelector(`#${a.getAttribute("aria-controls")}`).setAttribute("aria-hidden","false"),d||a.setAttribute("aria-disabled","true")),i.preventDefault(),i.stopImmediatePropagation()}}expandPanelByAnchor(i){if(i.length>0){i=i.substr(1);let n=document.querySelectorAll(`[id=${i}]`)[0];if(n&&n.classList.contains("hy-accordion__button")){let i=n.closest(".hy-accordion__item"),a=i.querySelectorAll(".hy-accordion__content")[0];this.expandSection(a),n.setAttribute("aria-expanded","true"),i.classList.add("hy-accordion__item__is-open");const o=n.getBoundingClientRect();window.scrollTo({top:window.scrollY+o.top-200,behavior:"smooth"});const e=i.parentElement.parentElement.id;e.length>0&&document.querySelectorAll(`#${e}`)[0].querySelector(`#${n.getAttribute("aria-controls")}`).setAttribute("aria-hidden","false")}}}collapseSection(i){i.style.height="0px",i.setAttribute("data-collapsed","true"),setTimeout((()=>{i.style.display="none"}),250)}expandSection(i){i.style.display="block",i.style.height=i.scrollHeight+"px",i.setAttribute("data-collapsed","false")}render(){const i=this.el.parentElement.id;this.ready&&i.length>0&&document.querySelectorAll(`#${i}`).forEach((function(i){i&&i.querySelectorAll(".hy-accordion__button").forEach((function(i){i.addEventListener("focus",(function(){i.classList.add("focus")})),i.addEventListener("blur",(function(){i.classList.remove("focus")}))}))}));const a=this.showOpen?"open":"",o=["hy-accordion__item",this.variant,this.showOpen?"hy-accordion__item__is-open":""].join(" "),e=["hy-accordion__item--container",this.variant].join(" "),t=["hy-accordion--heading",this.variant].join(" "),r=["hy-accordion__content",`hy-accordion__content--${this.variant}`,this.variant,a].join(" "),d=["hy-accordion__content--inner-wrapper",`hy-accordion__content--inner-wrapper--${this.headerstyle}`,`hy-accordion__content--inner-wrapper--${this.variant}`].join(" "),c=this.accordiontitle.toLowerCase().replace(/\W/g,"-"),h=this.showOpen?"false":"true",s=this.showOpen?"false":"true";return n("div",{class:o},n("div",{class:e},n("div",{class:t},n("a",{href:"#"+c+"--title",class:"hy-accordion__link",tabindex:"-1"},n("button",{"aria-expanded":this.showOpen?"true":"false","aria-controls":`${c}--content`,class:`hy-accordion__button hy-accordion__button--${this.headerstyle}`,id:`${c}--title`},n("span",{class:"hy-accordion--heading__icon"},n("hy-icon",{icon:"hy-icon-caret-down",size:16})),n("span",null,this.accordiontitle)))),n("div",{"aria-labelledBy":`${c}--title`,class:r,id:`${c}--content`,role:"region","aria-hidden":h,"data-collapsed":s,style:{display:"none"}},n("div",{class:d},n("slot",null)))))}get el(){return a(this)}};t.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-accordion__item{margin-bottom:12px}.hy-accordion__item__is-open{border:1px solid var(--grayscale-dark)}.hy-accordion__item__is-open .hy-accordion--heading{margin:0 auto}.hy-accordion__item__is-open .hy-accordion--heading .hy-accordion--heading__icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-accordion__item.mini{margin-bottom:1rem;margin-top:1rem}.hy-accordion__item__is-open.mini{margin-bottom:0;margin-top:0}.hy-accordion__item__is-open.mini .hy-accordion__item--container{border-bottom:1px solid var(--grayscale-medium-dark);border-top:1px solid var(--grayscale-medium-dark);padding-top:16px;padding-bottom:32px;margin-top:-1px;-webkit-transition:padding 0.5s ease-in-out;transition:padding 0.5s ease-in-out}@media (min-width: 30rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:28px;padding-bottom:30px}}@media (min-width: 60rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:32px;padding-bottom:40px}}.hy-accordion__item.hy-accordion__item__is-open.mini{background-color:var(--grayscale-white);border:none;-webkit-box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05);box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05)}.hy-accordion--heading{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.69px;line-height:28px;margin:0 auto;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;width:100%}.hy-accordion--heading .hy-accordion__link{text-decoration:none}.hy-accordion--heading .hy-accordion__link:hover{text-decoration:none}.hy-accordion--heading .hy-accordion__button{font-size:1.125rem;line-height:22px;font-weight:700;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-background-box);border:none;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.45px;padding:13px 20px 13px 16px;-webkit-transition:all 0.35s ease-in;transition:all 0.35s ease-in;width:100%}.hy-accordion--heading .hy-accordion__button:hover{cursor:pointer}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion__button{padding:1rem 2rem 1rem 1.25rem}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion__button{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]{background:none}.hy-accordion--heading .hy-accordion__button span{text-align:left}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]{position:relative}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]:after{background-color:var(--grayscale-medium-dark);bottom:0;content:"";height:1px;left:16px;position:absolute;right:20px}.hy-accordion--heading .hy-accordion--heading__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;margin-right:8px;z-index:0}.hy-accordion--heading .hy-accordion--heading__icon svg{fill:var(--brand-main)}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion--heading__icon svg{height:18px;width:18px}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading.mini .hy-accordion__button{font-size:1.125rem;line-height:22px;background-color:var(--grayscale-white);color:var(--link-blue);letter-spacing:-0.56px;padding:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding:0}}.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{color:var(--grayscale-black);margin-bottom:20px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:28px}}@media (min-width: 60rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:32px}}.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:10px}}.hy-accordion--heading.mini .hy-accordion--heading__icon svg{fill:var(--brand-main-light);height:14px;width:14px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon svg{height:16px;width:16px}}.hy-accordion__content{display:block;height:0;padding:0;overflow:hidden;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.hy-accordion__content--inner-wrapper{display:block;padding:16px 12px}@media (min-width: 30rem){.hy-accordion__content--inner-wrapper{padding:15px 16px}}@media (min-width: 60rem){.hy-accordion__content--inner-wrapper{padding:16px}}@media (min-width: 75.0625rem){.hy-accordion__content--inner-wrapper--large{padding:24px 20px}}@media (min-width: 1601px){.hy-accordion__content--inner-wrapper{padding:24px 20px}}.hy-accordion__content--inner-wrapper--mini{padding:0}.hy-accordion__content--inner-wrapper--mini .course-heading h4{padding-top:0 !important}';export{t as hy_accordion_item}
|
|
1
|
+
import{r as i,h as n,g as a}from"./p-36dbfc06.js";import{A as o}from"./p-20a265d7.js";let e={enter:"Enter",tab:"Tab",pageUp:"PageUp",pageDown:"PageDown",arrowUp:"ArrowUp",arrowDown:"ArrowDown",home:"Home",end:"End"};const t=class{constructor(n){i(this,n),this.variant=o.default,this.headerstyle="common",this.showOpen=!1,this.ready=!1}componentDidLoad(){this.ready=!0;let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}componentDidRender(){window.location.hash&&this.expandPanelByAnchor(window.location.hash),document.querySelectorAll(".hy-accordion__content").forEach((function(i){let n=i.classList.contains("open"),a=i;n?(a.style.display="block",a.style.height=a.scrollHeight+"px"):(a.style.height="0px",a.style.display="none")}))}onHashChange(){window.location.hash&&this.expandPanelByAnchor(window.location.hash)}handleKeyDown(i){let n=document.querySelectorAll(`#${this.el.parentElement.id}`)[0];const a=Array.prototype.slice.call(n.querySelectorAll(".hy-accordion__button"));let o=i.target;const t=i.code,r=i.ctrlKey&&[e.pageDown,e.pageUp].includes(t);if(o.classList.contains("hy-accordion__button"))if([e.arrowDown,e.arrowUp].includes(t)||r){const n=a.indexOf(o),r=[e.arrowDown,e.pageDown].includes(t)?1:-1,d=a.length;a[(n+d+r)%d].focus(),i.preventDefault()}else if([e.home,e.end].includes(t)){switch(t){case e.home:a[0].focus();break;case e.end:a[a.length-1].focus()}i.preventDefault()}}handleClick(i){const n=this.el.parentElement.id;let a=i.target;const o=a.tagName.toLowerCase(),e=[o].some((i=>["svg","span","path","button","a"].indexOf(i)>=0));let t=document.querySelectorAll(`#${n}`)[0];const r=t.hasAttribute("data-allow-multiple"),d=r||t.hasAttribute("data-allow-toggle");if(a&&e){"button"!==o&&(a=a.closest(".hy-accordion__button"));let n=a.closest(".hy-accordion__item"),e=n.querySelectorAll(".hy-accordion__content")[0];const c="true"==a.getAttribute("aria-expanded"),h=t.querySelector('[aria-expanded="true"]');!r&&h&&h!==a&&(h.setAttribute("aria-expanded","false"),this.collapseSection(e),n.classList.contains("hy-accordion__item__is-open")&&n.classList.remove("hy-accordion__item__is-open"),t.querySelector(`#${h.getAttribute("aria-controls")}`).setAttribute("aria-hidden","true"),d||h.removeAttribute("aria-disabled")),c?d&&c&&(a.setAttribute("aria-expanded","false"),this.collapseSection(e),n.classList.contains("hy-accordion__item__is-open")&&n.classList.remove("hy-accordion__item__is-open"),t.querySelector(`#${a.getAttribute("aria-controls")}`).setAttribute("aria-hidden","true")):(this.expandSection(e),a.setAttribute("aria-expanded","true"),n.classList.add("hy-accordion__item__is-open"),t.querySelector(`#${a.getAttribute("aria-controls")}`).setAttribute("aria-hidden","false"),d||a.setAttribute("aria-disabled","true")),i.preventDefault(),i.stopImmediatePropagation()}}expandPanelByAnchor(i){if(i.length>0){i=i.substr(1);let n=document.querySelectorAll(`[id=${i}]`)[0];if(n&&n.classList.contains("hy-accordion__button")){let i=n.closest(".hy-accordion__item"),a=i.querySelectorAll(".hy-accordion__content")[0];this.expandSection(a),n.setAttribute("aria-expanded","true"),i.classList.add("hy-accordion__item__is-open");const o=n.getBoundingClientRect();window.scrollTo({top:window.scrollY+o.top-200,behavior:"smooth"});const e=i.parentElement.parentElement.id;e.length>0&&document.querySelectorAll(`#${e}`)[0].querySelector(`#${n.getAttribute("aria-controls")}`).setAttribute("aria-hidden","false")}}}collapseSection(i){i.style.height="0px",i.setAttribute("data-collapsed","true"),setTimeout((()=>{i.style.display="none"}),250)}expandSection(i){i.style.display="block",i.style.height=i.scrollHeight+"px",i.setAttribute("data-collapsed","false")}render(){const i=this.el.parentElement.id;this.ready&&i.length>0&&document.querySelectorAll(`#${i}`).forEach((function(i){i&&i.querySelectorAll(".hy-accordion__button").forEach((function(i){i.addEventListener("focus",(function(){i.classList.add("focus")})),i.addEventListener("blur",(function(){i.classList.remove("focus")}))}))}));const a=this.showOpen?"open":"",o=["hy-accordion__item",this.variant,this.showOpen?"hy-accordion__item__is-open":""].join(" "),e=["hy-accordion__item--container",this.variant].join(" "),t=["hy-accordion--heading",this.variant].join(" "),r=["hy-accordion__content",`hy-accordion__content--${this.variant}`,this.variant,a].join(" "),d=["hy-accordion__content--inner-wrapper",`hy-accordion__content--inner-wrapper--${this.headerstyle}`,`hy-accordion__content--inner-wrapper--${this.variant}`].join(" "),c=this.accordiontitle.toLowerCase().replace(/\W/g,"-"),h=this.showOpen?"false":"true",s=this.showOpen?"false":"true";return n("div",{class:o},n("div",{class:e},n("div",{class:t},n("a",{href:"#"+c+"--title",class:"hy-accordion__link",tabindex:"-1"},n("button",{"aria-expanded":this.showOpen?"true":"false","aria-controls":`${c}--content`,class:`hy-accordion__button hy-accordion__button--${this.headerstyle}`,id:`${c}--title`},n("span",{class:"hy-accordion--heading__icon"},n("hy-icon",{icon:"hy-icon-caret-down",size:16})),n("span",null,this.accordiontitle)))),n("div",{"aria-labelledBy":`${c}--title`,class:r,id:`${c}--content`,role:"region","aria-hidden":h,"data-collapsed":s,style:{display:"none"}},n("div",{class:d},n("slot",null)))))}get el(){return a(this)}};t.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-accordion__item{margin-bottom:12px}.hy-accordion__item__is-open{border:1px solid var(--grayscale-dark)}.hy-accordion__item__is-open .hy-accordion--heading{margin:0 auto}.hy-accordion__item__is-open .hy-accordion--heading .hy-accordion--heading__icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-accordion__item.mini{margin-bottom:1rem;margin-top:1rem}.hy-accordion__item__is-open.mini{margin-bottom:0;margin-top:0}.hy-accordion__item__is-open.mini .hy-accordion__item--container{border-bottom:1px solid var(--grayscale-medium-dark);border-top:1px solid var(--grayscale-medium-dark);padding-top:16px;padding-bottom:32px;margin-top:-1px;-webkit-transition:padding 0.5s ease-in-out;transition:padding 0.5s ease-in-out}@media (min-width: 30rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:28px;padding-bottom:30px}}@media (min-width: 60rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:32px;padding-bottom:40px}}.hy-accordion__item.hy-accordion__item__is-open.mini{background-color:var(--grayscale-white);border:none;-webkit-box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05);box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05)}.hy-accordion--heading{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.69px;line-height:28px;margin:0 auto;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;width:100%}.hy-accordion--heading .hy-accordion__link{text-decoration:none}.hy-accordion--heading .hy-accordion__link:hover{text-decoration:none}.hy-accordion--heading .hy-accordion__button{font-size:1.125rem;line-height:22px;font-weight:700;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-background-box);border:none;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.45px;padding:13px 20px 13px 16px;-webkit-transition:all 0.35s ease-in;transition:all 0.35s ease-in;width:100%}.hy-accordion--heading .hy-accordion__button:hover{cursor:pointer}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion__button{padding:1rem 2rem 1rem 1.25rem}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion__button{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]{background:none}.hy-accordion--heading .hy-accordion__button span{text-align:left}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]{position:relative}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]:after{background-color:var(--grayscale-medium-dark);bottom:0;content:"";height:1px;left:16px;position:absolute;right:20px}.hy-accordion--heading .hy-accordion--heading__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;margin-right:8px;z-index:0}.hy-accordion--heading .hy-accordion--heading__icon svg{fill:var(--brand-main)}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion--heading__icon svg{height:18px;width:18px}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading.mini .hy-accordion__button{font-size:1.125rem;line-height:22px;background-color:var(--grayscale-white);color:var(--link-blue);letter-spacing:-0.56px;padding:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding:0}}.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{color:var(--grayscale-black);margin-bottom:20px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:28px}}@media (min-width: 60rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:32px}}.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:10px}}.hy-accordion--heading.mini .hy-accordion--heading__icon svg{fill:var(--brand-main-light);height:14px;width:14px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon svg{height:16px;width:16px}}.hy-accordion__content{display:block;height:0;padding:0;overflow:hidden;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.hy-accordion__content--inner-wrapper{display:block;padding:16px 12px}@media (min-width: 30rem){.hy-accordion__content--inner-wrapper{padding:15px 16px}}@media (min-width: 60rem){.hy-accordion__content--inner-wrapper{padding:16px}}@media (min-width: 75.0625rem){.hy-accordion__content--inner-wrapper--large{padding:24px 20px}}@media (min-width: 1601px){.hy-accordion__content--inner-wrapper{padding:24px 20px}}.hy-accordion__content--inner-wrapper--mini{padding:0}.hy-accordion__content--inner-wrapper--mini .course-heading h4{padding-top:0 !important}';export{t as hy_accordion_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,g as a}from"./p-36dbfc06.js";import{M as n,S as r,C as o}from"./p-
|
|
1
|
+
import{r as e,c as i,h as t,g as a}from"./p-36dbfc06.js";import{M as n,S as r,C as o}from"./p-20a265d7.js";import{j as l}from"./p-45454a42.js";const s=class{constructor(t){e(this,t),this.menuContainerToggled=i(this,"menuContainerToggled",7),this.isGroup=!1,this.isDemo=!1,this.menuIsOpen=!0,this.menuType=null}async removeBreadcrumb(e){let i=await l(this.breadcrumbs),t=i.map((function(e){return e.bid})).indexOf(e.detail.bid);i.length=t;for(let e=t,i=this.breadcrumbs.length;e<i;e++)this.menuContainerToggled.emit({triggerItem:this.breadcrumbs[e].bid,triggerType:"remove"});this.breadcrumbs=[],this.breadcrumbs=i,0===t&&(this.breadcrumbs=[],this.el.querySelectorAll(".hy-menu-level-container--mobile").forEach((e=>{e.classList.contains("hy-menu-level-container--level-0")||this.menuContainerToggled.emit({triggerItem:e.getAttribute("trigger-item"),triggerType:"remove"})})))}addBreadcrumb(e){this.breadcrumbs=[...this.breadcrumbs,{label:e.detail.label,bid:e.detail.bid,url:e.detail.url}]}componentWillLoad(){this.breadcrumbs=[]}componentWillUpdate(){this.el.children[0].setAttribute("menu-type",this.menuType),this.el.children[0].setAttribute("menu-button-submenu-expand",this.menuButtonSubmenuExpand)}componentWillRender(){this.dataMenuDonate&&(this.donateLink=JSON.parse(this.dataMenuDonate)),this.isDemo&&Array.from(this.el.children).forEach((e=>{e.setAttribute("is-demo","true")}))}render(){if(null!==this.menuType)switch(this.menuType){case n.desktop:return t("div",{class:"hy-wrapper"},t("nav",{role:"navigation",class:{"hy-menu-wrapper--desktop":!0,"is-open":this.menuIsOpen}},t("div",{class:"hy-menu hy-menu--desktop"},t("slot",null))));case n.mobile:return t("nav",{"data-is-group":this.isGroup,role:"navigation",class:{"hy-menu-wrapper--mobile":!0,"is-open":this.menuIsOpen}},t("div",{class:"hy-menu__logo-container",id:"menu-logo"},t("hy-site-logo",{size:r.small,color:o.black,url:this.logoUrl,label:this.logoLabel})),t("div",{class:"hy-menu-container--mobile"},t("div",{id:"menu-bc-container",class:{"hy-menu__breadcrumbs":!0,"is-empty":0===this.breadcrumbs.length}},t("hy-menu-language",{"is-mobile":!0,"data-menu-language":this.dataMenuLanguage}),this.breadcrumbs.length?[this.breadcrumbs.map((e=>t("hy-menu-mobile-breadcrumb",{"label-back":this.menuButtonBreadcrumbReturn,"label-front-page":this.labelFrontPage,label:e.label,bid:e.bid})))]:t("hy-menu-mobile-breadcrumb",{"label-back":this.menuButtonBreadcrumbReturn,"label-front-page":this.menuButtonBreadcrumbHome,label:this.menuButtonBreadcrumbHome,"is-first":!0,"logo-url":this.logoUrl})),t("div",{"aria-hidden":this.menuIsOpen?"false":"true",class:{"hy-menu":!0,"hy-menu--mobile":!0,"is-open":this.menuIsOpen,"is-demo":this.isDemo}},t("slot",null))),!this.isGroup&&t("div",{class:"hy-link__donate"},this.donateLink?this.donateLink.map((e=>t("a",{href:e.url},t("hy-icon",{icon:"hy-icon-heart-support",fill:"currentColor",size:16}),e.label))):""))}}get el(){return a(this)}};s.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{margin:0;padding:0}.hy-menu-wrapper--mobile{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;bottom:0;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:stretch;left:0;position:absolute;right:0;top:0;z-index:99}.hy-menu-wrapper--mobile.is-open{z-index:101}.hy-menu-wrapper--desktop{padding:0}.hy-menu-wrapper--sidenav{display:none}.hy-menu-wrapper--sidenav.is-demo{display:block}@media (min-width: 30rem){.hy-menu-wrapper--sidenav{display:block}}.hy-menu-container--mobile{min-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:visible}.hy-menu--mobile{-webkit-overflow-scrolling:touch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin-top:18px;padding:0 16px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:0.45s;transition:0.45s;width:100%;z-index:100}@media (min-width: 30rem){.hy-menu--mobile{padding:0 28px}}@media (min-width: 75.0625rem){.hy-menu--mobile:not(.is-demo){min-height:0;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}.hy-menu--mobile.is-open{padding-top:5px;-webkit-transform:translateX(0);transform:translateX(0);-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)}.hy-menu--mobile.is-open::after{opacity:1;visibility:visible}.hy-menu-breadcrumb-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.hy-menu__logo-container{display:inline-block;padding:16px;z-index:100}@media (min-width: 30rem){.hy-menu__logo-container{padding:16px 28px}}.hy-link__donate{background-color:var(--grayscale-white);bottom:-20px;-webkit-box-shadow:rgba(14, 104, 139, 0.2) 0px -20px 20px -20px;box-shadow:rgba(14, 104, 139, 0.2) 0px -20px 20px -20px;position:sticky;z-index:102}.hy-link__donate a{font-size:1rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);color:var(--grayscale-black);display:block;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.4px;padding:20px 0 16px;text-align:center;text-decoration:none}.hy-link__donate a:focus{outline:solid 2px var(--additional-yellow)}.hy-link__donate a svg{margin-right:5px}.hy-menu__breadcrumbs{display:block;position:relative}.hy-menu__breadcrumbs.is-empty{min-height:35px}@media (min-width: 60rem){.hy-menu__breadcrumbs .menu--language{display:none;visibility:hidden}}.hy-menu-wrapper--mobile[data-is-group] .hy-menu__logo-container .hy-site-logo .hy-site-logo__icon{width:0 !important}";export{s as hy_menu}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as e}from"./p-36dbfc06.js";import{s as n}from"./p-2f4d1286.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-36dbfc06.js";import{t as n}from"./p-20a265d7.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}
|