@itcenteratunihelsinki/huds-lib 0.9.8 → 0.9.9

package/dist/huds-lib/hy-hero.entry.js

@@ -1 +1 @@
-import{r as e,h as t,H as h,g as i}from"./index-2ffe17c9.js";import{j as o}from"./globalScript-3f479486.js";import{H as r,a,b as n,c as l,d}from"./utils-1e7f5184.js";const g=class{constructor(t){e(this,t),this.heroType=r.landing,this.heroGroupType=a.default,this.colorVariant=n.blue,this.sizeVariant=l.large,this.heroTextColor=null,this.image=void 0,this.imageHeight=null,this.imageWidth=null,this.imageAltText="",this.disableLazy=!1,this.hasShortcuts=!1,this.heading=void 0,this.description=void 0,this.subtitle=void 0,this.url=void 0,this.urlTitle=void 0,this.scLabel=void 0,this.isExternal=!1,this.sourceSet=void 0}async componentWillLoad(){this._sourceSet=await o(this.sourceSet)}createImageElement(e,h,i){return t("div",{class:"hy-hero__image-container",style:i},e.image&&(h?t("picture",null,h.map((e=>t("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),t("img",{loading:e.disableLazy?"eager":"lazy",alt:e.imageAltText,class:"hy-image__image",src:e.image,height:e.imageHeight,width:e.imageWidth})):t("img",{loading:e.disableLazy?"eager":"lazy",alt:e.imageAltText,class:"hy-image__image",src:e.image,height:e.imageHeight,width:e.imageWidth})))}render(){let e=d.heroWhite,i=this.colorVariant,o=this.heroType;"minor_landing"===this.heroType&&(i=n.white,o=r.landing),i===n.blue&&(e=d.heroBlue),i===n.black&&(e=d.heroBlack),i&&"fp_white"!==i||(i=n.white);const a=["hy-hero",`hy-hero--${o}`,`hy-hero--${this.heroGroupType}`,`hy-hero--${i}`,`hy-hero--${this.sizeVariant}`,this.hasShortcuts?"has-shortcuts":""],l=["hy-hero__title","hy-heading__hero"].join(" ");if("front_page"===o&&"full-image"!==this.sizeVariant)return t(h,null,t("div",{class:a.join(" ")},t("div",{class:"hy-hero__container"},this.createImageElement(this,this._sourceSet,{"--aspect-ratio":"16 / 10"}),t("div",{class:"hy-hero__spacer-box"}),t("div",{class:"hy-hero__content-container"},t("div",{class:"hy-hero__content"},t("div",{class:"hy-hero__title-container"},t("h2",{innerHTML:this.heading,class:l})),this.description&&t("p",{class:"hy-hero__description"},this.description),this.url&&t("div",{class:"hy-hero__actions"},t("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),t("hy-box",{mb:"2, 2, 1, 1"}));if("full-image"===this.sizeVariant){const e=this.isExternal?"_blank":"_self";return t("div",{class:"hy-hero hy-hero--full-image"},t("div",{class:"hy-hero__container"},this.createImageElement(this,this._sourceSet,{"--aspect-ratio":"16 / 8"}),t("div",{class:"hy-hero__content-container"},t("div",{class:"hy-hero__content","data-text-color":this.heroTextColor},this.subtitle&&t("span",{class:"hy-hero__subtitle"},this.subtitle),t("h2",{innerHTML:this.heading,class:l}),this.description&&t("p",{class:"hy-hero__description"},this.description),this.url&&t("div",{class:"hy-hero__actions"},t("a",{class:"hy-hero__link",href:this.url,"aria-label":this.scLabel,target:e,"data-text-color":this.heroTextColor},this.urlTitle,t("hy-icon",{icon:"hy-icon-arrow-right",size:16})))))))}return t(h,null,t("div",{class:a.join(" ")},t("div",{class:"hy-hero__container"},this.createImageElement(this,this._sourceSet,{"--aspect-ratio":"16 / 10"}),t("div",{class:"hy-hero__content-container"},t("div",{class:"hy-hero__content"},t("div",{class:"hy-hero__title-container"},t("h2",{innerHTML:this.heading,class:l})),this.description&&t("p",{class:"hy-hero__description"},this.description),this.url&&t("div",{class:"hy-hero__actions"},t("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),t("hy-box",{mb:"2, 2, 1, 1"}))}get el(){return i(this)}};g.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-hero{position:relative;padding-bottom:0;}@media (min-width: 60rem){.hy-hero:not(.hy-hero--full-image){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:not(.hy-hero--full-image) .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar:not(.hy-hero--full-image) .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}.hy-hero--full-image{--dark-bg:rgba(0, 0, 0, 0.55);--light-bg:rgba(255, 255, 255, 0.95);--dark-text:var(--brand-main-nearly-black);--light-text:var(--grayscale-white);border-bottom:1px solid var(--grayscale-medium-dark)}@media (min-width: 60rem){.hy-hero--full-image{border-bottom:4px solid var(--grayscale-black);margin-left:-2rem;margin-right:-2rem}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero--full-image{max-width:none;margin-left:-2rem;margin-right:-2rem}}.hy-hero--full-image .hy-hero__container{grid-template-columns:repeat(4, 1fr);grid-template-rows:1fr}.hy-hero--full-image .hy-hero__image-container{grid-column:1/-1;grid-row:1/-1;-o-object-fit:cover;object-fit:cover;padding:0;width:100%}.hy-hero--full-image .hy-hero__image-container img{aspect-ratio:16/8}.hy-hero--full-image .hy-hero__content-container{padding:0}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content-container{align-self:center;grid-column:1/3;grid-row:1/-1;margin-left:32px;max-width:95%;z-index:2}}@media (min-width: 75.0625rem){.hy-hero--full-image .hy-hero__content-container{margin-left:0}}.hy-hero--full-image .hy-hero__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;padding:16px 16px 32px 16px}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content{margin-left:32px;gap:24px;padding:32px}}@media (min-width: 75.0625rem){.hy-hero--full-image .hy-hero__content{margin-left:64px;gap:32px}}@media (min-width: 1601px){.hy-hero--full-image .hy-hero__content{margin-left:96px}}.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_light_bg]{-webkit-backdrop-filter:blur(250px);backdrop-filter:blur(250px);background-color:var(--grayscale-white);color:var(--dark-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_light_bg]{background:var(--light-bg)}}.hy-hero--full-image .hy-hero__content[data-text-color=light_text_dark_bg]{-webkit-backdrop-filter:blur(250px);backdrop-filter:blur(250px);background:var(--grayscale-black);color:var(--light-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=light_text_dark_bg]{background:var(--dark-bg)}}.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_no_bg]{background-color:var(--grayscale-white);color:var(--dark-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_no_bg]{background:transparent;text-shadow:0 0 5px var(--grayscale-white)}}.hy-hero--full-image .hy-hero__content[data-text-color=light_text_no_bg]{background-color:var(--grayscale-black);color:var(--light-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=light_text_no_bg]{background:transparent;text-shadow:0 0 5px var(--grayscale-black)}}.hy-hero--full-image .hy-hero__subtitle{font-family:var(--main-font-family);font-size:18px;font-weight:700;line-height:1.2;position:relative}.hy-hero--full-image .hy-hero__subtitle::after{aspect-ratio:1;background-color:currentColor;bottom:-10px;content:"";display:block;height:4px;left:0;position:absolute;width:64px}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__subtitle{font-size:20px}}.hy-hero--full-image h2.hy-hero__title.hy-heading__hero{color:inherit !important;font-family:var(--main-font-family);font-size:32px;font-weight:700;line-height:1.2}@media (min-width: 75.0625rem){.hy-hero--full-image h2.hy-hero__title.hy-heading__hero{font-size:36px}}@media (min-width: 1601px){.hy-hero--full-image h2.hy-hero__title.hy-heading__hero{font-size:64px}}.hy-hero--full-image .hy-hero__description{font-family:var(--main-font-family);font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0}@media (min-width: 1601px){.hy-hero--full-image .hy-hero__description{font-size:17px}}.hy-hero--full-image .hy-hero__actions{margin:0}.hy-hero--full-image .hy-hero__actions .hy-hero__link{--light-bg:var(--grayscale-white);--dark-bg:var(--grayscale-black);--light-text:var(--grayscale-white);--dark-text:var(--grayscale-black);-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:16px;font-weight:700;gap:8px;line-height:18px;padding:13px 16px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hy-hero--full-image .hy-hero__actions .hy-hero__link:hover{text-decoration:underline}.hy-hero--full-image .hy-hero__actions .hy-hero__link svg{width:16px;height:16px}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_light_bg]{background:var(--dark-bg);color:var(--light-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_light_bg] svg{fill:var(--light-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_dark_bg]{background:var(--light-bg);color:var(--dark-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_dark_bg] svg{fill:var(--dark-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_no_bg]{background:var(--dark-bg);color:var(--light-text);text-shadow:none}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_no_bg] svg{fill:var(--light-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_no_bg]{background:var(--light-bg);color:var(--dark-text);text-shadow:none}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_no_bg] svg{fill:var(--dark-text)}.hy-hero--full-image .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero--white{margin-top:0}}@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{-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{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;-ms-hyphens:auto;hyphens:auto;font-stretch:var(--ds-fontWidth-normal);text-transform:none;text-wrap:balance;letter-spacing:-0.8px;margin-bottom:0;text-transform:none;text-wrap:balance}@media (min-width: 60rem){h2.hy-hero__title.hy-heading__hero{font-size:var(--ds-fontSize-48);line-height:52px;font-stretch:var(--ds-fontWidth-condense)}}.hy-hero__description{color:inherit;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);-ms-hyphens:auto;hyphens:auto;text-wrap:pretty;margin:16px 0 0 0;padding:0;position:relative;text-wrap:pretty}@media (min-width: 60rem){.hy-hero__description{font-size:var(--ds-fontSize-20)}}@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{aspect-ratio:var(--aspect-ratio);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}.hy-hero.hy-hero--group_landing.hy-hero--generic_site_group h2.hy-hero__title.hy-heading__hero,.hy-hero.hy-hero--research_group h2.hy-hero__title.hy-heading__hero{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;-ms-hyphens:auto;hyphens:auto;font-stretch:var(--ds-fontWidth-normal);text-transform:none;text-wrap:balance;margin-bottom:0}@media (min-width: 60rem){.hy-hero.hy-hero--group_landing.hy-hero--generic_site_group h2.hy-hero__title.hy-heading__hero,.hy-hero.hy-hero--research_group h2.hy-hero__title.hy-heading__hero{font-size:var(--ds-fontSize-48);line-height:52px;font-stretch:var(--ds-fontWidth-condense)}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--white{padding-top:40px;margin-top:0}}.hy-hero.hy-hero--front_page h2.hy-hero__title.hy-heading__hero{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;-ms-hyphens:auto;hyphens:auto;font-stretch:var(--ds-fontWidth-normal);text-transform:none;text-wrap:balance;letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page h2.hy-hero__title.hy-heading__hero{font-size:var(--ds-fontSize-48);line-height:52px;font-stretch:var(--ds-fontWidth-condense)}}@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%;min-height:clamp(330px, 50%, 675px)}.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{g as hy_hero}
+import{r as e,h as t,H as h,g as i}from"./index-2ffe17c9.js";import{j as o}from"./globalScript-3f479486.js";import{H as r,a,b as n,c as l,d}from"./utils-1e7f5184.js";const s=class{constructor(t){e(this,t),this.heroType=r.landing,this.heroGroupType=a.default,this.colorVariant=n.blue,this.sizeVariant=l.large,this.heroTextColor=null,this.image=void 0,this.imageHeight=null,this.imageWidth=null,this.imageAltText="",this.imageDecorative=!1,this.disableLazy=!1,this.hasShortcuts=!1,this.heading=void 0,this.description=void 0,this.subtitle=void 0,this.url=void 0,this.urlTitle=void 0,this.scLabel=void 0,this.isExternal=!1,this.sourceSet=void 0}async componentWillLoad(){this._sourceSet=await o(this.sourceSet)}createImageElement(e,h,i){return t("div",{class:"hy-hero__image-container",style:i},e.image&&(h?t("picture",null,h.map((e=>t("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),t("img",{loading:e.disableLazy?"eager":"lazy",alt:e.imageAltText,class:"hy-image__image",src:e.image,height:e.imageHeight,width:e.imageWidth,role:e.imageDecorative?"presentation":null})):t("img",{loading:e.disableLazy?"eager":"lazy",alt:e.imageAltText,class:"hy-image__image",src:e.image,height:e.imageHeight,width:e.imageWidth,role:e.imageDecorative?"presentation":null})))}render(){let e=d.heroWhite,i=this.colorVariant,o=this.heroType;"minor_landing"===this.heroType&&(i=n.white,o=r.landing),i===n.blue&&(e=d.heroBlue),i===n.black&&(e=d.heroBlack),i&&"fp_white"!==i||(i=n.white);const a=["hy-hero",`hy-hero--${o}`,`hy-hero--${this.heroGroupType}`,`hy-hero--${i}`,`hy-hero--${this.sizeVariant}`,this.hasShortcuts?"has-shortcuts":""],l=["hy-hero__title","hy-heading__hero"].join(" ");if("front_page"===o&&"full-image"!==this.sizeVariant)return t(h,null,t("div",{class:a.join(" ")},t("div",{class:"hy-hero__container"},this.createImageElement(this,this._sourceSet,{"--aspect-ratio":"16 / 10"}),t("div",{class:"hy-hero__spacer-box"}),t("div",{class:"hy-hero__content-container"},t("div",{class:"hy-hero__content"},t("div",{class:"hy-hero__title-container"},t("h2",{innerHTML:this.heading,class:l})),this.description&&t("p",{class:"hy-hero__description"},this.description),this.url&&t("div",{class:"hy-hero__actions"},t("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),t("hy-box",{mb:"2, 2, 1, 1"}));if("full-image"===this.sizeVariant){const e=this.isExternal?"_blank":"_self";return t("div",{class:"hy-hero hy-hero--full-image"},t("div",{class:"hy-hero__container"},this.createImageElement(this,this._sourceSet,{"--aspect-ratio":"16 / 8"}),t("div",{class:"hy-hero__content-container"},t("div",{class:"hy-hero__content","data-text-color":this.heroTextColor},this.subtitle&&t("span",{class:"hy-hero__subtitle"},this.subtitle),t("h2",{innerHTML:this.heading,class:l}),this.description&&t("p",{class:"hy-hero__description"},this.description),this.url&&t("div",{class:"hy-hero__actions"},t("a",{class:"hy-hero__link",href:this.url,"aria-label":this.scLabel,target:e,"data-text-color":this.heroTextColor},this.urlTitle,t("hy-icon",{icon:"hy-icon-arrow-right",size:16})))))))}return t(h,null,t("div",{class:a.join(" ")},t("div",{class:"hy-hero__container"},this.createImageElement(this,this._sourceSet,{"--aspect-ratio":"16 / 10"}),t("div",{class:"hy-hero__content-container"},t("div",{class:"hy-hero__content"},t("div",{class:"hy-hero__title-container"},t("h2",{innerHTML:this.heading,class:l})),this.description&&t("p",{class:"hy-hero__description"},this.description),this.url&&t("div",{class:"hy-hero__actions"},t("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),t("hy-box",{mb:"2, 2, 1, 1"}))}get el(){return i(this)}};s.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-hero{position:relative;padding-bottom:0;}@media (min-width: 60rem){.hy-hero:not(.hy-hero--full-image){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:not(.hy-hero--full-image) .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar:not(.hy-hero--full-image) .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}.hy-hero--full-image{--dark-bg:rgba(0, 0, 0, 0.55);--light-bg:rgba(255, 255, 255, 0.95);--dark-text:var(--brand-main-nearly-black);--light-text:var(--grayscale-white);border-bottom:1px solid var(--grayscale-medium-dark)}@media (min-width: 60rem){.hy-hero--full-image{border-bottom:4px solid var(--grayscale-black);margin-left:-2rem;margin-right:-2rem}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero--full-image{max-width:none;margin-left:-2rem;margin-right:-2rem}}.hy-hero--full-image .hy-hero__container{grid-template-columns:repeat(4, 1fr);grid-template-rows:1fr}.hy-hero--full-image .hy-hero__image-container{grid-column:1/-1;grid-row:1/-1;-o-object-fit:cover;object-fit:cover;padding:0;width:100%}.hy-hero--full-image .hy-hero__image-container img{aspect-ratio:16/8}.hy-hero--full-image .hy-hero__content-container{padding:0}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content-container{align-self:center;grid-column:1/3;grid-row:1/-1;margin-left:32px;max-width:95%;z-index:2}}@media (min-width: 75.0625rem){.hy-hero--full-image .hy-hero__content-container{margin-left:0}}.hy-hero--full-image .hy-hero__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;padding:16px 16px 32px 16px}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content{margin-left:32px;gap:24px;padding:32px}}@media (min-width: 75.0625rem){.hy-hero--full-image .hy-hero__content{margin-left:64px;gap:32px}}@media (min-width: 1601px){.hy-hero--full-image .hy-hero__content{margin-left:96px}}.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_light_bg]{-webkit-backdrop-filter:blur(250px);backdrop-filter:blur(250px);background-color:var(--grayscale-white);color:var(--dark-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_light_bg]{background:var(--light-bg)}}.hy-hero--full-image .hy-hero__content[data-text-color=light_text_dark_bg]{-webkit-backdrop-filter:blur(250px);backdrop-filter:blur(250px);background:var(--grayscale-black);color:var(--light-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=light_text_dark_bg]{background:var(--dark-bg)}}.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_no_bg]{background-color:var(--grayscale-white);color:var(--dark-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_no_bg]{background:transparent;text-shadow:0 0 5px var(--grayscale-white)}}.hy-hero--full-image .hy-hero__content[data-text-color=light_text_no_bg]{background-color:var(--grayscale-black);color:var(--light-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=light_text_no_bg]{background:transparent;text-shadow:0 0 5px var(--grayscale-black)}}.hy-hero--full-image .hy-hero__subtitle{font-family:var(--main-font-family);font-size:18px;font-weight:700;line-height:1.2;position:relative}.hy-hero--full-image .hy-hero__subtitle::after{aspect-ratio:1;background-color:currentColor;bottom:-10px;content:"";display:block;height:4px;left:0;position:absolute;width:64px}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__subtitle{font-size:20px}}.hy-hero--full-image h2.hy-hero__title.hy-heading__hero{color:inherit !important;font-family:var(--main-font-family);font-size:32px;font-weight:700;line-height:1.2}@media (min-width: 75.0625rem){.hy-hero--full-image h2.hy-hero__title.hy-heading__hero{font-size:36px}}@media (min-width: 1601px){.hy-hero--full-image h2.hy-hero__title.hy-heading__hero{font-size:64px}}.hy-hero--full-image .hy-hero__description{font-family:var(--main-font-family);font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0}@media (min-width: 1601px){.hy-hero--full-image .hy-hero__description{font-size:17px}}.hy-hero--full-image .hy-hero__actions{margin:0}.hy-hero--full-image .hy-hero__actions .hy-hero__link{--light-bg:var(--grayscale-white);--dark-bg:var(--grayscale-black);--light-text:var(--grayscale-white);--dark-text:var(--grayscale-black);-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:16px;font-weight:700;gap:8px;line-height:18px;padding:13px 16px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hy-hero--full-image .hy-hero__actions .hy-hero__link:hover{text-decoration:underline}.hy-hero--full-image .hy-hero__actions .hy-hero__link svg{width:16px;height:16px}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_light_bg]{background:var(--dark-bg);color:var(--light-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_light_bg] svg{fill:var(--light-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_dark_bg]{background:var(--light-bg);color:var(--dark-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_dark_bg] svg{fill:var(--dark-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_no_bg]{background:var(--dark-bg);color:var(--light-text);text-shadow:none}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_no_bg] svg{fill:var(--light-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_no_bg]{background:var(--light-bg);color:var(--dark-text);text-shadow:none}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_no_bg] svg{fill:var(--dark-text)}.hy-hero--full-image .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero--white{margin-top:0}}@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{-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{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;-ms-hyphens:auto;hyphens:auto;font-stretch:var(--ds-fontWidth-normal);text-transform:none;text-wrap:balance;letter-spacing:-0.8px;margin-bottom:0;text-transform:none;text-wrap:balance}@media (min-width: 60rem){h2.hy-hero__title.hy-heading__hero{font-size:var(--ds-fontSize-48);line-height:52px;font-stretch:var(--ds-fontWidth-condense)}}.hy-hero__description{color:inherit;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);-ms-hyphens:auto;hyphens:auto;text-wrap:pretty;margin:16px 0 0 0;padding:0;position:relative;text-wrap:pretty}@media (min-width: 60rem){.hy-hero__description{font-size:var(--ds-fontSize-20)}}@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{aspect-ratio:var(--aspect-ratio);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}.hy-hero.hy-hero--group_landing.hy-hero--generic_site_group h2.hy-hero__title.hy-heading__hero,.hy-hero.hy-hero--research_group h2.hy-hero__title.hy-heading__hero{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;-ms-hyphens:auto;hyphens:auto;font-stretch:var(--ds-fontWidth-normal);text-transform:none;text-wrap:balance;margin-bottom:0}@media (min-width: 60rem){.hy-hero.hy-hero--group_landing.hy-hero--generic_site_group h2.hy-hero__title.hy-heading__hero,.hy-hero.hy-hero--research_group h2.hy-hero__title.hy-heading__hero{font-size:var(--ds-fontSize-48);line-height:52px;font-stretch:var(--ds-fontWidth-condense)}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--white{padding-top:40px;margin-top:0}}.hy-hero.hy-hero--front_page h2.hy-hero__title.hy-heading__hero{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;-ms-hyphens:auto;hyphens:auto;font-stretch:var(--ds-fontWidth-normal);text-transform:none;text-wrap:balance;letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page h2.hy-hero__title.hy-heading__hero{font-size:var(--ds-fontSize-48);line-height:52px;font-stretch:var(--ds-fontWidth-condense)}}@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%;min-height:clamp(330px, 50%, 675px)}.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{s as hy_hero}

package/dist/huds-lib/hy-image.entry.js

@@ -1 +1 @@
-import{r as t,h as i}from"./index-2ffe17c9.js";const e=class{constructor(i){t(this,i),this.imageUrl="",this.imageAlt="",this.disableLazy=!1,this.fetchPriority="auto",this.caption=null,this.aspectRatioWidth=16,this.aspectRatioHeight=9,this.sourceSet=void 0}srcSetWatcher(t){try{this._sourceSet="string"==typeof t?JSON.parse(t):t}catch(t){console.error("Error parsing sourceSet:",t)}}componentWillLoad(){this.srcSetWatcher(this.sourceSet)}render(){let t=null;0!==this.aspectRatioWidth&&0!==this.aspectRatioWidth&&(t={"--aspectRatio":this.aspectRatioHeight/this.aspectRatioWidth*100+"%"});const e=["hy-image",this.caption&&this.caption.length>0?"hy-image--with-caption":null].filter(Boolean).join(" "),a=["hy-image__image-container",null!==t?"hy-image--with-aspect":"hy-image--no-aspect"].filter(Boolean).join(" ");return[i("div",{key:"af5bc435ab6f5098dad8763d27af8753f30fd552",class:e},i("div",{key:"9173da2bd53f22ca5d2c4599dd1f5f4945ea1ff1",class:a,style:null!==t?t:""},this.imageUrl&&(this._sourceSet?i("picture",null,this._sourceSet.map((({src:t,media:e,type:a,sizes:s})=>i("source",{srcSet:t,media:e,type:a,sizes:s||""}))),i("img",{"fetch-priority":this.fetchPriority,loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl})):i("img",{"fetch-priority":this.fetchPriority,loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl}))),this.caption&&i("div",{key:"f1eae1f631d546a6d116701fef9be811e0f0756b",class:"hy-image__caption"},this.caption)),i("hy-box",{key:"71b566d0da2f18e02af07df4c72adf12a9dc8650",mb:"1.75, 1.75, 2, 2.5"})]}static get watchers(){return{sourceSet:["srcSetWatcher"]}}};e.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-image{width:100%}.hy-image__image-container.hy-image--no-aspect img{height:auto;width:auto;max-width:100%}.hy-image__image-container.hy-image--with-aspect{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative}.hy-image__image-container.hy-image--with-aspect:before{content:"";display:block;padding-top:var(--aspectRatio)}.hy-image__image-container.hy-image--with-aspect img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-two-columns .hy-image__image-container.hy-image--with-aspect img{-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top}.hy-image__caption{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px;padding:19px 0}';export{e as hy_image}
+import{r as t,h as i}from"./index-2ffe17c9.js";const e=class{constructor(i){t(this,i),this.imageUrl="",this.imageAlt="",this.disableLazy=!1,this.fetchPriority="auto",this.caption=null,this.aspectRatioWidth=16,this.aspectRatioHeight=9,this.imageDecorative=!1,this.sourceSet=void 0}srcSetWatcher(t){try{this._sourceSet="string"==typeof t?JSON.parse(t):t}catch(t){console.error("Error parsing sourceSet:",t)}}componentWillLoad(){this.srcSetWatcher(this.sourceSet)}render(){let t=null;0!==this.aspectRatioWidth&&0!==this.aspectRatioWidth&&(t={"--aspectRatio":this.aspectRatioHeight/this.aspectRatioWidth*100+"%"});const e=["hy-image",this.caption&&this.caption.length>0?"hy-image--with-caption":null].filter(Boolean).join(" "),a=["hy-image__image-container",null!==t?"hy-image--with-aspect":"hy-image--no-aspect"].filter(Boolean).join(" ");return[i("div",{key:"9fe465c00b4e582aa35fcf8aad3ae245d6a4ed7d",class:e},i("div",{key:"b24af3425e07d97aa8761bf0ac8101951d928c33",class:a,style:null!==t?t:""},this.imageUrl&&(this._sourceSet?i("picture",null,this._sourceSet.map((({src:t,media:e,type:a,sizes:s})=>i("source",{srcSet:t,media:e,type:a,sizes:s||""}))),i("img",{"fetch-priority":this.fetchPriority,loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl,role:this.imageDecorative?"presentation":null})):i("img",{"fetch-priority":this.fetchPriority,loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl,role:this.imageDecorative?"presentation":null}))),this.caption&&i("div",{key:"9355a7f0cb3bb6b0cb2865bc7d42d19fe5f8997e",class:"hy-image__caption"},this.caption)),i("hy-box",{key:"cce99422395ff80d745676421fcbd7f83dede08a",mb:"1.75, 1.75, 2, 2.5"})]}static get watchers(){return{sourceSet:["srcSetWatcher"]}}};e.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-image{width:100%}.hy-image__image-container.hy-image--no-aspect img{height:auto;width:auto;max-width:100%}.hy-image__image-container.hy-image--with-aspect{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative}.hy-image__image-container.hy-image--with-aspect:before{content:"";display:block;padding-top:var(--aspectRatio)}.hy-image__image-container.hy-image--with-aspect img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-two-columns .hy-image__image-container.hy-image--with-aspect img{-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top}.hy-image__caption{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px;padding:19px 0}';export{e as hy_image}

package/dist/types/components/hy-hero/hy-hero.d.ts

@@ -16,6 +16,7 @@ export declare class HyHero {
     imageHeight: number;
     imageWidth: number;
     imageAltText: string;
+    imageDecorative: boolean;
     disableLazy: boolean;
     hasShortcuts: boolean;
     heading: string;

package/dist/types/components/hy-hero-carousel/hy-hero-carousel.d.ts

@@ -11,6 +11,7 @@ export interface CarouselItem {
     image_alt: string;
     image_fallback: string;
     image_sources: ImageSrcSet[] | string;
+    image_decorative: boolean;
     uri?: string;
     uri_title: string;
 }

package/dist/types/components/hy-image/image.d.ts

@@ -14,6 +14,7 @@ export declare class Image implements ComponentInterface {
     caption: string;
     aspectRatioWidth: number;
     aspectRatioHeight: number;
+    imageDecorative: boolean;
     private _sourceSet;
     sourceSet: ImageSrcSet[] | string;
     srcSetWatcher(data: ImageSrcSet[] | string): void;

package/dist/types/components.d.ts

@@ -466,6 +466,7 @@ export namespace Components {
         "heroType": HeroTypeVariant;
         "image": string;
         "imageAltText": string;
+        "imageDecorative": boolean;
         "imageHeight": number;
         "imageWidth": number;
         "isExternal": boolean;
@@ -1025,6 +1026,7 @@ export namespace Components {
         "disableLazy": boolean;
         "fetchPriority": FetchPriorityRange;
         "imageAlt": string;
+        "imageDecorative": boolean;
         "imageUrl": string;
         "sourceSet": ImageSrcSet2[] | string;
     }
@@ -3453,6 +3455,7 @@ declare namespace LocalJSX {
         "heroType"?: HeroTypeVariant;
         "image"?: string;
         "imageAltText"?: string;
+        "imageDecorative"?: boolean;
         "imageHeight"?: number;
         "imageWidth"?: number;
         "isExternal"?: boolean;
@@ -4012,6 +4015,7 @@ declare namespace LocalJSX {
         "disableLazy"?: boolean;
         "fetchPriority"?: FetchPriorityRange;
         "imageAlt"?: string;
+        "imageDecorative"?: boolean;
         "imageUrl"?: string;
         "sourceSet"?: ImageSrcSet2[] | string;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcenteratunihelsinki/huds-lib",
-  "version": "0.9.8",
+  "version": "0.9.9",
   "description": "Helsinki University Design System library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -73,5 +73,5 @@
       "pre-commit": "pretty-quick --staged"
     }
   },
-  "gitHead": "65613f1d77a82787e75c03bc2f990f9824a9c5a3"
+  "gitHead": "27253d61613384ac95099f0c1bb064be0fa85132"
 }