@itcenteratunihelsinki/huds-lib 0.8.89 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/components/heading.js +2 -2
  2. package/components/hy-adjacent-image-text.js +1 -1
  3. package/components/hy-banner.js +1 -1
  4. package/components/hy-event-item.js +1 -1
  5. package/components/hy-general-list-item2.js +1 -1
  6. package/components/hy-hero-carousel.js +1 -1
  7. package/components/hy-hero.js +1 -1
  8. package/components/hy-ingress.js +1 -1
  9. package/components/hy-link-list.js +1 -1
  10. package/components/hy-list-item.js +1 -1
  11. package/components/hy-person-profile.js +1 -1
  12. package/components/hy-prominent-image.js +1 -1
  13. package/components/link-box.js +2 -2
  14. package/components/paragraph-text.js +1 -1
  15. package/components/site-search.js +1 -1
  16. package/dist/cjs/hy-adjacent-image-text.cjs.entry.js +1 -1
  17. package/dist/cjs/hy-banner.cjs.entry.js +1 -1
  18. package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +4 -4
  19. package/dist/cjs/hy-event-item.cjs.entry.js +1 -1
  20. package/dist/cjs/hy-general-list_2.cjs.entry.js +1 -1
  21. package/dist/cjs/hy-hero-carousel.cjs.entry.js +1 -1
  22. package/dist/cjs/hy-hero.cjs.entry.js +1 -1
  23. package/dist/cjs/hy-link-box_2.cjs.entry.js +2 -2
  24. package/dist/cjs/hy-link-list.cjs.entry.js +1 -1
  25. package/dist/cjs/hy-list-item.cjs.entry.js +1 -1
  26. package/dist/cjs/hy-paragraph-text.cjs.entry.js +1 -1
  27. package/dist/cjs/hy-person-profile.cjs.entry.js +1 -1
  28. package/dist/cjs/hy-prominent-image.cjs.entry.js +1 -1
  29. package/dist/collection/components/hy-adjacent-image-text/adjacent-image-text.css +25 -23
  30. package/dist/collection/components/hy-banner/hy-banner.css +1 -1
  31. package/dist/collection/components/hy-event-item/hy-event-item.css +4 -4
  32. package/dist/collection/components/hy-general-list-item/hy-general-list-item.css +43 -25
  33. package/dist/collection/components/hy-heading/heading-fw.css +146 -137
  34. package/dist/collection/components/hy-heading/heading.css +146 -137
  35. package/dist/collection/components/hy-hero/hy-hero.css +47 -55
  36. package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.css +220 -54
  37. package/dist/collection/components/hy-ingress/ingress.css +44 -10
  38. package/dist/collection/components/hy-link-box/link-box.css +18 -17
  39. package/dist/collection/components/hy-link-box/link-box.js +1 -1
  40. package/dist/collection/components/hy-link-list/hy-link-list.css +34 -26
  41. package/dist/collection/components/hy-list-item/hy-list-item.css +3 -3
  42. package/dist/collection/components/hy-paragraph-text/paragraph-text.css +19 -12
  43. package/dist/collection/components/hy-person-profile/person-profile.css +2 -1
  44. package/dist/collection/components/hy-prominent-image/hy-prominent-image.css +1 -1
  45. package/dist/collection/components/hy-site-header/site-search/site-search.css +1 -1
  46. package/dist/esm/hy-adjacent-image-text.entry.js +1 -1
  47. package/dist/esm/hy-banner.entry.js +1 -1
  48. package/dist/esm/hy-breadcrumbs_15.entry.js +4 -4
  49. package/dist/esm/hy-event-item.entry.js +1 -1
  50. package/dist/esm/hy-general-list_2.entry.js +1 -1
  51. package/dist/esm/hy-hero-carousel.entry.js +1 -1
  52. package/dist/esm/hy-hero.entry.js +1 -1
  53. package/dist/esm/hy-link-box_2.entry.js +2 -2
  54. package/dist/esm/hy-link-list.entry.js +1 -1
  55. package/dist/esm/hy-list-item.entry.js +1 -1
  56. package/dist/esm/hy-paragraph-text.entry.js +1 -1
  57. package/dist/esm/hy-person-profile.entry.js +1 -1
  58. package/dist/esm/hy-prominent-image.entry.js +1 -1
  59. package/dist/fonts/fonts.css +4 -4
  60. package/dist/huds-lib/huds-lib.css +1 -1
  61. package/dist/huds-lib/hy-adjacent-image-text.entry.js +1 -1
  62. package/dist/huds-lib/hy-banner.entry.js +1 -1
  63. package/dist/huds-lib/hy-breadcrumbs_15.entry.js +1 -1
  64. package/dist/huds-lib/hy-event-item.entry.js +1 -1
  65. package/dist/huds-lib/hy-general-list_2.entry.js +1 -1
  66. package/dist/huds-lib/hy-hero-carousel.entry.js +1 -1
  67. package/dist/huds-lib/hy-hero.entry.js +1 -1
  68. package/dist/huds-lib/hy-link-box_2.entry.js +1 -1
  69. package/dist/huds-lib/hy-link-list.entry.js +1 -1
  70. package/dist/huds-lib/hy-list-item.entry.js +1 -1
  71. package/dist/huds-lib/hy-paragraph-text.entry.js +1 -1
  72. package/dist/huds-lib/hy-person-profile.entry.js +1 -1
  73. package/dist/huds-lib/hy-prominent-image.entry.js +1 -1
  74. package/package.json +3 -2
