@itcenteratunihelsinki/huds-lib 0.12.1 → 0.12.3

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

@@ -1 +1 @@
-import{r as e,h as t,H as i,g as a}from"./index-2ffe17c9.js";import{j as n}from"./globalScript-3f479486.js";const r=class{constructor(t){e(this,t),this.headerstyle="default",this.imageUrl=null,this.imageAlt="",this.disableLazy=!1,this.textTitle=void 0,this.textDescription=null,this.mainUrl=void 0,this.mainUrlTitle=void 0,this.mainUrlAriaLabel=void 0,this.mainUrlIsExternal=!1,this.mainUrl2=void 0,this.mainUrlTitle2=void 0,this.mainUrlAriaLabel2=void 0,this.mainUrlIsExternal2=!1,this.sourceSet=void 0}async componentWillLoad(){this._sourceSet=await n(this.sourceSet)}componentDidLoad(){let e=this.el.closest(".hy-main");e&&(e.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const e=["hy-adjacent-image-text",`hy-adjacent-image-text__${this.headerstyle}`].join(" "),a=["hy-adjacent-image-text__text-container","hy-adjacent-image-text__text-container--left"].join(" "),n=["hy-adjacent-image-text__image-container"].join(" ");return t(i,{key:"090c5d0a531f27b5f4ea185f02f9a0f0c31c5152"},t("div",{key:"ce5f94319299b9df4248f4e8bd90552b3f0aadbb",class:e},t("div",{key:"71c2bbc486cf32854ae00d9537461e3951e4561e",class:n,style:{"--aspectRatio":4/6*100+"%"}},this._sourceSet?t("picture",null,this._sourceSet.map((e=>t("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),t("img",{loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl})):t("img",{loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl})),t("div",{key:"546fccda4f5b8dfe05881d9c43313a7d7fd83d3a",class:a},t("div",{key:"6e17f418f38cf0d670e063ee57ac7a6676a55b4d",class:"hy-adjacent-image-text__text-container__info-wrapper"},t("div",{key:"86cbd91d0b3d4bc09171fd2bb20727f68d52a0dd",class:"hy-adjacent-image-text__text-container__title"},this.textTitle),t("p",{key:"d5a1152b446804c3264f72f364c98ef10081560a",class:`hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}`},this.textDescription)),t("div",{key:"4fbd863ce7db9c81437d0b9668dd5985ab909b0a",class:"hy-adjacent-image-text__text-container__links-wrapper"},this.mainUrl&&t("div",{key:"2299dead2840bf0b56e13f7f67148be43c89f10b",class:"hy-adjacent-image-text__text-container__link"},t("hy-cta-link",{key:"f9ba1bea370fc869b87dd421265b60f9c8b06190","link-content":this.mainUrlTitle,"sc-label":this.mainUrlAriaLabel,url:this.mainUrl,"is-external":this.mainUrlIsExternal})),this.mainUrl2&&t("div",{key:"b3613ab7bc5f85fc5606a70aa1e8d995cbbfab79",class:"hy-adjacent-image-text__text-container__link"},t("hy-cta-link",{key:"f09326deaf1830494354f251d6d2b7e00b76e239","link-content":this.mainUrlTitle2,"sc-label":this.mainUrlAriaLabel2,url:this.mainUrl2,"is-external":this.mainUrlIsExternal2}))))),t("hy-box",{key:"a10b4262cd81e4c889fcc94d9579fe66f8912042",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}};r.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-adjacent-image-text{background:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media (min-width: 30rem){.hy-adjacent-image-text{background:transparent}}@media (min-width: 60rem){.hy-adjacent-image-text{background:var(--grayscale-background-box);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-adjacent-image-text__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative;padding-bottom:32px}@media (min-width: 30rem){.hy-adjacent-image-text__image-container{padding-bottom:0}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container{-ms-flex-preferred-size:50%;flex-basis:50%;margin:0 calc(var(--gutter-wide) * -1) 0 0;z-index:1}}@media (min-width: 75.0625rem){.hy-adjacent-image-text__image-container{margin:0 calc(var(--gutter-extrawide) * -1) 0 0}}.hy-adjacent-image-text__image-container img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width: 30rem){.hy-adjacent-image-text__image-container img{max-height:420px;min-height:160px}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container img{max-height:100%}}.hy-adjacent-image-text__text-container{background:var(--grayscale-background-box);border-image:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}@media (min-width: 30rem){.hy-adjacent-image-text__text-container{border-left:1px solid transparent;border-image:-webkit-gradient(linear, left top, left bottom, from(var(--grayscale-medium-dark)), to(rgba(0, 0, 0, 0))) 1 0 0 100%;border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;margin-left:66px;margin-top:-63px;padding-top:38px;position:relative;z-index:98;-moz-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;-o-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container{border-image:none;border-left:none;-ms-flex-preferred-size:50%;flex-basis:50%;margin-left:0;margin-top:0;padding-top:0;z-index:0;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}}.hy-adjacent-image-text__text-container__links-wrapper{padding-left:1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__links-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__links-wrapper{margin:0 0 0 14%;padding:0}}.hy-adjacent-image-text__text-container__info-wrapper{padding-left:0;padding-right:0}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__info-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__info-wrapper{margin:0 7% 0 14%;padding:0}}.hy-adjacent-image-text__text-container__title{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance;margin-top:32px;padding:0 1rem}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__title{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__title{margin-top:41px;padding:0}}.hy-adjacent-image-text__text-container__description{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);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:20px 0 32px 0;padding:0 1rem}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__description{font-size:var(--ds-fontSize-18)}}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__description{margin:20px 0 61px 0;padding:0}}@media (min-width: 1601px){.hy-adjacent-image-text__text-container__description{margin-bottom:40px}}.hy-adjacent-image-text__text-container__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:12px;margin-right:-6px}.hy-adjacent-image-text::after{content:"";clear:both}';export{r as hy_adjacent_image_text}
+import{r as e,h as t,H as i,g as a}from"./index-61e707b7.js";import{j as n}from"./globalScript-326c6753.js";const r=class{constructor(t){e(this,t),this.headerstyle="default",this.imageUrl=null,this.imageAlt="",this.disableLazy=!1,this.textTitle=void 0,this.textDescription=null,this.mainUrl=void 0,this.mainUrlTitle=void 0,this.mainUrlAriaLabel=void 0,this.mainUrlIsExternal=!1,this.mainUrl2=void 0,this.mainUrlTitle2=void 0,this.mainUrlAriaLabel2=void 0,this.mainUrlIsExternal2=!1,this.sourceSet=void 0}async componentWillLoad(){this._sourceSet=await n(this.sourceSet)}componentDidLoad(){let e=this.el.closest(".hy-main");e&&(e.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const e=["hy-adjacent-image-text",`hy-adjacent-image-text__${this.headerstyle}`].join(" "),a=["hy-adjacent-image-text__text-container","hy-adjacent-image-text__text-container--left"].join(" "),n=["hy-adjacent-image-text__image-container"].join(" ");return t(i,{key:"090c5d0a531f27b5f4ea185f02f9a0f0c31c5152"},t("div",{key:"ce5f94319299b9df4248f4e8bd90552b3f0aadbb",class:e},t("div",{key:"71c2bbc486cf32854ae00d9537461e3951e4561e",class:n,style:{"--aspectRatio":4/6*100+"%"}},this._sourceSet?t("picture",null,this._sourceSet.map((e=>t("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),t("img",{loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl})):t("img",{loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl})),t("div",{key:"546fccda4f5b8dfe05881d9c43313a7d7fd83d3a",class:a},t("div",{key:"6e17f418f38cf0d670e063ee57ac7a6676a55b4d",class:"hy-adjacent-image-text__text-container__info-wrapper"},t("div",{key:"86cbd91d0b3d4bc09171fd2bb20727f68d52a0dd",class:"hy-adjacent-image-text__text-container__title"},this.textTitle),t("p",{key:"d5a1152b446804c3264f72f364c98ef10081560a",class:`hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}`},this.textDescription)),t("div",{key:"4fbd863ce7db9c81437d0b9668dd5985ab909b0a",class:"hy-adjacent-image-text__text-container__links-wrapper"},this.mainUrl&&t("div",{key:"2299dead2840bf0b56e13f7f67148be43c89f10b",class:"hy-adjacent-image-text__text-container__link"},t("hy-cta-link",{key:"f9ba1bea370fc869b87dd421265b60f9c8b06190","link-content":this.mainUrlTitle,"sc-label":this.mainUrlAriaLabel,url:this.mainUrl,"is-external":this.mainUrlIsExternal})),this.mainUrl2&&t("div",{key:"b3613ab7bc5f85fc5606a70aa1e8d995cbbfab79",class:"hy-adjacent-image-text__text-container__link"},t("hy-cta-link",{key:"f09326deaf1830494354f251d6d2b7e00b76e239","link-content":this.mainUrlTitle2,"sc-label":this.mainUrlAriaLabel2,url:this.mainUrl2,"is-external":this.mainUrlIsExternal2}))))),t("hy-box",{key:"a10b4262cd81e4c889fcc94d9579fe66f8912042",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}};r.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-adjacent-image-text{background:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media (min-width: 30rem){.hy-adjacent-image-text{background:transparent}}@media (min-width: 60rem){.hy-adjacent-image-text{background:var(--grayscale-background-box);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-adjacent-image-text__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative;padding-bottom:32px}@media (min-width: 30rem){.hy-adjacent-image-text__image-container{padding-bottom:0}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container{-ms-flex-preferred-size:50%;flex-basis:50%;margin:0 calc(var(--gutter-wide) * -1) 0 0;z-index:1}}@media (min-width: 75.0625rem){.hy-adjacent-image-text__image-container{margin:0 calc(var(--gutter-extrawide) * -1) 0 0}}.hy-adjacent-image-text__image-container img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width: 30rem){.hy-adjacent-image-text__image-container img{max-height:420px;min-height:160px}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container img{max-height:100%}}.hy-adjacent-image-text__text-container{background:var(--grayscale-background-box);border-image:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}@media (min-width: 30rem){.hy-adjacent-image-text__text-container{border-left:1px solid transparent;border-image:-webkit-gradient(linear, left top, left bottom, from(var(--grayscale-medium-dark)), to(rgba(0, 0, 0, 0))) 1 0 0 100%;border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;margin-left:66px;margin-top:-63px;padding-top:38px;position:relative;z-index:98;-moz-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;-o-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container{border-image:none;border-left:none;-ms-flex-preferred-size:50%;flex-basis:50%;margin-left:0;margin-top:0;padding-top:0;z-index:0;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}}.hy-adjacent-image-text__text-container__links-wrapper{padding-left:1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__links-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__links-wrapper{margin:0 0 0 14%;padding:0}}.hy-adjacent-image-text__text-container__info-wrapper{padding-left:0;padding-right:0}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__info-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__info-wrapper{margin:0 7% 0 14%;padding:0}}.hy-adjacent-image-text__text-container__title{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance;margin-top:32px;padding:0 1rem}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__title{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__title{margin-top:41px;padding:0}}.hy-adjacent-image-text__text-container__description{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);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:20px 0 32px 0;padding:0 1rem}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__description{font-size:var(--ds-fontSize-18)}}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__description{margin:20px 0 61px 0;padding:0}}@media (min-width: 1601px){.hy-adjacent-image-text__text-container__description{margin-bottom:40px}}.hy-adjacent-image-text__text-container__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:12px;margin-right:-6px}.hy-adjacent-image-text::after{content:"";clear:both}';export{r as hy_adjacent_image_text}

package/dist/huds-lib/hy-anchor-link-list.entry.js

@@ -1 +1 @@
-import{r as i,h as t,H as n}from"./index-2ffe17c9.js";import{j as e}from"./globalScript-3f479486.js";const o=class{constructor(t){i(this,t),this.listTitle=void 0,this.openLabel=void 0,this.closeLabel=void 0,this.anchorItems=void 0,this.isOpen=!1}async componentWillLoad(){this._anchorItems=await e(this.anchorItems)}handleLinkClick(i){const t=i.target.getAttribute("href");if(t){const i=document.getElementById(t.substring(1)),n=i.getBoundingClientRect();window.scrollTo({top:window.scrollY+n.top-100,behavior:"smooth"}),i.setAttribute("tabIndex","-1"),i.focus({preventScroll:!0})}i.preventDefault(),i.stopPropagation()}render(){const i=["hy-anchor-link-list"].join(" "),e={"hy-anchor-link-list__container":!0,"is-open":this.isOpen},o=this._anchorItems;return t(n,{key:"aad21d401cf16a915b4374d5de06dd7a180b2a39",class:i},t("button",{key:"88ef690998135ace4fd534343896fce4916d89dc","aria-label":this.listTitle,onClick:()=>this.isOpen=!this.isOpen,class:{"hy-anchor-link-list__button":!0,"is-open":this.isOpen}},t("span",{key:"d0d3b698289c816aa13d94e10035f1e08484cfc8",class:"hy-anchor-link-list__button--title"},t("hy-icon",{key:"a2542d8c1f451721714023c063d8dd54e7728e19",icon:"hy-icon-bullet-list",size:18,fill:"var(--brand-main)"}),this.listTitle),t("span",{key:"3a7c8104cc425629de58e8c5764f37a277a923a6",class:"hy-anchor-link-list__button--label"},this.isOpen?this.closeLabel:this.openLabel,t("hy-icon",{key:"b5d8daa236bff7fbfc00014b92e90d17b6e3c35f",class:"label-close-icon",icon:"hy-icon-caret-down",size:16,fill:"var(--brand-main)"}))),t("div",{key:"cba23d77f494595e59739f537f12d3ee56cb973a","aria-hidden":this.isOpen?"false":"true",class:e},o&&o.map((i=>t("a",{class:"hy-anchor-link-list__item",href:i.url,onClick:this.handleLinkClick},t("hy-icon",{icon:"hy-icon-arrow-down",size:12,fill:"var(--brand-main)"}),i.title)))))}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-anchor-link-list{border:1px solid var(--brand-main);display:block;width:100%}@media (min-width: 30rem){.hy-anchor-link-list{margin-bottom:1.75rem}}@media (min-width: 48rem){.hy-anchor-link-list{margin-bottom:1.75rem}}@media (min-width: 60rem){.hy-anchor-link-list{margin-bottom:2rem}}@media (min-width: 1601px){.hy-anchor-link-list{margin-bottom:2.5rem}}.hy-anchor-link-list.is-open{border:1px solid var(--grayscale-dark)}.hy-anchor-link-list__button{border:none;background:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;width:100%}.hy-anchor-link-list__button:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}@media (min-width: 48rem){.hy-anchor-link-list__button{padding:18px 20px}}.hy-anchor-link-list__button:hover{cursor:pointer}.hy-anchor-link-list__button.is-open .label-close-icon svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-anchor-link-list__button--title{font-size:1.0625rem;line-height:20px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);font-family:var(--main-font-family);letter-spacing:-0.32px}.hy-anchor-link-list__button--title svg{margin-right:12px}.hy-anchor-link-list__button--label{font-size:1rem;line-height:20px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--link-blue);font-family:var(--main-font-family);letter-spacing:-0.3px;text-align:right}.hy-anchor-link-list__button--label svg{margin-left:7px}.hy-anchor-link-list__container{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:18px 0;margin:0 20px}.hy-anchor-link-list__container.is-open{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid var(--grayscale-dark)}.hy-anchor-link-list__item{font-size:1rem;line-height:20px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--link-blue);font-family:var(--main-font-family);font-size:16px;font-weight:600;letter-spacing:-0.5px;line-height:20px;margin-bottom:16px;text-decoration:none}.hy-anchor-link-list__item:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-anchor-link-list__item:hover{cursor:pointer;text-decoration:underline}.hy-anchor-link-list__item svg{margin-right:12px}";export{o as hy_anchor_link_list}
+import{r as i,h as t,H as n}from"./index-61e707b7.js";import{j as e}from"./globalScript-326c6753.js";const o=class{constructor(t){i(this,t),this.listTitle=void 0,this.openLabel=void 0,this.closeLabel=void 0,this.anchorItems=void 0,this.isOpen=!1}async componentWillLoad(){this._anchorItems=await e(this.anchorItems)}handleLinkClick(i){const t=i.target.getAttribute("href");if(t){const i=document.getElementById(t.substring(1)),n=i.getBoundingClientRect();window.scrollTo({top:window.scrollY+n.top-100,behavior:"smooth"}),i.setAttribute("tabIndex","-1"),i.focus({preventScroll:!0})}i.preventDefault(),i.stopPropagation()}render(){const i=["hy-anchor-link-list"].join(" "),e={"hy-anchor-link-list__container":!0,"is-open":this.isOpen},o=this._anchorItems;return t(n,{key:"aad21d401cf16a915b4374d5de06dd7a180b2a39",class:i},t("button",{key:"88ef690998135ace4fd534343896fce4916d89dc","aria-label":this.listTitle,onClick:()=>this.isOpen=!this.isOpen,class:{"hy-anchor-link-list__button":!0,"is-open":this.isOpen}},t("span",{key:"d0d3b698289c816aa13d94e10035f1e08484cfc8",class:"hy-anchor-link-list__button--title"},t("hy-icon",{key:"a2542d8c1f451721714023c063d8dd54e7728e19",icon:"hy-icon-bullet-list",size:18,fill:"var(--brand-main)"}),this.listTitle),t("span",{key:"3a7c8104cc425629de58e8c5764f37a277a923a6",class:"hy-anchor-link-list__button--label"},this.isOpen?this.closeLabel:this.openLabel,t("hy-icon",{key:"b5d8daa236bff7fbfc00014b92e90d17b6e3c35f",class:"label-close-icon",icon:"hy-icon-caret-down",size:16,fill:"var(--brand-main)"}))),t("div",{key:"cba23d77f494595e59739f537f12d3ee56cb973a","aria-hidden":this.isOpen?"false":"true",class:e},o&&o.map((i=>t("a",{class:"hy-anchor-link-list__item",href:i.url,onClick:this.handleLinkClick},t("hy-icon",{icon:"hy-icon-arrow-down",size:12,fill:"var(--brand-main)"}),i.title)))))}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-anchor-link-list{border:1px solid var(--brand-main);display:block;width:100%}@media (min-width: 30rem){.hy-anchor-link-list{margin-bottom:1.75rem}}@media (min-width: 48rem){.hy-anchor-link-list{margin-bottom:1.75rem}}@media (min-width: 60rem){.hy-anchor-link-list{margin-bottom:2rem}}@media (min-width: 1601px){.hy-anchor-link-list{margin-bottom:2.5rem}}.hy-anchor-link-list.is-open{border:1px solid var(--grayscale-dark)}.hy-anchor-link-list__button{border:none;background:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;width:100%}.hy-anchor-link-list__button:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}@media (min-width: 48rem){.hy-anchor-link-list__button{padding:18px 20px}}.hy-anchor-link-list__button:hover{cursor:pointer}.hy-anchor-link-list__button.is-open .label-close-icon svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-anchor-link-list__button--title{font-size:1.0625rem;line-height:20px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);font-family:var(--main-font-family);letter-spacing:-0.32px}.hy-anchor-link-list__button--title svg{margin-right:12px}.hy-anchor-link-list__button--label{font-size:1rem;line-height:20px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--link-blue);font-family:var(--main-font-family);letter-spacing:-0.3px;text-align:right}.hy-anchor-link-list__button--label svg{margin-left:7px}.hy-anchor-link-list__container{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:18px 0;margin:0 20px}.hy-anchor-link-list__container.is-open{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid var(--grayscale-dark)}.hy-anchor-link-list__item{font-size:1rem;line-height:20px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--link-blue);font-family:var(--main-font-family);font-size:16px;font-weight:600;letter-spacing:-0.5px;line-height:20px;margin-bottom:16px;text-decoration:none}.hy-anchor-link-list__item:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-anchor-link-list__item:hover{cursor:pointer;text-decoration:underline}.hy-anchor-link-list__item svg{margin-right:12px}";export{o as hy_anchor_link_list}

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

@@ -1 +1 @@
-import{r as a,h as r,H as e}from"./index-2ffe17c9.js";const o=class{constructor(r){a(this,r),this.variant="primary"}render(){return r(e,{key:"a1d0bb18edbb0c39b46cc5ba27cfcc758512ba97"},r("span",{key:"0131aff49bab4110311720414ed7e59563d3136e",class:["hy-badge",this.variant].join(" ")},r("slot",{key:"56a31a096ed3c17965b74ac00b49f1a99e9e80f8"})))}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}span.hy-badge{border-radius:15px;padding:0.25rem 1rem;text-align:center;color:black;font-weight:bold;font-family:var(--main-font-family);font-size:0.6rem}span.hy-badge.primary{background-color:var(--brand-main-light);color:white}span.hy-badge.warn{background-color:var(--additional-red-dark);color:white}span.hy-badge.success{background-color:var(--additional-green-dark);color:white}span.hy-badge.disabled{background-color:var(--grayscale-medium-dark);color:black}";export{o as hy_badge}
+import{r as a,h as r,H as e}from"./index-61e707b7.js";const o=class{constructor(r){a(this,r),this.variant="primary"}render(){return r(e,{key:"a1d0bb18edbb0c39b46cc5ba27cfcc758512ba97"},r("span",{key:"0131aff49bab4110311720414ed7e59563d3136e",class:["hy-badge",this.variant].join(" ")},r("slot",{key:"56a31a096ed3c17965b74ac00b49f1a99e9e80f8"})))}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}span.hy-badge{border-radius:15px;padding:0.25rem 1rem;text-align:center;color:black;font-weight:bold;font-family:var(--main-font-family);font-size:0.6rem}span.hy-badge.primary{background-color:var(--brand-main-light);color:white}span.hy-badge.warn{background-color:var(--additional-red-dark);color:white}span.hy-badge.success{background-color:var(--additional-green-dark);color:white}span.hy-badge.disabled{background-color:var(--grayscale-medium-dark);color:black}";export{o as hy_badge}

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

@@ -1 +1 @@
-import{r as i,h as n,H as e,g as t}from"./index-2ffe17c9.js";import{d as a}from"./utils-1e7f5184.js";const r=class{constructor(n){i(this,n),this.textTitle=void 0,this.textDescription=null,this.url=void 0,this.scLabel=void 0,this.urlTitle=void 0,this.headerstyle="common",this.isExternal=!1}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-banner",`hy-banner__${this.headerstyle}`,this.headerstyle].join(" "),t=["hy-banner__info-container"].join(" "),r=["hy-banner__info-container__title",`hy-banner__info-container__title__${this.headerstyle}`,this.headerstyle].join(" "),o=["hy-banner__info-container__description",`hy-banner__info-container__description__${this.headerstyle}`,this.headerstyle].join(" "),h=a.onBlueBkgd;return n(e,{key:"72ed6590101849366a28aaf652a004af55cf4bf1"},n("hy-box",{key:"67a9414049f2f68787083eb7dbbceedaf44e4a98",pt:"1.25, 1.25, 1.5, 2.5"}),n("div",{key:"f4fee3a71f6445e2a3532dbbe0a6d12fcc37df37",class:i},n("hy-main-content-wrapper",{key:"faa36dfe82aa1cff5da3cae079ac8e03378cf385"},n("div",{key:"84812b8c8c3f4796fc66042a37042cc4053e3821",class:t},n("div",{key:"b9c61d64188168b9eca779a5b7662da5e90b34d9",class:r},this.textTitle),n("div",{key:"7fddd427ccfaf969a9378942f1c49a8f4c368c0c",class:o},this.textDescription),this.url&&n("div",{key:"e4de5005f1d998bea49ea565725d12ddd64de08b",class:"hy-banner__info-container__link"},n("hy-cta-button",{key:"820d79e7862693f4c4aa0ecbe397c4e04d3120b1","link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:h}))))),n("hy-box",{key:"93ff4e30cbcba53df2d48666c64afcd1e0bdd0f7",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return t(this)}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-banner{background-color:var(--brand-main-light);padding:28px 0 24px 0}@media (min-width: 30rem){.hy-banner{padding:40px 0 32px 0}}@media (min-width: 60rem){.hy-banner{padding:48px 0 40px 0;margin-left:8px;margin-right:8px}}@media (min-width: 75.0625rem){.hy-banner{padding-left:20px;padding-right:20px;margin-left:0;margin-right:0}}@media (min-width: 1601px){.hy-banner{padding:64px 32px 48px 32px}}@media (min-width: 1664px){.hy-banner{margin-left:0;margin-right:0}}@media (min-width: 75.0625rem){.hy-banner__large{padding:64px 30px 48px 30px;margin-left:-20px;margin-right:-20px}}@media (min-width: 1344px){.hy-banner__large{margin-left:0;margin-right:0}}@media (min-width: 60rem){.hy-banner__info-container{margin-left:-8px;margin-right:-8px}}@media (min-width: 1601px){.hy-banner__info-container{margin-left:0;margin-right:0}}.hy-banner__info-container__title{font-size:1.5rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.8px;margin-bottom:16px;text-transform:none}@media (min-width: 30rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 1601px){.hy-banner__info-container__title{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title__large{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__title__large{font-size:2.5rem;line-height:40px;letter-spacing:-1.33px;margin-bottom:32px}}.hy-banner__info-container__description{color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:500;font-size:14px;letter-spacing:-0.7px;line-height:20px;margin-bottom:24px}@media (min-width: 30rem){.hy-banner__info-container__description{font-size:1rem;line-height:24px;letter-spacing:-0.08px;margin-bottom:28px;max-width:92%}}@media (min-width: 60rem){.hy-banner__info-container__description{margin-bottom:32px}}@media (min-width: 1601px){.hy-banner__info-container__description{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__description__large{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__description__large{margin-bottom:44px}}";export{r as hy_banner}
+import{r as i,h as n,H as e,g as t}from"./index-61e707b7.js";import{d as a}from"./utils-1e7f5184.js";const r=class{constructor(n){i(this,n),this.textTitle=void 0,this.textDescription=null,this.url=void 0,this.scLabel=void 0,this.urlTitle=void 0,this.headerstyle="common",this.isExternal=!1}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-banner",`hy-banner__${this.headerstyle}`,this.headerstyle].join(" "),t=["hy-banner__info-container"].join(" "),r=["hy-banner__info-container__title",`hy-banner__info-container__title__${this.headerstyle}`,this.headerstyle].join(" "),o=["hy-banner__info-container__description",`hy-banner__info-container__description__${this.headerstyle}`,this.headerstyle].join(" "),h=a.onBlueBkgd;return n(e,{key:"72ed6590101849366a28aaf652a004af55cf4bf1"},n("hy-box",{key:"67a9414049f2f68787083eb7dbbceedaf44e4a98",pt:"1.25, 1.25, 1.5, 2.5"}),n("div",{key:"f4fee3a71f6445e2a3532dbbe0a6d12fcc37df37",class:i},n("hy-main-content-wrapper",{key:"faa36dfe82aa1cff5da3cae079ac8e03378cf385"},n("div",{key:"84812b8c8c3f4796fc66042a37042cc4053e3821",class:t},n("div",{key:"b9c61d64188168b9eca779a5b7662da5e90b34d9",class:r},this.textTitle),n("div",{key:"7fddd427ccfaf969a9378942f1c49a8f4c368c0c",class:o},this.textDescription),this.url&&n("div",{key:"e4de5005f1d998bea49ea565725d12ddd64de08b",class:"hy-banner__info-container__link"},n("hy-cta-button",{key:"820d79e7862693f4c4aa0ecbe397c4e04d3120b1","link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:h}))))),n("hy-box",{key:"93ff4e30cbcba53df2d48666c64afcd1e0bdd0f7",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return t(this)}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-banner{background-color:var(--brand-main-light);padding:28px 0 24px 0}@media (min-width: 30rem){.hy-banner{padding:40px 0 32px 0}}@media (min-width: 60rem){.hy-banner{padding:48px 0 40px 0;margin-left:8px;margin-right:8px}}@media (min-width: 75.0625rem){.hy-banner{padding-left:20px;padding-right:20px;margin-left:0;margin-right:0}}@media (min-width: 1601px){.hy-banner{padding:64px 32px 48px 32px}}@media (min-width: 1664px){.hy-banner{margin-left:0;margin-right:0}}@media (min-width: 75.0625rem){.hy-banner__large{padding:64px 30px 48px 30px;margin-left:-20px;margin-right:-20px}}@media (min-width: 1344px){.hy-banner__large{margin-left:0;margin-right:0}}@media (min-width: 60rem){.hy-banner__info-container{margin-left:-8px;margin-right:-8px}}@media (min-width: 1601px){.hy-banner__info-container{margin-left:0;margin-right:0}}.hy-banner__info-container__title{font-size:1.5rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.8px;margin-bottom:16px;text-transform:none}@media (min-width: 30rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 1601px){.hy-banner__info-container__title{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title__large{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__title__large{font-size:2.5rem;line-height:40px;letter-spacing:-1.33px;margin-bottom:32px}}.hy-banner__info-container__description{color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:500;font-size:14px;letter-spacing:-0.7px;line-height:20px;margin-bottom:24px}@media (min-width: 30rem){.hy-banner__info-container__description{font-size:1rem;line-height:24px;letter-spacing:-0.08px;margin-bottom:28px;max-width:92%}}@media (min-width: 60rem){.hy-banner__info-container__description{margin-bottom:32px}}@media (min-width: 1601px){.hy-banner__info-container__description{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__description__large{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__description__large{margin-bottom:44px}}";export{r as hy_banner}

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

@@ -1,4 +1,4 @@
-import{r as i,h as t,H as d,g as o}from"./index-2ffe17c9.js";import{c as n}from"./index.esm-aef0c42f.js";const a=i=>"number"==typeof i?`${i}rem`:void 0,r=["30rem","60rem","75.0625rem","100.0625rem"].map((i=>`@media (min-width: ${i})`)),s=({hasSidebar:i,pt:t,pb:d,pl:o,pr:s,mt:$,mb:h,ml:l,mr:e,h:g,bg:m,width:p,justify:b,align:v,direction:f})=>{const u=p[p.length-1];return n`
+import{r as i,h as t,H as d,g as o}from"./index-61e707b7.js";import{c as n}from"./index.esm-aef0c42f.js";const a=i=>"number"==typeof i?`${i}rem`:void 0,r=["30rem","60rem","75.0625rem","100.0625rem"].map((i=>`@media (min-width: ${i})`)),s=({hasSidebar:i,pt:t,pb:d,pl:o,pr:s,mt:$,mb:h,ml:l,mr:e,h:g,bg:m,width:p,justify:b,align:v,direction:f})=>{const u=p[p.length-1];return n`
     padding-top: ${a(t[0])};
     padding-right: ${a(s[0])};
     padding-bottom: ${a(d[0])};