@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.74

package/dist/huds-lib/hy-accordion-container_2.entry.js

@@ -1,2 +1 @@
-import{r as i,h as a,H as n,g as o}from"./index-f84f2a7d.js";import{A as e}from"./utils-2819fd7e.js";const t=":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-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-accordion-container{width:100%}";const r=class{constructor(a){i(this,a);this.accordionid=undefined}render(){const i=["hy-accordion-container","js-hy-accordion"];const o=this.accordionid.toLowerCase().replace(/\W/g,"-");return a(n,null,a("div",{id:o,class:i.join(" "),"data-allow-multiple":"true","data-allow-toggle":"true"},a("slot",null)),a("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}};r.style=t;const d=':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-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-accordion__item{margin-bottom:12px}.hy-accordion__item__is-open{border:1px solid var(--grayscale-dark)}.hy-accordion__item__is-open .hy-accordion--heading{margin:0 auto}.hy-accordion__item__is-open .hy-accordion--heading .hy-accordion--heading__icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-accordion__item.mini{margin-bottom:1rem;margin-top:1rem}.hy-accordion__item__is-open.mini{margin-bottom:0;margin-top:0}.hy-accordion__item__is-open.mini .hy-accordion__item--container{border-bottom:1px solid var(--grayscale-medium-dark);border-top:1px solid var(--grayscale-medium-dark);padding-top:16px;padding-bottom:32px;margin-top:-1px;-webkit-transition:padding 0.5s ease-in-out;transition:padding 0.5s ease-in-out}@media (min-width: 30rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:28px;padding-bottom:30px}}@media (min-width: 60rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:32px;padding-bottom:40px}}.hy-accordion__item.hy-accordion__item__is-open.mini{background-color:var(--grayscale-white);border:none;-webkit-box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05);box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05)}.hy-accordion--heading{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.69px;line-height:28px;margin:0 auto;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;width:100%}.hy-accordion--heading .hy-accordion__link{text-decoration:none}.hy-accordion--heading .hy-accordion__link:hover{text-decoration:none}.hy-accordion--heading .hy-accordion__button{font-size:1.125rem;line-height:22px;font-weight:700;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-background-box);border:none;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.45px;padding:13px 20px 13px 16px;-webkit-transition:all 0.35s ease-in;transition:all 0.35s ease-in;width:100%}.hy-accordion--heading .hy-accordion__button:hover{cursor:pointer}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion__button{padding:1rem 2rem 1rem 1.25rem}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion__button{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading .hy-accordion__button span{text-align:left}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]{background:none;position:relative}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]:after{background-color:var(--grayscale-medium-dark);bottom:0;content:"";height:1px;left:16px;position:absolute;right:20px}.hy-accordion--heading .hy-accordion__button *{pointer-events:none}.hy-accordion--heading .hy-accordion--heading__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;margin-right:8px;z-index:0}.hy-accordion--heading .hy-accordion--heading__icon svg{fill:var(--brand-main)}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion--heading__icon svg{height:18px;width:18px}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading.mini .hy-accordion__button{font-size:1.125rem;line-height:22px;background-color:var(--grayscale-white);color:var(--link-blue);letter-spacing:-0.56px;padding:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding:0}}.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{color:var(--grayscale-black);margin-bottom:20px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:28px}}@media (min-width: 60rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:32px}}.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:10px}}.hy-accordion--heading.mini .hy-accordion--heading__icon svg{fill:var(--brand-main-light);height:14px;width:14px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon svg{height:16px;width:16px}}.hy-accordion__content{display:block;height:0;padding:0;overflow:hidden;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.hy-accordion__content--inner-wrapper{display:block;padding:16px 12px}@media (min-width: 30rem){.hy-accordion__content--inner-wrapper{padding:15px 16px}}@media (min-width: 60rem){.hy-accordion__content--inner-wrapper{padding:16px}}@media (min-width: 75.0625rem){.hy-accordion__content--inner-wrapper--large{padding:24px 20px}}@media (min-width: 1601px){.hy-accordion__content--inner-wrapper{padding:24px 20px}}.hy-accordion__content--inner-wrapper--mini{padding:0}.hy-accordion__content--inner-wrapper--mini .course-heading h4{padding-top:0 !important}';let c={enter:"Enter",tab:"Tab",pageUp:"PageUp",pageDown:"PageDown",arrowUp:"ArrowUp",arrowDown:"ArrowDown",home:"Home",end:"End"};const h=class{constructor(a){i(this,a);this.accordiontitle=undefined;this.variant=e.default;this.headerstyle="common";this.showOpen=false;this.ready=false}componentDidLoad(){this.ready=true;let i=this.el.closest(".hy-main");if(i){if(!i.classList.contains("with-sidebar")){this.headerstyle="large"}}}componentDidRender(){if(window.location.hash){this.expandPanelByAnchor(window.location.hash)}document.querySelectorAll(".hy-accordion__content").forEach((function(i){let a=i.classList.contains("open");let n=i;if(a){n.style.display="block";n.style.height=n.scrollHeight+"px"}else{n.style.height=0+"px";n.style.display="none"}}))}onHashChange(){if(window.location.hash){this.expandPanelByAnchor(window.location.hash)}}handleKeyDown(i){const a=this.el.parentElement.id;let n=document.querySelectorAll(`#${a}`)[0];const o=Array.prototype.slice.call(n.querySelectorAll(".hy-accordion__button"));let e=i.target;const t=i.code;const r=i.ctrlKey&&[c.pageDown,c.pageUp].includes(t);if(e.classList.contains("hy-accordion__button")){if([c.arrowDown,c.arrowUp].includes(t)||r){const a=o.indexOf(e);const n=[c.arrowDown,c.pageDown].includes(t)?1:-1;const r=o.length;const d=(a+r+n)%r;o[d].focus();i.preventDefault()}else if([c.home,c.end].includes(t)){switch(t){case c.home:o[0].focus();break;case c.end:o[o.length-1].focus();break}i.preventDefault()}}}handleClick(i){const a=i.target;const n=this.el.parentElement;const o=n.hasAttribute("data-allow-multiple");const e=o?o:n.hasAttribute("data-allow-toggle");if(a&&a.tagName.toLowerCase()==="button"){let t=a.closest(".hy-accordion__item");let r=t.getElementsByClassName("hy-accordion__content")[0];const d=a.getAttribute("aria-expanded")==="true";const c=n.querySelector('[aria-expanded="true"]');if(!o&&c&&c!==a){c.setAttribute("aria-expanded","false");this.collapseSection(r);if(t.classList.contains("hy-accordion__item__is-open")){t.classList.remove("hy-accordion__item__is-open")}n.querySelector(`#${c.getAttribute("aria-controls")}`).setAttribute("aria-hidden","true");if(!e){c.removeAttribute("aria-disabled")}}if(!d){this.expandSection(r);a.setAttribute("aria-expanded","true");t.classList.add("hy-accordion__item__is-open");n.querySelector(`#${a.getAttribute("aria-controls")}`).setAttribute("aria-hidden","false");if(!e){a.setAttribute("aria-disabled","true")}}else if(e&&d){a.setAttribute("aria-expanded","false");this.collapseSection(r);if(t.classList.contains("hy-accordion__item__is-open")){t.classList.remove("hy-accordion__item__is-open")}n.querySelector(`#${a.getAttribute("aria-controls")}`).setAttribute("aria-hidden","true")}i.preventDefault();i.stopImmediatePropagation()}}expandPanelByAnchor(i){setTimeout((()=>{if(i.length>0){i=i.substr(1);let a=document.querySelectorAll(`[id=${i}]`)[0];if(a&&a.classList.contains("hy-accordion__button")){let i=a.closest(".hy-accordion__item");let n=i.querySelectorAll(".hy-accordion__content")[0];this.expandSection(n);a.setAttribute("aria-expanded","true");i.classList.add("hy-accordion__item__is-open");const o=a.getBoundingClientRect();window.scrollTo({top:window.scrollY+o.top-200,behavior:"smooth"});const e=i.parentElement.parentElement.id;if(e.length>0){let i=document.querySelectorAll(`#${e}`)[0];i.querySelector(`#${a.getAttribute("aria-controls")}`).setAttribute("aria-hidden","false")}}}}),200)}collapseSection(i){i.style.height=0+"px";i.setAttribute("data-collapsed","true");setTimeout((()=>{i.style.display="none"}),250)}expandSection(i){i.style.display="block";i.style.height=i.scrollHeight+"px";i.setAttribute("data-collapsed","false")}render(){const i=this.el.parentElement.id;if(this.ready&&i.length>0){document.querySelectorAll(`#${i}`).forEach((function(i){if(i){i.querySelectorAll(".hy-accordion__button").forEach((function(i){i.addEventListener("focus",(function(){i.classList.add("focus")}));i.addEventListener("blur",(function(){i.classList.remove("focus")}))}))}}))}const n=this.showOpen?"hy-accordion__item__is-open":"";const o=this.showOpen?"open":"";const e=["hy-accordion__item",this.variant,n].join(" ");const t=["hy-accordion__item--container",this.variant].join(" ");const r=["hy-accordion--heading",this.variant].join(" ");const d=["hy-accordion__content",`hy-accordion__content--${this.variant}`,this.variant,o].join(" ");const c=["hy-accordion__content--inner-wrapper",`hy-accordion__content--inner-wrapper--${this.headerstyle}`,`hy-accordion__content--inner-wrapper--${this.variant}`].join(" ");const h=this.accordiontitle.toLowerCase().replace(/\W/g,"-");const s="#"+h+"--title";const l=this.showOpen?"true":"false";const m=this.showOpen?"false":"true";const p=this.showOpen?"false":"true";return a("div",{class:e},a("div",{class:t},a("h3",{class:r},a("a",{href:s,class:"hy-accordion__link",tabindex:"-1"},a("button",{"aria-expanded":l,"aria-controls":`${h}--content`,class:`hy-accordion__button hy-accordion__button--${this.headerstyle}`,id:`${h}--title`},a("span",{class:"hy-accordion--heading__icon"},a("hy-icon",{icon:"hy-icon-caret-down",size:16})),a("span",null,this.accordiontitle)))),a("div",{"aria-labelledBy":`${h}--title`,class:d,id:`${h}--content`,role:"region","aria-hidden":m,"data-collapsed":p,style:{display:"none"}},a("div",{class:c},a("slot",null)))))}get el(){return o(this)}};h.style=d;export{r as hy_accordion_container,h as hy_accordion_item};
-//# sourceMappingURL=hy-accordion-container_2.entry.js.map
+import{r as i,h as a,H as e,g as n}from"./index-e2e165ed.js";import{A as o}from"./utils-1e7f5184.js";const t=class{constructor(a){i(this,a),this.accordionid=void 0}render(){const i=this.accordionid.toLowerCase().replace(/\W/g,"-");return a(e,{key:"cf18d25850bff7a73c954b5dd2468cade6a65e04"},a("div",{key:"9936b10c4097a482ccd29966fd0a3c1d89a44bfd",id:i,class:["hy-accordion-container","js-hy-accordion"].join(" "),"data-allow-multiple":"true","data-allow-toggle":"true"},a("slot",{key:"3ac4cd288bcb33f976336a295cae8e3a0616531c"})),a("hy-box",{key:"68cddc4af8be48fc63b39d55edd9eb4a1072aed5",mb:"1.75, 1.75, 2, 2.5"}))}};t.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-accordion-container{width:100%}";let r={enter:"Enter",tab:"Tab",pageUp:"PageUp",pageDown:"PageDown",arrowUp:"ArrowUp",arrowDown:"ArrowDown",home:"Home",end:"End"};const d=class{constructor(a){i(this,a),this.accordiontitle=void 0,this.variant=o.default,this.headerstyle="common",this.showOpen=!1,this.ready=!1}componentDidLoad(){this.ready=!0;let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}componentDidRender(){window.location.hash&&this.expandPanelByAnchor(window.location.hash),document.querySelectorAll(".hy-accordion__content").forEach((function(i){let a=i.classList.contains("open"),e=i;a?(e.style.display="block",e.style.height=e.scrollHeight+"px"):(e.style.height="0px",e.style.display="none")}))}onHashChange(){window.location.hash&&this.expandPanelByAnchor(window.location.hash)}handleKeyDown(i){let a=document.querySelectorAll(`#${this.el.parentElement.id}`)[0];const e=Array.prototype.slice.call(a.querySelectorAll(".hy-accordion__button"));let n=i.target;const o=i.code,t=i.ctrlKey&&[r.pageDown,r.pageUp].includes(o);if(n.classList.contains("hy-accordion__button"))if([r.arrowDown,r.arrowUp].includes(o)||t){const a=e.indexOf(n),t=[r.arrowDown,r.pageDown].includes(o)?1:-1,d=e.length;e[(a+d+t)%d].focus(),i.preventDefault()}else if([r.home,r.end].includes(o)){switch(o){case r.home:e[0].focus();break;case r.end:e[e.length-1].focus()}i.preventDefault()}}handleClick(i){const a=i.target,e=this.el.parentElement,n=e.hasAttribute("data-allow-multiple"),o=n||e.hasAttribute("data-allow-toggle");if(a&&"button"===a.tagName.toLowerCase()){let t=a.closest(".hy-accordion__item"),r=t.getElementsByClassName("hy-accordion__content")[0];const d="true"===a.getAttribute("aria-expanded"),c=e.querySelector('[aria-expanded="true"]');!n&&c&&c!==a&&(c.setAttribute("aria-expanded","false"),this.collapseSection(r),t.classList.contains("hy-accordion__item__is-open")&&t.classList.remove("hy-accordion__item__is-open"),e.querySelector(`#${c.getAttribute("aria-controls")}`).setAttribute("aria-hidden","true"),o||c.removeAttribute("aria-disabled")),d?o&&d&&(a.setAttribute("aria-expanded","false"),this.collapseSection(r),t.classList.contains("hy-accordion__item__is-open")&&t.classList.remove("hy-accordion__item__is-open"),e.querySelector(`#${a.getAttribute("aria-controls")}`).setAttribute("aria-hidden","true")):(this.expandSection(r),a.setAttribute("aria-expanded","true"),t.classList.add("hy-accordion__item__is-open"),e.querySelector(`#${a.getAttribute("aria-controls")}`).setAttribute("aria-hidden","false"),o||a.setAttribute("aria-disabled","true")),i.preventDefault(),i.stopImmediatePropagation()}}expandPanelByAnchor(i){setTimeout((()=>{if(i.length>0){i=i.substr(1);let a=document.querySelectorAll(`[id=${i}]`)[0];if(a&&a.classList.contains("hy-accordion__button")){let i=a.closest(".hy-accordion__item"),e=i.querySelectorAll(".hy-accordion__content")[0];this.expandSection(e),a.setAttribute("aria-expanded","true"),i.classList.add("hy-accordion__item__is-open");const n=a.getBoundingClientRect();window.scrollTo({top:window.scrollY+n.top-200,behavior:"smooth"});const o=i.parentElement.parentElement.id;o.length>0&&document.querySelectorAll(`#${o}`)[0].querySelector(`#${a.getAttribute("aria-controls")}`).setAttribute("aria-hidden","false")}}}),200)}collapseSection(i){i.style.height="0px",i.setAttribute("data-collapsed","true"),setTimeout((()=>{i.style.display="none"}),250)}expandSection(i){i.style.display="block",i.style.height=i.scrollHeight+"px",i.setAttribute("data-collapsed","false")}render(){const i=this.el.parentElement.id;this.ready&&i.length>0&&document.querySelectorAll(`#${i}`).forEach((function(i){i&&i.querySelectorAll(".hy-accordion__button").forEach((function(i){i.addEventListener("focus",(function(){i.classList.add("focus")})),i.addEventListener("blur",(function(){i.classList.remove("focus")}))}))}));const e=this.showOpen?"open":"",n=["hy-accordion__item",this.variant,this.showOpen?"hy-accordion__item__is-open":""].join(" "),o=["hy-accordion__item--container",this.variant].join(" "),t=["hy-accordion--heading",this.variant].join(" "),r=["hy-accordion__content",`hy-accordion__content--${this.variant}`,this.variant,e].join(" "),d=["hy-accordion__content--inner-wrapper",`hy-accordion__content--inner-wrapper--${this.headerstyle}`,`hy-accordion__content--inner-wrapper--${this.variant}`].join(" "),c=this.accordiontitle.toLowerCase().replace(/\W/g,"-"),h=this.showOpen?"false":"true",s=this.showOpen?"false":"true";return a("div",{key:"507abb2a7d6aa29f2980524e94f2f18e6b6e08ec",class:n},a("div",{key:"87336553ef852fd594050d4de3298f904e71d5c1",class:o},a("h3",{key:"84da70a9e2902851046c6079fb0ebbd11d856bfc",class:t},a("a",{key:"3a9530633be1c6d127bd9c15d081d19e8f26fb6a",href:"#"+c+"--title",class:"hy-accordion__link",tabindex:"-1"},a("button",{key:"378c62e3b67330c507f4bc6a2a9e1728fedcea33","aria-expanded":this.showOpen?"true":"false","aria-controls":`${c}--content`,class:`hy-accordion__button hy-accordion__button--${this.headerstyle}`,id:`${c}--title`},a("span",{key:"e37e74995e1afe6b45faf0bcae6f8e765f6c60fd",class:"hy-accordion--heading__icon"},a("hy-icon",{key:"620d28c44285cd806b64cabbba8245d7ec24e7af",icon:"hy-icon-caret-down",size:16})),a("span",{key:"6f8dd1038151384d7e0077ac174aff1eb509a530"},this.accordiontitle)))),a("div",{key:"1c36473eae3a8e99c89a474039c786d3169cbc41","aria-labelledBy":`${c}--title`,class:r,id:`${c}--content`,role:"region","aria-hidden":h,"data-collapsed":s,style:{display:"none"}},a("div",{key:"2371237420458cc3b34dca567fd2e42610318fe1",class:d},a("slot",{key:"28847ba8e2964c20384e741bbe21272ee0645d01"})))))}get el(){return n(this)}};d.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-accordion__item{margin-bottom:12px}.hy-accordion__item__is-open{border:1px solid var(--grayscale-dark)}.hy-accordion__item__is-open .hy-accordion--heading{margin:0 auto}.hy-accordion__item__is-open .hy-accordion--heading .hy-accordion--heading__icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-accordion__item.mini{margin-bottom:1rem;margin-top:1rem}.hy-accordion__item__is-open.mini{margin-bottom:0;margin-top:0}.hy-accordion__item__is-open.mini .hy-accordion__item--container{border-bottom:1px solid var(--grayscale-medium-dark);border-top:1px solid var(--grayscale-medium-dark);padding-top:16px;padding-bottom:32px;margin-top:-1px;-webkit-transition:padding 0.5s ease-in-out;transition:padding 0.5s ease-in-out}@media (min-width: 30rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:28px;padding-bottom:30px}}@media (min-width: 60rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:32px;padding-bottom:40px}}.hy-accordion__item.hy-accordion__item__is-open.mini{background-color:var(--grayscale-white);border:none;-webkit-box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05);box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05)}.hy-accordion--heading{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.69px;line-height:28px;margin:0 auto;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;width:100%}.hy-accordion--heading .hy-accordion__link{text-decoration:none}.hy-accordion--heading .hy-accordion__link:hover{text-decoration:none}.hy-accordion--heading .hy-accordion__button{font-size:1.125rem;line-height:22px;font-weight:700;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-background-box);border:none;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.45px;padding:13px 20px 13px 16px;-webkit-transition:all 0.35s ease-in;transition:all 0.35s ease-in;width:100%}.hy-accordion--heading .hy-accordion__button:hover{cursor:pointer}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion__button{padding:1rem 2rem 1rem 1.25rem}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion__button{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading .hy-accordion__button span{text-align:left}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]{background:none;position:relative}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]:after{background-color:var(--grayscale-medium-dark);bottom:0;content:"";height:1px;left:16px;position:absolute;right:20px}.hy-accordion--heading .hy-accordion__button *{pointer-events:none}.hy-accordion--heading .hy-accordion--heading__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;margin-right:8px;z-index:0}.hy-accordion--heading .hy-accordion--heading__icon svg{fill:var(--brand-main)}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion--heading__icon svg{height:18px;width:18px}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading.mini .hy-accordion__button{font-size:1.125rem;line-height:22px;background-color:var(--grayscale-white);color:var(--link-blue);letter-spacing:-0.56px;padding:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding:0}}.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{color:var(--grayscale-black);margin-bottom:20px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:28px}}@media (min-width: 60rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:32px}}.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:10px}}.hy-accordion--heading.mini .hy-accordion--heading__icon svg{fill:var(--brand-main-light);height:14px;width:14px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon svg{height:16px;width:16px}}.hy-accordion__content{display:block;height:0;padding:0;overflow:hidden;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.hy-accordion__content--inner-wrapper{display:block;padding:16px 12px}@media (min-width: 30rem){.hy-accordion__content--inner-wrapper{padding:15px 16px}}@media (min-width: 60rem){.hy-accordion__content--inner-wrapper{padding:16px}}@media (min-width: 75.0625rem){.hy-accordion__content--inner-wrapper--large{padding:24px 20px}}@media (min-width: 1601px){.hy-accordion__content--inner-wrapper{padding:24px 20px}}.hy-accordion__content--inner-wrapper--mini{padding:0}.hy-accordion__content--inner-wrapper--mini .course-heading h4{padding-top:0 !important}';export{t as hy_accordion_container,d as hy_accordion_item}

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

@@ -1,2 +1 @@
-import{r as e,h as t,H as a,g as i}from"./index-f84f2a7d.js";import{j as n}from"./globalScript-5a4b7abf.js";const r=':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-light:#f9a21a;--additional-yellow:#c47f1b;--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-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{font-size:1.375rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.69px;margin-top:32px;padding:0 1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__title{font-size:2rem;line-height:40px;letter-spacing:-1px;margin-top:41px;padding:0}}.hy-adjacent-image-text__text-container__description{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:20px 0 32px 0;padding:0 1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__description{font-size:1rem;line-height:24px;margin:20px 0 61px 0;padding:0}}@media (min-width: 1601px){.hy-adjacent-image-text__text-container__description{font-size:1.0625rem;line-height:26px;margin-bottom:40px}}@media (min-width: 75.0625rem){.hy-adjacent-image-text__text-container__description__large{font-size:1.0625rem;line-height:26px}}.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}';const d=class{constructor(t){e(this,t);this.headerstyle="default";this.imageUrl=null;this.imageAlt="";this.disableLazy=false;this.textTitle=undefined;this.textDescription=null;this.mainUrl=undefined;this.mainUrlTitle=undefined;this.mainUrlAriaLabel=undefined;this.mainUrlIsExternal=false;this.mainUrl2=undefined;this.mainUrlTitle2=undefined;this.mainUrlAriaLabel2=undefined;this.mainUrlIsExternal2=false;this.sourceSet=undefined}async componentWillLoad(){this._sourceSet=await n(this.sourceSet)}componentDidLoad(){let e=this.el.closest(".hy-main");if(e){if(!e.classList.contains("with-sidebar")){this.headerstyle="large"}}}render(){const e=["hy-adjacent-image-text",`hy-adjacent-image-text__${this.headerstyle}`].join(" ");const i=["hy-adjacent-image-text__text-container","hy-adjacent-image-text__text-container--left"].join(" ");const n=["hy-adjacent-image-text__image-container"].join(" ");const r=6;const d=4;const o=d/r*100;const m={"--aspectRatio":`${o}%`};return t(a,null,t("div",{class:e},t("div",{class:n,style:m},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",{class:i},t("div",{class:"hy-adjacent-image-text__text-container__info-wrapper"},t("div",{class:"hy-adjacent-image-text__text-container__title"},this.textTitle),t("p",{class:`hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}`},this.textDescription)),t("div",{class:"hy-adjacent-image-text__text-container__links-wrapper"},this.mainUrl&&t("div",{class:"hy-adjacent-image-text__text-container__link"},t("hy-cta-link",{"link-content":this.mainUrlTitle,"sc-label":this.mainUrlAriaLabel,url:this.mainUrl,"is-external":this.mainUrlIsExternal})),this.mainUrl2&&t("div",{class:"hy-adjacent-image-text__text-container__link"},t("hy-cta-link",{"link-content":this.mainUrlTitle2,"sc-label":this.mainUrlAriaLabel2,url:this.mainUrl2,"is-external":this.mainUrlIsExternal2}))))),t("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return i(this)}};d.style=r;export{d as hy_adjacent_image_text};
-//# sourceMappingURL=hy-adjacent-image-text.entry.js.map
+import{r as e,h as a,H as t,g as i}from"./index-e2e165ed.js";import{j as n}from"./globalScript-0c14426d.js";const r=class{constructor(a){e(this,a),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(" "),i=["hy-adjacent-image-text__text-container","hy-adjacent-image-text__text-container--left"].join(" "),n=["hy-adjacent-image-text__image-container"].join(" ");return a(t,{key:"090c5d0a531f27b5f4ea185f02f9a0f0c31c5152"},a("div",{key:"ce5f94319299b9df4248f4e8bd90552b3f0aadbb",class:e},a("div",{key:"71c2bbc486cf32854ae00d9537461e3951e4561e",class:n,style:{"--aspectRatio":4/6*100+"%"}},this._sourceSet?a("picture",null,this._sourceSet.map((e=>a("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),a("img",{loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl})):a("img",{loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl})),a("div",{key:"546fccda4f5b8dfe05881d9c43313a7d7fd83d3a",class:i},a("div",{key:"6e17f418f38cf0d670e063ee57ac7a6676a55b4d",class:"hy-adjacent-image-text__text-container__info-wrapper"},a("div",{key:"86cbd91d0b3d4bc09171fd2bb20727f68d52a0dd",class:"hy-adjacent-image-text__text-container__title"},this.textTitle),a("p",{key:"d5a1152b446804c3264f72f364c98ef10081560a",class:`hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}`},this.textDescription)),a("div",{key:"4fbd863ce7db9c81437d0b9668dd5985ab909b0a",class:"hy-adjacent-image-text__text-container__links-wrapper"},this.mainUrl&&a("div",{key:"2299dead2840bf0b56e13f7f67148be43c89f10b",class:"hy-adjacent-image-text__text-container__link"},a("hy-cta-link",{key:"f9ba1bea370fc869b87dd421265b60f9c8b06190","link-content":this.mainUrlTitle,"sc-label":this.mainUrlAriaLabel,url:this.mainUrl,"is-external":this.mainUrlIsExternal})),this.mainUrl2&&a("div",{key:"b3613ab7bc5f85fc5606a70aa1e8d995cbbfab79",class:"hy-adjacent-image-text__text-container__link"},a("hy-cta-link",{key:"f09326deaf1830494354f251d6d2b7e00b76e239","link-content":this.mainUrlTitle2,"sc-label":this.mainUrlAriaLabel2,url:this.mainUrl2,"is-external":this.mainUrlIsExternal2}))))),a("hy-box",{key:"a10b4262cd81e4c889fcc94d9579fe66f8912042",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return i(this)}};r.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--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-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{font-size:1.375rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.69px;margin-top:32px;padding:0 1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__title{font-size:2rem;line-height:40px;letter-spacing:-1px;margin-top:41px;padding:0}}.hy-adjacent-image-text__text-container__description{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:20px 0 32px 0;padding:0 1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__description{font-size:1rem;line-height:24px;margin:20px 0 61px 0;padding:0}}@media (min-width: 1601px){.hy-adjacent-image-text__text-container__description{font-size:1.0625rem;line-height:26px;margin-bottom:40px}}@media (min-width: 75.0625rem){.hy-adjacent-image-text__text-container__description__large{font-size:1.0625rem;line-height:26px}}.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,2 +1 @@
-import{r as i,h as n,H as t}from"./index-f84f2a7d.js";import{j as e}from"./globalScript-5a4b7abf.js";const a=":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-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-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%}@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:hover{cursor:pointer;text-decoration:underline}.hy-anchor-link-list__item svg{margin-right:12px}";const l=class{constructor(n){i(this,n);this.listTitle=undefined;this.openLabel=undefined;this.closeLabel=undefined;this.anchorItems=undefined;this.isOpen=false}async componentWillLoad(){this._anchorItems=await e(this.anchorItems)}handleLinkClick(i){const n=i.target.getAttribute("href");if(n){const i=document.getElementById(n.substring(1));const t=i.getBoundingClientRect();window.scrollTo({top:window.scrollY+t.top-100,behavior:"smooth"});i.setAttribute("tabIndex","-1");i.focus({preventScroll:true})}i.preventDefault();i.stopPropagation()}render(){const i=["hy-anchor-link-list"].join(" ");const e={"hy-anchor-link-list__button":true,"is-open":this.isOpen};const a={"hy-anchor-link-list__container":true,"is-open":this.isOpen};const l=this._anchorItems;return n(t,{class:i},n("button",{"aria-label":this.listTitle,onClick:()=>this.isOpen=!this.isOpen,class:e},n("span",{class:"hy-anchor-link-list__button--title"},n("hy-icon",{icon:"hy-icon-bullet-list",size:18,fill:"var(--brand-main)"}),this.listTitle),n("span",{class:"hy-anchor-link-list__button--label"},this.isOpen?this.closeLabel:this.openLabel,n("hy-icon",{class:"label-close-icon",icon:"hy-icon-caret-down",size:16,fill:"var(--brand-main)"}))),n("div",{"aria-hidden":this.isOpen?"false":"true",class:a},l&&l.map((i=>n("a",{class:"hy-anchor-link-list__item",href:i.url,onClick:this.handleLinkClick},n("hy-icon",{icon:"hy-icon-arrow-down",size:12,fill:"var(--brand-main)"}),i.title)))))}};l.style=a;export{l as hy_anchor_link_list};
-//# sourceMappingURL=hy-anchor-link-list.entry.js.map
+import{r as i,h as e,H as a}from"./index-e2e165ed.js";import{j as n}from"./globalScript-0c14426d.js";const t=class{constructor(e){i(this,e),this.listTitle=void 0,this.openLabel=void 0,this.closeLabel=void 0,this.anchorItems=void 0,this.isOpen=!1}async componentWillLoad(){this._anchorItems=await n(this.anchorItems)}handleLinkClick(i){const e=i.target.getAttribute("href");if(e){const i=document.getElementById(e.substring(1)),a=i.getBoundingClientRect();window.scrollTo({top:window.scrollY+a.top-100,behavior:"smooth"}),i.setAttribute("tabIndex","-1"),i.focus({preventScroll:!0})}i.preventDefault(),i.stopPropagation()}render(){const i=["hy-anchor-link-list"].join(" "),n={"hy-anchor-link-list__container":!0,"is-open":this.isOpen},t=this._anchorItems;return e(a,{key:"aad21d401cf16a915b4374d5de06dd7a180b2a39",class:i},e("button",{key:"88ef690998135ace4fd534343896fce4916d89dc","aria-label":this.listTitle,onClick:()=>this.isOpen=!this.isOpen,class:{"hy-anchor-link-list__button":!0,"is-open":this.isOpen}},e("span",{key:"d0d3b698289c816aa13d94e10035f1e08484cfc8",class:"hy-anchor-link-list__button--title"},e("hy-icon",{key:"a2542d8c1f451721714023c063d8dd54e7728e19",icon:"hy-icon-bullet-list",size:18,fill:"var(--brand-main)"}),this.listTitle),e("span",{key:"3a7c8104cc425629de58e8c5764f37a277a923a6",class:"hy-anchor-link-list__button--label"},this.isOpen?this.closeLabel:this.openLabel,e("hy-icon",{key:"b5d8daa236bff7fbfc00014b92e90d17b6e3c35f",class:"label-close-icon",icon:"hy-icon-caret-down",size:16,fill:"var(--brand-main)"}))),e("div",{key:"cba23d77f494595e59739f537f12d3ee56cb973a","aria-hidden":this.isOpen?"false":"true",class:n},t&&t.map((i=>e("a",{class:"hy-anchor-link-list__item",href:i.url,onClick:this.handleLinkClick},e("hy-icon",{icon:"hy-icon-arrow-down",size:12,fill:"var(--brand-main)"}),i.title)))))}};t.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-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%}@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:hover{cursor:pointer;text-decoration:underline}.hy-anchor-link-list__item svg{margin-right:12px}";export{t as hy_anchor_link_list}

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

@@ -1,2 +1 @@
-import{r as a,h as r,H as e}from"./index-f84f2a7d.js";const d=":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-light:#f9a21a;--additional-yellow:#c47f1b;--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}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}";const i=class{constructor(r){a(this,r);this.variant="primary"}render(){const a=["hy-badge",this.variant];return r(e,null,r("span",{class:a.join(" ")},r("slot",null)))}};i.style=d;export{i as hy_badge};
-//# sourceMappingURL=hy-badge.entry.js.map
+import{r as a,h as r,H as e}from"./index-e2e165ed.js";const d=class{constructor(r){a(this,r),this.variant="primary"}render(){return r(e,{key:"0b851e3b67f0e669215b8f960f0780e27ab05017"},r("span",{key:"8dcb9d0194b3362aa190f71c3b4a6d8bffdcb150",class:["hy-badge",this.variant].join(" ")},r("slot",{key:"a07ca166656a6f1cf6baa423dce1c2c24dc151fd"})))}};d.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--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}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{d as hy_badge}

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

@@ -1,2 +1 @@
-import{r as i,h as n,H as e,g as a}from"./index-f84f2a7d.js";import{d as t}from"./utils-2819fd7e.js";const r=":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-light:#f9a21a;--additional-yellow:#c47f1b;--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-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:uppercase}@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}}";const o=class{constructor(n){i(this,n);this.textTitle=undefined;this.textDescription=null;this.url=undefined;this.scLabel=undefined;this.urlTitle=undefined;this.headerstyle="common";this.isExternal=false}componentDidLoad(){let i=this.el.closest(".hy-main");if(i){if(!i.classList.contains("with-sidebar")){this.headerstyle="large"}}}render(){const i=["hy-banner",`hy-banner__${this.headerstyle}`,this.headerstyle].join(" ");const a=["hy-banner__info-container"].join(" ");const r=["hy-banner__info-container__title",`hy-banner__info-container__title__${this.headerstyle}`,this.headerstyle].join(" ");const o=["hy-banner__info-container__description",`hy-banner__info-container__description__${this.headerstyle}`,this.headerstyle].join(" ");const d=t.onBlueBkgd;return n(e,null,n("hy-box",{pt:"1.25, 1.25, 1.5, 2.5"}),n("div",{class:i},n("hy-main-content-wrapper",null,n("div",{class:a},n("div",{class:r},this.textTitle),n("div",{class:o},this.textDescription),this.url&&n("div",{class:"hy-banner__info-container__link"},n("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:d}))))),n("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}};o.style=r;export{o as hy_banner};
-//# sourceMappingURL=hy-banner.entry.js.map
+import{r as i,h as e,H as n,g as a}from"./index-e2e165ed.js";import{d as t}from"./utils-1e7f5184.js";const r=class{constructor(e){i(this,e),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(" "),a=["hy-banner__info-container"].join(" "),r=["hy-banner__info-container__title",`hy-banner__info-container__title__${this.headerstyle}`,this.headerstyle].join(" "),d=["hy-banner__info-container__description",`hy-banner__info-container__description__${this.headerstyle}`,this.headerstyle].join(" "),o=t.onBlueBkgd;return e(n,{key:"22fcaf75d6302de7329b2beaf2c4e22c2d0a062a"},e("hy-box",{key:"f260ec692240c5c16c1073219415a58812398d58",pt:"1.25, 1.25, 1.5, 2.5"}),e("div",{key:"4d05549e3707ad10c0392e8c4f084e72cf89f912",class:i},e("hy-main-content-wrapper",{key:"97e230319b1347e366da305bb2bcb05712d97bb0"},e("div",{key:"fe84cdca03c1f5b18520a211541420eeae022dbe",class:a},e("div",{key:"e7d2fb32a11cdf81434b780df5fbcf3c26b5b10d",class:r},this.textTitle),e("div",{key:"371185f891f14442ebf6673d7ee21c9bb07de4fb",class:d},this.textDescription),this.url&&e("div",{key:"7b35f08c05c164061a926664a7845dd8c7cd6df8",class:"hy-banner__info-container__link"},e("hy-cta-button",{key:"ad35634b4378b044ea006cf03f8f13857acd0036","link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:o}))))),e("hy-box",{key:"4b4a5e67409a1b0a0000a0958f97031c82354e6a",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}};r.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--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-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:uppercase}@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,71 +1,70 @@
-import{r as i,h as t,H as a,g as n}from"./index-f84f2a7d.js";import{c as d}from"./emotion.esm-e0a633a4.js";const e=":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-light:#f9a21a;--additional-yellow:#c47f1b;--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}";const r=i=>typeof i==="number"?`${i}rem`:undefined;const o=["30rem","60rem","75.0625rem","100.0625rem"];const l=o.map((i=>`@media (min-width: ${i})`));const s=({hasSidebar:i,pt:t,pb:a,pl:n,pr:e,mt:o,mb:s,ml:g,mr:h,h:m,bg:$,width:b,justify:f,align:p,direction:u})=>{const c=b[b.length-1];return d`
-    padding-top: ${r(t[0])};
-    padding-right: ${r(e[0])};
-    padding-bottom: ${r(a[0])};
-    padding-left: ${r(n[0])};
-    margin-top: ${r(o[0])};
-    margin-right: ${r(h[0])};
-    margin-bottom: ${r(s[0])};
-    margin-left: ${r(g[0])};
-    height: ${r(m)};
-    background-color: ${!!$?`var(--${$})`:"transparent"};
+import{r as i,h as t,H as a,g as d}from"./index-e2e165ed.js";import{c as r}from"./index.esm-aef0c42f.js";const e=i=>"number"==typeof i?`${i}rem`:void 0,o=["30rem","60rem","75.0625rem","100.0625rem"].map((i=>`@media (min-width: ${i})`)),n=({hasSidebar:i,pt:t,pb:a,pl:d,pr:n,mt:l,mb:s,ml:g,mr:h,h:m,bg:$,width:b,justify:p,align:f,direction:c})=>{const u=b[b.length-1];return r`
+    padding-top: ${e(t[0])};
+    padding-right: ${e(n[0])};
+    padding-bottom: ${e(a[0])};
+    padding-left: ${e(d[0])};
+    margin-top: ${e(l[0])};
+    margin-right: ${e(h[0])};
+    margin-bottom: ${e(s[0])};
+    margin-left: ${e(g[0])};
+    height: ${e(m)};
+    background-color: ${$?`var(--${$})`:"transparent"};
     width: ${b[0]};
     display: flex;
-    flex-flow: ${u||"row"};
-    justify-content: ${f||"flex-start"};
-    align-items: ${p||"flex-start"};
+    flex-flow: ${c||"row"};
+    justify-content: ${p||"flex-start"};
+    align-items: ${f||"flex-start"};
 
-    ${l[0]} {
+    ${o[0]} {
       width: ${b[1]};
 
-      padding-top: ${r(t[1])};
-      padding-right: ${r(e[1])};
-      padding-bottom: ${r(a[1])};
-      padding-left: ${r(n[1])};
+      padding-top: ${e(t[1])};
+      padding-right: ${e(n[1])};
+      padding-bottom: ${e(a[1])};
+      padding-left: ${e(d[1])};
 
-      margin-top: ${r(o[1])};
-      margin-right: ${r(h[1])};
-      margin-bottom: ${r(s[1])};
-      margin-left: ${r(g[1])};
+      margin-top: ${e(l[1])};
+      margin-right: ${e(h[1])};
+      margin-bottom: ${e(s[1])};
+      margin-left: ${e(g[1])};
     }
-    ${l[1]} {
-      width: ${b[2]||c};
+    ${o[1]} {
+      width: ${b[2]||u};
 
-      padding-top: ${r(t[2])};
-      padding-right: ${r(e[2])};
-      padding-bottom: ${r(a[2])};
-      padding-left: ${r(n[2])};
+      padding-top: ${e(t[2])};
+      padding-right: ${e(n[2])};
+      padding-bottom: ${e(a[2])};
+      padding-left: ${e(d[2])};
 
-      margin-top: ${r(o[2])};
-      margin-right: ${r(h[2])};
-      margin-bottom: ${r(s[2])};
-      margin-left: ${r(g[2])};
+      margin-top: ${e(l[2])};
+      margin-right: ${e(h[2])};
+      margin-bottom: ${e(s[2])};
+      margin-left: ${e(g[2])};
     }
-    ${l[2]} {
-      width: ${b[3]||c};
+    ${o[2]} {
+      width: ${b[3]||u};
 
-      padding-top: ${i?`${r(t[2])}`:`${r(t[3])}`};
-      padding-right: ${i?`${r(e[2])}`:`${r(e[3])}`};
-      padding-bottom: ${i?`${r(a[2])}`:`${r(a[3])}`};
-      padding-left: ${i?`${r(n[2])}`:`${r(n[3])}`};
+      padding-top: ${i?`${e(t[2])}`:`${e(t[3])}`};
+      padding-right: ${i?`${e(n[2])}`:`${e(n[3])}`};
+      padding-bottom: ${i?`${e(a[2])}`:`${e(a[3])}`};
+      padding-left: ${i?`${e(d[2])}`:`${e(d[3])}`};
 
-      margin-top: ${i?`${r(o[2])}`:`${r(o[3])}`};
-      margin-right: ${i?`${r(h[2])}`:`${r(h[3])}`};
-      margin-bottom: ${i?`${r(s[2])}`:`${r(s[3])}`};
-      margin-left: ${i?`${r(g[2])}`:`${r(g[3])}`};
+      margin-top: ${i?`${e(l[2])}`:`${e(l[3])}`};
+      margin-right: ${i?`${e(h[2])}`:`${e(h[3])}`};
+      margin-bottom: ${i?`${e(s[2])}`:`${e(s[3])}`};
+      margin-left: ${i?`${e(g[2])}`:`${e(g[3])}`};
     }
-    ${l[3]} {
-      width: ${b[4]||c};
+    ${o[3]} {
+      width: ${b[4]||u};
 
-      padding-top: ${r(t[3])};
-      padding-right: ${r(e[3])};
-      padding-bottom: ${r(a[3])};
-      padding-left: ${r(n[3])};
+      padding-top: ${e(t[3])};
+      padding-right: ${e(n[3])};
+      padding-bottom: ${e(a[3])};
+      padding-left: ${e(d[3])};
 
-      margin-top: ${r(o[3])};
-      margin-right: ${r(h[3])};
-      margin-bottom: ${r(s[3])};
-      margin-left: ${r(g[3])};
+      margin-top: ${e(l[3])};
+      margin-right: ${e(h[3])};
+      margin-bottom: ${e(s[3])};
+      margin-left: ${e(g[3])};
     }
-  `};const g=i=>i===null||i===void 0?void 0:i.split(",").map((i=>`${i.trim()}`)).map((i=>parseFloat(i)));const h=class{constructor(t){i(this,t);this.headerstyle="common";this.p=undefined;this.pl=undefined;this.pr=undefined;this.pb=undefined;this.pt=undefined;this.m=undefined;this.ml=undefined;this.mr=undefined;this.mb=undefined;this.mt=undefined;this.justify="flex-start";this.align="baseline";this.h=undefined;this.bg="transparent";this.width="100";this.direction="row"}componentWillLoad(){let i=this.el.closest(".hy-main");if(i){if(!i.classList.contains("with-sidebar")){this.headerstyle="large"}}}render(){var i,n,d,e,r,o,l,h,m,$,b,f,p,u,c,y;const w=(n=(i=g(this.pt))!==null&&i!==void 0?i:g(this.p))!==null&&n!==void 0?n:[0];const v=(e=(d=g(this.pb))!==null&&d!==void 0?d:g(this.p))!==null&&e!==void 0?e:[0];const x=(o=(r=g(this.pr))!==null&&r!==void 0?r:g(this.p))!==null&&o!==void 0?o:[0];const k=(h=(l=g(this.pl))!==null&&l!==void 0?l:g(this.p))!==null&&h!==void 0?h:[0];const j=($=(m=g(this.mt))!==null&&m!==void 0?m:g(this.m))!==null&&$!==void 0?$:[0];const z=(f=(b=g(this.mb))!==null&&b!==void 0?b:g(this.m))!==null&&f!==void 0?f:[0];const S=(u=(p=g(this.mr))!==null&&p!==void 0?p:g(this.m))!==null&&u!==void 0?u:[0];const F=(y=(c=g(this.ml))!==null&&c!==void 0?c:g(this.m))!==null&&y!==void 0?y:[0];const H=this.headerstyle=="common";return t(a,{class:s({hasSidebar:H,pt:w,pl:k,pr:x,pb:v,mt:j,ml:F,mr:S,mb:z,h:this.h,bg:this.bg,width:this.width.split(",").map((i=>`${i.trim()}%`)),justify:this.justify,align:this.align,direction:this.direction})},t("slot",null))}get el(){return n(this)}};h.style=e;export{h as hy_box};
-//# sourceMappingURL=hy-box.entry.js.map
+  `},l=i=>null==i?void 0:i.split(",").map((i=>`${i.trim()}`)).map((i=>parseFloat(i))),s=class{constructor(t){i(this,t),this.headerstyle="common",this.p=void 0,this.pl=void 0,this.pr=void 0,this.pb=void 0,this.pt=void 0,this.m=void 0,this.ml=void 0,this.mr=void 0,this.mb=void 0,this.mt=void 0,this.justify="flex-start",this.align="baseline",this.h=void 0,this.bg="transparent",this.width="100",this.direction="row"}componentWillLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){var i,d,r,e,o,s,g,h,m,$,b,p,f,c,u,v;const y=null!==(d=null!==(i=l(this.pt))&&void 0!==i?i:l(this.p))&&void 0!==d?d:[0],w=null!==(e=null!==(r=l(this.pb))&&void 0!==r?r:l(this.p))&&void 0!==e?e:[0],k=null!==(s=null!==(o=l(this.pr))&&void 0!==o?o:l(this.p))&&void 0!==s?s:[0],x=null!==(h=null!==(g=l(this.pl))&&void 0!==g?g:l(this.p))&&void 0!==h?h:[0],j=null!==($=null!==(m=l(this.mt))&&void 0!==m?m:l(this.m))&&void 0!==$?$:[0],z=null!==(p=null!==(b=l(this.mb))&&void 0!==b?b:l(this.m))&&void 0!==p?p:[0],S=null!==(c=null!==(f=l(this.mr))&&void 0!==f?f:l(this.m))&&void 0!==c?c:[0],F=null!==(v=null!==(u=l(this.ml))&&void 0!==u?u:l(this.m))&&void 0!==v?v:[0];return t(a,{key:"b3bd1885d34b3f37b0a26e2802f1567f43673789",class:n({hasSidebar:"common"==this.headerstyle,pt:y,pl:x,pr:k,pb:w,mt:j,ml:F,mr:S,mb:z,h:this.h,bg:this.bg,width:this.width.split(",").map((i=>`${i.trim()}%`)),justify:this.justify,align:this.align,direction:this.direction})},t("slot",{key:"7613027160dbdd5abfd405877c5ee4a75ac3ba61"}))}get el(){return d(this)}};s.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--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}";export{s as hy_box}