package/dist/huds-lib/hy-hero.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as e,h,H as t,g as i}from"./index-2ffe17c9.js";import{j as r}from"./globalScript-7f6ce018.js";import{H as o,a,b as n,c as l,d as _}from"./utils-1e7f5184.js";const d=class{constructor(h){e(this,h),this.heroType=o.landing,this.heroGroupType=a.default,this.colorVariant=n.blue,this.sizeVariant=l.large,this.heroTextColor=null,this.image=void 0,this.imageHeight=null,this.imageWidth=null,this.imageAltText="",this.disableLazy=!1,this.hasShortcuts=!1,this.heading=void 0,this.description=void 0,this.subtitle=void 0,this.url=void 0,this.urlTitle=void 0,this.scLabel=void 0,this.isExternal=!1,this.sourceSet=void 0}async componentWillLoad(){this._sourceSet=await r(this.sourceSet)}createImageElement(e,t,i){return h("div",{class:"hy-hero__image-container",style:i},e.image&&(t?h("picture",null,t.map((e=>h("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),h("img",{loading:e.disableLazy?"eager":"lazy",alt:e.imageAltText,class:"hy-image__image",src:e.image,height:e.imageHeight,width:e.imageWidth})):h("img",{loading:e.disableLazy?"eager":"lazy",alt:e.imageAltText,class:"hy-image__image",src:e.image,height:e.imageHeight,width:e.imageWidth})))}render(){let e=_.heroWhite,i=this.colorVariant,r=this.heroType;"minor_landing"===this.heroType&&(i=n.white,r=o.landing),i===n.blue&&(e=_.heroBlue),i===n.black&&(e=_.heroBlack),i&&"fp_white"!==i||(i=n.white);const a=["hy-hero",`hy-hero--${r}`,`hy-hero--${this.heroGroupType}`,`hy-hero--${i}`,`hy-hero--${this.sizeVariant}`,this.hasShortcuts?"has-shortcuts":""],l=["hy-hero__title","hy-heading__hero"].join(" ");if("front_page"===r&&"full-image"!==this.sizeVariant)return h(t,null,h("div",{class:a.join(" ")},h("div",{class:"hy-hero__container"},this.createImageElement(this,this._sourceSet,{"--aspect-ratio":"16 / 10"}),h("div",{class:"hy-hero__spacer-box"}),h("div",{class:"hy-hero__content-container"},h("div",{class:"hy-hero__content"},h("div",{class:"hy-hero__title-container"},h("h2",{innerHTML:this.heading,class:l})),this.description&&h("p",{class:"hy-hero__description"},this.description),this.url&&h("div",{class:"hy-hero__actions"},h("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),h("hy-box",{mb:"2, 2, 1, 1"}));if("full-image"===this.sizeVariant){const e=this.isExternal?"_blank":"_self";return h("div",{class:"hy-hero hy-hero--full-image"},h("div",{class:"hy-hero__container"},this.createImageElement(this,this._sourceSet,{"--aspect-ratio":"16 / 8"}),h("div",{class:"hy-hero__content-container"},h("div",{class:"hy-hero__content","data-text-color":this.heroTextColor},this.subtitle&&h("span",{class:"hy-hero__subtitle"},this.subtitle),h("h2",{innerHTML:this.heading,class:l}),this.description&&h("p",{class:"hy-hero__description"},this.description),this.url&&h("div",{class:"hy-hero__actions"},h("a",{class:"hy-hero__link",href:this.url,"aria-label":this.scLabel,target:e,"data-text-color":this.heroTextColor},this.urlTitle,h("hy-icon",{icon:"hy-icon-arrow-right",size:16})))))))}return h(t,null,h("div",{class:a.join(" ")},h("div",{class:"hy-hero__container"},this.createImageElement(this,this._sourceSet,{"--aspect-ratio":"16 / 10"}),h("div",{class:"hy-hero__content-container"},h("div",{class:"hy-hero__content"},h("div",{class:"hy-hero__title-container"},h("h2",{innerHTML:this.heading,class:l})),this.description&&h("p",{class:"hy-hero__description"},this.description),this.url&&h("div",{class:"hy-hero__actions"},h("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),h("hy-box",{mb:"2, 2, 1, 1"}))}get el(){return i(this)}};d.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-hero{position:relative;padding-bottom:0;}@media (min-width: 60rem){.hy-hero:not(.hy-hero--full-image){margin-top:32px}}@media (min-width: 60rem){.hy-hero:not(.has-shortcuts){margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero{max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 75.0625rem){.with-sidebar:not(.hy-hero--full-image) .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar:not(.hy-hero--full-image) .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}.hy-hero--full-image{--dark-bg:rgba(0, 0, 0, 0.55);--light-bg:rgba(255, 255, 255, 0.5);--dark-text:var(--brand-main-nearly-black);--light-text:var(--grayscale-white);border-bottom:1px solid var(--grayscale-medium-dark)}@media (min-width: 60rem){.hy-hero--full-image{border-bottom:4px solid var(--grayscale-black);margin-left:-2rem;margin-right:-2rem}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero--full-image{max-width:none;margin-left:-2rem;margin-right:-2rem}}.hy-hero--full-image .hy-hero__container{grid-template-columns:repeat(4, 1fr);grid-template-rows:1fr}.hy-hero--full-image .hy-hero__image-container{grid-column:1/-1;grid-row:1/-1;-o-object-fit:cover;object-fit:cover;padding:0;width:100%}.hy-hero--full-image .hy-hero__image-container img{aspect-ratio:16/8}.hy-hero--full-image .hy-hero__content-container{padding:0}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content-container{align-self:center;grid-column:1/3;grid-row:1/-1;margin-left:32px;max-width:95%;z-index:2}}@media (min-width: 75.0625rem){.hy-hero--full-image .hy-hero__content-container{margin-left:0}}.hy-hero--full-image .hy-hero__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;padding:16px 16px 32px 16px}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content{margin-left:32px;gap:24px;padding:32px}}@media (min-width: 75.0625rem){.hy-hero--full-image .hy-hero__content{margin-left:64px;gap:32px}}@media (min-width: 1601px){.hy-hero--full-image .hy-hero__content{margin-left:96px}}.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_light_bg]{-webkit-backdrop-filter:blur(250px);backdrop-filter:blur(250px);background-color:var(--grayscale-white);color:var(--dark-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_light_bg]{background:var(--light-bg)}}.hy-hero--full-image .hy-hero__content[data-text-color=light_text_dark_bg]{-webkit-backdrop-filter:blur(250px);backdrop-filter:blur(250px);background:var(--grayscale-black);color:var(--light-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=light_text_dark_bg]{background:var(--dark-bg)}}.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_no_bg]{background-color:var(--grayscale-white);color:var(--dark-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_no_bg]{background:transparent;text-shadow:0 0 5px var(--grayscale-white)}}.hy-hero--full-image .hy-hero__content[data-text-color=light_text_no_bg]{background-color:var(--grayscale-black);color:var(--light-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=light_text_no_bg]{background:transparent;text-shadow:0 0 5px var(--grayscale-black)}}.hy-hero--full-image .hy-hero__subtitle{font-family:var(--main-font-family);font-size:18px;font-weight:700;line-height:1.2;position:relative}.hy-hero--full-image .hy-hero__subtitle::after{aspect-ratio:1;background-color:currentColor;bottom:-10px;content:"";display:block;height:4px;left:0;position:absolute;width:64px}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__subtitle{font-size:20px}}.hy-hero--full-image h2.hy-hero__title.hy-heading__hero{color:inherit !important;font-family:var(--main-font-family);font-size:32px;font-weight:700;line-height:1.2}@media (min-width: 75.0625rem){.hy-hero--full-image h2.hy-hero__title.hy-heading__hero{font-size:36px}}@media (min-width: 1601px){.hy-hero--full-image h2.hy-hero__title.hy-heading__hero{font-size:64px}}.hy-hero--full-image .hy-hero__description{font-family:var(--main-font-family);font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0}@media (min-width: 1601px){.hy-hero--full-image .hy-hero__description{font-size:17px}}.hy-hero--full-image .hy-hero__actions{margin:0}.hy-hero--full-image .hy-hero__actions .hy-hero__link{--light-bg:var(--grayscale-white);--dark-bg:var(--grayscale-black);--light-text:var(--grayscale-white);--dark-text:var(--grayscale-black);-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:16px;font-weight:700;gap:8px;line-height:18px;padding:13px 16px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hy-hero--full-image .hy-hero__actions .hy-hero__link:hover{text-decoration:underline}.hy-hero--full-image .hy-hero__actions .hy-hero__link svg{width:16px;height:16px}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_light_bg]{background:var(--dark-bg);color:var(--light-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_light_bg] svg{fill:var(--light-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_dark_bg]{background:var(--light-bg);color:var(--dark-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_dark_bg] svg{fill:var(--dark-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_no_bg]{background:var(--dark-bg);color:var(--light-text);text-shadow:none}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_no_bg] svg{fill:var(--light-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_no_bg]{background:var(--light-bg);color:var(--dark-text);text-shadow:none}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_no_bg] svg{fill:var(--dark-text)}.hy-hero--full-image .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero--white{margin-top:0}}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts){padding-bottom:48px}}.hy-hero--white:not(.has-shortcuts):after{width:100%;background-color:var(--grayscale-medium-dark);height:1px;content:"";margin:0 auto;display:block}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts):after{position:absolute;left:0;right:0;bottom:0}}.hy-hero--white:not(.hy-hero--front_page):after{max-width:1216px}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:grid;position:relative}}@media (min-width: 60rem){.hy-hero--small .hy-hero__container{grid-template-columns:60% 1fr}}@media (min-width: 60rem){.hy-hero--large .hy-hero__container{grid-template-columns:repeat(2, 1fr)}}.hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}@media (min-width: 30rem){.hy-hero__content-container{padding:40px 2rem}}@media (min-width: 75.0625rem){.hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 24px}}@media (min-width: 1601px){.hy-hero__content-container{max-width:1216px}}.hy-hero--black .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 75.0625rem){.hy-hero--white .hy-hero__content-container{padding:40px 24px 40px 0}}.hy-hero__content{position:relative}h2.hy-hero__title{-ms-hyphens:auto;hyphens:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-hero--blue h2.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--black h2.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--white h2.hy-hero__title{color:var(--grayscale-black) !important}h2.hy-hero__title.hy-heading__hero{font-size:2.25rem;line-height:33px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0;text-transform:none;text-wrap:balance}@media (min-width: 1024px){h2.hy-hero__title.hy-heading__hero{font-size:2.25rem;line-height:40px;letter-spacing:-1.15px}}@media (min-width: 1601px){h2.hy-hero__title.hy-heading__hero{font-size:2.375rem;line-height:48px;letter-spacing:-1.3px}}.hy-hero__description{font-size:1rem;line-height:24px;font-family:var(--main-font-family);margin:16px 0 0 0;padding:0;position:relative;text-wrap:pretty}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}.hy-hero--black .hy-hero__description{color:var(--grayscale-white)}.hy-hero--blue .hy-hero__description{color:var(--grayscale-white)}.hy-hero--white .hy-hero__description{color:var(--grayscale-black)}.hy-hero__actions{margin-top:24px}.hy-hero__image-container{margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero__image-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__image-container{padding:0}}.hy-image__image{aspect-ratio:var(--aspect-ratio);display:block;height:100%;min-height:205px;-o-object-fit:contain;object-fit:contain;width:100%}.has-cover .hy-image__image{-o-object-fit:cover;object-fit:cover}.hy-hero.hy-hero--group_landing.hy-hero--generic_site_group h2.hy-hero__title.hy-heading__hero,.hy-hero.hy-hero--research_group h2.hy-hero__title.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0;text-transform:uppercase}@media (min-width: 1024px){.hy-hero.hy-hero--group_landing.hy-hero--generic_site_group h2.hy-hero__title.hy-heading__hero,.hy-hero.hy-hero--research_group h2.hy-hero__title.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){.hy-hero.hy-hero--group_landing.hy-hero--generic_site_group h2.hy-hero__title.hy-heading__hero,.hy-hero.hy-hero--research_group h2.hy-hero__title.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--white{padding-top:40px;margin-top:0}}.hy-hero.hy-hero--front_page h2.hy-hero__title.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0;text-transform:uppercase}@media (min-width: 1024px){.hy-hero.hy-hero--front_page h2.hy-hero__title.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){.hy-hero.hy-hero--front_page h2.hy-hero__title.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page{margin-left:-32px;margin-right:-32px;max-width:none}}.hy-hero.hy-hero--front_page .hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%;min-height:clamp(330px, 50%, 675px)}.hy-hero--black .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:373px}}@media (min-width: 1160px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:443px}}@media (min-width: 1280px){.hy-hero.hy-hero--front_page .hy-hero__content-container{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:478px}}@media (min-width: 1460px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:513px}}@media (min-width: 1560px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:548px}}@media (min-width: 1601px){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:0}}@media (min-width: 1660px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:583px}}@media (min-width: 1760px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:619px}}@media (min-width: 1860px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:654px}}@media (min-width: 1920px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:675px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__image-container{width:40%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__content{max-width:60%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__image-container{width:50%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__content{max-width:50%}}.hy-hero.hy-hero--front_page .hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero.hy-hero--front_page .hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0;position:absolute;right:0;top:0}}.hy-hero.hy-hero--front_page .hy-hero__content{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content{padding-right:24px}}.hy-hero.hy-hero--front_page .hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;inset:0}}@media (min-width: 60rem){.hy-hero--small .hy-hero__spacer-box{width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__spacer-box{width:50%}}.hy-hero--black .hy-hero__spacer-box{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__spacer-box{background-color:var(--brand-main)}.hy-hero--white .hy-hero__spacer-box{background-color:var(--grayscale-white)}';export{d as hy_hero}
1
+ import{r as e,h as t,H as h,g as i}from"./index-2ffe17c9.js";import{j as o}from"./globalScript-7f6ce018.js";import{H as r,a,b as n,c as l,d}from"./utils-1e7f5184.js";const g=class{constructor(t){e(this,t),this.heroType=r.landing,this.heroGroupType=a.default,this.colorVariant=n.blue,this.sizeVariant=l.large,this.heroTextColor=null,this.image=void 0,this.imageHeight=null,this.imageWidth=null,this.imageAltText="",this.disableLazy=!1,this.hasShortcuts=!1,this.heading=void 0,this.description=void 0,this.subtitle=void 0,this.url=void 0,this.urlTitle=void 0,this.scLabel=void 0,this.isExternal=!1,this.sourceSet=void 0}async componentWillLoad(){this._sourceSet=await o(this.sourceSet)}createImageElement(e,h,i){return t("div",{class:"hy-hero__image-container",style:i},e.image&&(h?t("picture",null,h.map((e=>t("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),t("img",{loading:e.disableLazy?"eager":"lazy",alt:e.imageAltText,class:"hy-image__image",src:e.image,height:e.imageHeight,width:e.imageWidth})):t("img",{loading:e.disableLazy?"eager":"lazy",alt:e.imageAltText,class:"hy-image__image",src:e.image,height:e.imageHeight,width:e.imageWidth})))}render(){let e=d.heroWhite,i=this.colorVariant,o=this.heroType;"minor_landing"===this.heroType&&(i=n.white,o=r.landing),i===n.blue&&(e=d.heroBlue),i===n.black&&(e=d.heroBlack),i&&"fp_white"!==i||(i=n.white);const a=["hy-hero",`hy-hero--${o}`,`hy-hero--${this.heroGroupType}`,`hy-hero--${i}`,`hy-hero--${this.sizeVariant}`,this.hasShortcuts?"has-shortcuts":""],l=["hy-hero__title","hy-heading__hero"].join(" ");if("front_page"===o&&"full-image"!==this.sizeVariant)return t(h,null,t("div",{class:a.join(" ")},t("div",{class:"hy-hero__container"},this.createImageElement(this,this._sourceSet,{"--aspect-ratio":"16 / 10"}),t("div",{class:"hy-hero__spacer-box"}),t("div",{class:"hy-hero__content-container"},t("div",{class:"hy-hero__content"},t("div",{class:"hy-hero__title-container"},t("h2",{innerHTML:this.heading,class:l})),this.description&&t("p",{class:"hy-hero__description"},this.description),this.url&&t("div",{class:"hy-hero__actions"},t("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),t("hy-box",{mb:"2, 2, 1, 1"}));if("full-image"===this.sizeVariant){const e=this.isExternal?"_blank":"_self";return t("div",{class:"hy-hero hy-hero--full-image"},t("div",{class:"hy-hero__container"},this.createImageElement(this,this._sourceSet,{"--aspect-ratio":"16 / 8"}),t("div",{class:"hy-hero__content-container"},t("div",{class:"hy-hero__content","data-text-color":this.heroTextColor},this.subtitle&&t("span",{class:"hy-hero__subtitle"},this.subtitle),t("h2",{innerHTML:this.heading,class:l}),this.description&&t("p",{class:"hy-hero__description"},this.description),this.url&&t("div",{class:"hy-hero__actions"},t("a",{class:"hy-hero__link",href:this.url,"aria-label":this.scLabel,target:e,"data-text-color":this.heroTextColor},this.urlTitle,t("hy-icon",{icon:"hy-icon-arrow-right",size:16})))))))}return t(h,null,t("div",{class:a.join(" ")},t("div",{class:"hy-hero__container"},this.createImageElement(this,this._sourceSet,{"--aspect-ratio":"16 / 10"}),t("div",{class:"hy-hero__content-container"},t("div",{class:"hy-hero__content"},t("div",{class:"hy-hero__title-container"},t("h2",{innerHTML:this.heading,class:l})),this.description&&t("p",{class:"hy-hero__description"},this.description),this.url&&t("div",{class:"hy-hero__actions"},t("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),t("hy-box",{mb:"2, 2, 1, 1"}))}get el(){return i(this)}};g.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-hero{position:relative;padding-bottom:0;}@media (min-width: 60rem){.hy-hero:not(.hy-hero--full-image){margin-top:32px}}@media (min-width: 60rem){.hy-hero:not(.has-shortcuts){margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero{max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 75.0625rem){.with-sidebar:not(.hy-hero--full-image) .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar:not(.hy-hero--full-image) .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}.hy-hero--full-image{--dark-bg:rgba(0, 0, 0, 0.55);--light-bg:rgba(255, 255, 255, 0.5);--dark-text:var(--brand-main-nearly-black);--light-text:var(--grayscale-white);border-bottom:1px solid var(--grayscale-medium-dark)}@media (min-width: 60rem){.hy-hero--full-image{border-bottom:4px solid var(--grayscale-black);margin-left:-2rem;margin-right:-2rem}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero--full-image{max-width:none;margin-left:-2rem;margin-right:-2rem}}.hy-hero--full-image .hy-hero__container{grid-template-columns:repeat(4, 1fr);grid-template-rows:1fr}.hy-hero--full-image .hy-hero__image-container{grid-column:1/-1;grid-row:1/-1;-o-object-fit:cover;object-fit:cover;padding:0;width:100%}.hy-hero--full-image .hy-hero__image-container img{aspect-ratio:16/8}.hy-hero--full-image .hy-hero__content-container{padding:0}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content-container{align-self:center;grid-column:1/3;grid-row:1/-1;margin-left:32px;max-width:95%;z-index:2}}@media (min-width: 75.0625rem){.hy-hero--full-image .hy-hero__content-container{margin-left:0}}.hy-hero--full-image .hy-hero__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;padding:16px 16px 32px 16px}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content{margin-left:32px;gap:24px;padding:32px}}@media (min-width: 75.0625rem){.hy-hero--full-image .hy-hero__content{margin-left:64px;gap:32px}}@media (min-width: 1601px){.hy-hero--full-image .hy-hero__content{margin-left:96px}}.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_light_bg]{-webkit-backdrop-filter:blur(250px);backdrop-filter:blur(250px);background-color:var(--grayscale-white);color:var(--dark-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_light_bg]{background:var(--light-bg)}}.hy-hero--full-image .hy-hero__content[data-text-color=light_text_dark_bg]{-webkit-backdrop-filter:blur(250px);backdrop-filter:blur(250px);background:var(--grayscale-black);color:var(--light-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=light_text_dark_bg]{background:var(--dark-bg)}}.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_no_bg]{background-color:var(--grayscale-white);color:var(--dark-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=dark_text_no_bg]{background:transparent;text-shadow:0 0 5px var(--grayscale-white)}}.hy-hero--full-image .hy-hero__content[data-text-color=light_text_no_bg]{background-color:var(--grayscale-black);color:var(--light-text)}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__content[data-text-color=light_text_no_bg]{background:transparent;text-shadow:0 0 5px var(--grayscale-black)}}.hy-hero--full-image .hy-hero__subtitle{font-family:var(--main-font-family);font-size:18px;font-weight:700;line-height:1.2;position:relative}.hy-hero--full-image .hy-hero__subtitle::after{aspect-ratio:1;background-color:currentColor;bottom:-10px;content:"";display:block;height:4px;left:0;position:absolute;width:64px}@media (min-width: 60rem){.hy-hero--full-image .hy-hero__subtitle{font-size:20px}}.hy-hero--full-image h2.hy-hero__title.hy-heading__hero{color:inherit !important;font-family:var(--main-font-family);font-size:32px;font-weight:700;line-height:1.2}@media (min-width: 75.0625rem){.hy-hero--full-image h2.hy-hero__title.hy-heading__hero{font-size:36px}}@media (min-width: 1601px){.hy-hero--full-image h2.hy-hero__title.hy-heading__hero{font-size:64px}}.hy-hero--full-image .hy-hero__description{font-family:var(--main-font-family);font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0}@media (min-width: 1601px){.hy-hero--full-image .hy-hero__description{font-size:17px}}.hy-hero--full-image .hy-hero__actions{margin:0}.hy-hero--full-image .hy-hero__actions .hy-hero__link{--light-bg:var(--grayscale-white);--dark-bg:var(--grayscale-black);--light-text:var(--grayscale-white);--dark-text:var(--grayscale-black);-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:16px;font-weight:700;gap:8px;line-height:18px;padding:13px 16px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hy-hero--full-image .hy-hero__actions .hy-hero__link:hover{text-decoration:underline}.hy-hero--full-image .hy-hero__actions .hy-hero__link svg{width:16px;height:16px}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_light_bg]{background:var(--dark-bg);color:var(--light-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_light_bg] svg{fill:var(--light-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_dark_bg]{background:var(--light-bg);color:var(--dark-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_dark_bg] svg{fill:var(--dark-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_no_bg]{background:var(--dark-bg);color:var(--light-text);text-shadow:none}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=dark_text_no_bg] svg{fill:var(--light-text)}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_no_bg]{background:var(--light-bg);color:var(--dark-text);text-shadow:none}.hy-hero--full-image .hy-hero__actions .hy-hero__link[data-text-color=light_text_no_bg] svg{fill:var(--dark-text)}.hy-hero--full-image .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero--white{margin-top:0}}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts){padding-bottom:48px}}.hy-hero--white:not(.has-shortcuts):after{width:100%;background-color:var(--grayscale-medium-dark);height:1px;content:"";margin:0 auto;display:block}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts):after{position:absolute;left:0;right:0;bottom:0}}.hy-hero--white:not(.hy-hero--front_page):after{max-width:1216px}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:grid;position:relative}}@media (min-width: 60rem){.hy-hero--small .hy-hero__container{grid-template-columns:60% 1fr}}@media (min-width: 60rem){.hy-hero--large .hy-hero__container{grid-template-columns:repeat(2, 1fr)}}.hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}@media (min-width: 30rem){.hy-hero__content-container{padding:40px 2rem}}@media (min-width: 75.0625rem){.hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 24px}}@media (min-width: 1601px){.hy-hero__content-container{max-width:1216px}}.hy-hero--black .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 75.0625rem){.hy-hero--white .hy-hero__content-container{padding:40px 24px 40px 0}}.hy-hero__content{position:relative}h2.hy-hero__title{-ms-hyphens:auto;hyphens:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-hero--blue h2.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--black h2.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--white h2.hy-hero__title{color:var(--grayscale-black) !important}h2.hy-hero__title.hy-heading__hero{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-normal);text-transform:none;letter-spacing:-0.8px;margin-bottom:0;text-transform:none;text-wrap:balance}@media (min-width: 60rem){h2.hy-hero__title.hy-heading__hero{font-size:var(--ds-fontSize-48);line-height:52px;font-stretch:var(--ds-fontWidth-condense)}}.hy-hero__description{color:inherit;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin:16px 0 0 0;padding:0;position:relative;text-wrap:pretty}@media (min-width: 60rem){.hy-hero__description{font-size:var(--ds-fontSize-20)}}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}.hy-hero--black .hy-hero__description{color:var(--grayscale-white)}.hy-hero--blue .hy-hero__description{color:var(--grayscale-white)}.hy-hero--white .hy-hero__description{color:var(--grayscale-black)}.hy-hero__actions{margin-top:24px}.hy-hero__image-container{margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero__image-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__image-container{padding:0}}.hy-image__image{aspect-ratio:var(--aspect-ratio);display:block;height:100%;min-height:205px;-o-object-fit:contain;object-fit:contain;width:100%}.has-cover .hy-image__image{-o-object-fit:cover;object-fit:cover}.hy-hero.hy-hero--group_landing.hy-hero--generic_site_group h2.hy-hero__title.hy-heading__hero,.hy-hero.hy-hero--research_group h2.hy-hero__title.hy-heading__hero{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-normal);text-transform:none;margin-bottom:0}@media (min-width: 60rem){.hy-hero.hy-hero--group_landing.hy-hero--generic_site_group h2.hy-hero__title.hy-heading__hero,.hy-hero.hy-hero--research_group h2.hy-hero__title.hy-heading__hero{font-size:var(--ds-fontSize-48);line-height:52px;font-stretch:var(--ds-fontWidth-condense)}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--white{padding-top:40px;margin-top:0}}.hy-hero.hy-hero--front_page h2.hy-hero__title.hy-heading__hero{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-normal);text-transform:none;letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page h2.hy-hero__title.hy-heading__hero{font-size:var(--ds-fontSize-48);line-height:52px;font-stretch:var(--ds-fontWidth-condense)}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page{margin-left:-32px;margin-right:-32px;max-width:none}}.hy-hero.hy-hero--front_page .hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%;min-height:clamp(330px, 50%, 675px)}.hy-hero--black .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:373px}}@media (min-width: 1160px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:443px}}@media (min-width: 1280px){.hy-hero.hy-hero--front_page .hy-hero__content-container{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:478px}}@media (min-width: 1460px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:513px}}@media (min-width: 1560px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:548px}}@media (min-width: 1601px){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:0}}@media (min-width: 1660px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:583px}}@media (min-width: 1760px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:619px}}@media (min-width: 1860px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:654px}}@media (min-width: 1920px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:675px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__image-container{width:40%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__content{max-width:60%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__image-container{width:50%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__content{max-width:50%}}.hy-hero.hy-hero--front_page .hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero.hy-hero--front_page .hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0;position:absolute;right:0;top:0}}.hy-hero.hy-hero--front_page .hy-hero__content{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content{padding-right:24px}}.hy-hero.hy-hero--front_page .hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;inset:0}}@media (min-width: 60rem){.hy-hero--small .hy-hero__spacer-box{width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__spacer-box{width:50%}}.hy-hero--black .hy-hero__spacer-box{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__spacer-box{background-color:var(--brand-main)}.hy-hero--white .hy-hero__spacer-box{background-color:var(--grayscale-white)}';export{g as hy_hero}
package/dist/huds-lib/hy-link-box_2.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as i,h as t,g as e,H as n}from"./index-2ffe17c9.js";import{l as a}from"./utils-1e7f5184.js";import{j as o}from"./globalScript-7f6ce018.js";const s=class{constructor(t){i(this,t),this.variant=a.default,this.imageUrl=null,this.imageAlt=null,this.disableLazy=!1,this.useSlot=!1,this.showLogo=!1,this.textTitle=void 0,this.textDescription=null,this.url=void 0,this.isExternal=!1,this.scLabel=void 0,this.readMoreLabel=void 0,this.headerstyle="common",this.sourceSet=void 0}srcSetWatcher(i){this._sourceSet="string"==typeof i?JSON.parse(i):i}componentWillLoad(){this.srcSetWatcher(this.sourceSet)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-link-box-container"].join(" "),e=["hy-link-box",this.variant,`hy-link-box__${this.variant}`,this.headerstyle,`hy-link-box__${this.headerstyle}`,this.imageUrl?"hy-link-box--with-image":null].join(" "),n=["hy-link-box__text-container",this.imageUrl?"hy-link-box--with-image":null].join(" "),a=["hy-link-box__text-container__title",`hy-link-box__text-container__title__${this.variant}`,`hy-link-box__text-container__title__${this.headerstyle}`,this.imageUrl?"hy-link-box__text-container__title__image":"",this.imageUrl?"image":""].join(" "),o=["hy-link-box__text-container__description",`hy-link-box__text-container__description__${this.variant}`,`hy-link-box__text-container__description__${this.headerstyle}`].join(" "),s=this.isExternal?"_blank":"_self";return[t("article",{key:"d66398c2e146bdfb114a7df6e9ac9a46e0bb1181",class:i},t("div",{key:"034dbd08272bf8d14646c61f100c328643309730",class:e},this.imageUrl&&t("figure",{class:"hy-link-box__image-container",style:{"--aspectRatio":"62.5%"}},this._sourceSet?t("picture",null,this._sourceSet.map((i=>t("source",{srcSet:i.src,media:i.media,type:i.type,sizes:i.sizes?i.sizes:""}))),t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})):t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})),!this.imageUrl&&this.showLogo&&t("div",{key:"9bb6d340f5c68d1351e79bc99e50b5a24dde1cc2","aria-hidden":"true",class:"hy-link-box__image-container is-image-missing"},t("hy-icon",{key:"8077a642704366f4ecbf951ffc4c9d86edec47cc",class:{"hy-site-logo__icon":!0},icon:"hy-icon-hy-logo"})),t("div",{key:"69dac608e446585af251ea70e12a6079a80de312",class:n},t("h3",{key:"ec3a4c3c5468dd8cfa832b32c9b2e5de93dbbccb",class:a},this.textTitle),this.textDescription&&t("p",{key:"2287836632c27b812675f97c2a326c5c6688ffba",class:o},this.textDescription.length>=141?this.textDescription.slice(0,140)+"...":this.textDescription))),t("a",{key:"e6a1f88304688d2393174f74a75d6074eec3df88","aria-label":this.scLabel||`${this.readMoreLabel} - ${this.textTitle}`,title:this.scLabel||`${this.readMoreLabel} - ${this.textTitle}`,href:this.url,target:s,class:"hy-cta-link hy-cta-link--default"},t("span",{key:"bb5b4dd980f55b67dea7c06baca3c56dd08c79d0","aria-hidden":"true"}),t("span",{key:"9b43019cd8d8a60b54d751144958b76fc021d3fb"},this.readMoreLabel),t("span",{key:"ffddc98795e5810d3a05ba593f3063169774f892",class:"hy-cta-link__icon "+(this.isExternal?"hy-cta-link__icon--external":"")},t("hy-icon",{key:"21accddb6e934ac38507e8fe0b3f6f5990581531",icon:"hy-icon-arrow-to-right",size:24}))))]}get el(){return e(this)}static get watchers(){return{sourceSet:["srcSetWatcher"]}}};s.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{height:100%}.hy-link-box-container{background:var(--grayscale-background-box);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;position:relative}.hy-link-box-container:focus-within{outline:auto}.hy-link-box-container:hover{cursor:pointer}.hy-link-box-container:hover .hy-link-box__text-container__title{color:var(--brand-main);text-decoration:underline}.hy-link-box-container:hover .hy-cta-link{text-decoration:underline}.hy-link-box-container:hover .hy-cta-link .hy-cta-link__icon{background-color:var(--brand-main)}.hy-link-box-container .hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none;margin:0 -8px 24px 0;align-self:flex-end}.hy-link-box-container .hy-cta-link span[aria-hidden=true]{position:absolute;inset:0}.hy-link-box-container .hy-cta-link:focus{outline:none}.hy-link-box-container .hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-link-box-container .hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-link-box-container .hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-link-box__image-container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:"";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__image-container.is-image-missing svg{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:85px;height:auto;fill:#d2d2d2}.hy-link-box__text-container{padding:16px}.hy-link-box__text-container__title{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.42px;-ms-hyphens:auto;hyphens:auto;word-break:break-word;margin:0 0 16px;text-wrap:balance}@media screen and (min-width: 1024px){.hy-link-box__text-container__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.hy-link-box__text-container__description{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);-ms-hyphens:auto;hyphens:auto;margin:0;text-wrap:pretty}@media screen and (min-width: 1024px){.hy-link-box__text-container__description{font-size:1.0625rem;line-height:26px}}';const l=class{constructor(t){i(this,t),this.headerstyle="common",this.variant=a.default,this.readMoreLabel=void 0,this.dataItems=void 0}async componentWillLoad(){this._dataItems=await o(this.dataItems)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-link-box-list",this.variant,`hy-link-box-list__${this.variant}`,`hy-link-box-list__${this.headerstyle}`].join(" "),e=[this.variant,`hy-link-box__${this.variant}`].join(" ");return t(n,{key:"e03e2f8c30348873286da0eee4d71593a04f0f41"},t("ul",{key:"8d01eac632b7b94df38f38dd029b329b14569ade",class:i},this._dataItems.map((i=>t("li",null,t("hy-link-box",{class:e,variant:this.variant,"source-set":i.imageSets,"image-url":i.imageUrl,"image-alt":i.imageAlt,"text-title":i.heading,"text-description":i.description,"show-logo":i.showLogo,url:i.boxUrl,"is-external":i.isExternal,"sc-label":i.ariaLabel,"read-more-label":this.readMoreLabel}))))),t("hy-box",{key:"2ed3ba6e604b1976c2d108584606a295c1a3fdbf",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return e(this)}};l.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-link-box-list{padding:0;margin:0;list-style:none;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-link-box-list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:32px 24px}}@media screen and (min-width: 1024px){.hy-link-box-list{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1920px){.hy-link-box-list{gap:32px}}";export{s as hy_link_box,l as hy_link_box_list}
1
+ import{r as i,h as t,g as e,H as n}from"./index-2ffe17c9.js";import{l as a}from"./utils-1e7f5184.js";import{j as o}from"./globalScript-7f6ce018.js";const s=class{constructor(t){i(this,t),this.variant=a.default,this.imageUrl=null,this.imageAlt=null,this.disableLazy=!1,this.useSlot=!1,this.showLogo=!1,this.textTitle=void 0,this.textDescription=null,this.url=void 0,this.isExternal=!1,this.scLabel=void 0,this.readMoreLabel=void 0,this.headerstyle="common",this.sourceSet=void 0}srcSetWatcher(i){this._sourceSet="string"==typeof i?JSON.parse(i):i}componentWillLoad(){this.srcSetWatcher(this.sourceSet)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-link-box-container"].join(" "),e=["hy-link-box",this.variant,`hy-link-box__${this.variant}`,this.headerstyle,`hy-link-box__${this.headerstyle}`,this.imageUrl?"hy-link-box--with-image":null].join(" "),n=["hy-link-box__text-container",this.imageUrl?"hy-link-box--with-image":null].join(" "),a=["hy-link-box__text-container__title",`hy-link-box__text-container__title__${this.variant}`,`hy-link-box__text-container__title__${this.headerstyle}`,this.imageUrl?"hy-link-box__text-container__title__image":"",this.imageUrl?"image":""].join(" "),o=["hy-link-box__text-container__description",`hy-link-box__text-container__description__${this.variant}`,`hy-link-box__text-container__description__${this.headerstyle}`].join(" "),s=this.isExternal?"_blank":"_self";return[t("article",{key:"d66398c2e146bdfb114a7df6e9ac9a46e0bb1181",class:i},t("div",{key:"034dbd08272bf8d14646c61f100c328643309730",class:e},this.imageUrl&&t("figure",{class:"hy-link-box__image-container",style:{"--aspectRatio":"62.5%"}},this._sourceSet?t("picture",null,this._sourceSet.map((i=>t("source",{srcSet:i.src,media:i.media,type:i.type,sizes:i.sizes?i.sizes:""}))),t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})):t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})),!this.imageUrl&&this.showLogo&&t("div",{key:"9bb6d340f5c68d1351e79bc99e50b5a24dde1cc2","aria-hidden":"true",class:"hy-link-box__image-container is-image-missing"},t("hy-icon",{key:"8077a642704366f4ecbf951ffc4c9d86edec47cc",class:{"hy-site-logo__icon":!0},icon:"hy-icon-hy-logo"})),t("div",{key:"69dac608e446585af251ea70e12a6079a80de312",class:n},t("h3",{key:"1aa734fe8717d0ba44efa495bb92c8a5a58e1430",class:a,innerHTML:this.textTitle}),this.textDescription&&t("p",{key:"8f00cfb1b3cbb2036a1007e90321d3a12ac08308",class:o,innerHTML:this.textDescription.length>=141?this.textDescription.slice(0,140)+"...":this.textDescription}))),t("a",{key:"eb1fab1765d75d53d01f50de210048c640873fe3","aria-label":this.scLabel||`${this.readMoreLabel} - ${this.textTitle}`,title:this.scLabel||`${this.readMoreLabel} - ${this.textTitle}`,href:this.url,target:s,class:"hy-cta-link hy-cta-link--default"},t("span",{key:"c36c8d6d55c68096592787b8482c1def9c394e9e","aria-hidden":"true"}),t("span",{key:"f90967f30756db358c74a448329014ffb78c54e3"},this.readMoreLabel),t("span",{key:"527928255a66bbddd03ed84a2c22a2306c343b5e",class:"hy-cta-link__icon "+(this.isExternal?"hy-cta-link__icon--external":"")},t("hy-icon",{key:"840e7fbeebaa6633655d3227b9144cf959a6ae5f",icon:"hy-icon-arrow-to-right",size:24}))))]}get el(){return e(this)}static get watchers(){return{sourceSet:["srcSetWatcher"]}}};s.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{height:100%}.hy-link-box-container{background:var(--grayscale-background-box);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;position:relative}.hy-link-box-container:focus-within{outline:auto}.hy-link-box-container:hover{cursor:pointer}.hy-link-box-container:hover .hy-link-box__text-container__title{color:var(--brand-main);text-decoration:underline}.hy-link-box-container:hover .hy-cta-link{text-decoration:underline}.hy-link-box-container:hover .hy-cta-link .hy-cta-link__icon{background-color:var(--brand-main)}.hy-link-box-container .hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none;margin:0 -8px 24px 0;align-self:flex-end}.hy-link-box-container .hy-cta-link span[aria-hidden=true]{position:absolute;inset:0}.hy-link-box-container .hy-cta-link:focus{outline:none}.hy-link-box-container .hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-link-box-container .hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-link-box-container .hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-link-box__image-container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:"";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__image-container.is-image-missing svg{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:85px;height:auto;fill:var(--grayscale-light)}.hy-link-box__text-container{padding:16px}.hy-link-box__text-container__title{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none;-ms-hyphens:auto;hyphens:auto;word-break:break-word;margin:0 0 16px;text-wrap:balance}@media (min-width: 60rem){.hy-link-box__text-container__title{font-size:var(--ds-fontSize-24);line-height:24px}}.hy-link-box__text-container__description{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);-ms-hyphens:auto;hyphens:auto;margin:0;text-wrap:pretty}@media (min-width: 60rem){.hy-link-box__text-container__description{font-size:var(--ds-fontSize-16)}}';const l=class{constructor(t){i(this,t),this.headerstyle="common",this.variant=a.default,this.readMoreLabel=void 0,this.dataItems=void 0}async componentWillLoad(){this._dataItems=await o(this.dataItems)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-link-box-list",this.variant,`hy-link-box-list__${this.variant}`,`hy-link-box-list__${this.headerstyle}`].join(" "),e=[this.variant,`hy-link-box__${this.variant}`].join(" ");return t(n,{key:"e03e2f8c30348873286da0eee4d71593a04f0f41"},t("ul",{key:"8d01eac632b7b94df38f38dd029b329b14569ade",class:i},this._dataItems.map((i=>t("li",null,t("hy-link-box",{class:e,variant:this.variant,"source-set":i.imageSets,"image-url":i.imageUrl,"image-alt":i.imageAlt,"text-title":i.heading,"text-description":i.description,"show-logo":i.showLogo,url:i.boxUrl,"is-external":i.isExternal,"sc-label":i.ariaLabel,"read-more-label":this.readMoreLabel}))))),t("hy-box",{key:"2ed3ba6e604b1976c2d108584606a295c1a3fdbf",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return e(this)}};l.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-link-box-list{padding:0;margin:0;list-style:none;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-link-box-list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:32px 24px}}@media screen and (min-width: 1024px){.hy-link-box-list{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1920px){.hy-link-box-list{gap:32px}}";export{s as hy_link_box,l as hy_link_box_list}
package/dist/huds-lib/hy-link-list.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as i,h as t,g as e}from"./index-2ffe17c9.js";import{h as l}from"./utils-1e7f5184.js";import{j as n}from"./globalScript-7f6ce018.js";const s=class{constructor(t){i(this,t),this.headerstyle="default",this.dataItems=void 0,this.listHeading="",this.variation=void 0,this.headingVariant="h2"}async componentWillLoad(){this._dataItems=await n(this.dataItems)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=l.linkList,e=this.headingVariant.toLowerCase();let n="col-3";return 7!==this._dataItems.length&&this._dataItems.length%4!=0||(n="col-4"),[t("section",{key:"3b02df7ee1756e2bb68ad47d1a4825b21b6e17fd",class:`hy-link-list hy-link-list__${this.headerstyle}`},this.listHeading.length>0&&t(e,{key:"9a1896d97a2a6faafb166a264d1f35b8dd978a33",class:"hy-link-list__title"},this.listHeading),t("ul",{key:"737978fbd1bcdf99f7c8be78bed23dd5bccb3ba2",class:`hy-link-list__links hy-link-list__links--${this.variation} ${"grid"===this.variation?n:""}`},this._dataItems.map((({heading:e,ariaLabel:l,url:n,isExternal:s})=>t("li",{class:"hy-link-list__links-item"},t("hy-cta-link",{variant:i,"link-content":e,"sc-label":l,url:n,"is-external":s}))))))]}get el(){return e(this)}};s.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-link-list{margin-bottom:32px}.hy-link-list__links{display:grid;gap:16px;list-style:none;margin:0;padding:0}@media (min-width: 30rem){.hy-link-list__links--grid{gap:16px 24px;grid-template-columns:repeat(2, 1fr)}}@media (min-width: 60rem){.without-sidebar .hy-link-list__links--grid.col-3{gap:16px 24px;grid-template-columns:repeat(3, 1fr)}}@media (min-width: 75.0625rem){.without-sidebar .hy-link-list__links--grid.col-3{gap:16px 32px}}@media (min-width: 60rem){.without-sidebar .hy-link-list__links--grid.col-4{gap:16px 24px;grid-template-columns:repeat(4, 1fr)}}@media (min-width: 75.0625rem){.without-sidebar .hy-link-list__links--grid.col-4{gap:16px 32px}}@media (min-width: 75.0625rem){.with-sidebar .hy-link-list__links--grid.col-3{gap:16px 24px;grid-template-columns:repeat(3, 1fr)}}@media (min-width: 1601px){.with-sidebar .hy-link-list__links--grid.col-3{gap:16px 32px}}@media (min-width: 75.0625rem){.with-sidebar .hy-link-list__links--grid.col-4{gap:16px 24px;grid-template-columns:repeat(4, 1fr)}}@media (min-width: 1601px){.with-sidebar .hy-link-list__links--grid.col-4{gap:16px 32px}}.hy-link-list__title{font-weight:700;font-family:var(--main-font-family);margin:0 0 32px;color:var(--brand-main-nearly-black)}.is-content-page h2.hy-link-list__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.82px}@media (min-width: 30rem){.is-content-page h2.hy-link-list__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar .is-content-page h2.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar .is-content-page h2.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.is-front-page h2.hy-link-list__title,.is-landing-page h2.hy-link-list__title{font-size:1.75rem;line-height:32px;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.is-front-page h2.hy-link-list__title,.is-landing-page h2.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h2.hy-link-list__title,.without-sidebar .is-landing-page h2.hy-link-list__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 1601px){.with-sidebar .is-front-page h2.hy-link-list__title,.with-sidebar .is-landing-page h2.hy-link-list__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-two-columns h2.hy-link-list__title{font-size:1.125rem;line-height:22px;letter-spacing:-0.45px;margin-bottom:16px;text-transform:none}@media (min-width: 75.0625rem){.without-sidebar .hy-two-columns h2.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.with-sidebar .hy-two-columns h2.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}.is-content-page h3.hy-link-list__title{font-size:1.3125rem;line-height:28px;letter-spacing:-0.42px}@media (min-width: 30rem){.is-content-page h3.hy-link-list__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.is-front-page h3.hy-link-list__title,.is-landing-page h3.hy-link-list__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.52px}@media (min-width: 30rem){.is-front-page h3.hy-link-list__title,.is-landing-page h3.hy-link-list__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h3.hy-link-list__title,.without-sidebar .is-landing-page h3.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar .is-front-page h3.hy-link-list__title,.with-sidebar .is-landing-page h3.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-two-columns h3.hy-link-list__title{font-size:1.125rem;line-height:22px;letter-spacing:-0.45px;margin-bottom:16px;text-transform:none}@media (min-width: 75.0625rem){.without-sidebar .hy-two-columns h3.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.with-sidebar .hy-two-columns h3.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}";export{s as hy_link_list}
1
+ import{r as i,h as t,g as e}from"./index-2ffe17c9.js";import{h as l}from"./utils-1e7f5184.js";import{j as n}from"./globalScript-7f6ce018.js";const s=class{constructor(t){i(this,t),this.headerstyle="default",this.dataItems=void 0,this.listHeading="",this.variation=void 0,this.headingVariant="h2"}async componentWillLoad(){this._dataItems=await n(this.dataItems)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=l.linkList,e=this.headingVariant.toLowerCase();let n="col-3";return 7!==this._dataItems.length&&this._dataItems.length%4!=0||(n="col-4"),[t("section",{key:"3b02df7ee1756e2bb68ad47d1a4825b21b6e17fd",class:`hy-link-list hy-link-list__${this.headerstyle}`},this.listHeading.length>0&&t(e,{key:"9a1896d97a2a6faafb166a264d1f35b8dd978a33",class:"hy-link-list__title"},this.listHeading),t("ul",{key:"737978fbd1bcdf99f7c8be78bed23dd5bccb3ba2",class:`hy-link-list__links hy-link-list__links--${this.variation} ${"grid"===this.variation?n:""}`},this._dataItems.map((({heading:e,ariaLabel:l,url:n,isExternal:s})=>t("li",{class:"hy-link-list__links-item"},t("hy-cta-link",{variant:i,"link-content":e,"sc-label":l,url:n,"is-external":s}))))))]}get el(){return e(this)}};s.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-link-list{margin-bottom:32px}.hy-link-list__links{display:grid;gap:16px;list-style:none;margin:0;padding:0}@media (min-width: 30rem){.hy-link-list__links--grid{gap:16px 24px;grid-template-columns:repeat(2, 1fr)}}@media (min-width: 60rem){.without-sidebar .hy-link-list__links--grid.col-3{gap:16px 24px;grid-template-columns:repeat(3, 1fr)}}@media (min-width: 75.0625rem){.without-sidebar .hy-link-list__links--grid.col-3{gap:16px 32px}}@media (min-width: 60rem){.without-sidebar .hy-link-list__links--grid.col-4{gap:16px 24px;grid-template-columns:repeat(4, 1fr)}}@media (min-width: 75.0625rem){.without-sidebar .hy-link-list__links--grid.col-4{gap:16px 32px}}@media (min-width: 75.0625rem){.with-sidebar .hy-link-list__links--grid.col-3{gap:16px 24px;grid-template-columns:repeat(3, 1fr)}}@media (min-width: 1601px){.with-sidebar .hy-link-list__links--grid.col-3{gap:16px 32px}}@media (min-width: 75.0625rem){.with-sidebar .hy-link-list__links--grid.col-4{gap:16px 24px;grid-template-columns:repeat(4, 1fr)}}@media (min-width: 1601px){.with-sidebar .hy-link-list__links--grid.col-4{gap:16px 32px}}.hy-link-list__title{font-weight:700;font-family:var(--main-font-family);margin:0 0 32px;color:var(--brand-main-nearly-black)}.is-content-page h2.hy-link-list__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.82px}@media (min-width: 30rem){.is-content-page h2.hy-link-list__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar .is-content-page h2.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar .is-content-page h2.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.is-front-page h2.hy-link-list__title,.is-landing-page h2.hy-link-list__title{font-size:1.75rem;line-height:32px;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.is-front-page h2.hy-link-list__title,.is-landing-page h2.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h2.hy-link-list__title,.without-sidebar .is-landing-page h2.hy-link-list__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 1601px){.with-sidebar .is-front-page h2.hy-link-list__title,.with-sidebar .is-landing-page h2.hy-link-list__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-two-columns h2.hy-link-list__title{font-size:1.125rem;line-height:22px;letter-spacing:-0.45px;margin-bottom:16px;text-transform:none}@media (min-width: 75.0625rem){.without-sidebar .hy-two-columns h2.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.with-sidebar .hy-two-columns h2.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}.is-content-page h3.hy-link-list__title{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none}@media (min-width: 60rem){.is-content-page h3.hy-link-list__title{font-size:var(--ds-fontSize-24);line-height:24px}}.is-front-page h3.hy-link-list__title,.is-landing-page h3.hy-link-list__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;text-transform:none;}@media (min-width: 60rem){.is-front-page h3.hy-link-list__title,.is-landing-page h3.hy-link-list__title{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.hy-two-columns h3.hy-link-list__title{font-size:1.125rem;line-height:22px;letter-spacing:-0.45px;margin-bottom:16px;text-transform:none}@media (min-width: 75.0625rem){.without-sidebar .hy-two-columns h3.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.with-sidebar .hy-two-columns h3.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}";export{s as hy_link_list}
package/dist/huds-lib/hy-list-item.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as i,h as e,g as t}from"./index-2ffe17c9.js";import{L as n}from"./utils-1e7f5184.js";let o={enter:"Enter",space:"Space"};const a=class{constructor(e){i(this,e),this.isExpandedRelatedContent=!1,this.variant=n.default,this.itemType=void 0,this.itemTitle=void 0,this.itemDescription=void 0,this.url=void 0,this.isExternal=!1,this.scLabel=void 0,this.itemImageUrl=void 0,this.itemImageAlt=void 0,this.disableLazy=!1,this.relatedLinksBlockTitle=void 0,this.relatedLinks=void 0,this.imageLabel=void 0,this.outGoingUrlLabel="Go to programme page",this.additionalInfo=void 0,this.headerstyle="common",this.sourceSet=void 0,this.truncateDescription=!1,this.truncateLimit=140,this._imageMinHeight=0,this._imageMinWidth=0}relatedLinksWatcher(i){this._relatedLinks="string"==typeof i?JSON.parse(i):i}additionalInfoWatcher(i){this._additionalInfo="string"==typeof i?JSON.parse(i):i}srcSetWatcher(i){this._sourceSet="string"==typeof i?JSON.parse(i):i}expandRelatedInfoPanel(i){let e=`hy-list-item-wrapper__${this.variant}__related-info__content`,t="hy-list-item-wrapper__degree__related-info__heading__button",n=document.querySelectorAll(`[aria-labelledBy="${i.id}"]`)[0];n&&(this.isExpandedRelatedContent?(n.classList.remove(`${e}__is-open`),i.classList.remove(`${t}__is-open`)):(n.classList.add(`${e}__is-open`),i.classList.add(`${t}__is-open`)),this.isExpandedRelatedContent=!this.isExpandedRelatedContent)}handleKeyDown(i){const e=i.code;let t=i.target;const n=t.tagName.toLowerCase(),a=[n].some((i=>["svg","path","button","a"].indexOf(i)>=0));t&&a&&!t.classList.contains("hy-list-item-wrapper__degree__related-info__link")&&[o.enter,o.space].includes(e)&&("button"!==n&&(t=t.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`)),this.expandRelatedInfoPanel(t),i.preventDefault())}handleClick(i){let e=i.target;const t=e.tagName.toLowerCase(),n=[t].some((i=>["svg","path","button","a"].indexOf(i)>=0));e&&n&&!e.classList.contains("hy-list-item-wrapper__degree__related-info__link")&&("button"!==t&&(e=e.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`)),this.expandRelatedInfoPanel(e),i.preventDefault(),i.stopImmediatePropagation())}componentWillLoad(){this.relatedLinksWatcher(this.relatedLinks),this.additionalInfoWatcher(this.additionalInfo),this.srcSetWatcher(this.sourceSet)}componentDidLoad(){let i=this.el.closest(".hy-main");if(i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large")),this.variant==n.degreeProgramme){const i=document.querySelector(".hy-list-item__degree__image-container__image img");i&&i.addEventListener("load",(function(){const e=i.naturalHeight,t=i.naturalWidth,n=t/e;this._imageMinWidth=t,this._imageMinHeight=e,n>1?this._imageMinWidth=1*e:n<1&&(this._imageMinHeight=t/1)}))}}render(){const i=["hy-list-item-wrapper",`hy-list-item-wrapper__${this.variant}`,`hy-list-item-wrapper__${this.variant}__${this.headerstyle}`].join(" "),t=["hy-list-item",`hy-list-item__${this.variant}`].join(" "),o=[`hy-list-item__${this.variant}__info-container`,`hy-list-item__${this.variant}__info-container__${this.headerstyle}`].join(" "),a=[`hy-list-item__${this.variant}__info-container__header`,`hy-list-item__${this.variant}__info-container__header__${this.headerstyle}`].join(" "),r=[`hy-list-item__${this.variant}__info-container__title`,`hy-list-item__${this.variant}__info-container__title__${this.headerstyle}`].join(" "),_=[`hy-list-item__${this.variant}__info-container__description`,`hy-list-item__${this.variant}__info-container__description__${this.headerstyle}`].join(" "),l=[`hy-list-item__${this.variant}__info-container__link-container`].join(" "),s=[`hy-list-item__${this.variant}__info-container__link__icon`].join(" "),d=[`hy-list-item__${this.variant}__info-container__link`].join(" "),m=this.isExternal?"_blank":"_self";switch(this.variant){case n.position:{const i=[`hy-list-item__${this.variant}__info-container__outgoing-link`,`hy-list-item__${this.variant}__info-container__outgoing-link__${this.headerstyle}`].join(" ");return e("div",{class:"hy-list-item__wrapper"},e("a",{class:t,href:this.url,target:m,"aria-label":this.scLabel},e("div",{class:o},e("div",{class:a},e("div",{class:"icon"},e("hy-icon",{icon:"hy-icon-units-and-faculties",size:18})),this.itemType),e("div",{class:r},this.itemTitle),this.itemDescription&&e("div",{class:_,innerHTML:this.truncateDescription?(h=this.itemDescription,p=this.truncateLimit,h.length>p?h.substr(0,p-1)+"...":h):this.itemDescription})),e("div",{class:i},e("span",{class:"icon"},e("hy-icon",{icon:"hy-icon-done",size:14})),e("span",{class:"label"},this.outGoingUrlLabel))))}case n.degreeProgramme:{const n=[`hy-list-item__${this.variant}__image-container`].join(" "),a=[`hy-list-item__${this.variant}__image-container__image`].join(" "),l=[`hy-list-item__${this.variant}__info-container__additional-info`,`hy-list-item__${this.variant}__info-container__additional-info__${this.headerstyle}`].join(" "),s=[`hy-list-item__${this.variant}__info-container__metadata-wrapper`,this._additionalInfo&&this._additionalInfo.length>0?"":"link-only"].join(" "),d=[`hy-list-item__${this.variant}__info-container__content-wrapper`].join(" "),h=[`hy-list-item__${this.variant}__info-container__outgoing-link`,`hy-list-item__${this.variant}__info-container__outgoing-link__${this.headerstyle}`].join(" "),p=[`hy-list-item__${this.variant}__info-container__outgoing-link__link`].join(" "),c=[`hy-list-item-wrapper__${this.variant}__related-info`,`hy-list-item-wrapper__${this.variant}__related-info__${this.headerstyle}`].join(" "),g=[`hy-list-item-wrapper__${this.variant}__related-info__heading`].join(" "),f=[`hy-list-item-wrapper__${this.variant}__related-info__heading__link`].join(" "),x=[`hy-list-item-wrapper__${this.variant}__related-info__heading__button`].join(" "),b=[`hy-list-item-wrapper__${this.variant}__related-info__heading__icon`].join(" "),y=[`hy-list-item-wrapper__${this.variant}__related-info__content`].join(" "),w=[`hy-list-item-wrapper__${this.variant}__related-info__link`].join(" "),k=this.relatedLinksBlockTitle&&this.relatedLinksBlockTitle.length>0?`${this.itemTitle}-${this.relatedLinksBlockTitle}`.toLowerCase().replace(/\W/g,"-"):"",u="#"+k+"--title",v=this.relatedLinksBlockTitle&&this.relatedLinksBlockTitle.length>0?this._relatedLinks.length:"";return[e("article",{class:i},e("a",{class:t,href:this.url,target:m,"aria-label":this.scLabel},e("div",{class:n},e("div",{class:a},this._sourceSet?e("picture",null,this._sourceSet.map((i=>e("source",{srcSet:i.src,media:i.media,type:i.type,sizes:i.sizes?i.sizes:""}))),e("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.itemImageUrl,alt:this.itemImageAlt,style:{"--minheight":`${this._imageMinHeight}px`,"--minwidth":`${this._imageMinWidth}px`}})):e("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.itemImageUrl,alt:this.itemImageAlt,style:{"--minheight":`${this._imageMinHeight}px`,"--minwidth":`${this._imageMinWidth}px`}})),this.imageLabel&&e("span",null,this.imageLabel)),e("div",{class:o},e("div",{class:d},e("div",{class:r},this.itemTitle),this.itemDescription&&e("div",{class:_,innerHTML:this.itemDescription})),e("div",{class:s},this._additionalInfo&&e("div",{class:l},this._additionalInfo.map((i=>{let t=[`hy-list-item__${this.variant}__info-container__additional-info__item`,`hy-list-item__${this.variant}__info-container__additional-info__item__${this.headerstyle}`,"true"==i.isActive.toString()?"active":""].join(" ");return e("div",{class:t},i.text)}))),e("div",{class:h},e("a",{href:this.url,target:m,"aria-label":this.scLabel,class:p,tabindex:"-1"},e("span",{class:"label"},this.outGoingUrlLabel),e("span",{class:"icon-wrapper"},e("div",{class:"icon"},e("hy-icon",{icon:"hy-icon-arrow-to-right",size:32})))))))),this.relatedLinksBlockTitle&&e("div",{class:c},e("div",{class:g},e("a",{href:u,class:f,tabindex:"-1"},e("button",{"aria-expanded":"false","aria-controls":`${k}--content`,class:x,id:`${k}--title`},e("span",{class:b},e("hy-icon",{icon:"hy-icon-caret-down",size:14})),this.relatedLinksBlockTitle," (",v,")"))),e("div",{class:y,"aria-labelledBy":`${k}--title`,id:`${k}--content`,role:"region","aria-hidden":"true"},this._relatedLinks.map((i=>e("a",{class:w,href:i.url,target:m,"aria-label":i.isExternal?"_blank":"_self"},i.label))))))]}default:return e("article",null,e("a",{class:t,href:this.url,target:m,"aria-label":this.scLabel},e("div",{class:o},e("div",{class:a},this.itemType),e("div",{class:r},this.itemTitle),e("div",{class:l},e("span",{class:s},e("hy-icon",{icon:"hy-icon-link",size:15})),e("div",{class:d},this.url)),this.itemDescription&&e("div",{class:_,innerHTML:this.itemDescription}))))}var h,p}get el(){return t(this)}static get watchers(){return{relatedLinks:["relatedLinksWatcher"],additionalInfo:["additionalInfoWatcher"],sourceSet:["srcSetWatcher"]}}};a.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);text-decoration:none}.hy-list-item__default{margin-bottom:28px}@media (min-width: 60rem){.hy-list-item__default{margin-bottom:32px}}.hy-list-item__default__info-container__header{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:4px}@media (min-width: 30rem){.hy-list-item__default__info-container__header{font-size:0.875rem;line-height:18px;margin-bottom:2px}}.hy-list-item__default__info-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.56px;margin-bottom:6px}@media (min-width: 30rem){.hy-list-item__default__info-container__title{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;margin-bottom:10px}}@media (min-width: 1601px){.hy-list-item__default__info-container__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:8px}}@media (min-width: 75.0625rem){.hy-list-item__default__info-container__title__large{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:8px}}.hy-list-item__default__info-container__link-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:6px}@media (min-width: 30rem){.hy-list-item__default__info-container__link-container{margin-bottom:8px}}.hy-list-item__default__info-container__link{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);letter-spacing:-0.07px;margin-left:4px}@media (min-width: 30rem){.hy-list-item__default__info-container__link{margin-left:5px}}.hy-list-item__default__info-container__link__icon svg{fill:var(--grayscale-dark)}.hy-list-item__default__info-container__description{font-size:0.875rem;line-height:20px;color:var(--grayscale-black);letter-spacing:0}@media (min-width: 30rem){.hy-list-item__default__info-container__description{font-size:1rem;line-height:24px}}.hy-list-item__position{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 30rem){.hy-list-item__position{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-list-item__position__info-container{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-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:12px;position:relative}@media (min-width: 60rem){.hy-list-item__position__info-container{padding:12px 16px}}@media (min-width: 1601px){.hy-list-item__position__info-container{padding:20px 24px}}.hy-list-item__position__info-container__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;color:var(--brand-main);font-family:var(--main-font-family);font-size:14px;font-weight:600;letter-spacing:-0.2px;line-height:14px;margin-bottom:14px}.hy-list-item__position__info-container__header .icon{margin-right:0.75rem}.hy-list-item__position__info-container__header .icon svg{fill:var(--brand-main)}@media (min-width: 75.0625rem){.hy-list-item__position__info-container__large{padding:20px 24px}}.hy-list-item__position__info-container__data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-list-item__position__info-container__title{font-size:1.125rem;line-height:20px;font-weight:700;font-family:var(--main-font-family);color:var(--grayscale-black);margin-bottom:12px;letter-spacing:-0.45px;line-height:22px}@media (min-width: 30rem){.hy-list-item__position__info-container__title{letter-spacing:-0.5px}}.hy-list-item__position__info-container__description{font-size:0.875rem;color:var(--grayscale-dark-text);display:none;font-family:var(--main-font-family);letter-spacing:0.8px;margin-bottom:14px;line-height:20px}@media (min-width: 30rem){.hy-list-item__position__info-container__description{display:block}}.hy-list-item__position__info-container__outgoing-link{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:relative;padding:0 24px 24px 12px}@media (min-width: 30rem){.hy-list-item__position__info-container__outgoing-link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 24px 24px 0}}.hy-list-item__position__info-container__outgoing-link .label{color:var(--link-blue);font-family:var(--main-font-family);font-size:16px;font-weight:600;letter-spacing:-0.3px;line-height:20px}.hy-list-item__position__info-container__outgoing-link .icon{margin-right:4px;margin-bottom:2px}.hy-list-item__position__info-container__outgoing-link .icon svg{fill:var(--link-blue)}.hy-list-item__degree{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 30rem){.hy-list-item__degree{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-list-item__degree__image-container{display:block;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}@media (min-width: 30rem){.hy-list-item__degree__image-container{-webkit-box-flex:0;-ms-flex:0 0 24%;flex:0 0 24%}}.hy-list-item__degree__image-container__image{vertical-align:bottom;max-width:100%;height:100%}.hy-list-item__degree__image-container__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hy-list-item__degree__image-container span{font-weight:600;font-size:0.75rem;line-height:14px;background-color:var(--additional-yellow);-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);color:var(--grayscale-black);left:-4px;letter-spacing:-0.07px;padding:5px 8px;position:absolute;top:16px;text-transform:uppercase}@media (min-width: 30rem){.hy-list-item__degree__image-container span{left:-8px}}@media (min-width: 60rem){.hy-list-item__degree__image-container span{top:22px}}.hy-list-item__degree__info-container{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-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:12px;position:relative}@media (min-width: 60rem){.hy-list-item__degree__info-container{padding:12px 16px}}@media (min-width: 1601px){.hy-list-item__degree__info-container{padding:20px 24px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__large{padding:20px 24px}}.hy-list-item__degree__info-container__data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-list-item__degree__info-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--link-blue);letter-spacing:-0.54px;margin-bottom:8px}@media (min-width: 60rem){.hy-list-item__degree__info-container__title{font-size:1.125rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.hy-list-item__degree__info-container__title{font-size:1.25rem;line-height:26px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__title__large{font-size:1.25rem;line-height:26px;letter-spacing:-0.6px}}.hy-list-item__degree__info-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:16px}@media (min-width: 60rem){.hy-list-item__degree__info-container__description{letter-spacing:-0.2}}@media (min-width: 1601px){.hy-list-item__degree__info-container__description{font-size:1rem;line-height:20px;letter-spacing:-0.25px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__description__large{font-size:1rem;line-height:20px;letter-spacing:-0.25px}}.hy-list-item__degree__info-container__metadata-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px;width:100%}@media (min-width: 30rem){.hy-list-item__degree__info-container__metadata-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.hy-list-item__degree__info-container__metadata-wrapper.link-only{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.hy-list-item__degree__info-container__additional-info{width:100%}.hy-list-item__degree__info-container__additional-info__item{font-size:0.75rem;line-height:16px;font-weight:300;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;letter-spacing:-0.2px}@media (min-width: 1601px){.hy-list-item__degree__info-container__additional-info__item{font-size:0.875rem;line-height:16px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__additional-info__item__large{font-size:0.875rem;line-height:16px}}.hy-list-item__degree__info-container__additional-info__item.active::before{content:" ";-webkit-box-sizing:border-box;box-sizing:border-box;height:14px;width:14px;border:3px solid #ffffff;border-radius:50%;background-color:#f9a21a;left:-7px;position:absolute}@media (min-width: 30rem){.hy-list-item__degree__info-container__additional-info__item.active::before{border:none;height:8px;margin-right:6px;width:8px;left:0;position:relative}}.hy-list-item__degree__info-container__outgoing-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;width:100%}.hy-list-item__degree__info-container__outgoing-link a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;right:-18px;text-decoration:none}@media (min-width: 60rem){.hy-list-item__degree__info-container__outgoing-link a{right:-22px}}@media (min-width: 1601px){.hy-list-item__degree__info-container__outgoing-link a{right:-30px}}.hy-list-item__degree__info-container__outgoing-link a .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.5px;margin-right:8px;text-align:right}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper{background-color:var(--brand-main-light);z-index:10}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon{position:relative;overflow:hidden}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);fill:var(--grayscale-white);padding:6.4px}@media (min-width: 1601px){.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon svg{height:36px;width:36px;padding:7.2px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__outgoing-link__large svg{height:36px;width:36px;padding:7.2px}}.hy-list-item-wrapper{font-family:var(--main-font-family)}.hy-list-item-wrapper__degree{margin-bottom:16px}@media (min-width: 30rem){.hy-list-item-wrapper__degree{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:24px}}@media (min-width: 60rem){.hy-list-item-wrapper__degree{margin-bottom:28px}}@media (min-width: 1601px){.hy-list-item-wrapper__degree{margin-bottom:32px}}@media (min-width: 75.0625rem){.hy-list-item-wrapper__degree__large{margin-bottom:32px}}.hy-list-item-wrapper__degree__related-info{background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);margin-top:4px;padding:0 12px 0 16px}@media (min-width: 30rem){.hy-list-item-wrapper__degree__related-info{padding:0 24px 0 16px}}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info{margin-top:6px;padding:0 24px 0 24px}}@media (min-width: 1601px){.hy-list-item-wrapper__degree__related-info{margin-top:8px}}@media (min-width: 75.0625rem){.hy-list-item-wrapper__degree__related-info__large{margin-top:8px}}.hy-list-item-wrapper__degree__related-info__heading__link{text-decoration:none}.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);border:none;color:var(--grayscale-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);letter-spacing:-0.2px;height:100%;padding:8px 0;text-align:left;width:100%}@media (min-width: 30rem){.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.75rem;line-height:20px;padding:14px 0}}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.875rem;line-height:20px;letter-spacing:-0.4px;padding:18px 0}}.hy-list-item-wrapper__degree__related-info__heading__button:hover{cursor:pointer}.hy-list-item-wrapper__degree__related-info__heading__button__is-open svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-list-item-wrapper__degree__related-info__heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__icon{margin-right:12px}}.hy-list-item-wrapper__degree__related-info__heading__icon svg{fill:var(--brand-main);height:14px;width:14px}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__icon svg{height:18px;width:18px}}.hy-list-item-wrapper__degree__related-info__content{display:none}.hy-list-item-wrapper__degree__related-info__content__is-open{border-top:1px solid #d2d2d2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px 8px 5px 8px}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__content__is-open{padding:20px 0 14px 0}}.hy-list-item-wrapper__degree__related-info__link{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.4px;margin-bottom:16px;text-decoration:none}';export{a as hy_list_item}
1
+ import{r as i,h as e,g as t}from"./index-2ffe17c9.js";import{L as n}from"./utils-1e7f5184.js";let o={enter:"Enter",space:"Space"};const a=class{constructor(e){i(this,e),this.isExpandedRelatedContent=!1,this.variant=n.default,this.itemType=void 0,this.itemTitle=void 0,this.itemDescription=void 0,this.url=void 0,this.isExternal=!1,this.scLabel=void 0,this.itemImageUrl=void 0,this.itemImageAlt=void 0,this.disableLazy=!1,this.relatedLinksBlockTitle=void 0,this.relatedLinks=void 0,this.imageLabel=void 0,this.outGoingUrlLabel="Go to programme page",this.additionalInfo=void 0,this.headerstyle="common",this.sourceSet=void 0,this.truncateDescription=!1,this.truncateLimit=140,this._imageMinHeight=0,this._imageMinWidth=0}relatedLinksWatcher(i){this._relatedLinks="string"==typeof i?JSON.parse(i):i}additionalInfoWatcher(i){this._additionalInfo="string"==typeof i?JSON.parse(i):i}srcSetWatcher(i){this._sourceSet="string"==typeof i?JSON.parse(i):i}expandRelatedInfoPanel(i){let e=`hy-list-item-wrapper__${this.variant}__related-info__content`,t="hy-list-item-wrapper__degree__related-info__heading__button",n=document.querySelectorAll(`[aria-labelledBy="${i.id}"]`)[0];n&&(this.isExpandedRelatedContent?(n.classList.remove(`${e}__is-open`),i.classList.remove(`${t}__is-open`)):(n.classList.add(`${e}__is-open`),i.classList.add(`${t}__is-open`)),this.isExpandedRelatedContent=!this.isExpandedRelatedContent)}handleKeyDown(i){const e=i.code;let t=i.target;const n=t.tagName.toLowerCase(),a=[n].some((i=>["svg","path","button","a"].indexOf(i)>=0));t&&a&&!t.classList.contains("hy-list-item-wrapper__degree__related-info__link")&&[o.enter,o.space].includes(e)&&("button"!==n&&(t=t.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`)),this.expandRelatedInfoPanel(t),i.preventDefault())}handleClick(i){let e=i.target;const t=e.tagName.toLowerCase(),n=[t].some((i=>["svg","path","button","a"].indexOf(i)>=0));e&&n&&!e.classList.contains("hy-list-item-wrapper__degree__related-info__link")&&("button"!==t&&(e=e.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`)),this.expandRelatedInfoPanel(e),i.preventDefault(),i.stopImmediatePropagation())}componentWillLoad(){this.relatedLinksWatcher(this.relatedLinks),this.additionalInfoWatcher(this.additionalInfo),this.srcSetWatcher(this.sourceSet)}componentDidLoad(){let i=this.el.closest(".hy-main");if(i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large")),this.variant==n.degreeProgramme){const i=document.querySelector(".hy-list-item__degree__image-container__image img");i&&i.addEventListener("load",(function(){const e=i.naturalHeight,t=i.naturalWidth,n=t/e;this._imageMinWidth=t,this._imageMinHeight=e,n>1?this._imageMinWidth=1*e:n<1&&(this._imageMinHeight=t/1)}))}}render(){const i=["hy-list-item-wrapper",`hy-list-item-wrapper__${this.variant}`,`hy-list-item-wrapper__${this.variant}__${this.headerstyle}`].join(" "),t=["hy-list-item",`hy-list-item__${this.variant}`].join(" "),o=[`hy-list-item__${this.variant}__info-container`,`hy-list-item__${this.variant}__info-container__${this.headerstyle}`].join(" "),a=[`hy-list-item__${this.variant}__info-container__header`,`hy-list-item__${this.variant}__info-container__header__${this.headerstyle}`].join(" "),r=[`hy-list-item__${this.variant}__info-container__title`,`hy-list-item__${this.variant}__info-container__title__${this.headerstyle}`].join(" "),_=[`hy-list-item__${this.variant}__info-container__description`,`hy-list-item__${this.variant}__info-container__description__${this.headerstyle}`].join(" "),l=[`hy-list-item__${this.variant}__info-container__link-container`].join(" "),s=[`hy-list-item__${this.variant}__info-container__link__icon`].join(" "),d=[`hy-list-item__${this.variant}__info-container__link`].join(" "),m=this.isExternal?"_blank":"_self";switch(this.variant){case n.position:{const i=[`hy-list-item__${this.variant}__info-container__outgoing-link`,`hy-list-item__${this.variant}__info-container__outgoing-link__${this.headerstyle}`].join(" ");return e("div",{class:"hy-list-item__wrapper"},e("a",{class:t,href:this.url,target:m,"aria-label":this.scLabel},e("div",{class:o},e("div",{class:a},e("div",{class:"icon"},e("hy-icon",{icon:"hy-icon-units-and-faculties",size:18})),this.itemType),e("div",{class:r},this.itemTitle),this.itemDescription&&e("div",{class:_,innerHTML:this.truncateDescription?(h=this.itemDescription,p=this.truncateLimit,h.length>p?h.substr(0,p-1)+"...":h):this.itemDescription})),e("div",{class:i},e("span",{class:"icon"},e("hy-icon",{icon:"hy-icon-done",size:14})),e("span",{class:"label"},this.outGoingUrlLabel))))}case n.degreeProgramme:{const n=[`hy-list-item__${this.variant}__image-container`].join(" "),a=[`hy-list-item__${this.variant}__image-container__image`].join(" "),l=[`hy-list-item__${this.variant}__info-container__additional-info`,`hy-list-item__${this.variant}__info-container__additional-info__${this.headerstyle}`].join(" "),s=[`hy-list-item__${this.variant}__info-container__metadata-wrapper`,this._additionalInfo&&this._additionalInfo.length>0?"":"link-only"].join(" "),d=[`hy-list-item__${this.variant}__info-container__content-wrapper`].join(" "),h=[`hy-list-item__${this.variant}__info-container__outgoing-link`,`hy-list-item__${this.variant}__info-container__outgoing-link__${this.headerstyle}`].join(" "),p=[`hy-list-item__${this.variant}__info-container__outgoing-link__link`].join(" "),c=[`hy-list-item-wrapper__${this.variant}__related-info`,`hy-list-item-wrapper__${this.variant}__related-info__${this.headerstyle}`].join(" "),g=[`hy-list-item-wrapper__${this.variant}__related-info__heading`].join(" "),x=[`hy-list-item-wrapper__${this.variant}__related-info__heading__link`].join(" "),f=[`hy-list-item-wrapper__${this.variant}__related-info__heading__button`].join(" "),b=[`hy-list-item-wrapper__${this.variant}__related-info__heading__icon`].join(" "),y=[`hy-list-item-wrapper__${this.variant}__related-info__content`].join(" "),w=[`hy-list-item-wrapper__${this.variant}__related-info__link`].join(" "),k=this.relatedLinksBlockTitle&&this.relatedLinksBlockTitle.length>0?`${this.itemTitle}-${this.relatedLinksBlockTitle}`.toLowerCase().replace(/\W/g,"-"):"",u="#"+k+"--title",v=this.relatedLinksBlockTitle&&this.relatedLinksBlockTitle.length>0?this._relatedLinks.length:"";return[e("article",{class:i},e("a",{class:t,href:this.url,target:m,"aria-label":this.scLabel},e("div",{class:n},e("div",{class:a},this._sourceSet?e("picture",null,this._sourceSet.map((i=>e("source",{srcSet:i.src,media:i.media,type:i.type,sizes:i.sizes?i.sizes:""}))),e("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.itemImageUrl,alt:this.itemImageAlt,style:{"--minheight":`${this._imageMinHeight}px`,"--minwidth":`${this._imageMinWidth}px`}})):e("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.itemImageUrl,alt:this.itemImageAlt,style:{"--minheight":`${this._imageMinHeight}px`,"--minwidth":`${this._imageMinWidth}px`}})),this.imageLabel&&e("span",null,this.imageLabel)),e("div",{class:o},e("div",{class:d},e("div",{class:r},this.itemTitle),this.itemDescription&&e("div",{class:_,innerHTML:this.itemDescription})),e("div",{class:s},this._additionalInfo&&e("div",{class:l},this._additionalInfo.map((i=>{let t=[`hy-list-item__${this.variant}__info-container__additional-info__item`,`hy-list-item__${this.variant}__info-container__additional-info__item__${this.headerstyle}`,"true"==i.isActive.toString()?"active":""].join(" ");return e("div",{class:t},i.text)}))),e("div",{class:h},e("a",{href:this.url,target:m,"aria-label":this.scLabel,class:p,tabindex:"-1"},e("span",{class:"label"},this.outGoingUrlLabel),e("span",{class:"icon-wrapper"},e("div",{class:"icon"},e("hy-icon",{icon:"hy-icon-arrow-to-right",size:32})))))))),this.relatedLinksBlockTitle&&e("div",{class:c},e("div",{class:g},e("a",{href:u,class:x,tabindex:"-1"},e("button",{"aria-expanded":"false","aria-controls":`${k}--content`,class:f,id:`${k}--title`},e("span",{class:b},e("hy-icon",{icon:"hy-icon-caret-down",size:14})),this.relatedLinksBlockTitle," (",v,")"))),e("div",{class:y,"aria-labelledBy":`${k}--title`,id:`${k}--content`,role:"region","aria-hidden":"true"},this._relatedLinks.map((i=>e("a",{class:w,href:i.url,target:m,"aria-label":i.isExternal?"_blank":"_self"},i.label))))))]}default:return e("article",null,e("a",{class:t,href:this.url,target:m,"aria-label":this.scLabel},e("div",{class:o},e("div",{class:a},this.itemType),e("div",{class:r},this.itemTitle),e("div",{class:l},e("span",{class:s},e("hy-icon",{icon:"hy-icon-link",size:15})),e("div",{class:d},this.url)),this.itemDescription&&e("div",{class:_,innerHTML:this.itemDescription}))))}var h,p}get el(){return t(this)}static get watchers(){return{relatedLinks:["relatedLinksWatcher"],additionalInfo:["additionalInfoWatcher"],sourceSet:["srcSetWatcher"]}}};a.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);text-decoration:none}.hy-list-item__default{margin-bottom:28px}@media (min-width: 60rem){.hy-list-item__default{margin-bottom:32px}}.hy-list-item__default__info-container__header{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:4px}@media (min-width: 30rem){.hy-list-item__default__info-container__header{font-size:0.875rem;line-height:18px;margin-bottom:2px}}.hy-list-item__default__info-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.56px;margin-bottom:6px}@media (min-width: 30rem){.hy-list-item__default__info-container__title{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;margin-bottom:10px}}@media (min-width: 1601px){.hy-list-item__default__info-container__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:8px}}@media (min-width: 75.0625rem){.hy-list-item__default__info-container__title__large{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:8px}}.hy-list-item__default__info-container__link-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:6px}@media (min-width: 30rem){.hy-list-item__default__info-container__link-container{margin-bottom:8px}}.hy-list-item__default__info-container__link{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);letter-spacing:-0.07px;margin-left:4px}@media (min-width: 30rem){.hy-list-item__default__info-container__link{margin-left:5px}}.hy-list-item__default__info-container__link__icon svg{fill:var(--grayscale-dark)}.hy-list-item__default__info-container__description{font-size:0.875rem;line-height:20px;color:var(--grayscale-black);letter-spacing:0}@media (min-width: 30rem){.hy-list-item__default__info-container__description{font-size:1rem;line-height:24px}}.hy-list-item__position{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 30rem){.hy-list-item__position{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-list-item__position__info-container{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-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:12px;position:relative}@media (min-width: 60rem){.hy-list-item__position__info-container{padding:12px 16px}}@media (min-width: 1601px){.hy-list-item__position__info-container{padding:20px 24px}}.hy-list-item__position__info-container__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;color:var(--brand-main);font-family:var(--main-font-family);font-size:14px;font-weight:600;letter-spacing:-0.2px;line-height:14px;margin-bottom:14px}.hy-list-item__position__info-container__header .icon{margin-right:0.75rem}.hy-list-item__position__info-container__header .icon svg{fill:var(--brand-main)}@media (min-width: 75.0625rem){.hy-list-item__position__info-container__large{padding:20px 24px}}.hy-list-item__position__info-container__data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-list-item__position__info-container__title{font-size:1.125rem;line-height:20px;font-weight:700;font-family:var(--main-font-family);color:var(--grayscale-black);margin-bottom:12px;letter-spacing:-0.45px;line-height:22px}@media (min-width: 30rem){.hy-list-item__position__info-container__title{letter-spacing:-0.5px}}.hy-list-item__position__info-container__description{font-size:0.875rem;color:var(--grayscale-dark-text);display:none;font-family:var(--main-font-family);letter-spacing:0.8px;margin-bottom:14px;line-height:20px}@media (min-width: 30rem){.hy-list-item__position__info-container__description{display:block}}.hy-list-item__position__info-container__outgoing-link{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:relative;padding:0 24px 24px 12px}@media (min-width: 30rem){.hy-list-item__position__info-container__outgoing-link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 24px 24px 0}}.hy-list-item__position__info-container__outgoing-link .label{color:var(--link-blue);font-family:var(--main-font-family);font-size:16px;font-weight:600;letter-spacing:-0.3px;line-height:20px}.hy-list-item__position__info-container__outgoing-link .icon{margin-right:4px;margin-bottom:2px}.hy-list-item__position__info-container__outgoing-link .icon svg{fill:var(--link-blue)}.hy-list-item__degree{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 30rem){.hy-list-item__degree{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-list-item__degree__image-container{display:block;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}@media (min-width: 30rem){.hy-list-item__degree__image-container{-webkit-box-flex:0;-ms-flex:0 0 24%;flex:0 0 24%}}.hy-list-item__degree__image-container__image{vertical-align:bottom;max-width:100%;height:100%}.hy-list-item__degree__image-container__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hy-list-item__degree__image-container span{font-weight:600;font-size:0.75rem;line-height:14px;background-color:var(--additional-yellow);-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);color:var(--grayscale-black);left:-4px;letter-spacing:-0.07px;padding:5px 8px;position:absolute;top:16px;text-transform:uppercase}@media (min-width: 30rem){.hy-list-item__degree__image-container span{left:-8px}}@media (min-width: 60rem){.hy-list-item__degree__image-container span{top:22px}}.hy-list-item__degree__info-container{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-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:12px;position:relative}@media (min-width: 60rem){.hy-list-item__degree__info-container{padding:12px 16px}}@media (min-width: 1601px){.hy-list-item__degree__info-container{padding:20px 24px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__large{padding:20px 24px}}.hy-list-item__degree__info-container__data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-list-item__degree__info-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--link-blue);letter-spacing:-0.54px;margin-bottom:8px}@media (min-width: 60rem){.hy-list-item__degree__info-container__title{font-size:1.125rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.hy-list-item__degree__info-container__title{font-size:1.25rem;line-height:26px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__title__large{font-size:1.25rem;line-height:26px;letter-spacing:-0.6px}}.hy-list-item__degree__info-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:16px}@media (min-width: 60rem){.hy-list-item__degree__info-container__description{letter-spacing:-0.2}}@media (min-width: 1601px){.hy-list-item__degree__info-container__description{font-size:1rem;line-height:20px;letter-spacing:-0.25px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__description__large{font-size:1rem;line-height:20px;letter-spacing:-0.25px}}.hy-list-item__degree__info-container__metadata-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px;width:100%}@media (min-width: 30rem){.hy-list-item__degree__info-container__metadata-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.hy-list-item__degree__info-container__metadata-wrapper.link-only{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.hy-list-item__degree__info-container__additional-info{width:100%}.hy-list-item__degree__info-container__additional-info__item{font-size:0.75rem;line-height:16px;font-weight:300;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;letter-spacing:-0.2px}@media (min-width: 1601px){.hy-list-item__degree__info-container__additional-info__item{font-size:0.875rem;line-height:16px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__additional-info__item__large{font-size:0.875rem;line-height:16px}}.hy-list-item__degree__info-container__additional-info__item.active::before{content:" ";-webkit-box-sizing:border-box;box-sizing:border-box;height:14px;width:14px;border:3px solid var(--grayscale-white);border-radius:50%;background-color:var(--additional-orange);left:-7px;position:absolute}@media (min-width: 30rem){.hy-list-item__degree__info-container__additional-info__item.active::before{border:none;height:8px;margin-right:6px;width:8px;left:0;position:relative}}.hy-list-item__degree__info-container__outgoing-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;width:100%}.hy-list-item__degree__info-container__outgoing-link a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;right:-18px;text-decoration:none}@media (min-width: 60rem){.hy-list-item__degree__info-container__outgoing-link a{right:-22px}}@media (min-width: 1601px){.hy-list-item__degree__info-container__outgoing-link a{right:-30px}}.hy-list-item__degree__info-container__outgoing-link a .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.5px;margin-right:8px;text-align:right}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper{background-color:var(--brand-main-light);z-index:10}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon{position:relative;overflow:hidden}.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);fill:var(--grayscale-white);padding:6.4px}@media (min-width: 1601px){.hy-list-item__degree__info-container__outgoing-link a .icon-wrapper .icon svg{height:36px;width:36px;padding:7.2px}}@media (min-width: 75.0625rem){.hy-list-item__degree__info-container__outgoing-link__large svg{height:36px;width:36px;padding:7.2px}}.hy-list-item-wrapper{font-family:var(--main-font-family)}.hy-list-item-wrapper__degree{margin-bottom:16px}@media (min-width: 30rem){.hy-list-item-wrapper__degree{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:24px}}@media (min-width: 60rem){.hy-list-item-wrapper__degree{margin-bottom:28px}}@media (min-width: 1601px){.hy-list-item-wrapper__degree{margin-bottom:32px}}@media (min-width: 75.0625rem){.hy-list-item-wrapper__degree__large{margin-bottom:32px}}.hy-list-item-wrapper__degree__related-info{background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);margin-top:4px;padding:0 12px 0 16px}@media (min-width: 30rem){.hy-list-item-wrapper__degree__related-info{padding:0 24px 0 16px}}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info{margin-top:6px;padding:0 24px 0 24px}}@media (min-width: 1601px){.hy-list-item-wrapper__degree__related-info{margin-top:8px}}@media (min-width: 75.0625rem){.hy-list-item-wrapper__degree__related-info__large{margin-top:8px}}.hy-list-item-wrapper__degree__related-info__heading__link{text-decoration:none}.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);border:none;color:var(--grayscale-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);letter-spacing:-0.2px;height:100%;padding:8px 0;text-align:left;width:100%}@media (min-width: 30rem){.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.75rem;line-height:20px;padding:14px 0}}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__button{font-size:0.875rem;line-height:20px;letter-spacing:-0.4px;padding:18px 0}}.hy-list-item-wrapper__degree__related-info__heading__button:hover{cursor:pointer}.hy-list-item-wrapper__degree__related-info__heading__button__is-open svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-list-item-wrapper__degree__related-info__heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__icon{margin-right:12px}}.hy-list-item-wrapper__degree__related-info__heading__icon svg{fill:var(--brand-main);height:14px;width:14px}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__heading__icon svg{height:18px;width:18px}}.hy-list-item-wrapper__degree__related-info__content{display:none}.hy-list-item-wrapper__degree__related-info__content__is-open{border-top:1px solid var(--grayscale-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px 8px 5px 8px}@media (min-width: 60rem){.hy-list-item-wrapper__degree__related-info__content__is-open{padding:20px 0 14px 0}}.hy-list-item-wrapper__degree__related-info__link{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.4px;margin-bottom:16px;text-decoration:none}';export{a as hy_list_item}
package/dist/huds-lib/hy-paragraph-text.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as a,h as t,H as e,g as p}from"./index-2ffe17c9.js";const i=class{constructor(t){a(this,t),this.variant=void 0,this.placement="internal",this.headerstyle="default"}componentDidLoad(){let a=this.el.closest(".hy-main");a&&(a.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const a=["hy-paragraph-text",`hy-paragraph-text__${this.headerstyle}`,`${this.variant}`,`${this.placement}`,`${this.headerstyle}`].join(" ");return t(e,{key:"14292b7022e93ca1897fdd676819863ba8c87676"},t("div",{key:"6617fce6c395459cb96ca7e46db191f7d25f1fe8",class:a},t("slot",{key:"a20cadc6e44cd0338204b4942f20c0ff6def0c54"})))}get el(){return p(this)}};i.style={content:"*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:16px}}@media (min-width: 60rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:32px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:32px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:40px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{padding-bottom:16px;padding-top:32px}}",default:"*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:16px}}@media (min-width: 60rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:32px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:32px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:40px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:32px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:16px;padding-top:40px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{padding-bottom:16px;padding-top:48px}}.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{padding-bottom:16px;padding-top:40px}}:host{display:block}.hy-paragraph-text{font-size:0.9375rem;line-height:22px;color:var(--grayscale-dark-text);font-family:var(--main-font-family);letter-spacing:0;text-wrap:pretty;width:100%}@media (min-width: 30rem){.hy-paragraph-text{font-size:1rem;line-height:24px}}@media (min-width: 60rem){.hy-paragraph-text{width:91.46%}}@media (min-width: 1601px){.hy-paragraph-text{font-size:1.0625rem;line-height:26px;width:82.89%}}@media (min-width: 75.0625rem){.hy-paragraph-text__large{font-size:1.0625rem;line-height:26px;width:82.89%}}@media (min-width: 1601px){.hy-paragraph-text__large{width:74.17%}}@media (min-width: 60rem){.hy-paragraph-text.degree_programme_group{width:91.46%}}@media (min-width: 60rem){.hy-paragraph-text.main_front_page,.hy-paragraph-text.landing_page,.hy-paragraph-text.faculty,.hy-paragraph-text.generic_site_group,.hy-paragraph-text.degree_programme_group,.hy-paragraph-text.research_group{width:100%}}.hy-paragraph-text h1,.hy-paragraph-text h2,.hy-paragraph-text h3,.hy-paragraph-text h4,.hy-paragraph-text h5,.hy-paragraph-text h6{color:var(--grayscale-black);font-family:var(--main-font-family);font-weight:700;margin:0;width:100%}.hy-paragraph-text h1.negative,.hy-paragraph-text h2.negative,.hy-paragraph-text h3.negative,.hy-paragraph-text h4.negative,.hy-paragraph-text h5.negative,.hy-paragraph-text h6.negative{color:var(--grayscale-white)}.hy-paragraph-text a{font-size:0.875rem;line-height:20px;color:var(--link-blue);font-family:var(--main-font-family);font-weight:600}@media (min-width: 30rem){.hy-paragraph-text a{font-size:1rem;line-height:24px;letter-spacing:-0.1px}}@media (min-width: 1601px){.hy-paragraph-text a{font-size:1.0625rem;line-height:26px}}.hy-paragraph-text a:hover{color:var(--brand-main)}.hy-paragraph-text a[target=_blank]:after{display:inline-block;vertical-align:middle;width:12px;height:12px;margin-left:3px;background-size:contain;content:\"\";background-image:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='rgb(4,121,165)'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\");-webkit-transform:rotate(315deg);transform:rotate(315deg)}.hy-paragraph-text a[target=_blank]:after:hover{background-image:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='pink'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\")}.hy-paragraph-text a[target=_blank]:hover:after{background-image:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='rgb(14,104,139)'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\")}.hy-paragraph-text p{margin-top:0;padding-top:0}.hy-paragraph-text p:last-of-type{margin-bottom:0}.hy-paragraph-text:first-child{margin-top:0 !important}hy-paragraph-text+hy-link-list{display:block;margin-top:32px}",landing:"*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:32px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:16px;padding-top:40px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{padding-bottom:16px;padding-top:48px}}.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{padding-bottom:16px;padding-top:40px}}"};export{i as hy_paragraph_text}
1
+ import{r as a,h as t,H as e,g as p}from"./index-2ffe17c9.js";const i=class{constructor(t){a(this,t),this.variant=void 0,this.placement="internal",this.headerstyle="default"}componentDidLoad(){let a=this.el.closest(".hy-main");a&&(a.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const a=["hy-paragraph-text",`hy-paragraph-text__${this.headerstyle}`,`${this.variant}`,`${this.placement}`,`${this.headerstyle}`].join(" ");return t(e,{key:"14292b7022e93ca1897fdd676819863ba8c87676"},t("div",{key:"6617fce6c395459cb96ca7e46db191f7d25f1fe8",class:a},t("slot",{key:"a20cadc6e44cd0338204b4942f20c0ff6def0c54"})))}get el(){return p(this)}};i.style={content:"*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:16px}}@media (min-width: 60rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:32px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:32px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:40px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{padding-bottom:16px;padding-top:32px}}",default:"*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:16px}}@media (min-width: 60rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:32px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:32px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:40px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:32px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:16px;padding-top:40px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{padding-bottom:16px;padding-top:48px}}.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{padding-bottom:16px;padding-top:40px}}:host{display:block}.hy-paragraph-text{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);text-wrap:pretty;width:100%}@media (min-width: 60rem){.hy-paragraph-text{font-size:var(--ds-fontSize-18)}}@media (min-width: 60rem){.hy-paragraph-text{width:91.46%}}@media (min-width: 1601px){.hy-paragraph-text{width:82.89%}}@media (min-width: 75.0625rem){.hy-paragraph-text__large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:82.89%}}@media (min-width: 75.0625rem) and (min-width: 60rem){.hy-paragraph-text__large{font-size:var(--ds-fontSize-20)}}@media (min-width: 1601px){.hy-paragraph-text__large{width:74.17%}}@media (min-width: 60rem){.hy-paragraph-text.degree_programme_group{width:91.46%}}@media (min-width: 60rem){.hy-paragraph-text.main_front_page,.hy-paragraph-text.landing_page,.hy-paragraph-text.faculty,.hy-paragraph-text.generic_site_group,.hy-paragraph-text.degree_programme_group,.hy-paragraph-text.research_group{width:100%}}.hy-paragraph-text h1,.hy-paragraph-text h2,.hy-paragraph-text h3,.hy-paragraph-text h4,.hy-paragraph-text h5,.hy-paragraph-text h6{color:var(--grayscale-black);font-family:var(--main-font-family);font-weight:700;margin:0;width:100%}.hy-paragraph-text h1.negative,.hy-paragraph-text h2.negative,.hy-paragraph-text h3.negative,.hy-paragraph-text h4.negative,.hy-paragraph-text h5.negative,.hy-paragraph-text h6.negative{color:var(--grayscale-white)}.hy-paragraph-text a{font-size:0.875rem;line-height:20px;color:var(--link-blue);font-family:var(--main-font-family);font-weight:600}@media (min-width: 30rem){.hy-paragraph-text a{font-size:1rem;line-height:24px;letter-spacing:-0.1px}}@media (min-width: 1601px){.hy-paragraph-text a{font-size:1.0625rem;line-height:26px}}.hy-paragraph-text a:hover{color:var(--brand-main)}.hy-paragraph-text a[target=_blank]:after{display:inline-block;vertical-align:middle;width:12px;height:12px;margin-left:3px;background-size:contain;content:\"\";background-image:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='rgb(4,121,165)'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\");-webkit-transform:rotate(315deg);transform:rotate(315deg)}.hy-paragraph-text a[target=_blank]:after:hover{background-image:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='pink'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\")}.hy-paragraph-text a[target=_blank]:hover:after{background-image:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='rgb(14,104,139)'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\")}.hy-paragraph-text p{margin-top:0;padding-top:0}.hy-paragraph-text p:last-of-type{margin-bottom:0}.hy-paragraph-text:first-child{margin-top:0 !important}hy-paragraph-text+hy-link-list{display:block;margin-top:32px}",landing:"*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:32px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:16px;padding-top:40px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{padding-bottom:16px;padding-top:48px}}.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{padding-bottom:16px;padding-top:40px}}"};export{i as hy_paragraph_text}
package/dist/huds-lib/hy-person-profile.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as e,h as i,F as a,H as t}from"./index-2ffe17c9.js";import{d as n}from"./utils-1e7f5184.js";let o;const r=class{constructor(i){e(this,i),this.personDataJson=void 0,this.showFullAboutText=void 0,this.hideFullAboutText=void 0,this.organizationItemsLabelText=void 0,this.peopleFinderReturnLink=void 0,this.peopleFinderReturnLabel=void 0,this.isFullAboutTextHidden=!1,this.viewportSize=void 0}componentWillLoad(){this.viewportSize=window.innerWidth}toggleShowFullAboutText(){this.isFullAboutTextHidden=!this.isFullAboutTextHidden}disconnectedCallback(){clearTimeout(o)}render(){const{name:e,job_title:r,additional_information:l,image_url:c,contact_information:p,organization_units:f,about:s,research:d,person_content:h}=JSON.parse(this.personDataJson),{organizations:g,research_organizations:b}=f.items,y=s.description,m=y.length;let _="";m>650&&(_=this.isFullAboutTextHidden?y+"...":y.substring(0,650)+"..."),window.addEventListener("resize",(()=>{clearTimeout(o),o=setTimeout((()=>{this.viewportSize=window.innerWidth}),250)}));const x=`${d.research_portal_label}: ${e}`;return i(t,{key:"00fd25afa47ffc45c90c63dcf81ff0b955528d1d"},i("section",{key:"d231c98b8e4d318fd5fbb59d94e976b24b0d799c",class:"hy-profile-page"},i("a",{key:"082a752959d108b24c29082c0fe57ee54c8b4269",href:this.peopleFinderReturnLink,class:"hy-profile-page__back-button"},i("hy-icon",{key:"fe8b9f105fbff4845ec44bfa8cc47f6447f413ea",icon:"hy-icon-arrow-left",size:24}),i("span",{key:"631531abb7f234a7ca94cccc5b6e26bc2982d807"},this.peopleFinderReturnLabel)),i("section",{key:"b77d57951539d96a91cf7cd62501c5bd91c13d93",class:"hy-profile-page__section"},i("div",{key:"cef2e3cd80ce41e6091b8c1889e910c8dbe3851f",class:"hy-profile-page__person-information"},i("div",{key:"e7552781e25d46a5801a83b23c08612aff69f1c6"},i("h1",{key:"b3398968093121dd07f30368c315dde2ad0f5b2d",class:"hy-profile-page__name"},e),r&&i("p",{key:"11c9eaf8f00b2e017f6efd17e8799800104b573e",class:"hy-profile-page__job-title"},r),l&&i("p",{key:"efcad32ce03672da7f4f914478b3bc024e785156",class:"hy-profile-page__additional-information"},l)),c?i("img",{src:c,alt:"",class:"hy-profile-page__image"}):i("div",{class:"hy-profile-page__image","aria-hidden":"true"})),p&&i("div",{key:"550e9dfe4d9c743197f2f837e31e07a7c2bdc67f",class:"hy-profile-page__contact-information"},p.label&&i("h2",{key:"a521f18d072cdb5f96781f0ce7fc8b676b0e3820"},p.label),p.items&&i("hy-person-profile-listing",{key:"07a50c12144effd9bc73d8c5a8c062e31061f765",items:p.items,col:"col-4",withoutIcons:!0,textSpacingTight:!0}))),(g.items.length>0||Object.keys(b.items).length>0)&&i("section",{key:"6d32a234f4afa28e05eff4297b8b09dbaf6ef32a",class:"hy-profile-page__section"},f.label&&i("h2",{key:"7813840565525edf5ecefa2f4130697c4e98d28a"},f.label),g.items.length>0&&i("section",{key:"06c28944da1ce5485e10b6d90747415ddac58399",class:"hy-profile-page__organization-units-section"},i("h3",{key:"6e50a953faf84296b5eb64d151d210833407ed0a"},g.label),i("ul",{key:"9507e35ee39f43f80aef643b6d1a420fe91af1b1",class:"hy-profile-page__organizations"},i("li",{key:"6a3ac8a036e6f7574a2a3ffc4a56def8f0a4e3e7"},g.items.map(((e,a)=>i("span",null,a>1&&i("hy-icon",{icon:"hy-icon-caret-right",size:10}),0!==a&&i("span",null,i("a",{href:f.people_finder_path[f.lang]+"?researchOrganizations.id[]="+e.id,target:"_blank"},e.name[f.lang])))))))),Object.keys(b.items).length>0&&i("section",{key:"039d9253b10acb9275a6a4dee087ebdc3ce77a28",class:"hy-profile-page__organization-units-section"},i("h3",{key:"58c84e81bb3881bfb7c36e4d0686122f909bf802"},b.label),i("ul",{key:"dff96020016cc6ff854b011c9233fa2ac284b402",class:"hy-profile-page__research-organizations"},Object.values(b.items).map((([...e])=>i("li",null,e.map(((e,t)=>i(a,null,t>1&&i("ul",null,i("li",null,i("span",null,i("hy-icon",{icon:"hy-icon-caret-right",size:10}),i("span",null,i("a",{href:f.people_finder_path[f.lang]+"?researchOrganizations.id[]="+e.id,target:"_blank"},e.name[f.lang]))))),1==t&&i("span",null,i("a",{href:f.people_finder_path[f.lang]+"?researchOrganizations.id[]="+e.id,target:"_blank"},e.name[f.lang]))))))))))),s&&0!==m&&i("section",{key:"6611936f1ad88960f7c297153423c4d8d394acc5",class:"hy-profile-page__section"},s.description&&i(a,{key:"661961252af443ec942ef21f8407f60f4a0c760d"},i("h2",{key:"0df70feef652e63b6570a145054c775591354199"},s.label),i("div",{key:"bfc3f40f42708d9667c9aabf51f3491e22eac572",class:"hy-profile-page__person-about-text",innerHTML:!this.isFullAboutTextHidden&&m>650?_:s.description})),m>650&&i("button",{key:"ba0a3ab0ea3294629c4a7c0b47e4286bd94c6b0f",class:"hy-profile-page__person-about-text-toggle",onClick:()=>this.toggleShowFullAboutText(),"aria-expanded":this.isFullAboutTextHidden?"true":"false"},this.isFullAboutTextHidden?this.hideFullAboutText:this.showFullAboutText)),(d&&d.items.length>0||h&&h.research_url.length>0)&&i("section",{key:"2c237919b3c75504349308a575ce1ff3eb05320e",class:"hy-profile-page__section"},i("div",{key:"5050c3d07cd642b29efb4eb5e1aecbb0d8c7d3a1",class:"hy-profile-page__section__research_title"},d.label&&i("h2",{key:"1b6fa2653211e9d566688d3efeeaf033b0286c2a"},d.label),d.label&&h.research_url.length>0&&i("hy-cta-button",{key:"2699d3035c73d3fc6eefa0a24d7d7424a5e24687","link-content":x,"sc-label":x,url:h.research_url,"is-external":"true",variant:n.onWhiteBkgd})),d.items&&i("hy-person-profile-listing",{key:"4d5ad95c80c514ad80342b13c5ab508cde82dbd5",items:d.items,col:"col-1",textSpacingTight:!0,"is-research":!0,inline:!0}),h.research_url.length>0&&i("div",{key:"0eae84935f45a141e262a25c0bdf03d772846dee",class:"hy-profile-page__loader",role:"presentation"},i("div",{key:"7f99c31162e6888b58e3cd87fab2f88f77faf6cd"}),i("div",{key:"9fd0df58bd6be0c4c5fe71c49cde485a0089f772"}),i("div",{key:"7f69774406429930084baa7750d6f641e3685d06"}),i("div",{key:"16214be9989569be8f3e6928cbd9bee5186a0a62"})),h.research_url.length>0&&this.viewportSize<768&&i("div",{key:"bc4ce938c83ae22398b345a5fad6a8e1c3f2c947",class:"hy-profile-page__person-content-container"},i("hy-accordion-container",{key:"7e87dac1a6aa86a428b9e51212503490e18a375a",accordionid:"accordion-container-person-content"},h.publications&&i("hy-accordion-item",{key:"2cab1dcfd03f46fd4d0f0640fd0b15a2613b6191","data-accordion-id":"publications",accordiontitle:h.publications.label}),h.projects&&i("hy-accordion-item",{key:"a376254683ee8b9c4b67863496fc3683ff1afb2b","data-accordion-id":"projects",accordiontitle:h.projects.label}),h.activities&&i("hy-accordion-item",{key:"5622332d128feafe8dad4f0adc51e11e794852ec","data-accordion-id":"activities",accordiontitle:h.activities.label}))),h.research_url.length>0&&this.viewportSize>=768&&i("div",{key:"9ba95c0264ad1832c30a1da39efc3655df57030d",class:"hy-profile-page__person-content-container"},i("hy-tabs",{key:"dc956780d9ef85d801347a53eec4c8c0bcdccc62","tab-id":"tabs-container-person-content"},h.publications&&i("hy-tabs-item",{key:"a0b9afcd88cc83ebcba3b75507d2df6fcff7c98a","data-tab-id":"publications","tab-title":h.publications.label}),h.projects&&i("hy-tabs-item",{key:"e5e93e568b57b33955bf48cfc6aed7d4bae5d63d","data-tab-id":"projects","tab-title":h.projects.label}),h.activities&&i("hy-tabs-item",{key:"c050c2d7336828642c566fa2b10117ee677df8bc","data-tab-id":"activities","tab-title":h.activities.label}))))))}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-profile-page__back-button{font-size:1rem;line-height:20px;font-weight:600;font-family:var(--main-font-family);letter-spacing:-0.5px;color:var(--brand-main-light);padding:12px 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;margin-left:-10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}@media (min-width: 48rem){.hy-profile-page__back-button{margin-bottom:24px}}.hy-profile-page__back-button hy-icon{margin-right:16px}.hy-profile-page__back-button hy-icon svg{fill:var(--brand-main-light)}.hy-profile-page__section{padding:32px 0}.hy-profile-page__section:first-of-type{padding:0 0 32px}.hy-profile-page__section:not(:first-of-type){border-top:1px solid var(--grayscale-medium)}.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__section__research_title{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 48rem){.hy-profile-page__section__research_title{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px 0}@media (min-width: 48rem){.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px auto}}.hy-profile-page__organization-units-section{font-family:var(--main-font-family);padding:0;margin:0;list-style:none}.hy-profile-page__organization-units-section h3{font-size:0.9375rem;line-height:18px;font-weight:700;letter-spacing:-0.28px;color:var(--grayscale-black);margin:0 0 8px}@media (min-width: 48rem){.hy-profile-page__organization-units-section h3{font-size:1.0625rem;line-height:20px;letter-spacing:-0.32px}}.hy-profile-page__organization-units-section{margin-top:24px}@media (min-width: 48rem){.hy-profile-page__organization-units-section{margin-top:32px}}.hy-profile-page__organization-units-section a{text-decoration:none;color:var(--link-blue)}.hy-profile-page__organization-units-section a:hover{text-decoration:underline}.hy-profile-page__organizations,.hy-profile-page__organizations ul,.hy-profile-page__research-organizations,.hy-profile-page__research-organizations ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hy-profile-page__organizations li,.hy-profile-page__research-organizations li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:1.0625rem;line-height:26px}}.hy-profile-page__organizations li>span,.hy-profile-page__research-organizations li>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:22px;width:28px}@media (min-width: 48rem){.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{height:26px}}.hy-profile-page__person-about-text{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__person-about-text{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text a{color:var(--link-blue);text-decoration:none}.hy-profile-page__person-about-text a:hover{text-decoration:underline}.hy-profile-page__person-about-text-toggle{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--link-blue);background-color:transparent;border:0;padding:0;margin:0}@media (min-width: 48rem){.hy-profile-page__person-about-text-toggle{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text-toggle:hover{cursor:pointer}.hy-profile-page__person-information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 48rem){.hy-profile-page__person-information{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.hy-profile-page__image{aspect-ratio:328/425;width:100%;max-width:328px;-o-object-fit:cover;object-fit:cover;background-color:var(--grayscale-background-box)}@media (min-width: 48rem){.hy-profile-page__image{max-width:194px}}.hy-profile-page__contact-information>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__contact-information>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__name{font-size:2rem;line-height:38px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.8px;color:var(--grayscale-black);margin:0 0 4px;text-transform:uppercase}@media (min-width: 60rem){.hy-profile-page__name{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px;margin:0 0 8px}}@media (min-width: 120.0625rem){.hy-profile-page__name{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-profile-page__job-title{font-size:1rem;line-height:20px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.32px;color:var(--grayscale-black);margin:0 0 4px;text-transform:capitalize}@media (min-width: 60rem){.hy-profile-page__job-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}}.hy-profile-page__additional-information{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);margin:0}@media (min-width: 60rem){.hy-profile-page__additional-information{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-content-container{display:none;margin-top:32px}@media (min-width: 48rem){.hy-profile-page__person-content-container{margin-top:44px}}.hy-profile-page__person-content-listing{display:grid;gap:32px;list-style:none;padding:0;margin:0}.hy-profile-page__person-content>h2{margin:0 0 8px}.hy-profile-page__person-content>h2 a{font-size:1.125rem;line-height:24px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.36px;color:var(--link-blue);text-decoration:none}@media (min-width: 48rem){.hy-profile-page__person-content>h2 a{font-size:1.375rem;line-height:28px;letter-spacing:-0.44px}}.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text)}@media (min-width: 48rem){.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:1.0625rem;line-height:26px;letter-spacing:-0.44px}}.hy-profile-page__person-content>p{margin:8px 0 0}.hy-profile-page__loader{display:inline-block;position:relative;width:80px;height:80px;margin-top:32px}.hy-profile-page__loader.visible{display:block}.hy-profile-page__loader.hidden{display:none}@media (min-width: 48rem){.hy-profile-page__loader{margin-top:44px}}.hy-profile-page__loader div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:6px solid #fff;border-radius:50%;-webkit-animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--brand-main-light) transparent transparent transparent}.hy-profile-page__loader div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}.hy-profile-page__loader div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.hy-profile-page__loader div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}@-webkit-keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hidden{display:none;visibility:hidden}";export{r as hy_person_profile}
1
+ import{r as e,h as i,F as a,H as t}from"./index-2ffe17c9.js";import{d as n}from"./utils-1e7f5184.js";let o;const r=class{constructor(i){e(this,i),this.personDataJson=void 0,this.showFullAboutText=void 0,this.hideFullAboutText=void 0,this.organizationItemsLabelText=void 0,this.peopleFinderReturnLink=void 0,this.peopleFinderReturnLabel=void 0,this.isFullAboutTextHidden=!1,this.viewportSize=void 0}componentWillLoad(){this.viewportSize=window.innerWidth}toggleShowFullAboutText(){this.isFullAboutTextHidden=!this.isFullAboutTextHidden}disconnectedCallback(){clearTimeout(o)}render(){const{name:e,job_title:r,additional_information:l,image_url:c,contact_information:p,organization_units:s,about:f,research:d,person_content:h}=JSON.parse(this.personDataJson),{organizations:g,research_organizations:b}=s.items,y=f.description,m=y.length;let _="";m>650&&(_=this.isFullAboutTextHidden?y+"...":y.substring(0,650)+"..."),window.addEventListener("resize",(()=>{clearTimeout(o),o=setTimeout((()=>{this.viewportSize=window.innerWidth}),250)}));const x=`${d.research_portal_label}: ${e}`;return i(t,{key:"00fd25afa47ffc45c90c63dcf81ff0b955528d1d"},i("section",{key:"d231c98b8e4d318fd5fbb59d94e976b24b0d799c",class:"hy-profile-page"},i("a",{key:"082a752959d108b24c29082c0fe57ee54c8b4269",href:this.peopleFinderReturnLink,class:"hy-profile-page__back-button"},i("hy-icon",{key:"fe8b9f105fbff4845ec44bfa8cc47f6447f413ea",icon:"hy-icon-arrow-left",size:24}),i("span",{key:"631531abb7f234a7ca94cccc5b6e26bc2982d807"},this.peopleFinderReturnLabel)),i("section",{key:"b77d57951539d96a91cf7cd62501c5bd91c13d93",class:"hy-profile-page__section"},i("div",{key:"cef2e3cd80ce41e6091b8c1889e910c8dbe3851f",class:"hy-profile-page__person-information"},i("div",{key:"e7552781e25d46a5801a83b23c08612aff69f1c6"},i("h1",{key:"b3398968093121dd07f30368c315dde2ad0f5b2d",class:"hy-profile-page__name"},e),r&&i("p",{key:"11c9eaf8f00b2e017f6efd17e8799800104b573e",class:"hy-profile-page__job-title"},r),l&&i("p",{key:"efcad32ce03672da7f4f914478b3bc024e785156",class:"hy-profile-page__additional-information"},l)),c?i("img",{src:c,alt:"",class:"hy-profile-page__image"}):i("div",{class:"hy-profile-page__image","aria-hidden":"true"})),p&&i("div",{key:"550e9dfe4d9c743197f2f837e31e07a7c2bdc67f",class:"hy-profile-page__contact-information"},p.label&&i("h2",{key:"a521f18d072cdb5f96781f0ce7fc8b676b0e3820"},p.label),p.items&&i("hy-person-profile-listing",{key:"07a50c12144effd9bc73d8c5a8c062e31061f765",items:p.items,col:"col-4",withoutIcons:!0,textSpacingTight:!0}))),(g.items.length>0||Object.keys(b.items).length>0)&&i("section",{key:"6d32a234f4afa28e05eff4297b8b09dbaf6ef32a",class:"hy-profile-page__section"},s.label&&i("h2",{key:"7813840565525edf5ecefa2f4130697c4e98d28a"},s.label),g.items.length>0&&i("section",{key:"06c28944da1ce5485e10b6d90747415ddac58399",class:"hy-profile-page__organization-units-section"},i("h3",{key:"6e50a953faf84296b5eb64d151d210833407ed0a"},g.label),i("ul",{key:"9507e35ee39f43f80aef643b6d1a420fe91af1b1",class:"hy-profile-page__organizations"},i("li",{key:"6a3ac8a036e6f7574a2a3ffc4a56def8f0a4e3e7"},g.items.map(((e,a)=>i("span",null,a>1&&i("hy-icon",{icon:"hy-icon-caret-right",size:10}),0!==a&&i("span",null,i("a",{href:s.people_finder_path[s.lang]+"?researchOrganizations.id[]="+e.id,target:"_blank"},e.name[s.lang])))))))),Object.keys(b.items).length>0&&i("section",{key:"039d9253b10acb9275a6a4dee087ebdc3ce77a28",class:"hy-profile-page__organization-units-section"},i("h3",{key:"58c84e81bb3881bfb7c36e4d0686122f909bf802"},b.label),i("ul",{key:"dff96020016cc6ff854b011c9233fa2ac284b402",class:"hy-profile-page__research-organizations"},Object.values(b.items).map((([...e])=>i("li",null,e.map(((e,t)=>i(a,null,t>1&&i("ul",null,i("li",null,i("span",null,i("hy-icon",{icon:"hy-icon-caret-right",size:10}),i("span",null,i("a",{href:s.people_finder_path[s.lang]+"?researchOrganizations.id[]="+e.id,target:"_blank"},e.name[s.lang]))))),1==t&&i("span",null,i("a",{href:s.people_finder_path[s.lang]+"?researchOrganizations.id[]="+e.id,target:"_blank"},e.name[s.lang]))))))))))),f&&0!==m&&i("section",{key:"6611936f1ad88960f7c297153423c4d8d394acc5",class:"hy-profile-page__section"},f.description&&i(a,{key:"661961252af443ec942ef21f8407f60f4a0c760d"},i("h2",{key:"0df70feef652e63b6570a145054c775591354199"},f.label),i("div",{key:"bfc3f40f42708d9667c9aabf51f3491e22eac572",class:"hy-profile-page__person-about-text",innerHTML:!this.isFullAboutTextHidden&&m>650?_:f.description})),m>650&&i("button",{key:"ba0a3ab0ea3294629c4a7c0b47e4286bd94c6b0f",class:"hy-profile-page__person-about-text-toggle",onClick:()=>this.toggleShowFullAboutText(),"aria-expanded":this.isFullAboutTextHidden?"true":"false"},this.isFullAboutTextHidden?this.hideFullAboutText:this.showFullAboutText)),(d&&d.items.length>0||h&&h.research_url.length>0)&&i("section",{key:"2c237919b3c75504349308a575ce1ff3eb05320e",class:"hy-profile-page__section"},i("div",{key:"5050c3d07cd642b29efb4eb5e1aecbb0d8c7d3a1",class:"hy-profile-page__section__research_title"},d.label&&i("h2",{key:"1b6fa2653211e9d566688d3efeeaf033b0286c2a"},d.label),d.label&&h.research_url.length>0&&i("hy-cta-button",{key:"2699d3035c73d3fc6eefa0a24d7d7424a5e24687","link-content":x,"sc-label":x,url:h.research_url,"is-external":"true",variant:n.onWhiteBkgd})),d.items&&i("hy-person-profile-listing",{key:"4d5ad95c80c514ad80342b13c5ab508cde82dbd5",items:d.items,col:"col-1",textSpacingTight:!0,"is-research":!0,inline:!0}),h.research_url.length>0&&i("div",{key:"0eae84935f45a141e262a25c0bdf03d772846dee",class:"hy-profile-page__loader",role:"presentation"},i("div",{key:"7f99c31162e6888b58e3cd87fab2f88f77faf6cd"}),i("div",{key:"9fd0df58bd6be0c4c5fe71c49cde485a0089f772"}),i("div",{key:"7f69774406429930084baa7750d6f641e3685d06"}),i("div",{key:"16214be9989569be8f3e6928cbd9bee5186a0a62"})),h.research_url.length>0&&this.viewportSize<768&&i("div",{key:"bc4ce938c83ae22398b345a5fad6a8e1c3f2c947",class:"hy-profile-page__person-content-container"},i("hy-accordion-container",{key:"7e87dac1a6aa86a428b9e51212503490e18a375a",accordionid:"accordion-container-person-content"},h.publications&&i("hy-accordion-item",{key:"2cab1dcfd03f46fd4d0f0640fd0b15a2613b6191","data-accordion-id":"publications",accordiontitle:h.publications.label}),h.projects&&i("hy-accordion-item",{key:"a376254683ee8b9c4b67863496fc3683ff1afb2b","data-accordion-id":"projects",accordiontitle:h.projects.label}),h.activities&&i("hy-accordion-item",{key:"5622332d128feafe8dad4f0adc51e11e794852ec","data-accordion-id":"activities",accordiontitle:h.activities.label}))),h.research_url.length>0&&this.viewportSize>=768&&i("div",{key:"9ba95c0264ad1832c30a1da39efc3655df57030d",class:"hy-profile-page__person-content-container"},i("hy-tabs",{key:"dc956780d9ef85d801347a53eec4c8c0bcdccc62","tab-id":"tabs-container-person-content"},h.publications&&i("hy-tabs-item",{key:"a0b9afcd88cc83ebcba3b75507d2df6fcff7c98a","data-tab-id":"publications","tab-title":h.publications.label}),h.projects&&i("hy-tabs-item",{key:"e5e93e568b57b33955bf48cfc6aed7d4bae5d63d","data-tab-id":"projects","tab-title":h.projects.label}),h.activities&&i("hy-tabs-item",{key:"c050c2d7336828642c566fa2b10117ee677df8bc","data-tab-id":"activities","tab-title":h.activities.label}))))))}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-profile-page__back-button{font-size:1rem;line-height:20px;font-weight:600;font-family:var(--main-font-family);letter-spacing:-0.5px;color:var(--brand-main-light);padding:12px 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;margin-left:-10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}@media (min-width: 48rem){.hy-profile-page__back-button{margin-bottom:24px}}.hy-profile-page__back-button hy-icon{margin-right:16px}.hy-profile-page__back-button hy-icon svg{fill:var(--brand-main-light)}.hy-profile-page__section{padding:32px 0}.hy-profile-page__section:first-of-type{padding:0 0 32px}.hy-profile-page__section:not(:first-of-type){border-top:1px solid var(--grayscale-medium)}.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__section__research_title{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 48rem){.hy-profile-page__section__research_title{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px 0}@media (min-width: 48rem){.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px auto}}.hy-profile-page__organization-units-section{font-family:var(--main-font-family);padding:0;margin:0;list-style:none}.hy-profile-page__organization-units-section h3{font-size:0.9375rem;line-height:18px;font-weight:700;letter-spacing:-0.28px;color:var(--grayscale-black);margin:0 0 8px}@media (min-width: 48rem){.hy-profile-page__organization-units-section h3{font-size:1.0625rem;line-height:20px;letter-spacing:-0.32px}}.hy-profile-page__organization-units-section{margin-top:24px}@media (min-width: 48rem){.hy-profile-page__organization-units-section{margin-top:32px}}.hy-profile-page__organization-units-section a{text-decoration:none;color:var(--link-blue)}.hy-profile-page__organization-units-section a:hover{text-decoration:underline}.hy-profile-page__organizations,.hy-profile-page__organizations ul,.hy-profile-page__research-organizations,.hy-profile-page__research-organizations ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hy-profile-page__organizations li,.hy-profile-page__research-organizations li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:1.0625rem;line-height:26px}}.hy-profile-page__organizations li>span,.hy-profile-page__research-organizations li>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:22px;width:28px}@media (min-width: 48rem){.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{height:26px}}.hy-profile-page__person-about-text{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__person-about-text{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text a{color:var(--link-blue);text-decoration:none}.hy-profile-page__person-about-text a:hover{text-decoration:underline}.hy-profile-page__person-about-text-toggle{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--link-blue);background-color:transparent;border:0;padding:0;margin:0}@media (min-width: 48rem){.hy-profile-page__person-about-text-toggle{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text-toggle:hover{cursor:pointer}.hy-profile-page__person-information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 48rem){.hy-profile-page__person-information{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.hy-profile-page__image{aspect-ratio:328/425;width:100%;max-width:328px;-o-object-fit:cover;object-fit:cover;background-color:var(--grayscale-background-box)}@media (min-width: 48rem){.hy-profile-page__image{max-width:194px}}.hy-profile-page__contact-information>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__contact-information>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__name{font-size:2rem;line-height:38px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.8px;color:var(--grayscale-black);margin:0 0 4px;text-transform:uppercase}@media (min-width: 60rem){.hy-profile-page__name{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px;margin:0 0 8px}}@media (min-width: 120.0625rem){.hy-profile-page__name{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-profile-page__job-title{font-size:1rem;line-height:20px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.32px;color:var(--grayscale-black);margin:0 0 4px;text-transform:capitalize}@media (min-width: 60rem){.hy-profile-page__job-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}}.hy-profile-page__additional-information{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);margin:0}@media (min-width: 60rem){.hy-profile-page__additional-information{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-content-container{display:none;margin-top:32px}@media (min-width: 48rem){.hy-profile-page__person-content-container{margin-top:44px}}.hy-profile-page__person-content-listing{display:grid;gap:32px;list-style:none;padding:0;margin:0}.hy-profile-page__person-content>h2{margin:0 0 8px;line-height:24px}.hy-profile-page__person-content>h2 a{font-size:1.125rem;line-height:24px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.36px;color:var(--link-blue);text-decoration:none}@media (min-width: 48rem){.hy-profile-page__person-content>h2 a{font-size:1.375rem;line-height:28px;letter-spacing:-0.44px}}.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text)}@media (min-width: 48rem){.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:1.0625rem;line-height:26px;letter-spacing:-0.44px}}.hy-profile-page__person-content>p{margin:8px 0 0}.hy-profile-page__loader{display:inline-block;position:relative;width:80px;height:80px;margin-top:32px}.hy-profile-page__loader.visible{display:block}.hy-profile-page__loader.hidden{display:none}@media (min-width: 48rem){.hy-profile-page__loader{margin-top:44px}}.hy-profile-page__loader div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:6px solid var(--grayscale-white);border-radius:50%;-webkit-animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--brand-main-light) transparent transparent transparent}.hy-profile-page__loader div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}.hy-profile-page__loader div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.hy-profile-page__loader div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}@-webkit-keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hidden{display:none;visibility:hidden}";export{r as hy_person_profile}
package/dist/huds-lib/hy-prominent-image.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as e,h as t,H as i,g as a}from"./index-2ffe17c9.js";const o=class{constructor(t){e(this,t),this.textTitle=void 0,this.imageUrl=void 0,this.imageAlt="",this.headerstyle="common",this.sourceSet=void 0}componentDidLoad(){let e=this.el.closest(".hy-main");e&&(e.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const e=["hy-prominent-image",this.headerstyle,`hy-prominent-image__${this.headerstyle}`].join(" "),a=["hy-prominent-image__text",`hy-prominent-image__text__${this.headerstyle}`].join(" ");return t(i,{key:"2d17bfc9d76a2b5e5ec5415b94863bef5f3772ae"},t("div",{key:"d4e35922f36ea76d0217ae09a300564fefb08975",class:e},t("div",{key:"ef3ee476a13f40516fc641f6edbc1444c88be05a",class:"hy-prominent-image__image"},t("hy-image",{key:"c5b4f060a6d44154a3f5f9e4ac69daaa4394f0d1","source-set":this.sourceSet,"image-url":this.imageUrl,"image-alt":this.imageAlt,aspectRatioWidth:2,aspectRatioHeight:1})),this.textTitle&&t("div",{key:"0c59d61eff9837607cd5de8018ce855e8bc8d939",class:a},this.textTitle)))}get el(){return a(this)}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-prominent-image{position:relative}.hy-prominent-image__text{font-size:1rem;line-height:20px;background-color:var(--grayscale-black);bottom:12px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:bold;left:-8px;letter-spacing:-0.5px;max-width:46%;padding:6px 12px;position:absolute;text-transform:uppercase}@media (min-width: 30rem){.hy-prominent-image__text{font-size:1.125rem;line-height:24px;bottom:20px;left:-16px;letter-spacing:-0.56px;max-width:58%;padding:12px 24px;position:absolute}}@media (min-width: 60rem){.hy-prominent-image__text{font-size:1.375rem;line-height:28px;bottom:24px;left:-16px;letter-spacing:-0.69px;padding:16px 24px;position:absolute}}@media (min-width: 1601px){.hy-prominent-image__text{font-size:1.625rem;line-height:32px;bottom:28px;left:-16px;letter-spacing:-0.8px;padding:20px 24px;position:absolute}}@media (min-width: 75.0625rem){.hy-prominent-image__text__large{font-size:1.625rem;line-height:32px;bottom:28px;left:-16px;letter-spacing:-0.8px;padding:20px 24px;position:absolute}}";export{o as hy_prominent_image}
1
+ import{r as e,h as t,H as i,g as a}from"./index-2ffe17c9.js";const o=class{constructor(t){e(this,t),this.textTitle=void 0,this.imageUrl=void 0,this.imageAlt="",this.headerstyle="common",this.sourceSet=void 0}componentDidLoad(){let e=this.el.closest(".hy-main");e&&(e.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const e=["hy-prominent-image",this.headerstyle,`hy-prominent-image__${this.headerstyle}`].join(" "),a=["hy-prominent-image__text",`hy-prominent-image__text__${this.headerstyle}`].join(" ");return t(i,{key:"2d17bfc9d76a2b5e5ec5415b94863bef5f3772ae"},t("div",{key:"d4e35922f36ea76d0217ae09a300564fefb08975",class:e},t("div",{key:"ef3ee476a13f40516fc641f6edbc1444c88be05a",class:"hy-prominent-image__image"},t("hy-image",{key:"c5b4f060a6d44154a3f5f9e4ac69daaa4394f0d1","source-set":this.sourceSet,"image-url":this.imageUrl,"image-alt":this.imageAlt,aspectRatioWidth:2,aspectRatioHeight:1})),this.textTitle&&t("div",{key:"0c59d61eff9837607cd5de8018ce855e8bc8d939",class:a},this.textTitle)))}get el(){return a(this)}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-prominent-image{position:relative}.hy-prominent-image__text{font-size:1rem;line-height:20px;background-color:var(--grayscale-black);bottom:12px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:bold;left:-8px;letter-spacing:-0.5px;max-width:46%;padding:6px 12px;position:absolute;text-transform:none}@media (min-width: 30rem){.hy-prominent-image__text{font-size:1.125rem;line-height:24px;bottom:20px;left:-16px;letter-spacing:-0.56px;max-width:58%;padding:12px 24px;position:absolute}}@media (min-width: 60rem){.hy-prominent-image__text{font-size:1.375rem;line-height:28px;bottom:24px;left:-16px;letter-spacing:-0.69px;padding:16px 24px;position:absolute}}@media (min-width: 1601px){.hy-prominent-image__text{font-size:1.625rem;line-height:32px;bottom:28px;left:-16px;letter-spacing:-0.8px;padding:20px 24px;position:absolute}}@media (min-width: 75.0625rem){.hy-prominent-image__text__large{font-size:1.625rem;line-height:32px;bottom:28px;left:-16px;letter-spacing:-0.8px;padding:20px 24px;position:absolute}}";export{o as hy_prominent_image}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcenteratunihelsinki/huds-lib",
3
- "version": "0.8.89",
3
+ "version": "0.9.0",
4
4
  "description": "Helsinki University Design System library",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -51,6 +51,7 @@
51
51
  "license": "MIT",
52
52
  "dependencies": {
53
53
  "@stencil/core": "^4.21.0",
54
+ "@uh-design-system/component-library": "^1.0.0",
54
55
  "autoprefixer": "^10.3.1",
55
56
  "breakpoint-sass": "^3.0.0",
56
57
  "concurrently": "^9.0.0",
@@ -71,5 +72,5 @@
71
72
  "pre-commit": "pretty-quick --staged"
72
73
  }
73
74
  },
74
- "gitHead": "e51a77bff93970fef232de17b3bff4578d1c9367"
75
+ "gitHead": "4faa09a11314390bb919a6686b7131b042a0a777"
75
76
  }