@itcenteratunihelsinki/huds-lib 0.11.0 → 0.12.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 (135) hide show
  1. package/components/cta-button.js +1 -1
  2. package/components/cta-link.js +1 -1
  3. package/components/hy-accordion-item.js +1 -1
  4. package/components/hy-anchor-link-list.js +1 -1
  5. package/components/hy-breadcrumbs.js +1 -1
  6. package/components/hy-checkbox.js +1 -1
  7. package/components/hy-content-list-item2.js +1 -1
  8. package/components/hy-crisis-banner.js +1 -1
  9. package/components/hy-dropdown.js +1 -1
  10. package/components/hy-event-item.js +1 -1
  11. package/components/hy-events.js +1 -1
  12. package/components/hy-filter-group.js +1 -1
  13. package/components/hy-filter-list-type.js +1 -1
  14. package/components/hy-filter-visibility-tool.js +1 -1
  15. package/components/hy-footer-action.js +1 -1
  16. package/components/hy-footer-base.js +1 -1
  17. package/components/hy-footer-link-item2.js +1 -1
  18. package/components/hy-general-list-item2.js +1 -1
  19. package/components/hy-hero-carousel.js +358 -337
  20. package/components/hy-menu-main-group2.js +1 -1
  21. package/components/hy-opening-hours.js +1 -1
  22. package/components/hy-pager-item.js +1 -1
  23. package/components/hy-person-card.js +1 -1
  24. package/components/hy-person-profile.js +4 -4
  25. package/components/hy-search-field2.js +1 -1
  26. package/components/hy-shortcuts.js +1 -1
  27. package/components/hy-site-header.js +2 -2
  28. package/components/hy-tabs2.js +1 -1
  29. package/components/link-box.js +1 -1
  30. package/components/menu-language-item.js +1 -1
  31. package/components/menu-language.js +1 -1
  32. package/components/site-logo.js +1 -1
  33. package/components/site-search.js +1 -1
  34. package/dist/cjs/hy-accordion-container_2.cjs.entry.js +1 -1
  35. package/dist/cjs/hy-anchor-link-list.cjs.entry.js +1 -1
  36. package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +11 -11
  37. package/dist/cjs/hy-checkbox.cjs.entry.js +1 -1
  38. package/dist/cjs/hy-content-list_2.cjs.entry.js +1 -1
  39. package/dist/cjs/hy-crisis-banner.cjs.entry.js +1 -1
  40. package/dist/cjs/hy-cta-button.cjs.entry.js +1 -1
  41. package/dist/cjs/hy-cta-link.cjs.entry.js +1 -1
  42. package/dist/cjs/hy-dropdown.cjs.entry.js +1 -1
  43. package/dist/cjs/hy-event-item.cjs.entry.js +1 -1
  44. package/dist/cjs/hy-events.cjs.entry.js +1 -1
  45. package/dist/cjs/hy-filter-group_6.cjs.entry.js +3 -3
  46. package/dist/cjs/hy-general-list_2.cjs.entry.js +1 -1
  47. package/dist/cjs/hy-hero-carousel.cjs.entry.js +358 -337
  48. package/dist/cjs/hy-link-box_2.cjs.entry.js +1 -1
  49. package/dist/cjs/hy-menu-main-group.cjs.entry.js +1 -1
  50. package/dist/cjs/hy-opening-hours_2.cjs.entry.js +1 -1
  51. package/dist/cjs/hy-pager_2.cjs.entry.js +1 -1
  52. package/dist/cjs/hy-person-card.cjs.entry.js +1 -1
  53. package/dist/cjs/hy-person-profile.cjs.entry.js +4 -4
  54. package/dist/cjs/hy-shortcuts.cjs.entry.js +1 -1
  55. package/dist/cjs/hy-tabs_2.cjs.entry.js +1 -1
  56. package/dist/collection/components/footer/hy-footer-action/hy-footer-action.css +6 -0
  57. package/dist/collection/components/footer/hy-footer-base/hy-footer-base.css +13 -1
  58. package/dist/collection/components/footer/hy-footer-link-item/hy-footer-link-item.css +18 -0
  59. package/dist/collection/components/hy-accordion-item/accordion-item.css +6 -0
  60. package/dist/collection/components/hy-anchor-link-list/hy-anchor-link-list.css +12 -0
  61. package/dist/collection/components/hy-breadcrumbs/hy-breadcrumbs.css +12 -0
  62. package/dist/collection/components/hy-checkbox/hy-checkbox.css +12 -8
  63. package/dist/collection/components/hy-content-lists/hy-content-list-item/hy-content-list-item.css +6 -0
  64. package/dist/collection/components/hy-crisis-banner/hy-crisis-banner.css +2 -2
  65. package/dist/collection/components/hy-cta-button/cta-button.css +63 -15
  66. package/dist/collection/components/hy-cta-link/cta-link.css +8 -2
  67. package/dist/collection/components/hy-dropdown/hy-dropdown.css +1 -1
  68. package/dist/collection/components/hy-event-item/hy-event-item.css +4 -4
  69. package/dist/collection/components/hy-events/hy-events.css +6 -0
  70. package/dist/collection/components/hy-filter-group/hy-filter-group.css +6 -0
  71. package/dist/collection/components/hy-filter-list-type/hy-filter-list-type.css +12 -0
  72. package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.css +8 -4
  73. package/dist/collection/components/hy-general-list-item/hy-general-list-item.css +8 -2
  74. package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.css +3 -22
  75. package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js +2 -1
  76. package/dist/collection/components/hy-link-box/link-box.css +4 -1
  77. package/dist/collection/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.css +29 -2
  78. package/dist/collection/components/hy-navigation/menu-language/menu-language.css +11 -3
  79. package/dist/collection/components/hy-navigation/menu-language-item/menu-language-item.css +6 -0
  80. package/dist/collection/components/hy-opening-hours/hy-opening-hours.css +9 -2
  81. package/dist/collection/components/hy-pagination/hy-pager-item/hy-pager-item.css +6 -0
  82. package/dist/collection/components/hy-person-card/hy-person-card.css +1 -1
  83. package/dist/collection/components/hy-person-profile/person-profile.js +4 -4
  84. package/dist/collection/components/hy-search-field/hy-search-field.css +12 -6
  85. package/dist/collection/components/hy-shortcuts/hy-shortcuts.css +6 -0
  86. package/dist/collection/components/hy-site-header/site-header.css +24 -4
  87. package/dist/collection/components/hy-site-header/site-header.js +1 -1
  88. package/dist/collection/components/hy-site-header/site-logo/site-logo.css +6 -4
  89. package/dist/collection/components/hy-site-header/site-search/site-search.css +20 -6
  90. package/dist/collection/components/hy-tabs/hy-tabs.css +12 -4
  91. package/dist/esm/hy-accordion-container_2.entry.js +1 -1
  92. package/dist/esm/hy-anchor-link-list.entry.js +1 -1
  93. package/dist/esm/hy-breadcrumbs_15.entry.js +11 -11
  94. package/dist/esm/hy-checkbox.entry.js +1 -1
  95. package/dist/esm/hy-content-list_2.entry.js +1 -1
  96. package/dist/esm/hy-crisis-banner.entry.js +1 -1
  97. package/dist/esm/hy-cta-button.entry.js +1 -1
  98. package/dist/esm/hy-cta-link.entry.js +1 -1
  99. package/dist/esm/hy-dropdown.entry.js +1 -1
  100. package/dist/esm/hy-event-item.entry.js +1 -1
  101. package/dist/esm/hy-events.entry.js +1 -1
  102. package/dist/esm/hy-filter-group_6.entry.js +3 -3
  103. package/dist/esm/hy-general-list_2.entry.js +1 -1
  104. package/dist/esm/hy-hero-carousel.entry.js +358 -337
  105. package/dist/esm/hy-link-box_2.entry.js +1 -1
  106. package/dist/esm/hy-menu-main-group.entry.js +1 -1
  107. package/dist/esm/hy-opening-hours_2.entry.js +1 -1
  108. package/dist/esm/hy-pager_2.entry.js +1 -1
  109. package/dist/esm/hy-person-card.entry.js +1 -1
  110. package/dist/esm/hy-person-profile.entry.js +4 -4
  111. package/dist/esm/hy-shortcuts.entry.js +1 -1
  112. package/dist/esm/hy-tabs_2.entry.js +1 -1
  113. package/dist/huds-lib/hy-accordion-container_2.entry.js +1 -1
  114. package/dist/huds-lib/hy-anchor-link-list.entry.js +1 -1
  115. package/dist/huds-lib/hy-breadcrumbs_15.entry.js +1 -1
  116. package/dist/huds-lib/hy-checkbox.entry.js +1 -1
  117. package/dist/huds-lib/hy-content-list_2.entry.js +1 -1
  118. package/dist/huds-lib/hy-crisis-banner.entry.js +1 -1
  119. package/dist/huds-lib/hy-cta-button.entry.js +1 -1
  120. package/dist/huds-lib/hy-cta-link.entry.js +1 -1
  121. package/dist/huds-lib/hy-dropdown.entry.js +1 -1
  122. package/dist/huds-lib/hy-event-item.entry.js +1 -1
  123. package/dist/huds-lib/hy-events.entry.js +1 -1
  124. package/dist/huds-lib/hy-filter-group_6.entry.js +1 -1
  125. package/dist/huds-lib/hy-general-list_2.entry.js +1 -1
  126. package/dist/huds-lib/hy-hero-carousel.entry.js +1 -1
  127. package/dist/huds-lib/hy-link-box_2.entry.js +1 -1
  128. package/dist/huds-lib/hy-menu-main-group.entry.js +1 -1
  129. package/dist/huds-lib/hy-opening-hours_2.entry.js +1 -1
  130. package/dist/huds-lib/hy-pager_2.entry.js +1 -1
  131. package/dist/huds-lib/hy-person-card.entry.js +1 -1
  132. package/dist/huds-lib/hy-person-profile.entry.js +1 -1
  133. package/dist/huds-lib/hy-shortcuts.entry.js +1 -1
  134. package/dist/huds-lib/hy-tabs_2.entry.js +1 -1
  135. package/package.json +3 -3
