@itcenteratunihelsinki/huds-lib 0.5.23 → 0.5.27

package/dist/huds-lib/{p-34f51e1d.entry.js → p-84b7ca24.entry.js}

@@ -1 +1 @@
-import{r as e,h as i,H as h,g as r}from"./p-bb24c6b5.js";import{j as t}from"./p-fd1edbd5.js";import{l as o,m as a,n,o as d,b as s}from"./p-e20f6203.js";let m=null;const c=class{constructor(i){e(this,i),this.heroType=o.landing,this.heroGroupType=a.default,this.colorVariant=n.blue,this.sizeVariant=d.large,this.disableLazy=!1,this.hasShortcuts=!1,this.isExternal=!1}async componentWillLoad(){this._sourceSet=await t(this.sourceSet)}handleHeroImageObjectFitValue(e,i){const h=i.getElementsByClassName("hy-hero__content-container")[0];"small"===e&&(h.offsetHeight>=300?i.classList.add("has-cover"):i.classList.remove("has-cover")),"large"===e&&(h.offsetHeight>=344?i.classList.add("has-cover"):i.classList.remove("has-cover"))}render(){let e=s.heroWhite,r=this.colorVariant,t=this.heroType;"minor_landing"===this.heroType&&(r=n.white,t=o.landing),r===n.blue&&(e=s.heroBlue),r===n.black&&(e=s.heroBlack),r&&"fp_white"!==r||(r=n.white);const a=["hy-hero",`hy-hero--${t}`,`hy-hero--${this.heroGroupType}`,`hy-hero--${r}`,`hy-hero--${this.sizeVariant}`],d=["hy-hero__title","hy-heading__hero"].join(" ");this.hasShortcuts&&a.push("has-shortcuts");const c={"--aspectRatio":"62.5%"};return window.onload=()=>{const e=document.getElementsByClassName("hy-hero")[0];this.handleHeroImageObjectFitValue(this.sizeVariant,e),window.addEventListener("resize",(()=>{clearTimeout(m),m=setTimeout((()=>this.handleHeroImageObjectFitValue(this.sizeVariant,e)),250)}))},i(h,null,i("div",{class:a.join(" ")},"front_page"===t?i("div",{class:"hy-hero__container"},i("div",{class:"hy-hero__image-container",style:c},this.image&&(this._sourceSet?i("picture",null,this._sourceSet.map((e=>i("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image})):i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image}))),i("div",{class:"hy-hero__spacer-box"}),i("div",{class:"hy-hero__content-container"},i("div",{class:"hy-hero__content"},i("div",{class:"hy-hero__title-container"},i("h1",{innerHTML:this.heading,class:d})),this.description&&i("p",{class:"hy-hero__description"},this.description),this.url&&i("div",{class:"hy-hero__actions"},i("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e}))))):i("div",{class:"hy-hero__container"},i("div",{class:"hy-hero__image-container",style:c},this.image&&(this._sourceSet?i("picture",null,this._sourceSet.map((e=>i("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image})):i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image}))),i("div",{class:"hy-hero__content-container"},i("div",{class:"hy-hero__content"},i("div",{class:"hy-hero__title-container"},i("h1",{innerHTML:this.heading,class:d})),this.description&&i("p",{class:"hy-hero__description"},this.description),this.url&&i("div",{class:"hy-hero__actions"},i("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),i("hy-box",{mb:"2, 2, 1, 1"}))}get el(){return r(this)}};c.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-hero{position:relative;padding-bottom:0}@media (min-width: 60rem){.hy-hero{margin-top:32px}}@media (min-width: 60rem){.hy-hero:not(.has-shortcuts){margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero{max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 75.0625rem){.with-sidebar .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 60rem){.hy-hero--white{padding-top:40px}}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts){padding-bottom:48px}}.hy-hero--white:not(.has-shortcuts):after{width:100%;background-color:var(--grayscale-medium-dark);height:1px;content:"";margin:0 auto;display:block}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts):after{position:absolute;left:0;right:0;bottom:0}}.hy-hero--white:not(.hy-hero--front_page):after{max-width:1216px}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:grid;position:relative}}@media (min-width: 60rem){.hy-hero--small .hy-hero__container{grid-template-columns:60% 1fr}}@media (min-width: 60rem){.hy-hero--large .hy-hero__container{grid-template-columns:repeat(2, 1fr)}}.hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}@media (min-width: 30rem){.hy-hero__content-container{padding:40px 2rem}}@media (min-width: 75.0625rem){.hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 24px}}@media (min-width: 1601px){.hy-hero__content-container{max-width:1216px}}.hy-hero--black .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 75.0625rem){.hy-hero--white .hy-hero__content-container{padding:40px 24px 40px 0}}.hy-hero__content{position:relative}h1.hy-hero__title{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-hero--blue h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--black h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--white h1.hy-hero__title{color:var(--grayscale-black) !important}h1.hy-hero__title.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-hero__title.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-hero__title.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-hero__description{font-size:1rem;line-height:24px;font-family:var(--main-font-family);margin:16px 0 0 0;padding:0;position:relative}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}.hy-hero--black .hy-hero__description{color:var(--grayscale-white)}.hy-hero--blue .hy-hero__description{color:var(--grayscale-white)}.hy-hero--white .hy-hero__description{color:var(--grayscale-black)}.hy-hero__actions{margin-top:24px}.hy-hero__image-container{margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero__image-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__image-container{padding:0}}.hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:contain;object-fit:contain;width:100%}.has-cover .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero.hy-hero--front_page{margin-top:0}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page{margin-left:-32px;margin-right:-32px;max-width:none}}.hy-hero.hy-hero--front_page .hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}.hy-hero--black .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:373px}}@media (min-width: 1160px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:443px}}@media (min-width: 1280px){.hy-hero.hy-hero--front_page .hy-hero__content-container{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:478px}}@media (min-width: 1460px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:513px}}@media (min-width: 1560px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:548px}}@media (min-width: 1601px){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:0}}@media (min-width: 1660px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:583px}}@media (min-width: 1760px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:619px}}@media (min-width: 1860px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:654px}}@media (min-width: 1920px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:675px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__image-container{width:40%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__content{max-width:60%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__image-container{width:50%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__content{max-width:50%}}.hy-hero.hy-hero--front_page .hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero.hy-hero--front_page .hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0;position:absolute;right:0;top:0}}.hy-hero.hy-hero--front_page .hy-hero__content{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content{padding-right:24px}}.hy-hero.hy-hero--front_page .hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;inset:0}}@media (min-width: 60rem){.hy-hero--small .hy-hero__spacer-box{width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__spacer-box{width:50%}}.hy-hero--black .hy-hero__spacer-box{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__spacer-box{background-color:var(--brand-main)}.hy-hero--white .hy-hero__spacer-box{background-color:var(--grayscale-white)}';export{c as hy_hero}
+import{r as e,h as i,H as h,g as r}from"./p-bb24c6b5.js";import{j as t}from"./p-fd1edbd5.js";import{l as o,m as a,n,o as d,b as s}from"./p-e20f6203.js";let m=null;const c=class{constructor(i){e(this,i),this.heroType=o.landing,this.heroGroupType=a.default,this.colorVariant=n.blue,this.sizeVariant=d.large,this.disableLazy=!1,this.hasShortcuts=!1,this.isExternal=!1}async componentWillLoad(){this._sourceSet=await t(this.sourceSet)}handleHeroImageObjectFitValue(e,i){const h=i.getElementsByClassName("hy-hero__content-container")[0];"small"===e&&(h.offsetHeight>=300?i.classList.add("has-cover"):i.classList.remove("has-cover")),"large"===e&&(h.offsetHeight>=344?i.classList.add("has-cover"):i.classList.remove("has-cover"))}render(){let e=s.heroWhite,r=this.colorVariant,t=this.heroType;"minor_landing"===this.heroType&&(r=n.white,t=o.landing),r===n.blue&&(e=s.heroBlue),r===n.black&&(e=s.heroBlack),r&&"fp_white"!==r||(r=n.white);const a=["hy-hero",`hy-hero--${t}`,`hy-hero--${this.heroGroupType}`,`hy-hero--${r}`,`hy-hero--${this.sizeVariant}`],d=["hy-hero__title","hy-heading__hero"].join(" ");this.hasShortcuts&&a.push("has-shortcuts");const c={"--aspectRatio":"62.5%"};return window.onload=()=>{const e=document.getElementsByClassName("hy-hero")[0];this.handleHeroImageObjectFitValue(this.sizeVariant,e),window.addEventListener("resize",(()=>{clearTimeout(m),m=setTimeout((()=>this.handleHeroImageObjectFitValue(this.sizeVariant,e)),250)}))},i(h,null,i("div",{class:a.join(" ")},"front_page"===t?i("div",{class:"hy-hero__container"},i("div",{class:"hy-hero__image-container",style:c},this.image&&(this._sourceSet?i("picture",null,this._sourceSet.map((e=>i("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image})):i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image}))),i("div",{class:"hy-hero__spacer-box"}),i("div",{class:"hy-hero__content-container"},i("div",{class:"hy-hero__content"},i("div",{class:"hy-hero__title-container"},i("h1",{innerHTML:this.heading,class:d})),this.description&&i("p",{class:"hy-hero__description"},this.description),this.url&&i("div",{class:"hy-hero__actions"},i("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e}))))):i("div",{class:"hy-hero__container"},i("div",{class:"hy-hero__image-container",style:c},this.image&&(this._sourceSet?i("picture",null,this._sourceSet.map((e=>i("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image})):i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image}))),i("div",{class:"hy-hero__content-container"},i("div",{class:"hy-hero__content"},i("div",{class:"hy-hero__title-container"},i("h1",{innerHTML:this.heading,class:d})),this.description&&i("p",{class:"hy-hero__description"},this.description),this.url&&i("div",{class:"hy-hero__actions"},i("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),i("hy-box",{mb:"2, 2, 1, 1"}))}get el(){return r(this)}};c.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-hero{position:relative;padding-bottom:0}@media (min-width: 60rem){.hy-hero{margin-top:32px}}@media (min-width: 60rem){.hy-hero:not(.has-shortcuts){margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero{max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 75.0625rem){.with-sidebar .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 60rem){.hy-hero--white{padding-top:40px}}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts){padding-bottom:48px}}.hy-hero--white:not(.has-shortcuts):after{width:100%;background-color:var(--grayscale-medium-dark);height:1px;content:"";margin:0 auto;display:block}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts):after{position:absolute;left:0;right:0;bottom:0}}.hy-hero--white:not(.hy-hero--front_page):after{max-width:1216px}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:grid;position:relative}}@media (min-width: 60rem){.hy-hero--small .hy-hero__container{grid-template-columns:60% 1fr}}@media (min-width: 60rem){.hy-hero--large .hy-hero__container{grid-template-columns:repeat(2, 1fr)}}.hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}@media (min-width: 30rem){.hy-hero__content-container{padding:40px 2rem}}@media (min-width: 75.0625rem){.hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 24px}}@media (min-width: 1601px){.hy-hero__content-container{max-width:1216px}}.hy-hero--black .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 75.0625rem){.hy-hero--white .hy-hero__content-container{padding:40px 24px 40px 0}}.hy-hero__content{position:relative}h1.hy-hero__title{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-hero--blue h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--black h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--white h1.hy-hero__title{color:var(--grayscale-black) !important}h1.hy-hero__title.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-hero__title.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-hero__title.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-hero__description{font-size:1rem;line-height:24px;font-family:var(--main-font-family);margin:16px 0 0 0;padding:0;position:relative}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}.hy-hero--black .hy-hero__description{color:var(--grayscale-white)}.hy-hero--blue .hy-hero__description{color:var(--grayscale-white)}.hy-hero--white .hy-hero__description{color:var(--grayscale-black)}.hy-hero__actions{margin-top:24px}.hy-hero__image-container{margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero__image-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__image-container{padding:0}}.hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:contain;object-fit:contain;width:100%}.has-cover .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--white{margin-top:0}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page{margin-left:-32px;margin-right:-32px;max-width:none}}.hy-hero.hy-hero--front_page .hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}.hy-hero--black .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:373px}}@media (min-width: 1160px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:443px}}@media (min-width: 1280px){.hy-hero.hy-hero--front_page .hy-hero__content-container{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:478px}}@media (min-width: 1460px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:513px}}@media (min-width: 1560px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:548px}}@media (min-width: 1601px){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:0}}@media (min-width: 1660px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:583px}}@media (min-width: 1760px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:619px}}@media (min-width: 1860px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:654px}}@media (min-width: 1920px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:675px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__image-container{width:40%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__content{max-width:60%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__image-container{width:50%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__content{max-width:50%}}.hy-hero.hy-hero--front_page .hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero.hy-hero--front_page .hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0;position:absolute;right:0;top:0}}.hy-hero.hy-hero--front_page .hy-hero__content{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content{padding-right:24px}}.hy-hero.hy-hero--front_page .hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;inset:0}}@media (min-width: 60rem){.hy-hero--small .hy-hero__spacer-box{width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__spacer-box{width:50%}}.hy-hero--black .hy-hero__spacer-box{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__spacer-box{background-color:var(--brand-main)}.hy-hero--white .hy-hero__spacer-box{background-color:var(--grayscale-white)}';export{c as hy_hero}

package/dist/huds-lib/p-8f62c5a4.entry.js

@@ -0,0 +1 @@
+import{r as e,c as i,h as t,g as n}from"./p-bb24c6b5.js";import{M as a}from"./p-e20f6203.js";import{j as r}from"./p-fd1edbd5.js";const o=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 r(this.breadcrumbs),t=i.map((function(e){return e.bid})).indexOf(e.detail.bid);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.slice(0,-1),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}]}async 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 a.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 a.mobile:return t("nav",{"data-is-group":this.isGroup,role:"navigation",class:"hy-mobile-menu"},t("section",{class:"hy-mobile-menu__header"},t("div",{id:"menu-bc-container",class:{"hy-mobile-menu__breadcrumbs":!0,"is-empty":0===this.breadcrumbs.length}},t("hy-menu-mobile-breadcrumb",this.breadcrumbs.length?{"label-back":this.menuButtonBreadcrumbReturn,"label-front-page":this.labelFrontPage,label:this.breadcrumbs[this.breadcrumbs.length-1].label,bid:this.breadcrumbs[this.breadcrumbs.length-1].bid}:{"label-back":this.menuButtonBreadcrumbReturn,"label-front-page":this.menuButtonBreadcrumbHome,label:this.menuButtonBreadcrumbHome,"is-first":!0,"logo-url":this.logoUrl})),t("button",{class:"hy-mobile-menu__menu-close-button","aria-label":"Close menu",disabled:!0,"aria-hidden":"true"},t("span",null,"Close"),t("hy-icon",{icon:"hy-icon-remove",size:16}))),t("section",{class:"hy-mobile-menu__menu-container"},t("div",{"aria-hidden":`${!this.menuIsOpen}`,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-mobile-menu__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 n(this)}};o.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{margin:0;padding:0}.hy-mobile-menu__header{display:grid;grid-template-columns:1fr auto;padding:12px 16px;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-mobile-menu__menu-close-button{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-16px;pointer-events:none;visibility:hidden}.hy-mobile-menu__menu-close-button:hover{cursor:pointer}.hy-mobile-menu__menu-close-button hy-icon{margin-left:8px}.hy-mobile-menu__menu-close-button hy-icon svg{fill:var(--brand-main)}.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-mobile-menu__menu-container{min-height:calc(100vh - 126px);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;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:0.45s;transition:0.45s;width:100%;z-index:100}@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{-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-mobile-menu__donate{background-color:var(--grayscale-white);bottom:0;-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-mobile-menu__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-mobile-menu__donate a:focus{outline:solid 2px var(--additional-yellow)}.hy-mobile-menu__donate a svg{margin-right:5px}.hy-menu__breadcrumbs{display:block;position:relative}.hy-menu__breadcrumbs.is-empty{min-height:35px}";export{o as hy_menu}

package/package.json

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

package/dist/huds-lib/p-45c60364.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,h as t,g as n}from"./p-bb24c6b5.js";import{M as a}from"./p-e20f6203.js";import{j as r}from"./p-fd1edbd5.js";const o=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 r(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=[{label:e.detail.label,bid:e.detail.bid,url:e.detail.url}]}async 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 a.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 a.mobile:return t("nav",{"data-is-group":this.isGroup,role:"navigation",class:"hy-mobile-menu"},t("section",{class:"hy-mobile-menu__header"},t("div",{id:"menu-bc-container",class:{"hy-mobile-menu__breadcrumbs":!0,"is-empty":0===this.breadcrumbs.length}},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("button",{class:"hy-mobile-menu__menu-close-button","aria-label":"Close menu",disabled:!0,"aria-hidden":"true"},t("span",null,"Close"),t("hy-icon",{icon:"hy-icon-remove",size:16}))),t("section",{class:"hy-mobile-menu__menu-container"},t("div",{"aria-hidden":`${!this.menuIsOpen}`,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-mobile-menu__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 n(this)}};o.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{margin:0;padding:0}.hy-mobile-menu__header{display:grid;grid-template-columns:1fr auto;padding:12px 16px;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-mobile-menu__menu-close-button{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-16px;pointer-events:none;visibility:hidden}.hy-mobile-menu__menu-close-button:hover{cursor:pointer}.hy-mobile-menu__menu-close-button hy-icon{margin-left:8px}.hy-mobile-menu__menu-close-button hy-icon svg{fill:var(--brand-main)}.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-mobile-menu__menu-container{min-height:calc(100vh - 126px);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;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:0.45s;transition:0.45s;width:100%;z-index:100}@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{-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-mobile-menu__donate{background-color:var(--grayscale-white);bottom:0;-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-mobile-menu__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-mobile-menu__donate a:focus{outline:solid 2px var(--additional-yellow)}.hy-mobile-menu__donate a svg{margin-right:5px}.hy-menu__breadcrumbs{display:block;position:relative}.hy-menu__breadcrumbs.is-empty{min-height:35px}";export{o as hy_menu}

package/dist/huds-lib/p-85cad30d.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as n,g as i}from"./p-bb24c6b5.js";import{j as a}from"./p-fd1edbd5.js";import{R as o}from"./p-a82d4779.js";let s={enter:"Enter",tab:"Tab",space:"Space"};const l=class{constructor(n){e(this,n),this.menuDesktopToggled=t(this,"menuDesktopToggled",7),this.isGroup=!1,this.isDropdown=!1,this.firstLevelLinksList=[],this.menuLinkItems=[],this.hasToolbar=!1,this.isDesktopMenuOpen=!1,this.currenOpenMenuId=0,this.isNewMenuIdOnHover=!1,this._headerBorderOffset=0,this._hoverTimer=null,this._fadeOutTimer=null,this._mouseEnter=null,this._mouseLeave=null}async componentWillLoad(){this._dataDesktopLinks=await a(this.dataDesktopLinks)}removeBackdropShadow(e){e<1200&&this.showBackdropShadow()}showBackdropShadow(e="close",t=0){let n=this.el.closest(".hy-site-header");if(!n)return;let i=n.children[0];if(i&&!this.isDropdown)if("open"===e){const e=window.outerHeight;i.style.height=`${e}px`,i.style.top=`${t}px`,i.style.position="absolute",i.classList.add("is-active")}else i.removeAttribute("style"),i.classList.remove("is-active")}showPanel(e){this.menuDesktopToggled.emit(),clearTimeout(this._hoverTimer),clearTimeout(this._fadeOutTimer),this.isDesktopMenuOpen=!0;const t=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__button"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__panel"),i=this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${e}"]`),a=i.nextElementSibling;t.forEach((e=>{e.setAttribute("aria-expanded","false")})),n.forEach((e=>{e.setAttribute("aria-hidden","true"),e.style.transition="none",e.style.opacity="0"})),i.setAttribute("aria-expanded","true"),a.style.opacity="1",this.hasToolbar&&a.classList.add("has-toolbar"),a.setAttribute("aria-hidden","false");let o=window.pageYOffset;const s=document.body.classList,l=document.querySelector("hy-site-header").shadowRoot.querySelector("header");let r=l.offsetHeight+this._headerBorderOffset,d=l.offsetTop,p=r+d,h=a.getBoundingClientRect(),m=r+d+h.height,c=m-79;if(this.isDropdown||window.addEventListener("scroll",(()=>{o=window.pageYOffset,0===o&&(a.style.top=`${p}px`),l.classList.contains("hy-site-header--sticky-active")&&o>0&&s.contains("toolbar-horizontal")&&(a.style.top=`${r}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",c))})),this.isDropdown||(l.classList.contains("hy-site-header--sticky-active")&&o>0&&s.contains("toolbar-horizontal")?(a.style.top=`${r}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",c)):(a.style.top=`${p}px`,this.showBackdropShadow("open",m))),this.isDropdown){let e=window.outerWidth;const t=a.offsetWidth;e-i.getBoundingClientRect().left<t&&(a.style.left="auto",a.style.right="-17px"),window.addEventListener("resize",(()=>{e=window.outerWidth,e-i.getBoundingClientRect().left<t?(a.style.left="auto",a.style.right="-17px"):(a.style.left="-17px",a.style.right="auto")}))}}closePanel(e=!1){this.isDesktopMenuOpen=!1,this.isNewMenuIdOnHover=!1,this.currenOpenMenuId=0,this.showBackdropShadow(),this.clearPanelItemsStatus(e),clearTimeout(this._hoverTimer)}clearPanelItemsStatus(e=!1){const t=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__button"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__panel");t.forEach((e=>{e.setAttribute("aria-expanded","false")})),e?(n.forEach((e=>{e.style.opacity="0",e.style.transition="opacity 1s"})),this._fadeOutTimer=window.requestAnimationFrame((()=>{n.forEach((e=>{e.setAttribute("aria-hidden","true")}))}))):n.forEach((e=>{e.setAttribute("aria-hidden","true"),e.style.opacity="0",e.style.transition="none"}))}handleDesktopMenuClose(e){this.closePanel(!0),e.stopPropagation()}menuLanguageToggled(){this.closePanel(!0)}universityMainMenuPanelToggled(){this.closePanel(!0)}searchPanelToggled(){this.closePanel(!0)}headerScrollUp(){this.closePanel(!1)}handleDesktopMenuEnter(e,t){this.isDesktopMenuOpen&&null==this._mouseEnter&&(clearTimeout(this._mouseLeave),this._mouseLeave=null,this._mouseEnter=setTimeout((()=>{this.isNewMenuIdOnHover=!0,clearTimeout(this._fadeOutTimer);const n=this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${t}"]`);null!==n&&n.focus(),this.currenOpenMenuId=t,this.showPanel(t),e.stopPropagation()}),500))}handleDesktopMenuLeave(){clearTimeout(this._mouseEnter),this._mouseEnter=null}handleWindowClick(e){0!=e.detail&&this.isDesktopMenuOpen&&(this.handleDesktopMenuClose(e),e.stopPropagation())}handleDesktopMenuClick(e,t){0!=e.detail&&(e.stopPropagation(),this.isDesktopMenuOpen?this.isDesktopMenuOpen&&this.handleDesktopMenuClose(e):(this.currenOpenMenuId=t,this.showPanel(t)),this.isNewMenuIdOnHover&&(this.isNewMenuIdOnHover=!1))}handleKeyDown(e,t){e.stopPropagation(),[s.enter,s.space].includes(e.code)&&(this.isDesktopMenuOpen?this.handleDesktopMenuClose(e):(this.currenOpenMenuId=t,this.showPanel(t)))}componentDidLoad(){this.ro=new o((e=>{for(const t of e)this.removeBackdropShadow(t.contentRect.width)})),this.ro.observe(document.body),document.querySelectorAll("#toolbar-administration")[0]&&(this.hasToolbar=!0);const e=this._dataDesktopLinks;let t=[];e&&e.map((({menuLinkId:e,shortcuts:i,items:a,url:o,description:s,toggleOff:l,label:r,labelExtra:d,isExternal:p,isActive:h,shortcutsTitle:m,closeButtonTitle:c})=>{let u=p?"_blank":"_self";t.push(l?n("li",{onMouseEnter:e=>this.handleDesktopMenuClose(e),class:"hy-desktop-menu__item "+("true"===h?"is-active-trail":"")},n("a",{"aria-current":r,href:o,target:u,class:"hy-desktop-menu__button","menu-link-id":e},n("span",{class:"label"},d||r))):n("li",{class:"hy-desktop-menu__item"},n("button",{tabindex:"0",type:"button",class:"hy-desktop-menu__button "+("true"===h?"is-active-trail":""),"link-id":e,onClick:t=>this.handleDesktopMenuClick(t,e),onKeyDown:t=>this.handleKeyDown(t,e),onMouseEnter:t=>this.handleDesktopMenuEnter(t,e),onMouseLeave:()=>this.handleDesktopMenuLeave(),"aria-expanded":"false"},n("span",null,r),n("hy-icon",{icon:"hy-icon-caret-down",size:32})),n("section",{class:"hy-desktop-menu__panel "+(this.isDropdown?"is-dropdown":""),"aria-hidden":"true"},n("div",{class:"hy-desktop-menu__panel-container"},n("div",{class:"hy-desktop-menu__panel-menu"},n("div",{class:"hy-desktop-menu__panel-header"},n("hy-icon",{icon:"hy-icon-arrow-right",size:24}),n("a",{"aria-current":r,href:o,target:u,"menu-link-id":e},d||r),s&&!this.isDropdown&&n("p",null,s)),n("div",{class:"hy-desktop-menu__panel-content "+(i.length>0?"has-shortcuts":"")},n("ul",{class:"hy-desktop-menu__panel-links hy-desktop-menu__panel-links--menu","menu-link-id":e},a.map((({label:e,url:t,isExternal:i})=>n("li",{class:"hy-desktop-menu__panel-links-item"},n("a",{class:"hy-desktop-menu__panel-link",href:t,target:i?"_blank":"_self"},n("hy-icon",{icon:"hy-icon-caret-right",size:10}),n("span",null,e,i&&n("hy-icon",{icon:"hy-icon-arrow-right",size:12}))))))),i.length>0&&n("div",{class:"hy-desktop-menu__panel-shortcuts"},n("h2",null,m),n("ul",{class:"hy-desktop-menu__panel-links hy-desktop-menu__panel-links--shortcuts"},i.map((({shortcut_title:e,shortcut_url:t,shortcut_is_external:i,shortcut_aria_label:a})=>n("li",{class:"hy-desktop-menu__panel-links-item"},n("a",{"aria-current":a,href:t,class:"hy-desktop-menu__panel-link",target:i?"_blank":"_self","aria-label":a},n("hy-icon",{icon:"hy-icon-caret-right",size:10}),n("span",null,e,i&&n("hy-icon",{icon:"hy-icon-arrow-right",size:12})))))))))),!this.isDropdown&&n("button",{onClick:e=>this.handleDesktopMenuClose(e),class:{"hy-desktop-menu__panel-close-button":!0},"aria-label":"Close menu"},n("span",null,c),n("hy-icon",{icon:"hy-icon-remove",size:16}))))))})),this.menuLinkItems=t}render(){return n("nav",{role:"navigation",class:`hy-site-header__menu-desktop ${this.isGroup?"is-group":""} ${this.isDropdown?"is-dropdown":""}`},n("ul",{class:"hy-desktop-menu "+(this.isDesktopMenuOpen?"is-panel-open":"")},this.menuLinkItems))}get el(){return i(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{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.hy-site-header__menu-desktop{height:100%;margin:0 32px}.hy-site-header__menu-desktop.is-group{margin:0}.hy-desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;list-style:none;margin:0;padding:0;width:100%}.is-dropdown .hy-desktop-menu__item{position:relative}.hy-desktop-menu__button{font-size:0.875rem;line-height:16px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;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:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.7px;padding:26px 10px;text-transform:uppercase;width:-webkit-min-content;width:-moz-min-content;width:min-content;text-decoration:none}.is-group .hy-desktop-menu__button{width:auto}@media (min-width: 1601px){.hy-desktop-menu__button{font-size:1rem;line-height:16px;width:auto}}.hy-desktop-menu__button:hover{cursor:pointer}.hy-desktop-menu__button:hover span{color:var(--brand-main)}.hy-desktop-menu__button:hover svg{fill:var(--brand-main)}.hy-desktop-menu__button:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px;color:var(--link-blue)}.hy-desktop-menu__button span{pointer-events:none}.hy-desktop-menu__button hy-icon{pointer-events:none;margin-left:4px}.hy-desktop-menu__button hy-icon svg{height:10px;width:10px}.hy-desktop-menu__button[aria-expanded=true] hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true]){-webkit-box-shadow:none;box-shadow:none}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::after,.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::before{display:none}.hy-desktop-menu__button.is-active-trail,.hy-desktop-menu__button[aria-expanded=true]{-webkit-box-shadow:inset 0 -4px 0 0 var(--grayscale-black);box-shadow:inset 0 -4px 0 0 var(--grayscale-black);position:relative}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::after,.hy-desktop-menu__button[aria-expanded=true]::before{background-color:var(--grayscale-white);content:"";height:5px;width:16px;position:absolute;bottom:-1px;z-index:1000}.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::before{left:-16px}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button[aria-expanded=true]::after{right:-16px}.hy-desktop-menu__panel{background-color:var(--grayscale-white);-webkit-transition:none;transition:none;position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-desktop-menu__panel[aria-hidden=true]{display:none;opacity:0}.hy-desktop-menu__panel:not(.is-dropdown){left:0;right:0;width:100%}.hy-desktop-menu__panel.is-dropdown{border:1px solid var(--grayscale-black);left:-17px;top:100%}.hy-desktop-menu__panel-container{margin:0 auto;padding:40px 24px;max-width:120.0625rem;width:100%;display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-container{padding:24px 16px 40px}.hy-desktop-menu__panel-menu{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-column-start:2}.hy-desktop-menu__panel-header{display:inline-grid;gap:8px 16px;grid-template-areas:"icon link" "icon description";grid-template-columns:auto;grid-template-rows:auto;margin-bottom:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-header{margin-bottom:16px}.hy-desktop-menu__panel-header>hy-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:icon;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-desktop-menu__panel-header>hy-icon svg{fill:var(--grayscale-white)}.hy-desktop-menu__panel-header a{font-size:1.5625rem;line-height:32px;font-weight:700;color:var(--brand-main);font-family:var(--main-font-family);grid-area:link;letter-spacing:-0.5px;margin-top:4px;text-decoration:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.hy-desktop-menu__panel-header a:hover{text-decoration:underline}.hy-desktop-menu__panel-header p{font-size:1.0625rem;line-height:26px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);grid-area:description;margin:0;width:690px}.hy-desktop-menu__panel-content{padding-left:56px;display:inline-grid;grid-template-columns:400px}.hy-desktop-menu__panel-content.has-shortcuts{grid-template-columns:400px 496px}.is-dropdown .hy-desktop-menu__panel-content{grid-template-columns:310px}.hy-desktop-menu__panel-shortcuts{margin-left:48px;padding-left:48px;border-left:1px solid var(--grayscale-medium)}.hy-desktop-menu__panel-shortcuts>h2{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.36px;margin:0 0 24px}.hy-desktop-menu__panel-links{list-style:none;margin:0;padding:0;display:inline-grid;gap:20px}.hy-desktop-menu__panel-link{font-size:1rem;line-height:24px;font-weight:600;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-desktop-menu__panel-link:hover{text-decoration:underline}.hy-desktop-menu__panel-link hy-icon{margin-right:12px;margin-top:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-desktop-menu__panel-link hy-icon svg{fill:var(--grayscale-black)}.hy-desktop-menu__panel-link span hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-left:6px;margin-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-desktop-menu__panel-link span hy-icon svg{fill:var(--brand-main)}.hy-desktop-menu__panel-close-button{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-8px}.hy-desktop-menu__panel-close-button:hover{cursor:pointer}.hy-desktop-menu__panel-close-button hy-icon{margin-left:8px}.hy-desktop-menu__panel-close-button hy-icon svg{fill:var(--brand-main)}';export{l as hy_desktop_menu_links}