@itcenteratunihelsinki/huds-lib 0.5.39 → 0.5.42

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

@@ -8,5 +8,6 @@ export declare class HyFooterLinkItem {
   color: FooterLinkItemColor;
   isMobile: boolean;
   variant: FooterLinkVariants;
+  isLuomusGroup: boolean;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -434,6 +434,7 @@ export namespace Components {
     interface HyFooterLinkItem {
         "color": FooterLinkItemColor;
         "isExternal": boolean;
+        "isLuomusGroup": boolean;
         "isMobile": boolean;
         "items": Array<any>;
         "label": string;
@@ -2172,6 +2173,7 @@ declare namespace LocalJSX {
     interface HyFooterLinkItem {
         "color"?: FooterLinkItemColor;
         "isExternal"?: boolean;
+        "isLuomusGroup"?: boolean;
         "isMobile"?: boolean;
         "items"?: Array<any>;
         "label"?: string;

package/package.json

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

package/dist/huds-lib/p-c09b65fb.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,h as t,F as a,g as s,H as r}from"./p-bb24c6b5.js";import{R as n}from"./p-a82d4779.js";import{M as o,C as l,S as h,F as d}from"./p-8ab550d6.js";import{j as c}from"./p-fd1edbd5.js";const p=class{constructor(t){e(this,t),this.headerScrollUp=i(this,"headerScrollUp",7),this.headerScrollDown=i(this,"headerScrollDown",7),this.menuMobileToggled=i(this,"menuMobileToggled",7),this.menuMobileTopToggled=i(this,"menuMobileTopToggled",7),this.isGroup=!1,this.isLuomusGroup=!1,this.researchGroupLabel="",this.groupType="",this.groupLogoUrl="",this.showSearchLabel=!0,this.noSearch=!1,this.menuLabel="Menu",this.menuType=null,this.isMenuOpen=!1,this.isDesktopMenuOpen=!1,this.isDesktopMenuDropdown=!1,this.isTopMenuOpen=!1,this.lastScrollTop=0,this.delta=5,this.navbarHeight=0,this.check=()=>window.requestAnimationFrame((()=>{this.hasScrolled()}))}mobileMenuToggle(){this.isMenuOpen=!this.isMenuOpen,this.menuMobileToggled.emit(),document.getElementsByTagName("body")[0].style.overflow=this.isMenuOpen?"hidden":"initial"}mobileMenuTopToggle(){this.isTopMenuOpen=!this.isTopMenuOpen,this.menuMobileTopToggled.emit()}handleScroll(){this.check()}componentDidLoad(){this.ro=new n((e=>{for(const i of e)this.applySizeClasses(i.contentRect.width)})),this.ro.observe(document.body),this.el.children[0].setAttribute("data-menu-language",this.dataMenuLanguage),this.navbarHeight=this.el.getBoundingClientRect().height}async componentWillLoad(){if(this.dataSiteHeaderLabels){const e=await c(this.dataSiteHeaderLabels);this.menuLabels=e.menu_labels,this.languageLabels=e.language_labels,this.searchLabels=e.search_labels,this.groupPages=e.group_pages,this.el.children[0].setAttribute("menu-button-breadcrumb-home",this.menuLabels.home),this.el.children[0].setAttribute("menu-button-breadcrumb-main",this.menuLabels.main),this.el.children[0].setAttribute("menu-button-breadcrumb-logourl",this.logoUrl)}this.dataMenuDonate&&(this.donateLink=await c(this.dataMenuDonate),this.el.children[0].setAttribute("data-menu-donate",this.dataMenuDonate)),this.el.children[0].setAttribute("open",this.isMenuOpen.toString()),this.el.children[0].setAttribute("logo-label",this.logoLabel),this.el.children[0].setAttribute("logo-url",this.logoUrl),this.el.children[0].setAttribute("site-label",this.siteLabel),this.el.children[0].setAttribute("site-url",this.siteUrl),this.el.children[0].setAttribute("menu-button-submenu-expand",this.menuLabels.expand),this.el.children[0].setAttribute("menu-button-breadcrumb-return",this.menuLabels.return),this.el.children[0].setAttribute("menu-button-breadcrumb-home",this.menuLabels.home),this.el.children[0].setAttribute("menu-button-breadcrumb-main",this.menuLabels.main),this.el.children[0].setAttribute("menu-button-breadcrumb-logourl",this.logoUrl),this.el.children[0].setAttribute("menu-language-label-open",this.languageLabels.open),this.el.children[0].setAttribute("menu-language-label-close",this.languageLabels.close),this.el.children[0].setAttribute("label-front-page",this.menuLabels.front_page),""!==this.groupType&&(this.isDesktopMenuDropdown=!0)}hasScrolled(){let e=window.pageYOffset;const i=document.querySelector("body").classList;if(i.contains("hy-menu-sidepanel__no-scroll")||i.contains("hy-menu-sidebar__no-scroll"))return;if(Math.abs(this.lastScrollTop-e)<=this.delta)return;let t=this.el.shadowRoot.querySelector(".hy-site-header");t&&(e>this.lastScrollTop&&e>this.navbarHeight?(t.classList.remove("hy-site-header--sticky-visible"),t.classList.remove("has-toolbar","has-toolbar--large"),this.headerScrollDown.emit()):e<this.el.offsetTop+this.navbarHeight?(t.classList.remove("hy-site-header--sticky-active"),t.classList.remove("hy-site-header--sticky-visible"),t.classList.remove("hy-site-header--sticky-hidden"),t.classList.remove("has-toolbar","has-toolbar--large")):(t.classList.add("hy-site-header--sticky-active"),t.classList.remove("hy-site-header--sticky-hidden"),t.classList.add("hy-site-header--sticky-visible"),i.contains("toolbar-horizontal")&&(t.classList.add("has-toolbar"),i.contains("toolbar-tray-open")&&t.classList.add("has-toolbar--large"))),this.lastScrollTop=e)}disconnectedCallback(){this.ro.disconnect()}applySizeClasses(e){this.menuType=e<=1200?o.mobile:o.desktop,this.isMobile=this.menuType===(o.mobile||o.tablet),this.el.children[0].setAttribute("menu-type",this.menuType)}render(){var e;if(null===this.menuType)return;const i=this.isMobile?h.small:h.big,s=h.small,r=l.black,n=l.white;let d=["hy-site-header",`hy-site-header--${this.menuType}`,this.isGroup?"is-group":""];const c=()=>{window.removeEventListener("click",p),this.mobileMenuToggle()},p=e=>{const[i]=e.composedPath();i.classList.contains("hy-backdrop")&&c()};switch(this.isMenuOpen&&window.addEventListener("click",p),this.menuType){case o.desktop:return[t("header",{class:`${d.join(" ")}`},t("div",{class:{"hy-backdrop":!0,"is-active":this.isMenuOpen&&!this.isDesktopMenuDropdown||this.isTopMenuOpen&&!this.isDesktopMenuDropdown}}),this.isGroup&&t("section",{class:"hy-site-header__content-top "+(this.isTopMenuOpen?"is-open":"")},t("div",{class:"hy-site-header__container"},t("div",{class:"hy-site-header__branding"},t("hy-site-logo",{"is-group":!0,"is-luomus-group":this.isLuomusGroup,size:s,color:n,url:this.siteUrl,label:this.siteLabel})),this.dataMainMenuLinks.length>2&&t("hy-menu-main-group",{tabindex:"0","is-mobile":!1,"menu-label":null!==(e=this.groupPages.university_main_menu)&&void 0!==e?e:null,"data-main-menu":this.dataMainMenuLinks}),t("div",{class:"hy-site-header__actions"},t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels,isGroup:!0}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:18,color:n,"is-group":!0,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((({label:e,url:i})=>t("a",{class:"hy-site-header__donate-link",href:i},t("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:l.black}),t("span",null,e))))))),t("section",{class:`hy-site-header__container ${this.isGroup?"is-group":""} ${"research_group_menu"===this.groupType?"is-research-group":""}`},t("div",{class:"hy-site-header__branding"},this.isGroup&&"research_group_menu"==this.groupType&&t("p",null,this.researchGroupLabel),this.isGroup?t("a",{href:this.logoUrl},"generic_site_group_menu"==this.groupType&&this.groupLogoUrl?t("img",{src:this.groupLogoUrl,alt:`${this.logoLabel} logo`}):this.logoLabel):t("hy-site-logo",{size:i,color:r,url:this.logoUrl,label:this.logoLabel})),"research_group_menu"!=this.groupType&&t("hy-desktop-menu-links",{"data-desktop-links":this.dataDesktopLinks,isGroup:this.isGroup,isDropdown:this.isDesktopMenuDropdown}),!this.isGroup&&t("div",{class:"hy-site-header__actions"},t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.noSearch&&t("hy-site-search",{size:14,color:l.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((({label:e,url:i})=>t("a",{class:"hy-site-header__donate-link",href:i},t("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:l.black}),t("span",null,e)))))))];case o.mobile:return t("header",{class:d.join(" ")},t("div",{class:{"hy-backdrop":!0,"is-active":this.isMenuOpen}}),t("div",{class:{"hy-backdrop":!0,"is-active-top":this.isTopMenuOpen}}),this.isGroup&&t("section",{class:"hy-site-header__content-top "+(this.isTopMenuOpen?"is-open":"")},t("div",{class:"hy-site-header__container"},t("div",{class:"hy-site-header__branding"},t("hy-site-logo",{"is-group":!0,"is-luomus-group":this.isLuomusGroup,size:s,color:n,url:this.siteUrl,label:this.siteLabel})),t("div",{class:"hy-site-header__actions"},t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels,isGroup:!0}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:18,color:n,"is-group":!0,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.dataMainMenuLinks.length>2&&t("hy-menu-main-group",{"site-label":this.siteLabel,"site-url":this.siteUrl,"logo-label":this.logoLabel,"logo-url":this.logoUrl,"is-mobile":!0,donate:this.donateLink,"data-main-menu":this.dataMainMenuLinks})))),t("section",{class:"hy-site-header__container"},t("div",{class:"hy-site-header__branding"},"research_group_menu"==this.groupType&&t("p",null,this.researchGroupLabel),this.isGroup?t("a",{href:this.logoUrl},"generic_site_group_menu"==this.groupType&&this.groupLogoUrl?t("img",{src:this.groupLogoUrl,alt:`${this.logoLabel} logo`}):this.logoLabel):t("hy-site-logo",{size:i,color:r,url:this.logoUrl,label:this.logoLabel})),t("div",{class:"hy-site-header__actions"},!this.isGroup&&t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.isGroup&&!this.noSearch&&t("hy-site-search",{size:24,color:l.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),t("button",{onClick:()=>c(),class:"hy-site-header__menu-open-button","aria-label":this.menuLabels.open,"aria-expanded":`${this.isMenuOpen}`},!this.isMenuOpen&&t("hy-icon",{icon:"hy-icon-hamburger",size:24,fill:l.black}),this.isMenuOpen&&t(a,null,t("span",null,"Close"),t("hy-icon",{icon:"hy-icon-remove",size:16})))),t("div",{class:{"is-open":this.isMenuOpen,"hy-site-header__panel":!0},"aria-hidden":`${!this.isMenuOpen}`},t("slot",{name:"menu"}))))}}get el(){return s(this)}};p.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-site-header{background-color:var(--grayscale-white);z-index:100;border-bottom:2px solid var(--grayscale-dark)}@media (min-width: 75.0625rem){.hy-site-header{border-bottom:1px solid var(--grayscale-black);margin:0 auto;max-width:120.0625rem}}.hy-site-header.hy-site-header--sticky-active{-webkit-transition:-webkit-transform 200ms linear;transition:-webkit-transform 200ms linear;transition:transform 200ms linear;transition:transform 200ms linear, -webkit-transform 200ms linear;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-shadow:rgba(14, 104, 139, 0.2) 0 20px 20px -20px;box-shadow:rgba(14, 104, 139, 0.2) 0 20px 20px -20px}.hy-site-header.hy-site-header--sticky-visible{left:0;position:fixed;right:0;top:0}.hy-site-header.hy-site-header--sticky-visible.has-toolbar{top:39px}.hy-site-header.hy-site-header--sticky-visible.has-toolbar--large{top:79px}.hy-site-header.hy-site-header--sticky-hidden{top:0}@media (min-width: 75.0625rem){.hy-site-header.is-group hy-desktop-menu-links{margin-left:-10px}}.hy-site-header__container{padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 75.0625rem){.hy-site-header__container{padding:0 32px}}.hy-site-header__container.is-group{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (min-width: 75.0625rem){.hy-site-header__container.is-group{min-height:82px}}.hy-site-header__branding{padding:12px 0}@media (min-width: 75.0625rem){.hy-site-header__branding{padding:26px 0}}.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}@media (min-width: 75.0625rem){.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}}.hy-site-header__branding>p{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);letter-spacing:-0.1px;margin-bottom:4px;text-transform:uppercase}.hy-site-header__branding>p+a{min-height:auto}@media (min-width: 75.0625rem){.hy-site-header__branding>p{margin-bottom:8px}}.hy-site-header__branding>a{font-size:1rem;line-height:16px;font-weight:700;font-family:var(--main-font-family);color:var(--brand-main-nearly-black);letter-spacing:-0.6px;text-transform:uppercase;text-decoration:none;min-height:48px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 75.0625rem){.hy-site-header__branding>a{font-size:1.625rem;line-height:30px;letter-spacing:-0.8px;min-height:auto}}.hy-site-header__branding>a img{height:100%;max-height:48px}@media (min-width: 75.0625rem){.hy-site-header__branding>a img{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@media (min-width: 75.0625rem){.is-group:not(.is-research-group)>.hy-site-header__branding{margin-right:42px;padding-bottom:0;margin-bottom:-10px}}.hy-site-header__actions{display:inline-grid;gap:4px;grid-template-columns:repeat(3, auto);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (min-width: 1601px){.hy-site-header__actions{gap:16px}}.hy-site-header__menu-open-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;background-color:transparent;border:0;padding:0;margin:0}.hy-site-header__menu-open-button[aria-expanded=true]{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);height:auto;letter-spacing:-0.3px;margin-left:auto;margin-right:-16px;padding:16px;position:fixed;right:16px;top:12px;z-index:101;width:auto}.hy-site-header__menu-open-button[aria-expanded=true]:hover{cursor:pointer}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon{margin-left:8px}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon svg{fill:var(--brand-main)}.hy-site-header__donate-link{font-size:0.75rem;line-height:24px;font-weight:400;display:inline-grid;font-family:var(--main-font-family);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;grid-template-columns:repeat(2, auto);color:var(--brand-main-nearly-black);letter-spacing:-0.5px;padding:0;text-decoration:none}@media (min-width: 1601px){.hy-site-header__donate-link{font-size:0.875rem;line-height:24px}}.hy-site-header__donate-link:hover{color:var(--brand-main);cursor:pointer}.hy-site-header__donate-link:hover svg{fill:var(--brand-main)}.hy-site-header__donate-link:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-header__content-top .hy-site-header__donate-link{color:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link svg{fill:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link:hover{color:var(--grayscale-medium);cursor:pointer}.hy-site-header__content-top .hy-site-header__donate-link:hover svg{fill:var(--grayscale-medium)}.hy-site-header__content-top{background-color:var(--grayscale-black);border-bottom:2px solid rgba(0, 0, 0, 0.7);position:relative}.hy-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;visibility:hidden}.hy-backdrop.is-active{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:99}.hy-backdrop.is-active-top{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:98}.hy-site-header__panel{background:var(--grayscale-white);bottom:0;overflow:hidden;position:fixed;right:0;top:0;visibility:visible;width:90%;z-index:100}@media (min-width: 30rem){.hy-site-header__panel{width:400px}}.hy-site-header__panel[aria-hidden=true]{visibility:hidden;padding:0;width:0}";const g=class{constructor(i){e(this,i),this.type=d.header,this.color=l.black,this.isGroup=!1,this.isLuomusGroup=!1,this.size=h.big}render(){const e=["hy-site-logo",`hy-site-logo__${this.type}__${this.isGroup?"group":"page"}`,`hy-site-logo__${this.type}`,"luomus"].join(" ");return this.url?t(r,{class:e},!this.isLuomusGroup&&t("a",{href:this.url},t("hy-icon",{class:{"hy-site-logo__icon":!0,group:this.isGroup},icon:"hy-icon-hy-logo",size:this.size,fill:this.color}),t("span",{class:{"hy-site-logo__label":!0,group:this.isGroup},style:{color:this.color}},this.label)),this.isLuomusGroup&&t("div",{class:"luomus-group"},t("hy-icon",{class:{"hy-site-logo__icon":!0,group:this.isGroup},icon:"hy-icon-hy-logo",size:this.size,fill:this.color}),t("span",{class:{"hy-site-logo__label":!0,group:this.isGroup},style:{color:this.color}},this.label))):this.label?t(r,{class:e},t("hy-icon",{class:{"hy-site-logo__icon":!0,group:this.isGroup},icon:"hy-icon-hy-logo",size:this.size,fill:this.color}),t("span",{class:{"hy-site-logo__label":!0,group:this.isGroup},style:{color:this.color}},this.label)):""}};g.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{--site-logo-color:var(--brand-main-nearly-black)}:host(.hy-site-logo--mobile){--site-logo-color:var(--brand-main-nearly-black)}.hy-site-logo a,.hy-site-logo div.luomus-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none}.hy-site-logo a:focus,.hy-site-logo div.luomus-group:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-logo__label{font-size:0.875rem;line-height:14px;font-weight:700;color:var(--site-logo-color);font-family:var(--main-font-family);letter-spacing:-0.7px;margin-left:8px;max-width:90px;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 75.0625rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:90px;white-space:initial}}@media (min-width: 1601px){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 30rem){.hy-site-logo__label{font-size:0.9375rem;line-height:16px;letter-spacing:-0.75px;margin-left:6px}}@media (min-width: 75.0625rem){.hy-site-logo__label{font-size:0.875rem;line-height:14px;letter-spacing:-0.6px;margin-left:4px}}@media (min-width: 1601px){.hy-site-logo__label{font-size:1rem;line-height:16px;letter-spacing:-0.7px;margin-left:4px}}.hy-site-logo__label.group{font-size:0.75rem;line-height:14px;color:var(--grayscale-white);letter-spacing:-0.6px;margin-left:3px}@media (min-width: 60rem){.hy-site-logo__label.group{font-size:0.875rem;line-height:14px;letter-spacing:-0.7px}}@media (min-width: 1601px){.hy-site-logo__label.group{margin-left:8px}}.hy-site-logo__icon.group svg{height:32px !important;width:33.41px}.hy-site-logo__icon:not(.group) svg{height:32px;width:33.41px}@media (min-width: 30rem){.hy-site-logo__icon:not(.group) svg{height:48px;width:51px}}@media (min-width: 1601px){.hy-site-logo__icon:not(.group) svg{height:60px;width:64px}}.hy-site-logo__header__page:hover{color:var(--brand-main)}.hy-site-logo__header__page:hover a,.hy-site-logo__header__page:hover span{color:var(--brand-main) !important}.hy-site-logo__header__page:hover svg{fill:var(--brand-main)}.hy-site-logo__header__group:not(.luomus):hover{color:var(--grayscale-medium)}.hy-site-logo__header__group:not(.luomus):hover a,.hy-site-logo__header__group:not(.luomus):hover span{color:var(--grayscale-medium) !important}.hy-site-logo__header__group:not(.luomus):hover svg{fill:var(--grayscale-medium)}.hy-site-logo__footer:hover span{color:var(--grayscale-medium) !important}.hy-site-logo__footer:hover svg{fill:var(--grayscale-medium) !important}.hy-site-header__logo-container a.group{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-decoration:none;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__logo-container a.group{font-size:1.5rem;line-height:28px;letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-site-header__logo-container a.group{font-size:1.625rem;line-height:30px}}";const m=class{constructor(t){e(this,t),this.searchPanelToggled=i(this,"searchPanelToggled",7),this.color=l.black,this.isAlternative=!1,this.isGroup=!1,this.showLabel=!1,this.isSearchPanelOpen=!1}async componentWillLoad(){this._labels=await c(this.labels),this.searchTools&&(this._searchTools=await c(this.searchTools)),this.searchLabels&&(this._searchLabels=await c(this.searchLabels),this.searchTitleLabel=this._searchLabels.search_label,this.searchCloseLabel=this._searchLabels.search_close_label,this.searchToolsLabel=this._searchLabels.search_tools_label,this.searchDescriptionLabel=this._searchLabels.search_description)}desktopMenuToggled(){this.closeSearchPanel()}mobileMenuToggled(){this.closeSearchPanel()}menuLanguageToggled(){this.closeSearchPanel()}universityMainMenuPanelToggled(){this.closeSearchPanel()}handleWindowClick(e){0!=e.detail&&this.isSearchPanelOpen&&(e.path||e.composedPath&&e.composedPath())[0].classList.contains("hy-backdrop")&&(this.closeSearchPanel(),e.stopPropagation())}closeSearchPanel(){if(this.isSearchPanelOpen=!1,document.querySelectorAll("stencil-cludo-sayt")[0]){let e=window.CludoSayt;void 0!==e&&e.hide()}this.showBackdropShadow()}handleSearchPanelToggle(e){if(this.isSearchPanelOpen=!this.isSearchPanelOpen,this.isSearchPanelOpen){this.searchPanelToggled.emit(),this.adjustPosition(this.el);let e=document.querySelectorAll("stencil-cludo-sayt")[0];if(e){const i=this.el.shadowRoot.querySelector("#cludo-search-content-form");e.classList.remove("hidden"),i.append(e),e.shadowRoot.querySelector("#cludo-reli-flexi-wrapper").style.position="relative",e.shadowRoot.querySelector("#cludo-reli-flexi").style.position="relative",e.shadowRoot.querySelector("#cludo-reli-flexi").style.maxWidth="none"}setTimeout((()=>{this.el.shadowRoot.querySelector("input#search").focus()}))}else this.closeSearchPanel();e.stopPropagation()}adjustPosition(e){let i="0",t=0;const a=e.shadowRoot.querySelectorAll(".site-search__panel")[0];let s=a.style.display;if(this.isGroup){let s=e.closest(".hy-site-header__content-top");if(s){let e=s.offsetHeight;i=`${e}px`;let r=s.offsetTop;a.style.display="flex",t=e+r+a.offsetHeight}}else{let s=e.closest(".hy-site-header");if(s){let e=s.classList.contains("hy-site-header--sticky-active")?s.offsetHeight:s.offsetTop+s.offsetHeight;i=`${e}px`,a.style.display="flex",t=a.offsetHeight+e}}a.style.display=s,a.style.top=i,this.showBackdropShadow("open",t)}showBackdropShadow(e="close",i=0){let t=this.el.closest(".hy-site-header").children[0];if(t)if("open"===e){let e=window.outerHeight-i;t.style.height=`${e}px`,t.style.top=`${i}px`,t.style.position="absolute",t.classList.add("is-active")}else t.removeAttribute("style"),t.classList.remove("is-active")}render(){const e=window.location.pathname,i=["/fi/haku","/en/search","/sv/sök"];return t("div",{class:{"site-search":!0,"site-search__is-open":this.isSearchPanelOpen,"is-group":this.isGroup}},t("button",{"aria-label":this.showLabel?this._labels.open:"","aria-expanded":`${this.isSearchPanelOpen}`,class:{"button--search":!0,"is-open--menu":this.isAlternative,"is-open":this.isSearchPanelOpen,"is-active":i.some((i=>i===e))},onClick:e=>this.handleSearchPanelToggle(e),disabled:!!i.some((i=>i===e))},this.showLabel?t("span",{class:{"button--search__label":!0,"button--search__label__group":this.isGroup}},this._labels.label):"",t("hy-icon",{icon:"hy-icon-search",size:this.size,fill:this.color})),t("div",{class:{"site-search__panel":!0,"site-search__panel__is-open":this.isSearchPanelOpen},"aria-hidden":`${!this.isSearchPanelOpen}`},t("div",{class:"site-search__panel__wrapper"},t("div",{class:"site-search__panel__title"},t("div",{class:"site-search__panel__title__group"},t("h1",null,this.searchTitleLabel),t("div",{class:"description"},this.searchDescriptionLabel))),t("div",{id:"cludo-search-results",class:"container_12"},t("div",{class:"search-banner"}),t("div",{class:"search-filters search-filters-mobile"}),t("div",{class:"col-md-12"},t("div",{style:{margin:"20px 0 32px"},id:"cludo-search-content-form"},t("hy-search-field",{"input-id":"search",label:""}))),t("div",{class:"col-md-3"},t("div",{class:"search-filters","aria-controls":"search-results"})),t("div",{class:"col-md-9"},t("div",{class:"search-results-container"},t("hy-paragraph-text",null,t("div",{class:"search-result-count"})),t("div",{class:"search-did-you-mean",role:"Complementary"}),t("div",{class:"search-results",role:"region",id:"search-results","aria-live":"polite"})))),this._searchTools&&this._searchTools.length>0&&t("div",{class:"site-search__panel__tools"},t("div",{class:"title"},this.searchToolsLabel),t("div",{class:"list"},this._searchTools.map((e=>t("a",{class:"search-special-tool",href:e.url,target:e.isExternal?"_blank":"_self"},t("hy-icon",{icon:"hy-icon-arrow-to-right",size:14,fill:l.black}),t("span",{class:"label"},e.label),t("span",{class:"description"},e.description)))))),t("button",{onClick:()=>this.closeSearchPanel(),class:{"site-search__panel__panel-toggle":!0},"aria-label":this.searchCloseLabel,"aria-expanded":`${this.isSearchPanelOpen}`},t("span",{class:"site-search__panel__panel-toggle__label"},t("span",{class:"site-search__panel__panel-toggle__label__title",tabindex:"0"},this.searchCloseLabel),t("hy-icon",{icon:"hy-icon-remove",size:16,fill:l.black}))))))}get el(){return s(this)}};m.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-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.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:"";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:#f8f8f8;border:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title h1{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title h1{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title h1{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:8px;width:40px}';export{p as hy_site_header,g as hy_site_logo,m as hy_site_search}