@@ -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-3f479486.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;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance;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;text-wrap:pretty;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}
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-3f479486.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{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-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;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance;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;text-wrap:pretty;hyphens:auto;margin:0;text-wrap:pretty}@media (min-width: 60rem){.hy-link-box__text-container__description{font-size:var(--ds-fontSize-16)}}';const r=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)}};r.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,r as hy_link_box_list}
@@ -1 +1 @@
1
- import{r as i,c as e,h as o,H as n,g as t}from"./index-2ffe17c9.js";import{C as a,S as r}from"./utils-1e7f5184.js";import{j as l}from"./globalScript-3f479486.js";let s={enter:"Enter"};const m=class{constructor(o){i(this,o),this.universityMainMenuToggled=e(this,"universityMainMenuToggled",7),this.mobileMenuTopToggle=e(this,"mobileMenuTopToggle",7),this.menuLabel="University main menu",this.menuLabelClose="Close",this.dataMainMenu=void 0,this.isMobile=!1,this.logoUrl=void 0,this.logoLabel=void 0,this.siteLabel=void 0,this.siteUrl=void 0,this.donate=void 0,this.isMenuOpen=!1}async componentWillLoad(){this._dataMainMenu=await l(this.dataMainMenu)}handleComponentClick(i){this.isMenuOpen=!this.isMenuOpen,this.emitEvent(),this.isMenuOpen&&this.adjustMainMenuPosition(i.target),this.isMenuOpen||this.showBackdropShadow("close"),i.stopPropagation()}handleComponentKeyDown(i){i.stopPropagation();const e=i.code;let o=i.target;"Escape"===e&&this.isMenuOpen&&(this.isMenuOpen=!1,this.emitEvent()),o&&[s.enter].includes(e)&&(this.isMenuOpen=!this.isMenuOpen,this.isMenuOpen&&(this.emitEvent(),this.adjustMainMenuPosition(o)))}handleOutsideMenuClick(i){this.isMenuOpen&&(this.isMenuOpen=!1,this.handleTopMenuClose(i)),i.stopPropagation()}emitEvent(){this.universityMainMenuToggled.emit(),this.mobileMenuTopToggle.emit()}adjustMainMenuPosition(i){let e=this.el.closest(".hy-site-header__content-top");if(e&&!e.hasAttribute("is-mobile")){let o=i.shadowRoot.querySelector(".menu--main-group__toggle"),n=i.shadowRoot.querySelector(".menu--main-group__dropdown"),t=i.shadowRoot.querySelector(".list");if(n&&t&&o){let i=e.getBoundingClientRect(),a=o.getBoundingClientRect();n.style.top=`${i.height}px`,t.style.left=`${a.left}px`}this.showBackdropShadow("open",e.offsetHeight+270)}}showBackdropShadow(i="close",e=0){let o=this.el.closest(".hy-site-header").children[0];if(o)if("open"===i){let i=window.outerHeight-e;o.style.height=`${i}px`,o.style.top=`${e}px`,o.style.position="absolute",o.classList.add("is-active")}else o.removeAttribute("style"),o.classList.remove("is-active")}handleTopMenuClose(i){this.isMenuOpen=!1,this.mobileMenuTopToggle.emit(),this.showBackdropShadow("close"),i.stopPropagation()}render(){const i="var(--grayscale-white)",e=r.small,t=a.white;return this.isMobile?o(n,{class:{"menu--main-group--mobile":!0,"menu--main-group--mobile__is-open":this.isMenuOpen}},o("button",{"aria-label":this.menuLabel,class:{"menu--main-group__mobile-toggle":!0,"is-open":this.isMenuOpen}},o("hy-icon",{icon:"hy-icon-slim-hamburger-menu",size:20,fill:i})),o("nav",{role:"navigation","aria-hidden":this.isMenuOpen?"false":"true",class:{"menu--main-group__dropdown--mobile":!0,"is-open":this.isMenuOpen}},o("div",{class:"menu--main-group__dropdown__top"},o("div",{class:"menu--main-group__logo-container",id:"menu-logo"},o("hy-site-logo",{"is-group":!0,size:e,color:t,url:this.siteUrl,label:this.siteLabel})),o("button",{"aria-label":`Close ${this.menuLabel}`,class:"menu--main-group__dropdown__close",onClick:i=>this.handleTopMenuClose(i)},o("hy-icon",{icon:"hy-icon-remove",size:20,fill:i}))),o("div",{class:"menu--main-group__dropdown__items"},this._dataMainMenu.map((i=>o("a",{href:i.url,class:{"menu-main-link":!0}},o("span",{class:"menu--main-group__label"},i.label))))),o("div",{class:"menu--main-group__dropdown__donate"},this.donate&&this.donate.map((i=>o("a",{class:"menu--secondary__item hy-link__donate group",href:i.url},o("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:t}),o("span",{class:"hy-link__donate__label group"},i.label))))))):o(n,{class:{"menu--main-group":!0,"menu--main-group__is-open":this.isMenuOpen}},o("button",{class:{"menu--main-group__toggle":!0,"is-open":this.isMenuOpen},"aria-expanded":this.isMenuOpen?"true":"false","aria-haspopup":"menu"},o("hy-icon",this.isMenuOpen?{class:"toggle__close",icon:"hy-icon-remove",size:8,fill:i}:{class:"toggle__caret",icon:"hy-icon-slim-hamburger-menu",size:8,fill:i}),o("span",null,this.menuLabel)),o("div",{class:{"menu--main-group__dropdown":!0,"is-open":this.isMenuOpen}},o("div",{class:"list"},this._dataMainMenu.map((e=>o("a",{href:e.url,class:{"menu-main-link":!0}},o("span",{class:"heading-icon"},o("hy-icon",{icon:"hy-icon-caret-right",size:10,fill:i})),o("span",{class:"menu--main-group__label"},e.label))))),o("button",{onClick:i=>this.handleComponentClick(i),class:{"panel-toggle":!0},"aria-label":"Close menu"},o("span",{class:"panel-toggle__label"},o("span",{class:"panel-toggle__label__title"},this.menuLabelClose),o("hy-icon",{icon:"hy-icon-remove",size:20,fill:a.white})))))}get el(){return t(this)}};m.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}:host(.menu--main-group){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;margin-left:28px}@media (min-width: 75.0625rem){:host(.menu--main-group){margin-right:auto}}.menu--main-group__toggle{font-size:0.875rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--grayscale-black);border:0 none;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;font-family:var(--main-font-family);letter-spacing:-0.44px;margin:0 -4px;padding:0;position:relative}.menu--main-group__toggle:focus{outline:none}.menu--main-group__toggle:hover{cursor:pointer}.menu--main-group__toggle:hover span{color:var(--grayscale-medium)}.menu--main-group__toggle:hover svg{fill:var(--grayscale-medium)}@media (min-width: 60rem){.menu--main-group__toggle .toggle__caret svg{height:15.27px;width:3px}}@media (min-width: 75.0625rem){.menu--main-group__toggle .toggle__caret svg{height:14px;width:3px}}@media (min-width: 60rem){.menu--main-group__toggle span{margin-left:17px}}.menu--main-group__toggle.is-open:after{border-bottom:3px solid white;bottom:-10px;content:" ";position:absolute;width:100%}@media (min-width: 60rem){.menu--main-group__toggle.is-open .toggle__close{height:15px;width:15px}.menu--main-group__toggle.is-open .toggle__close svg{height:15px;width:15px}}@media (min-width: 60rem){.menu--main-group__toggle.is-open span{margin-left:10px}}.menu--main-group__dropdown{display:none;visibility:hidden}.menu--main-group__dropdown.is-open{background-color:var(--grayscale-black);border-radius:0 0 5px 5px;-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);left:0;margin:0;padding:6px 0 20px;position:absolute;top:0;visibility:visible;width:100%;z-index:511}.menu--main-group__dropdown.is-open .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;justify-items:center;padding-top:14px;position:relative}.menu--main-group__dropdown.is-open .panel-toggle{background-color:transparent;border:none;position:absolute;right:0;top:0}@media (min-width: 60rem){.menu--main-group__dropdown.is-open .panel-toggle{padding:26px 32px}}.menu--main-group__dropdown.is-open .panel-toggle__label{font-size:1rem;line-height:20px;font-weight:700;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.5px;text-transform:uppercase}.menu--main-group__dropdown.is-open .panel-toggle__label__title{padding-right:12px}.menu--main-group__dropdown.is-open .panel-toggle__label:hover{cursor:pointer}.menu--main-group__dropdown.is-open .panel-toggle__label:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .panel-toggle__label:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link{font-size:1rem;line-height:20px;-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);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:20px;text-decoration:none}@media (min-width: 75.0625rem){.menu--main-group__dropdown.is-open .menu-main-link{font-size:0.875rem;line-height:18px}}.menu--main-group__dropdown.is-open .menu-main-link:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu--main-group__label{color:var(--grayscale-white);margin-left:12px}:host(.menu--main-group--mobile){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;position:relative}.menu--main-group__mobile-toggle{border:none;background:transparent;padding:15px 12px}.menu--main-group__mobile-toggle:hover{cursor:pointer}.menu--main-group__dropdown__top{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:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:23px}.menu--main-group__dropdown__close{border:none;background-color:transparent;padding:0;margin:0}.menu--main-group__dropdown__close:hover{cursor:pointer}.menu--main-group__logo-container .hy-site-logo__label.group{max-width:250px}.menu--main-group__dropdown__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu--main-group__dropdown__items .menu-main-link{font-size:0.9375rem;line-height:20px;background-color:var(--grayscale-dark-text);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.5px;margin-bottom:8px;padding:14px 20px;text-decoration:none;width:100%}.menu--main-group__dropdown__items .menu-main-link:hover{text-decoration:underline}.menu--main-group__dropdown__donate{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:center;-ms-flex-pack:center;justify-content:center;background-color:var(--grayscale-dark-text);position:fixed;bottom:0;margin-left:-20px;width:100%}.menu--main-group__dropdown__donate .hy-link__donate.group{font-size:1rem;line-height:16px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--grayscale-white);font-family:var(--main-font-family);margin:20px auto 16px auto;text-decoration:none}.menu--main-group__dropdown__donate .hy-link__donate.group .hy-link__donate__label{margin-left:6px}.menu--main-group__dropdown--mobile{-webkit-box-direction:normal;-webkit-box-orient:vertical;background-color:var(--grayscale-black);bottom:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-items:space-between;max-width:400px;overflow:hidden;padding:0px;place-items:stretch;position:fixed;right:0px;top:0px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;visibility:hidden;width:0px}.menu--main-group__dropdown--mobile.is-open{padding:50px 20px 20px;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);visibility:visible;width:90%;z-index:101}.menu--main-group__dropdown--mobile.is-open::after{opacity:1;visibility:visible}';export{m as hy_menu_main_group}
1
+ import{r as i,c as o,h as e,H as n,g as t}from"./index-2ffe17c9.js";import{C as r,S as a}from"./utils-1e7f5184.js";import{j as l}from"./globalScript-3f479486.js";let s={enter:"Enter"};const d=class{constructor(e){i(this,e),this.universityMainMenuToggled=o(this,"universityMainMenuToggled",7),this.mobileMenuTopToggle=o(this,"mobileMenuTopToggle",7),this.menuLabel="University main menu",this.menuLabelClose="Close",this.dataMainMenu=void 0,this.isMobile=!1,this.logoUrl=void 0,this.logoLabel=void 0,this.siteLabel=void 0,this.siteUrl=void 0,this.donate=void 0,this.isMenuOpen=!1}async componentWillLoad(){this._dataMainMenu=await l(this.dataMainMenu)}handleComponentClick(i){this.isMenuOpen=!this.isMenuOpen,this.emitEvent(),this.isMenuOpen&&this.adjustMainMenuPosition(i.target),this.isMenuOpen||this.showBackdropShadow("close"),i.stopPropagation()}handleComponentKeyDown(i){i.stopPropagation();const o=i.code;let e=i.target;"Escape"===o&&this.isMenuOpen&&(this.isMenuOpen=!1,this.emitEvent()),e&&[s.enter].includes(o)&&(this.isMenuOpen=!this.isMenuOpen,this.isMenuOpen&&(this.emitEvent(),this.adjustMainMenuPosition(e)))}handleOutsideMenuClick(i){this.isMenuOpen&&(this.isMenuOpen=!1,this.handleTopMenuClose(i)),i.stopPropagation()}emitEvent(){this.universityMainMenuToggled.emit(),this.mobileMenuTopToggle.emit()}adjustMainMenuPosition(i){let o=this.el.closest(".hy-site-header__content-top");if(o&&!o.hasAttribute("is-mobile")){let e=i.shadowRoot.querySelector(".menu--main-group__toggle"),n=i.shadowRoot.querySelector(".menu--main-group__dropdown"),t=i.shadowRoot.querySelector(".list");if(n&&t&&e){let i=o.getBoundingClientRect(),r=e.getBoundingClientRect();n.style.top=`${i.height}px`,t.style.left=`${r.left}px`}this.showBackdropShadow("open",o.offsetHeight+270)}}showBackdropShadow(i="close",o=0){let e=this.el.closest(".hy-site-header").children[0];if(e)if("open"===i){let i=window.outerHeight-o;e.style.height=`${i}px`,e.style.top=`${o}px`,e.style.position="absolute",e.classList.add("is-active")}else e.removeAttribute("style"),e.classList.remove("is-active")}handleTopMenuClose(i){this.isMenuOpen=!1,this.mobileMenuTopToggle.emit(),this.showBackdropShadow("close"),i.stopPropagation()}render(){const i="var(--grayscale-white)",o=a.small,t=r.white;return this.isMobile?e(n,{class:{"menu--main-group--mobile":!0,"menu--main-group--mobile__is-open":this.isMenuOpen}},e("button",{"aria-label":this.menuLabel,class:{"menu--main-group__mobile-toggle":!0,"is-open":this.isMenuOpen}},e("hy-icon",{icon:"hy-icon-slim-hamburger-menu",size:20,fill:i})),e("nav",{role:"navigation","aria-hidden":this.isMenuOpen?"false":"true",class:{"menu--main-group__dropdown--mobile":!0,"is-open":this.isMenuOpen}},e("div",{class:"menu--main-group__dropdown__top"},e("div",{class:"menu--main-group__logo-container",id:"menu-logo"},e("hy-site-logo",{"is-group":!0,size:o,color:t,url:this.siteUrl,label:this.siteLabel})),e("button",{"aria-label":`Close ${this.menuLabel}`,class:"menu--main-group__dropdown__close",onClick:i=>this.handleTopMenuClose(i)},e("hy-icon",{icon:"hy-icon-remove",size:20,fill:i}))),e("div",{class:"menu--main-group__dropdown__items"},this._dataMainMenu.map((i=>e("a",{href:i.url,class:{"menu-main-link":!0}},e("span",{class:"menu--main-group__label"},i.label))))),e("div",{class:"menu--main-group__dropdown__donate"},this.donate&&this.donate.map((i=>e("a",{class:"menu--secondary__item hy-link__donate group",href:i.url},e("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:t}),e("span",{class:"hy-link__donate__label group"},i.label))))))):e(n,{class:{"menu--main-group":!0,"menu--main-group__is-open":this.isMenuOpen}},e("button",{class:{"menu--main-group__toggle":!0,"is-open":this.isMenuOpen},"aria-expanded":this.isMenuOpen?"true":"false","aria-haspopup":"menu"},e("hy-icon",this.isMenuOpen?{class:"toggle__close",icon:"hy-icon-remove",size:8,fill:i}:{class:"toggle__caret",icon:"hy-icon-slim-hamburger-menu",size:8,fill:i}),e("span",null,this.menuLabel)),e("div",{class:{"menu--main-group__dropdown":!0,"is-open":this.isMenuOpen}},e("div",{class:"list"},this._dataMainMenu.map((o=>e("a",{href:o.url,class:{"menu-main-link":!0}},e("span",{class:"heading-icon"},e("hy-icon",{icon:"hy-icon-caret-right",size:10,fill:i})),e("span",{class:"menu--main-group__label"},o.label))))),e("button",{onClick:i=>this.handleComponentClick(i),class:{"panel-toggle":!0},"aria-label":"Close menu"},e("span",{class:"panel-toggle__label"},e("span",{class:"panel-toggle__label__title"},this.menuLabelClose),e("hy-icon",{icon:"hy-icon-remove",size:20,fill:r.white})))))}get el(){return t(this)}};d.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}:host(.menu--main-group){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;margin-left:28px}@media (min-width: 75.0625rem){:host(.menu--main-group){margin-right:auto}}.menu--main-group__toggle{font-size:0.875rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--grayscale-black);border:0 none;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;font-family:var(--main-font-family);letter-spacing:-0.44px;margin:0 -4px;padding:0;position:relative}.menu--main-group__toggle:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.menu--main-group__toggle:hover{cursor:pointer}.menu--main-group__toggle:hover span{color:var(--grayscale-medium)}.menu--main-group__toggle:hover svg{fill:var(--grayscale-medium)}@media (min-width: 60rem){.menu--main-group__toggle .toggle__caret svg{height:15.27px;width:3px}}@media (min-width: 75.0625rem){.menu--main-group__toggle .toggle__caret svg{height:14px;width:3px}}@media (min-width: 60rem){.menu--main-group__toggle span{margin-left:17px}}.menu--main-group__toggle.is-open:after{border-bottom:3px solid white;bottom:-10px;content:" ";position:absolute;width:100%}@media (min-width: 60rem){.menu--main-group__toggle.is-open .toggle__close{height:15px;width:15px}.menu--main-group__toggle.is-open .toggle__close svg{height:15px;width:15px}}@media (min-width: 60rem){.menu--main-group__toggle.is-open span{margin-left:10px}}.menu--main-group__dropdown{display:none;visibility:hidden}.menu--main-group__dropdown.is-open{background-color:var(--grayscale-black);border-radius:0 0 5px 5px;-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);left:0;margin:0;padding:6px 0 20px;position:absolute;top:0;visibility:visible;width:100%;z-index:511}.menu--main-group__dropdown.is-open .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;justify-items:center;padding-top:14px;position:relative}.menu--main-group__dropdown.is-open .panel-toggle{background-color:transparent;border:none;position:absolute;right:0;top:0}@media (min-width: 60rem){.menu--main-group__dropdown.is-open .panel-toggle{padding:26px 32px}}.menu--main-group__dropdown.is-open .panel-toggle__label{font-size:1rem;line-height:20px;font-weight:700;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.5px;text-transform:uppercase}.menu--main-group__dropdown.is-open .panel-toggle__label__title{padding-right:12px}.menu--main-group__dropdown.is-open .panel-toggle__label:hover{cursor:pointer}.menu--main-group__dropdown.is-open .panel-toggle__label:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .panel-toggle__label:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link{font-size:1rem;line-height:20px;-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);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:20px;text-decoration:none}@media (min-width: 75.0625rem){.menu--main-group__dropdown.is-open .menu-main-link{font-size:0.875rem;line-height:18px}}.menu--main-group__dropdown.is-open .menu-main-link:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.menu--main-group__dropdown.is-open .menu--main-group__label{color:var(--grayscale-white);margin-left:12px}:host(.menu--main-group--mobile){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;position:relative}.menu--main-group__mobile-toggle{border:none;background:transparent;padding:15px 12px}.menu--main-group__mobile-toggle:hover{cursor:pointer}.menu--main-group__mobile-toggle:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.menu--main-group__dropdown__top{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:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:23px}.menu--main-group__dropdown__close{border:none;background-color:transparent;padding:0;margin:0}.menu--main-group__dropdown__close:hover{cursor:pointer}.menu--main-group__dropdown__close:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.menu--main-group__logo-container .hy-site-logo__label.group{max-width:250px}.menu--main-group__dropdown__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu--main-group__dropdown__items .menu-main-link{font-size:0.9375rem;line-height:20px;background-color:var(--grayscale-dark-text);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.5px;margin-bottom:8px;padding:14px 20px;text-decoration:none;width:100%}.menu--main-group__dropdown__items .menu-main-link:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.menu--main-group__dropdown__items .menu-main-link:hover{text-decoration:underline}.menu--main-group__dropdown__donate{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:center;-ms-flex-pack:center;justify-content:center;background-color:var(--grayscale-dark-text);position:fixed;bottom:0;margin-left:-20px;width:100%}.menu--main-group__dropdown__donate .hy-link__donate.group{font-size:1rem;line-height:16px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--grayscale-white);font-family:var(--main-font-family);margin:20px auto 16px auto;text-decoration:none}.menu--main-group__dropdown__donate .hy-link__donate.group .hy-link__donate__label{margin-left:6px}.menu--main-group__dropdown--mobile{-webkit-box-direction:normal;-webkit-box-orient:vertical;background-color:var(--grayscale-black);bottom:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-items:space-between;max-width:400px;overflow:hidden;padding:0px;place-items:stretch;position:fixed;right:0px;top:0px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;visibility:hidden;width:0px}.menu--main-group__dropdown--mobile.is-open{padding:50px 20px 20px;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);visibility:visible;width:90%;z-index:101}.menu--main-group__dropdown--mobile.is-open::after{opacity:1;visibility:visible}';export{d as hy_menu_main_group}
@@ -1 +1 @@
1
- import{r as e,h as t,H as o}from"./index-2ffe17c9.js";import{h as a}from"./utils-1e7f5184.js";const s=class{constructor(t){e(this,t),this.blockTitle=null,this.language=void 0,this.venueType="libraries",this.blockId=void 0,this.nextLabel=void 0,this.prevLabel=void 0,this.listLabel=void 0,this.buildingLabel=void 0,this.customerServiceLabel=void 0,this.date=null,this.dateTitle=null,this.dateType="day",this.multiple=!1,this.customLinkTitle=null,this.customLink=null,this.exceptional=!1}render(){const e=["hy-open-hours--container",this.exceptional?"hy-open-hours--container--exceptional":""].join(" "),s=["open-hours__content__top-label",this.venueType].join(" "),r=["open-hours__content__top-label building",this.venueType].join(" ");return t(o,{key:"27ec831cb172ae635928c13d4f0cd66d8246bd31"},t("div",{key:"04c891df80dd31cb534170453d6e11298169f026",class:e,"data-lang":this.language,"data-id":this.blockId,"data-date":this.date,"data-type":this.dateType,"data-multiple":this.multiple},this.blockTitle&&t("h3",{key:"326d004c18c5358edb76e78dbdf528bd10177f1b",class:"open-hours__title"},this.blockTitle),!this.exceptional&&t("div",{key:"827e2d09636257b3ccb04f3e039734d5fa0f4034",class:"open-hours__date-change"},t("button",{key:"1f1456fdfdc290cf766ac3f549b53a0adda3a734","aria-label":this.prevLabel,class:"icon--arrow-left open-hours__prev-date"},t("hy-icon",{key:"133d0e12b62644d7781540734383355828280465",icon:"hy-icon-caret-left",size:18})),t("span",{key:"de93e1a544453435782822ecaed05603bbc941ee",class:"open-hours__date-change--title"},this.dateTitle),t("button",{key:"c6424e38ef0176f83cfd122abf3567e840c8a67c","aria-label":this.nextLabel,class:"icon--arrow-right open-hours__next-date"},t("hy-icon",{key:"d0c29f29499a60bcd5ec3a451118db11d3f7e034",icon:"hy-icon-caret-right",size:18}))),t("div",{key:"f2263f5bf5e674cce90f2e69f94f6bd200b839f9",class:"open-hours__content__top"},t("span",{key:"80622ed1ebe43d12dc6d0b678119583c4f5e92db",class:s},this.listLabel),t("span",{key:"220d882c8e9623d506b75ca5e1c7abed39dd98f3",class:r},this.buildingLabel),this.customerServiceLabel&&t("span",{key:"26d83f17cf306ac3dcf6dbea84d4d8e6d1fc8ce2",class:s},this.customerServiceLabel)),t("div",{key:"2baf8cd44848799217c8927ea241d4902c078665",class:"open-hours__content"},t("slot",{key:"3d441eda2be7121701e365224ec6957556d63528"})),this.customLink&&t("div",{key:"69781044e9521e1eb101c670f98348cd82c67cd8",class:"open-hours__links"},t("hy-cta-link",{key:"d772e2f2852141c7edf3265d9f336f946952b724","full-width":!0,"link-content":this.customLinkTitle,"sc-label":this.customLinkTitle,url:this.customLink,variant:a.linkList}))),t("hy-box",{key:"cdc2e7611c6ea002427c89346a9f469ca3808e5e",mb:"1.75, 1.75, 2, 2.5"}))}};s.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-open-hours--container{font-family:var(--main-font-family);max-width:50rem;overflow:hidden}.hy-open-hours--container--exceptional{max-width:100%}.open-hours__title{text-transform:none;margin-bottom:0.75rem}.open-hours__date-change{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);color:var(--brand-main);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:justify;-ms-flex-pack:justify;justify-content:space-between}.open-hours__date-change--title{font-size:1.25rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-align:center;text-transform:none}.open-hours__date-change .open-hours__prev-date,.open-hours__date-change .open-hours__next-date{background:none;border:0;color:var(--brand-main);display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;outline:5px solid var(--grayscale-white);position:relative;width:44px}.open-hours__date-change .open-hours__prev-date:hover,.open-hours__date-change .open-hours__next-date:hover{background-color:var(--hover-gray);color:var(--brand-main-active);cursor:pointer}.open-hours__date-change .open-hours__prev-date:focus,.open-hours__date-change .open-hours__next-date:focus{background-color:var(--hover-gray);color:var(--brand-main-active)}.open-hours__date-change .open-hours__prev-date:disabled,.open-hours__date-change .open-hours__next-date:disabled{cursor:none}.open-hours__date-change .open-hours__prev-date hy-icon,.open-hours__date-change .open-hours__next-date hy-icon{color:var(--link-blue);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.open-hours__date-change .open-hours__prev-date svg,.open-hours__date-change .open-hours__next-date svg{fill:currentColor;height:20px;width:20px}.open-hours__date-change .open-hours__prev-date{border-right:1px solid var(--link-blue)}.open-hours__date-change .open-hours__next-date{border-left:1px solid var(--link-blue)}.open-hours__content__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0.9rem;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.5rem 0}.open-hours__content__top-label{margin:0.5rem 0 0.5rem 0;text-align:left;width:33.3333333333vw;word-break:break-word}.open-hours__content__top-label:first-child(){margin-right:1rem}.open-hours__content__top-label.luomus{width:50vw}.open-hours__content__top-label.building.luomus{text-align:center}.open-hours__content{position:relative}.open-hours__content.open-hours__loading:after{-webkit-animation-duration:1s;animation-duration:1s;font-size:3.2rem;position:absolute;left:45%;top:35%;z-index:2}.open-hours__content.slide-left{-webkit-animation:slide-left 0.2s ease-in-out both;animation:slide-left 0.2s ease-in-out both}.open-hours__content.slide-left-reverse{-webkit-animation:slide-left-reverse 0.2s ease-in-out reverse both;animation:slide-left-reverse 0.2s ease-in-out reverse both}.open-hours__content.slide-right{-webkit-animation:slide-right 0.2s ease-in-out both;animation:slide-right 0.2s ease-in-out both}.open-hours__content.slide-right-reverse{-webkit-animation:slide-right-reverse 0.2s ease-in-out reverse both;animation:slide-right-reverse 0.2s ease-in-out reverse both}.open-hours__links{margin:1.5rem 0 1rem 0}.open-hours__links .open-hours__link .hy-cta-link{width:100% !important;-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.open-hours__links .open-hours__link .hy-cta-link .text{width:100% !important}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@-webkit-keyframes slide-right-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@keyframes slide-right-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@-webkit-keyframes slide-left-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@keyframes slide-left-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}";const r=class{constructor(t){e(this,t),this.multiple=!1,this.accessWithTagLabel=null,this.buildingLabel=null,this.learningCentreLabel=null,this.venueType="libraries",this.dataItems=void 0}dataItemsWatcher(e){this._dataItems="string"==typeof e?JSON.parse(e):e}componentWillLoad(){this.dataItemsWatcher(this.dataItems)}render(){const e=["open-hours__content__top-label",this.venueType].join(" "),a=["open-hours__content__top-label building",this.venueType].join(" ");return t(o,{key:"5e921f2edb30e73404aa8f648208f3d915476fd2"},this._dataItems.map((e=>{if(e.accessWithTag)return;const o=["open-hours__list-item",e.today?"open-hours__list-item--today":""].join(" "),a=["open-hours__list-item--hours",this.venueType].join(" "),s=["open-hours__list-item--office",this.venueType].join(" ");return t("div",{class:o},t("span",{class:s},e.today?e.today:e.dateLibrary),t("span",{class:a},e.building),"luomus"!==this.venueType&&t("span",{class:"open-hours__list-item--service"},e.service))})),this.accessWithTagLabel&&t("div",{key:"6a6b0ff43a7992189b2b14570e143b44a998f516",class:"open-hours__content__top"},t("span",{key:"0bc3516d04d414bf851398d74fdd1cc4824f2e0e",class:e},this.learningCentreLabel),t("span",{key:"3afeeb4f92a0f5a22197dc2c7a6ec1bbb6d5c941",class:a},this.buildingLabel),this.accessWithTagLabel&&t("span",{key:"932472179138419cb57a8afeb92db85c876266ca",class:e},this.accessWithTagLabel)),this._dataItems.map((e=>{var o;if(!e.accessWithTag)return;const a=["open-hours__list-item",e.today?"open-hours__list-item--today":""].join(" ");return t("div",{class:a},t("span",{class:"open-hours__list-item--office"},e.today?e.today:e.dateLibrary),t("span",{class:"open-hours__list-item--hours"},e.building),t("span",{class:"open-hours__list-item--service"},null!==(o=e.service)&&void 0!==o?o:"-"))})))}static get watchers(){return{dataItems:["dataItemsWatcher"]}}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.open-hours__list-item{border-top:1px solid var(--grayscale-medium);color:var(--grayscale-dark-text);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0.875rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.5rem 0;font-family:var(--main-font-family);text-align:start}.open-hours__list-item--today{background-color:var(--grayscale-light)}.open-hours__list-item--today span:first-child{margin-left:4px;padding-left:4px;margin-right:-8px;font-weight:bold;border-left:2px solid var(--grayscale-black)}.open-hours__list-item>span:not(.luomus){text-align:left;width:33.3333333333vw}.open-hours__list-item>span.luomus{width:50vw}.open-hours__list-item--date{margin-right:1rem}.open-hours__list-item--hours{margin-right:0.2rem}.open-hours__list-item--hours.luomus{text-align:center}";export{s as hy_opening_hours,r as hy_opening_hours_content}
1
+ import{r as e,h as t,H as o}from"./index-2ffe17c9.js";import{h as s}from"./utils-1e7f5184.js";const a=class{constructor(t){e(this,t),this.blockTitle=null,this.language=void 0,this.venueType="libraries",this.blockId=void 0,this.nextLabel=void 0,this.prevLabel=void 0,this.listLabel=void 0,this.buildingLabel=void 0,this.customerServiceLabel=void 0,this.date=null,this.dateTitle=null,this.dateType="day",this.multiple=!1,this.customLinkTitle=null,this.customLink=null,this.exceptional=!1}render(){const e=["hy-open-hours--container",this.exceptional?"hy-open-hours--container--exceptional":""].join(" "),a=["open-hours__content__top-label",this.venueType].join(" "),r=["open-hours__content__top-label building",this.venueType].join(" ");return t(o,{key:"27ec831cb172ae635928c13d4f0cd66d8246bd31"},t("div",{key:"04c891df80dd31cb534170453d6e11298169f026",class:e,"data-lang":this.language,"data-id":this.blockId,"data-date":this.date,"data-type":this.dateType,"data-multiple":this.multiple},this.blockTitle&&t("h3",{key:"326d004c18c5358edb76e78dbdf528bd10177f1b",class:"open-hours__title"},this.blockTitle),!this.exceptional&&t("div",{key:"827e2d09636257b3ccb04f3e039734d5fa0f4034",class:"open-hours__date-change"},t("button",{key:"1f1456fdfdc290cf766ac3f549b53a0adda3a734","aria-label":this.prevLabel,class:"icon--arrow-left open-hours__prev-date"},t("hy-icon",{key:"133d0e12b62644d7781540734383355828280465",icon:"hy-icon-caret-left",size:18})),t("span",{key:"de93e1a544453435782822ecaed05603bbc941ee",class:"open-hours__date-change--title"},this.dateTitle),t("button",{key:"c6424e38ef0176f83cfd122abf3567e840c8a67c","aria-label":this.nextLabel,class:"icon--arrow-right open-hours__next-date"},t("hy-icon",{key:"d0c29f29499a60bcd5ec3a451118db11d3f7e034",icon:"hy-icon-caret-right",size:18}))),t("div",{key:"f2263f5bf5e674cce90f2e69f94f6bd200b839f9",class:"open-hours__content__top"},t("span",{key:"80622ed1ebe43d12dc6d0b678119583c4f5e92db",class:a},this.listLabel),t("span",{key:"220d882c8e9623d506b75ca5e1c7abed39dd98f3",class:r},this.buildingLabel),this.customerServiceLabel&&t("span",{key:"26d83f17cf306ac3dcf6dbea84d4d8e6d1fc8ce2",class:a},this.customerServiceLabel)),t("div",{key:"2baf8cd44848799217c8927ea241d4902c078665",class:"open-hours__content"},t("slot",{key:"3d441eda2be7121701e365224ec6957556d63528"})),this.customLink&&t("div",{key:"69781044e9521e1eb101c670f98348cd82c67cd8",class:"open-hours__links"},t("hy-cta-link",{key:"d772e2f2852141c7edf3265d9f336f946952b724","full-width":!0,"link-content":this.customLinkTitle,"sc-label":this.customLinkTitle,url:this.customLink,variant:s.linkList}))),t("hy-box",{key:"cdc2e7611c6ea002427c89346a9f469ca3808e5e",mb:"1.75, 1.75, 2, 2.5"}))}};a.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-open-hours--container{font-family:var(--main-font-family);max-width:50rem;overflow:hidden}.hy-open-hours--container--exceptional{max-width:100%}.open-hours__title{text-transform:none;margin-bottom:0.75rem}.open-hours__date-change{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);color:var(--brand-main);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:justify;-ms-flex-pack:justify;justify-content:space-between}.open-hours__date-change--title{font-size:1.25rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-align:center;text-transform:none}.open-hours__date-change .open-hours__prev-date,.open-hours__date-change .open-hours__next-date{background:none;border:0;color:var(--brand-main);display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;outline:5px solid var(--grayscale-white);position:relative;width:44px}.open-hours__date-change .open-hours__prev-date:hover,.open-hours__date-change .open-hours__next-date:hover{background-color:var(--hover-gray);color:var(--brand-main-active);cursor:pointer}.open-hours__date-change .open-hours__prev-date:focus-visible,.open-hours__date-change .open-hours__next-date:focus-visible{-webkit-box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.open-hours__date-change .open-hours__prev-date:focus-visible,.open-hours__date-change .open-hours__next-date:focus-visible{background-color:var(--hover-gray);color:var(--brand-main-active)}.open-hours__date-change .open-hours__prev-date:disabled,.open-hours__date-change .open-hours__next-date:disabled{cursor:none}.open-hours__date-change .open-hours__prev-date hy-icon,.open-hours__date-change .open-hours__next-date hy-icon{color:var(--link-blue);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.open-hours__date-change .open-hours__prev-date svg,.open-hours__date-change .open-hours__next-date svg{fill:currentColor;height:20px;width:20px}.open-hours__date-change .open-hours__prev-date{border-right:1px solid var(--link-blue)}.open-hours__date-change .open-hours__next-date{border-left:1px solid var(--link-blue)}.open-hours__content__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0.9rem;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.5rem 0}.open-hours__content__top-label{margin:0.5rem 0 0.5rem 0;text-align:left;width:33.3333333333vw;word-break:break-word}.open-hours__content__top-label:first-child(){margin-right:1rem}.open-hours__content__top-label.luomus{width:50vw}.open-hours__content__top-label.building.luomus{text-align:center}.open-hours__content{position:relative}.open-hours__content.open-hours__loading:after{-webkit-animation-duration:1s;animation-duration:1s;font-size:3.2rem;position:absolute;left:45%;top:35%;z-index:2}.open-hours__content.slide-left{-webkit-animation:slide-left 0.2s ease-in-out both;animation:slide-left 0.2s ease-in-out both}.open-hours__content.slide-left-reverse{-webkit-animation:slide-left-reverse 0.2s ease-in-out reverse both;animation:slide-left-reverse 0.2s ease-in-out reverse both}.open-hours__content.slide-right{-webkit-animation:slide-right 0.2s ease-in-out both;animation:slide-right 0.2s ease-in-out both}.open-hours__content.slide-right-reverse{-webkit-animation:slide-right-reverse 0.2s ease-in-out reverse both;animation:slide-right-reverse 0.2s ease-in-out reverse both}.open-hours__links{margin:1.5rem 0 1rem 0}.open-hours__links .open-hours__link .hy-cta-link{width:100% !important;-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.open-hours__links .open-hours__link .hy-cta-link .text{width:100% !important}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@-webkit-keyframes slide-right-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@keyframes slide-right-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@-webkit-keyframes slide-left-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@keyframes slide-left-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}";const r=class{constructor(t){e(this,t),this.multiple=!1,this.accessWithTagLabel=null,this.buildingLabel=null,this.learningCentreLabel=null,this.venueType="libraries",this.dataItems=void 0}dataItemsWatcher(e){this._dataItems="string"==typeof e?JSON.parse(e):e}componentWillLoad(){this.dataItemsWatcher(this.dataItems)}render(){const e=["open-hours__content__top-label",this.venueType].join(" "),s=["open-hours__content__top-label building",this.venueType].join(" ");return t(o,{key:"5e921f2edb30e73404aa8f648208f3d915476fd2"},this._dataItems.map((e=>{if(e.accessWithTag)return;const o=["open-hours__list-item",e.today?"open-hours__list-item--today":""].join(" "),s=["open-hours__list-item--hours",this.venueType].join(" "),a=["open-hours__list-item--office",this.venueType].join(" ");return t("div",{class:o},t("span",{class:a},e.today?e.today:e.dateLibrary),t("span",{class:s},e.building),"luomus"!==this.venueType&&t("span",{class:"open-hours__list-item--service"},e.service))})),this.accessWithTagLabel&&t("div",{key:"6a6b0ff43a7992189b2b14570e143b44a998f516",class:"open-hours__content__top"},t("span",{key:"0bc3516d04d414bf851398d74fdd1cc4824f2e0e",class:e},this.learningCentreLabel),t("span",{key:"3afeeb4f92a0f5a22197dc2c7a6ec1bbb6d5c941",class:s},this.buildingLabel),this.accessWithTagLabel&&t("span",{key:"932472179138419cb57a8afeb92db85c876266ca",class:e},this.accessWithTagLabel)),this._dataItems.map((e=>{var o;if(!e.accessWithTag)return;const s=["open-hours__list-item",e.today?"open-hours__list-item--today":""].join(" ");return t("div",{class:s},t("span",{class:"open-hours__list-item--office"},e.today?e.today:e.dateLibrary),t("span",{class:"open-hours__list-item--hours"},e.building),t("span",{class:"open-hours__list-item--service"},null!==(o=e.service)&&void 0!==o?o:"-"))})))}static get watchers(){return{dataItems:["dataItemsWatcher"]}}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.open-hours__list-item{border-top:1px solid var(--grayscale-medium);color:var(--grayscale-dark-text);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0.875rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.5rem 0;font-family:var(--main-font-family);text-align:start}.open-hours__list-item--today{background-color:var(--grayscale-light)}.open-hours__list-item--today span:first-child{margin-left:4px;padding-left:4px;margin-right:-8px;font-weight:bold;border-left:2px solid var(--grayscale-black)}.open-hours__list-item>span:not(.luomus){text-align:left;width:33.3333333333vw}.open-hours__list-item>span.luomus{width:50vw}.open-hours__list-item--date{margin-right:1rem}.open-hours__list-item--hours{margin-right:0.2rem}.open-hours__list-item--hours.luomus{text-align:center}";export{a as hy_opening_hours,r as hy_opening_hours_content}
@@ -1 +1 @@
1
- import{r as e,h as i}from"./index-2ffe17c9.js";import{P as r}from"./utils-1e7f5184.js";const t=class{constructor(i){e(this,i)}render(){const e=["hy-pager"].join(" ");return i("ul",{key:"82558c3019e19e4f94a4f17f3250968e71406d44",class:e},i("slot",{key:"6017b08f452186ce5a2a77ddcc120857825386e0"}))}};t.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-pager{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:var(--main-font-family);list-style:none;padding:0}";const a=class{constructor(i){e(this,i),this.variant=r.default,this.itemLabel=void 0,this.itemUrl=void 0,this.scAriaLabel=void 0}render(){let e=["hy-pager__item"].join(" ");switch(this.variant){case r.current:return e=["hy-pager__item","hy-pager__item__current"].join(" "),i("li",{class:e},i("a",{href:this.itemUrl,"aria-current":"true"},this.itemLabel));case r.next:{e=["hy-pager__item","hy-pager__item__next"].join(" ");const r=["link-icon"].join(" ");return i("li",{class:e},i("a",{href:this.itemUrl,"aria-label":this.scAriaLabel},this.itemLabel,i("span",{class:"hy-icon-wrapper"},i("div",{class:r},i("hy-icon",{icon:"hy-icon-arrow-to-right",size:12})))))}case r.previous:{e=["hy-pager__item","hy-pager__item__previous"].join(" ");const r=["link-icon"].join(" ");return i("li",{class:e},i("a",{href:this.itemUrl,"aria-label":this.scAriaLabel},i("span",{class:"hy-icon-wrapper"},i("div",{class:r},i("hy-icon",{icon:"hy-icon-arrow-left",size:12}))),this.itemLabel))}case r.ellipsis:return e=["hy-pager__item","hy-pager__item__ellipsis"].join(" "),i("li",{class:e},"...");default:return e=["hy-pager__item"].join(" "),i("li",{class:e},i("a",{href:this.itemUrl,"aria-label":this.scAriaLabel},this.itemLabel))}}};a.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-pager__item{font-size:0.875rem;line-height:24px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);color:var(--grayscale-white);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);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.4px;margin-bottom:4px;margin-right:4px;min-height:36px;min-width:36px;text-align:center}@media (min-width: 60rem){.hy-pager__item{margin-right:6px;min-height:40px;min-width:40px}}.hy-pager__item a{font-size:0.875rem;line-height:24px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-white);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:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.4px;min-height:36px;min-width:36px;text-decoration:none}@media (min-width: 60rem){.hy-pager__item a{font-size:1rem;line-height:24px;letter-spacing:-0.5px;min-height:40px;min-width:40px}}.hy-pager__item a:not([aria-current=true]):hover{background-color:var(--brand-main);cursor:pointer}.hy-pager__item__current{background-color:var(--grayscale-white);-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--grayscale-black)}.hy-pager__item__current a{color:var(--brand-main-nearly-black)}.hy-pager__item__current a:hover{background-color:var(--grayscale-white)}.hy-pager__item__ellipsis{background-color:var(--grayscale-white);color:var(--brand-main-nearly-black);min-width:auto;min-height:auto}.hy-pager__item__next a,.hy-pager__item__previous a{padding:7px 12px 5px 12px}@media (min-width: 60rem){.hy-pager__item__next a,.hy-pager__item__previous a{padding:8px 12px}}.hy-pager__item__next .hy-icon-wrapper,.hy-pager__item__previous .hy-icon-wrapper{margin:0 4px}@media (min-width: 60rem){.hy-pager__item__next .hy-icon-wrapper,.hy-pager__item__previous .hy-icon-wrapper{margin:0 6px}}.hy-pager__item__next .hy-icon-wrapper svg,.hy-pager__item__previous .hy-icon-wrapper svg{fill:var(--grayscale-white)}";export{t as hy_pager,a as hy_pager_item}
1
+ import{r as e,h as i}from"./index-2ffe17c9.js";import{P as r}from"./utils-1e7f5184.js";const t=class{constructor(i){e(this,i)}render(){const e=["hy-pager"].join(" ");return i("ul",{key:"82558c3019e19e4f94a4f17f3250968e71406d44",class:e},i("slot",{key:"6017b08f452186ce5a2a77ddcc120857825386e0"}))}};t.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-pager{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:var(--main-font-family);list-style:none;padding:0}";const a=class{constructor(i){e(this,i),this.variant=r.default,this.itemLabel=void 0,this.itemUrl=void 0,this.scAriaLabel=void 0}render(){let e=["hy-pager__item"].join(" ");switch(this.variant){case r.current:return e=["hy-pager__item","hy-pager__item__current"].join(" "),i("li",{class:e},i("a",{href:this.itemUrl,"aria-current":"true"},this.itemLabel));case r.next:{e=["hy-pager__item","hy-pager__item__next"].join(" ");const r=["link-icon"].join(" ");return i("li",{class:e},i("a",{href:this.itemUrl,"aria-label":this.scAriaLabel},this.itemLabel,i("span",{class:"hy-icon-wrapper"},i("div",{class:r},i("hy-icon",{icon:"hy-icon-arrow-to-right",size:12})))))}case r.previous:{e=["hy-pager__item","hy-pager__item__previous"].join(" ");const r=["link-icon"].join(" ");return i("li",{class:e},i("a",{href:this.itemUrl,"aria-label":this.scAriaLabel},i("span",{class:"hy-icon-wrapper"},i("div",{class:r},i("hy-icon",{icon:"hy-icon-arrow-left",size:12}))),this.itemLabel))}case r.ellipsis:return e=["hy-pager__item","hy-pager__item__ellipsis"].join(" "),i("li",{class:e},"...");default:return e=["hy-pager__item"].join(" "),i("li",{class:e},i("a",{href:this.itemUrl,"aria-label":this.scAriaLabel},this.itemLabel))}}};a.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-pager__item{font-size:0.875rem;line-height:24px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);color:var(--grayscale-white);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);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.4px;margin-bottom:4px;margin-right:4px;min-height:36px;min-width:36px;text-align:center}@media (min-width: 60rem){.hy-pager__item{margin-right:6px;min-height:40px;min-width:40px}}.hy-pager__item a{font-size:0.875rem;line-height:24px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-white);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:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.4px;min-height:36px;min-width:36px;text-decoration:none}.hy-pager__item a:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}@media (min-width: 60rem){.hy-pager__item a{font-size:1rem;line-height:24px;letter-spacing:-0.5px;min-height:40px;min-width:40px}}.hy-pager__item a:not([aria-current=true]):hover{background-color:var(--brand-main);cursor:pointer}.hy-pager__item__current{background-color:var(--grayscale-white);-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--grayscale-black)}.hy-pager__item__current a{color:var(--brand-main-nearly-black)}.hy-pager__item__current a:hover{background-color:var(--grayscale-white)}.hy-pager__item__ellipsis{background-color:var(--grayscale-white);color:var(--brand-main-nearly-black);min-width:auto;min-height:auto}.hy-pager__item__next a,.hy-pager__item__previous a{padding:7px 12px 5px 12px}@media (min-width: 60rem){.hy-pager__item__next a,.hy-pager__item__previous a{padding:8px 12px}}.hy-pager__item__next .hy-icon-wrapper,.hy-pager__item__previous .hy-icon-wrapper{margin:0 4px}@media (min-width: 60rem){.hy-pager__item__next .hy-icon-wrapper,.hy-pager__item__previous .hy-icon-wrapper{margin:0 6px}}.hy-pager__item__next .hy-icon-wrapper svg,.hy-pager__item__previous .hy-icon-wrapper svg{fill:var(--grayscale-white)}";export{t as hy_pager,a as hy_pager_item}
@@ -1 +1 @@
1
- import{r as e,h as i}from"./index-2ffe17c9.js";import{q as n}from"./utils-1e7f5184.js";import{i as a}from"./ResizeObserver.es-ccb10328.js";const t=class{constructor(i){e(this,i),this.variant=n.default,this.categoryTitle=void 0,this.imageUrl=null,this.imageAlt=null,this.disableLazy=!1,this.firstName=void 0,this.lastName=void 0,this.url=null,this.isExternal=!1,this.scLabel=void 0,this.positionTitle=void 0,this.department=null,this.field=null,this.email=null,this.phone=null,this.aboutInfo=null,this.researchNetworks=void 0,this.studyProgramme=void 0,this.aboutInfoLabel=void 0,this.researchNetworksLabel=void 0,this.studyProgrammeLabel=void 0,this.isMobile=void 0}componentDidLoad(){this.ro=new a((e=>{for(const i of e)this.checkForMobile(i.contentRect.width)})),this.ro.observe(document.body)}disconnectedCallback(){this.ro.disconnect()}checkForMobile(e){this.isMobile=e<=479}componentWillRender(){this._fullName=this.firstName&&this.lastName?`${this.firstName} ${this.lastName}`:"",this._initials=this.imageUrl&&this.firstName&&this.lastName?"":`${this.firstName.charAt(0)}${this.lastName.charAt(0)}`,this.imageAlt||(this.imageAlt=this._fullName),this.scLabel||(this.scLabel="Link to the person profile")}render(){let e=["hy-person-card-container__link",this.variant].join(" ");e=e.concat(this.url&&this.url.length>0?"":" inactive");const a=["hy-person-card",this.variant].join(" "),t=["hy-person-card__info-container__position-title",`hy-person-card__info-container__position-title__${this.variant}`].join(" "),r=this.isExternal?"_blank":"_self";return i("article",{key:"43ac45bedd4d801b83bfdb62756379722df6cd8b",class:"hy-person-card-container"},i("div",{key:"74acbaf8b90621d5424321158f98ee4187d5cc6b",class:e},this.categoryTitle&&this.variant==n.default&&i("div",{key:"d1ac57e4f3d9abbb1bb02b095253c9cbd70ad1b4",class:"hy-person-card-container__category-title"},this.categoryTitle),i("div",{key:"03a50f42fc7e39e71fca8fa59a3849d82976c480",class:a},i("div",{key:"cd93e3e806bf41c585a9c9dc53a4bcb77bd32c5e",class:"hy-person-card__image-container"},this.imageUrl?i("a",{class:"hy-person-card__image-container__image",href:this.url,target:r},i("img",{loading:this.disableLazy?"eager":"lazy",src:this.imageUrl,alt:this.imageAlt})):i("div",{class:"hy-person-card__image-container__no-image"},i("div",{class:"hy-person-card__image-container__no-image__initials","aria-hidden":"true"},this._initials))),i("div",{key:"eeb25581254ef8d118a1fa12c4ec7075c0066c92",class:"hy-person-card__info-container"},i("a",{key:"c9a26065bb5299a93e008befbe918bf579b7d2c9",class:"hy-person-card__info-container__full-name",href:this.url,target:r},this._fullName),this.positionTitle&&i("div",{key:"02d7299718dfe70fac2511b1a1d662d25b972f94",class:t},this.positionTitle),this.department&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&i("div",{key:"7622a7717d401b2178a0ba8cb9854d7768778f80",class:"hy-person-card__info-container__department"},this.department),this.field&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&i("div",{key:"d63d5296a3b45bd5a4d526b36ebc1ca8044030b2",class:"hy-person-card__info-container__field"},this.field),this.email&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&[i("div",{key:"6a2ac944905bc10ebe1a83e26b070c02aea178cb",class:"hy-person-card__info-container__email-container"},i("span",{key:"723cccfd5761a6eb185845a29c9a8322071daaf7",class:"hy-person-card__info-container__email__icon"},i("hy-icon",{key:"b04d6bc0e8fb1396e82f37824973bdb49c0a8a4a",icon:"hy-icon-mail",size:16})),i("span",{key:"1442fd8730b046603db7e805f233f10dd4fb5294",class:"hy-person-card__info-container__email"},this.email))],this.phone&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&[i("div",{key:"d077b0c7fd1d91a620a06024540cfa6181b7be93",class:"hy-person-card__info-container__phone-container"},i("span",{key:"99ff0b89bca9b595ab2461a670f5d21aa29de3d4",class:"hy-person-card__info-container__phone__icon"},i("hy-icon",{key:"32af415cdf45292a61e70f8bbb28442b0f33ec84",icon:"hy-icon-phone",size:14})),i("span",{key:"bedbb29e7a4df6d5b784da37b0284aeaf8ba395c",class:"hy-person-card__info-container__phone"},this.phone))])),this.variant==n.extended&&i("div",{key:"f53022d14a33446f85f8d91f16928141a238016d",class:"hy-person-card hy-person-card__extended-info-container"},this.department&&this.isMobile&&i("div",{key:"8132a058f3e4668fc74a6169ff584676d54ac2ca",class:"hy-person-card__info-container__department"},this.department),this.field&&this.isMobile&&i("div",{key:"8dcdd7a72996cf6cd4dc37841d1299a5f2c485f7",class:"hy-person-card__info-container__field"},this.field),this.email&&this.isMobile&&[i("div",{key:"6caf17ca059084d4bdfa950b51b2329b461d4565",class:"hy-person-card__info-container__email-container"},i("span",{key:"6a433db2a73561b2ea2afbf01016907c93aec5ce",class:"hy-person-card__info-container__email__icon"},i("hy-icon",{key:"03de967ff7354ed83b0d4eb7cff6a7a2d508509e",icon:"hy-icon-mail",size:16})),i("span",{key:"3c1f2b649412934f5fe8201d30d1910ce0a684d8",class:"hy-person-card__info-container__email"},this.email))],this.phone&&this.isMobile&&[i("div",{key:"0cb4adcf2899f28e71d4b231b40c68c89a01fc64",class:"hy-person-card__info-container__phone-container"},i("span",{key:"c2a2a7f8409345cb21c20663469445b90e833844",class:"hy-person-card__info-container__phone__icon"},i("hy-icon",{key:"d8c3d132b4f291d22f508a65b96b416f8498d7d9",icon:"hy-icon-phone",size:14})),i("span",{key:"683dfdb59852141f985bd6ae63924522d79309df",class:"hy-person-card__info-container__phone"},this.phone))],this.aboutInfo&&i("div",{key:"430b528ee23495ef33d1fb38d3ffa11ddcdda15d",class:"hy-person-card__extended-info-container__about"},i("span",{key:"1815f85f56d7c59d67b52db485aa8bd0671f76be",class:"label"},this.aboutInfoLabel,":"),i("span",{key:"f4e9aa320ba587be9365cc400d5507b25bf093ce"},this.aboutInfo)))))}};t.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-person-card-container{font-family:var(--main-font-family);margin-bottom:28px}@media (min-width: 60rem){.hy-person-card-container{margin-bottom:32px}}.hy-person-card-container__category-title{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:8px}@media (min-width: 30rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}@media (min-width: 120.0625rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}.hy-person-card-container__link{text-decoration:none}.hy-person-card-container__link.inactive{cursor:default;pointer-events:none}.hy-person-card{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)}.hy-person-card__image-container{margin-right:12px;max-width:70px}@media (min-width: 30rem){.hy-person-card__image-container{margin-right:16px;max-width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container{max-width:140px}}.hy-person-card__image-container__image{height:70px;width:70px}@media (min-width: 30rem){.hy-person-card__image-container__image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image{height:140px;width:140px}}.hy-person-card__image-container__image img{height:70px;width:70px;-o-object-fit:cover;object-fit:cover}@media (min-width: 30rem){.hy-person-card__image-container__image img{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image img{height:140px;width:140px}}.hy-person-card__image-container__no-image{height:70px;width:70px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 30rem){.hy-person-card__image-container__no-image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__no-image{height:140px;width:140px}}.hy-person-card__image-container__no-image__initials{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-white);letter-spacing:-0.56px}@media (min-width: 30rem){.hy-person-card__image-container__no-image__initials{font-size:2rem;line-height:32px;letter-spacing:0.96px}}.hy-person-card__info-container__full-name{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.56px;margin-bottom:4px;text-decoration:none}@media (min-width: 30rem){.hy-person-card__info-container__full-name{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;margin-bottom:3px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__full-name{font-size:1.625rem;line-height:28px;letter-spacing:-0.81px;margin-bottom:5px}}.hy-person-card__info-container__full-name:hover,.hy-person-card__info-container__full-name:focus{color:var(--brand-main)}.hy-person-card__info-container__position-title{font-size:0.875rem;line-height:19px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px}@media (min-width: 30rem){.hy-person-card__info-container__position-title{font-size:1rem;line-height:20px;letter-spacing:-0.5px;margin-bottom:4px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__position-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin-bottom:8px}}.hy-person-card__info-container__position-title__search-panel{font-weight:400}.hy-person-card__info-container__department{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px;text-transform:uppercase}@media (min-width: 30rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__field{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:4px}@media (min-width: 30rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__email-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px}.hy-person-card__info-container__email{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__email{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__email__icon svg{height:15px;width:16px}@media (min-width: 30rem){.hy-person-card__info-container__email__icon svg{height:12px;width:16px}}.hy-person-card__info-container__phone-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-person-card__info-container__phone{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__phone{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__phone__icon svg{height:13px;width:13px}@media (min-width: 30rem){.hy-person-card__info-container__phone__icon svg{height:14px;width:14px}}.hy-person-card.search-panel{margin-bottom:12px}@media (min-width: 30rem){.hy-person-card.search-panel{margin-bottom:14px}}.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:0.875rem;line-height:20px;font-weight:600;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:0}@media (min-width: 30rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{letter-spacing:-0.3px}}@media (min-width: 120.0625rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:1rem;line-height:24px;letter-spacing:0}}.hy-person-card.search-panel .hy-person-card__info-container__position-title{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);letter-spacing:-0.07px;margin-bottom:0}.hy-person-card.search-panel .hy-person-card__image-container{margin-right:12px}.hy-person-card.search-panel .hy-person-card__image-container__image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__image img{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image__initials{color:var(--grayscale-white);font-size:1rem;line-height:32px;font-weight:700;letter-spacing:0.48px}.hy-person-card__extended-info-container{display:block;padding-top:8px}@media (min-width: 30rem){.hy-person-card__extended-info-container{padding-top:12px}}.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:17px;color:var(--grayscale-dark-text);font-family:var(--main-font-family);letter-spacing:0}@media (min-width: 30rem){.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:16px}}@media (min-width: 1601px){.hy-person-card__extended-info-container__about{font-size:0.875rem;line-height:16px}}.hy-person-card__extended-info-container__about .label{font-weight:700;padding-right:3px}";export{t as hy_person_card}
1
+ import{r as e,h as i}from"./index-2ffe17c9.js";import{q as n}from"./utils-1e7f5184.js";import{i as a}from"./ResizeObserver.es-ccb10328.js";const t=class{constructor(i){e(this,i),this.variant=n.default,this.categoryTitle=void 0,this.imageUrl=null,this.imageAlt=null,this.disableLazy=!1,this.firstName=void 0,this.lastName=void 0,this.url=null,this.isExternal=!1,this.scLabel=void 0,this.positionTitle=void 0,this.department=null,this.field=null,this.email=null,this.phone=null,this.aboutInfo=null,this.researchNetworks=void 0,this.studyProgramme=void 0,this.aboutInfoLabel=void 0,this.researchNetworksLabel=void 0,this.studyProgrammeLabel=void 0,this.isMobile=void 0}componentDidLoad(){this.ro=new a((e=>{for(const i of e)this.checkForMobile(i.contentRect.width)})),this.ro.observe(document.body)}disconnectedCallback(){this.ro.disconnect()}checkForMobile(e){this.isMobile=e<=479}componentWillRender(){this._fullName=this.firstName&&this.lastName?`${this.firstName} ${this.lastName}`:"",this._initials=this.imageUrl&&this.firstName&&this.lastName?"":`${this.firstName.charAt(0)}${this.lastName.charAt(0)}`,this.imageAlt||(this.imageAlt=this._fullName),this.scLabel||(this.scLabel="Link to the person profile")}render(){let e=["hy-person-card-container__link",this.variant].join(" ");e=e.concat(this.url&&this.url.length>0?"":" inactive");const a=["hy-person-card",this.variant].join(" "),t=["hy-person-card__info-container__position-title",`hy-person-card__info-container__position-title__${this.variant}`].join(" "),r=this.isExternal?"_blank":"_self";return i("article",{key:"43ac45bedd4d801b83bfdb62756379722df6cd8b",class:"hy-person-card-container"},i("div",{key:"74acbaf8b90621d5424321158f98ee4187d5cc6b",class:e},this.categoryTitle&&this.variant==n.default&&i("div",{key:"d1ac57e4f3d9abbb1bb02b095253c9cbd70ad1b4",class:"hy-person-card-container__category-title"},this.categoryTitle),i("div",{key:"03a50f42fc7e39e71fca8fa59a3849d82976c480",class:a},i("div",{key:"cd93e3e806bf41c585a9c9dc53a4bcb77bd32c5e",class:"hy-person-card__image-container"},this.imageUrl?i("a",{class:"hy-person-card__image-container__image",href:this.url,target:r},i("img",{loading:this.disableLazy?"eager":"lazy",src:this.imageUrl,alt:this.imageAlt})):i("div",{class:"hy-person-card__image-container__no-image"},i("div",{class:"hy-person-card__image-container__no-image__initials","aria-hidden":"true"},this._initials))),i("div",{key:"eeb25581254ef8d118a1fa12c4ec7075c0066c92",class:"hy-person-card__info-container"},i("a",{key:"c9a26065bb5299a93e008befbe918bf579b7d2c9",class:"hy-person-card__info-container__full-name",href:this.url,target:r},this._fullName),this.positionTitle&&i("div",{key:"02d7299718dfe70fac2511b1a1d662d25b972f94",class:t},this.positionTitle),this.department&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&i("div",{key:"7622a7717d401b2178a0ba8cb9854d7768778f80",class:"hy-person-card__info-container__department"},this.department),this.field&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&i("div",{key:"d63d5296a3b45bd5a4d526b36ebc1ca8044030b2",class:"hy-person-card__info-container__field"},this.field),this.email&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&[i("div",{key:"6a2ac944905bc10ebe1a83e26b070c02aea178cb",class:"hy-person-card__info-container__email-container"},i("span",{key:"723cccfd5761a6eb185845a29c9a8322071daaf7",class:"hy-person-card__info-container__email__icon"},i("hy-icon",{key:"b04d6bc0e8fb1396e82f37824973bdb49c0a8a4a",icon:"hy-icon-mail",size:16})),i("span",{key:"1442fd8730b046603db7e805f233f10dd4fb5294",class:"hy-person-card__info-container__email"},this.email))],this.phone&&(this.variant==n.default||this.variant==n.extended&&!this.isMobile)&&[i("div",{key:"d077b0c7fd1d91a620a06024540cfa6181b7be93",class:"hy-person-card__info-container__phone-container"},i("span",{key:"99ff0b89bca9b595ab2461a670f5d21aa29de3d4",class:"hy-person-card__info-container__phone__icon"},i("hy-icon",{key:"32af415cdf45292a61e70f8bbb28442b0f33ec84",icon:"hy-icon-phone",size:14})),i("span",{key:"bedbb29e7a4df6d5b784da37b0284aeaf8ba395c",class:"hy-person-card__info-container__phone"},this.phone))])),this.variant==n.extended&&i("div",{key:"f53022d14a33446f85f8d91f16928141a238016d",class:"hy-person-card hy-person-card__extended-info-container"},this.department&&this.isMobile&&i("div",{key:"8132a058f3e4668fc74a6169ff584676d54ac2ca",class:"hy-person-card__info-container__department"},this.department),this.field&&this.isMobile&&i("div",{key:"8dcdd7a72996cf6cd4dc37841d1299a5f2c485f7",class:"hy-person-card__info-container__field"},this.field),this.email&&this.isMobile&&[i("div",{key:"6caf17ca059084d4bdfa950b51b2329b461d4565",class:"hy-person-card__info-container__email-container"},i("span",{key:"6a433db2a73561b2ea2afbf01016907c93aec5ce",class:"hy-person-card__info-container__email__icon"},i("hy-icon",{key:"03de967ff7354ed83b0d4eb7cff6a7a2d508509e",icon:"hy-icon-mail",size:16})),i("span",{key:"3c1f2b649412934f5fe8201d30d1910ce0a684d8",class:"hy-person-card__info-container__email"},this.email))],this.phone&&this.isMobile&&[i("div",{key:"0cb4adcf2899f28e71d4b231b40c68c89a01fc64",class:"hy-person-card__info-container__phone-container"},i("span",{key:"c2a2a7f8409345cb21c20663469445b90e833844",class:"hy-person-card__info-container__phone__icon"},i("hy-icon",{key:"d8c3d132b4f291d22f508a65b96b416f8498d7d9",icon:"hy-icon-phone",size:14})),i("span",{key:"683dfdb59852141f985bd6ae63924522d79309df",class:"hy-person-card__info-container__phone"},this.phone))],this.aboutInfo&&i("div",{key:"430b528ee23495ef33d1fb38d3ffa11ddcdda15d",class:"hy-person-card__extended-info-container__about"},i("span",{key:"1815f85f56d7c59d67b52db485aa8bd0671f76be",class:"label"},this.aboutInfoLabel,":"),i("span",{key:"f4e9aa320ba587be9365cc400d5507b25bf093ce"},this.aboutInfo)))))}};t.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-person-card-container{font-family:var(--main-font-family);margin-bottom:28px}@media (min-width: 60rem){.hy-person-card-container{margin-bottom:32px}}.hy-person-card-container__category-title{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:8px}@media (min-width: 30rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}@media (min-width: 120.0625rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}.hy-person-card-container__link{text-decoration:none}.hy-person-card-container__link.inactive{cursor:default;pointer-events:none}.hy-person-card{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)}.hy-person-card__image-container{margin-right:12px;max-width:70px}@media (min-width: 30rem){.hy-person-card__image-container{margin-right:16px;max-width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container{max-width:140px}}.hy-person-card__image-container__image{height:70px;width:70px}@media (min-width: 30rem){.hy-person-card__image-container__image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image{height:140px;width:140px}}.hy-person-card__image-container__image img{height:70px;width:70px;-o-object-fit:cover;object-fit:cover}@media (min-width: 30rem){.hy-person-card__image-container__image img{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image img{height:140px;width:140px}}.hy-person-card__image-container__no-image{height:70px;width:70px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 30rem){.hy-person-card__image-container__no-image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__no-image{height:140px;width:140px}}.hy-person-card__image-container__no-image__initials{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-white);letter-spacing:-0.56px}@media (min-width: 30rem){.hy-person-card__image-container__no-image__initials{font-size:2rem;line-height:32px;letter-spacing:0.96px}}.hy-person-card__info-container__full-name{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.56px;margin-bottom:4px;text-decoration:none}@media (min-width: 30rem){.hy-person-card__info-container__full-name{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;margin-bottom:3px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__full-name{font-size:1.625rem;line-height:28px;letter-spacing:-0.81px;margin-bottom:5px}}.hy-person-card__info-container__full-name:hover,.hy-person-card__info-container__full-name:focus-visible{color:var(--brand-main)}.hy-person-card__info-container__position-title{font-size:0.875rem;line-height:19px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px}@media (min-width: 30rem){.hy-person-card__info-container__position-title{font-size:1rem;line-height:20px;letter-spacing:-0.5px;margin-bottom:4px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__position-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin-bottom:8px}}.hy-person-card__info-container__position-title__search-panel{font-weight:400}.hy-person-card__info-container__department{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px;text-transform:uppercase}@media (min-width: 30rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__field{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:4px}@media (min-width: 30rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__email-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px}.hy-person-card__info-container__email{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__email{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__email__icon svg{height:15px;width:16px}@media (min-width: 30rem){.hy-person-card__info-container__email__icon svg{height:12px;width:16px}}.hy-person-card__info-container__phone-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-person-card__info-container__phone{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__phone{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__phone__icon svg{height:13px;width:13px}@media (min-width: 30rem){.hy-person-card__info-container__phone__icon svg{height:14px;width:14px}}.hy-person-card.search-panel{margin-bottom:12px}@media (min-width: 30rem){.hy-person-card.search-panel{margin-bottom:14px}}.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:0.875rem;line-height:20px;font-weight:600;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:0}@media (min-width: 30rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{letter-spacing:-0.3px}}@media (min-width: 120.0625rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:1rem;line-height:24px;letter-spacing:0}}.hy-person-card.search-panel .hy-person-card__info-container__position-title{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);letter-spacing:-0.07px;margin-bottom:0}.hy-person-card.search-panel .hy-person-card__image-container{margin-right:12px}.hy-person-card.search-panel .hy-person-card__image-container__image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__image img{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image__initials{color:var(--grayscale-white);font-size:1rem;line-height:32px;font-weight:700;letter-spacing:0.48px}.hy-person-card__extended-info-container{display:block;padding-top:8px}@media (min-width: 30rem){.hy-person-card__extended-info-container{padding-top:12px}}.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:17px;color:var(--grayscale-dark-text);font-family:var(--main-font-family);letter-spacing:0}@media (min-width: 30rem){.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:16px}}@media (min-width: 1601px){.hy-person-card__extended-info-container__about{font-size:0.875rem;line-height:16px}}.hy-person-card__extended-info-container__about .label{font-weight:700;padding-right:3px}";export{t as hy_person_card}
@@ -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: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:"cc770d22acd4544377b926f4ae4e03f4922c2a88"},i("section",{key:"827f4770c90c4ff5af78d8fe38f68facf036b769",class:"hy-profile-page"},i("a",{key:"900785d01a9d220edc47aae5163818aafc8eeedc",href:this.peopleFinderReturnLink,class:"hy-profile-page__back-button"},i("hy-icon",{key:"208c6d35652cb9bf1415b846068c8db2e09ee06b",icon:"hy-icon-arrow-left",size:24}),i("span",{key:"46e5f17de38afa4c2847c659bd984b52dbd0bffb"},this.peopleFinderReturnLabel)),i("section",{key:"a7041ff6cceceea586b7829588b7e208beb345a0",class:"hy-profile-page__section"},i("div",{key:"0eee0046efbeca7ae903cd4ad86cd05f26c45e2f",class:"hy-profile-page__person-information"},i("div",{key:"23d994c1ebd7bd5e301297be70f89bbde45615fe"},i("h1",{key:"42a3028918193c9e993dd60e165036dc7913390f",class:"hy-profile-page__name"},e),r&&i("p",{key:"282c7d4c1a71e06102164037ab6680485c995740",class:"hy-profile-page__job-title"},r),l&&i("p",{key:"9bfb908a7ee1dd831ee22fb3ad85f319e9c3d940",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:"fdb332e9db092b45a5879b7adaab11883f9a0706",class:"hy-profile-page__contact-information"},p.label&&i("h2",{key:"6115b3c6313e6482f11f3e5e2cc149de890f229b"},p.label),p.items&&i("hy-person-profile-listing",{key:"3e0a11a26bde8db05f140724845e7ad0f2d3aca7",items:p.items,col:"col-4",withoutIcons:!0,textSpacingTight:!0}))),(g.items.length>0||b.items.length>0)&&i("section",{key:"b38fdc87ba10351fccefb7140c5f234fe1f38287",class:"hy-profile-page__section"},s.label&&i("h2",{key:"cfb2aa73fa484f14ad62902a58c4e2c7b9aeaa41"},s.label),g.items.length>0&&i("section",{key:"1670b10f9517063fa6a377676dc56d3ba651214b",class:"hy-profile-page__organization-units-section"},i("h3",{key:"5d7964786f6dc0659995c796ead8c34b08d5c211"},g.label),i("ul",{key:"abb1a0621a54c31b5b379f22cca1dd33ae2540c7",class:"hy-profile-page__organizations"},i("li",{key:"f9ac2f19ed0c1ca3c671718c2a0b3e4828c2570d"},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]+"?hrOrganizations.id[]="+e.id,target:"_blank"},e.name[s.lang])))))))),Object.keys(b.items).length>0&&i("section",{key:"2ddc88c5f06ff3ac277c9712d53ab23767c3b1d5",class:"hy-profile-page__organization-units-section"},i("h3",{key:"4113522bef5f2efc055faaa535cf4407569705e7"},b.label),i("ul",{key:"8866f531865c226734e0b7610ce8901d4a4c5556",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:"f252f4f5f32df0e3d044648a761e0cec27e381b4",class:"hy-profile-page__section"},f.description&&i(a,{key:"0677b685159259e0836278e15029e983c76394fd"},i("h2",{key:"25981c3e02998ef0d48208a30254f085eca7ed80"},f.label),i("div",{key:"878beb7d9ec82c14a7e396ac6409e73b9ad65e44",class:"hy-profile-page__person-about-text",innerHTML:!this.isFullAboutTextHidden&&m>650?_:f.description})),m>650&&i("button",{key:"8445a77a71b51881ccf9393006fd7cef246d3252",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:"7252032cbdd74efde66d97b61ea8abf3bebff702",class:"hy-profile-page__section"},i("div",{key:"5cc57d6911b7017d0d346cca9acff3ab698fdfa8",class:"hy-profile-page__section__research_title"},d.label&&i("h2",{key:"ce453d9ca22b73346c522fb5e9040fdd4c1e11a8"},d.label),d.label&&h.research_url.length>0&&i("hy-cta-button",{key:"36089f12f65b6aca5796d72f190d13bf30652199","link-content":x,"sc-label":x,url:h.research_url,"is-external":"true",variant:n.onWhiteBkgd})),d.items&&i("hy-person-profile-listing",{key:"50f2928afc1b61e4ca256cc271d68c82b803bc6b",items:d.items,col:"col-1",textSpacingTight:!0,"is-research":!0,inline:!0}),h.research_url.length>0&&i("div",{key:"ac652d1531b7cc1f18c4b929424dcb4d9799120e",class:"hy-profile-page__loader",role:"presentation"},i("div",{key:"37e5bc9a972ba6619c8880ec38e7b69eb88cc420"}),i("div",{key:"cbe4d189f349961963e4799bbaf4e80a35f8bf62"}),i("div",{key:"4fda88f8d8a1bd9189a539049b13d41aca3c70c2"}),i("div",{key:"3743c1325628992184cb871c4ea1451fd378ec9f"})),h.research_url.length>0&&this.viewportSize<768&&i("div",{key:"9d9725d190aeadcedca8b632e001c78963e36326",class:"hy-profile-page__person-content-container"},i("div",{key:"0fced962f959823554b67137755b35a8e69aa65d",id:"accordion-container-person-content"},h.publications&&i("ds-accordion",{key:"05dbe3f09df63dbbe7f3bd287da2e82600fc0d01","ds-heading-level":"3","data-accordion-id":"publications"},i("div",{key:"f20fe325df468024a8da83e9fb5fc15243b5f71d",slot:"header"},h.publications.label),i("div",{key:"e6e5e209ef1bf2a8c6bd07b7f84ed87acebdbc27",slot:"content",class:"accordion-content"})),h.projects&&i("ds-accordion",{key:"5c4b18287ad477e9cf974345c36f1f07008ca2b1","ds-heading-level":"3","data-accordion-id":"projects"},i("div",{key:"610b651c1f059d18084a170d7373d9bac0dbe2dc",slot:"header"},h.projects.label),i("div",{key:"95220a908d22dec6f7d7937ff5c8652d89d1a311",slot:"content",class:"accordion-content"})),h.activities&&i("ds-accordion",{key:"b35b56a4dae11d82ab533f136e032f0ba885c0ae","ds-heading-level":"3","data-accordion-id":"activities"},i("div",{key:"d4e3a05fea502a3cf7041d004311f07b63c2b4c7",slot:"header"},h.activities.label),i("div",{key:"56033a09035b95acca19170cae45b2e5e0b8b682",slot:"content",class:"accordion-content"})))),h.research_url.length>0&&this.viewportSize>=768&&i("div",{key:"4d3dc03c374cf8de10768c912434a2fc4b052f71",class:"hy-profile-page__person-content-container"},i("hy-tabs",{key:"37f51a03f1c8a1129b332dea3b70c01282616414","tab-id":"tabs-container-person-content"},h.publications&&i("hy-tabs-item",{key:"1adbe5ba24c0f479e9c658473fcc6ee57c2a34de","data-tab-id":"publications","tab-title":h.publications.label}),h.projects&&i("hy-tabs-item",{key:"308a9cd3147ab2c4b487e9445d42a92308ca110a","data-tab-id":"projects","tab-title":h.projects.label}),h.activities&&i("hy-tabs-item",{key:"cddaa85724e3663fb22b5505e37cb55f3e37886d","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{-webkit-box-align:start;-ms-flex-align:start;align-items:start;list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;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}
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:"cc770d22acd4544377b926f4ae4e03f4922c2a88"},i("section",{key:"827f4770c90c4ff5af78d8fe38f68facf036b769",class:"hy-profile-page"},i("a",{key:"900785d01a9d220edc47aae5163818aafc8eeedc",href:this.peopleFinderReturnLink,class:"hy-profile-page__back-button"},i("hy-icon",{key:"208c6d35652cb9bf1415b846068c8db2e09ee06b",icon:"hy-icon-arrow-left",size:24}),i("span",{key:"46e5f17de38afa4c2847c659bd984b52dbd0bffb"},this.peopleFinderReturnLabel)),i("section",{key:"a7041ff6cceceea586b7829588b7e208beb345a0",class:"hy-profile-page__section"},i("div",{key:"0eee0046efbeca7ae903cd4ad86cd05f26c45e2f",class:"hy-profile-page__person-information"},i("div",{key:"23d994c1ebd7bd5e301297be70f89bbde45615fe"},i("h1",{key:"42a3028918193c9e993dd60e165036dc7913390f",class:"hy-profile-page__name"},e),r&&i("p",{key:"282c7d4c1a71e06102164037ab6680485c995740",class:"hy-profile-page__job-title"},r),l&&i("p",{key:"9bfb908a7ee1dd831ee22fb3ad85f319e9c3d940",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:"fdb332e9db092b45a5879b7adaab11883f9a0706",class:"hy-profile-page__contact-information"},p.label&&i("h2",{key:"6115b3c6313e6482f11f3e5e2cc149de890f229b"},p.label),p.items&&i("hy-person-profile-listing",{key:"3e0a11a26bde8db05f140724845e7ad0f2d3aca7",items:p.items,col:"col-4",withoutIcons:!0,textSpacingTight:!0}))),(g.items.length>0||b.items.length>0)&&i("section",{key:"b38fdc87ba10351fccefb7140c5f234fe1f38287",class:"hy-profile-page__section"},s.label&&i("h2",{key:"cfb2aa73fa484f14ad62902a58c4e2c7b9aeaa41"},s.label),g.items.length>0&&i("section",{key:"1670b10f9517063fa6a377676dc56d3ba651214b",class:"hy-profile-page__organization-units-section"},i("h3",{key:"5d7964786f6dc0659995c796ead8c34b08d5c211"},g.label),i("ul",{key:"abb1a0621a54c31b5b379f22cca1dd33ae2540c7",class:"hy-profile-page__organizations"},i("li",{key:"f9ac2f19ed0c1ca3c671718c2a0b3e4828c2570d"},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]+"?hrOrganizations.id[]="+e.id,target:"_blank"},e.name[s.lang])))))))),Object.keys(b.items).length>0&&i("section",{key:"2ddc88c5f06ff3ac277c9712d53ab23767c3b1d5",class:"hy-profile-page__organization-units-section"},i("h3",{key:"4113522bef5f2efc055faaa535cf4407569705e7"},b.label),i("ul",{key:"8866f531865c226734e0b7610ce8901d4a4c5556",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]+"?hrOrganizations.id[]="+e.id,target:"_blank"},e.name[s.lang]))))),1==t&&i("span",null,i("a",{href:s.people_finder_path[s.lang]+"?hrOrganizations.id[]="+e.id,target:"_blank"},e.name[s.lang]))))))))))),f&&0!==m&&i("section",{key:"0ac309494200f33ca94df8186de9844efba623cd",class:"hy-profile-page__section"},f.description&&i(a,{key:"fb36486a018a3d50436605fb8455d2882f7bd37c"},i("h2",{key:"52f499c2dd834a41d71ebce84d92148b15aae535"},f.label),i("div",{key:"90af304c5f3f0350682dc2622285e8c409c89bbb",class:"hy-profile-page__person-about-text",innerHTML:!this.isFullAboutTextHidden&&m>650?_:f.description})),m>650&&i("button",{key:"2c738cf52c332647c741b3c884e9d85d71d9b08a",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:"0f276980904a2fb6f7f38634ba54d167c80098c8",class:"hy-profile-page__section"},i("div",{key:"9fa071898ff9181f8440571fbf41ec512930c1dd",class:"hy-profile-page__section__research_title"},d.label&&i("h2",{key:"9f412798a8c02b9089424935959e22396c489e36"},d.label),d.label&&h.research_url.length>0&&i("hy-cta-button",{key:"390e5ed574412d899ac010ad6eb511fb8a6fdb78","link-content":x,"sc-label":x,url:h.research_url,"is-external":"true",variant:n.onWhiteBkgd})),d.items&&i("hy-person-profile-listing",{key:"bceb172e8f1b65900855eb6d26c4331534912cca",items:d.items,col:"col-1",textSpacingTight:!0,"is-research":!0,inline:!0}),h.research_url.length>0&&i("div",{key:"41e5641420252352fc628e1d1bfb3f9909869199",class:"hy-profile-page__loader",role:"presentation"},i("div",{key:"175fcade298a6724fa050e5844c79e64b070db9e"}),i("div",{key:"46e80f3f18952c6b0a9589bfc866af456461a911"}),i("div",{key:"5c6b19a344c8ba95fea4523df9f775e2e868bfb2"}),i("div",{key:"1e4fd4e37b437f0168b7665c8274c1532c0b3304"})),h.research_url.length>0&&this.viewportSize<768&&i("div",{key:"6a43cf02bd166d9e36adc8588fc68c45f911c668",class:"hy-profile-page__person-content-container"},i("div",{key:"a7ecd5f88eaba693e195c557b75e23202713436a",id:"accordion-container-person-content"},h.publications&&i("ds-accordion",{key:"aa8b834f98cd821e5b86cdd6105b6ece763e110f","ds-heading-level":"3","data-accordion-id":"publications"},i("div",{key:"f80ec4f79d5fdfb6aada5ae21e6249b455011f65",slot:"header"},h.publications.label),i("div",{key:"5aa8d4f61af42f829e0704a0e73f240f5b13a9af",slot:"content",class:"accordion-content"})),h.projects&&i("ds-accordion",{key:"f611ed7d784b7f92d4a74c71b05c84182e53cd8d","ds-heading-level":"3","data-accordion-id":"projects"},i("div",{key:"b41e9e664e3ec2cc17a2fb8689d3fb31307689f2",slot:"header"},h.projects.label),i("div",{key:"66705c1fcd371b3e7c7ad04ef599cd4c50816420",slot:"content",class:"accordion-content"})),h.activities&&i("ds-accordion",{key:"20007a9ad3f90f519ce8b05121bb7e8ee720eac7","ds-heading-level":"3","data-accordion-id":"activities"},i("div",{key:"ace6fe67a0ac404faac9f26238758f118be25db4",slot:"header"},h.activities.label),i("div",{key:"3c3f5299d07591f67ff3712e5bbe71dbd60ca752",slot:"content",class:"accordion-content"})))),h.research_url.length>0&&this.viewportSize>=768&&i("div",{key:"4c65d595043eb7d87c0d810f15455d58afac57fb",class:"hy-profile-page__person-content-container"},i("hy-tabs",{key:"682063d4d3da86d0d63064d3db3294ac38224a56","tab-id":"tabs-container-person-content"},h.publications&&i("hy-tabs-item",{key:"6293c88c5e4e0c74bca596faddb6e087802f1673","data-tab-id":"publications","tab-title":h.publications.label}),h.projects&&i("hy-tabs-item",{key:"fc2ae0b5fd2afd8d9a5ed7ceddecdf04394a6cf6","data-tab-id":"projects","tab-title":h.projects.label}),h.activities&&i("hy-tabs-item",{key:"74c3308a23ee8f2c7ba4ed480cd8b26174f58d86","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{-webkit-box-align:start;-ms-flex-align:start;align-items:start;list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;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}
@@ -1 +1 @@
1
- import{r as t,h as i,H as r,g as n}from"./index-2ffe17c9.js";import{f as a}from"./utils-1e7f5184.js";const o=class{constructor(i){t(this,i),this.dataItems=void 0,this.listHeading="",this.headerstyle="default"}arrayDataWatcher(t){this._dataItems="string"==typeof t?JSON.parse(t):t}componentWillLoad(){this.arrayDataWatcher(this.dataItems)}componentDidLoad(){let t=this.el.closest(".hy-main");t&&(t.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const t=["hy-shortcuts",`hy-shortcuts__${this.headerstyle}`].join(" "),n=["text"].join(" "),o=["link-icon"].join(" ");let s=["shortcut-link-wrapper",this._dataItems.length%4==0?"box-4":"box-3"].join(" ");return i(r,{key:"824c4a31cc978492ac84e84ac8479aab1199e3f4"},i("div",{key:"773363c2377ad6d71b47858fb330075caf03f470",class:t},this.listHeading.length>0&&i("hy-heading",{key:"e4dac4c82f6f444cddbab30dc7472cac48bbba4b",class:"list-title",heading:a.h2},this.listHeading),i("div",{key:"4ad543d9a267bf52d714df01465dde41341dd067",class:"shortcut-link-container"},this._dataItems.map(((t,r)=>{let a="";a=this._dataItems.length%4==0?0==r||1==r?"first":"":0==r?"first":"";let e=s.concat(" ",a);return i("div",{class:e},i("a",{"aria-label":t.ariaLabel,class:"shortcut-link",href:t.url,target:t.isExternal?"_blank":"_self"},i("span",{class:n},t.heading),i("span",{class:o},i("hy-icon",{icon:"hy-icon-arrow-right",size:28}))))})))),i("hy-box",{key:"868388f7396bdbc0b6c9d449899ac44cccde23ca",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return n(this)}static get watchers(){return{dataItems:["arrayDataWatcher"]}}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-shortcuts{overflow:hidden}.hy-shortcuts .shortcut-link-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--gutter-mobile)* -1)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-narrow)* -1)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-wide)* -1)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:62px;padding:0 var(--gutter-mobile)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:70px;padding:0 var(--gutter-narrow)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:82px;padding:0 var(--gutter-wide)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:100%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:33.33%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:50%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:25%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:2.5px solid var(--brand-main-nearly-black)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:3px solid var(--brand-main-nearly-black)}}.hy-shortcuts .shortcut-link-container a.shortcut-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border-bottom:2.5px solid var(--brand-main-nearly-black);color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:14px;font-weight:600;-ms-hyphens:auto;hyphens:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;letter-spacing:-0.44px;line-height:18px;min-height:70px;position:relative;text-decoration:none;word-break:break-word}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{border-bottom:3px solid var(--brand-main-nearly-black);border-top:3px solid var(--brand-main-nearly-black);font-size:16px;letter-spacing:-0.5px;line-height:18px;min-height:70px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{font-size:16px;letter-spacing:-0.5px;line-height:22px;min-height:82px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 8px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 12px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 4px 0 22px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:20px;fill:var(--brand-main-light);width:20px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:24px;width:24px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:28px;width:28px}}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover{color:var(--brand-main)}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover svg{fill:var(--brand-main)}";export{o as hy_shortcuts}
1
+ import{r as t,h as r,H as i,g as n}from"./index-2ffe17c9.js";import{f as o}from"./utils-1e7f5184.js";const a=class{constructor(r){t(this,r),this.dataItems=void 0,this.listHeading="",this.headerstyle="default"}arrayDataWatcher(t){this._dataItems="string"==typeof t?JSON.parse(t):t}componentWillLoad(){this.arrayDataWatcher(this.dataItems)}componentDidLoad(){let t=this.el.closest(".hy-main");t&&(t.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const t=["hy-shortcuts",`hy-shortcuts__${this.headerstyle}`].join(" "),n=["text"].join(" "),a=["link-icon"].join(" ");let s=["shortcut-link-wrapper",this._dataItems.length%4==0?"box-4":"box-3"].join(" ");return r(i,{key:"824c4a31cc978492ac84e84ac8479aab1199e3f4"},r("div",{key:"773363c2377ad6d71b47858fb330075caf03f470",class:t},this.listHeading.length>0&&r("hy-heading",{key:"e4dac4c82f6f444cddbab30dc7472cac48bbba4b",class:"list-title",heading:o.h2},this.listHeading),r("div",{key:"4ad543d9a267bf52d714df01465dde41341dd067",class:"shortcut-link-container"},this._dataItems.map(((t,i)=>{let o="";o=this._dataItems.length%4==0?0==i||1==i?"first":"":0==i?"first":"";let e=s.concat(" ",o);return r("div",{class:e},r("a",{"aria-label":t.ariaLabel,class:"shortcut-link",href:t.url,target:t.isExternal?"_blank":"_self"},r("span",{class:n},t.heading),r("span",{class:a},r("hy-icon",{icon:"hy-icon-arrow-right",size:28}))))})))),r("hy-box",{key:"868388f7396bdbc0b6c9d449899ac44cccde23ca",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return n(this)}static get watchers(){return{dataItems:["arrayDataWatcher"]}}};a.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-shortcuts{overflow:hidden}.hy-shortcuts .shortcut-link-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--gutter-mobile)* -1)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-narrow)* -1)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-wide)* -1)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:62px;padding:0 var(--gutter-mobile)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:70px;padding:0 var(--gutter-narrow)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:82px;padding:0 var(--gutter-wide)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:100%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:33.33%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:50%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:25%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:2.5px solid var(--brand-main-nearly-black)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:3px solid var(--brand-main-nearly-black)}}.hy-shortcuts .shortcut-link-container a.shortcut-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border-bottom:2.5px solid var(--brand-main-nearly-black);color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:14px;font-weight:600;-ms-hyphens:auto;hyphens:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;letter-spacing:-0.44px;line-height:18px;min-height:70px;position:relative;text-decoration:none;word-break:break-word}.hy-shortcuts .shortcut-link-container a.shortcut-link:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{border-bottom:3px solid var(--brand-main-nearly-black);border-top:3px solid var(--brand-main-nearly-black);font-size:16px;letter-spacing:-0.5px;line-height:18px;min-height:70px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{font-size:16px;letter-spacing:-0.5px;line-height:22px;min-height:82px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 8px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 12px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 4px 0 22px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:20px;fill:var(--brand-main-light);width:20px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:24px;width:24px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:28px;width:28px}}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover{color:var(--brand-main)}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover svg{fill:var(--brand-main)}";export{a as hy_shortcuts}
@@ -1 +1 @@
1
- import{r as t,h as e,g as a}from"./index-2ffe17c9.js";let i,o,r,s={37:-1,38:-1,39:1,40:1};const n=class{constructor(e){t(this,e),this.tabId=void 0,this.tabListLabel="",this.focusTimeoutCleared=!0,this.tabButtonTitles=void 0,this.tabPanelsState=void 0,this.tabButtons=void 0,this.tabList=void 0,this.headerstyle="common"}componentWillLoad(){const t=this.el.querySelectorAll("hy-tabs-item");t&&(this.tabButtonTitles=Array.from(t).map((t=>({title:t.getAttribute("tab-title"),id:t.getAttribute("tab-title").toLowerCase().replace(/\W/g,"-")}))))}componentDidLoad(){let t=this.el.closest(".hy-main");t&&(t.classList.contains("with-sidebar")||(this.headerstyle="large"));const e=this.el.querySelector(".hy-tabs__container");if(e){this.generateArrays(e);const t=this.el.querySelectorAll(".hy-tab-scroll__left")[0],a=this.el.querySelectorAll(".hy-tab-scroll__right")[0],o=this.tabList;this.checkScrollHidden(o,t,a),o.addEventListener("scroll",(()=>{r=setTimeout((()=>{window.clearTimeout(r),this.checkScrollHidden(o,t,a)}),250)}),!1),o.offSetWidth<=document.body.scrollWidth&&(t.classList.add("is-hidden"),a.classList.add("is-hidden"));const s=250;a.addEventListener("click",(e=>{e.preventDefault(),a.classList.add("is-disabled"),o.scrollBy({top:0,left:+s,behavior:"smooth"}),i=window.setTimeout((()=>{window.clearTimeout(i),this.checkScrollHidden(o,t,a),a.classList.remove("is-disabled")}),250)})),t.addEventListener("click",(e=>{e.preventDefault(),t.classList.add("is-disabled"),o.scrollBy({top:0,left:-s,behavior:"smooth"}),i=window.setTimeout((()=>{window.clearTimeout(i),this.checkScrollHidden(o,t,a),t.classList.remove("is-disabled")}),250)}))}}generateArrays(t){this.tabList=t.querySelectorAll('[role="tablist"]')[0],this.tabButtons=t.querySelectorAll('[role="tab"]'),this.tabPanelsState=[t.querySelectorAll('[role="tabpanel"]')],this.tabButtons.length>0&&(this.addListeners(this.tabButtons,1),this.activateTab(this.tabButtons[0],!0))}addListeners(t,e){if(t.length>1)for(let a=0;a<t.length;++a)t[e].addEventListener("click",this.clickEventListener),t[e].addEventListener("keydown",this.keydownEventListener),t[e].index=e}checkScrollHidden(t,e,a){0===t.scrollLeft?e.classList.add("is-hidden"):e.classList.remove("is-hidden"),t.scrollLeft+t.clientWidth>=t.scrollWidth-1?a.classList.add("is-hidden"):a.classList.remove("is-hidden")}clickEventListener(t){if(t){const e=t.target,a=this.tabButtonTitles;a&&(a.forEach((t=>{Object.values(t)[1]===e.id&&this.activateTab(e,!0)})),t.stopPropagation(),t.stopImmediatePropagation())}}keydownEventListener(t){const e=this.tabButtonTitles;switch(t.keyCode){case 35:t.preventDefault(),this.activateTab(e[e.length-1],!0);break;case 36:t.preventDefault(),this.activateTab(e[0],!0);break;case 38:case 40:this.focusTimeoutCleared&&this.determineOrientation(t)}}keyupEventListener(t){switch(t.keyCode){case 37:case 39:"tab"===t.target.role&&(t.preventDefault(),this.focusTimeoutCleared&&this.determineOrientation(t))}t.stopPropagation(),t.stopImmediatePropagation()}determineOrientation(t){const e=this.el.querySelectorAll(".hy-tab-scroll__left")[0],a=this.el.querySelectorAll(".hy-tab-scroll__right")[0],i=this.tabList;this.checkScrollHidden(i,e,a);const o=t.keyCode;let r=!1;"vertical"==i.getAttribute("aria-orientation")?38!==o&&40!==o||(t.preventDefault(),r=!0):37!==o&&39!==o||(r=!0),r&&this.switchTabOnArrowPress(t)}switchTabOnArrowPress(t){const e=t.keyCode;if(s[e]){const a=t.target,i=this.tabButtons;for(let t=0;t<i.length;t++)if(i[t].id===a.id){if(t>0&&-1===s[e]){i[t-1].focus(),this.focusEventHandler(i[t-1]);break}if(t<i.length-1&&1===s[e]){i[t+1].focus(),this.focusEventHandler(i[t+1]);break}}}}activateTab(t,e){e=e||!0,this.deactivateTabs(this.tabButtons),t.removeAttribute("tabindex"),t.setAttribute("aria-selected","true");const a=t.getAttribute("aria-controls");this.el.querySelector(`#${a}`).removeAttribute("hidden"),e&&t.focus()}deactivateTabs(t){for(let e=0;e<t.length;e++)t[e].setAttribute("tabindex","-1"),t[e].setAttribute("aria-selected","false"),t[e].removeEventListener("focus",this.focusEventHandler);const e=this.tabPanelsState[0];for(let t=0;t<e.length;t++)e[t].setAttribute("hidden","hidden")}focusEventHandler(t){const e=t;this.focusTimeoutCleared=!1,o=window.setTimeout((()=>{window.clearTimeout(o),this.focusTimeoutCleared=!0;const t=document.activeElement;e===t&&this.activateTab(e,!1)}),250)}render(){const t=["hy-tabs__container",`hy-tabs__container__${this.headerstyle}`].join(" "),a=this.tabId.toLowerCase().replace(/\W/g,"-");if(window.location.hash){const t=window.location.hash.substring(1);if(this.tabButtonTitles.some((e=>e.id===t))){const e=document.getElementById(t);if(e){this.activateTab(e,!0);const t=e.getBoundingClientRect();window.scrollTo({top:window.scrollY+t.top-200,behavior:"smooth"})}}}return[e("hy-box",{key:"3b0da839cdca35fef7187827279806cfec2af420",pt:"1.25, 1.25, 1.5, 2.5"}),e("div",{key:"70705de390160608feb5f6e1be453596118ef829",id:a,class:t},e("div",{key:"f8a180baad5f3148588c892df35168bb68d3cf70",class:"hy-tablist-container"},e("button",{key:"b0e246a131064af4cb9576b8d717748565034270",tabindex:"-1",class:"hy-tab-scroll hy-tab-scroll__left is-hidden","aria-hidden":"true"},e("span",{key:"7c135f5b61abb362b7594b14f0eac28c11c09fda"},e("hy-icon",{key:"03d9a4c620f2cd021b4542924f597512ffde0d22",icon:"hy-icon-caret-left",size:16}))),e("div",{key:"d819613211a40914e6ef37c8ee49edb0bb63f145",role:"tablist","aria-label":this.tabListLabel},this.tabButtonTitles&&this.tabButtonTitles.map((t=>{const a=Object.values(t)[0],i=a.toLowerCase().replace(/\W/g,"-"),o=a.toLowerCase().replace(/\W/g,"-");return e("a",{href:"#"+o,tabindex:"-1"},e("button",{"aria-selected":"false","aria-controls":`${i}-tab`,class:this.headerstyle,role:"tab",id:i},e("span",null,a)))}))),e("button",{key:"2abafec9f9b6e8646913fe7c0ee4560d9bfd1ac7",tabindex:"-1",class:"hy-tab-scroll hy-tab-scroll__right","aria-hidden":"true"},e("span",{key:"45fc71c78bdab93bec9f6637d31593890e30f767"},e("hy-icon",{key:"c96fe950aa855f8bd91f2776b7ca988b3052a099",icon:"hy-icon-caret-right",size:16})))),e("slot",{key:"aa1679d1fce0627575d4417f3d313ee0414e2909"})),e("hy-box",{key:"7b180c756e5ec131d3e6ed0de95ff8d6746f8530",mb:"1.75, 1.75, 2, 2.5"})]}get el(){return a(this)}};n.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-tabs__container .hy-tablist-container{border-bottom:1px solid var(--grayscale-tabs-border);position:relative}.hy-tabs__container .hy-tab-scroll{background-color:rgba(255, 255, 255, 0.8);border:0;height:100%;margin:0;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:4}.hy-tabs__container .hy-tab-scroll.is-hidden{display:none;visibility:hidden}.hy-tabs__container .hy-tab-scroll.is-disabled{background-color:var(--grayscale-medium)}.hy-tabs__container .hy-tab-scroll.is-disabled:hover{cursor:none}.hy-tabs__container .hy-tab-scroll:focus,.hy-tabs__container .hy-tab-scroll:hover{outline:none;cursor:pointer}.hy-tabs__container .hy-tab-scroll span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);border-radius:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px}.hy-tabs__container .hy-tab-scroll span svg{fill:var(--grayscale-white);height:16px;width:16px}.hy-tabs__container .hy-tab-scroll__left{left:0;padding-right:8px}.hy-tabs__container .hy-tab-scroll__left svg{-webkit-transform:translateX(-1px);transform:translateX(-1px)}.hy-tabs__container .hy-tab-scroll__right{padding-left:8px;right:0}.hy-tabs__container .hy-tab-scroll__right svg{-webkit-transform:translateX(1px);transform:translateX(1px)}.hy-tabs__container [role=tablist]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 0 -0.1em;overflow:scroll;position:relative;scrollbar-width:none;white-space:nowrap}.hy-tabs__container [role=tablist]::-webkit-scrollbar{display:none}.hy-tabs__container [role=tablist] a{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:47.56%;text-decoration:none;-ms-flex-negative:0;flex-shrink:0}.hy-tabs__container [role=tablist] a:not(:first-of-type){margin-left:6px}@media (min-width: 30rem){.hy-tabs__container [role=tablist] a{max-width:35.37%}}@media (min-width: 60rem){.hy-tabs__container [role=tablist] a{max-width:23.13%}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tablist] a{max-width:23.03%}}.hy-tabs__container [role=tab]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;border:0;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:center;-ms-flex-pack:center;justify-content:center;margin-bottom:6px;padding:0}.hy-tabs__container [role=tab]>span{font-size:0.875rem;line-height:14px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border:0;color:var(--link-blue);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-hyphens:auto;hyphens:auto;letter-spacing:-0.5px;padding:8px 8px 7px;pointer-events:none;position:relative;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:break-word;overflow-wrap:break-word}@media (min-width: 30rem){.hy-tabs__container [role=tab]>span{font-size:1rem;line-height:18px;padding:16px 12px 10px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab]>span{font-size:1.125rem;line-height:20px;letter-spacing:-0.6px;padding:16px 16px 14px}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab].large{margin:0 12px 0 0}}.hy-tabs__container [role=tab][aria-selected=true]{border-bottom-width:0;border:1px solid var(--grayscale-dark);margin-bottom:0;z-index:3}.hy-tabs__container [role=tab][aria-selected=true]>span{background-color:var(--grayscale-white);color:var(--grayscale-black);padding-bottom:13px}@media (min-width: 30rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:16px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:20px}}.hy-tabs__container [role=tab][aria-selected=true]>span:before{background-color:var(--grayscale-white);bottom:0;content:"";height:4px;left:0;position:absolute;right:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.hy-tabs__container [role=tab][aria-selected=true]>span:after{background-color:var(--grayscale-black);bottom:0;content:"";height:4px;left:8px;position:absolute;right:8px}.hy-tabs__container [role=tab]:hover{border-radius:0;color:inherit;cursor:pointer;text-decoration:none}.hy-tabs__container [role=tab]:hover span{background-color:var(--hover-gray);color:var(--brand-main-active)}.hy-tabs__container [role=tabpanel]{border:1px solid var(--grayscale-dark);padding:28px 12px;position:relative;z-index:2}@media (min-width: 30rem){.hy-tabs__container [role=tabpanel]{padding:38px 15px}}@media (min-width: 60rem){.hy-tabs__container [role=tabpanel]{padding:40px 20px}}.hy-tabs__container [role=tabpanel]:focus{outline:1px solid var(--brand-main-active)}';const l=class{constructor(e){t(this,e),this.tabTitle=void 0}render(){const t=this.tabTitle.toLowerCase().replace(/\W/g,"-");return e("div",{key:"05a440e8504576f12ffda8b90961c959b8eab28d",tabindex:"0",role:"tabpanel",id:`${t}-tab`,"aria-labelledby":t,hidden:!0},e("slot",{key:"392e5de9f65650ccf4e215dffd5974f09fa1bbd0"}))}};l.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}";export{n as hy_tabs,l as hy_tabs_item}
1
+ import{r as t,h as e,g as a}from"./index-2ffe17c9.js";let i,r,o,s={37:-1,38:-1,39:1,40:1};const n=class{constructor(e){t(this,e),this.tabId=void 0,this.tabListLabel="",this.focusTimeoutCleared=!0,this.tabButtonTitles=void 0,this.tabPanelsState=void 0,this.tabButtons=void 0,this.tabList=void 0,this.headerstyle="common"}componentWillLoad(){const t=this.el.querySelectorAll("hy-tabs-item");t&&(this.tabButtonTitles=Array.from(t).map((t=>({title:t.getAttribute("tab-title"),id:t.getAttribute("tab-title").toLowerCase().replace(/\W/g,"-")}))))}componentDidLoad(){let t=this.el.closest(".hy-main");t&&(t.classList.contains("with-sidebar")||(this.headerstyle="large"));const e=this.el.querySelector(".hy-tabs__container");if(e){this.generateArrays(e);const t=this.el.querySelectorAll(".hy-tab-scroll__left")[0],a=this.el.querySelectorAll(".hy-tab-scroll__right")[0],r=this.tabList;this.checkScrollHidden(r,t,a),r.addEventListener("scroll",(()=>{o=setTimeout((()=>{window.clearTimeout(o),this.checkScrollHidden(r,t,a)}),250)}),!1),r.offSetWidth<=document.body.scrollWidth&&(t.classList.add("is-hidden"),a.classList.add("is-hidden"));const s=250;a.addEventListener("click",(e=>{e.preventDefault(),a.classList.add("is-disabled"),r.scrollBy({top:0,left:+s,behavior:"smooth"}),i=window.setTimeout((()=>{window.clearTimeout(i),this.checkScrollHidden(r,t,a),a.classList.remove("is-disabled")}),250)})),t.addEventListener("click",(e=>{e.preventDefault(),t.classList.add("is-disabled"),r.scrollBy({top:0,left:-s,behavior:"smooth"}),i=window.setTimeout((()=>{window.clearTimeout(i),this.checkScrollHidden(r,t,a),t.classList.remove("is-disabled")}),250)}))}}generateArrays(t){this.tabList=t.querySelectorAll('[role="tablist"]')[0],this.tabButtons=t.querySelectorAll('[role="tab"]'),this.tabPanelsState=[t.querySelectorAll('[role="tabpanel"]')],this.tabButtons.length>0&&(this.addListeners(this.tabButtons,1),this.activateTab(this.tabButtons[0],!0))}addListeners(t,e){if(t.length>1)for(let a=0;a<t.length;++a)t[e].addEventListener("click",this.clickEventListener),t[e].addEventListener("keydown",this.keydownEventListener),t[e].index=e}checkScrollHidden(t,e,a){0===t.scrollLeft?e.classList.add("is-hidden"):e.classList.remove("is-hidden"),t.scrollLeft+t.clientWidth>=t.scrollWidth-1?a.classList.add("is-hidden"):a.classList.remove("is-hidden")}clickEventListener(t){if(t){const e=t.target,a=this.tabButtonTitles;a&&(a.forEach((t=>{Object.values(t)[1]===e.id&&this.activateTab(e,!0)})),t.stopPropagation(),t.stopImmediatePropagation())}}keydownEventListener(t){const e=this.tabButtonTitles;switch(t.keyCode){case 35:t.preventDefault(),this.activateTab(e[e.length-1],!0);break;case 36:t.preventDefault(),this.activateTab(e[0],!0);break;case 38:case 40:this.focusTimeoutCleared&&this.determineOrientation(t)}}keyupEventListener(t){switch(t.keyCode){case 37:case 39:"tab"===t.target.role&&(t.preventDefault(),this.focusTimeoutCleared&&this.determineOrientation(t))}t.stopPropagation(),t.stopImmediatePropagation()}determineOrientation(t){const e=this.el.querySelectorAll(".hy-tab-scroll__left")[0],a=this.el.querySelectorAll(".hy-tab-scroll__right")[0],i=this.tabList;this.checkScrollHidden(i,e,a);const r=t.keyCode;let o=!1;"vertical"==i.getAttribute("aria-orientation")?38!==r&&40!==r||(t.preventDefault(),o=!0):37!==r&&39!==r||(o=!0),o&&this.switchTabOnArrowPress(t)}switchTabOnArrowPress(t){const e=t.keyCode;if(s[e]){const a=t.target,i=this.tabButtons;for(let t=0;t<i.length;t++)if(i[t].id===a.id){if(t>0&&-1===s[e]){i[t-1].focus(),this.focusEventHandler(i[t-1]);break}if(t<i.length-1&&1===s[e]){i[t+1].focus(),this.focusEventHandler(i[t+1]);break}}}}activateTab(t,e){e=e||!0,this.deactivateTabs(this.tabButtons),t.removeAttribute("tabindex"),t.setAttribute("aria-selected","true");const a=t.getAttribute("aria-controls");this.el.querySelector(`#${a}`).removeAttribute("hidden"),e&&t.focus()}deactivateTabs(t){for(let e=0;e<t.length;e++)t[e].setAttribute("tabindex","-1"),t[e].setAttribute("aria-selected","false"),t[e].removeEventListener("focus",this.focusEventHandler);const e=this.tabPanelsState[0];for(let t=0;t<e.length;t++)e[t].setAttribute("hidden","hidden")}focusEventHandler(t){const e=t;this.focusTimeoutCleared=!1,r=window.setTimeout((()=>{window.clearTimeout(r),this.focusTimeoutCleared=!0;const t=document.activeElement;e===t&&this.activateTab(e,!1)}),250)}render(){const t=["hy-tabs__container",`hy-tabs__container__${this.headerstyle}`].join(" "),a=this.tabId.toLowerCase().replace(/\W/g,"-");if(window.location.hash){const t=window.location.hash.substring(1);if(this.tabButtonTitles.some((e=>e.id===t))){const e=document.getElementById(t);if(e){this.activateTab(e,!0);const t=e.getBoundingClientRect();window.scrollTo({top:window.scrollY+t.top-200,behavior:"smooth"})}}}return[e("hy-box",{key:"3b0da839cdca35fef7187827279806cfec2af420",pt:"1.25, 1.25, 1.5, 2.5"}),e("div",{key:"70705de390160608feb5f6e1be453596118ef829",id:a,class:t},e("div",{key:"f8a180baad5f3148588c892df35168bb68d3cf70",class:"hy-tablist-container"},e("button",{key:"b0e246a131064af4cb9576b8d717748565034270",tabindex:"-1",class:"hy-tab-scroll hy-tab-scroll__left is-hidden","aria-hidden":"true"},e("span",{key:"7c135f5b61abb362b7594b14f0eac28c11c09fda"},e("hy-icon",{key:"03d9a4c620f2cd021b4542924f597512ffde0d22",icon:"hy-icon-caret-left",size:16}))),e("div",{key:"d819613211a40914e6ef37c8ee49edb0bb63f145",role:"tablist","aria-label":this.tabListLabel},this.tabButtonTitles&&this.tabButtonTitles.map((t=>{const a=Object.values(t)[0],i=a.toLowerCase().replace(/\W/g,"-"),r=a.toLowerCase().replace(/\W/g,"-");return e("a",{href:"#"+r,tabindex:"-1"},e("button",{"aria-selected":"false","aria-controls":`${i}-tab`,class:this.headerstyle,role:"tab",id:i},e("span",null,a)))}))),e("button",{key:"2abafec9f9b6e8646913fe7c0ee4560d9bfd1ac7",tabindex:"-1",class:"hy-tab-scroll hy-tab-scroll__right","aria-hidden":"true"},e("span",{key:"45fc71c78bdab93bec9f6637d31593890e30f767"},e("hy-icon",{key:"c96fe950aa855f8bd91f2776b7ca988b3052a099",icon:"hy-icon-caret-right",size:16})))),e("slot",{key:"aa1679d1fce0627575d4417f3d313ee0414e2909"})),e("hy-box",{key:"7b180c756e5ec131d3e6ed0de95ff8d6746f8530",mb:"1.75, 1.75, 2, 2.5"})]}get el(){return a(this)}};n.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-tabs__container .hy-tablist-container{border-bottom:1px solid var(--grayscale-tabs-border);position:relative}.hy-tabs__container .hy-tab-scroll{background-color:rgba(255, 255, 255, 0.8);border:0;height:100%;margin:0;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:4}.hy-tabs__container .hy-tab-scroll.is-hidden{display:none;visibility:hidden}.hy-tabs__container .hy-tab-scroll.is-disabled{background-color:var(--grayscale-medium)}.hy-tabs__container .hy-tab-scroll.is-disabled:hover{cursor:none}.hy-tabs__container .hy-tab-scroll:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-tabs__container .hy-tab-scroll:hover{cursor:pointer}.hy-tabs__container .hy-tab-scroll span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);border-radius:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px}.hy-tabs__container .hy-tab-scroll span svg{fill:var(--grayscale-white);height:16px;width:16px}.hy-tabs__container .hy-tab-scroll__left{left:0;padding-right:8px}.hy-tabs__container .hy-tab-scroll__left svg{-webkit-transform:translateX(-1px);transform:translateX(-1px)}.hy-tabs__container .hy-tab-scroll__right{padding-left:8px;right:0}.hy-tabs__container .hy-tab-scroll__right svg{-webkit-transform:translateX(1px);transform:translateX(1px)}.hy-tabs__container [role=tablist]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 0 -0.1em;overflow:scroll;position:relative;scrollbar-width:none;white-space:nowrap}.hy-tabs__container [role=tablist]::-webkit-scrollbar{display:none}.hy-tabs__container [role=tablist] a{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:47.56%;text-decoration:none;-ms-flex-negative:0;flex-shrink:0}.hy-tabs__container [role=tablist] a:not(:first-of-type){margin-left:6px}@media (min-width: 30rem){.hy-tabs__container [role=tablist] a{max-width:35.37%}}@media (min-width: 60rem){.hy-tabs__container [role=tablist] a{max-width:23.13%}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tablist] a{max-width:23.03%}}.hy-tabs__container [role=tab]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;border:0;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:center;-ms-flex-pack:center;justify-content:center;margin-bottom:6px;padding:0}.hy-tabs__container [role=tab]>span{font-size:0.875rem;line-height:14px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border:0;color:var(--link-blue);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-hyphens:auto;hyphens:auto;letter-spacing:-0.5px;padding:8px 8px 7px;pointer-events:none;position:relative;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:break-word;overflow-wrap:break-word}@media (min-width: 30rem){.hy-tabs__container [role=tab]>span{font-size:1rem;line-height:18px;padding:16px 12px 10px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab]>span{font-size:1.125rem;line-height:20px;letter-spacing:-0.6px;padding:16px 16px 14px}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab].large{margin:0 12px 0 0}}.hy-tabs__container [role=tab][aria-selected=true]{border-bottom-width:0;border:1px solid var(--grayscale-dark);margin-bottom:0;z-index:3}.hy-tabs__container [role=tab][aria-selected=true]>span{background-color:var(--grayscale-white);color:var(--grayscale-black);padding-bottom:13px}@media (min-width: 30rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:16px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:20px}}.hy-tabs__container [role=tab][aria-selected=true]>span:before{background-color:var(--grayscale-white);bottom:0;content:"";height:4px;left:0;position:absolute;right:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.hy-tabs__container [role=tab][aria-selected=true]>span:after{background-color:var(--grayscale-black);bottom:0;content:"";height:4px;left:8px;position:absolute;right:8px}.hy-tabs__container [role=tab]:hover{border-radius:0;color:inherit;cursor:pointer;text-decoration:none}.hy-tabs__container [role=tab]:hover span{background-color:var(--hover-gray);color:var(--brand-main-active)}.hy-tabs__container [role=tabpanel]{border:1px solid var(--grayscale-dark);padding:28px 12px;position:relative;z-index:2}@media (min-width: 30rem){.hy-tabs__container [role=tabpanel]{padding:38px 15px}}@media (min-width: 60rem){.hy-tabs__container [role=tabpanel]{padding:40px 20px}}.hy-tabs__container [role=tabpanel]:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}';const l=class{constructor(e){t(this,e),this.tabTitle=void 0}render(){const t=this.tabTitle.toLowerCase().replace(/\W/g,"-");return e("div",{key:"05a440e8504576f12ffda8b90961c959b8eab28d",tabindex:"0",role:"tabpanel",id:`${t}-tab`,"aria-labelledby":t,hidden:!0},e("slot",{key:"392e5de9f65650ccf4e215dffd5974f09fa1bbd0"}))}};l.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}";export{n as hy_tabs,l as hy_tabs_item}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcenteratunihelsinki/huds-lib",
3
- "version": "0.11.0",
3
+ "version": "0.12.0",
4
4
  "description": "Helsinki University Design System library",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -63,7 +63,7 @@
63
63
  "resize-observer-polyfill": "1.5.1",
64
64
  "stencil-inline-svg": "^1.1.0",
65
65
  "stylelint": "^16.9.0",
66
- "swiper": "^11.1.12"
66
+ "swiper": "12.1.3"
67
67
  },
68
68
  "browserslist": [
69
69
  "last 2 versions"
@@ -73,5 +73,5 @@
73
73
  "pre-commit": "pretty-quick --staged"
74
74
  }
75
75
  },
76
- "gitHead": "3d7e7a06c3c43abc439940044d5f273ae2514979"
76
+ "gitHead": "4f499ffcc9012a3ad6947b56b60c303cb2c3c49d"
77
77
  }